.container{width: 1280px;margin: 0 auto;} .rem88{height: 1rem;width: 100%;display: none;} .px85{height: 105px;width: 100%;} .nicescroll-cursors:hover{background-color: #000 !important;} .new_down{display: none;position: fixed;top: 105px;left: 0;background: rgba(255,255,255,.95);width: 100%;height: 100px;align-items: center;justify-content: flex-end;box-sizing: border-box;padding-left: 44.9479vw; padding-top: 34px;} .new_down a{display: flex;align-items: center;margin-right: 3.1771vw;float: left;} .new_down a:last-child{margin-right: 0;} .new_down a:hover span{color:#008c77;} .new_down a .pic{width: 36px;height: 32px;background-size: contain !important;background-position: center center !important;background-repeat: no-repeat !important;margin-right: 20px;} .new_down a span{color: #333333;font-size: 17px;} .new_down a:nth-child(1) .pic{background-image: url(../images/tbb_new_menu1.png);} .new_down a:nth-child(2) .pic{background-image: url(../images/tbb_new_menu2.png);} .new_down a:nth-child(3) .pic{background-image: url(../images/tbb_new_menu3.png);} .new_down a:nth-child(4) .pic{background-image: url(../images/tbb_new_menu4.png);} .new_down a:nth-child(5) .pic{background-image: url(../images/tbb_new_menu5.png);} .new_down a.on:nth-child(1) .pic{background-image: url(../images/tbb_new_menu1_is.png);} .new_down a.on:nth-child(2) .pic{background-image: url(../images/tbb_new_menu2_is.png);} .new_down a.on:nth-child(3) .pic{background-image: url(../images/tbb_new_menu3_is.png);} .new_down a.on:nth-child(4) .pic{background-image: url(../images/tbb_new_menu4_is.png);} .new_down a.on:nth-child(5) .pic{background-image: url(../images/tbb_new_menu5_is.png);} .new_down a:nth-child(1):hover .pic{background-image: url(../images/tbb_new_menu1_is.png);} .new_down a:nth-child(2):hover .pic{background-image: url(../images/tbb_new_menu2_is.png);} .new_down a:nth-child(3):hover .pic{background-image: url(../images/tbb_new_menu3_is.png);} .new_down a:nth-child(4):hover .pic{background-image: url(../images/tbb_new_menu4_is.png);} .new_down a:nth-child(5):hover .pic{background-image: url(../images/tbb_new_menu5_is.png);} .new_serve_down a .pic{height:30px;width: 30px;background-size: cover !important;} .new_serve_down a:first-child .pic{background-image: url('../images/server_new_icon1.png');} .new_serve_down a:nth-child(2) .pic{background-image: url('../images/server_new_icon2.png');} .new_serve_down a:nth-child(3) .pic{background-image: url('../images/server_new_icon3.png');} .new_serve_down a:last-child .pic{background-image: url('../images/server_new_icon4.png');} .new_serve_down a:first-child:hover .pic{background-image: url('../images/server_new_h_icon1.png');} .new_serve_down a:nth-child(2):hover .pic{background-image: url('../images/server_new_h_icon2.png');} .new_serve_down a:nth-child(3):hover .pic{background-image: url('../images/server_new_h_icon3.png');} .new_serve_down a:last-child:hover .pic{background-image: url('../images/server_new_h_icon4.png');} /*顶部*/ .header{width: 100%;height: 105px;position: fixed;top: 0;z-index: 40;background: #fff;border-bottom: 1px solid #dedede; box-shadow: 0 2px 2px rgba(0,0,0,.05), 0 1px 0 rgba(0,0,0,.05);} .headfr{height: 100%;width: calc(100% - 350px);} .header .logo{cursor: pointer;margin: 30px 0;margin-left: 36px;width: 275px;} .header .logo img{max-width: 100%;} .header .toplink > a.tmall{width: 24px;height: 24px;display: block;background: url(../images/tmall.png) no-repeat center; margin: 6px 20px 0 12px;} .header .nav{height: 100%;} .header .nav li.li-a-down{height: 100%;float: left;position: relative;cursor: pointer;z-index: 33;} .header .nav li.li-a-down .nav_one_a{font-size: 16px;color: #000;line-height: 68px; height: 68px;display: block; position: relative;margin-left: 60px;transition: all 0.3s;} .header .nav li.active .nav_one_a, .header .nav li:hover .nav_one_a{color: #008c77;font-weight: bold;} .header .phone-box{position: relative;width: 95px;height: 100%;background: url(../images/phone-icon.png) no-repeat center; background-color: #0F999A;cursor: pointer;} .header .phone-box .phone-msg{padding: 13px 16px 15px 16px;color: #fff;background: #F7B024;position: absolute;top: 100%;right: 0;z-index: 2; opacity: 0;pointer-events: none;transition: all 0.3s;} .header .phone-box:hover .phone-msg{opacity: 1;pointer-events: initial;} .header .phone-box .phone-msg span{font-size: 13px;} .header .phone-box .phone-msg p{font-size: 28px;font-family: cursive;white-space: nowrap;line-height: 23px;margin-top: 10px;} .header .phone-box .phone-msg:before{position: absolute;border-bottom: 10px solid #F7B024; border-left: 10px solid transparent;border-right: 10px solid transparent;content: "";top: -10px;right: 40px;} .header .search_btn{width: 36px;height: 36px;background: url(../images/search.png) no-repeat center;cursor: pointer;position: relative;} .search_btn form.headerform{position: absolute;right: 0px;z-index: 44;width: 250px;top: 4px;display: none;} .search_btn .search_txt{border: 1px solid #ccc;padding-left: 10px;font-size: 14px;width: 100%;height: 28px;background: #fff;} .search_btn .search_bb{width: 36px;height: 26px;background: url(../images/search-icon.png) no-repeat center;background-color: #fff;border: none; position: absolute;right: 1px;top: 1px;background-size: 15px;} .search_box{width: 100%;height: 100%;} /*.header .search_btn:hover .headerform{display: block;}*/ .headbot{height: 68px;padding-right: 30px;} .header .toplink{ width:100%; height:37px; background:url("../images/line.png") no-repeat bottom; padding-right:30px; background-size:1914px 1px; } .header .toplink > a, .header .toplink span{ display:block; float:right; margin-right:20px; cursor:pointer; font-size:13px; color:#666;transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; height:36px; line-height: 36px;} .header .toplink > a.tel .tel-swiper{width: 157px;float: left;overflow: hidden;} .header .toplink span.station{z-index: 1600;} .header .toplink > a:hover, .header .toplink > a.on{ color:#008c77; } .header .toplink span:hover{ color:#008c77;} .header .toplink > a i, .header .toplink span i{ background:url("../images/header-icon.png"); background-size:414px 25px; display:block; } .header .toplink .tel i{ width:12px; height:16px; background-position:-251px 0px;margin: 10px 5px 0 0;float:left; } .header .toplink .station{ position:relative; } .header .toplink .station > i{ width:8px; height:4px; float:right; background-position:-325px -1px; margin: 16px 0 0 7px; } .header .toplink .station:hover i{ background-position:-325px -20px; } .header .toplink .station .station-box{ width:222px;height: auto; border:1px solid #f1f1f1; display:none; border-top:0; position:absolute; left:50%; top:36px; padding: 0px 0px 10px 15px; background:#fff; margin-left:-111px; bottom: auto;} .header .toplink .station .station-box a{ width:50%; float:left; font-size:12px; color:#666; line-height: 30px; border-top: none;text-align: left;height: 30px; background: url(../images/arrowr-small.png) no-repeat left center;padding-left: 7px;} .header .toplink .station .station-box a:hover{ color:#008c77; } .header .toplink .station .station-box a:nth-child(2){border: none;} .header .toplink .station .station-box a:nth-child(even){ float:right; } .header .toplink .station:hover .station-box{ display:block; } .header .toplink .en{ margin-right:0; } /*手机端顶部*/ .sp_header{height:1rem;overflow:hidden;position:fixed;z-index:136;width:100%;display: none;top: 0;background: #fff !important;} .sp_header.hei, .prodet .sp_header{background-color: rgba(0,0,0,0.6);} .sp_header.hei, .prodet .sp_header{background: #fff !important;} .sp_logo{float:left;height: 1rem} .sp_logo img{height: 0.5rem;margin-top: 0.24rem;} .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:100%;background: url(../images/top_menu2.png) no-repeat center;background-size: 0.6rem;} .sp_nav span{display:block;background:#015637;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s;border-radius: 2px;} .sp_nav span:nth-of-type(1){top:0px} .sp_nav span:nth-of-type(2){top:10px} .sp_nav span:nth-of-type(3){top:20px} .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)} .sp_nav_se span:nth-of-type(2){width:0} .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)} .sjj_nav{position: fixed;z-index: 135;background: #F7F7F7;width: 100%;height: calc(100% - 1rem);font-size: 14px;line-height: 40px;top: -100%; left: 0;overflow: auto;overflow-x: hidden;transition: top ease 0.35s;} .nav_show{top:1rem} .sjj_nav ul li .sjj_nav_i_se img{transform:rotate(0deg)} .sjj_nav ul li{border-bottom: 1px #ddd solid;position: relative;line-height: 1.09rem;font-size: 0.28rem;margin: 0 3%;width: 94%;background: url(../images/nav_arrow.png) no-repeat 97% .4rem; background-size: .13rem .23rem;} li.new_pull{background: url(../images/new_add.png) no-repeat right .4rem;} li.new_pull.on{background: url(../images/new_del.png) no-repeat right .4rem;} .sjj_nav ul li ul{display: none} .sjj_nav ul li a{color: #000000;width: 100%;display: block;font-size: .3rem;} .sjj_nav ul li ul li a{color: #999;display: block;text-align: left;} .sjj_nav ul li ul li>ul{margin-left: 10px} .sjj_nav ul li i{background-position: center;background-repeat: no-repeat;display: block; width: .36rem;height: .36rem;background-size: .36rem 0.36rem; margin: .34rem .24rem 0 0;float: left;} .sjj_nav ul li:nth-child(1) i{background-image: url(../images/home-icon.png);} .sjj_nav ul li:nth-child(2) i{background-image: url(../images/pro-icon.png);} .sjj_nav ul li:nth-child(3) i{background-image: url(../images/degign-icon.png);} .sjj_nav ul li:nth-child(4) i{background-image: url(../images/brand-icon.png);} .sjj_nav ul li:nth-child(5) i{background-image: url(../images/stores-icon.png);} .sjj_nav ul li:nth-child(6) i{background-image: url(../images/jm-icon.png);} .sjj_nav ul li:nth-child(7) i{background-image: url(../images/set-icon.png);} .sjj_nav ul li:nth-child(8) i{background-image: url(../images/news-icon.png);} .sjj_nav ul li:nth-child(9) i{background-image: url(../images/ren-icon.png);} .sjj_nav ul li.on:nth-child(1) i{background-image: url(../images/home-icon-is.png);} .sjj_nav ul li.on:nth-child(2) i{background-image: url(../images/pro-icon-is.png);} .sjj_nav ul li.on:nth-child(3) i{background-image: url(../images/degign-icon-is.png);} .sjj_nav ul li.on:nth-child(4) i{background-image: url(../images/brand-icon-is.png);} .sjj_nav ul li.on:nth-child(5) i{background-image: url(../images/stores-icon-is.png);} .sjj_nav ul li.on:nth-child(6) i{background-image: url(../images/jm-icon-is.png);} .sjj_nav ul li.on:nth-child(7) i{background-image: url(../images/set-icon-is.png);} .sjj_nav ul li.on:nth-child(8) i{background-image: url(../images/news-icon-is.png);} .sjj_nav ul li.on:nth-child(9) i{background-image: url(../images/ren-icon-is.png);} .sjj_nav ul li.down {background-image: url(../images/add-icon.png) !important;background-size: .24rem;} .sjj_nav ul li.down.on{background-image: url(../images/sub-icon.png) !important;background-size: .24rem .02rem;background-position: 97% .5rem;} .sjj_nav ul li.on>a{color: #008C77;} .second_menu li{background: none !important;padding-left: .7rem;} /*搜索框*/ .modvan{ position: fixed; top: 0; right: 0; width: 100%; height: 100%; bottom: 0; left: 0; z-index: 1040; overflow: hidden; outline: 0; opacity: 0; display: none; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; background-color: rgba(71,67,63,0.95); } .show .modvan{opacity: 1;display: block;} .show{overflow: hidden;} .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; align-items: center; justify-content: center; overflow: hidden; outline: 0; } .show .modal{display: flex;} .modal .modal-content{ -webkit-transform: translate(0,-100px); transform: translate(0,-100px); transition: transform 0.2s ease-out; } .modal .modal-content.anmi { -webkit-transform: translateY(0); transform: translateY(0); } .modal .modal-content h3{font-size: 48px;line-height: 70px;display: flex;align-items: center;color: #fff;} .modal .modal-content h3 img{margin-right: 10px;} .modal .modal-content form{width: 100%;margin-top: 40px;} .modal .modal-content .txt_inp{border: none;border-bottom: 1px solid #bcbec0;width: 348px;height: 36px;color: #fff;background: none;font-size: 16px;} .modal .modal-content .text_link{width: 70px;height: 36px;position: relative;margin-left: 22px; -webkit-transform: translateY(18px);-ms-transform: translateY(18px);transform: translateY(18px); } .modal .modal-content .sub_inp{outline: none;width: 100%;height: 100%;border: none;background: none;font-size: 12px;color: #fff;padding: 0 0 0 40px; transition: all 0.3s;font-weight: bold;} .modal .modal-content .text_link:before{position: absolute;left: 0;width: 30px;height: 1px;background: #fff;content: '';transition: all 0.3s;top: 50%;} .modal .modal-content .text_link:after{position: absolute;right: 0;width: 0;height: 1px;background: #fff;content: '';transition: all 0.3s;top: 50%;} .modal .modal-content .text_link:hover:before{width: 0;} .modal .modal-content .text_link:hover:after{width: 30px;} .modal .modal-content .text_link:hover .sub_inp{padding: 0 40px 0 0;} .modal .close{width: 40px;height: 40px;position: absolute;top: 24px;right: 24px;background: url(../images/ss_close.png) no-repeat center;cursor: pointer;} .modal .close:hover{background: url(../images/ss_close_on.png) no-repeat center;} .foot_mb{width: 100%;background: #EEEEEE;padding: 0.8rem .3rem;display: none;} .foot_mb .img{width: 100%;} .foot_mb .img img{max-height: 1rem;} .foot_mb .info{margin: 0 0 0.4rem;} .foot_mb .info p{font-size: 0.26rem;color: #666;line-height: 0.46rem;} .foot_mb .rights{margin-top: 0.4rem;} .foot_mb .rights p{font-size: 0.24rem;color: #666;line-height: 0.46rem;} .foot_mb .rights p a{font-size: inherit;color: inherit;} .foot_mb .foot_link{margin-top: 0.2rem;} .foot_mb .foot_link .item{margin-right: 0.2rem;width: 26px;height: 26px;display: inline-block;border-radius: 100%;border: 1px solid #333;} .foot_mb .foot_link .wxbox{background: url(../images/foot_wechat.png) no-repeat center;background-size: 15px;position: relative;} .foot_mb .foot_link .sinabox{background: url(../images/foot_sina.png) no-repeat center;background-size: 15px;} .foot_mb .foot_code{display: none;position: absolute;width: 1.4rem;height: 1.4rem;top: 50%;margin-top: -0.7rem;margin-left: 40px;box-shadow: 0px 1px 5px #ccc;padding: 0.1rem; background: #fff;transition: all 0.3s;opacity: 0;} .foot_mb .foot_code:after{border-right: 5px solid #fff;border-top: 5px solid transparent; border-bottom: 5px solid transparent;content: "";position: absolute;left: 0;margin-left: -5px;top: 50%;margin-top: -5px;} .foot_mb .foot_code img{max-width: 100%;} .foot_mb .foot_code.show{margin-left: 30px;opacity: 1;display: block;} .foot_sel {width: 100%;border: none;font-size: 0.28rem;color: #000;height: 1rem;border-bottom: 1px solid #5F5F5F; background: url(../images/foot_arr.png) right 0.2rem center no-repeat;background-color: transparent;background-size: 0.5rem;border-radius: 0; } .index1{width: 100%;height: 727px;} .index1-mb{display: none;} .index1-pc{display: block;} .index1 .swiper-slide{display: block;} .index1-pc .swiper-container{height: 100%} .index1-pc .swiper-button-next, .index1-pc .swiper-button-prev{width: 66px;height: 30px;margin-top: 0;background-size: 50px;top: auto;bottom: 44px; transition: all 0.3s;opacity: 1;filter: alpha(opacity=100);transition: all 0.3s;} .index1-pc .swiper-button-prev{left: 160px;background-image: url(../images/swiper_left.png);} .index1-pc .swiper-button-next{right: 160px;background-image: url(../images/swiper_right.png);} .index1-pc .swiper-button-prev:hover{left: 150px;} .index1-pc .swiper-button-next:hover{right: 150px;} .index1-pc .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 70px;} .index1-pc .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;background: transparent; border: 1px solid #fff;margin: 0 15px;} .index1-pc .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #005245; border: 1px solid #005245;} .index1-con_left{width: 60%;height: 100%;position: relative;float: left;overflow: hidden;} .index1-con_right{width: calc(40% - 6px);height: 100%;float: left;margin-left: 6px;} .index1-con_right1{background-position: center;background-size: cover;width: calc(50% - 3px);height: calc(50% - 3px);position: relative;margin-right: 6px; float: left;overflow: hidden;padding: 38px 20px;display: block;} .index1-con_right1:nth-child(2n+2){margin-right: 0;} .index1-con_right1 .tit{font-size: 25px;color: #fff;margin-bottom: 3px;} .index1-con_right1 span{font-size: 15px;color: rgba(255,255,255,0.8);} .index1-con_right2{background-position: center;background-size: cover;width: 100%;height: calc(50% - 3px);margin-top: 6px;float: left;position: relative; transition: all 0.3s;overflow: hidden;padding: 50px 35px;display: block;} .index1-con_right2 .tit{font-size: 34px;color: #fff;line-height: 50px;width: 240px;} .index1-con_left .swiper-container,.index1-con_left .swiper-wrapper, .index1-con_left .swiper-slide{width: 100%;height: 100%;} .index1-con_left .swiper-slide{padding: 80px 86px;} .index1-con_left:hover .swiper-button-next{opacity: 1;filter: alpha(opacity=100);} .index1-con_left:hover .swiper-button-prev{opacity: 1;filter: alpha(opacity=100);} .index1-con_left .swiper-slide h2{font-size: 38px;color: #fff;} .index1-con_left .swiper-slide h1{font-size: 58px;color: #fff;margin-bottom: 40px;} .index1-con_left .swiper-slide img{display: block;margin-bottom: 25px;} .index1-con_left .swiper-button-next, .index1-con_left .swiper-button-prev{width: 42px;height: 75px;margin-top: -38px;background-size: 14px 25px;transition: all 0.3s;opacity: 0; filter: alpha(opacity=0);} .index1-con_left .swiper-button-prev{left: 6px;background-image: url(../images/index1-lunbo-left.png);} .index1-con_left .swiper-button-next{right: 6px;background-image: url(../images/index1-lunbo-right.png);} .index1-con_left .swiper-button-next:hover{background-color: rgba(0,103,86,0.6);background-position: center right 10px;} .index1-con_left .swiper-button-prev:hover{background-color: rgba(0,103,86,0.6);background-position: center left 10px;} .index1-con_left .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 60px;padding-left: 80px;text-align: left;} .index1-con_left .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;opacity: 1;background: transparent; margin: 0 0.2rem;border: 1px solid #fff;} .index1-con_left .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #005245;border: 1px solid #005245;} .index2{width: 100%;height: 245px;background: #F7F7F7;} .index2 .container{height: 100%;} .index2-box{width: 180px;text-align: center;height: 100%;padding-top: 40px;} .index2-box .tit{font-size: 20px;margin-top: 12px;color: #4a4a4a;} .index2-box .en{font-size: 12px;color: #ccc;margin-top: 8px;} .index2-arr{height: 100%;width: 85px;background: url(../images/index2-arr-icon.png) no-repeat center;} .index3{padding: 88px 0 84px 0;} .index3-tit{text-align: center;color: #333;font-size: 40px;line-height: 40px;margin-bottom: 20px;} .index3-tit i{display: inline-block;width: 4px;height: 45px;margin: 0 7px;background: #017A4E;vertical-align: sub;} .index3 p{color: #808080;font-size: 16px;line-height: 31px;width: 690px;text-align: center;margin: 0 auto;} .index3-top{width: 100%;height: 92px;margin-top: 42px;} .index3-icons{width: 196px;height: 100%;text-align: center;position: relative;} .index3-icons:after{right: 0;position: absolute;content: '';width: 1px;height: 75px;background: #EDEDED;top: 8px;} .index3-icon{width: 100%;height: 60px;line-height: 60px;cursor: pointer;} .index3-icon img{} .index3-icon .index3-icon-off{} .index3-icon .index3-icon-on{display: none;} .index3-icons span{font-size: 16px;color: #666;line-height: 32px;} .index3-icons.on span{color: #015637;} .index3-icons.on .index3-icon .index3-icon-off{display: none;} .index3-icons.on .index3-icon-on{display: inline;} .index3-icons:first-child{width: 150px;padding-right: 50px;} .index3-icons:last-child{width: 150px;padding-left: 50px;} .index3-icons:last-child:after{display: none;} .index3-con{margin-top: 34px;} .index3-box{position: relative;display: none;} .index3-box:first-child{display: block;} .index3-box .swiper-slide{display: block;} .index3-box .swiper-slide .img{height: 285px;width: 100%;overflow: hidden;} .index3-box .swiper-slide .swiper-img{width: 100%;height: 100%;transition: all 0.3s;} .index3-box .swiper-slide .swiper-img:hover{transform: scale(1.1);} .index3-box .swiper-slide .tit{height: 65px;width: 100%;font-size: 18px;color: #333;padding: 0 20px;line-height: 65px;border: 1px solid #E5E5E5; border-top: none;} .index3-box .swiper-button-next, .index3-box .swiper-button-prev{width: 26px;height: 51px;margin-top: -25px;background-size: 26px 51px;} .index3-box .swiper-button-prev{left: -106px;background-image: url(../images/index3-left.png);} .index3-box .swiper-button-next{right: -106px;background-image: url(../images/index3-right.png);} .index3-box .swiper-button-prev:hover{background-image: url(../images/index3-left-on.png);} .index3-box .swiper-button-next:hover{background-image: url(../images/index3-right-on.png);} .index4{width: 100%;height: 832px;background-image: url(../images/index4-bg.jpg);background-position: center;background-attachment: fixed;background-size: cover; position: relative;background-repeat: no-repeat;} .index4-dialog{position: absolute;top: 0;width: 100%;height: 100%;padding: 86px 0 0 0;background: rgba(0,0,0,0.3);} .index4-tit{text-align: center;color: #fff;font-size: 40px;line-height: 40px;margin-bottom: 20px;} .index4-tit i{display: inline-block;width: 4px;height: 45px;margin: 0 24px;background: #fff;vertical-align: sub;} .index4-tit1{font-size: 30px;text-align: center;color: #fff;margin-top: 40px;} .index4-con{background: #fff;height: 420px;position: absolute;bottom: 0;width: 100%;} .index4-box{margin-top: -150px;} .index4-box .swiper-slide .img{width: 100%;height: 335px;} .index4-box .swiper-slide .tit{font-size: 24px;color: #333;margin: 15px 0 8px 0;} .index4-box .swiper-slide p{color: #808080;line-height: 24px;font-size: 15px;height: 150px;} .index4-box .swiper-pagination-bullet-active{background: #015637;} .index4-box .swiper-pagination{display: none;} .index5{width: 100%;padding: 113px 0 113px 0;background: url(../images/quality_bg.png) no-repeat center;background-size: cover;} .index5-tit{font-size: 30px;color: #fff;text-align: center;} .index5-tit1{font-size: 16px;line-height: 28px;color: #fff;width: 690px;text-align: center;margin: 10px auto 0 auto;} .index5-con{margin-top: 35px;} .index5-box{text-align: center;width: calc(25% - 21px);margin-right: 27px;background: #fff;height: 325px;padding-top: 52px;} .index5-box:nth-child(4){margin-right: 0;} .index5-box img{} .index5-box .tit{font-size: 24px;color: #333;margin: 16px 0 8px 0;} .index5-box p{font-size: 16px;color: #666;line-height: 26px;} .index6{width: 100%;padding: 80px 0 72px 0;} .index6-tit{text-align: center;color: #333;font-size: 40px;line-height: 40px;margin-bottom: 50px;} .index6-tit i{display: inline-block;width: 4px;height: 45px;margin: 0 24px;background: #017A4E;vertical-align: sub;} .index6-con{} .index6-con .con{height: 280px;} .index6-con .img{width: 100%;height: 280px;} .index6-con .txt{width: calc(100% - 380px);height: 100%;text-align: center;padding-top: 40px;background: #F0385F;} .index6-con .txt .tit{font-size: 20px;color: #fff;} .index6-con .txt .tit1{font-size: 14px;color: #fff;margin-top: 5px;} .index6-con .txt .tit2{margin-top: 5px;} .index6-con .txt .tit2 i{width: 4px;height: 4px;border-radius: 4px;display: inline-block;margin: 0 3px;} .index6-con .txt .tit2 i:nth-child(1){background: #FBFF02;} .index6-con .txt .tit2 i:nth-child(2){background: #FFFF54;} .index6-con .txt .tit2 i:nth-child(3){background: #FFFFA1;} .index6-con .txt .tit3{font-size: 14px;color: #fff;margin-top: 50px;} .index6-con .txt .tit3 span{font-size: 20px;} .index6-con .txt .yd{width: 100px;height: 30px;line-height: 30px;text-align: center;margin: 15px auto;border-radius: 30px;padding-right: 8px; background: url(../images/arrow-right.png) no-repeat right 10px center;background-color: #C2A407;background-size: 20px;} .index6-con p{width: 100%;height: 65px;line-height: 65px;text-align: center;font-size: 18px;color: #333;} .index6-con .swiper-slide{border: 1px solid #eee;height: 345px;display: block;} .index6-con .swiper-slide:hover{border: none;box-shadow: 0 4px 5px 0 rgba(0,0,0,.1);} .index6-con .swiper-container{padding: 0 6px;height: 400px;} .index6-con .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;} .index6-con .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;background: transparent; border: 1px solid #000;margin: 0 10px;} .index6-con .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #008c77;border: 1px solid #000;} .index7{width: 100%;padding: 80px 0 85px 0;background: #F7F7F7;} .index7-tit{text-align: center;color: #333;font-size: 40px;line-height: 40px;margin-bottom: 50px;} .index7-tit i{display: inline-block;width: 4px;height: 45px;margin: 0 24px;background: #017A4E;vertical-align: sub;} .index7-con{} .index7-box{width: calc(33.3% - 30px);margin-right: 40px;} .index7-box:nth-child(3){margin-right: 0;} .index7-img{width: 100%;height: 230px;overflow: hidden;display: block;} .index7-img .img{width: 100%;height: 100%;} .index7-img .img:hover{transform: scale(1.2);} .index7-box .tit{min-height: 100px;width: 100%;font-size: 22px;color: #666;line-height: 34px;padding-top: 14px;display: block;} .index7-box .tit:hover{color: #017A4E;} .index7-box span{font-size: 15px;color: #999;} .index7-box span i{display: inline-block;width: 22px;height: 16px;background: url(../images/article.png) no-repeat center;margin-right: 10px;} .index7 .oncejia{width: 210px;height: 55px;color: #fff;font-size: 18px;background: #017A4E;display: block;text-align: center;line-height: 55px; position: relative;margin: 50px auto 0 auto;} .index7 .oncejia:before { pointer-events: none; content: ''; position: absolute; border: #017A4E solid 4px; top: -16px; right: -16px; bottom: -16px; left: -16px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } /*.index7 .oncejia:hover:before{ top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 1; }*/ .index7 .oncejia:hover{ background: #0b9c67; } .index8{width: 100%;height: 400px;} .index8-con{width: 50%;height: 100%;padding: 64px 80px 0 80px;} .index8-con .tit{font-size: 36px;color: #fff;} .index8-con .tit1{font-size: 16px;color: #fff;line-height: 24px;margin-top: 24px;} .index8-box{margin-top: 120px;} .index8-box select{width: 190px;height: 55px;margin-right: 8px;text-indent: 10px;font-size: 16px;color: #333;border: none; background: url(../images/sel-arr.png) right 19px center no-repeat;background-color: #fff;} .index8-box .index8-submit{width: 100%;height: 100%;color: #fff;font-size: 18px;background: url(../images/submit-bg.jpg) repeat-x center;border: none; text-align: left;text-indent: 40px;} .index8-box .index8-submit:hover{background: #35B081;} .index8-dd{display: inline-block;position: relative;width: 190px;height: 55px;} .index8-dd i{position: absolute;height: 100%;width: 16px;background: url(../images/index8-submit.png) no-repeat center; top: 0;right: 55px;} .index8-box .oncejia{width: 210px;height: 55px;color: #fff;font-size: 18px;background: #017A4E;display: block;text-align: center;line-height: 55px; position: relative;} .index8-box .oncejia:before { pointer-events: none; content: ''; position: absolute; border: #017A4E solid 4px; top: -16px; right: -16px; bottom: -16px; left: -16px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } /*.index8-box .oncejia:hover:before{ top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 1; }*/ .index8-box .oncejia:hover{ background: #0b9c67; } /*底部*/ .index9{width: 100%;padding: 62px 0;text-align: center;font-size: 22px;color: #666;/*box-shadow: 0 4px 7px 0px rgba(204,204,204,0.4);*/position: relative; z-index: 1;border-top: 1px solid #F1F2F3;border-bottom: 1px solid #E5E5E5;} .index10{width: 100%;height: 215px;border-bottom: 1px solid #E5E5E5;} .index10-con{width: 390px;height: 215px;text-align: center;padding: 32px 0 40px 0;} .index10-con img{ width: 37px; height: 37px; } .index10-box{text-align: center;display: inline-block;height: 100%;padding-top: 20px;} .index10-box img{} .index10-box .tit{font-size: 18px;color: #333;margin: 20px 0 8px 0;} .index10-box p{font-size: 14px;color: #888;} .index10-con:nth-child(1), .index10-con:nth-child(4){width: 250px;} .index10-con:nth-child(2) .index10-box{border-left: 1px solid #E6E6E6;border-right: 1px solid #E6E6E6;display: block;} .index10-con:nth-child(3) .index10-box{border-right: 1px solid #E6E6E6;display: block;} /*.index11{width: 100%;background: #F7F7F7;height: 280px;} .index11-con{padding: 70px 0 40px 0;height: 100%;} .index11-con-left{display: inline-block;} .index11-con-left h1{font-size: 25px;color: #333;} .index11-con-left h2{font-size: 14px;color: #888;margin-top: 6px;} .index11-link{margin-top: 15px;} .index11-link span, .index11-link a{display: inline-block;width: 26px;height: 26px;border-radius: 100%;border: 1px solid #333;line-height: 24px;text-align: center; cursor: pointer;margin-right: 10px;} .index11-link span.wechat-icon{position: relative;} .index11-link span.wechat-icon .code { position: absolute; width: 120px; height: 120px; background: #fff; opacity: 0; top: -136px; left: 50%; margin-left: -60px; border-radius: 3px; display: block; padding: 10px; box-shadow: 0px 1px 5px #ccc; display: none; } .index11-link span.wechat-icon .code:after{ border-top: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; } .index11-link span.wechat-icon .code img { max-width: 100%; max-height: 100%; } .index11-link span.wechat-icon:hover .code{ display:block; opacity:1; } .index11-link span:hover,.index11-link a:hover{background: #333;border: none;} .index11-link span:hover .fa{color: #fff;} .index11-link a:hover .fa{color: #fff;} .index11-con-left span i{font-size: 14px;} .index11-con-right{height: 100%;} .index11-box{display: inline-block;float: left;border-right: 1px solid #ECECEC;padding: 0 40px 14px;height: 100%;} .index11-box:last-child{padding: 0 0 14px 50px;border-right: none;} .index11-box p{font-size: 16px;color: #333;margin-bottom: 22px;} .index11-box a{font-size: 15px;color: #666;line-height: 28px;display: block;cursor: pointer;} .index11-box a:hover{color: #017A4E;}*/ .index11{width: 100%;background: #F8F8F8;height: 325px;} .index11-con{padding: 70px 0 40px 0;height: 100%;} .index11-box{display: inline-block;float: left;width: 12%;height: 100%;} .index11-box p{font-size: 15px;color: #040000;margin-bottom: 18px;line-height: 15px;font-weight: bold;} .index11-box a{font-size: 13px;color: #666;line-height: 28px;display: block;cursor: pointer;} .index11-box a:hover{color: #008b76;} /*.index12{width: 100%;height: 52px;border-top: 1px solid #ECECEC;background: #F7F7F7;} .index12-con{} .index12-con p{float: left;font-size: 12px;color: #888;line-height: 51px;} .index12-con .index12-r{float: right;line-height: 51px;} .index12-con .index12-r .station{margin-left: 15px;display: inline-block;height: 100%;padding-right: 15px;cursor: pointer;color: #808080; background: url(../images/foot-arr.png) no-repeat right center;position: relative;} .station-box{display: none;position: absolute;padding: 0 8px;background: #fff;bottom: 40px;width: 120px;right: 0;} .station-box a{height: 30px;line-height: 30px;color: #b2b2b2;display: block;text-align: center;border-top: 1px solid #ECECEC;} .station-box a:first-child{border-top: none;} .station-box a:hover{color: #808080;} .index12-con .index12-r .station:hover .station-box{display: block;}*/ .index12{width: 100%;height: 106px;background: #F8F8F8;} .index12-con{} .index12-con .left{float: left;width: 850px;} .index12-con .left p{font-size: 12px;color: #111;line-height: 12px;} .index12-con .left p a:hover{color: #008b76;} .index12-con .left .txt{font-size: 12px;color: #111;margin-top: 20px;display: flex;align-items: center;} .index12-con .left .txt b{color: #008b76;font-size: 25px;line-height: 26px;} .index12-con .left .txt img{margin: 0 10px;} .index12-con .index12-r{float: right;} .index12-con .index12-r .station{margin-left: 15px;display: inline-block;height: 100%;padding-right: 15px;cursor: pointer;color: #808080; background: url(../images/foot-arr.png) no-repeat right center;position: relative;} .station-box{display: none;position: absolute;padding: 0 8px;background: #fff;bottom: 17px;width: 120px;right: 0;} .station-box a{height: 30px;line-height: 30px;color: #333;display: block;text-align: center;border-top: 1px solid #ECECEC;} .station-box a:first-child{border-top: none;} .station-box a:hover{color: #008b76;} .index12-con .index12-r .station:hover .station-box{display: block;} .index12-link{margin-top: 15px;} .index12-link span, .index12-link a{display: inline-block;width: 26px;height: 26px;border-radius: 100%;border: 1px solid #333;line-height: 24px;text-align: center; cursor: pointer;margin-right: 10px;} .index12-link span.wechat-icon{position: relative;} .index12-link span.wechat-icon .code { position: absolute; width: 120px; height: 120px; background: #fff; opacity: 0; top: -136px; left: 50%; margin-left: -60px; border-radius: 3px; display: block; padding: 10px; box-shadow: 0px 1px 5px #ccc; display: none; } .index12-link span.wechat-icon .code:after{ border-top: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; } .index12-link span.wechat-icon .code img { max-width: 100%; max-height: 100%; } .index12-link span.wechat-icon:hover .code{ display:block; opacity:1; } .index12-link span:hover,.index12-link a:hover{background: #333;border: none;} .index12-link span:hover .fa{color: #fff;} .index12-link a:hover .fa{color: #fff;} .bespoke_select{position: relative;z-index: 10;width: 140px;height: 44px;background: #fff;float: left;margin-right: 6px;} .bespoke_select p{padding: 0 12px;font-size: 14px;color: #232323;line-height: 44px;white-space: nowrap; background: url('../images/coating_arrow1.png') no-repeat right 10px center;cursor: pointer;} .bespoke_select ul{position: absolute;left: 0;bottom: 44px;background: #fff;z-index: 20;display: none;width: 100%;overflow-y: scroll; max-height: 215px;white-space: nowrap;} .bespoke_select ul li{padding: 0 12px;font-size: 14px;color: #232323;line-height: 44px;cursor: pointer;} /*2018.10.31*/ .coating_bespoke .main .con .bespoke_btn{width: 140px;border-radius: 40px;margin-left: 32px; height: 40px;background: #fff;font-size: 20px;color: #C2A47D;border:none;transition: all 0.3s;} .coating_bespoke .main .con .bespoke_btn:hover{font-size: 16px;} /*右侧悬浮*/ .fixed-con{position: fixed;z-index: 34;right: 10px;bottom: 160px;} .fixed-box{width: 70px;height: 70px;background: rgba(255,255,255,0.9);text-align: center;padding: 12px 0;cursor: pointer;display: block;position: relative; transition: all 0.3s;margin-bottom: 1px;border-radius: 4px;} .fixed-box .off{display: none;} .fixed-box:hover{background: rgba(38,149,131,0.9);} .fixed-box:hover .on{display: none;} .fixed-box:hover .off{display: inline;} .fixed-box:hover .fixed-box-text{color: #fff;} .fixed-box-text{font-size: 14px;color: #444;margin-top: 5px;} .fixed-con .a-phone{position: relative;} .fixed-hide-hot{position: absolute;padding: 12px;right: 95px;transition: all 0.3s;opacity: 0;pointer-events: none;top: 0;color: #fff; background: #F7B024;white-space: nowrap;font-size: 14px;text-align: left;} .fixed-hide-hot span{font-size: 16px;display: block;} .fixed-hide-hot:after{content: '';position: absolute;border-bottom: 10px solid transparent;border-top: 10px solid transparent; border-left: 10px solid #F7B024;top: 22px;right: -10px;} .fixed-con .a-phone:hover .fixed-hide-hot{right: 80px;opacity: 1;pointer-events: initial;} .fixed-box.a-top:after{display: none;} .fixed-box.a-top .fixed-box-text{font-size: 18px;} /*底部悬浮*/ .hg130{width: 100%;height: 100px;} .fixend input::-webkit-input-placeholder,.fixend textarea::-webkit-input-placeholder{color:#626262} .fixend{width:100%; height:100px;position:fixed;bottom:-153px;left:0;background: rgba(0,0,0,0.6);z-index:100;-webkit-transition:all .5s} .fixend.on{bottom:0} .fixend.fly{width:0;overflow:hidden;left:100%;top:calc(40% + 245px);margin-top:-325px;-webkit-transition:all .5s;transition:all .5s;} .fixend .fixend_content{height:100%;position:relative;} .fixend .fixend_logo{width: 297px;height: auto;position: absolute;left: -80px;bottom: 5px;-webkit-transition:all .5s;transition:all .5s;} .fixend form{width:auto;height:44px;float:right;margin-left:230px;margin: 28px 30px;} .fixend .fixend_text{width:191px;height:44px;background-color:#fff;color:#000;font-size:16px;padding:0 8px;margin-right:5px; float:left;border: none;} .fixend form > select{width:140px;height: 44px;color: #999;font-size:16px;margin-right:5px;background:#fff url(../images/sel-arr.png) no-repeat center right 20px; float:left;border: none;text-indent: 8px;} .fixend .fixend_btn{width: 215px;height:44px;color:#fff;font-size:16px;text-align:center;float:left;border: none; margin-left: 5px;background: url(../images/submit-bg.jpg) repeat-x center;} .fixend .fixend_btn:hover{background: #36B07D;} .fixend .fixend_close{width:34px;height:34px;position:absolute;cursor:pointer;right: 20px;top: 20px;} .fixend .fixend_close img{-webkit-transition:all .5s} .fixend .fixend_close:hover img{/*-webkit-transform:rotateZ(360deg);*/animation: zhaun 0.5s linear infinite;} /* .fixend .fixend_close:before{content:"";width:1px;height:27px;background-color:#fff;position:absolute;left:50%;top:-27px;margin-left:-1px} */ @keyframes zhaun{ from{transform: rotate(0deg)} to{transform: rotate(359deg)} } .phone11{display: none;background: #F7F7F7;padding: 0.6rem 0 0.4rem 0;} .phone12{display: none;color: #888;font-size: 0.26rem;text-align: center;padding: 0.3rem 3%;line-height: 0.46rem;border-top: 1px solid #ECECEC; background: #F7F7F7;} .phone11-con{} .phone11-left{width: 2.5rem;background: #fff;padding: 0.2rem;} .phone11-left img{max-width: 100%;} .phone11-right{width: calc(100% - 2.8rem);margin-left: 0.3rem;} .phone11-right h1{font-size: 0.48rem;color: #333;padding-left: 0.2rem;margin-bottom: 0.1rem;} .phone11-right h2{font-size: 0.28rem;color: #888;padding-left: 0.2rem;line-height: 0.46rem;} .phone11-right select{width: 100%;border: none;font-size: 0.28rem;text-indent: 0.2rem;color: #888;height: 0.7rem;margin-top: 0.1rem; background: url(../images/sel-arr.png) right 0.2rem center no-repeat;background-color: #fff;background-size: 0.24rem;} /*产品中心*/ .page_banneer{width: 100%;height: 320px;background-position: center;background-repeat: no-repeat;background-size: cover;} .page_banneer .container{padding-top: 84px;padding-left: 15px;} .page_banneer h1{font-size: 44px;color: #fff;position: relative;} .page_banneer h1:before{content: '';width: 100%;height: 1px;background: rgba(255,255,255,0.6);left: -100%;position: absolute;top: 50%;margin-left: -15px;} .page_banneer h2{font-size: 18px;color: rgba(255,255,255,0.7);line-height: 32px;} .page_banneer a{display: block;width: 36px;height: 36px;background: url(../images/page_down.png) no-repeat center;margin-top: 22px;} .prodcon{padding: 20px 0 60px 0;width: 100%;background: #F1F2F3;} .crumbs{font-size: 14px;color: #999;line-height: 38px;} .crumbs a{font-size: 14px;color: #999;} .crumbs a:hover{color: #015637;} .screen{padding: 30px 35px 8px 35px;background: #fff;} .screen .xielie1{padding: 0 0 30px 6px;} .screen .xielie1 a{display: inline-block;padding: 14px 33px;color: #4c4c4c;font-size: 15px;border-radius: 48px;background: #F2F2F2;margin-right: 20px; cursor: pointer;} .screen .xielie1 a.on,.screen .xielie1 a:hover{color: #fff;background: #52B1A3;} .screen .xielie2{padding: 30px 0 0 8px;border-top: 1px dashed #E8E8E8;} .screen .xielie2 b{display: block;width: 76px;padding-left: 6px;line-height: 30px;font-size: 18px;color: #333;float: left;} .screen .xielie2 .xl2-box{float: left;width: calc(100% - 76px);} .screen .xielie2 .xl2-box span { display: block; float: left; width: 140px; } .screen .xielie2 .xl2-box a{display: inline-block;padding: 0px 19px;color: #4c4c4c;font-size: 15px;border-radius: 30px;margin: 0px 12px 20px 0; cursor: pointer;height: 30px;line-height: 30px;} .screen .xielie2 .xl2-box a.on,.screen .xielie2 .xl2-box a:hover{color: #fff;background: #008C77;} .screen .xielie2 .xl2-box span.on a{color: #fff;} .prod-con{padding: 36px 28px 64px 28px;background: #fff;margin-top: 10px;} .prodboxs{padding-bottom: 4px;} .prodbox{width: 25%;padding: 0 13px;float: left;margin-bottom: 35px;display: block;cursor: pointer;} .prodbox .img{width: 100%;height: 200px;display: block;} .prodbox .tit{font-size: 15px;line-height: 47px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .prodbox:hover .tit{color: #015637;padding-left: 10px;} .page{text-align: center;} .page-con{display: inline-block;*display: inline;*zoom:1;} .page a,.page span{display: block;float: left;width: 35px;height: 35px;text-align: center;line-height: 35px;font-size: 14px;color: #333;border:1px solid #E9E9E9; margin: 0 5px;background: #fff;} .page a:hover, .page a.on{border-color: #008C77;background-color: #008C77;color: #fff;} .page a.prev{padding: 0 15px;width: auto;} .page a.next{padding: 0 15px;width: auto;} .page a.prev:hover, .page a.next:hover{background-color: #008C77;} .prod-recom{padding: 30px 28px 23px 28px;margin-top: 20px;background: #fff;} .prod-recom-top{padding: 0 13px;} .prod-recom-top span{float: left;font-size: 18px;color: #333;line-height: 18px;display: inline-block;padding-left: 12px;border-left: 2px solid #00816E;} .prod-recom-top i{float: right;font-style: normal;font-size: 14px;color: #008c77;display: block;width: 64px;height: 19px; background: url(../images/refresh.png) no-repeat right center;cursor: pointer;} .prod-recom-box{margin-top: 20px;} /*产品详情*/ .prodet .fixend{display: none;} .prodet .hg130{display: none;} .prod-top{width: 100%;height: 70px;background: #EEEEEE;position: fixed;top: 105px;z-index: 10;} .prod-top .sel-box{width: 170px;background: url(../images/sel-arr-be.png) no-repeat right 10px center;height: 70px;line-height: 70px;position: relative;} .prod-top .sel-box span{font-size: 22px;color: #000;cursor: pointer;display: block;width: 100%;} .series{position: absolute;width: 780px;top: 71px;height: auto;padding: 22px 0 22px 60px;background: #eee;z-index: 15;display: none;} .serclose{position: absolute;top: 10px;right: 10px;background: url(../images/fa-close.png) no-repeat center;display: block;width: 20px;height: 20px;} /* .serclose:hover{background: url(../images/fa-close-bs.png) no-repeat center;cursor: pointer;} */ .series a{font-size: 16px;color: #000;line-height: 48px;display: block;float: left;width: auto;margin-right: 45px;word-break: break-all;} .series a.on,.series a:hover{color: #008c77;} .prod-top .flo{height: 70px;line-height: 70px;} .mbflo{display: none;} .prod-top .flo span{font-size: 16px;color: #333;cursor: pointer;margin-right: 50px;} .prod-top .flo span.active{color: #008c77;} .prod-top .flo .yudz{color: #008c77;background: #fff;padding: 0 18px;height: 35px;line-height: 35px;display: inline-block;border-radius: 35px;cursor: pointer;} .noshadow .header {box-shadow: none;} .prodet-slide{width: 100%;height: 805px;position: relative;margin-top: 70px;} .prodet-slide .gallery-top.swiper-container, .prodet-slide .gallery-top .swiper-slide{height: 100%;} .prodet-slide .gallery-top .swiper-slide .huise{ width: 100%;height: 100%; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 64%, rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 64%, rgba(0,0,0,0.8) 100%); } .prodet-slide .swiper-container.gallery-thumbs{width: 1280px;margin: 0 auto;margin-top: -145px;} .prodet-slide .gallery-thumbs .swiper-slide{width: 13.33%;text-align: center;cursor: pointer;position: relative;} .prodet-slide .gallery-thumbs .swiper-slide:after{width: 1px;height: 75px;background: rgba(255,255,255,0.2);content: '';position: absolute;right: 0;top: 7px;} .prodet-slide .gallery-thumbs .swiper-slide .img{width: 100%;height: 60px;line-height: 60px;} .prodet-slide .gallery-thumbs .swiper-slide span{font-size: 16px;color: #fff;display: block;line-height: 86px;} .prodet-slide .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{color: #068873;} .prodet-slide .gallery-thumbs .swiper-slide .slide-img-on{display: none;} .prodet-slide .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .slide-img-off{display: none;} .prodet-slide .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .slide-img-on{display: inline;} .prodet-slide .gallery-thumbs .swiper-slide:first-child{width: 10%;padding-right: 55px;} .prodet-slide .gallery-thumbs .swiper-slide:last-child{width: 10%;padding-left: 55px;} .prodet-slide .gallery-thumbs .swiper-slide:last-child:after{display: none;} .prodet-slide .swiper-container.gallery-thumbs .swiper-wrapper{display: flex;justify-content: center;} .prodet-index2{width: 100%;height: 370px;background: url(../images/prodet2-bg.jpg) no-repeat center;background-attachment: fixed;} .prodet-index2 .container{padding-top: 56px;} .prodet2-shadow{background-color: rgba(255,255,255,0.9);width: 100%;height: 100%;} .prodet-index2 .prodet2-con:nth-child(1){width: 31%;padding-right: 82px;} .prodet-index2 .prodet2-con:nth-child(2){width: 38%;padding: 0 90px;position: relative;} .prodet-index2 .prodet2-con:nth-child(2):before{width: 1px;height: 230px;background: #CFCFCF;content: '';position: absolute;left: 0;top: 5px;} .prodet-index2 .prodet2-con:nth-child(2):after{width: 1px;height: 230px;background: #CFCFCF;content: '';position: absolute;right: 0;top: 5px;} .prodet-index2 .prodet2-con:nth-child(3){width: 31%;padding-left: 82px;} .prodet2-con .img{width: 100%;height: 70px;line-height: 70px;border-radius: 100%;margin-bottom: 22px;} .prodet2-con .tit{font-size: 22px;color: #333;} .prodet2-con p{margin-top: 12px;line-height: 28px;color: #4c4c4c;font-size: 15px;} .prodet2-mb{background-color: rgba(255,255,255,0.9);width: 100%;height: 100%;display: none;padding: 0.4rem 3%;} .prodet2-dd{width: 33.33%;border-right: 1px solid #B5B5B5;text-align: center;} .prodet2-dd:nth-child(3){border-right: none;} .prodet2-dd .prodet2-icon-hui{display: inline-block;} .prodet2-dd .prodet2-icon{display: none;} .prodet2-dd img{height: 0.7rem;} .prodet2-dd p{color: #666;font-size: 0.32rem;height: 0.5rem;line-height: 0.5rem;margin-top: 0.1rem;} .prodet2-dd.on p{color: #008c77;} .prodet2-dd.on .prodet2-icon-hui{display: none;} .prodet2-dd.on .prodet2-icon{display: inline-block;} .prodet2-mb-p{margin-top: 0.4rem;} .prodet2-mb-p p{font-size: 0.3rem;line-height: 0.5rem;display: none;color: #666;text-align: center;} .prodet2-mb-p p:first-child{display: block;} .prodet-index3{padding-top: 80px;text-align: center;} .dzlabel{background: #008C77;color: #fff;font-size: 15px;padding: 0px 22px;height: 35px;border-radius: 35px;line-height: 35px;display: inline-block;} .prodet-index3 .tit{color: #000000;font-size: 44px;margin-top: 22px;} .prodet-index3 p{line-height: 32px;color: #666;font-size: 16px;width: 940px;margin: 12px auto 60px auto;} .prodet-index3 img{max-width: 100%;} .prodet-index4{margin-top: 104px;} .prodet-index4 .swiper-slide{width: 100%;height: 775px;} .prodet-index4 .container{height: 100%;} .prodet4-con{width: 470px;height: 100%;display: flex;justify-content: center;flex-direction: column;align-items: flex-start;padding-top: 45px;} .prodet4-con .tit{color: #fff;font-size: 44px;margin-top: 22px;padding-left: 10px;} .prodet4-con .en{line-height: 20px;color: rgba(255,255,255,0.6);font-size: 12px;padding-left: 10px;margin-top: 7px;} .prodet4-con .zh{line-height: 32px;color: #fff;font-size: 16px;padding-left: 10px;margin-top: 15px;} .prodet-index4 .slidepage{color: #fff;font-size: 18px;padding-left: 10px;margin-top: 70px;} .prodet-index4 .curnum{font-size: 32px;font-weight: bold;margin-right: 3px;} .prodet-index4 .totalnum{font-size: 18px;} .prodet-index4 .swiper-button-prev{right: 100px;left: auto;background: url(../images/arrow-left.png) no-repeat center;background-size: 20px;margin-top: -48px;} .prodet-index4 .swiper-button-next{right: 40px;background: url(../images/arrow-right.png) no-repeat center;background-size: 20px;margin-top: -48px;} .prodet-index4 .swiper-pagination{bottom: 20px;} .prodet-index4 .swiper-pagination-clickable .swiper-pagination-bullet{background: #fff; opacity: 1;margin: 0 5px;width: 14px;height: 14px;} .prodet-index4 .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #008C77;} .prodet-index5{width: 100%;margin-top: 104px;} .prodet-index5 .swiper-slide{width: 100%;height: 630px;} .prodet-index5 .slidepage{color: #008c77;font-size: 18px;padding-left: 10px;margin-top: 70px;} .mbimg{display: none;} .prodet-index5 .curnum{font-size: 32px;font-weight: bold;margin-right: 3px;} .prodet-index5 .totalnum{font-size: 18px;} .prodet-index5 .swiper-button-prev{right: 100px;left: auto;background: url(../images/arrow-left.png) no-repeat center;background-size: 20px;margin-top: -48px;} .prodet-index5 .swiper-button-next{right: 40px;background: url(../images/arrow-right.png) no-repeat center;background-size: 20px;margin-top: -48px;} .prodet-index5 .swiper-pagination{width: 56%;bottom: 20px;} .prodet-index5 .swiper-pagination-clickable .swiper-pagination-bullet{background: #fff; opacity: 1;margin: 0 5px;width: 14px;height: 14px;} .prodet-index5 .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #008C77;} .prodet5-l{width: 56%;height: 100%;} .prodet5-r{width: 44%;padding: 125px 14% 0 60px;} .prodet5-r .tit{color: #000000;font-size: 44px;margin-top: 22px;padding-left: 10px;} .prodet5-r .en{line-height: 20px;color: #b2b2b2;font-size: 12px;padding-left: 10px;margin-top: 7px;} .prodet5-r .zh{line-height: 32px;color: #666;font-size: 16px;padding-left: 10px;margin-top: 15px;} .prodet-index6{width: 100%;height: 480px;display: none;} .prodet-index6 .swiper-slide{width: 100%;height: 480px;} .prodet-index6 .swiper-button-prev{right: 100px;left: auto;background: url(../images/arrow-left.png) no-repeat center;background-size: 20px;margin-top: -48px;} .prodet-index6 .swiper-button-next{right: 40px;background: url(../images/arrow-right.png) no-repeat center;background-size: 20px;margin-top: -48px;} .prodet-index6 .swiper-pagination{position: relative;} .prodet-index6 .swiper-pagination-clickable .swiper-pagination-bullet{background: #fff; opacity: 1;margin: 0 10px;width: 18px;height: 18px;} .prodet-index6 .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0962A7;} .prodet-index11{width: 100%;height: auto;background: url(../images/prodet11-bg.jpg) no-repeat center;background-size: cover;padding-top: 75px;padding-bottom: 40px;} .prodet11-tit{text-align: center;color: #008c77;font-size: 34px;line-height: 34px;margin-bottom: 14px;} .prodet11-tit1{text-align: center;color: #666;font-size: 16px;line-height: 28px;width: 690px;margin: 20px auto;} .prodet11-box{margin-top: 40px;} .prodet11-box .swiper-slide .img{width: 100%;height: 335px;} .prodet11-box .swiper-slide .tit{font-size: 24px;color: #333;margin: 15px 0 8px 0;} .prodet11-box .swiper-slide p{color: #808080;line-height: 24px;font-size: 15px;height: 150px;} .prodet11-box .swiper-pagination-bullet-active{background: #015637;} .prodet11-box .swiper-pagination{display: none;} .prodet-index12{padding: 70px 0 65px 0;} .prodet12-tit{font-size: 34px;color: #008c77;text-align: center;} .prodet12-tit1{font-size: 16px;line-height: 28px;color: #666;text-align: center;margin: 10px auto 0 auto;} .prodet12-con{margin-top: 45px;} .prodet12-box{text-align: center;width: 25%;height: 230px;border-right: 1px solid #C5E5E0;} .prodet12-box:nth-child(4){border-right: none;} .prodet12-box img{} .prodet12-box .tit{font-size: 24px;color: #333;margin: 16px 0 8px 0;} .prodet12-box p{font-size: 16px;color: #666;line-height: 26px;} .prodet-index13{width: 100%;height: 310px;background: url(../images/prodet13-bg.jpg) repeat center;background-size: cover;padding-top: 45px;} .prodet-index13 .tit{font-size: 34px;color: #fff;text-align: center;position: relative;} .prodet-index13 .tit:after{width: 46px;height: 2px;content: '';position: absolute;left: 50%;margin-left: -23px;background: #fff;bottom: -20px;} .prodet13-con{margin-top: 68px;} .prodet13-box{text-align: center;width: 25%;height: 80px;border-right: 1px solid #33A392;padding-top: 10px;} .prodet13-box:nth-child(4){border-right: none;} .prodet13-box .tit1{font-size: 20px;color: #fff;margin-bottom: 5px;} .prodet13-box p{font-size: 14px;color: rgba(255,255,255,0.5);line-height: 21px;} .prodet-index14{width: 100%;} .prodet14-con .img{width: 100%;height: 200px;border: 1px solid #F1F1F1;text-align: center;line-height: 198px;} .prodet14-con .img img{max-width: 100%;max-height: 100%;} .prodet14-con .tit{font-size: 16px;line-height: 64px;color: #4c4c4c;text-align: center;} .prodet14-con .swiper-pagination{display: none;} /*投资者关系*/ .breadNav{height:40px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } .breadNav a, .breadNav span{ font-size:12px; line-height:40px; color:#999; } .breadNav span{ padding:0px 10px; } .breadNav a:hover, .breadNav span.cur{ color:#015637;} .header-breadNav{ border:0; height:70px; border-bottom:1px solid #e5e5e5; margin-bottom:35px; } .header-breadNav a, .header-breadNav span{ line-height:70px; font-size:14px; color:#666; } .family-tab li{ float:left; height:60px; line-height:60px; margin-left:60px; } .family-tab li a{ font-size:15px; color:#666; display:block; line-height:68px; padding:0px 5px; } .family-tab li.on a{ color:#015637; border-bottom:2px solid #015637; } .family-tab li:hover a{ color:#015637; } /*基本信息*/ .irm-con{ padding-bottom:90px; } .irm-con .family-tab{ margin-bottom:0; } .irm-show{ width:100%; height:490px; background:url("../images/irm-show.png") no-repeat scroll center center; text-align:center; } .irm-show p{ font-size:16px; color:#fff; line-height:1.875; text-transform:uppercase; margin-top:10px; text-align:left; width:870px; margin:10px auto 0px; } .irm-show p span{ font-size:16px; color:#fff; line-height:1.875; margin-right:65px; } .irm-info h2{ font-size:26px; color:#666; text-transform:uppercase; line-height:1.2; margin-bottom:15px; } .irm-info .title .left{ width:68.334%; border-right:1px solid #dcdcdc; padding:20px 0px 10px 0px; } .irm-info .title .left img{ margin-bottom:15px; } .irm-info .title .left p{ line-height:2; color:#333; font-size:15px; width:90%; } .irm-info .title .left .base-det{ width:50%; margin-bottom:20px; } .irm-info .title .left .base-det span{ width:50%; display:block; float:left; line-height:2; font-size:15px; color:#333333; } .irm-info .title .right{ width:31.666%; text-align:right; } .irm-info .title .right p{ font-size:14px; color:#666; margin-top:30px; } .irm-info .title .right p b{ font-size:18px; color:#e60012; font-weight:bold; line-height:1.2; } .irm-info .title .right h3{ font-size:24px; color:#e60012; font-weight:bold; line-height:1.2; vertical-align: baseline; margin-bottom:40px; margin-top:10px; } .irm-info .title .right h3 img{ vertical-align: baseline; margin-right:10px; } .irm-info .title .right li{ float:left; width:50%; margin-bottom:10px; text-align:right; } .irm-info .title .right li p{ font-size:14px; color:#666; line-height:1.786; margin-bottom:0; margin-top:0; } .irm-info .title .right li span{ font-size:14px; color:#333; font-weight:bold; display:block; } .irm-info .irm-info-img{ margin:40px auto 0px; width:75%; display:block; } .irm-info-quility h2{ font-size:26px; color:#666; text-transform:uppercase; line-height:1.2; margin-bottom:45px; margin-top:100px; } .irm-info-quility ul li{ width:25%; float:left; } .irm-info-quility ul li:last-child{ background:none; } .irm-info-quility ul li .pic{ width:81px; height:81px; border:2px solid #015637; border-radius:50%; margin:0 auto; text-align:center; line-height:81px; margin-bottom:10px; } .irm-info-quility ul li .txt{ text-align:center; } .irm-info-quility ul li .txt p, .irm-info-quility ul li .txt p a{ font-size:19px; color:#000003; line-height:2; } .irm-info-quility ul li .txt p.in{ font-size:17px; color:#333; } .irm-info-quility ul li .txt p.in a{ font-size:17px; color:#333; } .irm-info-quility ul li .txt p a:hover{ color:#91c423; } /*信息公告*/ .notice-list{ margin:0px -20px; } .notice-list li{ width:50%; float:left; padding:0px 20px; height:46px; line-height:46px; margin-bottom:15px; } .notice-list li *{ transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .notice-list li .item{ display:block; border-bottom:1px solid #dbdbdb; cursor:pointer; } .notice-list li .file{ width:21px; height:46px; display:block; background:url("../images/file.png") no-repeat scroll center center; margin-right:20px; } .notice-list li p{ font-size:15px; color:#666; line-height:46px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; display:block; width:80%; } .notice-list li p span{ margin-left:20px; font-size:15px; line-height:46px; color:#999; } .notice-list li .download{ width:15px; height:46px; display:block; background:url("../images/download-icon.png") no-repeat scroll center center; } .notice-list li:hover p{ color:#015637; margin-left:20px; } .notice-list li:hover .download{ background:url("../images/download-icon-hover.png") no-repeat scroll center center; } .download-more{ width:126px; height:42px; border:2px solid #015637; border-radius:22px; background: #fff; line-height: 40px; text-align:center; display:block; font-size:16px; color:#015637; margin:45px auto 0px; } .download-more:hover{ background:#015637; color:#fff; } .download-more.noMore{ border:2px solid #666; color:#666; cursor:not-allowed; } .download-more.noMore:hover{ background:none; color:#666; } /*公司治理*/ .govern h2{ font-size:20px; color:#015637; line-height:2.25; font-weight:bold; margin-bottom:5px; } .govern p{ font-size:16px; color:#666; line-height: 2.25; } .govern p b{ color:#015637; } /*股权信息*/ .equity-table .title{ font-size:21px; color:#333; font-weight:bold; margin-bottom:35px; text-align:center; } .equity-table table{ border:1px solid #e1e1e1; width:100%; border-collapse:collapse; text-align:center; } .equity-table table tr{ height:58px; line-height:58px; border-bottom:1px solid #e1e1e1; text-align:center; } .equity-table table tr:nth-child(odd){ background:#f9f9f9; } .equity-table table tr.title{ background:#015637; height:50px; line-height:50px; } .equity-table table td{ font-size:15px; color:#666; text-align:center; } .equity-table table th{ font-size:15px; color:#fff; font-weight:bold; line-height:50px; text-align:center; } /*设计方案*/ .designcon{padding: 20px 0 65px 0;background: #F1F2F3;} .design1{margin-top: 30px;} .design1-tit{} .design1-tit span{display: inline-block;font-size: 20px;color: #333;border-left: 2px solid #008C77;padding-left: 10px;line-height: 20px;} .design1-tit a{font-size: 14px;color: #666;float: right;} .design1-tit a:hover{color: #015637;} .design2{width: 100%;margin-top: 20px;} .design2-left{width: 66%;} .design2-left .swiper-slide{width: 100%;height: 380px;display: block;} .design2-left p{font-size: 15px;color: #fff;width: 100%;position: absolute;bottom: 0;height: 50px;line-height: 50px;padding: 0 30px;background: #000;} .design2-left .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;text-align: right;padding: 0 25px;} .design2-left .swiper-pagination-bullet{background: #fff;width: 4px;height: 4px;opacity: 1;} .design2-left .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #008C77;} .design2-right{width: 34%;height: 380px;background: #008C77;} .design2-right p{color: #fff;font-size: 14px;line-height: 75px;height: 20%;/*border-bottom: 1px dashed #2EA18F;*/padding: 0 60px 0 40px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;position: relative;} .design2-right p:hover,.design2-right p.on{background: #007D6A;} .design2-right p:after{ transition: all 0s; position: absolute; width: 0; height: 2px; content: ''; background: #9FD022; z-index: 2; left: 0; bottom: 0; } .design2-right p.on:after{width: 100%;} .design2-right p.on:after{transition: all 3s;} .design3{padding: 27px 70px 10px 38px;background: #fff;margin-top: 40px;} .design3 .xielie2{padding: 30px 0 0 8px;border-top: 1px dashed #E8E8E8;} .design3 .xielie2.xielie3{border-top: none;} .design3 .xielie2 b{display: block;width: 100px;line-height: 30px;font-size: 18px;color: #333;float: left;} .design3 .xielie2 .xl2-box{float: left;width: calc(100% - 100px);} .design3 .xielie2 .xl2-box span { display: block; float: left; width: 140px; } .design3 .xielie2 .xl2-box a{display: inline-block;padding: 0px 19px;color: #4c4c4c;font-size: 15px;border-radius: 30px;margin: 0px 12px 20px 0; cursor: pointer;height: 30px;line-height: 30px;float: left;} .design3 .xielie2 .xl2-box a.on,.design3 .xielie2 .xl2-box a:hover{color: #fff;background: #008C77;} .design4{width: 1305px;margin-top: 30px;padding-bottom: 10px;} .design4box{padding: 20px;background: #fff;height: 350px;margin-right: 25px;width: calc(33.3% - 25px);margin-bottom: 20px;} .design4img{width: 100%;height: 190px;overflow: hidden;display: block;} .design4box .img{width: 100%;height: 100%;transition: all 0.3s;} .design4box .img:hover{transform: scale(1.2);} .design4box .tit{font-size: 16px;color: #333;line-height: 25px;font-weight: bold;margin: 10px 0;display: block;} .design4box .tit:hover{color: #008C77;} .design4box p{color: #4c4c4c;font-size: 14px;line-height: 24px;} .sptype b{display: block;width: 100%;line-height: 0.3rem;font-size: 0.26rem;color: #333;} .sptype{width: 100%;display: none;margin-top: 0.25rem; padding-bottom: 0.25rem;} .sptype-box-yua{display: none;width: 100%;} .sptype1{border-bottom: 1px dashed #E8E8E8;margin-top: 0.5rem;} .sptype a{ display: inline-block; color: #4c4c4c; width: calc(33.3% - 0.1rem); padding: 0px 0.25rem; font-size: 0.24rem; border-radius: initial; height: 0.6rem; line-height: 0.6rem; text-align: center; cursor: pointer; float: left; margin: 0 0.15rem 0.15rem 0; background: #F4F4F4;border-radius: 0.06rem; } .sptype a:nth-child(3n){margin-right: 0;} .sptype a.on{color: #fff;background: #008C77;} .sptype-box{display: block;padding: 0.3rem 0 0 0;} .sptype-add{background: url(../images/addtype.png) no-repeat center;width: 0.4rem;height: 0.4rem;background-size: 0.4rem;margin-top: 0.05rem;transition: all 0.3s;} .sptype-add.on{ -webkit-transform: rotate(45deg); transform: rotate(45deg) -moz-transform: rotate(45deg); } .sptype-top span{color: #fff;background: #008C77;display: inline-block;color: #fff;border-radius: 0.06rem; cursor: pointer;padding: 0px 0.25rem;font-size: 0.24rem;height: 0.5rem;line-height: 0.5rem;} .sptype-top{height: 0.5rem;margin-top: 0.2rem;} .sptype3.sptype{margin-top: 0rem;border-bottom: 1px dashed #E8E8E8;} /*新闻资讯*/ .newscon{background: #F1F2F3;padding: 20px 0 88px 0;} .infocenter_index2{} .infocenter_index2_l{width: 70%;} .infocenter_index2_l_top{background: #fff;} .infocenter_index2_l_top a{ display: inline-block; margin-left: 45px; padding: 0 14px; line-height: 61px; text-align: center; font-size: 18px; color: #4c4c4c; } .label1 { height: 25px; line-height: 25px; padding: 0 13px; color: #fff; background: #008C77; font-size: 12px; margin: 10px; display: inline-block; border-radius: 25px; display: none; } .infocenter_index2_l_top a.on,.infocenter_index2_l_top a:hover{border-bottom: 4px solid #008C77;color: #008C77;} .infocenter_index2_l_con{margin-top: 20px; padding: 20px;background: #fff;} .infocenter_index2_l_img{ display: block; width: 200px;height: 140px; background-position: center; background-repeat: no-repeat;background-size: cover;cursor: pointer;} .infocenter_index2_l_txt{width: calc(100% - 230px);margin-left: 30px;} .infocenter_index2_l_txt a{ display: block; font-size: 20px; color: #333; font-weight: 600; line-height: 28px; margin-bottom: 5px; } .infocenter_index2_l_txt a:hover{color: #008C77;} .infocenter_index2_l_txt span{ font-size: 12px; color: #999999; } .infocenter_index2_l_txt p{ font-size: 15px; color: #4c4c4c; line-height: 26px; margin-top: 10px; } .infocenter_index2_r{ width: calc(30% - 20px); margin-left: 20px; } .new-bx1{padding: 0 15px 55px;background: #fff;} .new-bx1-tit{font-size: 24px;color: #333;line-height: 70px;} .new-bx1 .new-bx-input{color: #333;font-size: 14px;background: #F1F2F3;text-indent: 20px;height: 40px;width: 100%;border-radius: 5px;border: none;} .new-bx1 .new-bx-input::-moz-placeholder{color: #999;} .new-bx1 .new-bx-input::-ms-input-placeholder{color: #999;} .new-bx1 .new-bx-input::-webkit-input-placeholder{color: #999;} .new-bx1 .new-bx-submit{border: none;width: 100%;height: 40px;font-size: 18px;color: #fff;background: #015637;border-radius: 20px;font-family: Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;} .new-bx1 .new-bx-submit:hover{background: #098457;} .hotword{padding: 20px 0 30px;} .hotword-tit{font-size: 13px;color: #444444;} .hotword-box{margin-top: 10px;} .hotword-box a{display: block;padding: 0 9px;height: 20px;line-height: 20px;color: #808080;font-size: 13px;border-radius: 20px;float: left; margin: 0 6px 10px 0;background: #F2F2F2;} .hotword-box a:hover{color: #fff;background: #015637;} .new-bx2{padding: 0 5px 37px;background: #fff;margin-top: 20px;} .new-bx2-tit{font-size: 24px;color: #333;line-height: 65px;border-bottom: 1px solid #E6E6E6;padding-left: 10px;} .new-bx-lb{padding: 18px 10px 0;} .new-bx-lb .swiper-wrapper{padding-bottom: 20px;} .new-bx-lb .swiper-slide{} .new-bx-lb .swiper-slide .img{width: 100%;height: 205px;} .new-bx-lb .swiper-slide .tit{font-size: 16px;color: #666;line-height: 34px;} .new-bx-lb .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0px;l} .new-bx-lb .swiper-pagination-bullet{width: 5px;height: 5px;opacity: 1;background: #D9D9D9;} .new-bx-lb .swiper-pagination-bullet-active{background: #015637;} .new-bx-lb .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;} .infocenter_index2_r1{background: #fff;padding: 0 5px;} .infocenter_index2_r1 p{ font-size: 24px; color: #333; padding: 0 10px; border-bottom: 1px solid #E6E6E6; height: 65px; line-height: 65px; } .infocenter_index2_r1 li{ height: 38px; line-height: 38px; border-bottom: 1px dashed #ccc;padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .infocenter_index2_r1 li:last-child{border-bottom: none;} .infocenter_index2_r1 ul{padding: 10px 0;} .infocenter_index2_r1 li a{color: #4c4c4c;font-size: 15px;} .infocenter_index2_r1 li a:hover{color: #008C77;} .infocenter_index2_r2{ padding: 0 5px 1px 5px; margin-top: 20px;background: #fff; } .infocenter_index2_r2 p{ font-size: 24px; color: #333; padding: 0 10px; border-bottom: 1px solid #E6E6E6; height: 65px; line-height: 65px;margin-bottom: 20px; } .infocenter_index2_r2_con{ margin-bottom: 20px;padding: 0 10px;} .infocenter_index2_r2_img{ width: 146px; height: 104px;background-position: center; background-repeat: no-repeat;background-size: cover; } .infocenter_index2_r2_con a{ display: block; width: calc(100% - 166px); font-size: 16px; color: #333; margin-left: 20px; line-height: 30px; } .infocenter_index2_r2_con a:hover{ color: #008C77; cursor: pointer; } .infocenter_index2 .page{margin-top: 30px;text-align: left;} /*新闻详情页*/ .new_detail_l{width: 70%;background: #fff;padding: 25px 20px 88px 20px;} .new_detail_l .top h1{ font-size: 30px;color: #333;line-height: 43px;margin-bottom: 8px} .new_detail_l .top .data{padding-bottom:25px; border-bottom:1px solid #d6d6d6;} .new_detail_l .top .time{font-size:13px; color:#888; line-height:2; margin-top:3px; margin-right:10px;} .new_detail_l i.share_icon {background: url(../images/share.png) no-repeat center;} .new_detail_l i{ display:block;float: left;height: 16px;margin: 7px 5px 0 10px;width:16px;} .bdshare-button-style0-16 .bds_weixin{background: url(../images/wechat-icon.png) no-repeat center;background-size: 24px; background-position: center !important;width: 30px;height: 30px;margin: 0 6px 0 0;} .bdshare-button-style0-16 .bds_tsina{background: url(../images/weibo-icon.png) no-repeat center;background-size: 24px; background-position: center !important;width: 30px;height: 30px;margin: 0 6px 0 0;} .bdshare-button-style0-16 .bds_qzone{background: url(../images/qqone-icon.png) no-repeat center;background-size: 24px; background-position: center !important;width: 30px;height: 30px;margin: 0 6px 0 0;} .bdshare-button-style0-16 .bds_douban{background: url(../images/dou-icon.png) no-repeat center;background-size: 24px; background-position: center !important;width: 30px;height: 30px;margin: 0 6px 0 0;} .bdshare-button-style0-16 .bds_renren{background: url(../images/renren-icon.png) no-repeat center;background-size: 24px; background-position: center !important;width: 30px;height: 30px;margin: 0 6px 0 0;} .new_detail_l a{margin:0 7px 0 0;} .new_detail_l .top .data .det_back{font-size:12px; color:#999999; line-height:2; margin-right: 10px; } .new_detail_l .top .data .det_back:hover{color:#008C77;} .new_detail_l .top .data .det_back i.back{width:16px; height:13px; display:block; margin-top:5px; margin-left:10px;} .new_detail_l .con{font-size:14px; color:#666; line-height:1.857; text-align:justify; padding:25px 0px 20px 0px; min-height: 508px;} .new_detail_l .con p{margin-bottom: 20px;line-height: 35px;color: #666;font-size: 18px;} .new_detail_l .con img{max-width:100%; margin:20px auto;display: block;} .newsDet_page{border-top:2px solid #D8D8D8; border-bottom:2px solid #D8D8D8; padding:10px 0px;margin-top: 40px;} .newsDet_page a{font-size:17px; color:#666; display:block; line-height:2.3;} .newsDet_page a b{font-size:18px; color:#666;font-weight: normal;} .newsDet_page a:hover, .newsDet_page a:hover b{color:#008C77;} /*招商加盟*/ .joincon{padding: 75px 0 0 0;} .joincon1{padding-bottom: 98px;} .joincon1 .tit{font-size: 40px;color: #333;text-align: center;} .joincon1 .en{font-size: 16px;color: #999;text-align: center;margin: 10px 0 24px 0;} .joincon1 .p1{font-size: 17px;color: #666;line-height: 23px;text-align: center;} .joincon1 .joins-form{margin-top: 68px;} .joincon1 .joins-form .pic{ width:53%; height: 340px; position:relative; overflow:hidden; float:left; } .joincon1 .joins-form .pic img{ -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; display: none;} .joincon1 .joins-form .pic .layer{ width:100%; height:100px; position:absolute; bottom:0; left:0; right:0; padding:0px 40px; } .joincon1 .joins-form .pic .layer h2{ font-size:24px; color:#fff; line-height:1.833; position:relative; z-index:40; } .joincon1 .joins-form .pic .layer p{ font-size:14px; color:#fff; line-height:1.929; position:relative; z-index:40; } .product-main .joins-form .pic .layer:before { width:100%; height:100%; position:absolute; top:0; left:0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; background-color:rgba(0, 0, 0, 0); background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000)); background -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000); background:-ms-linear-gradient(top, rgba(0, 0, 0, 0), #000); opacity:0.4; content:" "; z-index:30; } .joincon1 .joins-form .pic .layer:hover:before{ opacity:1; } .joincon1 .joins-form .form-box{ width:47%; height: 340px; border:1px solid #dedede; border-left:0; border-radius:0px 2px 2px 0px; float:right; padding:50px 0px 40px 70px; } .joincon1 .joins-form .form-box .row{ margin-bottom:15px; } .joincon1 .joins-form .form-box .text{ width:428px; height:38px; border:1px solid #dedede; background:none; font-size:13px; color:#666; line-height:38px; padding-left:10px; } .joincon1 .joins-form .form-box .text::-webkit-input-placeholder { color:#666; } .joincon1 .joins-form .form-box .text:-moz-placeholder { color:#666; } .joincon1 .joins-form .form-box .text::-moz-placeholder { color:#666; } .joincon1 .joins-form .form-box .text:-ms-input-placeholder { color:#666; } .joincon1 .joins-form .form-box #joins{ width:428px; } .joincon1 .joins-form .form-box #joins .text{ width:205px;} .joincon1 .joins-form .form-box #joins .text:last-child{ float:right; } .joincon1 .joins-form .form-box .type-row{ width:428px; } .joincon1 .joins-form .form-box .type-row textarea{width: 100%;height: 76px;border: 1px solid #dedede;resize: none;padding: 10px;} .joincon1 .joins-form .form-box .type-row .layui-form-select .layui-input{ color:#666; border-radius:0; } .joincon1 .joins-form .form-box .joins-btn{ width:157px; height:40px; border-radius:20px; background:#008C77; border:1px solid #008C77; font-size:14px; color:#fff; margin-top:8px; cursor:pointer; } .joincon1 .joins-form .form-box .joins-btn:hover{ background:none; color:#008C77; } .joincon1 .joins-form .form-box .base-row{ width:428px; } .joincon1 .joins-form .form-box .base-row .text{ width:205px; } .joincon1 .joins-form .form-box .base-row .text:last-child{ float:right; } .joincon1 .city-picker-selector li.caller.active, .index4 .city-picker-selector li.caller.active:hover {background: #008C77;color: #fff;} .joincon1 .layui-form-select dl dd.layui-this {background-color: #008C77;color: #fff;} .once_select{position: relative;z-index: 10;width: 205px;height: 38px;background: #fff;float: left;margin-right: 18px;border: 1px solid #dedede;} .once_select:nth-child(2){margin-right: 0;} .once_select p{padding: 0 12px;font-size: 14px;color: #232323;line-height: 38px;white-space: nowrap; background: url('../images/coating_arrow.png') no-repeat right 10px center;cursor: pointer;} .once_select ul{position: absolute;left: 0;bottom: 38px;background: #fff;z-index: 20;display: none;width: 100%;overflow-y: scroll; max-height: 215px;white-space: nowrap;border: 1px solid #dedede;} .once_select ul li{padding: 0 12px;font-size: 14px;color: #232323;line-height: 38px;cursor: pointer;} .joincon2{width: 100%;height: 320px;background: url(../images/index4-bg.jpg) no-repeat center;background-size: cover; background-attachment: fixed;} .joincon2-dialog{width: 100%;height: 100%;padding: 105px 0 0 0;background: rgba(0,0,0,0.3);color: #fff;text-align: center;} .joincon2 .tit{font-size: 40px;} .joincon2 .en{font-size: 16px;line-height: 23px;margin: 4px 0 20px 0;color: rgba(255,255,255,0.8);} .joincon2 p{font-size: 17px;line-height: 23px;} .joincon3{width: 100%;padding: 65px 0;text-align: center;background: url(../images/dev-mon.jpg) no-repeat;background-position: bottom center; background-size: contain;} .joincon3 .tit{font-size: 30px;color: #333;margin-bottom: 65px;} .joincon3 img{max-width: 100%;} .joincon3 img.dev-img-mb{display: none;} .joincon4{width: 100%;height: 736px;position: relative;} .joincon4-dialog{width: 100%;height: 100%;background: rgba(0,0,0,0.7);position: absolute;top: 0;padding-top: 110px;} .joincon4-tit{font-size: 40px;color: #fff;text-align: center;margin-bottom: 22px;} .joincon4-tit1{font-size: 16px;color: #fff;text-align: center;} .joincon4-con{height: auto;margin: 60px auto 0 auto;} .joincon4-box{} .joincon4-box .joincon4-box-img{width: 100%;height: 230px;} .joincon4-box .joincon4-box-tit{font-size: 24px;color: #fff;margin: 24px 0 5px 0;} .joincon4-box p{font-size: 15px;color: #fff;line-height: 26px;} .joincon4 .swiper-pagination-bullet{background: #fff;opacity: 1;} .joincon4 .swiper-pagination-bullet-active{background: #008c77;} .joincon5{width: 100%;position: relative;padding: 85px 0 195px 0;} .joincon5-tit{font-size: 40px;color: #333;text-align: center;margin-bottom: 42px;} .joincon5-black{width: 1540px;height: 395px;background: #008C77;margin: 0 auto;position: relative;padding-top: 54px;} .joincon5-desc{font-size: 24px;color: #fff;text-align: center;margin-bottom: 22px;} .joincon5-black p{color: #fff;font-size: 15px;line-height: 22px;width: 795px;text-align: center;margin: 0 auto;} .joincon5-con{margin-top: 58px;} .joincon5-con .swiper-slide{height: 285px;} .joincon5 .swiper-pagination-bullet{background: #fff;opacity: 1;} .joincon5 .swiper-pagination-bullet-active{background: #008c77;} .joincon6{width: 100%;padding: 80px 0 86px 0;background: #F8F8F8;} .joincon6-tit{font-size: 40px;color: #333;text-align: center;margin-bottom: 3px;} .joincon6-en{font-size: 14px;color: #999;text-align: center;line-height: 23px;} .join6-con1{display: flex;align-items: center;justify-content: center;margin-top: 55px;} .join6-con2{display: flex;align-items: center;justify-content: center;margin-top: 30px;} .join6-box{text-align: center;margin: 0 72px;} .join6-con1 .join6-box{text-align: center;/*margin: 0 62px;*/} .join6-box span{font-size: 23px;display: block;color: #008c77;line-height: 42px;} .join6-center{text-align: center;margin: 0 62px;} .join6-center .tit{width: 80px;height: 80px;border-radius: 100%;background: #008c77;line-height: 80px;margin: 0 auto;} .join6-center .tit img{height: 43px;} .join6-center span{font-size: 23px;display: block;color: #008c77;line-height: 42px;} .join6-con3,.join6-con4{display: none;} .joincon7{width: 100%;padding: 76px 0 86px 0;background: url(../images/joincon7-bg.jpg) no-repeat center;background-size: cover;height: 615px;text-align: center;} .joincon7-tit{font-size: 40px;color: #333;text-align: center;margin-bottom: 3px;} .joincon7-en{font-size: 14px;color: #999;text-align: center;line-height: 23px;margin-bottom: 56px;} .joincon7 img{max-width: 100%;} .joincon8{width: 100%;height: 900px;position: relative;padding-top: 163px;} .joincon8-con{width: 1400px;height: 486px;background: #fff;margin: 0 auto;padding-top: 85px;} .joincon8-line{width: 85px;height: 5px;background: #008c77;margin: 0 auto 32px auto;position: relative;z-index: 2;} .joincon8-tit{font-size: 40px;color: #232323;text-align: center;margin-bottom: 12px;position: relative;z-index: 2;} .joincon8-tit1{font-size: 18px;color: #232323;text-align: center;line-height: 34px;} .joincon8-img-mb{display: none;margin-bottom: 0.3rem;} .joincon8-box{margin: 62px auto 0 auto;width: 1246px;height: 328px;} .joincon8-box-lan{width: 565px;margin: 0 29px;height: 100%;position: relative;} .joincon8-box-dialog{position: absolute;top: 0;width: 100%;height: 100%;background: rgba(0,140,119,0.9);padding: 70px 48px 0 48px;} .joincon8-box-dialog .tit{font-size: 22px;color: #fff;margin-bottom: 15px;} .joincon8-box-dialog .tit i{display: inline-block;width: 18px;height: 18px;background: #fff;margin-right: 16px;} .joincon8-box-dialog p{font-size: 18px;line-height: 34px;color: #fff;} .joincon9{width: 100%;padding: 96px 0 103px 0;position: relative;} .joincon9-tit{font-size: 40px;color: #232323;text-align: center;margin-bottom: 15px;position: relative;z-index: 2;} .joincon9-tit1{font-size: 18px;color: #232323;text-align: center;line-height: 34px;} .joincon9-con{margin: 35px auto 0 auto;width: 1184px;height: auto;} .joincon9-con1 .img{width: calc(25% - 5px);height: 100%;margin-right: 5px;margin-bottom: 7px;height: 210px;} .joincon9-con1 .img:nth-child(4n){margin-right: 0;} .joincon9-con2 .img{width: calc(33.3% - 6px);height: 100%;margin-right: 7px;height: 210px} .joincon9-con2 .img:nth-child(3n){margin-right: 0;} .joincon10{width: 100%;height: 443px;padding-top: 75px;} .joincon10-con{height: 100%;position: relative;} .joincon10-dialog{width: 620px;height: 290px;background: rgba(0,0,0,0.6);position: absolute;top: 0;left: 0;padding: 60px 0 0 80px;} .joincon10-con .tit1{font-size: 40px;color: #fff;font-weight: lighter;} .joincon10-con .tit2{font-size: 24px;color: #fff;font-weight: lighter;} .joincon10-con .tit3{font-size: 40px;color: #fff;font-weight: bold;margin: 8px 0;} .joincon10-con .tit4{font-size: 27px;color: #fff;font-weight: lighter;} /*品牌实力*/ .brandcon{} .brandcon1{padding: 75px 0 70px 0;} .brandcon1-con{text-align: center;} .brandcon1-con .tit{font-size: 40px;color: #333;margin-bottom: 10px;} .brandcon1-con .tit1{font-size: 26px;color: #333;padding-bottom: 40px;border-bottom: 1px solid #D2D2D2;} .brandcon1-con .tit2{font-size: 30px;color: #333;margin-top: 45px;margin-bottom: 5px;} .brandcon1-con .en{font-size: 15px;color: #999;line-height: 28px;margin-bottom: 15px;} .brandcon1-con p{font-size: 17px;color: #666;line-height: 26px;margin: 0 auto 10px;} .brandcon1-con p.p1{width: 945px;} .brandcon1-con p.p2{width: 1080px;} .brandcon2{width: 100%;background: url(../images/index5-bg.jpg) no-repeat center;padding: 65px 0 100px 0;background-size: cover;} .brandcon2-tit{font-size: 34px;color: #fff;text-align: center;margin-bottom: 22px;} .brandcon2 p{font-size: 17px;color: #fff;line-height: 35px;width: 960px;margin: 0 auto;text-align: center;} .brandcon2 .swiper-slide{width: auto;height: 316px;line-height: 316px;} .brandcon2 .swiper-slide img{max-width: 250px;max-height: 316px;} .brandcon2-lunbo{position: relative;margin-top: 70px;padding: 0 10px;} .brandcon2-lunbo .swiper-button-next, .brandcon2-lunbo .swiper-button-prev{width: 40px;height: 72px;margin-top: -36px;background-size: 20px 36px;} .brandcon2-lunbo .swiper-button-next{background-image: url(../images/lunbo-next.png);right: -62px;} .brandcon2-lunbo .swiper-button-prev{background-image: url(../images/lunbo-prev.png);left: -62px;} .brandcon2-lunbo .swiper-pagination{width: 100%;bottom: -30px;} .brandcon2-lunbo .swiper-pagination-bullet{margin: 0 5px;} .brandcon2-lunbo .swiper-pagination-bullet{background: #fff;} .brandcon3{width: 100%;position: relative;} .brandcon3-dialog{width: 100%;background: rgba(0,0,0,0.7);padding: 82px 0 86px 0;} .brandcon3-line{width: 85px;height: 5px;background: #008c77;margin: 0 auto 32px auto;position: relative;z-index: 2;} .brandcon3-tit{font-size: 40px;color: #fff;text-align: center;margin-bottom: 22px;} .brandcon3-tit1{font-size: 16px;color: #fff;text-align: center;} .brandcon3-con{height: auto;margin: 55px auto 0 auto;} .brandcon3-box{} .brandcon3-box .brandcon3-box-img{width: 100%;height: 200px;} .brandcon3-box .brandcon3-box-tit{font-size: 24px;color: #fff;margin: 24px 0 15px 0;} .brandcon3-box p{font-size: 13px;color: rgba(255,255,255,0.8);line-height: 23px;padding-right: 18px;} .brandcon3 .swiper-pagination-bullet{background: #fff;opacity: 1;} .brandcon3 .swiper-pagination-bullet-active{background: #008C77;} .brandcon4{width: 100%;height: 790px;background: url(../images/index4-bg.jpg) no-repeat center;background-size: cover;background-attachment: fixed; position: relative;} .brandcon4-dialog{position: absolute;top: 0;width: 100%;height: 100%;padding: 86px 0 0 0;background: rgba(0,0,0,0.3);} .brandcon4-tit{text-align: center;color: #fff;font-size: 34px;line-height: 40px;margin-bottom: 22px;} .brandcon4-tit1{font-size: 16px;text-align: center;color: #fff;line-height: 30px;width: 1116px;margin: 0 auto;} .brandcon4-con{background: #fff;height: 280px;position: absolute;bottom: 0;width: 100%;} .brandcon4-box{margin-top: -175px;} .brandcon4-box .swiper-slide .img{width: 100%;height: 335px;} .brandcon4-box .swiper-slide .tit{font-size: 24px;color: #333;line-height: 66px;} .brandcon4-box .swiper-pagination-bullet-active{background: #015637;} .brandcon4-box .swiper-pagination{display: none;} .brandcon5{background: #008C77;padding: 70px 0 62px 0;} .brandcon5 .tit{text-align: center;color: #fff;font-size: 34px;margin-bottom: 25px;} .brand5-top{border-bottom: 1px solid #66BAAD;text-align: center;} .brand5-top span{display: inline-block;margin: 0 12px;padding: 0 12px;line-height: 60px;font-size: 17px;color: #fff;cursor: pointer;} .brand5-top span.on{color: #b4ff00;border-bottom: 3px solid #b4ff00;} .brand5-top span:hover{color: #b4ff00;} .brand5-con{margin-top: 40px;} .brand5-box{position: relative;display: none;} .brand5-box .swiper-slide{height: 260px;} .brand5-box .swiper-button-next, .brand5-box .swiper-button-prev{width: 48px;height: 92px;margin-top: -85px;background-size: 24px 46px;} .brand5-box .swiper-button-next{background-image: url(../images/brand5-next.png);right: -82px;} .brand5-box .swiper-button-prev{background-image: url(../images/brand5-prev.png);left: -82px;} .brand5-box .swiper-pagination-bullet-active{background: #fff;} .brand5-box p{font-size: 15px;line-height: 27px;color: #fff;width: 760px;margin: 16px auto 0; text-align: center;} .brandcon6{padding: 65px 0 50px 0;} .brandcon6 .tit{text-align: center;color: #333;font-size: 34px;margin-bottom: 22px;} .brandcon6 p{text-align: center;color: #666;font-size: 34px;font-size: 16px;} .brandcon6-con{} .brandcon6-con1 .img{width: 100%;margin-bottom: 20px;height: 455px;margin-top: 32px;} .brandcon6-con2 .img{width: calc(33.3% - 17px);margin-right: 25px;height: 265px} .brandcon6-con2 .img:nth-child(3n){margin-right: 0;} .brandln{height: 240px;background: #008C77;padding-top: 48px;color: #fff;} .brandlncon{} .blnbox{padding-left: 65px;float: left;border-right: 1px solid #129481;} .blnbox1{padding-left: 0;width: 170px;} .blnbox2{width: 275px;} .blnbox3{width: 290px;} .blnbox4{width: 270px;} .blnbox5{width: 270px;border-right: none;} .blnbox span{font-size: 16px;padding-left: 5px;} .blnbox .tit{font-size: 70px;line-height: 96px;font-family: cursive;} /*全国门店*/ .stores{background: #f1f2f3;padding-bottom: 75px;} .sites{font-size: 14px;color: #999;line-height: 55px;padding-top: 10px;border-bottom: 1px solid #e6e6e6;} .sites a{display: block;float: left;color: #999;} .sites span{display: block;float: left;margin-left: 5px;} .stores-main{margin-top: 40px;} .stores-main .title{font-size: 40px;color: #333;text-align: center;line-height: 60px;margin-bottom: 22px;} .stores-search{width: 1260px;margin: 0 auto;padding-bottom: 54px;} .stores-search-top{margin-bottom: 22px;} .com-select{position: relative;z-index: 10;width: 250px;height: 50px;border:1px solid #e5e5e5;background: #fff;float: left;margin-right: 10px;} .wordtext{width: 100%;height: 100%;text-indent: 10px;border: none;} .com-select p{font-size: 14px;color: #333;line-height: 48px;padding: 0 21px 0 11px;cursor: pointer;background: url(../images/select-arrowb.png) no-repeat calc(100% - 10px) center;} .com-select ul{position: absolute;left: -1px;top: 48px;background: #fff;border:1px solid #e5e5e5;z-index: 20;width: 100%;max-height: 180px;overflow-y: scroll;display: none;} .com-select ul li{font-size: 14px;color: #666;line-height: 36px;padding: 0 11px;cursor: pointer;} .com-select ul li:hover{color: #015637;} .sites .left{ float: left; } .sites .right{ height: 55px; float: right; } .sites .right .item{ text-align: center; box-sizing: border-box; width: 70px; height: 55px; padding: 0px 9px; margin-left: 30px; float: left; cursor: pointer; } .sites .right .green{ color: #008c77; border-bottom: 2px solid #008c77; } .sites .right .item:hover a{ color: #008c77; } .sites .right .item:hover{ color: #008c77; } .province-select, .city-select, .area-select, .cate-select{width: 200px;} .stores-search .btn{display: block;width: 160px;height: 50px;background: #008c77;font-size: 18px;color: #fff;float: right;border:none;} .city-hot{text-align: center;width: 930px;margin: 0 auto;} .city-link{display: inline-block;*display: inline;*zoom:1;} .city-link a, .city-link span{font-size: 15px;color: #333;line-height: 32px;} .city-link span{margin: 0 5px;color: #ccc;} .city-link .name{margin: 0;color: #333;} .city-link a:hover{color: #008c77;} .stores-list{width: 390px;float: left;background: #fff;height: 810px;padding: 27px 11px 0 23px;} .result-top .name{font-size: 24px;color: #333;line-height: 49px;border-bottom: 1px solid #ccc;margin-right: 26px;} .result-top .num{font-size: 15px;color: #333;line-height: 29px;} .result-top .num span{color: #008c77;} .swiper-stores{position: relative;height: 655px;margin-top: 30px;} .swiper-stores .swiper-slide{height: auto;} .swiper-stores .swiper-scrollbar{right: 1px;top: 0;width: 1px;height: 100%;background: #e6e6e6;} .swiper-stores .swiper-scrollbar-drag{width: 3px;background: #008c77;left: -1px;} .stores-item{padding-bottom: 25px;border-bottom: 1px dashed #e5e5e5;margin:0 10px 20px 0;cursor: pointer;} .stores-item h5{font-size: 20px;color: #008c77;line-height: 20px;font-weight: normal;margin-bottom: 10px;} .stores-item h5 i{display: block;float: left;width: 16px;height: 20px;background: url('../images/address.png') no-repeat;margin-right: 12px;} .stores-item .txt{font-size: 15px;color: #333;line-height: 26px;margin:0 30px 0 28px;} .stores-item .send{display: block;width: 200px;height: 35px;background: #008c77;font-size: 16px;color: #fff;line-height: 35px;text-align: center;margin: 10px 0 0 28px;border-radius: 2px;} .map-main{width: calc(100% - 410px);float: right;height: 810px;background: #fff;box-sizing: border-box;padding: 18px;} .map-main #map{width: 100%;height: 774px;} .stores .imgBg{background-repeat: no-repeat;background-position: center center;background-size: cover;} .stores-other{margin-top: 20px;} .stores-pro{width: calc(100% - 365px);height: 580px;box-sizing: border-box;padding: 22px 30px 0;background: #fff;float: left;} .stores-other .name{font-size: 18px;color: #333;line-height: 20px;height: 20px;border-left: 2px solid #00816e;padding-left: 10px;margin-bottom: 20px;} .stores-pro li{float: left;width: 31%;margin: 0 3.5% 23px 0;} .stores-pro li:nth-child(3n){margin-right: 0;} .stores-pro li a{display: block;width: 100%;} .stores-pro li .pic{width: 100%;height: 190px;margin-bottom: 5px;overflow: hidden;} .stores-pro li .imgBg{width: 100%;height: 190px;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;} .stores-pro li p{font-size: 15px;color: #333;line-height: 33px;height: 33px;} .stores-pro li:hover .imgBg{transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);} .stores-pro li:hover p{color: #008c77;} .stores-active{width: 355px;height: 580px;background: #fff;box-sizing: border-box;padding: 22px 15px 0;float: right;} .stores-active ul{border-top: 1px solid #e6e6e6;padding-top: 18px;} .stores-active ul li{margin-bottom: 20px;height: 104px;} .stores-active ul li a{display: block;width: 100%;} .stores-active ul li .pic{width: 45.23%;height: 104px;float: left;} .stores-active ul li .txt{width: 48.62%;float: right;font-size: 16px;color: #333;line-height: 30px;box-sizing: border-box;padding-right: 10px;} .stores-active ul li:hover .txt{color: #008c77;} .storeszz{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top: 0;z-index: 222;display: none;} .dialogcon{width: 640px;height: 350px;position: absolute;top: 50%;left: 50%;margin-left: -320px;margin-top: -175px;background: #fff;} .dialogcon .tit{width: 100%;padding: 18px 30px;color: #fff;background: #008C77;font-size: 20px;} .dialogcon form{width: 100%;padding: 50px 0 0 70px;} .dialogcon span{font-size: 16px;color: #333;line-height: 50px;float: left;width: 100px;text-align:right;} .dialogcon input[type="text"]{width: 390px;float: left;height: 50px;padding-left: 10px;border: 1px solid #D2D2D2;margin-left: 13px;} .dialogcon input[type="text"].yzmcode{width: 145px;} .dialogcon .rowbtn{width: 160px;height: 50px;font-size: 16px;color: #fff;float: left;border: none;} .dialogcon .rowbtn1{background: #00816E;margin-left: 110px;} .dialogcon .rowbtn2{background: #666666;margin-left: 20px;} .dialogcon .row{margin-bottom: 10px;} .dialogcon .row1{margin-top: 30px;} .stoclose{position: absolute;right: 20px;top: 11px;width: 20px;width: 40px;height: 40px;background: url(../images/stoclose.png) no-repeat center;cursor: pointer;} .stoclose:hover{opacity: 0.7;} .cater-detail-pop{position:fixed; width:100%; height:100%; background:#fff; top:0; left:0; right:0; bottom:0; z-index:10000; overflow:auto; -webkit-transition: visibility 0.25s ease, opacity 0.25s ease; -moz-transition: visibility 0.25s ease, opacity 0.25s ease; -ms-transition: visibility 0.25s ease, opacity 0.25s ease; -o-transition: visibility 0.25s ease, opacity 0.25s ease; transition: visibility 0.25s ease, opacity 0.25s ease; display:none; } .cater-pro-1 .cater-pro-txt .tr{padding-left:0.9rem;} .cater-detail-pop.show{display:block;} .cater-detail-pop .close{width:62px; height:62px; border:1px solid #ccc; position:fixed; top:50px; right:120px;} .cater-detail-pop .close .in{position: absolute;left:50%; top:50%; width:30px; height:30px; margin:-15px; cursor:pointer;background: #fff;} .cater-detail-pop .close .in span{display:inline-block; position:absolute; left:50%; top:50%; width:30px; height:1px; margin:-1px 0 0 -15px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition:-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition:transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1);} .cater-detail-pop .close .in span:last-child {-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} .cater-detail-pop .close span::before, .cater-detail-pop .close span::after{content:""; display:inline-block; position:absolute; width:100%; height:100%; -webkit-transition:-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1); transition:transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);} .cater-detail-pop .close span::before{background-color:#b3b3b3; opacity:1;} .cater-detail-pop .close span::after{background-color:#333; opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0);} .cater-detail-pop .close span:last-child::before, .cater-detail-pop .close span:last-child::after{-webkit-transition-delay:.18s; transition-delay:.18s;} .cater-detail-pop .close .in:hover span::before{opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0);} .cater-detail-pop .close .in:hover span::after{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} .cater-detail-pop .container{width:1100px; margin-top:50px;} .cater-detail-pop .pic{height:310px;} .cater-detail-pop .pop-wrap{margin:50px 0px;} .cater-detail-pop .pop-wrap .share{width:82px;} .cater-detail-pop .pop-wrap .share a{width:40px; height:40px; display:block; float:left; position:relative; margin-right:1px; margin-bottom:1px; padding:0; background:none; margin-top:0; margin-left:0;} .cater-detail-pop .pop-wrap .share a i{display:block; background:url("../images/share.png") no-repeat; position:absolute; width:25px; height:25px; margin-top:10px; margin-left:7px;} .cater-detail-pop .pop-wrap .share .bds_weixin{background-color:#53bd8f; background-position:0px 0px;} .cater-detail-pop .pop-wrap .share .bds_tsina{background-color:#dc4e41; background-position:0px 0px;} .cater-detail-pop .pop-wrap .share .bds_qzone{background-color:#4e69a2; background-position:0px 0px;} .cater-detail-pop .pop-wrap .share .bds_renren{background-color:#e5b14c; background-position:0px 0px;} .cater-detail-pop .pop-wrap .share .wx i{background-position:0px 0px;} .cater-detail-pop .pop-wrap .share .sina i{background-position:-40px 0px;} .cater-detail-pop .pop-wrap .share .qzone i{background-position:0px -40px;} .cater-detail-pop .pop-wrap .share .renren i{background-position:-40px -40px;} .cater-detail-pop .pop-wrap .share a:hover{background:#333;} .cater-detail-pop .det{width:970px;} .cater-detail-pop .det .top .time{font-size:18px; color:#666; text-transform:uppercase; line-height:0.778; margin-bottom:75px; display:block;} .cater-detail-pop .det .top h1{ font-size:28px; color:#060606; line-height:0.893; margin-bottom:20px;} .cater-detail-pop .det .top .line{display:block; width:60px; height:4px; background:#8fc31f; margin-bottom:40px;} .cater-detail-pop .det p{font-size:16px; color:#333; line-height:1.813;} .cater-detail-pop .det img{max-width:100%; display:block; margin:30px 0px;} .cater-detail-pop .enroll{ width:100%; border-top:1px solid #ddd; margin-top:30px; padding-top:20px; } .cater-detail-pop .det .con table {width: 600px !important;} .cater-detail-pop .det .con table td{border:1px solid #ebebeb !important;font-size: 14px !important;color: #2d2d2d !important;height: 42px !important;width: 300px !important;} .cater-detail-pop .det .con table tr:first-child td{color: #fff !important;border:none !important;background-color: #9bc844 !important;text-align: center !important;} /*预约报名*/ .indexBaoming-wrap{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:9999;display:none} #indexBaoming{width:740px;height:460px;position:fixed;left:50%;top:50%;margin-left:-370px;margin-top:-230px;border:8px solid #008C77; z-index:9999;padding-top: 50px;background: url(../images/inb-bg.jpg) no-repeat center;background-size: cover;} #indexBaoming .tit{font-size: 45px;color: #333;line-height: 55px;text-align: center;} #indexBaoming .tit span{font-size: 55px;color: #008C77;font-weight: bold;} #indexBaoming .tit1{color: #6C6C6C;font-size: 16px;text-align: center;margin: 5px 0 25px 0;} #indexBaoming form{width: 100%;padding-left: 100px;} #indexBaoming form .row{margin-bottom: 15px;} #indexBaoming form .row span{float: left;width: 90px;text-align: center;line-height: 45px;font-size: 14px;color: #333;} #indexBaoming form .row .row1-input{float: left;width: 170px;height: 45px;border: none;border-radius: 0px;background: #fff;text-indent: 10px;} #indexBaoming form .row .row3-input{float: left;width: 134px;height: 45px;border: none;border-radius: 0px;background: #fff;text-indent: 10px;} #indexBaoming form .row img{float: left;margin-left: 12px;} #indexBaoming form .row select{width: 209px;margin-right: 12px;float: left;height: 45px;border: none;border-radius: 0px;text-indent: 10px; background: url(../images/select-arrowb.png) no-repeat right 10px center;background-color: #fff;} #indexBaoming form .row select.bmcity{margin-right: 0px;} .indexbm-sub{margin: 35px 0 0 145px;width: 245px;height: 50px;border-radius: 50px;color: #fff;background: #008C77;font-size: 22px;border: none;display: block;} .indexbm-sub:hover{background: #065247;} .closebm{width: 30px;height: 30px;background: url(../images/bmclose.png) no-repeat center;position: absolute;right: 16px;top: 16px;cursor: pointer;} .closebm:hover{background: url(../images/bmclose-hover.png) no-repeat center;} #indexBaoming .tit2{color: #666;font-size: 14px;text-align: center;margin-top: 20px;} #indexBaoming .tit2 i{font-style: normal;color: #f00; position: relative;line-height: 1px;top: 12px;margin-right: 5px;font-size: 30px;} .login-cont{width: 100%;margin: 20px auto 0;box-shadow: 0px 1px 30px 0px rgba(242, 230, 214, 0.5);border-radius: 4px;overflow: hidden;} .login-cont .pic{float: left;width: 57.62%;height: 300px;background: url('../images/login_pic.jpg') no-repeat center center;background-size: cover;} .login-cont .main{background: #fff;width: 42.38%;float: right;height: 300px;overflow: hidden;box-sizing: border-box;padding: 40px 10px 0;} .login-cont .main h3{font-size: 42px;font-weight: bold;line-height: 55px;text-align: center;} .login-cont .main .txt{font-size: 14px;color: #888;line-height: 28px;text-align: center;margin-bottom: 42px;} .login-item{width: 280px;margin: 0 auto 20px;} .login-item .login-text{border:1px solid #ececec;height: 44px;width: 100%;padding: 0 14px;background: #f9f9f9;font-size: 14px;color: #d8d8d8;border-radius: 2px;} .login-item .login-text::-webkit-input-placeholder { color:#d8d8d8; } .login-item .login-text:-moz-placeholder { color:#d8d8d8; opacity:1; } .login-item .login-text::-moz-placeholder { color:#d8d8d8; opacity:1; } .login-item .login-text:-ms-input-placeholder { color:#d8d8d8; } .login-item .login-text::-ms-input-placeholder { color:#d8d8d8; } .login-item .login-vcode{width: 168px;float: left;} .login-item .login-send{display: block;border:none;width: 100px;height: 44px;background: #c2c2c2;text-align: center;line-height: 44px;font-size: 14px;color: #fffefe;border-radius: 2px;float: right;} .login-bot{margin-top: 40px;} .login-bot .login-btn{width: 150px;height: 44px;border:none;background: #8fc31f;font-size: 14px;color: #fffefe;border-radius: 2px;margin: 0 auto;display: block;} .login-bot .login-btn:hover{background: #98d319;} .login-other .title{width: 225px;margin: 53px auto 25px;height: 11px;border-bottom: 1px solid #dedede;} .login-other .title p{font-size: 14px;color: #888;height: 22px;line-height: 22px;text-align: center;background: #fff;margin: 0 auto;width: 104px;} .other-list{text-align: center;} .other-list .wechat{display: inline-block;width: 40px;height: 40px;background: url('../images/login_icon.png') no-repeat #8fc31f;margin: 0 10px;border-radius: 50%;} .other-list .qq{background-position: 0 -40px;} .other-list .wechat:hover{background-color: #98d319;} .index7-sp{display: none;} .index7-sp .swiper-slide{width: 4.58rem;margin-bottom: 0.5rem;margin-right: 0.2rem;border-radius: .06rem; background: #fff;box-shadow: 0px 1px 0.2rem 0px rgba(154, 154, 154, 0.2);} .index7-sp .swiper-slide .tit{font-size: 0.26rem;line-height: 0.5rem;margin: 0.1rem 0;display: block;text-overflow: -o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;padding: 0 0.26rem;} .index7-sp .index7-spimg{height: 2.62rem;width: 100%;display: block;} .index7-sp .index7-spimg .img{width: 100%;height: 100%;border-top-left-radius: 0.05rem;border-top-right-radius: 0.05rem;} .index7-sp .swiper-slide span{font-size: 0.26rem;color: #666;padding: 0 0.15rem;display: none;} .index7-sp .swiper-slide span i{display: inline-block;background: url(../images/article.png) no-repeat center;margin-right: 3px;width: 0.6rem; height: 0.4rem;vertical-align: bottom;background-size: 0.34rem;} /*客户服务*/ .contactcon{padding: 100px 0 0 0;} .contactcon1{} .contactcon1-con{width: calc(33.33% - 27px);margin-right: 40px;background: #F7F7F7;height: 410px;} .contactcon1-con:nth-child(3){margin-right: 0;} .contactcon1-con .img{width: 150px;padding: 20px 0;margin: 0 auto;} .contactcon1-con .img img{display: block;width: 100%;} .contactcon1-con .txt{width: 100%;height: 205px;padding: 0px 20px 0;text-align: center;} .contactcon1-con .codeimg{padding: 45px 0 14px;text-align: center;} .contactcon1-con .codeimg img{width: 200px;} .contactcon1-con .txt .tit{font-size: 24px;color: #333;margin-bottom: 7px;} .contactcon1-con .txt p{font-size: 14px;line-height: 22px;color: #666;} .contactcon1-con .txt .lt{text-align: left;} .contactcon1-con .txt .lt strong{display: block;} .contact-map{width: 100%;height: 665px;margin-top: 88px;} .anchorBL{display: none;} .contactcon1-con a{display: block;margin: 28px auto 0;width: 120px;height: 40px;text-align: center;line-height: 40px;color: #fff;font-size: 15px; background: #008C77;border-radius: 4px;} .contactcon1-con a:hover{background: #056355;} .contactcon{padding: 1rem 0 0 0;} .ccon-mb{width: 100%;display: none;} .ccon-mb .box{width: 33.33%;padding: 0 0.2rem;text-align: center;} .ccon-mb .box img{max-width: 100%;} .ccon-mb .box .txt{margin-top: 0.25rem;} .ccon-mb .box .txt .tit{font-size: 0.3rem;margin-bottom: 0.1rem;} .ccon-mb .box .txt p{font-size: 0.24rem;line-height: 0.4rem;white-space: nowrap;} .ccon-mb .box .txt a{margin: 0.2rem auto 0;display: block;width: 80%; height: 0.6rem; text-align: center; line-height: 0.6rem; color: #fff; font-size: 0.26rem; background: #008C77; border-radius: 4px;} /*产品详情---舒曼系列*/ .kas-main .container{width: 1335px;} .swiper-kas .swiper-slide{} .swiper-kas .swiper-slide img{display: block;width: 100%;} .swiper-kas .swiper-pagination{bottom: 33px;} .swiper-kas .swiper-pagination .swiper-pagination-bullet{width: 18px;height: 18px;box-sizing: border-box;border:2px solid #fff;background: none;opacity: 1;margin: 0 12px;} .swiper-kas .swiper-pagination .swiper-pagination-bullet-active{background: #fff;} .swiper-kas .swiper-button-prev, .swiper-kas .swiper-button-next{left: 50%;width: 76px;height: 76px;background: url('../images/kas_arrow.png') no-repeat rgba(0, 0, 0, 0.25);margin-left: -744px;margin-top: -38px;border-radius: 50%;} .swiper-kas .swiper-button-next{margin-left: 744px;background-position: 0 -76px;} .kas-system{padding: 110px 0 152px;} .kas-system .top-tit{font-size: 20px;color: #333;line-height: 34px;text-align: center;font-weight: lighter;} .kas-system h3{font-size: 50px;color: #333;line-height: 70px;margin-top: 5px;text-align: center;font-weight: bold;} .kas-system .en{font-size: 62px;line-height: 68px;position: relative;z-index: -1;text-align: center;font-weight: lighter;margin-top: -35px;color: #eee;text-transform:Uppercase;} .kas-system .txt{font-size: 27px;color: #333;line-height: 48px;text-align: center;margin-top: 25px;} .kas-system .txt-en{font-size: 15px;color: #333;line-height: 27px;text-align: center;text-transform:Uppercase;margin-top: 15px;} .kas-system .line{width: 105px;height: 1px;background: #333;margin: 55px auto 45px;} .kas-system .pic img{display: block;width: 100%;} .kas-list{display: flex;justify-content:center;margin-top: 96px;} .kas-list .item{margin: 0 57px;text-align: center;} .kas-list .item img{display: block;width: 89px;margin: 0 auto 14px;} .kas-list .item .name{font-size: 22px;color: #333;line-height: 42px;} .kas-list .item p{font-size: 15px;color: #b5b5b5;line-height: 18px;text-transform:Uppercase;} .kas-bot{padding-top: 75px;position: relative;z-index: 0;} .kas-bot .pic{float: left;width: 57.53%;position: relative;z-index: 10;} .kas-bot .main{float: right;width: 42.47%;padding: 115px 0 0 60px;box-sizing: border-box;position: relative;z-index: 10;} .kas-bot .main .name{font-size: 27px;color: #333;font-weight: bold;line-height: 38px;} .kas-bot .main p{font-size: 14px;color: #858585;line-height: 24px;text-transform:Uppercase;} .kas-bot .main .info{font-size: 23px;color: #333;line-height: 39px;margin-top: 20px;} .kas-bot .main .b-line{left: -120px;top: 164px;width: 144px;height: 1px;background: #333;position: absolute;} .kas-bot .bg{width: calc(100% - 75px);left: 75px;bottom: 55px;position: absolute;height: 53px;background: #f2f2f2;z-index: 5;} .kas-main .tips-title{font-size: 16px;color: #3b3b3b;line-height: 28px;top: -16px;text-align: center;position: relative;} .kas-main .tips-title span{margin: 0 15px;} .kas-space{background: #f6f6f6;padding-bottom: 156px;} .kas-space .pic{margin-top: 110px;} .kas-space .pic img{display: block;width: 100%;} .kas-space .txt{font-size: 27px;color: #333;line-height: 50px;text-align: center;margin: 70px 0 80px;} .kas-space .img{width: 70.94%;margin: 0 auto;} .kas-space .img img{display: block;width: 100%;} .kas-space .main{width: 70.94%;margin: 55px auto 0;text-align: right;box-sizing: border-box;padding-right: 45px;position: relative;} .kas-space .main .line{width: 30px;height: 253px;background: url('../images/space_line.png') no-repeat;position: absolute;right: 68px;top: -257px;} .kas-space .main .name{font-size: 27px;color: #333;font-weight: bold;line-height: 37px;} .kas-space .main p{font-size: 14px;color: #858585;line-height: 24px;text-transform:Uppercase;} .kas-space .main .info{font-size: 23px;color: #333;line-height: 38px;margin: 5px -25px 0 0;} .kas-restaurant{padding-bottom: 147px;} .kas-restaurant .pic{margin-top: 110px;} .kas-restaurant .pic img{display: block;width: 100%;} .res-list{display: flex;justify-content: center;margin-top: 87px;} .res-list .item{box-sizing: border-box;width: 309px;height: 140px;padding: 10px;margin: 0 45px;background: #338b6c;} .res-list .item .main{border:2px solid #fff;height: 120px;box-sizing: border-box;padding-top: 30px;text-align: center;} .res-list .item .main .name{font-size: 27px;color: #fff;font-weight: bold;line-height: 38px;} .res-list .item .main p{font-size: 14px;color: #fff;line-height: 28px;text-transform:Uppercase;} .kas-hall{background: #f6f6f6;padding-bottom: 142px;} .kas-hall .pic{margin-top: 110px;} .kas-hall .pic img{display: block;width: 100%;} .kas-hall .txt{margin-top: 74px;font-size: 27px;line-height: 50px;color: #333;text-align: center;} .kas-balcony{padding-bottom: 121px;} .kas-balcony .pic{margin-top: 110px;} .kas-balcony .pic img{display: block;width: 100%;} .kas-balcony .txt{margin-top: 70px;font-size: 27px;line-height: 50px;color: #333;text-align: center;} .kas-data{background: #f6f6f6;padding: 124px 0 85px;} .kas-data .title{font-size: 42px;color: #333;text-align: center;line-height: 62px;font-weight: bold;} .kas-data p{font-size: 17px;color: #515151;text-align: center;line-height: 35px;text-transform:Uppercase;} .kas-data .info{font-size: 21px;color: #333;text-align: center;line-height: 32px;font-weight: lighter;margin-bottom: 32px;} .kas-data .pic{max-width: 1122px;margin: 0 auto 60px;} .kas-data .pic img{display: block;width: 100%;} /*产品详情---云端系列*/ .cloud-info{font-size: 27px;color: #333;line-height: 50px;text-align: center;margin: 75px 0;} .cloud-bot{margin: 97px auto 0;max-width: 1186px;} .cloud-bot .pic{float: left;width: 62.73%;} .cloud-bot .pic img{display: block;width: 100%;} .cloud-bot .main{float: right;box-sizing: border-box;width: 37.27%;padding: 84px 0 0 55px;} .cloud-bot .c-info{font-size: 27px;color: #333;line-height: 50px;} .cloud-bot .c-line{width: calc(100% + 170px);margin-left: -170px;height: 1px;background: #278165;margin-top: 37px;} .cloud-data{background: #fff;} /*产品详情---邂逅系列*/ .kas-kitchen .txt{font-size: 27px;line-height: 50px;color: #333;margin: 56px 0 62px;text-align: center;} .kitchen-list{max-width: 1186px;margin: 0 auto;} .kitchen-list .item{margin-bottom: 58px;} .kitchen-list .item:last-child{margin-bottom: 0;} .kitchen-list .item .img{float: left;width: 63.58%;} .kitchen-list .item .img img{display: block;width: 100%;} .kitchen-list .item .main{float: right;width: 36.42%;box-sizing: border-box;padding:83px 0 0 110px;position: relative;} .kitchen-list .item .main .name{font-size: 27px;color: #333;font-weight: bold;line-height: 37px;} .kitchen-list .item .main p{font-size: 15px;color: #858585;line-height: 22px;} .kitchen-list .item .main .info{font-size: 23px;line-height: 38px;color: #333;margin-top: 5px;} .kitchen-list .item:last-child .img{float: right;width: 54.97%;} .kitchen-list .item:last-child .main{float: left;text-align: right;width: 45.03%;padding: 204px 80px 0 0;} .kas-storage .txt{margin: 46px 0 75px;} .storage-list{max-width: 1186px;margin: 0 auto;} .storage-list .img{display: block;float: left;width: calc(50% - 9px);margin-right: 18px;} .storage-list .img img{display: block;width: 100%;} .storage-list .img:first-child{width: 100%;margin-right: 0;margin-bottom: 76px;} .storage-list .img:last-child{margin-right: 0;} .study-tit{font-size: 37px;color: #333;line-height: 45px;text-align: center;margin: 50px auto 52px;} .study-tit span{font-size: 27px;font-weight: bold;margin: 0 34px;} .study-list {margin: 0 auto;max-width: 1186px;} .study-list li{float: left;width: calc(33.3333% - 8px);margin-right: 12px;text-align: center;} .study-list li:last-child{margin-right: 0;} .study-list li .name{font-size: 27px;color: #333;line-height: 37px;margin-top: 32px;font-weight: bold;} .study-list li p{font-size: 15px;color: #858585;line-height: 23px;text-transform:Uppercase;} /* 木门产品详情 */ /*产品详情*/ .prodet-banner{width: 100%;height: 500px;background-position: center center;background-repeat: no-repeat;} .prodet-banner .container, .proDet .container{max-width: 1200px;} .prodet-banner .container{padding-top: 158px;} .prodet-banner .container h4{font-size: 70px;font-family: "SourceHanSansCN";color: #fff;line-height: 88px;} .prodet-banner .container .txt{font-size: 15px;color: #fff;color: rgb(255, 255, 255);line-height: 30px;margin-top: 5px;max-width: 420px;} .proDet{padding-bottom: 20px;} .proDet .sites{background: #f3f3f3;height: 45px;line-height: 45px;font-size: 14px;color: #999;} .proDet .sites a{color: #999;} .proDet .sites a:hover{color: #015637;} .proDet-top{padding-top: 60px;margin-bottom: 100px;} .proDet-pic{width: 55.83%;float: left;position: relative;z-index: 0;} .gallery-top{position: relative;} .gallery-top .swiper-slide .pic{width: 100%;height: 375px;} .proDet-pic .swiper-button-next, .proDet-pic .swiper-button-prev{position: absolute;left: 0;top:auto;margin-top:0;bottom: 31px;z-index: 10;width: 12px;height: 24px;background: url('../images/pro_arrow.png') no-repeat;opacity: 1;} .proDet-pic .swiper-button-next{left: auto;right: 0;background-position: -20px 0;} .proDet-pic .swiper-button-prev:hover{background-position: 0 -30px;} .proDet-pic .swiper-button-next:hover{background-position: -20px -30px;} .gallery-top .swiper-pagination{display: none;} .gallery-thumbs{position: absolute;left: 50%;bottom: 60px;width: calc(100% - 70px);height: 86px;transform: translateX(-50%);} .gallery-thumbs .swiper-slide .pic{width: 100%;height: 86px;box-sizing: border-box;cursor: pointer;} .gallery-thumbs .swiper-slide-thumb-active .pic{border:3px solid #015637;} .proDet-topR{float: right;width: 38.33%;box-sizing: border-box;padding-right: 48px;} .proDet-topR .title{font-size: 36px;color: #333;font-weight: bold;line-height: 58px;margin-bottom: 6px;} .proDet-topR .type{font-size: 36px;color: #333;font-weight: bold;line-height: 52px;margin-bottom: 20px;} .proDet-topR .data{border-top: 1px dashed #cecece;padding: 10px 0 45px;font-size: 15px;color: #666;line-height: 28px;} .proDet-topR .data ul{margin-top: 10px;} .proDet-topR .data ul li{width: 50%;float: left;line-height: 34px;box-sizing: border-box;padding-right: 5px;} .proDet-topR .link{margin-bottom: 60px;} .proDet-topR .link a{display: block;width: 44.6%;height: 50px;background: #016e46;box-sizing: border-box;padding-left: 42px;font-size: 16px;color: #fff;float: left;line-height: 50px;} .proDet-topR .link a:last-child{float: right;} .proDet-topR .link a i{display: block;width: 28px;height: 28px;background: url('../images/link_icon.png') no-repeat;float: left;margin: 11px 10px 0 0;} .proDet-topR .link a .icon2{background-position: 0 -30px;} .proDet-topR .bdsharebuttonbox{padding-top: 30px;border-top: 1px dashed #cecece;} .proDet-topR .bdsharebuttonbox a{display: block;width: 29px;height: 29px;padding: 0;margin: 0 15px 0 0;display: block;background: url('../images/pro_share.png') no-repeat;border-radius: 50%;} .proDet-topR .bdsharebuttonbox a.bds_tsina{background-position: -44px 0;} .proDet-main{border-top: 1px solid #e6e6e6;padding-top: 40px;} .proDet-content{width: calc(100% - 245px);float: left;} .proDet-flex{width: 100%;height: 45px;} .proDet-nav{border-top: 2px solid #015637;display: flex;} .proDet-fixed{position: fixed;left: 50%;top: 105px;margin-left: -600px;background: #fff;z-index: 99;width: 955px;} .proDet-nav .nav-item{text-align: center;box-sizing: border-box;padding:0 5px;line-height: 42px;border:1px solid #e0e0e0;border-top: none;border-right:none;flex-grow:1;cursor: pointer;position: relative;z-index: 0;} .proDet-nav .nav-item:last-child{border-right: 1px solid #e0e0e0;} .proDet-nav .nav-show{background: #015637;border-color: #015637;color: #fff;z-index: 5;} .proDet-pics .item{padding-top: 45px;position: relative;} .proDet-pics .item img{display: block;width: 100%;}