.clearfix { zoom: 1; } ul,li{list-style:none;padding:0;margin:0;} p,div,span{padding:0;margin:0;box-sizing: border-box;}} .clearfix:after { content: " "; display: block; font-size: 0; height: 0; clear: both; visibility: hidden; } .pbanner { position:relative; overflow:hidden; z-index: 0; } .pbanner figure { position:relative; display:block; padding-bottom: 26%; height:0; overflow:hidden; line-height:1; margin:0 } .pbanner figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover } .pbanner-text { z-index:10; width:94%; max-width:1500px; height:auto; object-fit:cover; transition:all .5s ease; left:50%!important; top: 50%; text-align:left; -webkit-transform:translate(-50%,-50%)!important; -ms-transform:translate(-50%,-50%)!important; transform:translate(-50%,-50%)!important; position:absolute; text-align:center; text-shadow:0 3px 3px rgba(0,0,0,0.3) } .pbanner-text strong { display:block; margin-bottom:8px; line-height:1.2; color:#fff; font-size: 30px; font-weight:normal; letter-spacing:0 } .pbanner-text p { color:#fff; font-size:16px; line-height:1.4; letter-spacing: 3px; margin-top:10px } .flexBetween{display:flex;flex-wrap: wrap;justify-content: space-between;} .intro_about{padding-top: 50px;padding-bottom: 50px;} .intro_about_inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:94%;max-width: 1280px;margin:0 auto;align-items: center;} .intro_about_txt{width:50%;padding-right:80px;position:relative} .intro_about_txt .title{margin:0;padding:0;position:relative;z-index:2} .intro_about_txt .title b{display:block;font-size: 36px;line-height:1em;color:#333;font-weight:normal;margin-top: 50px;} .intro_about_txt .title span{display:block;margin-top: 10px;font-size: 18px!important;line-height:1.6;color: #d90200;font-weight:300} .intro_about_txt .letter{display:block;font-style:normal;color:rgba(51,51,51,0);-webkit-text-stroke:1px #333;font-size: 160px;line-height: 1;font-family:"Montserrat-Bold";position:absolute;left:0;top:0;z-index:1;opacity: 0.1;} .intro_about_txt .txt{margin-top:30px;font-weight:300;position:relative;z-index:2;font-size: 15px;} .intro_about_txt .txt p{margin-bottom: 15px;} .intro_about_txt .txt p span{color:#d90200;font-weight:bold;margin-right:5px} .intro_about_img{width:50%} .intro_about_img img{width:100%;} .intro_about_nums{margin-top:4rem;padding: 30px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;color:#fff;width:94%;max-width: 1280px;margin: 40px auto 0;background: transparent;} .intro_about_nums .jump_num>ul{margin:0;padding:0;list-style:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center} .intro_about_nums .jump_num>ul>li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;position:relative;border-left:1px solid #eee} .intro_about_nums .jump_num>ul>li:nth-child(1){border:none} .intro_about_nums .jump_num>ul>li::after{content:"";display:block;width:1px;height:2.2rem;background-color:rgba(255,255,255,0.2);position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2} .intro_about_nums .jump_num>ul>li:nth-last-of-type(1)::after{display:none} .intro_about_nums .jump_num>ul>li p{margin:0} .intro_about_nums .jump_num>ul>li .top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-family:"Montserrat-Bold"} .intro_about_nums .jump_num>ul>li .top .num{font-size: 20px;line-height:1em;color:#d90200;background-image:-webkit-linear-gradient(bottom,#d90200,#45b0de);-webkit-background-clip:text;-webkit-text-fill-color:transparent} .intro_about_nums .jump_num>ul>li .top em{font-style:normal;font-size:0.88rem} .intro_about_nums .jump_num>ul>li .des{margin:0;font-size:16px;line-height:2em;font-weight:lighter;color:#333} .intro_about_nums .big_data{margin-top: 0;} .intro_about_nums .big_data .ite{text-align:center} .intro_about_nums .big_data .ite:last-child{width: auto;} .intro_about_nums .big_data .ite .top{font-size: 17px;color: #d90200;} .intro_about_nums .big_data .ite .counter{font-weight: bold;font-size: 36px;font-family: arial;line-height: 1;} .intro_about_nums .big_data .ite .bot{font-size: 15px;color: #888;margin-top: 0px;} .intro_about_nums .big_data p{width:1px;background:#999;opacity:0.3} .intro_culture>ul{margin:0;padding:0;list-style:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex} .intro_culture>ul>li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative} .intro_culture>ul>li .txt{width:100%;height:100%;color:#fff;position:absolute;left:0;top:0;z-index:2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center} .intro_culture>ul>li .txt .t{font-size: 24px;line-height: 1.5;margin-bottom: 10px;} .intro_culture>ul>li .txt .des{color:#fff;font-weight:300;padding: 30px 15%;text-align: center;line-height: 2;} .intro_culture>ul>li img{width:100%} .intro_history{padding-top: 60px;padding-bottom: 60px;text-align: left;} .intro_history_slide_top{width:880px;margin:0 auto;position:relative} .intro_history_slide_top .swiper_arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2} .intro_history_slide_top .swiper_arrow.intro_history_prev{left: -200px;} .intro_history_slide_top .swiper_arrow.intro_history_next{right: -200px;} .intro_history_for{width:100%;padding: 100px 0;overflow:hidden} .intro_history_nav .swiper-slide .item{font-size: 22px;padding-top:20px;text-align:center;margin-top: 10px;} .intro_history_nav .swiper-slide .item:before{content:"";display:block;width:10px;height:10px;border-radius:100%;background-color:#999;position:absolute;left:50%;margin-left:-5px;top:3px;z-index:3} .intro_history_nav .swiper-slide .item:after{content:"";display:block;width:16px;height:16px;border-radius:100%;background-color:rgba(153,153,153,0.3);position:absolute;left:50%;margin-left:-8px;top:0px;z-index:2} .intro_history_nav .swiper-slide-active .item{color: #fff;z-index: 9;position: relative;padding-top: 30px;margin-top: 0;} .intro_history_nav .swiper-slide-active .item:before{background-color: #fff;} .intro_history_nav .swiper-slide-active .item:after{background-color: rgba(255,255,255,0.3);} .intro_history_for .item{height:270px;outline:0;display:-webkit-box !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;position:relative} .intro_history_for .item .txt,.intro_history_for .item .txt p,.intro_history_for .item .txt span{font-family: 'din-bold_'!important;font-size: 18px!important;line-height: 1.6!important;color:#333;font-weight:lighter} .intro_history_for .item .year{display:block;font-size: 300px;height: auto;font-weight: bold;line-height: 1;font-family: arial;color: rgba(51,51,51,0.07);position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;pointer-events:none} .intro_history_nav{position:relative} .intro_history_nav:before{content:"";display:block;width:100%;height:1px;line-height:1px;background-color: #eee;position:absolute;left:0;top:8px;z-index:1} .intro_history_nav .slick-list{z-index:5} .intro_history_nav .slick-slide .item{text-align:center;outline:0;cursor:pointer;padding:35px 0 0;position:relative;color:#999;font-size:16px;font-weight:bold} .intro_history_nav .slick-slide .item:before{content:"";display:block;width:10px;height:10px;border-radius:100%;background-color:#999;position:absolute;left:50%;margin-left:-5px;top:3px;z-index:3} .intro_history_nav .slick-slide .item:after{content:"";display:block;width:16px;height:16px;border-radius:100%;background-color:rgba(153,153,153,0.3);position:absolute;left:50%;margin-left:-8px;top:0px;z-index:2} .intro_history_nav .slick-slide.slick-current .item{color:#d90200} .intro_history_nav .slick-slide.slick-current .item:before{background-color:#d90200} .intro_history_nav .slick-slide.slick-current .item:after{background-color:rgba(215,24,31,0.3)} .swiper-slide-active .titie_box_bg {transform: scale(1);} .titie_box_bg {width: 130px;position: absolute;left: 50%;top: 50%;margin: -65px 0 0 -65px;z-index: 1;transform: scale(0);transition: all .5s ease;} .swiper-slide-active .titie_box_bg > #title_bg_down {animation: alpha 2.25s linear infinite forwards;} .titie_box_bg #title_bg_down {opacity: .3;transform: rotate(37deg) scale(1.02);position: absolute;left: 0;right: 0;z-index: 0;} .titie_box_bg svg {width: 100%;position: relative;z-index: 1;} .st3 {fill-rule: evenodd;clip-rule: evenodd;fill: #d90200;offset: 20%;} @keyframes alpha { 0% {transform: rotate(0);} 25% {} 50% {border-radius: 50%;} 75% {} 100% {transform: rotate(360deg);} } .intro_team{padding-bottom:0;padding-top:80px;padding-bottom:80px;background: url(../images/newsbj.jpg) no-repeat center bottom;position: relative;background-size: cover;background-attachment: fixed;} .intro_team:before{content:"";position:absolute;background: #d9261c;left:0;top:0;width:100%;height:100%;z-index: 1;opacity: 0.15;} .intro_team_title,.intro_honor_title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display: block;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:94%;max-width: 1280px;margin:0px auto 0;z-index: 9;position: relative;text-align: center;} .intro_team_title p,.intro_honor_title p{margin-top: 0px;max-width: 1280px;color: #666;font-size: 15px;line-height: 1.8;padding-right: 10px;} .intro_team ul{display:flex;width: 94%;max-width: 1300px;margin: 40px auto 0;position: relative;z-index: 2;justify-content: space-between;flex-wrap: wrap;} .intro_team ul li{flex:calc(20% - 20px);margin:0 10px;padding: 30px 20px;background: rgba(255,255,255,0.3);text-align: center;color: #555;line-height: 1.5;} .intro_team ul li span{display:block;font-size: 18px;font-weight: bold;margin-bottom: 10px;color: #333;} .intro_honor{padding-bottom:0;padding-top:80px;padding-bottom:80px;background: #fff;} .intro_honor_row{width: 94%;max-width: 1280px;margin: 30px auto;border: 1px solid #eee;padding: 40px;} .intro_history img{width:94%;max-width:1280px;margin: 30px auto 0;display: block;} .news-boxs,.news-view{padding: 40px 0 60px;background:#f7f7f7;} .index_case_list{display:flex;justify-content: flex-start;padding:0;overflow:hidden;width: 100%;max-width: 1280px;margin: 0px auto 0;flex-wrap: wrap;} .caselist{border-radius: 5px;overflow: hidden;display: block;flex: 0 0 calc((100% / 3) - 30px);width: calc((100% / 3) - 30px);margin: 0 15px 30px;} .caselist a{position:relative;overflow: hidden;display: block;} .caselist:nth-child(3n){/* margin-right:0; */} .caselist .img{position:relative;overflow:hidden;padding-bottom: 66%;border-radius: 0;/* border: 1px solid #eee; */} .caselist.fw .img{padding-bottom: 50%;border-radius:6px;border:none;} .caselist .img img{width:100%;height:100%;object-fit:cover;transition:all .8s ease;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute} .caselist .txt{padding: 15px;background: #f7f7f7;position: relative;bottom: 0;width: 100%;color: #333;z-index: 2;} .caselist .txt .title{word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size: 16px;font-weight: bold;color: #333;text-align: center;} .caselist:hover .txt{background:#d9261c;} .caselist:hover .txt .title{color:#fff} .caselist .txt .summry{word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;color:#999;margin-top:10px;text-align: center;display: none;} .caselist.fw .txt{padding: 15px 15px;background: -webkit-linear-gradient(top,rgba(0,0,0,0.1),rgba(0,0,0,0.5));position: absolute;z-index: 9;bottom: 0;border-radius: 6px;} .caselist.fw .txt .title{word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size: 16px;font-weight: bold;color: #fff!important;text-align: left;} .caselist.fw .txt .summry{word-break:break-all;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;color: #fff;margin-top: 5px;text-align: left;/* display: block; */} .caselist:hover .img img{width:110%;max-width:110%} .caselist:hover .txt{/* background: linear-gradient(0deg, #d90200 0%, rgba(0,0,0,0) 100%); */} .news_detail{display: flex;padding-bottom: 60px;padding-top: 60px;width: 94%;max-width: 1280px;margin: 0 auto;flex-wrap: wrap;position: relative;} .news_detail .news_detail_left{flex: 0 0 72%;margin-right: 3%;padding: 30px;background: #fff;position: relative;width: 70%;} .news_detail .news_detail_right{flex:0 0 25%;padding: 20px 30px;background: #fff;} .news_detail_right .caselist{flex:0 0 100%;margin-bottom: 20px;position: relative;margin: 0 0 30px;} .news_detail_right .index_case_list{width:100%;} .news_detail .news_detail_right .news_list{padding-bottom:20px;} .zx_list{flex:0 0 100%;margin:0 0 20px;border: 1px solid #eee;padding: 0;} .zx_list img{max-width: 100%;} .zx_list .abo_r3_t{padding:0;line-height:1;transition:color 0.5s cubic-bezier(0.25,0.74,0.22,0.99) 0s} .zx_list .abo_r3_t h4{font-size:14px;color:#999;font-weight:normal;margin:0} .zx_list .abo_r3_t h5{margin-bottom:10px;font-size:18px;height: auto;line-height:1.4;margin-top: 10px;padding: 20px 20px 10px;border:none;font-weight:bold;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .zx_list .abo_r3_t div{font-size:16px;color:#999} .zx_list .abo_r3_info{background-color:#fff;padding:0;height:auto;display:flex;flex-direction:column;justify-content:space-between;position:relative;margin-top:30px;padding: 10px 20px 20px;} .zx_list .pub_info_s{font-size:14px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;work-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#666} .zx_list .hint_t{align-self:flex-end;display:flex;align-items:center;justify-content:flex-end;color: #d90200;font-size: 14px;line-height:1;margin-top:20px;margin-right:0;padding-right:0} .zx_list .hint_t i{margin-left:0.12rem;font-size:.12rem;margin-top:0.02rem;margin-right:-0.07rem} .zx_list a .abo_r3_info::before{content:'';display:block;position:absolute;left: 20px;top:-15px;width:80px;height:1px;background-color:#ddd;transition:opacity 0.5s cubic-bezier(0.25,0.74,0.22,0.99) 0s} .gsunfwbt{width: 94%;max-width:1400px;margin: 0px auto;font-size: 20px;/* font-weight: bold; */border-bottom: 1px dashed #ddd;padding: 20px 0;} .gsungdbt{width: 94%;max-width:1400px;margin: 0px auto;font-size: 20px;font-weight: bold;border-top: 1px dashed #eee;padding-top: 40px;} .gsunfw{margin-top: 30px;margin-bottom: 30px;} .gsunfw li{list-style:none;background: #f7f7f7;padding: 10px 20px;margin-bottom: 10px;} .gsunfw a{/* position: relative; *//* overflow: hidden; *//* display: flex; */color: #333;} .gsunfw li:hover a{color: #fff;} .gsunfw li:hover{background: #d9261c;} .gsunfw .summary{font-size:14px;color: #888;margin-bottom: 10px;} .gsunfw .more{font-size: 14px;text-align: right;border-top: 1px solid #e5e5e5;padding-top: 10px;} .gsunfw p{font-size: 0;padding: 0;margin: 0;} .gsunfw img{max-width:100%;width: 50px;margin-bottom: 10px;opacity: 0.6;} .gsunfw .title{position: relative;bottom: 0;width: auto;padding: 0;color: #333;font-size: 15px;text-align: left;display: block;margin-bottom: 0;border-radius: 5px 5px 0 0;overflow: hidden;} .gsunfw a:hover .title{/* color: #136eb5; */} .news_detail_right .top-tel .item .value{font-size:24px;} .page_single_wrap{padding-bottom:3.2rem} .page_single{padding-top: 0;} .page_single_top .title{margin:20px 0 20px;padding: 0 0 20px;font-size:24px;line-height:1.5;color:#333;border-bottom: 1px solid #eee;} .page_single_top .info{margin-top:10px;font-size:14px;line-height:1em;color:#999;font-weight:lighter;/* background:#f7f7f7; */width:100%;padding: 10px 0;} .page_single_txt{padding: 20px 0 20px;font-size:16px;line-height: 1.5;color:#333} .page_single_txt p{font-size: 15px;line-height: 1.6;margin-bottom: 10px;/* text-indent: 2em; */} .page_single_txt strong,.page_single_txt strong span{font-weight: bold;color: #015c94;margin: 10px 0 0;display: inline-block;text-indent: 0;} .page_single_txt p span{text-wrap: wrap!important;} .page_single_txtleft{padding-top:30px;border-top:1px solid #eee;padding-bottom:30px; border-bottom:1px solid #eee;} .page_single_txtright{margin-top:50px} .page_single_txtright p{font-size:15px;line-height:1.8} .page_single_txt img{display:block;margin:10px auto;max-width:100% !important;height:auto !important} .single_nav{border-top: 1px dashed #eee;width:100%;padding: 30px 0;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#727171;margin-top: 20px;flex-wrap: wrap;} .single_nav_arrow{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size: 14px;line-height:16px;color:#999;flex: 0 0 100%;margin-bottom: 10px;} .single_nav_arrow svg{width:16px;height:16px;color:#999} .single_nav_prev svg{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin-right:0.6rem} .single_nav_next{margin-left:auto} .single_nav_next svg{margin-left:0.6rem} .single_nav a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#727171;-webkit-transition:all 0.5s;transition:all 0.5s} .single_nav a svg{color:#727171;-webkit-transition:all 0.5s;transition:all 0.5s} .single_nav a:hover{color: #015c94;} .single_nav a:hover svg{color:#000} .single_nav .btn_back{white-space:nowrap;margin:0;padding:0;background:none;border:none;outline:0;font-size: 14px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all 0.5s;transition:all 0.5s} .single_nav .btn_back:hover{color: #333;} .news_list .list{padding-bottom: 20px;width: 100%;max-width: 1280px;margin:0 auto;border: none;} .news_list .list>ul{margin:0;padding:0;list-style:none;border-top: 3px solid #015c94;} .news_list .list>ul>li{display:block;border: 1px solid #eee;border-top: none;} .news_list .list>ul>li>a{padding: 20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex} .news_list .list>ul>li>a .img{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;/* margin-right: 50px; */width: 25%;height: 201px;overflow:hidden;border-radius: 8px;border: 1px solid #eee;} .news_list .list>ul>li>a .img img{width:100%;height:100%;object-fit:cover;background-color:#f5f5f5;-webkit-transition:all 1s;transition:all 1s} .news_list .list>ul>li>a .date{width: 160px;font-size: 14px;color: #666;white-space:nowrap;font-family: arial;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;} .news_list .list>ul>li>a .date p{margin:0;font-family: arial;} .news_list .list>ul>li>a .date em{display:block;font-style:normal;font-size: 48px;line-height:1em;font-weight: bold;color: #666;font-family: arial;} .news_list .list>ul>li>a .txt{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-left: 0;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column} .news_list .list>ul>li>a .txt b.t{font-size: 16px;line-height: 1.5;color:#000;-webkit-transition:all 0.5s;transition:all 0.5s;padding-left: 15px;} .news_list .list>ul>li>a .txt b.t:before{content:'';left:0;position: absolute;top: 10px;background: #015c94;width: 6px;height: 6px;border-radius: 50%;} .news_list .list>ul>li>a .txt .title{display:flex;justify-content: space-between;align-items: center;} .news_list .list>ul>li>a .txt .time{font-size: 12px;color: #888;flex: 0 0 90px;text-align: right;} .news_list .list>ul>li>a .txt .des{margin: 5px 0 0;font-size: 14px;line-height: 1.7;color:#999;height: auto;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical} .news_list .list>ul>li>a .txt .more01{margin-top: 20px;width:105px;padding:0;background:none;color: #999;font-size: 14px;} .news_list .list>ul>li>a:hover .img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} .news_list .list>ul>li>a:hover .txt b.t{color: #d90200;} .cul_concp{background: #f7f7f7;overflow: hidden;background-position: right top;background-repeat: no-repeat;background-size: cover;padding: 50px 0 60px;} .cul_concp .case{max-width: 1280px;margin: 0 auto;width: 94%;} .cul_conxq{background: #fff;}.cul_conxq2{background: #f7f7f7;} .join{display: flex;background: #d90200;color: #fff;} .joinli{flex: 1;text-align: center;padding: 20px;border-left: 1px solid rgba(255,255,255,0.2);} .joinli:nth-child(1){border:none;} .joinli p{} .joinrow{border-bottom: 1px solid #eee;} .joinrowlist{display: flex;background: #fff;font-size: 15px;} .joinrowlist .joinli{border-left: 1px solid rgba(0,0,0,0.02);} .joinrowdetail{background: #eee;padding: 50px;display: none;} .j_cur .joinrowdetail{display:block;line-height: 1.8;font-size: 15px;color: #666;} .j_cur .joinrowdetail p,.j_cur .joinrowdetail span{text-wrap: wrap!important;} .nyxgxx .sub_nav{width:94%;margin: 0 auto 20px;max-width:1280px;font-size: 16px;font-weight: bold;} .searchrow{} .box_search{display:flex} .searchrowinput{flex:1} .searchrowsubmit{position:relative;width:40px} .searchrowsubmit svg{/* width:20px; *//* height:20px; */} @media (max-width:1440px){ .page_single_txt{font-size:14px} .intro_history{padding-top:3.2rem;padding-bottom:3.2rem} .intro_history_slide_top{width:750px} .intro_history_for{padding:1.6rem 0} .intro_honor_slide a span{font-size:14px} .intro_honor_slide{margin-top: 20px;} .intro_honor{padding-top: 40px;padding-bottom: 40px;} .intro_history_for .item .txt{font-size:20px;line-height:40px} .intro_about{padding-top: 40px;padding-bottom: 40px;} .intro_culture>ul>li .txt .t{font-size:20px;} .intro_culture>ul>li .txt .des{font-size:15px;line-height:1.5} .intro_about_nums .big_data .ite .counter{font-size:36px;} .intro_about_txt .title b{font-size:32px} .intro_about_txt .title span{font-size:24px!important} .news_list .list>ul>li>a .txt .des{/* margin:1.2rem 0 2rem; */} .news_list .list>ul>li>a .txt b.t{font-size:18px} .news_list .list>ul>li>a{/* padding:2rem 0; */} .news_list{padding-bottom: 0;} .news_list .list{padding-bottom:2rem} .news_list .list>ul>li>a .img{/* margin-right:2rem; */height:250px} .news_list .list{padding-bottom: 0;} } @media (max-width:1199px){ .intro_honor{padding-bottom:20px} .intro_about_nums{margin-top:20px;padding:40px 0} .intro_about_txt{padding-right:20px} .intro_about{padding-bottom:20px} .intro_about_nums .big_data .ite .counter{font-size:30px;} .page_single_top .title{font-size:20px} .page_single_wrap{padding-bottom:20px} .news_list .list>ul>li>a .img{margin-right:0} } @media (max-width:968px){ .intro_history_for .item .txt{font-size:16px;line-height:2em} .intro_history_slide_top .swiper_arrow.intro_history_next{right:-3.2rem} .intro_history_slide_top .swiper_arrow.intro_history_prev{left:-3.2rem} .intro_history_slide_top{width:70%} .intro_culture>ul>li .txt .t{font-size:20px;} .intro_culture>ul>li .txt .des{font-size:14px;line-height:1.6;padding: 15px 10% 20px;} .intro_about_nums .jump_num>ul>li .des{font-size:12px;padding:0 20px} .intro_about_nums .jump_num>ul>li{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;margin-bottom:20px} .intro_about_img{width:100%} .intro_about_txt{width:100%;padding:0} .intro_about_inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column} .intro_about_nums .jump_num>ul{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start} .intro_about_nums .big_data .ite .counter{font-size: 22px;} .news_list .list>ul>li>a .txt .des{font-size:12px} .news_list .list>ul>li>a .txt b.t{font-size:15px;line-height: 1.4;} .news_list .list>ul>li>a .img{height:200px} .news_list .list>ul>li>a .date{width:130px} .joinli{padding: 10px;} .joinrowdetail{padding: 20px;} .cul_con .case {margin: 30px auto;} } @media (max-width:768px){ .intro_history_for{padding-bottom:0} .intro_history_for .item{height:auto;min-height:150px;padding:0 40px} .intro_history_for .item .txt{font-size:14px;line-height:26px;font-weight:normal} .intro_history_for .item .year{font-size:8rem} .intro_history_nav{margin-top:20px} .intro_history_nav .slick-slide .item{font-size:14px;padding-top:20px} .intro_honor_page{padding:5px 0 20px} .intro_honor_slide a .img{height:150px} .intro_honor_slide a span{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;height:4em} .intro_history_slide_top .swiper_arrow{position:static;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} .intro_history_slide_top{width:100%} .intro_history_slide_top .swiper_arrows{margin-top:20px} .intro_history_slide_top .swiper_arrows>ul{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center} .intro_culture>ul>li .txt .des{font-weight:normal} .intro_culture>ul>li img{height: 300px;object-fit:cover} .intro_culture>ul>li .txt .t{font-size:18px} .intro_culture>ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column} .intro_about_nums .jump_num>ul>li .des{font-size:12px;margin-top:5px;line-height:1.5em;font-weight:normal} .intro_about_nums{padding: 0;border: none;} .intro_about_nums .jump_num>ul{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} .intro_about_txt .txt{font-weight:normal;font-size: 14px;line-height: 1.8;} .intro_about_nums .big_data .ite{flex: 0 0 50%;margin:10px 0;/* border-bottom: 1px solid #ddd; *//* padding-bottom: 20px; */} .intro_about_nums .big_data p{display:none;} .intro_about_txt .title b{font-size: 24px;margin-top: 0;} .intro_about_txt .title span{font-size: 16px!important;} .intro_about_txt .letter{font-size: 100px;} .caselist{/* width:100%; *//* margin: 0 auto 10px; */flex: 0 0 calc((100% / 2) - 10px);width: calc((100% / 2) - 10px);margin: 0 5px 10px;} .caselist .txt{padding: 10px;} .caselist .txt .title{font-size: 14px;font-weight: normal;} .news_detail .news_detail_left,.news_detail .news_detail_right{margin:0;flex:0 0 100%;padding: 0 20px;} .single_nav_arrow svg{width:12px;height:12px} .single_nav .btn_back{font-size:14px} .single_nav_arrow{font-size:14px;line-height:14px} .page_single_top .info{font-size:12px;font-weight:normal} .page_single_top .title{font-size:18px;margin-bottom:0} .news_list .list>ul>li>a .img{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0;margin:0;width:100%;height:200px} .news_list .list>ul>li>a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column} .news_list .list>ul>li>a .date{display:block;font-size:14px;line-height:1em;margin:10px 0;color:#666} .news_list .list>ul>li>a .date p{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row} .news_list .list>ul>li>a .txt{width:100%;padding-left:0} .news_list .list>ul>li>a .date em{font-size:14px;font-weight: normal;} .news_list .list>ul>li>a .date em::before{content:"-"} .news_list .list>ul>li>a .txt::before{display:none} .news_list .list>ul>li>a .txt .des{margin: 10px 0 0;height:auto} } .intro_honor_slide .img{height:0;padding-bottom:75%;border:1px solid #eee;} .intro_honor_slide .img img{width:auto;height:auto;max-height: 90%;max-width: 90%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;} .title01 {margin: 0;padding: 0;} .title01 b {display: block;font-size: 30px;line-height: 1.5;color: #333;font-weight: normal;} .swiper_arrows>ul{/* margin:0 -0.6rem; */padding:0;list-style:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:15px} .swiper_arrows>ul>li{padding: 0 10px;} .swiper_arrows>ul>li>div{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;outline:0;cursor:pointer;width:50px;height:50px;border: 1px solid #bbb;background: rgba(255,255,255,0.75);border-radius:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.5s;transition:all 0.5s} .swiper_arrows>ul>li .index_products_prev{transform:rotateY(180deg)} .swiper_arrows>ul>li>div svg{width:16px;height:16px;color:#aaa;-webkit-transition:all 0.5s;transition:all 0.5s} .swiper_arrows>ul>li>div:hover{border-color:#d90200;background-color:#d90200} .swiper_arrows>ul>li>div:hover svg path{fill:#fff} .swiper_page{width:100%;height:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center} .swiper_page .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;border-radius:5px;background-color:#fff;opacity:0.5;-webkit-transition:all 0.5s;transition:all 0.5s} .swiper_page .swiper-pagination-bullet-active{width:2rem;opacity:1} .swiper_page.colored .swiper-pagination-bullet{background-color:#000;opacity:0.4} .swiper_page.colored .swiper-pagination-bullet-active{background-color:#d90200;opacity:1} .contact{padding: 50px 0;background:#f7f7f7} .contactrow{width:94%;max-width: 1280px;margin:0 auto;display:flex;justify-content:space-between;background:#fff} .contact-informate{width:50%} .contact-informate .marketing-top{text-align:left;margin-bottom:40px} .map{height:300px} .bm_bottomLeftOverlay{display:none !important} .contact-address{padding-top:4.69vw;width:45%} .address-item{margin-bottom:3.85vw} .address-item:last-child{margin-bottom:0} .address-item strong{display:block;margin-bottom:30px;line-height:1;color:#333333;font-size:26px;font-weight:bold;font-family:"Open Sans-bold"} .address-item p{color:#666666;font-size:15px;margin-bottom:10px} .address-item:last-child{margin-bottom:0} .measage{display:flex;justify-content:space-between;align-items:flex-start;padding: 50px 0;background:#eee} .message-imgs{width:38.43%} .message-imgs figure{position:relative;display:block;padding-bottom:129.9%;height:0;overflow:hidden;line-height:1} .message-imgs figure img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover} .message-imgs figure img{height:110%} .message-form{margin-right:14.58vw;padding-top:0;width: 100%;/* max-width:1280px; */padding: 0;float: left;background: #fff;padding: 40px;border: 1px solid #eee;} .message-form .marketing-top{text-align:left;font-size: 16px;margin-bottom: 20px;} .message-form .marketing-top strong{margin-bottom:0;line-height: 1.8;display:block;font-weight: bold;} .message-form .marketing-top p{margin-top:15px} #sFrom{display:flex;flex-wrap:wrap;justify-content: space-between;} .message-row{margin-bottom: 15px;width: calc(50% - 10px);overflow: hidden;} .message-row label{display:block;margin-bottom: 5px;flex: 0 0 100%;font-size: 15px;} .message-row select {display: block;width: 100%;height: 50px;line-height: 50px;color: #333;font-size: 14px;padding: 0 10px;border: none;outline: none;transition: 0.3s;background: #f9f9f9;box-sizing: border-box;border-radius: 5px;position: relative;border: 1px solid #eee;} .message-row:nth-child(1){width:100%} .message-row .text{display:block;width:100%;height: 50px;line-height: 50px;color:#999999;font-size:14px;padding:0 20px;border:none;outline:none;transition:0.3s;background: #f9f9f9;box-sizing: border-box;border: 1px solid #eee;} .message-row .text:focus{border-color:#015c94} .message-row .text:focus::-webkit-input-placeholder{opacity:0;visibility:hidden} .message-row .textarea{font-family: 'Poppins-Regular', Arial, 'Microsoft Yahei';color:#999999;font-size: 14px;padding: 20px 20px;height: 120px;box-sizing:content-box;border:none;transition:0.3s;width:-webkit-fill-available;resize:none;background: #f9f9f9;border: 1px solid #eee;} .message-row .textarea::placeholder{font-size:14px;} .message-row .textarea:focus{border-color:#015c94} .message-row .textarea:focus::-webkit-input-placeholder{opacity:0;visibility:hidden} .message-row2{width:100%;} .message-sub{display: block;position:relative;text-align: center;cursor:pointer;margin-top: 10px;width:100%} .message-sub button{width: auto;line-height: 40px;background: #999;color:#fff;border:none;cursor:pointer;border-radius: 50px;padding: 0 40px;transition:all .5s ease;font-size: 14px;} .message-sub button:hover{background: #015c94;transition:all .5s ease;} .message-sub .sub{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer} .message-sub span{display:inline-block;margin-right:8px;color:#015c94;font-size:18px;font-family:"Open Sans-bold"} .message-row.yzm{display:flex;flex-wrap: wrap;} .message-row.yzm .yzm{display:flex;width: 100%;} .message-row.yzm input{flex:1;display: block;width: 100%;height: 50px;line-height: 50px;color: #999999;font-size: 14px;padding: 0 20px;border: none;outline: none;border: 1px solid #e5e5e5;transition: 0.3s;background: #f9f9f9;} .message-row.yzm img{height:50px;width:auto;flex:0 0 auto} .banner-info .banner-small,.banner-info .banner-create{opacity:0;transform:translateY(100px);transition:1.5s 1s} .banner-info.show .banner-small,.banner-info.show .banner-create{opacity:1;transform:translateY(0)} .swiper-slide-active .banner-info .banner-small,.swiper-slide-active .banner-info .banner-create{opacity:1;transform:translateX(0px)} .box{position:relative} .box-centent{position:relative} .box-row{position:relative;margin:0 auto;width:100%;height:auto;display:block} .box-banner{width:100%;height:100vh;position:relative} .fenye {padding: 40px 0 20px;text-align: center;overflow: hidden;clear: both;} .fenye a, .fenye span {zoom: 1;display: inline-block;vertical-align: middle;padding: 5px 8px;font-size: 12px;color: #666;background: #fff;margin-bottom: 4px;margin-right: 3px;border: 1px solid #eee;} .fenye a:hover, .fenye .page-num-current {background: #d90200;color: #fff;} #mapContainer{width:100%;height: auto;z-index: 1;} #tip{height:30px;background-color:#fff;padding-left:10px;padding-right:10px;position:absolute;font-size:12px;right:10px;bottom:20px;border-radius:3px;line-height:30px;border:1px solid #ccc;} div.info-top {position: relative;background: none repeat scroll 0 0 #F9F9F9;border-bottom: 1px solid #CCC;border-radius:5px 5px 0 0;} div.info-top div {display: inline-block;color: #333333;font-size:14px;font-weight:bold;line-height:31px;padding:0 10px;text-align:left;} div.info-top img {position: absolute;top: 10px;right: 10px;transition-duration: 0.25s;width: auto;} div.info-top img:hover{box-shadow: 0px 0px 5px #000;} div.info-middle {font-size:12px;padding:10px;line-height:21px;text-align:left} div.info-bottom {height:0px;width:100%;clear:both;text-align:center;} div.info-bottom img{position: relative;z-index:104;width: auto;} .cpfl{padding-top: 20px;padding-bottom: 20px;background: #fff;border-bottom: 1px solid #eee;padding-top: 230px;} .cpflrow{display: flex;width: 94%;max-width: 1280px;margin: 0 auto;} .cpflleft{flex: 1;font-size: 14px;} .cpflright{line-height: 40px;color: #666;font-size: 14px;} .cpfl ul{display: block;justify-content: space-between;margin: 0 auto;margin: 0 auto;flex-wrap: wrap;padding: 0;} .cpfl ul li{flex: auto;text-align: left;display: inline-block;justify-content: center;border-bottom:1px solid #fff;float: left;} .cpfl ul li:hover{background: -webkit-linear-gradient(left,#d90200,#d90200);} .cpfl ul li.active{background: -webkit-linear-gradient(left,#d90200,#d90200);} .cpfl ul li b{font-size: 40px;opacity: 0.2;color: #d90200;font-family: "Cormorant SC";} .cpfl ul li p{display: inline-block;font-size: 15px;/* font-weight: bold; */padding: 0px 25px;line-height: 40px;color: #333;border-right: 1px solid #eee;margin: 0;} .products-boxs{background: #f7f7f7;padding: 50px 0;} .cpfl ul li:hover p,.cpfl ul li.active p{color:#fff} .products-li{display: flex;width: 94%;max-width: 1400px;margin: 0 auto;flex-wrap: wrap;text-align: left;} .products-li li{flex: 0 0 calc((33.3% - 22px)/1);width: calc((33.3% - 22px)/1);margin: 10px;float: left;background: #fff;border: 1px solid #eee;} .products-li li figure {position: relative;display: block;padding-bottom: 70%;height: 0;overflow: hidden;line-height: 1;margin: 0;} .products-li li figure span{position:absolute;top:100%;background: rgba(18,126,255,0.9);padding: 30PX;height: 100%;width: 100%;color: #fff;white-space: pre-line;font-size: 15px;line-height: 1.6;} .products-li li:hover figure span{top:0;} .products-li li .img1{width: 100%;height: auto;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;} .products-li li .img2{display: none;width: 100%;height:100%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;} .products-li li:hover .img1{/* display: none; */width: 105%;} .products-li li:hover .img2{display: block} .products-text{padding: 10px;text-align: center;margin: 20px;border-radius: 30px;border: 1px solid #eee;} .products-text p{color: #333333;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .products-text span{color: #666;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .products-li li:hover .products-text{background: #d90200;} .products-li li:hover .products-text p{color:#fff;} .case-li{display: flex;width: 100%;max-width: 1280px;margin: 0px auto;flex-wrap: wrap;text-align: left;} .case-li li{flex: 0 0 calc((100% / 3) - 30px);width: calc((100% / 3) - 30px);margin: 0 15px 30px;float: left;} .case-li li figure {position: relative;display: block;padding-bottom: 75%;height: 0;overflow: hidden;line-height: 1;border: 1px solid #eee;} .case-li li .img1{width: auto;height: auto;max-width: 80%;max-height: 80%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;} .case-li li:hover .img1{width: auto;height: auto;max-width: 85%;max-height: 85%;} .case-text{padding: 10px;z-index: 9;position: relative;background: #fff;width: 100%;text-align: center;color: #333;bottom: 0;border: 1px solid #eee;border-top: none;} .case-text p{font-size: 16px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .case-li li:hover .case-text{background: #d9261c;color: #fff;} .detail-one{margin: 0 auto;display: flex;flex-wrap: wrap;background: #fff;} .cpxqleft{flex: 0 0 50%;position: relative;margin-right: 0;background: #fff;padding: 0;} .cpxqright{flex: 1;padding: 40px;color: #333;} .detail-one-img{position: relative;padding-bottom: 100%;width:100%;overflow:hidden;} .detail-one-img img{width:100%;height:100%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;} .detail-one-imgs{/* position: absolute; */width: 100%;right: -200px;bottom: 50px;} .detail-one-title{font-size: 26px;font-weight: bold;margin-top: 0;} .detail-one-text{font-size: 14px;color: #666;white-space: pre-line;font-size: 15px;line-height: 1.6;} .detail-one-text p{margin: 0;} .detailbut{margin-top: 10px;} .textarea-back{width: 140px;display: block;margin: 40px auto 40px;text-align: center;line-height: 46px;background: #d90200;} .back-title{font-size: 14px;color: #fff;} .cpxqrz{padding-top: 30px;margin: 30px auto 0;overflow: hidden;border-bottom: 1px solid #eee;border-top: 1px solid #eee;} .cpxqjs{padding:30px;background:#fff;} .cpxqrz span{font-size: 14px;color: #fff;padding: 10px;background: #d90200;line-height: 40px;border-radius: 5px 5px 0 0;margin-left: 30px;} .cpxqrz img{max-width: 100%;} .cpzx{padding: 60px 0 40px;} .cpzx ul{width: 94%;max-width: 1480px;margin: 0 auto;display: flex;flex-wrap: wrap;} .cpzx ul li{flex: 0 0 calc((33.3% - 90px)/1);margin: 20px 40px 60px;border: 5px solid #eee;border-image: linear-gradient(#c9a063,#ffdca6,#cda75b)30 30;text-align: center;position: relative;} .cpzx li img{width:240px;max-width: 80%;margin-top: 20px;transition: all .5s ease;} .cpzx li b{width: 80px;display: block;font-size: 50px;line-height: 1;opacity: 1;color: rgba(167,129,87,0.5);background: #fff;font-family: "Cormorant SC";position: absolute;padding: 10px;top: -43px;} .cpzx ul li:hover b{color: rgba(167,129,87,1);} .cpzx ul li:hover p{color: #d90200;} .cpzx li p{font-size: 25px;font-weight: bold;padding-left: 0;color: #333;} .cpzx li .title1{color: #666;font-size: 14px;} .cpzx li .title2{color: #888;margin-bottom: 30px;font-family: "Cormorant SC";font-size: 16px;} .detailrow{margin: 0 auto;display: flex;} .detailleft{width: 20%;flex: 0 0 20%;} .detailright{width: 77%;flex: 0 0 77%;margin-left: 3%;background: #fff;padding: 20px;} .detailrightbt{color: #333;font-weight: bold;font-size: 18px;margin-bottom: 20px;border-bottom: 1px solid #eee;padding-bottom: 10px;} .detailright ul{} .detailright li{} .detailright li figure{margin: 0;} .detailright li img{width: 100%;} .detailright li .xg-text{padding: 5px;border: 1px solid #eee;text-align: center;border-radius: 30px;margin: 5px 0 20px;} .detailright li p{} .detailcpzx{padding: 8px 30px;background: #d90200;display: inline-block;color: #fff;} .inforow{width:94%;max-width:1600px;padding:30px;background:#fff;margin: 0 auto;} .infobt{font-size:24px;margin-bottom: 30px;border-bottom: 1px solid #eee;padding-bottom: 20px;} .infotxt{font-size:15px;line-height: 1.8;} .infotxt p,.infotxt span{text-wrap: inherit!important;} .infotxt strong{font-size:18px;} #mapContainer .info{width:100%;padding: 0;} .product_cpfl_content{} .product_cpfl_title{background: #d90200;color: #fff;padding: 15px 20px;} .product_cpfl_content ul{} .product_cpfl_content ul li{padding: 15px 20px;background: #fff;border-bottom: 1px solid #eee;} .product_cpfl_content ul li.active a{color:#d90200} .product_list_content{display: flex;flex-wrap: wrap;} .product_list_row{flex: 0 0 31.3%;margin: 1%;width: 31.3%;} .product_list_row:hover .product_list_img{border: 1px solid #d90200;} .product_list_row:hover .product_list_title a{color:#d90200} .product_list_img{border: 1px solid #eee;position: relative;padding-bottom: 66.6%;} .product_list_img img{width: 100%;width: 100%;height:100%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;} .product_list_title{text-align: center;line-height: 50px;} .product_list_title a{} .detail-one{margin:0 auto;display:flex;flex-wrap:wrap;/* background:#fff; */} .detail-one-imgs{width:100%} .cpxqleft {flex: 0 0 52%;position: relative;margin-right: 3%;background: #fff;/* border: 1px solid #eee; */width: 52%;overflow: hidden;display: flex;} .cpxqleft .mycpSwiper{border:1px solid #eee;} .cpxqleft .mycpSwiper .swiper-slide{padding-bottom: 100%;position: relative;overflow: hidden;} .cpxqleft .mycpSwiper img{width: 100%;height: auto;max-width: 100%;max-height: 100%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;} .cpxqleft .cpt1{float:left;width: 80px;height: 360px;overflow: hidden;} .cpxqleft .cpt1 .swiper-wrapper{/* height: 360px; *//* overflow: hidden; */} .cpxqleft .cpt1 .mycpSwiper1 {height: 100%;padding-top: 40px;padding-bottom: 40px;position: relative;} .cpxqleft .cpt1 .l-w{width:80px;height: 60px!important;border:1px solid #ddd;} .cpxqleft .cpt1 .l-w.active{border: 1px solid #d90200;} .cpxqleft .cpt1 .l-x{width:100%;height: 100%;position: relative;} .cpxqleft .cpt1 .l-x .videohei{width:100%;height: 100%;position: absolute;background: rgba(0,0,0,0.2);z-index: 9;display: flex;align-items: center;justify-content: center;} .cpxqleft .cpt1 .l-x .videohei svg{width: 26px;height: 26px;opacity: 0.9;} .cpxqleft .cpt1 .l-x img{width: 100%;height:100%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;} .cpxqleft .cpt2{float:left;width: calc(100% - 100px);margin-left: 20px;overflow: hidden;position: relative;max-height: 400px;max-width: 500px;} .cpxqleft .cpt2 .l-p{border:1px solid #eee;} .cpxqleft .cpt2 .l-q{width:100%;padding-bottom: 75%;height:0;background: #fff;} .cpxqleft .cpt2 .l-q video{width: auto;position: absolute;width: 100%;height: auto;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;} .cpxqleft .cpt2 .l-q img{/* width: 90%; */height: auto;max-width: 100%;max-height: 100%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;} .cpxqleft .swiper-button-next{font-size: 20px;color: #aaa;position: absolute;width: 30px;height: 80px;margin: 0;right: 25px;bottom: -25px;top: auto;border: 1px solid #eee;transform: rotate(90deg);z-index: 9;} .cpxqleft .swiper-button-prev{font-size: 20px;color: #aaa;position: absolute;width: 30px;height: 80px;margin: 0;margin-bottom: 10px;top: -25px;left: 25px;border: 1px solid #eee;transform: rotate(90deg);} .cpxqleft .swiper-button-prev,.cpxqleft .swiper-button-next{background-size: 10px;background: #fff;border-radius: 0;} .cpxqright{flex:1;padding: 0;color:#333} .cpxqright p{margin-top: 20px;font-size: 16px;} .detail-one-title{font-size: 20px;font-weight:bold;margin-top: 0;margin-bottom: 15px;border-bottom: 1px solid #eee;padding-bottom: 15px;} .detail-one-text{font-size: 14px;line-height: 1.8;color:#666;margin-bottom: 5px;padding: 0;border-bottom: 1px solid #eee;padding-bottom: 15px;} .detail-one-text2{font-size: 14px;line-height:1.4;color:#666;margin-bottom:20px;margin-top:20px;white-space: pre-line;display: flex;border-bottom: 1px solid #eee;padding-bottom: 10px;} .detail-one-text2 span{flex: 0 0 70px;} .detailbut{margin-top: 20px;} .detailcpzx{padding: 10px 30px;background: #015c94;display:inline-block;color:#fff;/* transform:skew(-8deg); */border-radius: 30px;font-size: 14px;} .product_related_item_img a{padding-bottom:100%;width:100%;border:1px solid #eee} .product_related_item_title{margin-top:10px;margin-bottom:30px} .product_related_item_title a{width:100%;text-align:center;font-size:20px} .category{margin: 0px 0;font-size: 14px;/* border-top: 1px solid #eee; */border-bottom: 1px solid #e5e5e5;padding: 15px 0;} .category a{margin-left:5px} .cpxq{margin:60px 0} .product_read_bjq table{margin: 30px auto 0;width:100%;border: none;table-layout: fixed;} .product_read_bjq td{padding: 6px 20px;font-weight: normal;/* font-family: arial; */font-size: 14px;vertical-align: middle;border: 1px solid #eee;} .product_read_bjq td p{font-size:20px;line-height: 1.5;} .product_read_bjq td strong{color:#c40f23} .product_read_bjq tr{border: none;} .product_read_bjq tr:nth-child(2n){/* background:rgba(0,0,0,0.03); */} .cpnsbt{display:block;margin-bottom: 20px;color: #c40f23;font-size: 26px;} .cpns{display:flex;flex-wrap: wrap;justify-content: space-between;} .cpns li{flex: 0 0 48%;margin-bottom: 30px;text-align: center;} .cpns li img{max-width: 100%;padding: 0;margin-bottom: 10px;} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width: 40px;height: 40px;margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity: 1;cursor:auto;pointer-events:none} .swiper-button-next:after,.swiper-button-prev:after{/* font-family:swiper-icons; *//* font-size:var(--swiper-navigation-size); *//* text-transform:none !important; *//* letter-spacing:0; *//* text-transform:none; *//* font-variant:initial; *//* line-height:1; */} .swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto;background-size: contain;} .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'<';font-size: 22px;} .swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto;background-size: contain;} .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'>';font-size: 20px;} .nycp{padding: 40px 0;} .nycp_row{width:94%;max-width: 1280px;margin:0 auto;background:#fff;padding: 0;display:flex;flex-wrap: wrap;} .nycp_center{flex:0 0 100%} .nycp_center .yx_InTitBox{text-align:center;} .nycp_center .yx_InTitBox em{margin:0 auto 30px} .nycp_left{flex:0 0 280px} .nycpflbt{background: #015c94;padding: 20px 20px;border-top: 5px solid #007dc9;font-size:18px;/* border-bottom: 1px solid #eee; */border-left: 1px solid #015c94;border-right: 1px solid #015c94;font-weight: bold;color: #fff;display: flex;align-items: center;} .nycpflbt svg{width: 40px;height: 40px;margin-right: 15px;} .nycpflbt span{display:block;font-size:14px;margin-top: 3px;color: #fff;font-weight: normal;} .nycpfl{border-left: 1px solid #eee;border-right: 1px solid #eee;} .cpyj{ flex: 0 0 100%!important; margin: 0!important; } .cpyja{display:block;padding: 20px;font-size: 15px;/* font-weight:bold; */border-bottom: 1px solid #eee;} .nycpfl2{display: none;} .cpej{position:relative} .cpej:before{content:'';position:absolute;width:6px;height:6px;background:#ccc;left:20px;top:22px;margin-top:-3px;border-radius:50%} .cpeja{padding: 8px 40px 8px 40px;display:block;border-bottom:1px solid #eee;font-size:15px} .nycpfl3{display: none;} .cpsj{position:relative} .cpsj:after{content:'';position:absolute;width:1px;height:16px;background:#e5e5e5;left:20px;top:50%;margin-top:-8px} .cpsj:before{content:'';width:20px;position:absolute;height:1px;background:#eee;left:20px;top:49%} .cpsja{font-size:14px;padding: 5px 30px 5px 60px;display:block;border-bottom:1px solid #eee;color:#666} .cpyjb{position: relative;} .cpyjb .cpxl{width: 40px;position: absolute;right: 0;height: 100%;top: 0;display: flex;align-items: center;justify-content: center;z-index: 2;border-left: 1px solid #eee;cursor: pointer;} .cpyjb .cpxl svg{width: 16px;height: 16px;transition:all .2s ease;} .cpyjb .cpxl svg path{} .cpejb{position: relative;} .cpejb .cpxl{position: absolute;width: 40px;height: 100%;right: 0;top: 0;display: flex;align-items: center;justify-content: center;z-index: 2;border-left: 1px solid #eee;cursor: pointer;} .cpejb .cpxl svg{width: 16px;height: 16px;transition:all .2s ease;} .cpejb .cpxl svg path{} .cpsj.on .cpsja{color:#d90200} .cpej.on .cpeja{color:#d90200} .cpej.on .cpejb svg{transform: rotate(90deg);} .cpej.on .cpejb svg path{fill:#d90200} .cpej.on .nycpfl3{display:block;} .cpyj.on .cpyja{color:#d90200} .cpyj.on .cpyjb svg{transform: rotate(90deg);} .cpyj.on .cpyjb svg path{fill:#d90200} .cpyj.on .nycpfl2{display:block;} .cpyjb .cpxl.active svg{transform: rotate(90deg);} .cpyjb .cpxl.active svg path{fill:#d90200} .cpyj.active .nycpfl2{display:block;} .cpejb .cpxl.active svg{transform: rotate(90deg);} .cpejb .cpxl.active svg path{fill:#d90200} .cpej.active .nycpfl3{display:block;} .nycp_right{flex: 0 0 calc(100% - 280px);width: calc(100% - 280px);padding-left: 30px;} .nycp_right .newsxq{padding:20px;border:1px solid #eee} .nycp_product_row,.nycp_product_row2{display:flex;flex-wrap:wrap} .nycp_productlist{flex:0 0 calc(33.3% - 20px);margin: 0px 10px 20px;} .nycp_productlist a{border:1px solid #eee;display:block;position:relative} .nycp_productlist .img{padding-bottom: 75%;height:0;overflow: hidden;position: relative;} .nycp_productlist .img img{width:100%;height:100%;object-fit:cover;transition:all .5s ease;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute} .nycp_productlist .txt{padding: 15px;z-index:2;width:100%;overflow:hidden;position: relative;bottom:0;color: #333;text-align:center;font-size:16px} .nycp_productlist .txt .title{font-size: 16px;line-height:1.5;color: #333;font-weight:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-weight: bold;} .nycp_productlist:hover .txt{background:#d90200} .nycp_productlist:hover .title{color:#fff;} .cpxqbt{margin-top: 40px;} .cpxqbt ul{display: flex;background: #f7f7f7;} .cpxqbt ul li{display: inline-block;padding: 10px 15px;font-size: 15px;border-right: 1px solid #eee;cursor: pointer;} .cpxqbt ul li:hover{background: #d90200;color:#fff;} .cpxqbt ul li.on{background: #d90200;color:#fff;} .cpxqnr{padding: 30px;background: #fff;} .cpxqnr ul{} .cpxqnr ul li{display:none;} .cpxqnr ul li.on{display:block;} .cpxqnr ul li p{font-size: 15px;line-height: 1.8;color: #666;} .cpxqnr ul li img{max-width:100%;height: auto!important;width: auto!important;margin: 10px 0;} .cpxqnr ul li strong,.cpxqnr ul li strong span{color:#333;} .cpxqnr ul li span{font-size: 15px;line-height: 1.8;color: #666;text-wrap: inherit!important;} .product_list{padding: 30px 0;} .product_row{max-width: 1280px;width: 94%;margin: 0 auto;display: flex;flex-wrap: wrap;} .productlist{flex: 0 0 calc(25% - 20px);margin: 10px;background: #fff;} .productlist a{} .productlist a .img{position: relative;padding-bottom: 100%;overflow:hidden;} .productlist a .img img{width:100%;height:100%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;} .productlist a .txt{text-align: center;padding: 20px;background: #ddd;font-size: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;transition: all .2s ease;} .productlist a .title{} .productlist:hover .img img{width:105%;height:105%;max-width:105%;max-height:105%;} .productlist:hover .txt{background:#d90200;color:#fff;} .moreproducts{font-size:16px;padding-top: 30px;margin-bottom: 20px;} .nyzcps{padding:40px 0;} .nykc{display: flex;flex-wrap: wrap;} .nykc .nykcleft{flex: 1;} .nykc .nykcimg{ border-radius: 5px; overflow: hidden; position: relative; /* pointer-events: none; */ } .nykc .nykcimg img{max-width: 100%;} .nykc .nykcimg .txt{position:absolute;top: 0;left: 0;padding: 30px 40px 20px 15%;font-size: 34px;font-weight: bold;line-height: 1.2;color: #015c94;letter-spacing: 5px;font-family: 'MiSans';pointer-events: none;} .nynav{padding: 20px;max-width:1280px;margin: 0px auto 20px;display: flex;border: 1px solid #eee;background: #f7f7f7;align-items: center;} .nynav span{line-height: 30px;font-size: 15px;flex: 0 0 70px;} .nynav_li{display: none;} .nynav_li.on{display:block} .nynav_link{display:none} .nynav_li ul{display:none} .nynav_li.on ul{display:flex;flex-wrap: wrap;justify-content: flex-start;} .nynav_li ul li{padding:0;line-height: 32px;margin: 0 25px 0 0!important;font-size: 15px;list-style: none;flex: 0 0 auto!important;} .nynav_li ul li a{color: #666;font-size: 14px;} .nynav_li ul li a:hover{color: #000;} .nynav_li ul li.on a{color: #015c94;font-weight:bold;} .nykc ul{display:flex;flex-wrap:wrap;margin-top: 0;} .nykc ul li{flex: 0 0 calc(33.3% - 20px);overflow: hidden;margin-top: 30px;margin-right: 30px;} .nykc ul li:nth-child(3n){margin-right:0;} .nykc ul li a{position:relative;} .nykc ul li .img{padding-bottom: 44%;height:0;position:relative;overflow:hidden;border-radius: 5px;} .nykc ul li .img img{width:101%;height:101%;object-fit:cover;transition:all .5s ease;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute} .nykc ul li .txt{transition:all .5s ease;position: relative;width: 100%;color: #333;font-size: 20px;font-weight: 500;padding: 0;box-sizing: border-box;background: #fff;} .nykc ul li .more{display:block;font-size:14px;margin-top: 15px;back;height: 38px;line-height: 38px;padding: 0 18px;background-color: #015c94;border-radius: 50px;color: #fff;text-align: center;} .nykc ul li:hover .more{background:#007ac5} .nykc ul li .txt .title2{font-size: 15px;margin: 10px 0 5px;min-height: 40px;} .nykc ul li .title{width: 100%;text-align: center;font-size: 18px;font-weight: 500;height: auto;position: absolute;padding: 26px 10px;line-height: 1.4;color: #fff;box-sizing: border-box;font-weight: bold;} .nykc ul li .subtitle{display: flex;justify-content: space-between;margin-top: 8px;font-size: 20px;font-size: 14px;border-top: 1px solid #eee;padding-top: 6px;color: #ddd;margin-bottom: 8px;} .nykc ul li .summary{font-size: 12px;margin-top:5px;color:#888} .nykc ul li .subtitle span{color:#333} .nykc ul li .subtitle span b{color: #e90e0d;font-weight: bold;} .nykc ul li .zt{display: inline-block;font-size: 13px;background: rgba(0,0,0,0.1);padding: 2px 8px;border-radius: 3px;margin-top: 10px;} .nykc ul li:hover .title{/* color: #015c94; */} .nykc ul li:hover .img img{width:110%;height:110%} .nykc ul li.xybm .title{display: block;padding: 0;} .nykc ul li.xybm .img{height:100%;padding:0;background:#000;display: flex;padding: 0;justify-content: center;align-items: center;height: 100%;} .nykc ul li.xybm .img img{opacity:0.5} .nykc ul li.xybm .title span{display:block;margin-top: 5px;} .nykc .nykcbt{border-left: 2px solid #015c94;padding-left: 10px;font-weight: bold;margin-top: 30px;} .nykc .xxxz{padding: 20px;border: 1px solid #eee;margin-top: 10px;font-size: 14px;line-height: 1.8;color: #333;} .nykc .xxxz p{font-size: 14px;line-height: 1.6;margin-bottom: 10px;/* text-indent: 2em; */} .nykc .xxxz strong,.nykc .xxxz strong span{font-weight: bold;color: #ea0605;margin: 10px 0 0;display: inline-block;text-indent: 0;} .nykc .xxxz p span{text-wrap: wrap!important;} .nykc .xxxz img{display: block;margin: 10px auto;} .nykc .xxxz p{margin-bottom: 20px;} .nykcright .yjydl{background:#e90605;height: auto;text-align:center;margin-bottom: 15px;border-radius:5px;overflow:hidden;position:relative;margin-top: 15px;} .nykcright .yjydl:hover{background:#be0100} .nykcright .yjydl:before{content:'';width:500px;height:100px;left:0;top:9px;position:absolute;background:#730100;border-radius:50%;opacity:0.35} .nykcright .yjydl a{color:#fff;position:relative;display:block;line-height: 1.4;padding: 15px 10px;font-size: 15px;} .nykcright .yjyzc{background:#015c94;text-align:center;border-radius:5px;overflow:hidden;position:relative;margin-bottom: 15px;} .nykcright .yjyzc:hover{background:#004671} .nykcright .yjyzc:before{content:'';width:500px;height:100px;left:0;top:9px;position:absolute;background:#002c48;border-radius:50%;opacity:0.35} .nykcright .yjyzc a{color:#fff;position:relative;display:block;line-height: 1.4;padding: 15px 10px;font-size: 15px;} .nykcright .baoming{background: #447797;text-align:center;border-radius:5px;overflow:hidden;position:relative} .nykcright .baoming a{color:#fff;position:relative;display:block;padding: 15px 10px;font-size: 15px;} .nykcright .baoming:hover{background:#004671} .nykcright .baoming:before{content:'';width:500px;height:100px;left:0;top:9px;position:absolute;background:#002c48;border-radius:50%;opacity:0.35} .nykcright .baoming2{background:#015c94;text-align:center;border-radius:5px;overflow:hidden;position:relative;margin-top: 15px;} .nykcright .baoming2 a{color:#fff;position:relative;display:block;padding: 15px 10px;font-size: 15px;} .nykcright .baoming2:hover{background:#004671} .nykcright .baoming2:before{content:'';width:500px;height:100px;left:0;top:9px;position:absolute;background:#002c48;border-radius:50%;opacity:0.35} .ek{background:#fff;margin: 20px 0 20px;max-width: 258px;} .ek .tab_a{margin: 0;text-align: center!important;} .ek .tab_a .layui-tab-title{border: none;height: auto;} .ek .tab_a .layui-tab-title .layui-this:after{border: none;border-top: 3px solid #015293;} .ek .tab_a .layui-tab-title li{font-size: 14px;padding: 0;margin: 0;line-height: 60px;flex: 0 0 50%;} .ek .tab_a .layui-tab-content{padding: 0;border-top: 1px solid #eee;padding-top: 0;} .ek .tab_a .layui-form{padding-right: 0;} .nykcright{flex: 0 0 300px;margin-left: 40px;} .cplist2 .nykcright{flex: 0 0 300px;margin-left: 0px;margin-right:40px;} .nykcright .yjf{} .nykcxq{ display: flex; width: 100%; flex-wrap: wrap; } .nykcxq .xqtu{ flex: 0 0 400px; } .nykcxq .xqtu .xqimg{ position: relative; } .nykcxq .xqtu .xqimg img{max-width:100%;} .nykcxq .xqtu .title{ width: 100%; text-align: center; font-size: 20px; font-weight: 500; height: auto; position: absolute; padding: 12px 15px; line-height: 1.4; color: #fff; box-sizing: border-box; font-weight: bold; top: 50%; transform: translate(0%,-50%)!important; } .nykcxq .txt{ padding: 0 0 0 30px; flex: 1; } .nykcxq .txt .title{ font-size: 20px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; } .nykcxq .txt .zt{ font-size: 15px; line-height: 1.8; } .nykcxq .txt .zt b{ font-size: 18px; color: #e90e0d; font-weight: bold; } .ssjg{font-size: 16px;display: block;flex: 0 0 100%;text-align: center;font-weight: bold;margin-bottom: 20px;} .nycp_content .des{display:none!important} .nycp_content{width:100%;} .zoomDiv {z-index: 9;position: absolute;top: 0px;left: 0px;width: 200px;height: 200px;background: #ffffff;border: 1px solid #eee;display: none;text-align: center;overflow: hidden;} .zoomMask {position: absolute;background: url(../image/mask.png) repeat scroll 0 0;cursor: move;z-index: 1;border: 1px solid #eee;max-width: 200px!important;max-height: 200px!important;} .zoomDiv .bigimg{max-width:none;max-height:none;width:auto;} .aboutdetail{background: #fff;padding: 40px;border: 1px solid #eee;} .aboutdetail .title{font-size:20px;border-bottom:1px dashed #ddd;padding-bottom: 20px;margin-bottom: 30px;} .aboutdetail .summary{font-size: 15px;color:#333;line-height: 1.8;} .aboutdetail .summary p{/* margin-bottom:20px; *//* text-indent:2em; */} .aboutdetail .summary strong,.aboutdetail .summary strong span{font-weight:bold;color:#015c94;margin: 10px 0 0;display: inline-block;} .aboutdetail .summary span{text-wrap: wrap!important;} .aboutdetail .summary img{max-width:100%;display: block;margin: 0 auto;} .tz-lxlk{display:block;width: 100%;float:left;} .xwn-titk,.ovfh{width:100%;display: block;float: left;margin-bottom: 10px;} .xwn-titk h3{} .tz-lxrk{display:block;float:right;width:50%;padding:var(--yx_FS24);position:relative;overflow:hidden;background:#fff;box-shadow:0 0 24px rgba(0,0,0,0.14)} .tzl-ln-list{display:block;position:relative;overflow:hidden} .tzl-ln-list li{display:flex;align-items:center;position:relative;overflow:hidden;list-style:none;padding: 25px 0;border-bottom: 1px solid #eee;margin-bottom:8px} .tzl-ln-list li .yx_icon{font-size: 24px;height: 60px;width: 60px;display:block;border-radius:50%;align-items:center;justify-content:center;color:var(--yx_Color);background-color:#fff;text-align:center;line-height: 60px;background: #f7f7f7;} .tzl-lnb{display:block;float:left;border-radius:50%;background:#fff} .tzl-lnmk{display:block;width: calc(100% - 60px);padding-left: 30px;box-sizing: border-box;} .tzl-lnm2{font-size: 18px;margin-right: 30px;} .tzl-lnm1{display:block;margin-bottom:5px;line-height:24px;font-size:16px;color: #999;} .albumlist{padding: 50px 0;} .albumlist .case-li{display: flex;width: 94%;max-width: 1300px;margin: 0 auto;flex-wrap: wrap;text-align: left;padding: 0;} .albumlist .case-li li{flex: 0 0 calc((25% - 20px)/1);width: calc((25% - 20px)/1);margin: 0 10px 20px;float: left;list-style: none;} .albumlist .case-li li figure {position: relative;display: block;padding-bottom: 66.6%;height: 0;overflow: hidden;line-height: 1;border: 1px solid #eee;background: #fff;} .albumlist .case-li li .img1{width: auto;height: auto;max-height: 80%;max-width: 80%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;} .albumlist .case-text{padding: 10px;z-index: 9;position: relative;background: #eee;width: 100%;text-align: center;color: #333;bottom: 0;box-sizing: border-box;} .albumlist .case-text p{color: #333;font-size: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin: 0;} .albumlist .case-li li:hover .case-text{background: #d90200;color: #fff;} .albumlist .case-li li:hover .case-text p{color: #fff;} .albumlist .case-li li:hover .img1{max-height: 90%;max-width: 90%;} .scsb{display:flex;justify-content: space-between;max-width: 1280px;width: 94%;margin: 30px auto 0;} .scsb li{flex:0 0 calc(50% - 20px);} .scsb li .img{display:block} .scsb li .img img{max-width:100%;} .scsb li .txt{padding: 15px 0;} .scsb li .title{font-size: 18px;font-weight: bold;color: #333;} .scsb li .summary{font-size:14px;color: #666;} .scsb2{display:flex;margin-top:30px;max-width: 1280px!important;} .scsb2 li{flex: 0 0 calc(50% - 20px)!important;!i;!;padding: 0!important;margin: 0!important;} .scsb2 li .img{display:block} .scsb2 li .img img{max-width:100%;} .scsb2img{margin: 30px auto;z-index: 2;position: relative;display: block;width: 94%;max-width: 1280px;} .scsb3{display:flex;margin: 30px auto 0;width: 94%;max-width: 1280px;justify-content: space-between;} .scsb3 li{flex:0 0 calc(25% - 20px);} .scsb3 li .txt{padding:20px;background: #eee;} .scsb3 li .title{font-size:20px;} .scsb3 li .summary{font-size: 14px;color: #666;} .scsb3img{margin-top:30px;} .scsb2s:before{background:#fff;} .scsb2s{border-top:1px solid #eee;border-bottom:1px solid #eee;} .report{display:flex;flex-wrap:wrap} .alert,.alert2{margin-top:50px;} .warning{border:1px dashed #eee;width:100%;padding: 50px;text-align: center;} .nycp_product_row2 .reportlist{flex:0 0 100%;margin:0 10px 20px;border:1px dashed #e5e5e5;padding:30px;text-align: center;} .nycp_product_row2 .reportlist a{} .nycp_product_row2 .reportlist .img{text-align:left} .nycp_product_row2 .reportlist .img img{max-width:90px;margin: 20px auto;display: block;} .nycp_product_row2 .reportlist .txt{margin-top:10px;} .nycp_product_row2 .reportlist .txt .subtitle{color: #666;} .nycp_product_row2 .reportlist .txt .title{} .reportdetail{background:#f9f9f9;padding:50px;} .reportdetail .title{text-align: center;position: relative;} .reportdetail .title span{background:#fff;border-radius:50px;padding:10px 30px;border:1px solid #e5e5e5;z-index: 1;position: relative;} .reportdetail .title:after{content:'';top: 12px;position:absolute;left:0;width:100%;height:1px;background: #e5e5e5;z-index:0} .reportdetail .row{margin: 50px auto 0;display:flex;max-width: 800px;} .reportdetail .left{flex: 0 0 100%;position: relative;} .reportdetail .left:before{content:'';background: url(../image/sy.png) no-repeat center;background-size: contain;position: absolute;width: 100%;left: 0;top: 0;height: 100%;opacity: 0.15;} .reportdetail .left .list{font-size:15px;margin-bottom: 15px;padding-bottom: 15px;border-bottom:1px solid #eee;font-weight:500;line-height:1.6;display:flex;padding-left: 15px;padding-right: 15px;} .reportdetail .left .list span{flex:0 0 calc(100% - 100px);margin-left:10px} .reportdetail .right{flex:1;padding:50px;text-align:center} .reportdetail .right a{display:block} .reportdetail .right img{} .reportdetail .right p{margin-top:10px} .soso{padding:0 10px;margin-bottom: 30px;margin-top: 30px;} .soso .yx_Search{width: 100%;max-width: 600px;margin:0 auto;position: relative;} .soso .yx_Search input[type='text']{display: none;width:100%;height: 50px;border:0;background: #f5f5f5;font-size:16px;-webkit-box-sizing:border-box;box-sizing:border-box;padding: 0 15px;} .soso .yx_Search input{display: block;} .soso .yx_Search .header-search-submit{height:100%;position: relative;width: 55px;margin-left: 10px;top:0;font-size: 20px;border-width:0px;display:flex;align-items:center;justify-content:center;border-radius: 5px;background: #ddd;cursor: pointer;} .soso .yx_Search .header-search-submit .yx_icon{font-size: 20px;color:#999;cursor:pointer} .soso .yx_Search:hover .yx_icon{color:#fff} .soso .yx_Search .header-search-submit:hover{background: #aaa;} .soso .yx_Search{display:flex;} .soso .yx_Search .list{display: flex;align-items: center;} .soso .yx_Search .list span{flex: 0 0 80px;text-align: right;padding-right: 10px;} .soso .yx_Search .list input{display:block;border-radius: 5px;} .yx_ProPageMo{display:none;position: relative;bottom: 0;width: 100%;z-index: 2;} .yx_ProPageTwo .yx_MoPageBtn{font-size:16px;color:#fff;width:100%;display:flex !important;align-items:center;justify-content:space-between;background: #015c94;border-radius:0px;padding: 10px 15px;box-sizing: border-box;} .yx_ProPageTwo .yx_MoPageBtn i{height:20px;} .yx_ProPageTwo .yx_PPTCon{position:fixed;background:#fff;width:100%;height:100%;z-index: 9;top:0;padding: 120px 5% 0;left:100%;transition:all 0.8s;overflow:auto;box-sizing: border-box;overflow: hidden;} .yx_ProPageTwo .yx_MoPageClose{font-size:18px;color:#fff;width:30px;height:30px;display:block !important;margin:0 0 0 auto;background:#000;line-height:30px;text-align:center;position: absolute;right: 3%;top: 80px;} .yx_PPList{position:relative;padding: 8px 0;border-bottom: 1px dashed #eee;} .yx_ProPageTwo .yx_PageTit{font-size: 16px;font-weight:normal;position:relative;line-height:240%;display:block;align-items:center;justify-content:space-between;width:100%;padding: 0px 12px;} .yx_PT_Link{color:#000;font-size: 15px;display:block} .cpnav{display:none;} @media screen and (max-width: 768px){ .yx_ProPagePc{display: none;} .yx_ProPageMo{display: block;padding-top: 60px;} } @media only screen and (max-width: 1360px) and (min-width: 769px){ .detail-one-imgs {/* position: absolute; *//* width: 200px; *//* right: -100px; *//* bottom: 20px; */} .detail-one-title{margin-top:10px;font-size:24px;} .detail-one-text {font-size: 14px;} .pbanner-text strong{font-size:36px;} .pbanner-text{bottom: 15%;} .products-li li{flex: 0 0 calc((50% - 22px)/1);width: calc((50% - 22px)/1);} } @media screen and (max-width:992px) { .cpfl{padding:80px 0 20px } .nykc ul li .title{padding:10px;font-size:14px;} .nykc ul li .txt .title2{font-size:14px;} } @media only screen and (max-width: 768px) { .cpxqleft{flex: 0 0 100%;margin:0;width: 100%;} .cpxqright{flex: 0 0 100%;} .detail-one-imgs {/* position: absolute; *//* width: 120px; *//* right: 0px; *//* bottom: -80px; */} .detail-one-title{/* margin-top:10px; */font-size: 20px;padding-right: 0;} .detail-one-text {font-size: 14px;padding-right: 0;} .cpfl ul li b{font-size: 26px;} .cpxqrz span{/* font-size: 20px; */} .cpxqrz{margin: 30px auto 0;} .cpfl {padding: 10px 10px;} .products-li li {flex: 0 0 calc((50% - 12px)/1);width: calc((50% - 12px)/1);margin: 0 5px 10px;float: left;} .products-li li figure span{display:none;} .case-li li {flex: 0 0 calc((50% - 20px)/1);width: calc((50% - 20px)/1);margin: 0 10px 20px;float: left;} .albumlist .case-li li{flex: 0 0 calc((50% - 10px)/1);width: calc((50% - 10px)/1);margin: 0 5px 10px;float: left;list-style: none;} .case-text{padding:5px 0;} .case-text p{font-size:14px;font-weight: normal;} .cpzx ul li{flex: 0 0 calc((50% - 24px)/1);margin: 10px 10px 30px;border: 2px solid #eee;border-image: linear-gradient(#c9a063,#ffdca6,#cda75b)30 30;text-align: center;position: relative;} .cpzx{padding: 30px 0 20px;} .cpzx li p{font-size: 20px;} .cpzx li b{width: 60px;display: block;font-size: 30px;line-height: 1;opacity: 1;color: rgba(167,129,87,0.5);background: #fff;font-family: "Cormorant SC";position: absolute;padding: 6px 10px;top: -25px;} .cpzx li .title2{margin-bottom:20px;} .pbanner figure{padding-bottom: 100px;} .pbanner-text strong{font-size: 18px;} .pbanner-text{bottom: 15%;display: none;} .cpflrow,.service-idea-item{flex-wrap: wrap;width:100%;} .cpflleft,.cpflright,.service-idea-item figure,.service-inofs{width:100%;} .services-tt{font-size:20px;} .service-idea2 .service-idea-item figure img{border-radius: 0 0 0 30px;width:100%;margin-bottom:30px;} .service-idea-item figure img{border-radius: 0 0 30px 0;width:100%;margin-bottom:30px;} .service-idea, .service-idea2{padding:30px 0;} .cpflright{border-top:1px solid #eee;margin-top:5px;} .pbanner-text p{font-size: 14px;line-height: 1;letter-spacing: 4px;margin-top: 5px;display:none;} .service-idea2 .services-tt:before,.services-tt:before{display: none;} .service-idea2 .service-idea-item{flex-direction: column-reverse;} .cpfl ul li p{font-size: 14px;padding: 0px 10px;} .products-boxs{padding: 20px 0;} .products-text{margin: 0 0 5px;border: none;} .products-text p{font-size:14px} .detailrow{flex-wrap: wrap;} .detailleft,.detailright{width:100%;flex:0 0 100%;margin: 0;} .news-boxs{padding: 10px 0 10px;} .news-li li{flex: 0 0 100%;margin-bottom: 20px;} .news-view{padding: 20px 0;} .view-v-title{margin:30px 20px 20px;} .news-v-top{margin:0 20px 20px;} .view-v{margin:0 20px 20px;} .view-v-title h2{font-size:20px;} .contact{padding:30px 0;} .contactrow{flex-wrap: wrap;}.contact-informate{width: 100%;} .contact-address{width: 100%;margin-top: 20px;} .ho2 .ev.on h5{font-size:16px!important;} .ho2 .intr h5{font-size:16px!important;} .ho2 .intr p{font-size:14px!important;} .ho2 .col{padding:0;} .main{background:#fff!important;} .mobile-nav li ul.mchildren{display:none;} .product_cpfl_title{padding:10px 15px;} .product_cpfl_content ul{display: flex;flex-wrap: wrap;background:#fff;} .product_cpfl_content ul li{width:33.3%;padding:10px 15px;} .detailright{margin-top:20px;padding:10px;} .product_list_row{flex:0 0 100%;width:100%;margin:0 0 20px;} .product_list_title{line-height:40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;} .detail-one{padding:0} .detail-one-title{margin-top: 20px;} .product_read_bjq{padding:0;} .product_read_bjq, .product_read_bjq p{font-size:14px;} .product_read_bjq strong{font-size:16px;} .product_read_bjq table{table-layout: fixed;} .post_nav_link{/* display:none; */} .contact-address{padding:0 20px;} .swiper_arrows>ul{margin-top:0;} .news_detail_right .index_case_list{width:100%;} .title01 b{font-size: 20px;} .swiper_arrows>ul>li>div{width:40px;height:40px;} aside .item{width:40px;height:40px;} .news_list .list>ul>li>a{padding: 15px;} .cul_concp{padding:10px 0;} .joinrowlist{font-size:14px;} .intro_team_title{flex-wrap: wrap;} .intro_team_title .title01{margin-bottom:20px!important;} .intro_team_title p{padding-right: 0px;} .intro_team_slide{margin-top:20px} .intro_team{padding:40px 0} .intro_about_nums .big_data .ite .top{font-size:15px;} .intro_about_nums .big_data .ite .bot{font-size:14px;} .intro_history_for .item .txt,.intro_history_for .item .txt p,.intro_history_for .item .txt span{font-family: 'din-bold_'!important;font-size: 15px!important;line-height: 1.6!important;color:#333;font-weight:lighter} .titie_box_bg{display:none;} .intro_history_nav .swiper-slide-active .item{color:#d90200} .intro_history_nav .swiper-slide .item{font-size:16px;font-weight:bold;} .intro_history_nav .swiper-slide-active .item:before{background:#d90200} .intro_history_nav .swiper-slide-active .item:after{background: rgba(130,40,135,0.3);} .intro_honor_row{padding:10px;} .nycp{padding:20px 0 30px;} .nycp_row{flex-wrap: wrap;padding: 0;} .nycp_left{flex:0 0 100%;display: none;} .nycp_right{flex:0 0 100%;padding:0;width: 100%;} .nycp_productlist{flex:0 0 calc(50% - 10px);margin:5px;} .nycp_productlist .txt{padding: 10px 10px 10px;} .nycp_productlist .txt .title{font-size:14px;font-weight: normal;} .cpyja{padding: 8px 40px 8px 20px;font-size: 14px;} .cpeja{padding: 6px 40px 6px 40px;font-size: 14px;} .cpsja{padding: 4px 40px 4px 60px;font-size: 13px;} .cpxqleft .cpt1{float:left;width: 60px;height: 280px;} .cpxqleft .cpt1 .mycpSwiper1 {height:100%;padding-top: 40px;padding-bottom: 40px;position: relative;} .cpxqleft .cpt1 .l-w{width: 60px;height: 60px!important;border:1px solid #ddd;} .cpxqleft .cpt1 .l-w.active{border: 1px solid #c40f23;} .cpxqleft .cpt1 .l-x{width:100%;height: 100%;} .cpxqleft .cpt1 .l-x img{width: 100%;height:100%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;} .cpxqleft .cpt2{float:left;width: calc(100% - 70px);margin-left:10px;overflow: hidden;} .cpxqleft .cpt2 .l-p{border:1px solid #eee;} .cpxqleft .cpt2 .l-q{width:100%;padding-bottom: 75%;height:0;} .cpxqleft .cpt2 .l-q img{/* width: 90%; */height: auto;max-width: 100%;max-height: 100%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;} .cpxqleft .swiper-button-next{font-size: 20px;color: #aaa;position: absolute;width: 30px;height: 60px;margin: 0;right: 15px;bottom: -15px;top: auto;border: 1px solid #eee;transform: rotate(90deg);} .cpxqleft .swiper-button-prev{font-size: 20px;color: #aaa;position: absolute;width: 30px;height: 60px;margin: 0;margin-bottom: 10px;top: -15px;left: 15px;border: 1px solid #eee;transform: rotate(90deg);} .cpxqbt ul li{padding: 10px;} .cpxqnr ul li p,.cpxqnr ul li span{font-size:14px} .news_detail{padding-bottom:20px;} .sub_nav>.inner>ul>li{font-size:16px;} .measage{padding:40px 0} .address-item strong{font-size:20px;margin-top:20px;} .productlist{flex:0 0 calc(50% - 10px);margin:5px;} .zoomDiv,.zoomMask{display:none!important;} .scsb{display:flex;justify-content: space-between;max-width: 1280px;width: 94%;margin: 30px auto 0;flex-wrap: wrap;} .scsb li{flex: 0 0 100%;margin-bottom: 20px;} .scsb li .img{display:block} .scsb li .img img{max-width:100%;} .scsb li .txt{padding: 15px 0;} .scsb li .title{font-size: 18px;font-weight: bold;color: #333;} .scsb li .summary{font-size:14px;color: #666;} .scsb2{display:flex;margin-top:30px;max-width: 1280px!important;} .scsb2 li{flex: 0 0 100%!important;!i;!;padding: 0!important;margin: 0 0 20px!important;} .scsb2 li .img{display:block} .scsb2 li .img img{max-width:100%;} .scsb2img{margin: 30px auto;z-index: 2;position: relative;display: block;width: 94%;} .scsb3{display:flex;margin: 30px auto 0;width: 94%;max-width: 1280px;justify-content: space-between;flex-wrap: wrap;} .scsb3 li{flex: 0 0 calc(50% - 5px);margin-bottom: 10px;} .scsb3 li .txt{padding: 10px;background: #eee;} .scsb3 li .title{font-size:20px;} .scsb3 li .summary{font-size: 14px;color: #666;} .scsb3img{margin-top:30px;} .scsb2s:before{background:#fff;} .scsb2s{border-top:1px solid #eee;border-bottom:1px solid #eee;} header .header-box .header-menu nav .first-item .first-item-title svg{display:none} .intro_team ul li{flex:0 0 100%;margin:0 0 10px;padding: 15px;} .cpyj{width:50%;float:left;} .news_detail .news_detail_right{display:none;} .aboutdetail{padding:0;border:none;} .aboutdetail .title{padding-bottom:10px;margin-bottom:10px;font-size:18px;} .tzl-ln-list li{padding:15px 0} .tzl-lnm2{font-size:16px;} .cpxqnr{padding:20px 0 0} .report{display:flex;flex-wrap:wrap} .report .reportlist{flex:0 0 calc(50% - 10px);margin:0 5px 10px;border:1px dashed #e5e5e5;padding:20px} .report .reportlist a{} .report .reportlist .img{text-align:left} .report .reportlist .img img{max-width:90px} .report .reportlist .txt{margin-top:10px} .report .reportlist .txt .title{} .reportdetail{background:#f9f9f9;padding: 30px 15px;} .reportdetail .title{text-align: center;position: relative;} .reportdetail .title span{background:#fff;border-radius:50px;padding:10px 30px;border:1px solid #e5e5e5;z-index: 1;position: relative;} .reportdetail .title:after{content:'';top: 12px;position:absolute;left:0;width:100%;height:1px;background: #e5e5e5;z-index:0} .reportdetail .row{margin-top:40px;display:flex;flex-wrap: wrap;} .reportdetail .left{flex:0 0 100%} .reportdetail .left .list{font-size:15px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee;font-weight:500;line-height:1.6;display:flex;padding-left: 0;padding-right: 0;} .reportdetail .left .list span{flex: 0 0 calc(100% - 80px);margin-left:10px} .reportdetail .right{flex:0 0 100%;padding:30px;text-align:center} .reportdetail .right a{display:block} .reportdetail .right img{} .reportdetail .right p{margin-top:10px} .soso .yx_Search{flex-wrap:wrap;} .soso .yx_Search form{width:100%;} .soso .yx_Search .list{flex: 0 0 100%;margin-bottom: 10px;} .soso .yx_Search .header-search-submit{margin:0;width: auto;padding: 10px;float: right;display: block;} .nycp_product_row2 .reportlist{margin:0} .nykc .nykcleft{flex:0 0 100%} .nykc ul{justify-content:space-between} .nykc ul li{flex:0 0 calc(50% - 5px);margin: 20px 0 10px;} .nykc ul li .img{padding-bottom:50%} .nykc ul li .title{font-size: 15px;padding: 13px 10px;} .nykc ul li .subtitle{font-size:0;flex-wrap: wrap;line-height: 1.6;} .nykc ul li .subtitle span{font-size:14px;display:block;flex:0 0 100%} .fenye a, .fenye span{padding:5px;margin-right: 2px;} .nykcright{flex:0 0 100%;margin:0 0 20px} .nykcxq .xqtu{flex:0 0 100%} .nykcxq .txt{padding:20px;background:#f9f9f9} .message-form{padding:20px;} .message-row{width:100%;} .nynav_li ul li{margin: 0px 15px 0 0 !important;line-height: 30px;} .nynav span{flex: 0 0 50px;} .nynav{padding:10px;} .nykc ul li .txt .title2{font-size:14px;height: auto;} .nykc .xxxz p{font-size:14px;} .ek{max-width:100%} .nykc .nykcimg .txt{padding:12px 15px 15px 30px;font-size:16px;} .nykcxq .txt .title{font-size:18px;} }