@font-face { font-family: "SourceHanSansCN-Bold"; font-style: normal; font-weight: 400; src: url("../font/SourceHanSansCN-Bold.otf"); } @font-face { font-family: "SourceHanSansCN-Regular"; /* font-weight: normal; */ /* font-style: normal; */ /* font-display: swap; */ src: url('../font/SourceHanSansCN-Regular.ttf'); } @font-face { font-family: "SourceHanSansCN-Medium"; font-weight: 500; font-style: normal; font-display: swap; src: url('../font/SourceHanSansCN-Medium.ttf'); } @font-face { font-family: "SourceHanSansCN-Light"; font-weight: 300; font-style: normal; font-display: swap; src: url('../font/SourceHanSansCN-Light.otf'); } html{ font-size: 16px; line-height: 16px; font-family: 'SourceHanSansCN-Regular','微软雅黑'; color: #333; } html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select,button { margin: 0; padding: 0; } ul,li{ list-style: none; } input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;} a,button,a::after{text-decoration: none;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} input::-webkit-input-placeholder{/*Webkit browsers*/ color:#999;font-size:1rem;font-family: 'SourceHanSansCN-Light';font-weight: 300; } input:-moz-placeholder{/*Mozilla Firefox 4 to 8*/ color:#999;font-size:1rem;font-family: 'SourceHanSansCN-Light';font-weight: 300; } input::moz-placeholder{/*Mozilla Firefox 19+*/ color:#999;font-size:1rem;font-family: 'SourceHanSansCN-Light';font-weight: 300; } input:-ms-input-placeholder{/*Internet Explorer 10+*/ color:#999;font-size:1rem;font-family: 'SourceHanSansCN-Light';font-weight: 300; } /*.company_anli img{transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}*/ /* 通用的class */ .public_div{ position: relative; width: 1620px; margin: 0 auto; height: auto; padding: 0px 10px; box-sizing: border-box; max-width: 100%; } .public_div_one{ position: relative; width: 1600px; margin: 0 auto; height: auto; box-sizing: border-box; max-width: 100%; } .clear{clear: both;} .body_index{position: relative;width: 100%;background-color: #F4F9F5;} *{box-sizing: border-box;word-break: break-word;} .headerZy{position: fixed;width: 100%;background-color: #fff;height: auto;top: 0px;z-index: 9999;box-shadow: 0px 2px 10px rgba(0,0,0,0.13);} .mm-opened .headerZy{left: none;} /*=========== header ==============*/ .header_logo{position: relative;width: 185px;float: left;padding: 8px 0px;} .header_logo a{display: block;} .header_logo img{max-width: 100%;} .header_tool{position: relative;float: right;display: flex;height: 100%;align-items: center;height: 84px;margin-left: 60px;} .header_tool a{font-size: 1.125rem;} .header_tool a:hover{color: #8FC31F;} .header_tool #search-icon{background-image: url('../images/search01.png');display: block;width: 40px;height: 40px;background-position: center; background-repeat: no-repeat;margin-left: 12px;margin-right: 23px;cursor: pointer;position: relative;z-index: 99;} .header_tool #search-icon:hover{background-image: url('../images/search02.png');} .header_tool #search-icon.hover{background-image: url('../images/search02.png');} .header_tool #search-icon::after{content: '';position: absolute;width: 0px;height: 0px;top: 27px;left: 13px;border-top: 14px solid transparent; border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 15px solid #fff;} .header_tool .search-box{position: absolute;top: 77px;margin-left: -130px;background-color: #fff;padding: 10px 45px 10px 15px;display: block; box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.2);z-index: 98;display: none;} .header_tool .search-box input{border: none;box-shadow: none;font-size: 1rem;line-height: 2em;height: 2em;width: 255px;} .header_tool .search-box #search-box-bt{position: absolute;width: 30px;height: 30px;display: block;top: 15px;right: 10px;background-position: center; background-repeat: no-repeat;background-image: url('../images/search03.png');background-size: 16px;cursor: pointer;} .header_tool .search-box #search-box-bt:hover{background-image: url('../images/search02.png');} .header_nav{position: relative;width: auto;float: right;max-width: calc(100% - 345px);} @media (max-width: 1780px){ .header_tool .search-box{right: -5px;margin-left:0px;} } /*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ /*===========================footer============================*/ .footerZy{position: relative;width: 100%;background-color: #293A4C;background-image: url('../images/footer01.png');background-position: center; background-repeat: no-repeat;background-size: cover;} .footerZy .footer_div{position: relative;padding: 77px 0px 60px 0px;} .footerZy .footer_div::after{content: '';display: block;clear: both;} .footerZy .footer_div .footer_div_one{position: relative;width: 270px;padding: 13px 3px 13px 0px;float: left;margin-bottom: 40px;} .footerZy .footer_div .footer_div_one img{max-width: 100%;} .footerZy .footer_div .footer_div_two{position: relative;float: right;max-width: calc(100% - 320px);display: flex;width: 1035px; justify-content: space-between;margin-bottom: 62px;} .footerZy .footer_div .footer_div_two dl{margin-right: 40px;margin-bottom: 40px;} .footerZy .footer_div .footer_div_two dl:last-child{margin-right: 0px;} .footerZy .footer_div .footer_div_two dl a{display: inline-block;width: 100%;color: #fff;opacity: 0.65;font-size: 0.875rem;line-height: 2.143em;} .footerZy .footer_div .footer_div_two dl dd.one a{font-size: 1.125rem;color: #fff;opacity: 1;margin-bottom: 12px;} .footerZy .footer_div .footer_div_two dl a:hover{opacity: 1;} .footerZy .footer_div .footer_div_two dl dd.one a:hover{color: #8FC31F;} .footerZy .footer_div .footer_div_thr{position: relative;width: 37%;color: #e3e3e3;float: left;display: flex;margin-bottom: 15px;} .footerZy .footer_div .footer_div_thr::after{content: '';display: block;clear: both;} .footerZy .footer_div .footer_div_thr .qcode_img{display: block;width: 120px;min-width: 120px;height: 120px;margin: 3px 0px;} .footerZy .footer_div .footer_div_thr .qcode_img img{width: 100%;} .footerZy .footer_div .footer_div_thr .qcode_context{display: block;position: relative;padding: 0px 18px;} .footerZy .footer_div .footer_div_thr .qcode_context div{display: flex;width: 100%;font-size: 0.875rem;line-height: 2em;color: rgba(255,255,255,0.65);} .footerZy .footer_div .footer_div_thr .qcode_context div.title{color: #fff;font-size: 1.125rem;line-height: 1.5em;margin-bottom: 15px;} .footerZy .footer_div .footer_div_thr .qcode_context div a{color: rgba(255,255,255,0.65);} .footerZy .footer_div .footer_div_thr .qcode_context div a:hover{color: #fff;} .footerZy .footer_div .footer_div_thr .qcode_context div>p{flex: 1;} .footerZy .footer_div .footer_div_fou{position: relative;max-width: 24%;color: rgba(255,255,255,0.7);float: right;font-size: 0.875rem;} .footerZy .share_icon{display: flex;flex-wrap: wrap;align-items: center;padding: 13px 0px;margin-bottom: 14px;} .footerZy .share_icon span{margin-right: 10px;} .footerZy .share_icon a{display: block;width: 40px;height: 40px;border-radius: 50%;background-color: #fff;overflow: hidden;background-position: center; margin-right: 20px;background-repeat: no-repeat;} .footerZy .share_icon a:hover{background-color: #8FC31F;} .footerZy .share_icon a:last-child{margin-right: 0px;} .footerZy .footer_div .footer_div_fou p{text-align: right;} .weibo_icon{background-image: url('../images/wb.png');} .weixin_icon{background-image: url('../images/wx.png');} .tt_icon{background-image: url('../images/tt.png');} .face_icon{background-image: url('../images/face.png');} .weibo_icon:hover{background-image: url('../images/wb_w.png');} .weixin_icon:hover{background-image: url('../images/wx_w.png');} .tt_icon:hover{background-image: url('../images/tt_w.png');} .face_icon:hover{background-image: url('../images/face_w.png');} .qcode_show{position: absolute;top: -95px;margin-left: -32px;width: 100px;height: 100px;display: none;} .qcode_show img{width: 100%;height: 100%;} .weixin_icon:hover .qcode_show{display: block;} /*====================index - banner - swiper==========*/ .index_swiper{position: relative;width: 100%;margin-top: 84px;padding-bottom: 20px;background-color: #fff;} .swiper_zl_back{position: relative;width: 100%;height: 100%;top: 0px;left: 0px;background-position: center;z-index: 0;} .swiper_zl_back .swiper-slide{height: 860px;max-height: calc(100vh - 84px);background-position: center;} .swiper_zl_back .swiper-slide::before{content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.08);} .swiper_zl_back .swiper-button-next,.swiper_zl_back .swiper-button-prev{width: 16px;height: 28px;margin-top: -84px;background-size: 100%;} .swiper_zl_back .swiper-button-next{background-image: url('../images/banner_right-jt.png');right: 70px;} .swiper_zl_back .swiper-button-prev{background-image: url('../images/banner_left-jt.png');left: 70px;} @media (max-width:1650px){ .swiper_zl_back .swiper-button-next{right: 15px;} .swiper_zl_back .swiper-button-prev{left: 15px;} } .swiper_zl_back .banner_title{position: absolute;width: 100%;text-align: center;top: 50%;margin-top: -64px;transform: translate(0px,-50%);color: #fff; display: none;} .swiper_zl_back .swiper-slide-active .banner_title{display: block;} .swiper_zl_back .banner_title .one{font-size: 4.5rem;line-height: 1.333em;font-family: 'SourceHanSansCN-Light';letter-spacing: 0.2em;font-weight: 300;} .swiper_zl_back .banner_title .two{font-size: 1.5rem;line-height: 1.333em;letter-spacing: 0.5em;margin-top: 1em;} .specialty_list{position: relative;margin-top: -55px;display: flex;flex-wrap: wrap;justify-content: space-between;} .specialty_list .specialty_label{position: relative;display: block;width: 31.25%;padding: 25px 30px;background-color: #fff;border-radius: 6px; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15);display: flex;cursor: pointer;align-items: center;} .specialty_list .specialty_label .label_sp_icon{position: relative;margin: 6px 0px;width: 88px;min-width: 88px;height: 88px;margin-right: 20px;} .specialty_list .specialty_label .label_sp_icon::before{content: '';display: block;position: absolute;width: 86px;height: 86px; border-radius: 50%;border: 1px dashed #8FC31F;top: 0px;left: 0px;} .specialty_list .specialty_label .label_sp_icon .img_icon{position: relative;width: 84%;height: 84%;background-color: #F4F9E8; border-radius: 50%;margin: 8%;background-image: url('../images/index_sp03.png');background-position: center;background-repeat: no-repeat;} .specialty_list .specialty_label .label_sp_icon.icon_blue::before{border: 1px dashed #008CFF;} .specialty_list .specialty_label .label_sp_icon.icon_blue .img_icon{background-image: url('../images/index_sp01.png');background-color: #DEF0FF;} .specialty_list .specialty_label .label_sp_icon.icon_green::before{border: 1px dashed #00C8AD;} .specialty_list .specialty_label .label_sp_icon.icon_green .img_icon{background-image: url('../images/index_sp02.png');background-color: #DCF2EE;} .specialty_list .specialty_label .label_sp_title{font-size: 1.375rem;line-height: 1.875rem;margin-bottom: 1em;letter-spacing: 2px;} .specialty_list .specialty_label .label_sp_msg{color: #999;font-size: 1rem;line-height: 1.3125em;font-family: 'SourceHanSansCN-Light'; letter-spacing: 1px;font-weight: 300;} .specialty_list .specialty_label:hover .label_sp_icon::before{animation-name: example;animation-duration: 8s;animation-timing-function: linear; animation-iteration-count: infinite;} @keyframes example { from {transform: rotateZ(0deg);} to {transform: rotateZ(360deg);} } .swiper_zl_back .scroll-icon{position: absolute;width: 45px;text-align: center;bottom: 67px;z-index: 99;color:#fff;text-align: center; transform: translate(-50%,0px);left: 50%;animation-name: scrollSb;animation-duration: 2s;animation-iteration-count: infinite;} .swiper_zl_back .scroll-icon .icon_dynamic{position: relative;display: block;width: 19px;height: 29px;background-position: center; background-repeat: no-repeat;background-image: url('../images/sb01.png');margin: 0px auto;} @keyframes scrollSb { 0% {bottom: 67px} 50% {bottom: 82px} 100% {bottom: 67px} } .swiper_zl_back .scroll-icon p{font-size: 0.875rem;line-height: 1.1875rem;margin-top: 4px;} /*=============== products =================*/ .index_product{position: relative;padding-top: 51px;padding-bottom: 90px;background-color: #fff;} .index_pub_title{position: relative;display: flex;justify-content: space-between;align-items: flex-end;} .index_pub_title .pub_dig_title{padding-top: 48px;} .index_pub_title .pub_dig_title>p{font-size: 2.5rem;line-height: 1.325em;font-family: 'SourceHanSansCN-Medium';letter-spacing: 2px;} .index_pub_title .pub_dig_title .title_shadow{position: absolute;font-size: 4.375rem;line-height: 5.875rem;opacity: 0.05;top: 0px;left: 0px; text-transform: uppercase;font-family: 'SourceHanSansCN-Medium';} .index_pub_title .pub_more{margin-bottom: 15px;} .index_pub_title .pub_more a{padding-right: 30px;display: inline-block;color: #999;background-position: 99% center;background-repeat: no-repeat; background-image: url('../images/index_t01.png');} .index_pub_title .pub_more a:hover{background-position: 90% center;} .index_product .product_tab{position: relative;margin-top: 67px;} .index_product .product_tab::after{content: '';display: block;clear: both;} .index_product .product_tab ul{float: left;width: 10%;border-right: 1px solid #E5E5E5;} .index_product .product_tab ul li{display: block;margin-bottom: 44px;} .index_product .product_tab ul li a{display: block;font-size: 1rem;color: #999;line-height: 1.3125em;position: relative;} .index_product .product_tab ul li a::after{content: '';display: block;width: 2px;height: 0px;position: absolute;right: -2px; top: 50%;transform: translate(0px,-50%);background-color: #8FC31F;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .index_product .product_tab ul li a:hover{padding-left: 17px;color: #8FC31F;font-size: 1.375rem;} .index_product .product_tab ul li a:hover::after{height: 36px;} .index_product .product_tab ul li.hover a{padding-left: 17px;color: #8FC31F;font-size: 1.375rem;} .index_product .product_tab ul li.hover a::after{height: 36px;} .index_product .swiper_tab_list{position: relative;float: right;width: 85.625%;} .index_product .swiper_tab_list .swiper-slide{position: relative;width: calc(25% - 22.5px);background-color: #F4F6F9;border-radius: 6px; margin-right: 30px;padding-bottom: 52px;margin-bottom: 36px;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .index_product .swiper_tab_list .swiper-slide:last-child{margin-right: 0px;} .index_product .swiper_tab_list .swiper-slide .img{margin: 15px 15px 15px 15px;overflow: hidden;border-radius: 6px;} .index_product .swiper_tab_list .swiper-slide .img img{width: 100%;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .index_product .swiper_tab_list .swiper-slide .text{margin: 0px 25px;text-align: center;font-size: 1.25rem;line-height: 1.35em;height: 1.35em; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;letter-spacing: 1px;} .index_product .swiper_tab_list .tabPro_bt{position: absolute;bottom: 0%;left: 50%;transform: translate(-50%,50%);width: 150px; display: block;text-align: center;background-color: #8FC31F;color: #fff;line-height: 2.5em;border-radius: 1.25em;padding-right: 34px; background-image: url('../images/index_pr04.png');background-repeat: no-repeat;background-position: 114px center;background-size: 30px;} .index_product .swiper_tab_list .swiper-slide:hover{box-shadow: 0px 2px 24px 0px rgba(26,29,23,0.2);} .index_product .swiper_tab_list .swiper-slide:hover .img img{transform: scale(1.10);} .index_product .swiper_tab_list .tabPro_bt:hover{background-image: url('../images/index_pr03.png');background-position: 6px center; padding-right: 0px;padding-left: 34px;background-color: #fff;color: #8FC31F;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);} /* ==============================index sever================================== */ .index_sever{position: relative;padding-top: 45px;padding-bottom: 102px;} .index_pub_title.center{justify-content: center;} .index_pub_title.center .pub_dig_title .title_shadow{left: 50%;transform: translate(-50%,0px);} .index_sever .ind_sever_list{position: relative;display: flex;flex-wrap: wrap;align-items: flex-start;margin-top: 52px;} .index_sever .sever_small{position: relative;width: 25%;} .index_sever .sever_image{display: block;width: 100%;position: relative;overflow: hidden;} .index_sever .sever_image img{width: 100%;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .index_sever .sever_image::after{content: '';position: absolute;width: 100%;height: 100%;top: 0px;left: 0px; background-color: rgba(0,0,0,0.1);} .index_sever .sever_back{position: absolute;top: 50%;left: 5%;width: 90%;height: 4.3125rem;background-color: rgba(143,195,31,0);overflow: hidden; transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;transform: translate(0px,-50%);} .index_sever .sever_label{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9;padding: 32px 20px 0px 20px;width: 100%; color: #fff;max-width: 300px;text-align: center;} .index_sever .sever_label .sLabel_one{font-size: 1.75rem;line-height: 2.3125rem;padding: 1rem 0px;position: relative;text-overflow: ellipsis; margin-bottom: 1.2em;white-space: nowrap;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .index_sever .sever_label .sLabel_one::after{content: '';display: block;width: 32px;height: 4px;position: absolute;bottom: -4px;left: 50%; background-color: #fff;transform: translate(-50%,0px);border-radius: 2px;} .index_sever .sever_label .sLabel_two{position: relative;line-height: 1.6875em;height: 0px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;margin-bottom: 0px;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .index_sever .sever_label .sLabel_bt{background-image: url('../images/index_s05.png');display: inline-block;width: 46px;height: 0px; background-size: 100%;background-repeat: no-repeat;margin: 0px auto;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .index_sever .sever_small:hover .sever_image img{transform: scale(1.08);} .index_sever .sever_small:hover .sever_back{background-color: rgba(143,195,31,0.8);height: 90%;} .index_sever .sever_small:hover .sLabel_one{margin-bottom: 1.9em;} .index_sever .sever_small:hover .sLabel_two{height: 6.75em;margin-bottom: 3.375em;} .index_sever .sever_small:hover .sLabel_bt{height: 46px;} /*==================news==================*/ .index_news{position: relative;width: 100%;padding: 58px 0px 103px 0px;background-color: #fff;} .index_news_tab{position: absolute;top: 42px;left: 50%;transform: translate(-50%,0px);} .index_news_tab a{font-size: 1.25rem;line-height: 3.125rem;margin: 0px 3.125rem;display: inline-block;color: #999; border-bottom: 2px solid rgba(143, 195, 31, 0);} .index_news_tab a:hover{color: #333;border-bottom: 2px solid rgba(143, 195, 31, 1);} .index_news_tab a.hover{color: #333;border-bottom: 2px solid rgba(143, 195, 31, 1);} .index_news_list{position: relative;border-top: 1px solid #E8EAEC;margin-top: 57px;} .index_news_list::after{content: '';display: block;clear: both;} .index_news_list .news_small_img{position: relative;width: 580px;padding: 31px 30px 32px 0px;border-bottom: 1px solid #E8EAEC;float: left;} .index_news_list .news_small_img .swiper-slide{height: 420px;background-size: cover;background-position: center;} .index_news_list .news_small_img .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0px 5px;} .index_news_list .news_small_img .swiper-pagination-bullet{border: 1px solid #008CFF;opacity: 1;background-color: rgba(0,140,255,0); width: 10px;height: 10px;} .index_news_list .news_small_img .swiper-pagination-bullet-active{background-color: rgba(0,140,255,1);} .index_news_list .news_small_text{position: relative;width: calc(100% - 580px);float: right;display: flex;flex-wrap: wrap;} .index_news_list .news_small_text .news_label{display: block;width: 50%;background-image: url('../images/index_n02.jpg'); padding: 34px 36px 36px 36px;border-bottom: 1px solid #E8EAEC;border-left: 1px solid #E8EAEC;transition: all .6s; -moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;background-size: 100% 0%;background-repeat: no-repeat; background-position: 0px bottom;} .index_news_list .news_small_text .news_label::after{content: '';display: block;clear: both;} .index_news_list .news_small_text .news_label .label_time{float: left;text-align: center;} .index_news_list .news_small_text .news_label .label_time span{font-size: 2.5rem;line-height: 1.325em;} .index_news_list .news_small_text .news_label .label_time p{font-size: 0.875rem;line-height: 1em;color: #999;transition: all .6s; -moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .index_news_list .news_small_text .news_label .label_bt{float: right;margin: 15px 8px;display: inline-block;padding: 0px 47px 0px 0px; color: #999;line-height: 30px;background-repeat: no-repeat;background-size: 30px;background-position: right 0px; background-image: url('../images/index_n03.png');} .index_news_list .news_small_text .news_label .label_title{float: left;width: 100%;margin-top: 34px;height: 1.875rem;overflow: hidden; font-size: 1.375rem;line-height: 1.875rem;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 19px;} .index_news_list .news_small_text .news_label .label_text{float: left;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size: 0.875rem;line-height: 1.5em;color: #999;height: 1.5em;transition: all .6s; -moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .index_news_list .news_small_text .news_label:hover{color: #fff;background-size: 100% 100%;} .index_news_list .news_small_text .news_label:hover .label_bt{padding: 0px 0px 0px 47px;background-position: left 0px;color: #fff; background-image: url('../images/index_pr04.png');} .index_news_list .news_small_text .news_label:hover .label_time p{color: rgba(255,255,255,0.8);} .index_news_list .news_small_text .news_label:hover .label_text{color: rgba(255,255,255,0.8);} /* ================================= index about ================================== */ .index_about{position: relative;padding: 78px 0px 265px 0px;background-image: url('../images/index_a01.jpg');background-size: cover; margin-bottom: 275px;background-color: #F4F9F5;background-position: center;} .index_pub_title.white-font .title_shadow{color: #fff;opacity: 0.15;} .index_pub_title.white-font .pub_dig_title>p{color: #fff;} .index_about_context{color: #fff;max-width: 1200px;margin: 0px auto;text-align: center;margin-top: 63px;} .index_about_context .text_msg{font-size: 1.125rem;line-height: 2rem;min-height: 10rem;margin-bottom: 44px;} .index_about_context .text_bt{display: inline-block;padding: 0px 47px 0px 17px;background-repeat: no-repeat;background-size: 30px;background-position: right 0px; color: #fff;line-height: 30px;background-image: url('../images/index_pr04.png');margin-bottom: 214px;} .index_about_context .text_bt:hover{padding: 0px 17px 0px 47px;background-position: left 0px;} .index_about .about_map{position: absolute;bottom: 0px;transform: translate(0px,100%);width: calc(100% - 20px);background-color: #fff; display: flex;flex-wrap: wrap;align-items: center;} .index_about .iabout_map_left{position: relative;width: 50%;height:540px;float: left;} .index_about .iabout_map_right{position: relative;width: 50%;float: left;padding: 0px 35px;} .index_about .map_right_context{width: 100%;max-width: 650px;margin: 0px auto;} .index_about .map_right_context .title{font-size: 1.75rem;line-height: 1.25em;margin-bottom: 1.25em;} .index_about .map_right_context .label{display: block;padding-left: 42px;background-repeat: no-repeat;background-position: left 0px; font-size: 1.125rem;font-family: 'SourceHanSansCN-Light';line-height: 1.4444em;margin-bottom: 1.5em;font-weight: 300;} .index_about .map_right_context .label p{font-family: 'SourceHanSansCN-Light';line-height: 1.3334em;font-weight: 300;} .index_about .map_right_context .label a.active{color: #8FC31F;} .index_about .map_right_context .label a:hover{color: #8FC31F;} .index_about .map_right_context .label.label-weiz{background-image: url('../images/index_m01.png');} .index_about .map_right_context .label.label-dianh{background-image: url('../images/index_m02.png');} .index_about .map_right_context .label.label-email{background-image: url('../images/index_m03.png');} .index_about .map_right_context .label.label-ewm{background-image: url('../images/index_m04.png');background-position: left center;} .index_about .map_right_context .label:last-child{margin-bottom: 0px;} /* else */ .index_else{position: relative;padding-top: 69px;padding-bottom: 70px;} .index_else .ielse_title{position: relative;text-align: center;font-size: 1.75rem;line-height: 2.3125rem;letter-spacing: 2px;} .index_else .ielse_formList{position: relative;margin-top: 36px;} .index_else .ielse_formList::after{content: '';display: block;clear: both;} .index_else .ielse_formList .ielse_label{width: 31.25%;float: left;height: 240px;margin-bottom: 23px;overflow: hidden; margin-right: 3.125%;position: relative;} .index_else .ielse_formList .ielse_label:nth-child(3n){margin-right: 0px;} .index_else .ielse_formList .ielse_label a{display: block;} .index_else .ielse_formList .ielse_label .iesle_img{position: relative;text-align: center;display: flex;justify-content: center;} .index_else .ielse_formList .ielse_label .iesle_img img{height: 100%;width: auto;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .index_else .ielse_formList .ielse_label .iesle_text{position: absolute;bottom: 0px;width: 100%;left: 0px;height: 50px;transition: all .6s; -moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .index_else .ielse_formList .ielse_label .iesle_text p{font-size: 1.25rem;line-height: 2.5em;text-align: center;color: #fff;transition: all .6s; -moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);width: 100%;} .index_else .ielse_formList .ielse_label .iesle_text p::after{content: '';position: absolute;width: 40px;height: 4px;border-radius: 2px; background-color: #fff;bottom: 0px;left: 50%;transform: translate(-50%,0px);opacity: 0;} .index_else .ielse_formList .ielse_label .iesle_text:hover{height: 100%;} .index_else .ielse_formList .ielse_label .iesle_text:hover p{font-size: 1.75rem;line-height: 2.3125rem;padding-bottom: 1.75rem;} .index_else .ielse_formList .ielse_label .iesle_text:hover p::after{opacity: 1;} .index_else .ielse_formList .ielse_label:hover .iesle_img img{transform: scale(1.08);} /* ============================================================================================ */ /* ==================================== cooperation page ====================================== */ /* ============================================================================================ */ .cooperation_boby{position: relative;margin-top: 84px;padding: 79px 0px 60px 0px;min-height: calc(100vh - 84px);background-size: cover; background-image: url('../images/coop01.jpg');background-position: center;} .cooperation_title{position: relative;} .cooperation_title .pub_dig_title{position: relative;height: 7.5rem;font-family: "SourceHanSansCN-Medium";} .cooperation_title .pub_dig_title .title_shadow{position: absolute;font-size: 5.625rem;line-height: 7.5rem;color: #fff;opacity: 0.05; width: 100%;text-align: center;top: 0px;left: 0px;text-transform: uppercase;} .cooperation_title .pub_dig_title p{font-size: 2.5rem;line-height: 4.5rem;padding: 1.5rem 0px;text-align: center;color: #fff;letter-spacing: 2px;} .cooperation_context{position: relative;padding: 76px 0px 30px 0px;text-align: center;color: #fff;max-width: 1440px;margin: 0px auto; font-size: 1.125rem;line-height: 2.5em;} .cooperation_context p{font-size: 1.125rem;line-height: 2.5em;} /* ============================================================================================= */ /* ====================================== service page ========================================= */ /* ============================================================================================= */ .service_body{position: relative;margin-top: 84px;background-color: #fff;padding-top: 32px;padding-bottom: 60px;} .cooperation_title.block_title .pub_dig_title .title_shadow{color: #333;} .cooperation_title.block_title .pub_dig_title p{color: #333;} .cooperation_title .pub_samll_title{position: relative;margin: 0px auto;width: 100%;max-width: 1200px;text-align: center;color: #999; line-height: 1.75em;margin-top: 13px;} .index_sever.service_body .ind_sever_list{margin-top: 40px;} /* service detailed */ .service_banner{position: relative;width: 100%;margin-top: 84px;background-color: #fff;overflow: hidden;} .service_banner .banner_image{position: absolute;width: 100%;height: 100%;background-size: cover;top: 0px;left: 0px;transform: scale(1.1); transition: all 6s;-moz-transition: all 6s;-webkit-transition: all 6s;-o-transition: all 6s;background-position: center;} .service_banner .banner_image::after{content: '';position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;background-color: #333;opacity: 0.22;} .service_banner .banner_image.active{transform: scale(1);} .service_banner .public_div{display: flex;align-items: center;min-height: calc(100vh - 84px);} .service_banner .banner_text{position: relative;text-align: center;color: #fff;max-width: 1400px;width: 100%;margin: 0px auto; padding: 20px 0px 45px 0px;margin-bottom: 8.1%;} .service_banner .banner_text .btext_title{font-size: 4.125rem;line-height: 5.25rem;font-family: "SourceHanSansCN-Medium";letter-spacing: 2px;} .service_banner .banner_text .btext_context{line-height: 2.5em;margin-top: 5em;min-height: 12.5em;} .service_banner .banner_button{position: absolute;bottom: 8.1%;width: 100%;left: 0px;padding: 0px 10px;} .service_banner .banner_button::after{content: '';display: block;clear: both;} .service_banner .banner_button .bbt_left{float: left;position: relative;margin: 3px 0px;} .service_banner .banner_button .bbt_left .bbt_return{line-height: 42px;color: #fff;display: block;padding-left: 54px;} .service_banner .banner_button .bbt_left .bbt_return::before{content: '';width: 42px;height: 42px;display: block;border-radius: 50%; position: absolute;top: 0px;left: 0px;background-color: rgba(0, 0, 0, 0.3);background-position: center;background-size: 100%;background-repeat: no-repeat; background-image: url('../images/serve01.png');transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .service_banner .banner_button .bbt_left .bbt_return:hover::before{background-color: #00C8AD;} .service_banner .banner_button .bbt_right{float: right;position: relative;} .service_banner .banner_button .bbt_right a{display: block;min-width: 180px;text-align: center;padding: 0px 10px;border-radius: 24px; line-height: 48px;background-color: #00C8AD;color: #fff;border: 1px solid #00C8AD;} .service_banner .banner_button .bbt_right a:hover{color: #00C8AD;background-color: #fff;} .service_cycleRange{position: relative;padding-top: 61px;padding-bottom: 54px;background-color: #fff;} .cooperation_title .pub_title{text-align: center;font-size: 1.625rem;line-height: 2.1875rem;color: #999;margin-top: 28px;} .service_cycleList{position: relative;margin-top: 62px;display: flex;justify-content: center;flex-wrap: wrap;} .service_cycleList .service_cycle-small{position: relative;overflow: hidden;width: 23.25%;border:1px solid #E4E4E4;margin-right: 2.333%; margin-bottom: 49px;padding: 38px 34px 35px 34px;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start; cursor: pointer;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .service_cycleList .service_cycle-small:last-child,.service_cycleList .service_cycle-small:nth-child(4n){margin-right: 0px;} .service_cycleList .service_cycle-small .cycle_name{margin: 5px 0px;font-size: 1.25rem;line-height: 1.35em;height: 2.7em; font-family: 'SourceHanSansCN-Medium';width: calc(100% - 98px);z-index: 5;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .service_cycleList .service_cycle-small .cycle_time{width: 92px;display: block;line-height: 2.1em;height: 2.1em;text-align: center; background-color: #8FC31F;color: #fff;font-size: 1.125rem;overflow: hidden;border-radius: 1.05em;z-index: 5;} .service_cycleList .service_cycle-small .cycle_msg{display: block;width: 100%;margin: 9px 0px;line-height: 1.3125em;color: #999; height: 3.9375em;z-index: 5;overflow: hidden;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .service_cycleList .service_cycle-small .cycle_step{position: absolute;font-size: 7.3125rem;line-height: 1.325em;color: #F6F6F6; z-index: 1;bottom: -0.5em;right: 0px;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .service_cycleList .service_cycle-small:hover{background-color: #A4D241;border:1px solid #A4D241;box-shadow: 0px 25px 36px rgba(22,75,0,0.2);} .service_cycleList .service_cycle-small:hover .cycle_name{color: #fff;} .service_cycleList .service_cycle-small:hover .cycle_msg{color: #fff;opacity: 0.8;} .service_cycleList .service_cycle-small:hover .cycle_step{color: #8FC31F;} .service_deliver{position: relative;padding-top: 50px;padding-bottom: 87px;background-size: cover;background-position: center; background-image: url('../images/serve02.jpg');} .service_deliver .title_shadow{opacity: 0.15;} .service_deliver .deliver_context{position: relative;width: 100%;max-width: 1200px;margin: 0px auto;margin-top: 25px;color: #fff; text-align: center;font-size: 1.25rem;line-height: 2.125em;} .service_advantage{position: relative;padding-top: 58px;background-color: #fff;padding-bottom: 30px;} .service_advantage .advantage_circular{padding: 198px 0px 58px 0px;position: relative;margin-top: 31px;} .service_advantage .advantage_circular-img{position: relative;margin: 0px auto;border-radius: 50%;width: 456px;height: 456px; border: 6px solid #8FC31F;overflow: hidden;z-index: 9;} .service_advantage .advantage_circular-img img{width: 100%;height: 100%;} .service_advantage .advantage_circular-tab{position: absolute;z-index: 5;max-width: 38%;cursor: pointer;} .service_advantage .advantage_circular-tab .adCir_text .one{font-size: 1.5rem;line-height: 2rem;font-family: "SourceHanSansCN-Medium"; transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .service_advantage .advantage_circular-tab .adCir_text .two{line-height: 1.3125rem;font-family: "SourceHanSansCN-Light"; margin-top: 14px;font-weight: 300;color: #999;} .service_advantage .advantage_circular-tab .adCir_icon{display: block;width: 160px;min-width: 160px;height: 160px;border-radius: 50%; border: 1px dashed #707070;background-repeat: no-repeat;background-size: 60px;position: relative;} .service_advantage .advantage_circular-tab .adCir_icon::after{content: '';display: block;width: 162px;height: 162px;position: absolute; top: -2px;left: -2px;background-image: url('../images/serve09.png');background-position: 0px center; background-repeat: no-repeat;background-size: auto 73.4568%;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .service_advantage .advantage_circular-tab.tab-one{top: 0px;left: 50%;transform: translate(-50%,0px);text-align: center;} .service_advantage .advantage_circular-tab.tab-one .adCir_icon{margin: 0px auto;background-position: center 25%;margin-top: 21px;} .service_advantage .advantage_circular-tab.tab-one .adCir_icon::after{transform: rotate(-90deg);} .service_advantage .advantage_circular-tab:hover .adCir_text .one{color: #00C8AD;} .service_advantage .advantage_circular-tab.active .adCir_text .one{color: #00C8AD;} .service_advantage .advantage_circular-tab:hover.tab-one .adCir_icon::after{transform: rotate(90deg);} .service_advantage .advantage_circular-tab.active.tab-one .adCir_icon::after{transform: rotate(90deg);} .service_advantage .advantage_circular-tab.tab-two{top: 278px;left: 50%;margin-left: 173px;} .service_advantage .advantage_circular-tab.tab-two a{display: flex;align-items: center;} .service_advantage .advantage_circular-tab.tab-two .adCir_icon{margin: 0px auto;background-position: 65% 45%;margin-right: 30px;} .service_advantage .advantage_circular-tab.tab-two .adCir_icon::after{transform: rotate(-30deg);} .service_advantage .advantage_circular-tab:hover.tab-two .adCir_icon::after{transform: rotate(180deg);} .service_advantage .advantage_circular-tab.active.tab-two .adCir_icon::after{transform: rotate(180deg);} .service_advantage .advantage_circular-tab.tab-thr{bottom: 0px;left: 50%;margin-left: 92px;} .service_advantage .advantage_circular-tab.tab-thr a{display: flex;align-items: center;} .service_advantage .advantage_circular-tab.tab-thr .adCir_icon{margin: 0px auto;background-position: 55% 55%;margin-right: 30px;} .service_advantage .advantage_circular-tab.tab-thr .adCir_icon::after{transform: rotate(50deg);} .service_advantage .advantage_circular-tab:hover.tab-thr .adCir_icon::after{transform: rotate(240deg);} .service_advantage .advantage_circular-tab.active.tab-thr .adCir_icon::after{transform: rotate(240deg);} .service_advantage .advantage_circular-tab.tab-fou{bottom: 0px;right: 50%;margin-right: 92px;text-align: right;} .service_advantage .advantage_circular-tab.tab-fou a{display: flex;align-items: center;} .service_advantage .advantage_circular-tab.tab-fou .adCir_icon{margin: 0px auto;background-position: 45% 55%;margin-left: 30px;} .service_advantage .advantage_circular-tab.tab-fou .adCir_icon::after{transform: rotate(130deg);} .service_advantage .advantage_circular-tab:hover.tab-fou .adCir_icon::after{transform: rotate(-50deg);} .service_advantage .advantage_circular-tab.active.tab-fou .adCir_icon::after{transform: rotate(-50deg);} .service_advantage .advantage_circular-tab.tab-fiv{top: 278px;right: 50%;margin-right: 173px;text-align: right;} .service_advantage .advantage_circular-tab.tab-fiv a{display: flex;align-items: center;} .service_advantage .advantage_circular-tab.tab-fiv .adCir_icon{margin: 0px auto;background-position: 35% 45%;margin-left: 30px;} .service_advantage .advantage_circular-tab.tab-fiv .adCir_icon::after{transform: rotate(190deg);} .service_advantage .advantage_circular-tab:hover.tab-fiv .adCir_icon::after{transform: rotate(0deg);} .service_advantage .advantage_circular-tab.active.tab-fiv .adCir_icon::after{transform: rotate(0deg);} /* 定制服务-开发案例 */ .service_case{position: relative;padding-top: 34px;background-color: #fff;} .service_case-swiper{position: relative;margin-top: 38px;} .service_case-swiper .swiper-slide{width: 50%;height: 560px;background-position: center;background-size: cover;} .service_case-swiper .service_case-title{position: absolute;bottom: 0px;width: 100%;text-align: center;left: 50%; transform: translate(-50%,0px);font-size: 1.125rem;line-height: 1.5em;color: #fff;padding: 85px 10% 25px 10%;} .service_case-swiper .service_case-title p{max-width: 620px;} .service_case-swiper .service_case-title:hover{background-image: linear-gradient(rgba(143,195,31,0), rgba(143,195,31,0.6));} .service_case-swiper .swiper-button-next,.service_case-swiper .swiper-button-prev{width: 21px;height: 37px;margin-top: -18px;background-size: 100%;} .service_case-swiper .swiper-button-next{background-image: url('../images/serve12.png');right: 3.25%;} .service_case-swiper .swiper-button-prev{background-image: url('../images/serve13.png');left: 3.25%;} /* 定制意向表 */ .service_form{position: relative;padding: 65px 0px 105px 0px;background-color: #fff;} .form_style-one{position: relative;margin-top: 41px;} .form_style-one form{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;} .form_style-one .form_inline{display: block;width: 21.875%;margin-bottom: 47px;} .form_style-one .form_block{display: block;width: 100%;} .form_style-one label{line-height: 1.5rem;color: #ACACAC;font-size: 1.125rem;margin: 0px;} .form_style-one input{display: block;width: 100%;font-size: 1.125rem;line-height: 3.125rem;color: #555;height: 3.125rem;padding: 0px 15px; margin-top: 17px;} .form_style-one textarea{display: block;width: 100%;font-size: 1.125rem;line-height: 2.2rem;color: #555;height: 7.5rem;padding: 0.45rem 15px; margin-top: 17px;resize: none;} .form_style-one .form_button{margin: 0px auto;display: block;width: 220px;text-align: center;background-color: #8FC31F;border:1px solid #8FC31F; color: #fff;margin-top: 60px;font-size: 1.125rem;line-height: 3rem;border-radius: 6px;} .form_style-one .form_button:hover{color: #8FC31F;background-color: #fff;} /* ============================================================================================ */ /* =================================== products page ========================================== */ /* ============================================================================================ */ .products_banner{position: relative;width: 100%;height: 100%;top: 0px;left: 0px;margin-top: 84px;z-index: 0;} .products_banner .swiper-slide{height: 860px;max-height: calc(100vh - 185px);background-position: center;background-size: cover;} .products_banner .swiper-slide::before{content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.08);} .products_banner .swiper-button-next,.products_banner .swiper-button-prev{width: 16px;height: 28px;margin-top: -14px;background-size: 100%;} .products_banner .swiper-button-next{background-image: url('../images/banner_right-jt.png');right: 70px;} .products_banner .swiper-button-prev{background-image: url('../images/banner_left-jt.png');left: 70px;} @media (max-width:1650px){ .products_banner .swiper-button-next{right: 15px;} .products_banner .swiper-button-prev{left: 15px;} } .products_banner .banner_title{position: absolute;width: 100%;text-align: center;top: 50%;transform: translate(0%,-50%);color: #fff; display: none;} .products_banner .swiper-slide-active .banner_title{display: block;} .products_banner .banner_title .one{font-size: 4.5rem;line-height: 1.333em;font-family: 'SourceHanSansCN-Light';letter-spacing: 0.2em;font-weight: 300;} .products_banner .banner_title .two{font-size: 1.5rem;line-height: 1.333em;letter-spacing: 0.5em;margin-top: 1em;} .products_list{position: relative;display: flex;} .products_list::after{content: '';display: block;clear: both;} .products_list .products_left{float: left;width: 17.71%;background-color: #8FC31F;padding: 165px 0px;} .products_list .products_left ul{display: block;width: 190px;margin-left: auto;max-width: 100%;padding-right: 41px;padding-left: 10px;} .products_list .products_left ul li{margin-bottom: 23px;} .products_list .products_left ul a{padding: 17px 24px 17px 0px;color: #fff;font-size: 1.125rem;line-height: 1.5rem;display: block; position: relative;border-bottom: 1px solid rgba(255,255,255,0);} .products_list .products_left ul a::after{content: '';position: absolute;width: 7px; height: 13px;display: block;background-size: 100%; background-image: url('../images/banner_right-jt.png');top: 50%;right: 0px;transform: translate(0px,-50%);} .products_list .products_left ul a.hover{border-bottom: 1px solid rgba(255,255,255,0.6);margin-left: 17px;} .products_list .products_left ul a.hover::after{transform: translate(0px,-50%) rotate(90deg);right: 3px;} .products_list .products_left ul a:hover{border-bottom: 1px solid rgba(255,255,255,0.6);margin-left: 17px;} .products_list .products_left ul a:hover::after{transform: translate(0px,-50%) rotate(90deg);right: 3px;} .products_list .products_right{float: right;width: 82.29%;background-color: #fff;padding-top: 34px;padding-bottom: 106px;} .products_list .products_content{position: relative;padding: 0px 50px;width: 1468px;max-width: 100%;} .products_content-download{position: relative;margin-top: 32px;} .products_content-download::after{content: '';display: block;clear: both;} .products_content-download .proCon_dText{float: left;line-height: 1.8rem;font-weight: 300;font-family: 'SourceHanSansCN-Light'; color: #999;} .products_content-download .proCon_dButton{float: right;display: block;width: 150px;line-height: 2.875rem;height: 2.875rem; background-color: #8FC31F;color: #fff;background-image: url('../images/pro02.png');background-position: 18px center;background-repeat: no-repeat; padding: 0px 5px 0px 26px;text-align: center;border-radius: 1.43rem;font-size: 0.875rem;} .products_content-search{position: relative;width: 100%;border: 1px solid #C4C4C4;padding-right: 58px;margin-top: 30px;border-radius: 6px; overflow: hidden;} .products_content-search input{display: block;width: 100%;border: none;line-height: 2.5rem;padding: 1rem 40px;height: 3.5rem;} .products_content-search .search_bt{position:absolute;height: 100%;width: 56px;display: block; top: 0px;right: 0px;background-image: url('../images/pro03.png');background-repeat: no-repeat;background-position: center;} .products_content-table{position: relative;margin-top: 50px;} .products_content-table #table a{color: #008CFF;} .products_content-table #table a:hover{color: #8FC31F;} /* =================== product detail ============================= */ .proDetail_one{position: relative;margin-top: 84px;background-color: #fff;display: flex;flex-wrap: wrap;align-items: center;} .proDetail_one .proDetail_swiper{position: relative;width: 44.8%;} .proDetail_one .proDetail_swiper .swiper-slide{width: 100%;max-height: calc(100vh - 84px);height: 860px;background-position: center; background-size: cover;} .proDetail_one .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 23px;} .proDetail_one .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #fff;opacity: 1;border-radius: 5px;} .proDetail_one .swiper-pagination-bullet-active{width: 40px;} .proDetail_one .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0px 6px;} .proDetail_one .proDetail_msg{position: relative;width: 55.2%;padding-left: 50px;} .proDetail_one .proDetail_box{width: 900px;padding: 29px 50px 30px 50px;max-width: 100%;position: relative;} .proDetail_one .proDetail_crumbs{color: #C4C4C4;line-height: 19px;font-size: 0.875rem;z-index: 5; position: absolute;top: 20px;right: calc(50% - 800px);} @media (max-width: 1620px){ .proDetail_one .proDetail_crumbs{right: 10px;} } .proDetail_one .proDetail_crumbs a{color: #C4C4C4;} .proDetail_one .proDetail_crumbs a:hover{color: #8FC31F;} .proDetail_one .proDetail_crumbs span{color: #333;} .proDetail_title{font-size: 2.375rem;line-height: 3.1875rem;padding-bottom: 21px;position: relative;margin-bottom: 99px; font-family: 'SourceHanSansCN-Medium';} .proDetail_title::after{content: '';position: absolute;bottom: 0px;left: 0px;display: block;height: 4px;width: 50px;background-color: #8FC31F;} .proDetail_one-context .title{font-size: 2.25rem;line-height: 3rem;margin-bottom: 43px;display: block;} .proDetail_one-context .text{line-height: 2.25rem;color: #999;min-height: 15.75rem;margin-bottom: 61px;} .proDetail_one-button a{display: inline-block;width: 150px;text-align: center;height: 52px;line-height: 52px;background-color: #eee; border-radius: 6px;font-size: 1.15rem;color: #fff;margin-right: 15px;margin-bottom: 15px;} .proDetail_one-button a.bt_xj{background-color: #8FC31F;} .proDetail_one-button a.bt_sy{background-color: #008CFF;} .proDetail_one-button a.bt_dz{background-color: #00C8AD;} .proDetail_one-button p{line-height: 19px;font-size: 0.875rem;color: #C4C4C4;} .proDetail_two{position: relative;width: 100%;background-image: url('../images/prod02.jpg');padding: 104px 0px 79px 0px; background-position: center;background-size: cover;} .proDetail_title-one{font-size: 1.875rem;line-height: 2.5rem;padding-bottom: 20px;position: relative;margin-bottom: 75px;text-align: center; color: #fff;} .proDetail_title-one::after{content: '';position: absolute;bottom: 0px;display: block;height: 4px;width: 50px;left: 50%;margin-left: -25px; background-color: #fff;} .proDetail_two-context{max-width: 1200px;margin: 0px auto;color: #fff;line-height: 2rem;text-align: center;width: 90%;} .proDetail_thr{position: relative;background-color: #fff;padding-top: 71px;padding-bottom: 25px;} .proDetail_title-thr{font-size: 2.25rem;line-height: 3rem;padding-bottom: 19px;position: relative;text-align: center;} .proDetail_title-thr::after{content: '';position: absolute;bottom: 0px;display: block;height: 4px;width: 50px;left: 50%;margin-left: -25px; background-color: #8FC31F;} .proDetail_table{position: relative;margin-top: 34px;} .proDetail_table .ink_line{text-decoration:underline;} .proDetail_table .icon_down{padding-right: 30px;background-image: url('../images/down01.png');background-repeat: no-repeat;background-position: right center;} .proDetail_fou{position: relative;background-color: #fff;padding-top: 50px;padding-bottom: 75px;} .proDetail_else{position: relative;display: flex;flex-wrap: wrap;align-items: flex-start;margin-top: 51px;} .proDetail_else .swiper-slide{position: relative;width: 18.75%;background-color: #F4F6F9;border-radius: 6px; margin-right: 1.5625%;padding-bottom: 43px;margin-bottom: 45px;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .proDetail_else .swiper-slide:nth-child(5n){margin-right: 0px;} .proDetail_else .swiper-slide .img{margin: 15px 20px 15px 20px;overflow: hidden;border-radius: 6px;} .proDetail_else .swiper-slide .img img{width: 100%;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .proDetail_else .swiper-slide .text{margin: 0px 25px;text-align: center;font-size: 1.25rem;line-height: 1.35em;height: 1.35em; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;letter-spacing: 1px;} .proDetail_else .tabPro_bt{position: absolute;bottom: 0%;left: 50%;transform: translate(-50%,50%);width: 150px; display: block;text-align: center;background-color: #8FC31F;color: #fff;line-height: 2.5em;border-radius: 1.25em;padding-right: 34px; background-image: url('../images/index_pr04.png');background-repeat: no-repeat;background-position: 114px center;background-size: 30px;} .proDetail_else .swiper-slide:hover{box-shadow: 0px 2px 24px 0px rgba(26,29,23,0.2);} .proDetail_else .swiper-slide:hover .img img{transform: scale(1.10);} .proDetail_else .tabPro_bt:hover{background-image: url('../images/index_pr03.png');background-position: 6px center; padding-right: 0px;padding-left: 34px;background-color: #fff;color: #8FC31F;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);} /* 第一个弹窗 */ #dialog_one{position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 999;display: none;} #dialog_one .dialog_mask{position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 4;background-color: #000;opacity: 0.3;} #dialog_one .dialog_box{position: absolute;width: 90%;top: 50%;left: 50%;z-index: 5;background-color: #fff;transform: translate(-50%,-50%); border-radius: 20px;max-width: 1450px;} #dialog_one .dialog_box .dialog_one-title{padding: 2rem 3.7%;line-height: 2.5rem;border-bottom: 1px solid #D9D9D9;display: flex;align-items: center;} #dialog_one .dialog_box .dialog_one-title .z_title{font-size: 1.875rem;min-width: 80px;margin-right: 24px;} #dialog_one .dialog_box .dialog_one-title .f_title{font-size: 0.875rem; color: #999;line-height: 1.5em;} #dialog_one .dialog_box .dialog_one-close{position: absolute;width: 23px;height: 23px;display: block;top: 42px;right: 72px; background-image: url('../images/close01.png');background-size: 100%;} #dialog_one .dialog_box .dialog_one-form{padding-bottom: 48px;padding: 42px 53px 48px 53px;} #dialog_one .dialog_box .dialog_one-form form{position: relative;padding-bottom: 28px;display: flex;flex-wrap: wrap;} #dialog_one .dialog_box .form_inline{width: 50%;margin-bottom: 30px;padding-right: 38px;display: flex;align-items: center; font-size: 1.125rem;} #dialog_one .dialog_box .form_inline label{min-width: 100px;width: 100px;text-align: right;color: #ACACAC;line-height: 1.5rem; margin-right: 10px;} #dialog_one .dialog_box .form_inline input{width: 100%;border: 1px solid #C4C4C4;padding: 0.5rem 15px; line-height: 2.125rem;height: 3.125rem;font-size: 1.125rem;} #dialog_one .dialog_box .one_form_submit{display: block;width: 220px;text-align: center;margin: 0px auto;background-color: #8FC31F; color: #fff;line-height: 3.125rem;height: 3.125rem;border-radius: 6px;font-size: 1.125rem;} /* ========================================================================================================= */ /* ============================================== news ===================================================== */ /* ========================================================================================================= */ .news_body_big{position: relative;margin-top: 84px;background-color: #fff;padding-top: 36px;} .news_body-meus{position: relative;margin-top: 52px;padding-bottom: 20px;} .news_body-meus::after{content: '';display: block;clear: both;} .news_body-meus .news_meus_one{position: relative;width: 44.875%;float: left;} .news_body-meus .newsM-img{position: relative;width: 100%;overflow: hidden; transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .news_body-meus .newsM-img .img{width: 100%;height: 548px;background-size: cover;background-position: center; transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .news_body-meus .news_label{display: block;width: 100%;padding: 17px 0px 27px 0px;transition: all .6s; -moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;background-size: 100% 0%;} .news_body-meus .news_label::after{content: '';display: block;clear: both;} .news_body-meus .news_label .label_time{float: left;text-align: center;} .news_body-meus .news_label .label_time span{font-size: 2.5rem;line-height: 1.325em;} .news_body-meus .news_label .label_time p{font-size: 0.875rem;line-height: 1em;color: #999;} .news_body-meus .news_label .label_bt{float: right;margin: 15px 0px;display: inline-block;padding: 0px 47px 0px 0px; color: #999;line-height: 30px;background-repeat: no-repeat;background-size: 30px;background-position: right 0px; background-image: url('../images/index_n03.png');} .news_body-meus .news_label .label_title{float: left;width: 100%;margin-top: 23px;height: 2rem;overflow: hidden; font-size: 1.5rem;line-height: 2rem;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 17px; transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .news_body-meus .news_label .label_text{float: left;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; line-height: 2em;color: #999;height: 2em;} .news_body-meus .news_meus_one:hover .newsM-img{box-shadow: 0px 14px 20px rgba(14, 35, 0, 0.16);} .news_body-meus .news_meus_one:hover .newsM-img .img{transform: scale(1.08);} .news_body-meus .news_meus_one:hover .label_bt{padding: 0px 0px 0px 47px;background-position: left 0px;color: #8FC31F; background-image: url('../images/index_pr03.png');} .news_body-meus .news_meus_one:hover .label_title{color: #8FC31F;} .news_body-meus .news_meus_right{position: relative;width: 53.25%;float: right;} .news_body-meus .news_meus_two{position: relative;width: 100%;display: flex;align-items: center;margin-bottom: 28px;} .news_body-meus .news_meus_two:last-child{margin-bottom: 0px;} .news_body-meus .news_meus_two .newsM-img{width: 290px;min-width: 290px;margin-right: 3.52%;} .news_body-meus .news_meus_two .newsM-img .img{height: 222px;} .news_body-meus .news_meus_two .news_label{width: calc(96.48% - 290px);} .news_body-meus .news_meus_two:hover .newsM-img{box-shadow: 0px 14px 20px rgba(14, 35, 0, 0.16);} .news_body-meus .news_meus_two:hover .newsM-img .img{transform: scale(1.08);} .news_body-meus .news_meus_two:hover .label_bt{padding: 0px 0px 0px 47px;background-position: left 0px;color: #8FC31F; background-image: url('../images/index_pr03.png');} .news_body-meus .news_meus_two:hover .label_title{color: #8FC31F;} /* 新闻下面的tab */ .newsBody_box{position: relative;padding-top: 42px;padding-bottom: 90px;} .newsBody_tab{position: relative;text-align: center;} .newsBody_tab a{font-size: 1.75rem;line-height: 2.3125rem;margin: 0px 10%;display: inline-block;color: #999;padding: 10px 0px; border-bottom: 2px solid rgba(143, 195, 31, 0);} .newsBody_tab a:hover{color: #333;border-bottom: 2px solid rgba(143, 195, 31, 1);} .newsBody_tab a.hover{color: #333;border-bottom: 2px solid rgba(143, 195, 31, 1);} .newsBody_list{position: relative;margin-top: 38px;margin-bottom: 77px;} .newsBody_list .news_rows_small{position: relative;width: 100%;border-bottom: 1px solid #E0E4EB;} .newsBody_list .news_rows_small a{display: flex;padding: 39px 6.25% 39px 0px;align-items: center;background-repeat: no-repeat; background-position: 97.5% center;} .newsBody_list .news_rows_small .rows_img{position: relative;width: 290px;min-width: 290px;height: 222px;overflow: hidden;margin-right: 50px;} .newsBody_list .news_rows_small .rows_img .img{width: 100%;height: 100%;background-position: center;background-size: cover;} .newsBody_list .news_rows_small .rows_text{padding: 10px 0px 5px 0px;max-width: 1010px;width: calc(100% - 380px);} .newsBody_list .news_rows_small .rows_text .one{font-size: 1.375rem;line-height: 1.875rem;margin-bottom: 1.375rem;height: 1.875rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .6s; -moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;} .newsBody_list .news_rows_small .rows_text .two{line-height: 1.625rem;color: #999;font-family: 'SourceHanSansCN-Light'; height: 4.875rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; margin-bottom: 35px;} .newsBody_list .news_rows_small .rows_text .thr{color: #AFB3BC;font-family: 'SourceHanSansCN-Light';} .newsBody_list .news_rows_small:hover{box-shadow: 0px 20px 30px rgba(18,33,0,0.16);} .newsBody_list .news_rows_small:hover a{padding: 39px 6.25% 39px 2.75%;background-image: url('../images/news03.png');} .newsBody_list .news_rows_small:hover .rows_text .one{color: #8FC31F;} /* 上一页 下一页 */ .prev_next_button{position: relative;display: flex;justify-content: center;flex-wrap: wrap;} .prev_next_button a{display: block;width: 46px;height: 46px;line-height: 46px;text-align: center;padding: 0px 5px;margin: 0px 3.5px 8px 3.5px; border: 1px solid #E9E9E9;color: #999;font-size: 0.875rem;background-position: center;background-repeat: no-repeat;background-size: 7px;} .prev_next_button a.prev_bt{background-image: url('../images/news_p.png');} .prev_next_button a.next_bt{background-image: url('../images/news_n.png');} .prev_next_button a:hover{background-color: #8FC31F;color: #fff;border-color: #8FC31F;} .prev_next_button a.hover{background-color: #8FC31F;color: #fff;border-color: #8FC31F;} .prev_next_button a:hover.prev_bt{background-image: url('../images/banner_left-jt.png');} .prev_next_button a:hover.next_bt{background-image: url('../images/banner_right-jt.png');} /* news dateil */ .crumbs_link{position: relative;padding: 10px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;align-items: center;line-height: 20px; color: #AFB3BC;font-family: 'SourceHanSansCN-Light';} .crumbs_link a{line-height: 20px;color: #AFB3BC;display: inline-block;margin: 0px 8px;transition: all 0.6s;-moz-transition: all 0.6s; -webkit-transition: all 0.6s;-o-transition: all 0.6s;} .crumbs_link a:hover{color: #8FC31F;} .crumbs_link span{line-height: 20px;color: #333;display: inline-block;margin: 0px 8px;} .crumbs_link .home-icon{display: block;width: 20px;height: 20px;background-size: 100%;background-repeat: repeat;background-position: center; background-image: url('../images/home_icon.png');} .news_dateil{position: relative;background-color: #fff;margin-top: 84px;} .newsDateil_one{position: relative;padding: 10px 0px 17px 0px;} .newsDateil_two{position: relative;padding-top: 32px;} .newsDateil_two .newsDateil_message{position: relative;width: 68.75%;float: left;margin-bottom: 40px;} .newsDateil_two .newsDateil_message .title{font-family: 'SourceHanSansCN-Medium';font-size: 2.75rem;line-height: 3.635rem;text-align: center; margin-bottom: 22px;} .newsDateil_two .newsDateil_message .title_small{color: #B1AEAE;font-size: 1.125rem;line-height: 1.3333em;text-align: center;} .newsDateil_two .newsDateil_message .title_small span{display: inline-block;min-width: 40%;padding: 0px 12px;} .newsDateil_two .newsDateil_message .msg_contant{position: relative;padding: 35px 0px;font-size: 1.125rem;} .newsDateil_two .newsDateil_message .msg_contant p{line-height: 2.2em;} .newsDateil_two .newsDateil_message .msg_contant img{max-width: 100%;} .newsDateil_two .msg_pagination{position: relative;border-top: 1px solid #D1D5DE;padding: 36px 0px;} .newsDateil_two .msg_pagination::after{content: '';display: block;clear: both;} .newsDateil_two .msg_pagination .ndMore_prve_next{position: relative;width: calc(100% - 180px);float: left;} .newsDateil_two .msg_pagination .ndMore_prve_next a{color: #B1AEAE;font-size: 1.125rem;line-height: 1.45em;display: block;margin-bottom: 22px;} .newsDateil_two .msg_pagination .ndMore_prve_next a:hover{color: #8FC31F;} .newsDateil_two .msg_pagination .return_bt{position: relative;padding-left: 34px;color: #8FC31F;line-height: 1.625rem;background-repeat: no-repeat; background-position: left center;background-image: url('../images/newsD02.png');float: right;} .newsDateil_two .newsDateil_more{position: relative;width: 25%;float: right;padding: 10px 0px;} .newsDateil_two .newsDateil_more .ndMore_tj_list{position: relative;background-color: #F8F9FC;padding: 29px 44px 32px 26px;margin-bottom: 30px;} .newsDateil_two .newsDateil_more .ndMore_tj_list .tj_title{font-size: 1.875rem;line-height: 1.3333em;} .newsDateil_two .newsDateil_more .ndMore_tj_list ul{margin: 17px 0px;position:relative;width: 100%;} .newsDateil_two .newsDateil_more .ndMore_tj_list ul::before{content: '';display: block;width: 0px;height: 100%;position:absolute;top: 0px;left: 8px; border-left: 1px dashed #AFB3BC;} .newsDateil_two .newsDateil_more .ndMore_tj_list ul li{display: block;width: 100%;padding: 10px 0px;margin-bottom: 9px;} .newsDateil_two .newsDateil_more .ndMore_tj_list ul li:last-child{margin-bottom: 0px;} .newsDateil_two .newsDateil_more .ndMore_tj_list ul li a{position: relative;display: block;width: 100%;padding: 9px 0px 9px 36px; line-height: 1.6em;color: #333;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;} .newsDateil_two .newsDateil_more .ndMore_tj_list ul li a::before{content: '';position: absolute;display: block;width: 17px;height: 17px; border: 1px solid #AFB3BC;border-radius: 50%;background-color: #FBFBFB;left: 0px;top: 12px;box-sizing: border-box; transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;} .newsDateil_two .newsDateil_more .ndMore_tj_list ul li a:hover{color: #8FC31F;} .newsDateil_two .newsDateil_more .ndMore_tj_list ul li a:hover::before{border: 2px solid #8FC31F;} /* =================================================================================================== */ /* ======================================= about page ================================================ */ /* =================================================================================================== */ .about_boby-one{position: relative;margin-top: 84px;padding: 30px 0px;min-height: calc(100vh - 84px);background-size: cover; background-image: url('../images/about01.jpg');background-position: center;display: flex;align-items: center;} .about_boby-one .public_div{display: flex;justify-content: space-between;align-items: flex-end;} .about_boby-one .aboutOne-left{width: 40%;padding: 20px 0px 60px 0px;} .about_boby-one .aboutOne-left .aboutId_img{width: 515px;text-align: center;max-width: 100%;} .about_boby-one .aboutOne-left .aboutId_img img{max-width: 100%;} .about_boby-one .aboutOne-right{width: 55%;max-width: 725px;} .about_boby-one .aboutOne_context{position: relative;color: #fff;margin-top: 45px;min-height: 30em;font-size: 1.125rem; line-height: 2.7rem;} .about_boby-two .about_map{background-color: #fff;position: relative;display: flex;flex-wrap: wrap;align-items: center;} .about_boby-two .iabout_map_left{position: relative;width: 51.46%;height:700px;float: left;margin-right: 2.34%;} .about_boby-two .iabout_map_right{position: relative;width: 46.2%;float: right;padding: 0px 50px;} .about_boby-two .map_right_context{width: 100%;max-width: 620px;} .about_boby-two .map_right_context .title{margin-bottom: 55px;} .about_boby-two .map_right_context .label{display: block;padding-left: 42px;background-repeat: no-repeat;background-position: left 0px; font-size: 1.125rem;font-family: 'SourceHanSansCN-Light';line-height: 1.4444em;margin-bottom: 1.5em;font-weight: 300;} .about_boby-two .map_right_context .label p{font-family: 'SourceHanSansCN-Light';line-height: 1.3334em;font-weight: 300;} .about_boby-two .map_right_context .label a.active{color: #8FC31F;} .about_boby-two .map_right_context .label a:hover{color: #8FC31F;} .about_boby-two .map_right_context .label.label-weiz{background-image: url('../images/index_m01.png');} .about_boby-two .map_right_context .label.label-dianh{background-image: url('../images/index_m02.png');} .about_boby-two .map_right_context .label.label-email{background-image: url('../images/index_m03.png');} .about_boby-two .map_right_context .label.label-ewm{background-image: url('../images/index_m04.png');background-position: left center;} .about_boby-two .map_right_context .label:last-child{margin-bottom: 0px;} .about_body-thr{position: relative;padding-top: 90px;padding-bottom: 109px;background-color: #fff;} .about_body-thr .cooperation_title .pub_samll_title{margin-top: 28px;font-family: 'SourceHanSansCN-Light';font-weight: 300;} .about_body-thr .aboutThr_form{position: relative;margin-top: 59px;} .about_body-thr .aboutThr_form::after{content: '';display: block;clear: both;} .about_body-thr .aboutThr_form .aboutThr-left{position: relative;width: 280px;background-color: #8FC31F;float: left;} .about_body-thr .aboutThr_form .aboutThr-left img{width: 100%;} .about_body-thr .aboutThr_form .aboutThr-left .title{margin: 0px 12px;display: block;padding: 29px 22px 27px 22px;color: #fff;line-height: 1.35rem; border-bottom: 1px solid rgba(255,255,255,0.5);font-size: 1.25rem;font-family: 'SourceHanSansCN-Medium';letter-spacing: 1px;} .about_body-thr .aboutThr_form .aboutThr-left .check_list{position: relative;padding: 0px 34px;} .about_body-thr .aboutThr_form .aboutThr-left .check_small{width: 100%;position: relative;display: flex;align-items: center; padding: 3px 0px;margin-top: 46px;} .about_body-thr .aboutThr_form .aboutThr-left .check_small:first-child{margin-top: 37px;} .about_body-thr .aboutThr-left .check_small input{position: absolute;visibility: hidden;display: block;width: 100%;height: 100%; top: 0px;left: 0px;margin: 0px;} .about_body-thr .aboutThr-left .check_small label{cursor: pointer;width: 22px;min-width: 22px;height: 22px;margin: 0px 12px 0px 0px; background: #fff;border: 1px solid #fff;background-position: center;background-repeat: no-repeat;} .about_body-thr .aboutThr-left .check_small span{font-size: 1.125rem;color: #fff;line-height: 1.5rem;} .about_body-thr .aboutThr-left .check_small input[type=checkbox]:checked + label{ background-image: url('../images/about04.png');} .about_body-thr .aboutThr-right{position: relative;width: calc(100% - 323px);float: right;} .about_body-thr .aboutThr-right form{display: flex;flex-wrap: wrap;align-items: flex-start;} .about_body-thr .aboutThr-right .form_inline{display: block;width: 50%;display: flex;align-items: center;margin-bottom: 34px;} .about_body-thr .aboutThr-right .form_inline label{width: 138px;min-width: 138px;font-size: 1.125rem;line-height: 1.5rem;text-align: right; padding: 0px 11px;} .about_body-thr .aboutThr-right .form_inline em{display: inline-block;} .about_body-thr .aboutThr-right .form_inline input{padding: 0px 15px;height: 3.25rem;font-size: 1.125rem;line-height: 3.25rem; width: 100%;border: 1px solid #D9D9D9;} .about_body-thr .aboutThr-right .about_form_submit{display: block;background-color: #8FC31F;width: 220px;color: #fff;line-height: 3.125rem; border-radius: 6px;font-size: 1.125rem;text-align: center;margin-left: auto;margin-top: 20px;} .about_body-thr .aboutThr-right .form_inline.disabled_value label{color: #C4C4C4;} .about_body-thr .aboutThr-right .form_inline.disabled_value input{background-color: #F5F5F5;} #msr{text-align: center;display: block;margin: 0px auto;margin-top: 10px;} /* 响应式 */ @media (max-width: 1200px){ /* head footer */ .nav li{margin: 0px 0px 0px 30px;} .header_tool{margin-left: 20px;} .header_tool #search-icon{margin-left: 10px;margin-right: 15px;} .footerZy .footer_div .footer_div_thr{width: 50%;} .footerZy .footer_div .footer_div_fou{width: 100%;max-width: 100%;} /* index */ .specialty_list .specialty_label{width: 100%;margin-right: 0px;margin-bottom: 10px;} .index_pub_title .pub_dig_title{padding-top: 2rem;} .index_pub_title .pub_dig_title .title_shadow{font-size: 3.375rem;line-height: 4.875rem;} .index_pub_title .pub_dig_title>p{font-size: 2.2rem;} .index_product .swiper_tab_list .swiper-slide{width: 280px;} .index_sever .ind_sever_list{width: 800px;margin: 0px auto;margin-top: 40px;max-width: 100%;} .index_news_list{width: 1020px;max-width: 100%;margin: 0px auto;margin-top: 47px;} .index_news_list .news_small_img{border-bottom: none;margin: 0px auto;max-width: 100%;float: none;padding: 30px 20px;} .index_news_list .news_small_text{width: 100%;border-right: 1px solid #E8EAEC;border-top: 1px solid #E8EAEC;} /* service */ .index_sever.service_body .ind_sever_list{width: 800px;margin: 0px auto;margin-top: 40px;max-width: 100%;} .index_sever .sever_small{width: 50%;} /* service_one */ .service_cycleList .service_cycle-small:nth-child(n){width: 31%;margin-right: 3.5%;} .service_cycleList .service_cycle-small:nth-child(3n){margin-right: 0px;} .service_case-swiper .swiper-slide{height:420px} /* products-detail */ .proDetail_one .proDetail_swiper{width: 50%;} .proDetail_one .proDetail_swiper .swiper-slide{height: 720px;} .proDetail_one .proDetail_msg{width: 50%;padding-left: 15px;} .proDetail_one .proDetail_box{padding: 30px;} .proDetail_title{margin-bottom: 66px;} .proDetail_one-context .title{margin-bottom: 24px;} .proDetail_one-context .text{margin-bottom: 40px;} .proDetail_one-button a{width: 120px;font-size: 1.125rem;margin-right: 10px;height: 46px;line-height: 46px;} /* news */ .news_body-meus{max-width: 720px;margin: 0px auto;} .news_body-meus .news_meus_one{width: 100%;} .news_body-meus .news_meus_right{width: 100%;margin-top: 15px;} /* news-detail */ .newsDateil_two{width: 960px;margin: 0px auto;max-width: 100%;} .newsDateil_two .newsDateil_message{width: 100%;} .newsDateil_two .newsDateil_more{width: 100%;} /* about */ .about_boby-two{background-color: #fff;} .about_boby-two .about_map{width: 960px;margin: 0px auto;max-width: 100%;} .about_boby-two .iabout_map_left{width: 100%;height: 450px;margin-right: 0px;} .about_boby-two .iabout_map_right{width: 100%;} } @media (max-width: 950px){ /* head footer */ html{font-size: 14px;} .header_logo{width: 158px;} .header_tool{height: 74px;} .header_tool #search-icon{background-size: 16px;width: 32px;height: 32px;} .header_nav{max-width: calc(100% - 245px);} .nav li{margin: 0px 0px 0px 20px;} .nav li>a{font-size: 16px;} .header_tool{margin-left: 10px;} .header_tool #search-icon{margin-left: 0px;margin-right: 10px;} .header_tool .search-box{top: 67px;} .header_tool #search-icon::after{top:17px;} .header_tool .search-box #search-box-bt{top: 5px;} .footerZy .footer_div{padding: 17px 0px 10px 0px;} .footerZy .footer_div .footer_div_one{float: none;width: 200px;margin: 0px auto;margin-bottom: 15px;} .footerZy .footer_div .footer_div_two{float: none;width: 100%;max-width: 100%;margin-bottom: 25px;} .footerZy .footer_div .footer_div_two dl{margin-right: 25px;margin-bottom: 15px;} .footerZy .footer_div .footer_div_thr{float: none;width: 100%;} /* index */ .index_swiper{margin-top: 74px;} .index_about{margin-bottom: 540px;padding: 68px 0px 300px 0px;} .index_about_context .text_bt{margin-bottom: 120px;} .index_about .iabout_map_left{width: 100%;height: 380px;} .index_about .iabout_map_right{width: 100%;padding: 30px 25px;} /* cooperation */ .cooperation_boby{margin-top: 74px;} /* service */ .service_body{margin-top: 74px;} /* service_one */ .service_banner{margin-top: 74px;} .service_cycleList{width: 750px;margin: 0px auto;margin-top: 50px;max-width: 100%;} .service_cycleList .service_cycle-small:nth-child(n){width: 48%;margin-right: 4%;} .service_cycleList .service_cycle-small:nth-child(2n){margin-right: 0%;} .service_advantage .advantage_circular{padding: 148px 0px 38px 0px;} .service_advantage .advantage_circular-img{width: 320px;height: 320px;} .service_advantage .advantage_circular-tab{max-width: 42%;} .service_advantage .advantage_circular-tab .adCir_icon{width: 120px;min-width: 120px;height: 120px;background-size: 40px; } .service_advantage .advantage_circular-tab .adCir_icon::after{width: 122px;height: 122px;} .service_advantage .advantage_circular-tab.tab-one .adCir_icon{margin-top: 13px;} .service_advantage .advantage_circular-tab.tab-two{top: 180px;margin-left: 110px;} .service_advantage .advantage_circular-tab.tab-two .adCir_icon{margin-right: 20px;} .service_advantage .advantage_circular-tab.tab-thr{margin-left: 68px;} .service_advantage .advantage_circular-tab.tab-thr .adCir_icon{margin-right: 20px;} .service_advantage .advantage_circular-tab.tab-fou{margin-right: 68px;} .service_advantage .advantage_circular-tab.tab-fou .adCir_icon{margin-left: 20px;} .service_advantage .advantage_circular-tab.tab-fiv{top: 180px;margin-right: 110px;} .service_advantage .advantage_circular-tab.tab-fiv .adCir_icon{margin-left: 20px;} /* products */ .products_banner{margin-top: 74px;} .products_list{display: block;} .products_list .products_left{float: none;width: 100%;padding: 5px 0px 25px 0px;} .products_list .products_left ul{width: 100%;padding: 0px 25px;} .products_list .products_left ul li{margin-bottom: 0px;} .products_list .products_left ul a{padding: 12px 24px 12px 0px;} .products_list .products_right{float: none;width: 100%;} /* products-detail */ .proDetail_one{margin-top: 74px;} .proDetail_one .proDetail_crumbs{top: 10px;} .proDetail_else{justify-content: center;} .proDetail_else .swiper-slide:nth-child(n){width: 31%;max-width: 280px;margin-right: 1%;margin-left: 1%;} #dialog_one .dialog_box{width: 95%;} #dialog_one .dialog_box .dialog_one-title{padding: 1.2rem 9% 1.2rem 3.7%;} #dialog_one .dialog_box .dialog_one-close{width: 18px;height: 18px;top: 2rem;right: 3.7%;} #dialog_one .dialog_box .dialog_one-form{padding: 25px 30px 35px 30px;} #dialog_one .dialog_box .one_form_submit{line-height: 2.8rem;height: 2.8rem;} #dialog_one .dialog_box .dialog_one-form form{padding-bottom: 18px;} #dialog_one .dialog_box .form_inline{margin-bottom: 20px;padding-right: 18px;} #dialog_one .dialog_box .form_inline input{line-height: 1.8rem;height: 2.8rem;} /* news */ .news_body_big{margin-top: 74px;} .newsBody_list .news_rows_small a{padding: 29px 6.25% 29px 0px;} .newsBody_list .news_rows_small .rows_img{margin-right: 30px;} .newsBody_list .news_rows_small .rows_text{width: calc(100% - 350px);} /* news-detail */ .news_dateil{margin-top: 74px;} /* about */ .about_boby-one{margin-top: 74px;} .about_boby-one .public_div{flex-wrap: wrap;justify-content: center;} .about_boby-one .aboutOne-right{width: 100%;} .about_body-thr .aboutThr_form .aboutThr-left{float: none;margin: 0px auto;margin-bottom: 35px;} .about_body-thr .aboutThr-right{width: 100%;} .about_body-thr .aboutThr_form .aboutThr-left .check_list{z-index: 9;padding-bottom: 35px;} .about_body-thr .aboutThr_form .aboutThr-left img{position: absolute;z-index: 5;bottom: 0px;} } @media (max-width: 767px){ /* head footer */ .header_logo{width: 135px;padding: 5px 0px;} .header_tool{display: none;} .header_nav{max-width: none;} /* index */ .index_swiper{margin-top: 60px;} .swiper_zl_back .banner_title .one{font-size: 3rem;} .swiper_zl_back .banner_title .two{font-size: 1rem;} .index_product .product_tab ul{width: 80px;} .index_product .product_tab ul li{margin-bottom: 35px;} .index_product .swiper_tab_list{width: calc(100% - 85px);} .index_product .swiper_tab_list .swiper-slide{width: 240px;margin-left: 12px;margin-right: 12px;} .index_news_tab{position: relative;transform: translate(0,0);left: 0px;top: 20px;display: flex;flex-wrap: wrap;justify-content: center;} .index_news_list .news_small_img{padding: 15px 10px;} .index_news_list .news_small_img .swiper-slide{height: 72vw;} .index_news_list .news_small_text .news_label{padding: 24px 26px 26px 26px;} .index_about_context .text_bt{margin-bottom: 60px;} .index_about .iabout_map_left{height: 300px;} .index_else .ielse_formList{width: 500px;max-width: 100%;margin: 0px auto;margin-top: 32px;} .index_else .ielse_formList .ielse_label{width: 100%;margin-right: 0px;} /* cooperation */ .cooperation_boby{margin-top: 60px;padding: 50px 0px 40px 0px;} .cooperation_title .pub_dig_title{height: 6rem;} .cooperation_title .pub_dig_title p{padding: 1rem 0px;font-size: 2.2rem;line-height: 4rem;} .cooperation_title .pub_dig_title .title_shadow{font-size: 3.2rem;line-height: 6rem;} .cooperation_context{padding: 26px 0px 30px 0px;} /* service */ .service_body{margin-top: 60px;} .index_sever.service_body .ind_sever_list{width: 400px;} .index_sever .sever_small{width: 100%;} /* service_one */ .service_banner{margin-top: 60px;} .service_banner .banner_button{bottom: 20px;} .service_cycleList .service_cycle-small:nth-child(n){width: 100%;margin-right: 0px;} .service_advantage .advantage_circular{padding: 0px 0px 18px 0px;} .service_advantage .advantage_circular-img{width: 300px;height: 300px;} .service_advantage .advantage_circular-tab{position: relative;top: 0px;left: 0px;transform: none !important; max-width: 100%;margin-top: 15px;text-align: left;} .service_advantage .advantage_circular-tab a{display: flex;align-items: center;text-align: left;} .service_advantage .advantage_circular-tab .adCir_icon{order: 1;width: 80px;min-width: 80px;height: 80px;} .service_advantage .advantage_circular-tab .adCir_icon::after{width: 82px;height: 82px;transform: rotate(0deg);} .service_advantage .advantage_circular-tab .adCir_text{order: 2;} .service_advantage .advantage_circular-tab.tab-one{left: 0px;} .service_advantage .advantage_circular-tab.tab-one .adCir_icon{margin: 0px 15px 0px 0px;background-position: center;} .service_advantage .advantage_circular-tab.tab-two{left: 0px;top: 0px;margin-left: 0px;} .service_advantage .advantage_circular-tab.tab-two .adCir_icon{margin: 0px 15px 0px 0px;background-position: center;} .service_advantage .advantage_circular-tab.tab-thr{margin-left: 0px;left:0%;bottom: auto;} .service_advantage .advantage_circular-tab.tab-thr .adCir_icon{margin: 0px 15px 0px 0px;background-position: center;} .service_advantage .advantage_circular-tab.tab-fou{margin-right: 0px;left:0%;top: 0px;} .service_advantage .advantage_circular-tab.tab-fou .adCir_icon{margin: 0px 15px 0px 0px;background-position: center;} .service_advantage .advantage_circular-tab.tab-fiv{margin-right: 0px;left:0%;bottom: auto;top: 0px;} .service_advantage .advantage_circular-tab.tab-fiv .adCir_icon{margin: 0px 15px 0px 0px;background-position: center;} .service_case-swiper .swiper-slide{width: 100%;} .form_style-one .form_inline{width: 48%;} /* products */ .products_banner .banner_title .one{font-size: 3rem;} .products_banner .banner_title .two{font-size: 1rem;} .products_banner{margin-top: 60px;} .products_list .products_content{padding: 0px 30px;} /* products-detail */ .proDetail_one{margin-top: 60px;padding-bottom: 30px;} .proDetail_one .proDetail_swiper{width: 100%;margin-top: 40px;} .proDetail_one .proDetail_swiper .swiper-slide{max-height: 100vw;} .proDetail_one .proDetail_msg{padding-left: 0px;width: 100%;} .proDetail_title{font-size: 2.2rem;padding-bottom: 15px;margin-bottom: 40px;} .proDetail_one-context .title{font-size: 1.9rem;} .proDetail_title-thr{font-size: 2.1rem;padding-bottom: 14px;} .proDetail_else .swiper-slide:nth-child(n){width: 46%;margin-right: 2%;margin-left: 2%;} #dialog_one .dialog_box .dialog_one-title .z_title{min-width: 3rem;font-size: 1.5rem;margin-right: 12px;} #dialog_one .dialog_box .form_inline{width: 100%;} #dialog_one .dialog_box .dialog_one-form{padding: 15px 15px 25px 10px;} #dialog_one .dialog_box .dialog_one-form form{padding-bottom: 0px;} /* news */ .news_body_big {margin-top: 60px;} .news_body-meus .news_meus_two .newsM-img{width: 180px;min-width: 180px;} .news_body-meus .newsM-img .img{height: 76vw;} .news_body-meus .news_meus_two .newsM-img .img{height: 150px;} .news_body-meus .news_meus_two .news_label{width: calc(96.48% - 180px);padding: 7px 0px 12px 0px;} .news_body-meus .news_label .label_title{margin-top: 18px;margin-bottom: 12px;} .newsBody_list .news_rows_small a{padding: 20px 25px 20px 0px;background-size: 30px;} .newsBody_list .news_rows_small:hover a{padding: 20px 25px 20px 10px;} .newsBody_list .news_rows_small .rows_img{width: 180px;min-width: 180px;height: 135px;margin-right: 15px;} .newsBody_list .news_rows_small .rows_text{width: calc(100% - 200px);} .newsBody_list .news_rows_small .rows_text .one{margin-bottom: 1rem;} .newsBody_list .news_rows_small .rows_text .two{margin-bottom: 1rem;-webkit-line-clamp: 2;height: 3.25rem;} /* news-detail */ .news_dateil{margin-top: 60px;} /* about */ .about_boby-one{margin-top: 60px;} .about_body-thr .aboutThr-right .form_inline{margin-bottom: 20px;} .about_body-thr .aboutThr-right .form_inline label{width: 90px;min-width: 90px;} } @media (max-width: 500px){ /* head footer */ .footerZy .footer_div .footer_div_two{flex-wrap: wrap;justify-content: flex-start;} .footerZy .footer_div .footer_div_two dl{margin-right: 10px;margin-left: 10px;} /* index */ .swiper_zl_back .banner_title .one{font-size: 2.8rem;} .index_news_list .news_small_text .news_label{width: 100%;} /* cooperation */ .cooperation_context{padding: 16px 0px 40px 0px;} /* service_one */ .service_banner .banner_text{padding: 35px 0px 65px 0px;} .service_banner .banner_text .btext_title{font-size: 2.5rem;line-height: 3.25rem;} .service_banner .banner_text .btext_context{margin-top: 2em;} .service_banner .banner_button .bbt_left .bbt_return{padding-left: 42px;line-height: 30px;} .service_banner .banner_button .bbt_left .bbt_return::before{width: 30px;height: 30px;} .service_banner .banner_button .bbt_right a{min-width: 120px;padding: 0px 6px;border-radius: 18px;line-height: 36px;} .form_style-one .form_inline{width: 100%;margin-bottom: 30px;} /* products */ .products_banner .banner_title .one{font-size: 2.8rem;} .products_banner{margin-top: 60px;} .products_list .products_content{padding: 0px 10px;} /* products-detail */ .proDetail_else .swiper-slide:nth-child(n){width: 96%;} #dialog_one .dialog_box .form_inline{margin-bottom: 15px;} #dialog_one .dialog_box .form_inline label{margin-right: 5px} #dialog_one .dialog_box .form_inline input{padding: 0.25rem 10px;height: 2.3rem;} #dialog_one .dialog_box .one_form_submit{margin: 0px auto;width: 150px;line-height: 2.5rem;height: 2.5rem;} /* news */ .news_body-meus .news_meus_two{flex-wrap: wrap;} .news_body-meus .news_meus_two .newsM-img{width: 100%;margin-right: 0px;} .news_body-meus .news_meus_two .newsM-img .img{height: 76vw;} .news_body-meus .news_meus_two .news_label{width: 100%;margin-top: 8px;} .newsBody_tab a{font-size: 1.5rem;} /* news-detail */ .newsDateil_two .newsDateil_message .title{font-size: 2rem;line-height: 3rem;} .newsDateil_two .msg_pagination .ndMore_prve_next{width: 100%;} /* about */ .about_boby-one .aboutOne-left{width: 82%;} .about_boby-one .aboutOne_context{margin-top: 25px;} .about_boby-two .iabout_map_right{padding: 0px 15px;} .about_body-thr .aboutThr-right .form_inline{width: 100%;order: 1;} .about_body-thr .aboutThr-right .form_inline.check_01{order: 2;} } @media (max-width: 380px){ /* index */ .swiper_zl_back .banner_title .one{font-size: 2.4rem;} .swiper_zl_back .banner_title .two{font-size: 0.9rem;} .index_about{padding: 68px 0px 20px 0px;margin-bottom: 0px;} .index_about .about_map{position: relative;top: 0px;bottom: auto;width: 100%;transform: none;} /* products */ .products_banner .banner_title .one{font-size: 2.4rem;} .products_banner .banner_title .two{font-size: 0.9rem;} /* products-detail */ .proDetail_one-button a{width: 100%;font-size: 1rem;height: 42px; line-height: 42px;} /* news */ .newsBody_list .news_rows_small a{flex-wrap: wrap;padding: 20px 10px;background-position: 95% 92%;} .newsBody_list .news_rows_small a:hover{padding: 20px 15px;} .newsBody_list .news_rows_small .rows_img{width: 100%;margin-right: 0px;} .newsBody_list .news_rows_small .rows_text{width: 100%;} }