/*index_banner*/ .banner { font-size: 0; position: relative; overflow: hidden; width: 100%; } @media (max-width: 1199px) { .banner .slickbanner { width: 130%; max-width: 130%; margin-left: -15%; } } @media (max-width: 1199px) { .banner .slickbanner { width: 160%; max-width: 160%; margin-left: -30%; } } .banner .slickbanner .item { position: relative; display: block; } .banner .slickbanner .item .img-box { z-index: 0; display: block; padding-bottom: 36.45833333%; } .banner .slickbanner .item .img-box img { display: block; width: 100%; } .banner .slickbanner .slick-dots { position: absolute; bottom: 40px; left: 50%; display: block; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; } @media (max-width: 991px) { .banner .slickbanner .slick-dots { bottom: 20px; } } .banner .slickbanner .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 8px; cursor: pointer; border: solid 1px rgba(255, 255, 255, .5); border-radius: 50%; } .banner .slickbanner .slick-dots li button { display: none; } .banner .slickbanner .slick-dots .slick-active { background-color: #fff; } /*title*/ .title { text-align: center; } .title b { font-size: 48px; line-height: 1; position: relative; display: block; margin-bottom: 20px; color: #000; } @media (max-width: 1469px) { .title b { font-size: 40px; } } @media (max-width: 1199px) { .title b { font-size: 30px; } } @media (max-width: 991px) { .title b { font-size: 28px; } } @media (max-width: 767px) { .title b { font-size: 24px; } } @media (max-width: 480px) { .title b { font-size: 22px; } } .title b span { font-size: 80px; font-weight: normal; line-height: 1; position: absolute; z-index: -1; top: 50%; right: 0; left: 0; display: block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #f3f3f3; } @media (max-width: 1469px) { .title b span { font-size: 60px; } } @media (max-width: 1199px) { .title b span { font-size: 50px; } } @media (max-width: 991px) { .title b span { font-size: 40px; } } @media (max-width: 480px) { .title b span { font-size: 30px; } } .title p { font-size: 16px; line-height: 1.5; color: #999; } @media (max-width: 767px) { .title p { font-size: 15px; } } @media (max-width: 480px) { .title p { font-size: 14px; } } .padt { padding-top: 100px; } .padd { padding: 100px 0; } .lists { padding-top: 60px; } @media (max-width: 1199px) { .padt { padding-top: 60px; } .padd { padding: 60px 0; } .lists { padding-top: 50px; } } @media (max-width: 991px) { .padt { padding-top: 30px; } .padd { padding: 50px 0; } .lists { padding-top: 40px; } } @media (max-width: 767px) { .padd { padding: 40px 0; } .lists { padding-top: 30px; } } .ff { font-family: 'iconfont' !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .txt-over1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .index_cate .lists ul li:last-child .item { margin-bottom: 0; } .index_cate .lists .item { position: relative; display: block; overflow: hidden; } @media (max-width: 991px) { .index_cate .lists .item { margin-bottom: 30px; } } .index_cate .lists .item:hover .pic .name { opacity: 0; } .index_cate .lists .item:hover .info { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .index_cate .lists .item .pic { position: relative; } .index_cate .lists .item .pic .img-box { padding-bottom: 88.88888889%; } .index_cate .lists .item .pic .name { position: absolute; top: 35px; left: 35px; -webkit-transition: all .35s; transition: all .35s; } @media (max-width: 1199px) { .index_cate .lists .item .pic .name { top: 20px; left: 20px; } } .index_cate .lists .item .pic .name p { font-size: 24px; font-weight: bold; line-height: 1; color: #000; } @media (max-width: 991px) { .index_cate .lists .item .pic .name p { font-size: 22px; } } @media (max-width: 480px) { .index_cate .lists .item .pic .name p { font-size: 20px; } } .index_cate .lists .item .info { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; padding: 35px; -webkit-transition: all .35s; transition: all .35s; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); background-color: rgba(55, 146, 59, .9); } @media (max-width: 1199px) { .index_cate .lists .item .info { padding: 20px; } } .index_cate .lists .item .info b { font-size: 24px; font-weight: bold; line-height: 1; display: block; color: #fff; } @media (max-width: 991px) { .index_cate .lists .item .info b { font-size: 22px; } } @media (max-width: 480px) { .index_cate .lists .item .info b { font-size: 20px; } } .index_cate .lists .item .info p { font-size: 14px; line-height: 1.71428571; display: -webkit-box; overflow: hidden; height: 120px; margin-top: 30px; color: rgba(255, 255, 255, .8); -webkit-box-orient: vertical; -webkit-line-clamp: 5; } @media (max-width: 1199px) { .index_cate .lists .item .info p { margin-top: 20px; } } .index_cate .lists .item .info span { font-size: 14px; line-height: 2.85714286; position: absolute; bottom: 40px; left: 35px; display: block; width: 150px; padding: 0 20px; color: rgba(255, 255, 255, .8); border: solid 1px #fff; } @media (max-width: 1199px) { .index_cate .lists .item .info span { bottom: 20px; left: 20px; } } .index_cate .lists .item .info span:after { font-family: 'iconfont' !important; font-style: normal; position: absolute; top: 50%; right: 20px; display: block; margin-left: 40px; content: '\e62c'; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .index_about .title { padding: 100px 0 300px 0; background: url(../images/img/ab_bg.jpg) no-repeat center; background-size: cover; } @media (max-width: 1199px) { .index_about .title { padding: 60px 0 100px 0; } } @media (max-width: 991px) { .index_about .title { padding: 50px 0 80px 0; } } .index_about .title b { color: #fff; } .index_about .title b span { opacity: .2; color: #f3f3f3; } .index_about .title p { color: #fff; } .index_about .ab_content .left { width: 60%; padding: 60px 0 0 0; } @media (max-width: 1199px) { .index_about .ab_content .left { width: 100%; padding: 40px 0 0 0; } } @media (max-width: 991px) { .index_about .ab_content .left { padding: 30px 0 0 0; } } .index_about .ab_content .left .txt p { font-size: 14px; line-height: 2; opacity: .9; color: #000; } .index_about .ab_content .right { position: relative; z-index: 2; width: 37%; margin-top: -150px; padding: 45px 30px 50px 40px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } @media (max-width: 1199px) { .index_about .ab_content .right { position: static; width: 100%; margin-top: 20px; } } @media (max-width: 991px) { .index_about .ab_content .right { padding: 40px 30px; } } .index_about .ab_content .right .tit b { font-size: 32px; line-height: 1; display: block; opacity: .9; color: #000; } @media (max-width: 1199px) { .index_about .ab_content .right .tit b { font-size: 24px; } } @media (max-width: 991px) { .index_about .ab_content .right .tit b { font-size: 22px; } } @media (max-width: 480px) { .index_about .ab_content .right .tit b { font-size: 20px; } } .index_about .ab_content .right .tit p { font-size: 20px; line-height: 1.6; margin-top: 10px; color: #999; } @media (max-width: 1199px) { .index_about .ab_content .right .tit p { font-size: 18px; } } @media (max-width: 991px) { .index_about .ab_content .right .tit p { font-size: 16px; } } @media (max-width: 480px) { .index_about .ab_content .right .tit p { font-size: 14px; } } .index_about .ab_content .right .list ul li { display: block; margin-top: 30px; padding: 5px 0; } @media (max-width: 1199px) { .index_about .ab_content .right .list ul li { margin-top: 20px; } } .index_about .ab_content .right .list ul li:nth-child(2) .item:before { content: '\e623'; } .index_about .ab_content .right .list ul li:nth-child(3) .item:before { content: '\e622'; } .index_about .ab_content .right .list ul li:nth-child(4) .item:before { content: '\e627'; } .index_about .ab_content .right .list ul li .item { position: relative; padding-left: 110px; } @media (max-width: 480px) { .index_about .ab_content .right .list ul li .item { padding-left: 80px; } } .index_about .ab_content .right .list ul li .item:before { font-family: 'iconfont' !important; font-size: 35px; font-style: normal; line-height: 80px; position: absolute; top: 0; left: 0; display: block; width: 80px; height: 80px; content: '\e621'; text-align: center; color: #43a047; border: 1px dashed #43a047; border-radius: 50%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 480px) { .index_about .ab_content .right .list ul li .item:before { font-size: 28px; line-height: 60px; width: 60px; height: 60px; } } .index_about .ab_content .right .list ul li .item span { font-size: 20px; line-height: 1.6; display: block; padding-top: 10px; color: #000; } @media (max-width: 480px) { .index_about .ab_content .right .list ul li .item span { font-size: 18px; padding-top: 0; } } .index_about .ab_content .right .list ul li .item p { font-size: 14px; line-height: 2.14285714; color: #666; } .index_num { padding: 60px 0; } @media (max-width: 991px) { .index_num { padding: 20px 0; } } .index_num .number ul li { position: relative; } .index_num .number ul li:after { position: absolute; top: 50%; right: 0; display: block; width: 1px; height: 40px; content: ''; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #e3e3e3; } .index_num .number ul li:last-child:after { display: none; } @media (max-width: 991px) { .index_num .number ul li { padding: 20px 0; } .index_num .number ul li:nth-child(3):after { display: none; } } @media (max-width: 991px) and (max-width: 767px) { .index_num .number ul li:nth-child(3):after { display: block; } } .index_num .number .item { text-align: center; } .index_num .number .item b { display: block; } .index_num .number .item b span { font-size: 60px; line-height: 1; color: #43a047; } @media (max-width: 1199px) { .index_num .number .item b span { font-size: 50px; } } @media (max-width: 991px) { .index_num .number .item b span { font-size: 45px; } } @media (max-width: 480px) { .index_num .number .item b span { font-size: 40px; } } .index_num .number .item b sup { font-size: 24px; line-height: 1; top: -50px; margin-left: 5px; color: #999; } @media (max-width: 1199px) { .index_num .number .item b sup { font-size: 22px; top: -30px; } } @media (max-width: 991px) { .index_num .number .item b sup { font-size: 20px; top: -25px; } } .index_num .number .item p { font-size: 20px; line-height: 1.2; margin-top: 20px; color: #666; } @media (max-width: 1199px) { .index_num .number .item p { font-size: 18px; } } @media (max-width: 991px) { .index_num .number .item p { font-size: 16px; margin-top: 10px; } } .index_honor { overflow: hidden; padding: 130px 0; background: url(../images/img/index_honorbg.jpg) no-repeat center; background-size: cover; } @media (max-width: 1199px) { .index_honor { padding: 80px 0; } } @media (max-width: 991px) { .index_honor { padding: 60px 0; } } .index_honor .lists .slick_honor { font-size: 0; } @media (max-width: 1600px) { .index_honor .lists .slick_honor { padding: 0 40px; } } .index_honor .lists .slick_honor .slick-arrow { position: absolute; z-index: 3; top: 50%; left: -50px; padding: 0; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: none; } @media (max-width: 1600px) { .index_honor .lists .slick_honor .slick-arrow { left: 0; } } @media (max-width: 480px) { .index_honor .lists .slick_honor .slick-arrow { left: -10px; } } .index_honor .lists .slick_honor .slick-arrow:before { font-family: 'iconfont' !important; font-size: 38px; display: block; content: '\e727'; -webkit-transition: all .35s; transition: all .35s; text-align: center; color: #c5c5c5; background-color: transparent; } .index_honor .lists .slick_honor .slick-next { right: -50px; left: auto; } @media (max-width: 1600px) { .index_honor .lists .slick_honor .slick-next { right: 0; } } @media (max-width: 480px) { .index_honor .lists .slick_honor .slick-next { right: -10px; } } .index_honor .lists .slick_honor .slick-next:before { content: '\e728'; } .index_honor .lists .slick_honor .slick-list { margin: 0 -15px; } .index_honor .lists .slick_honor .slick-list .slick-slide { padding: 0 15px; } .index_honor .lists .slick_honor .slick-list .slick-slide .item { display: block; } .index_honor .lists .slick_honor .slick-list .slick-slide .item .img-box { padding-bottom: 135.29411765%; } .index_news .lists .item .img-box { padding-bottom: 49.27536232%; } .index_news .lists .left .note { margin-top: 20px; } @media (max-width: 480px) { .index_news .lists .left .note { margin-top: 15px; } } .index_news .lists .left .note b { font-size: 16px; font-weight: normal; line-height: 1.75; display: block; display: -webkit-box; overflow: hidden; height: 56px; color: #000; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .index_news .lists .left .note span { font-size: 16px; line-height: 1.5625; display: block; margin-top: 15px; color: #666; } @media (max-width: 991px) { .index_news .lists .left .note span { font-size: 15px; margin-top: 10px; } } @media (max-width: 991px) { .index_news .lists .right { margin-top: 40px; } } .index_news .lists .right .item { display: block; margin-bottom: 30px; } .index_news .lists .right .pic { width: 36%; } @media (max-width: 480px) { .index_news .lists .right .pic { float: none; width: 100%; } } .index_news .lists .right .note { width: 64%; padding: 10px 0 0 25px; } @media (max-width: 1469px) { .index_news .lists .right .note { padding: 0 0 0 25px; } } @media (max-width: 480px) { .index_news .lists .right .note { float: none; width: 100%; margin-top: 15px; padding: 0; } } .index_news .lists .right .note b { font-size: 14px; font-weight: normal; line-height: 1.5; display: block; display: -webkit-box; overflow: hidden; height: 63px; color: #000; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .index_news .lists .right .note span { font-size: 14px; line-height: 1.78571429; display: block; margin-top: 15px; color: #666; } @media (max-width: 1469px) { .index_news .lists .right .note span { margin-top: 10px; } } .pagebanner { font-size: 0; position: relative; overflow: hidden; width: 100%; } .pagebanner .item { position: relative; display: block; } @media (max-width: 1199px) { .pagebanner .item { width: 130%; max-width: 130%; margin-left: -15%; } } .pagebanner .item .img-box { z-index: 0; display: block; padding-bottom: 26.04166667%; } .pagebanner .item .img-box img { display: block; width: 100%; } .pagebanner .item .title { position: absolute; top: 50%; right: 0; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 767px) { .pagebanner .item .title { display: none; } } .pagebanner .item .title b { color: #fff; } .pagebanner .item .title b span { opacity: .2; color: #fff; } .pagebanner .item .title p { color: #fff; } .page_padd { padding: 80px 0; } @media (max-width: 1199px) { .page_padd { padding: 60px 0; } } @media (max-width: 991px) { .page_padd { padding: 50px 0; } } .news .item { display: block; margin-bottom: 36px; -webkit-transition: all .35s; transition: all .35s; background-color: #fff; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .05); } @media (max-width: 991px) { .news .item { margin-bottom: 30px; } } .news .item:hover { box-shadow: 0 2px 15px 0 rgba(67, 160, 71, .4); } .news .item:hover .note b, .news .item:hover .note span { color: #43a047; } .news .item .pic { position: relative; } .news .item .pic .img-box { padding-bottom: 53.33333333%; } .news .item .pic .time { font-size: 14px; position: absolute; right: 25px; bottom: -35px; width: 70px; padding: 13px 0; text-align: center; color: #fff; border-radius: 0 0 10px 0; background-color: #43a047; } .news .item .pic .time span { font-size: 24px; line-height: 1; display: block; } .news .item .note { padding: 50px 30px 30px 30px; } .news .item .note b { font-size: 16px; font-weight: normal; line-height: 1; display: block; overflow: hidden; -webkit-transition: all .35s; transition: all .35s; white-space: nowrap; text-overflow: ellipsis; color: #000; } .news .item .note p { font-size: 14px; line-height: 1.71428571; display: -webkit-box; overflow: hidden; height: 72px; margin-top: 20px; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .news .item .note span { display: block; margin-top: 30px; -webkit-transition: all .35s; transition: all .35s; } .news .item .note span:after { font-family: 'iconfont' !important; font-style: normal; display: inline-block; margin-left: 10px; content: '\e62c'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .news .page { margin-top: 50px; } @media (max-width: 1199px) { .news .page { margin-top: 30px; } } @media (max-width: 991px) { .news .page { margin-top: 20px; } } .news_detail .news_title { padding-bottom: 25px; text-align: center; border-bottom: 1px solid #eee; } .news_detail .news_title b { font-size: 28px; font-weight: normal; line-height: 1.4; display: block; color: #000; } @media (max-width: 1199px) { .news_detail .news_title b { font-size: 22px; } } @media (max-width: 991px) { .news_detail .news_title b { font-size: 20px; } } @media (max-width: 480px) { .news_detail .news_title b { font-size: 18px; } } .news_detail .news_title p { font-size: 16px; line-height: 1.5; display: block; margin-top: 15px; color: #666; } @media (max-width: 480px) { .news_detail .news_title p { font-size: 14px; } } .news_detail .info { margin-top: 40px; } @media (max-width: 991px) { .news_detail .info { margin-top: 30px; } } .news_detail .info p { font-size: 14px; line-height: 2; color: #333; } .news_detail .info p img { max-width: 100%; height: auto !important; } .news_detail .news_page { margin-top: 40px; } .news_detail .news_page .item a { font-size: 14px; line-height: 2; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; } .news_detail .news_page .item:hover a { color: #43a047; } @media (max-width: 767px) { .news_detail .news_page .item.prev { margin-bottom: 10px; } } .contact .contact_main { padding: 60px 60px 60px 80px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .07); } @media (max-width: 1469px) { .contact .contact_main { padding: 50px; } } @media (max-width: 991px) { .contact .contact_main { padding: 30px; } } @media (max-width: 480px) { .contact .contact_main { padding: 20px; } } .contact .contact_main .left .tit { margin-top: 20px; } .contact .contact_main .left .tit p { font-size: 30px; line-height: 1; color: #333; } @media (max-width: 991px) { .contact .contact_main .left .tit p { font-size: 28px; } } @media (max-width: 767px) { .contact .contact_main .left .tit p { font-size: 24px; } } @media (max-width: 480px) { .contact .contact_main .left .tit p { font-size: 22px; } } .contact .contact_main .left .list:after { display: block; width: 80%; height: 140px; margin-top: 40px; content: ''; background: url(../images/img/contact.jpg) no-repeat center; background-size: cover; } @media (max-width: 1469px) { .contact .contact_main .left .list:after { margin-top: 0; } } @media (max-width: 991px) { .contact .contact_main .left .list:after { margin: 20px 0; } } @media (max-width: 480px) { .contact .contact_main .left .list:after { width: 100%; } } .contact .contact_main .left .list ul li:nth-child(2) .item:before { content: '\e611'; } .contact .contact_main .left .list ul li:nth-child(3) .item:before { content: '\e626'; } .contact .contact_main .left .list ul li:nth-child(4) .item:before { content: '\e60b'; } .contact .contact_main .left .list .item { position: relative; margin-top: 50px; padding-left: 35px; } @media (max-width: 480px) { .contact .contact_main .left .list .item { margin-top: 30px; } } .contact .contact_main .left .list .item:before { font-family: 'iconfont' !important; font-size: 24px; font-style: normal; line-height: 1; position: absolute; top: -5px; left: 0; display: block; content: '\e62a'; color: #0064aa; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .contact .contact_main .left .list .item span { font-size: 14px; line-height: 1; display: block; color: #666; } .contact .contact_main .left .list .item p { font-size: 14px; line-height: 1.71428571; margin-top: 30px; color: #888; } @media (max-width: 991px) { .contact .contact_main .left .list .item p { margin-top: 10px; } } .contact .contact_main .left .list .item p a:hover { text-decoration: underline !important; color: #43a047; } .contact .contact_main .right .map .map-content { height: 460px; } @media (max-width: 991px) { .contact .contact_main .right .map .map-content { height: 300px; } } .contact .message_box { background-color: #f6f6f6; } .contact .message_box .tit { text-align: center; } .contact .message_box .tit b { font-size: 30px; font-weight: normal; line-height: 1; display: block; color: #333; } @media (max-width: 991px) { .contact .message_box .tit b { font-size: 28px; } } @media (max-width: 767px) { .contact .message_box .tit b { font-size: 24px; } } @media (max-width: 480px) { .contact .message_box .tit b { font-size: 22px; } } .contact .message_box .tit p { font-size: 16px; line-height: 1.625; margin-top: 20px; color: #333; } @media (max-width: 991px) { .contact .message_box .tit p { font-size: 15px; } } @media (max-width: 767px) { .contact .message_box .tit p { font-size: 14px; } } .contact .message_box .message_form { padding-top: 40px; } @media (max-width: 991px) { .contact .message_box .message_form { padding-top: 20px; } } .contact .message_box .message_form ul li { margin-bottom: 15px; } .contact .message_box .message_form ul li input, .contact .message_box .message_form ul li textarea { font-size: 14px; line-height: 45px; display: block; width: 100%; height: 45px; padding: 0 20px; color: #333; border: solid 1px #eee; background-color: #fff; } .contact .message_box .message_form ul li textarea { line-height: 28px; min-height: 100px; padding: 10px 20px; } .contact .message_box .message_form ul li input::-webkit-input-placeholder, .contact .message_box .message_form ul li textarea::-webkit-input-placeholder { color: #999; } .contact .message_box .message_form ul li input:-o-placeholder, .contact .message_box .message_form ul li textarea:-o-placeholder { color: #999; } .contact .message_box .message_form ul li input::-moz-placeholder, .contact .message_box .message_form ul li textarea::-moz-placeholder { color: #999; } .contact .message_box .message_form ul li input:-ms-input-placeholder, .contact .message_box .message_form ul li textarea:-ms-input-placeholder { color: #999; } .contact .message_box .message_form ul li input:focus::-webkit-input-placeholder, .contact .message_box .message_form ul li textarea:focus::-webkit-input-placeholder { color: #e3e3e3; } .contact .message_box .message_form ul li input:focus::-o-placeholder, .contact .message_box .message_form ul li textarea:focus::-o-placeholder { color: #e3e3e3; } .contact .message_box .message_form ul li input:focus::-moz-placeholder, .contact .message_box .message_form ul li textarea:focus::-moz-placeholder { color: #e3e3e3; } .contact .message_box .message_form ul li input:focus::-ms-input-placeholder, .contact .message_box .message_form ul li textarea:focus::-ms-input-placeholder { color: #e3e3e3; } .contact .message_box .message_form ul li button { font-size: 14px; line-height: 3.21428571; display: block; width: 200px; margin: auto; margin-top: 10px; -webkit-transition: all .35s; transition: all .35s; text-align: center; color: #fff; background-color: #43a047; } .contact .message_box .message_form ul li button:hover { opacity: .8; } @media (max-width: 991px) { .contact .message_box .message_form ul li button { width: 180px; } } .about_wrap .ab_content .left { margin-top: 35px; } @media (max-width: 1199px) { .about_wrap .ab_content .left { margin-top: 0; } } .about_wrap .ab_content .left .tit { padding-bottom: 40px; } @media (max-width: 1199px) { .about_wrap .ab_content .left .tit { padding-bottom: 20px; } } .about_wrap .ab_content .left .tit b { font-size: 32px; line-height: 1; display: block; opacity: .9; color: #000; } @media (max-width: 1199px) { .about_wrap .ab_content .left .tit b { font-size: 24px; } } @media (max-width: 991px) { .about_wrap .ab_content .left .tit b { font-size: 22px; } } @media (max-width: 480px) { .about_wrap .ab_content .left .tit b { font-size: 20px; } } .about_wrap .ab_content .left .tit p { font-size: 20px; line-height: 1.6; margin-top: 10px; color: #999; } @media (max-width: 1199px) { .about_wrap .ab_content .left .tit p { font-size: 18px; } } @media (max-width: 991px) { .about_wrap .ab_content .left .tit p { font-size: 16px; } } @media (max-width: 480px) { .about_wrap .ab_content .left .tit p { font-size: 14px; } } .about_wrap .ab_content .right { position: static; margin-top: 50px; } @media (max-width: 1199px) { .about_wrap .ab_content .right { margin-top: 40px; } } .product { overflow: hidden; } .product .left { width: 25.5%; margin-bottom: -9819px; padding: 60px 0 0 13%; padding-bottom: 9999px; background-color: #f6f6f6; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1); } @media (max-width: 1640px) { .product .left { padding: 60px 0 0 5%; } } @media (max-width: 991px) { .product .left { display: none; } } .product .left .menu { position: relative; } .product .left .menu .menu1 > li { margin-bottom: 15px; background-color: #fff; box-shadow: 1px 2px 15px 0 rgba(0, 0, 0, .08); } .product .left .menu .menu1 > li:last-child { border-bottom: none; } .product .left .menu .menu1 > li > a { font-size: 18px; line-height: 30px; position: relative; display: block; padding: 10px 30px; -webkit-transition: all .35s; transition: all .35s; color: #666; } .product .left .menu .menu1 > li > a:before { position: absolute; top: 50%; left: 15px; display: block; width: 4px; height: 4px; content: ''; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; background-color: #1d6056; } .product .left .menu .menu1 > li:hover { box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05); } .product .left .menu .menu1 > li:hover > a { color: #fff; background-color: #43a047; } .product .left .menu .menu1 > li:hover > a:before { background-color: #fff; } .product .left .menu .menu1 .active { box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05); } .product .left .menu .menu1 .active > a { color: #fff; background-color: #43a047; } .product .left .menu .menu1 .active > a:before { background-color: #fff; } .product .left .menu .nomore .menu3, .product .left .menu .nomore .menu2 { display: none; padding: 15px 0; background-color: #fff; } .product .left .menu .nomore .menu3 > li, .product .left .menu .nomore .menu2 > li { line-height: 30px; position: relative; cursor: pointer; box-shadow: none !important; } .product .left .menu .nomore .menu3 .more > a, .product .left .menu .nomore .menu2 .more > a { position: relative; } .product .left .menu ul.menu2 > li > a { font-size: 16px; line-height: 30px; position: relative; left: 0; display: block; padding: 10px 30px; -webkit-transition: all .35s; transition: all .35s; color: #666 !important; } .product .left .menu ul.menu2 > li.active > a, .product .left .menu ul.menu2 > li:hover > a { color: #43a047 !important; background-color: #fff; } .product .left .menu .nomore .menu3 { padding: 0 !important; } .product .left .menu ul.menu3 > li > a { font-size: 16px; line-height: 30px; position: relative; display: block; margin-bottom: 2px; padding: 3px 20px 3px 45px; -webkit-transition: all .35s; transition: all .35s; color: #666 !important; } .product .left .menu ul.menu3 > li > a:before { position: absolute; top: 0; left: 0; display: block; width: 4px; height: 36px; content: ''; -webkit-transition: all .35s; transition: all .35s; opacity: 0; background-color: #43a047 !important; } .product .left .menu ul.menu3 > li:hover a, .product .left .menu ul.menu3 > li.active a { background-color: rgba(67, 160, 71, .1); } .product .left .menu ul.menu3 > li:hover a:before, .product .left .menu ul.menu3 > li.active a:before { opacity: 1; } .product .right { width: 74.5%; padding: 60px 13% 50px 35px; } @media (max-width: 1640px) { .product .right { padding: 60px 5% 50px 35px; } } @media (max-width: 991px) { .product .right { float: none; width: 100%; padding: 50px 15px; } } .product .right .prod_lists .item { position: relative; display: block; overflow: hidden; margin-bottom: 35px; -webkit-transition: all .35s; transition: all .35s; background-color: #fff; box-shadow: 1px 2px 15px 0 rgba(0, 0, 0, .08); } .product .right .prod_lists .item:hover { border-radius: 4px; box-shadow: 0 0 20px 0 rgba(67, 160, 71, .2); } .product .right .prod_lists .item:hover:before { opacity: 1; } .product .right .prod_lists .item:hover .img-box { box-shadow: 0 0 20px 0 rgba(67, 160, 71, .2); } .product .right .prod_lists .item:hover .name { box-shadow: 0 0 20px 0 rgba(67, 160, 71, .2); } .product .right .prod_lists .item:hover .name p { color: #1d6056; } .product .right .prod_lists .item:before { position: absolute; z-index: 1; top: 0; right: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; -webkit-transition: all .5s; transition: all .5s; opacity: 0; border: solid 10px #43a047; } .product .right .prod_lists .item .img-box { padding-bottom: 100%; -webkit-transition: all .35s; transition: all .35s; box-shadow: 1px 2px 15px 0 rgba(0, 0, 0, .05); } .product .right .prod_lists .item .name { -webkit-transition: all .35s; transition: all .35s; text-align: center; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1); } .product .right .prod_lists .item .name p { font-size: 16px; line-height: 5; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #000; } .product .right .page { padding: 30px 0 0 0; } @media (max-width: 1199px) { .product .right .page { padding: 20px 0 0 0; } } @media (max-width: 480px) { .product .right .page { padding: 10px 0 0 0; } } .product_details .product_box { font-size: 0; padding: 25px; background-color: #fff; box-shadow: 1px 2px 15px 0 rgba(0, 0, 0, .08); } @media (max-width: 991px) { .product_details .product_box { padding: 20px; } } @media (max-width: 480px) { .product_details .product_box { padding: 15px; } } .product_details .product_box .lef { width: 46%; border: 1px solid #eee; } @media (max-width: 1199px) { .product_details .product_box .lef { width: 80%; } } @media (max-width: 991px) { .product_details .product_box .lef { width: 100%; } } .product_details .product_box .album { width: 10%; margin: -2px 0; padding-left: 12px; } @media (max-width: 1199px) { .product_details .product_box .album { width: 20%; } } @media (max-width: 991px) { .product_details .product_box .album { width: 100%; margin: 20px -10px 0 0; padding-left: 0; } } .product_details .product_box .album .slick-current .item .pic { border: 1px solid #43a047; } .product_details .product_box .album .item { padding: 2px 0; } @media (max-width: 991px) { .product_details .product_box .album .item { padding: 0 10px; } } .product_details .product_box .album .item .pic { border: 1px solid #eee; } .product_details .product_box .rig { width: 43%; } @media (max-width: 1199px) { .product_details .product_box .rig { width: 100%; } } .product_details .product_box .rig .prod_info { padding: 15px 0 0 15px; } @media (max-width: 1469px) { .product_details .product_box .rig .prod_info { padding: 20px 0 0 0; } } .product_details .product_box .rig .prod_info .pro_title span { font-size: 16px; line-height: 1.25; display: block; margin-bottom: 10px; color: #999; } .product_details .product_box .rig .prod_info .pro_title h1 { font-size: 28px; font-weight: bold; line-height: 1.2; display: block; margin: 0; color: #000; } @media (max-width: 1469px) { .product_details .product_box .rig .prod_info .pro_title h1 { font-size: 26px; } } @media (max-width: 1199px) { .product_details .product_box .rig .prod_info .pro_title h1 { font-size: 24px; } } @media (max-width: 991px) { .product_details .product_box .rig .prod_info .pro_title h1 { font-size: 22px; } } @media (max-width: 767px) { .product_details .product_box .rig .prod_info .pro_title h1 { font-size: 20px; } } .product_details .product_box .rig .prod_info .txt { margin-top: 30px; } @media (max-width: 1469px) { .product_details .product_box .rig .prod_info .txt { margin-top: 20px; } } @media (max-width: 480px) { .product_details .product_box .rig .prod_info .txt { margin-top: 10px; } } .product_details .product_box .rig .prod_info .txt p { font-size: 16px; line-height: 1.75; color: #666; } @media (max-width: 1469px) { .product_details .product_box .rig .prod_info .txt p { font-size: 15px; } } @media (max-width: 480px) { .product_details .product_box .rig .prod_info .txt p { font-size: 14px; line-height: 1.71428571; } } .product_details .product_box .rig .prod_info .pro_btn { margin-top: 30px; } @media (max-width: 1469px) { .product_details .product_box .rig .prod_info .pro_btn { margin-top: 20px; } } .product_details .product_box .rig .prod_info .pro_btn .inquiry_btn { font-size: 16px; line-height: 40px; display: block; width: 180px; cursor: pointer; -webkit-transition: all .35s; transition: all .35s; text-align: center; color: #fff; background-color: #43a047; } .product_details .product_box .rig .prod_info .pro_btn .inquiry_btn:before { font-family: 'iconfont' !important; font-size: 22px; font-style: normal; display: inline-block; margin-right: 10px; content: '\e63a'; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .product_details .product_box .rig .prod_info .pro_btn .inquiry_btn:hover { opacity: .85; } .product_details .product_box .rig .prod_info .pro_arrow { margin-top: 50px; } @media (max-width: 1469px) { .product_details .product_box .rig .prod_info .pro_arrow { margin-top: 20px; } } .product_details .product_box .rig .prod_info .pro_arrow .item:hover a { color: #43a047; } .product_details .product_box .rig .prod_info .pro_arrow .item .pic { width: 50px; height: 50px; border: solid 1px #eee; background-color: #fff; } .product_details .product_box .rig .prod_info .pro_arrow .item .pic img { width: 100%; height: 100%; } .product_details .product_box .rig .prod_info .pro_arrow .item a { font-size: 16px; line-height: 3.125; display: block; float: left; overflow: hidden; width: 75%; padding: 0 10px; -webkit-transition: all .35s; transition: all .35s; white-space: nowrap; text-overflow: ellipsis; color: #333; } @media (max-width: 1469px) { .product_details .product_box .rig .prod_info .pro_arrow .item a { font-size: 15px; width: 70%; } } @media (max-width: 991px) { .product_details .product_box .rig .prod_info .pro_arrow .next { margin-top: 10px; } .product_details .product_box .rig .prod_info .pro_arrow .next .pic { float: left; } } .product_details .product_box .rig .prod_info .pro_arrow .next a { float: right; text-align: right; } @media (max-width: 991px) { .product_details .product_box .rig .prod_info .pro_arrow .next a { float: left; text-align: left; } } .product_details .product_box .rig .prod_info .share_box { margin-top: 40px; } @media (max-width: 1469px) { .product_details .product_box .rig .prod_info .share_box { margin-top: 30px; } } .product_details .product_box .rig .prod_info .share_box span { font-size: 16px; display: inline-block; vertical-align: middle; color: #000; } .product_details .product_box .rig .prod_info .share_box .share_tool { display: inline-block; margin-left: 10px; vertical-align: middle; } .product_details .prod_title { margin-top: 50px; } @media (max-width: 767px) { .product_details .prod_title { margin-top: 40px; } } .product_details .prod_title b { font-size: 20px; font-weight: bold; line-height: 1; display: block; color: #000; } .product_details .prod_note .prod_vbox { margin-top: 30px; } .product_details .prod_note .prod_vbox .video { position: relative; } .product_details .prod_note .prod_vbox .video:hover .video-cover { opacity: .2; } .product_details .prod_note .prod_vbox .video .video-cover { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all ease .4s; transition: all ease .4s; opacity: 0; background-color: rgba(0, 0, 0, .8); } .product_details .prod_note .prod_vbox .video .img-box { z-index: 1; padding-bottom: 45.65217391%; background-color: #000; } .product_details .prod_note .prod_vbox .video .img-box img { -webkit-transition: all .6s ease; transition: all .6s ease; opacity: 1; } .product_details .prod_note .prod_vbox .video .video-box { position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; text-align: center; } .product_details .prod_note .prod_vbox .video .video-box .iframe { display: none; width: 100% !important; height: 100% !important; } .product_details .prod_note .prod_vbox .video .video-box .play { position: absolute; top: 50%; right: 0; left: 0; display: block; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .product_details .prod_note .prod_vbox .video .video-box .play:before { font-family: 'iconfont'; font-size: 60px; line-height: 1; display: block; content: '\e62b'; text-align: center; color: #fff; } @media (max-width: 1199px) { .product_details .prod_note .prod_vbox .video .video-box .play:before { font-size: 50px; } } @media (max-width: 991px) { .product_details .prod_note .prod_vbox .video .video-box .play:before { font-size: 40px; } } @media (max-width: 767px) { .product_details .prod_note .prod_vbox .video .video-box .play:before { font-size: 35px; } } @media (max-width: 480px) { .product_details .prod_note .prod_vbox .video .video-box .play:before { font-size: 30px; } } .product_details .prod_note .txt { margin-top: 30px; } @media (max-width: 480px) { .product_details .prod_note .txt { margin-top: 20px; } } .product_details .prod_note .txt p { font-size: 16px; line-height: 1.75; color: #666; } @media (max-width: 991px) { .product_details .prod_note .txt p { font-size: 15px; } } @media (max-width: 480px) { .product_details .prod_note .txt p { font-size: 14px; line-height: 1.71428571; } } .product_details .inquire_form { margin-top: 20px; } .product_details .inquire_form .form_ipt p { font-size: 16px; line-height: 1.75; padding: 30px 0; color: #333; } @media (max-width: 1199px) { .product_details .inquire_form .form_ipt p { padding: 20px 0; } } @media (max-width: 480px) { .product_details .inquire_form .form_ipt p { font-size: 14px; line-height: 1.42857143; padding: 15px 0; } } .product_details .inquire_form .form_ipt ul { margin: 0 -10px; } .product_details .inquire_form .form_ipt ul li { margin-bottom: 20px; padding: 0 10px; } @media (max-width: 480px) { .product_details .inquire_form .form_ipt ul li { margin-bottom: 10px; } } .product_details .inquire_form .form_ipt ul li:last-child { margin-bottom: 0; } .product_details .inquire_form .form_ipt ul li:first-child input { color: #666; background-color: #f9f9f9; } .product_details .inquire_form .form_ipt ul li p { font-size: 16px; line-height: 1; margin-top: 5px; padding: 0; color: #333; } @media (max-width: 480px) { .product_details .inquire_form .form_ipt ul li p { font-size: 14px; } } .product_details .inquire_form .form_ipt ul li input, .product_details .inquire_form .form_ipt ul li textarea { font-size: 16px; line-height: 50px; display: block; width: 100%; height: 50px; padding: 0 20px; color: #000; border: solid 1px #eee; background-color: #fff; } @media (max-width: 480px) { .product_details .inquire_form .form_ipt ul li input, .product_details .inquire_form .form_ipt ul li textarea { font-size: 15px; } } .product_details .inquire_form .form_ipt ul li textarea { line-height: 28px; min-height: 210px; padding: 10px 20px; } @media (max-width: 480px) { .product_details .inquire_form .form_ipt ul li textarea { min-height: 160px; } } .product_details .inquire_form .form_ipt ul li input::-webkit-input-placeholder, .product_details .inquire_form .form_ipt ul li textarea::-webkit-input-placeholder { color: #666; } .product_details .inquire_form .form_ipt ul li input:-o-placeholder, .product_details .inquire_form .form_ipt ul li textarea:-o-placeholder { color: #666; } .product_details .inquire_form .form_ipt ul li input::-moz-placeholder, .product_details .inquire_form .form_ipt ul li textarea::-moz-placeholder { color: #666; } .product_details .inquire_form .form_ipt ul li input:-ms-input-placeholder, .product_details .inquire_form .form_ipt ul li textarea:-ms-input-placeholder { color: #666; } .product_details .inquire_form .form_ipt ul li input:focus::-webkit-input-placeholder, .product_details .inquire_form .form_ipt ul li textarea:focus::-webkit-input-placeholder { color: #e3e3e3; } .product_details .inquire_form .form_ipt ul li input:focus::-o-placeholder, .product_details .inquire_form .form_ipt ul li textarea:focus::-o-placeholder { color: #e3e3e3; } .product_details .inquire_form .form_ipt ul li input:focus::-moz-placeholder, .product_details .inquire_form .form_ipt ul li textarea:focus::-moz-placeholder { color: #e3e3e3; } .product_details .inquire_form .form_ipt ul li input:focus::-ms-input-placeholder, .product_details .inquire_form .form_ipt ul li textarea:focus::-ms-input-placeholder { color: #e3e3e3; } .product_details .inquire_form .form_ipt ul li button { font-size: 16px; line-height: 2.8125; display: block; width: 300px; margin-top: 20px; -webkit-transition: all .35s; transition: all .35s; text-align: center; color: #fff; background-color: #43a047; } @media (max-width: 480px) { .product_details .inquire_form .form_ipt ul li button { font-size: 15px; line-height: 2.66666667; width: 150px; } } .product_details .inquire_form .form_ipt ul li button:hover { opacity: .8; } .product_details .related_prod .list { margin-top: 30px; } .product_details .related_prod .list .item { position: relative; display: block; overflow: hidden; margin-bottom: 35px; -webkit-transition: all .35s; transition: all .35s; background-color: #fff; box-shadow: 1px 2px 15px 0 rgba(0, 0, 0, .08); } .product_details .related_prod .list .item:hover { border-radius: 4px; box-shadow: 0 0 20px 0 rgba(67, 160, 71, .2); } .product_details .related_prod .list .item:hover:before { opacity: 1; } .product_details .related_prod .list .item:hover .img-box { box-shadow: 0 0 20px 0 rgba(67, 160, 71, .2); } .product_details .related_prod .list .item:hover .name { box-shadow: 0 0 20px 0 rgba(67, 160, 71, .2); } .product_details .related_prod .list .item:hover .name p { color: #1d6056; } .product_details .related_prod .list .item:before { position: absolute; z-index: 1; top: 0; right: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; -webkit-transition: all .5s; transition: all .5s; opacity: 0; border: solid 10px #43a047; } .product_details .related_prod .list .item .img-box { padding-bottom: 100%; -webkit-transition: all .35s; transition: all .35s; box-shadow: 1px 2px 15px 0 rgba(0, 0, 0, .05); } .product_details .related_prod .list .item .name { -webkit-transition: all .35s; transition: all .35s; text-align: center; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1); } .product_details .related_prod .list .item .name p { font-size: 16px; line-height: 5; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #000; } .download .list .item { margin-bottom: 30px; padding: 30px; background-color: #fff; box-shadow: 1px 2px 15px 0 rgba(0, 0, 0, .08); } @media (max-width: 1469px) { .download .list .item { padding: 20px; } } .download .list .item .info { width: 68%; padding-left: 25px; } @media (max-width: 480px) { .download .list .item .info { float: none; width: 100%; margin-top: 20px; padding: 0; } } .download .list .item .info b { font-size: 24px; font-weight: normal; line-height: 1; display: block; overflow: hidden; margin-top: 5px; white-space: nowrap; text-overflow: ellipsis; color: #222; } @media (max-width: 1469px) { .download .list .item .info b { font-size: 22px; } } @media (max-width: 1199px) { .download .list .item .info b { font-size: 20px; } } @media (max-width: 991px) { .download .list .item .info b { font-size: 18px; } } .download .list .item .info p { font-size: 14px; line-height: 1.71428571; display: -webkit-box; overflow: hidden; height: 72px; margin-top: 15px; color: #333; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } @media (max-width: 480px) { .download .list .item .info p { height: auto; margin-top: 15px; } } .download .list .item .info .tips { margin-top: 20px; } .download .list .item .info .tips span { font-size: 14px; line-height: 1.71428571; display: block; color: #666; } .download .list .item .info a { font-size: 16px; line-height: 2.5; display: block; width: 180px; margin-top: 20px; cursor: pointer; -webkit-transition: all .35s; transition: all .35s; text-align: center; color: #43a047; border: solid 1px #43a047; background-color: #fff; } @media (max-width: 480px) { .download .list .item .info a { margin-top: 20px; } } .download .list .item .info a:hover { color: #fff; background-color: #43a047; } .download .list .item .pic { width: 32%; } @media (max-width: 480px) { .download .list .item .pic { float: none; width: 100%; padding: 0 20px; } } .download .list .item .pic .img-box { padding-bottom: 127.5%; } .download .page { padding: 40px 0 0 0; } @media (max-width: 991px) { .download .page { padding: 30px 0 0 0; } }