table{width:100%;border:0;border-top:1px solid #f2f2f3!important;font-size:16px;line-height:1.6;border-bottom:1px solid #f2f2f3!important} table td{padding:20px 16px 20px 20px;vertical-align:top;border: 1px solid #f2f2f3;} @media (max-width:768px) and (min-width:641px){table td{font-size:14px} table td:nth-child(1),table td:nth-child(3){width:80px;padding-left:.2rem;padding-right:0} } @media (min-width:641px){table tr:nth-child(2n){background:#f2f2f3} } @media (max-width:640px){table{font-size:12px;display: inline-block;} /*table td{display:block}*/ table td:nth-child(2n+1){padding:3.2px} table td:nth-child(2n){border-bottom:1px solid #f2f2f3;padding:3.2px} table tbody{width:100%;display: table;} } @media (max-width:380px){ table{font-size:10px;table-layout:fixed;overflow-y: auto;width: 100%;} table tbody{width:100%;display: table;} } .ny_about_warp{ padding:7vw 8.3vw; padding-top: 4vw; box-sizing: border-box;} .ny_about_jj{ display: flex;} .ny_about_jj .fl_warp{ flex-shrink: 0; margin-left: 4vw;} .ny_about_jj .fr_warp{width: 41.66666vw; margin-left: auto;font-size: 16px;font-weight: normal;color: #1D1D1D;line-height: 28px;} .ny_other_tit h3{font-size: 2.6vw; line-height: 2.6vw; margin-bottom: 8px; font-weight:bold} .ny_other_tit h4{color: #666666; font-size: 1.04vw;} .ny_about_num2{ margin-top: 7vw;} .ny_about_num{ width: 100%; border-top: 1px solid rgba(255,255,255,.5);} .ny_about_num ul{ display: flex;} .ny_about_num li{ flex: 1;text-align: center; color: #fff; height: 15.625vw; display: flex; align-items: center; justify-content: center;border-right: 1px solid rgba(255,255,255,.5); position: relative;z-index: 1; padding: 10px; box-sizing: border-box;} .ny_about_num li::before{ content: ""; display: block; width: 0; height: 100%; background: #1348C7; position: absolute; left: 0; top: 0; transition: ease 1s;} .ny_about_num li:last-child{ border-right: none;} .ny_about_num li h3{font-size:3.125vw;font-family: Gilroy;font-weight: bold;} .ny_about_num li h4{font-size: 15px;} .ny_about_num li:hover::before{ width: 100%;} .z_about_page{ background: #fff; padding: 1px 5.2vw; box-sizing: border-box; padding-bottom: 6vw; z-index: 1; position: relative;} .z_about_page .z_other_tit{ position: relative; margin-top:4vw; z-index: -1;} .z_about_page .z_other_tit::before,.z_slg_tit::before{ content: ""; display: block; width:27.08333vw; height: 10.5vw; background: url(../img/yl.png) no-repeat center; background-size: auto 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);z-index: -1;} .z_slg_tit{ position: relative; display: inline-block;} .z_other_tit { margin-bottom: 2.6vw;} .z_other_tit .cn{font-size:2.4vw;font-weight: bold;} .z_other_tit .en{color: #888888; font-size: 16px; text-transform: uppercase;} .z_sc_warp .desc{width: 42.33333vw;font-size: 16px;line-height: 32px;max-height: 25vw;padding-right: 5px;overflow-y: auto;text-indent: 2em;text-align:left;} .z_sc_warp{ min-height:43.7vw ; position: relative; z-index: 2;} .z_sc_swiper{ width:43.75vw;height: 50vw; position: absolute; z-index: -1; right: 0; top: 0; overflow: hidden;} .z_sc_hd{ position: absolute; left: 0; bottom: 2vw; width: 100%; z-index: 2; text-align: center;} .z_sc_hd li{display: inline-block;width: 8px; height: 8px; background: #FFFFFF; border-radius: 4px; margin: 0 3px; cursor: pointer; outline: none; transition: ease 1s;} .z_sc_hd li.on{ width: 16px;background: #FF6600; border-radius: 4px} .z_about_num3{ width: 56.25vw; z-index: 2; color: #fff; height: 12.5vw; background: url(../img/about/bg2.jpg) no-repeat center; background-size:cover; padding: 0 2.6vw; align-items: center; display: flex; position: absolute; left: 0; bottom: -6.25vw;} .z_about_num3 ul{ display: flex; align-items: flex-start; justify-content: space-between; width: 100%;} .z_about_num3 li{ width:8.85416vw ;} .z_about_num3 li h3{font-family: Montserrat; font-size: 1.25vw; margin-bottom: 10px;} .z_about_num3 li .timer{font-size: 2.29166vw;font-family: DIN; display: inline-block;margin-right: 5px;} .z_proyf_warp{ background: #f4f3f0; padding: 6vw 5.2vw; box-sizing: border-box; padding-top: 15vw;} .z_proyf_warp .z_other_tit{ margin-bottom: -4vw; } .z_yf_list ul{ margin-left: -3.3%;} .z_yf_list li{ width: 30%; float: left;margin-left: 3.3%;} .z_yf_list li .imgbox{height: 36.25vw;position: relative; margin-bottom: 1.5vw; } .z_yf_list li .imgbg{ position: relative;} .z_yf_list li .imgbg::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom:0; background: url(../img/mask2.png) no-repeat bottom center; background-size: 100% 100%; z-index: 1; pointer-events: none;} .z_yf_list li .num{font-size: 4.25vw; font-family: TsangerYuYangT; transition: ease 1s; font-weight: normal; color: rgba(102, 102, 102, 0); line-height: 4vw; -webkit-text-stroke: 1px #1e46c8; text-stroke: 1px #1e46c8; position: absolute; left: 0; top: -2vw; z-index: 2;} .z_yf_list li .tit{ font-size: 1.25vw; line-height: 1.25vw; font-weight: bold; border-left: 6px solid #1e46c8; padding-left: 10px; margin-bottom: 1vw;/*display: inline;*/} .z_yf_list li .desc{font-size: 15px;font-weight: 400;color: #666666;line-height: 28px;} /*.z_yf_list .infobox{text-align:center;}*/ .z_yf_list li:nth-child(1){ margin-top: 7.8125vw;} .z_yf_list li:nth-child(3){ margin-top: 4vw;} .z_yf_list li:hover .imgbg{ transform: scale(1.01,1.01);} .z_yf_list li:hover .num{ top: 1vw;} .about{ padding-top: 84px;} .about .about_title{ text-align: center; margin-bottom: 85px;} .about .about_title dd{color: #1D1D1D;font-size: 3vw;font-weight: bold;} .about .about_title dt{ font-size: 16px; color: #555555; text-transform: uppercase;} .pc_all .pc_all_contnet{ padding: 1px 5.2vw;width:100%; margin: 0 auto;} .History{ position: relative;padding: 10vw 0 7vw;background:#F4F8FC;} .History::before{ content: ""; position: absolute; display: inline-block; width: 100%; height: 1px; background: #d4d4d4; position: absolute; top: 59.5%; transform: translateY(-50%);} .History .History_content{background:url(../img/about/his_map.png) no-repeat center;} .History .History_content .History_content_list{ outline: none;} .History .History_content .History_content_list .content_list_title{background: #fff;padding: 22px 40px;margin-bottom: 130px;position: relative;} .History .History_content .History_content_list .content_list_title::before{content: "";display: inline-block;width: 19px;height: 76px;background: url(../img/about/his_xian.png) no-repeat 50% 50%;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: -82px;} .History .History_content .History_content_list:nth-child(2n) .content_list_title::before{bottom: inherit;top: -122px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);} .History .History_content .History_content_list .content_list_title dd{ font-size: 28px; color: #1E46C8; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #dcdcdc; position: relative; padding-left: 24px;} .History .History_content .History_content_list .content_list_title dd::before{ content: ""; position: absolute; display: inline-block; width: 5px; height: 28px; background: #1E46C8;left: 0; top: 2px;z-index:1;} .History .History_content .History_content_list .content_list_title dt{ font-size: 16px; color: #777777; line-height: 30px;} .History .History_content .History_content_list .content_list_icon{ font-size: 18px; color: #555555; text-align: center;} .History .History_content .History_content_list .content_list_icon dt{font-family: DIN;font-size:38px; margin-top: 32px;} .History .History_content .History_content_list:nth-child(2n) .content_list_title{margin-bottom: 0px;margin-top: 218px;} .History .History_content .History_content_list:nth-child(2n){margin-top: 65px;} .History .slick-prev::before,.History .slick-next::before{ display: none;} .History .slick-prev,.History .slick-next{ width: 45px; height: 45px; top:47%; border-radius:100%; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } .History .slick-prev{ background: #1E46C8 url(../img/about/his_l.png) no-repeat 50% 50%;} .History .slick-next{ background: #1E46C8 url(../img/about/his_r.png) no-repeat 50% 50%;} .slick-prev.slick-disabled, .slick-next.slick-disabled{ opacity:.7; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; } /* 企业文化 */ .xzly { position: relative; padding: 95px 0; background-color: #f3f3f3; } .xzly .container{padding:5.2vw} .mddw { position: absolute; top: -100px; left: 0; } .xzly_tle { text-align: center; } .xzly_tleh { font-size:2.4vw;font-weight: bold; } .xzly_tlep { font-family: 'ProximaNova-Regular'; font-size: 20px; color: #888; text-transform: capitalize; } .xzly_ct { margin-top: 60px; } .xzly_slide { height: auto; } .xzly_slideitem { height: 100%; padding: 60px 20px; background-color: #fff; text-align: center; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; overflow: hidden; } .xzly_slideitemi i { font-size: 60px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; } .xzly_slideitem:hover i { animation: rotate 1s linear infinite; -webkit-animation: rotate 1s linear infinite; color: #1E46C8; } .xzly_slideitemh { font-size: 28px; font-weight: bold; } .xzly_slideitemx { width: 55px; height: 3px; background-color: #1E46C8; margin: 25px auto; } .xzly_slideitemp { font-size: 15px; color:#71777D; line-height: 26px; } .gsgk2{width: 100vw;height: 42.1875vw;background-image: url(../img/wenhua_bg.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;padding-top: 10.15625vw;} .gsgk2 .z_index_tit{color:#fff;} .z_conatct_tit .en{ text-transform: uppercase;font-size:16px; display: block;} .z_conatct_tit .cn{position: relative; display: inline-block;font-size: 3vw;font-weight: bold;} .gsgk2 .title{font-size: 2.39583vw;color: #FFF;font-weight: bold;text-align: center;} .gsgk2 .con{position: absolute;bottom: 0;left: 0;width: 100%;height: 16.66666vw;display: flex;} .gsgk2 .con .item{flex: 1;height: 100%;background-image: linear-gradient(to right,#0055ff69,#19bf1542);background-position: center;background-size: 100% 100%;background-repeat: no-repeat;position: relative;} .gsgk2 .con .item:nth-child(2){margin: 0 3px;} .gsgk2 .con .item .cons{position: absolute;top: 50%;transform: translateY(-50%);left: 5.20833vw;padding-left: 15px;border-left: 4px solid #0055ff;} .gsgk2 .con .item .cons .titles{font-size: 1.25vw;line-height: 1.25vw;color: #FFF;font-weight: bold;margin-bottom: 2.08333vw;} .gsgk2 .con .item .cons .text{font-size: 16px;line-height: 1.65;color: #FFF;width: 80%;} .l_mt{background-color:#f1f1f1;padding:5vw 5.2vw;position:relative} .l_mt .bot{margin-top:2.60416vw;display:flex;flex-wrap:wrap} .l_mt .bot .item{width:31.4%;background-color:#fff;padding:1.04166vw;margin-top:2.08333vw;position:relative;transition:ease 1s} .l_mt .bot .item:hover{box-shadow:0 25px 43px 8px rgba(47,48,53,.08)} .l_mt .bot .item::after{content:"";width:0;border-bottom:2px solid #1E46C8;position:absolute;left:50%;bottom:0;z-index:9;transition:1s} .l_mt .bot .item:nth-child(1),.l_mt .bot .item:nth-child(2),.l_mt .bot .item:nth-child(3){margin-top:unset} .l_mt .bot .item:nth-child(3n-1){margin-left:2.08333vw;margin-right:2.08333vw} .l_mt .bot .item a{display:block} .l_mt .bot .item .img{width:100%;height:14.0625vw;position:relative;overflow:hidden} .l_mt .bot .item .img img{width:100%;height:100%;transform:scale(1);transition:1s} .l_mt .bot .z_index_mores{line-height:28px;display:inline-block;margin:2vw 0} .l_mt .bot .z_index_mores .en{font-size:14px;font-weight:700;text-decoration:underline;color:#000;margin-right:10px} .l_mt .bot .z_index_mores .icon{display:inline-block;width:28px;transition:ease .6s;height:28px;text-align:center;background:#1E46C8;color:#fff;vertical-align:middle;background-size:100% 100%} .l_mt .bot .item .img .date{position:absolute;top:0;right:0;text-align:center;background-color:#2f3035;color:#fff;width:5.20833vw;height:5.20833vw;padding-top:.2vw;font-family:Human;transition:1s} .l_mt .bot .item .img .date b{font-size:40px} .l_mt .bot .item .img .date p{font-size:12px;font-weight:700;text-transform:uppercase} .l_mt .bot .item .title{margin-top:1.5625vw;font-size:20px;color:#000;font-weight:700} .l_mt .bot .item .text{margin-top:1.04166vw;font-size:14px;color:#666;line-height:25px} .l_mt .bot .item .z_index_more{margin-top:1.82291vw;margin-bottom:2.60416vw} .l_mt .bot .item:hover::after{left:0;width:100%} .l_mt .bot .item:hover .z_index_more .icon{transform:rotate(45deg)} .l_mt .bot .item:hover .img img{transform:scale(1.1)} .l_mt .bot .item:hover .img .date{background-color:#1E46C8} .bg_f8{background:#f8f8f8;} .newsDetail{ width:100%; padding: 0 5.2vw; display:flex; margin:0 auto 0 auto; justify-content:space-between;} .newsDetail .contents{ width:calc( 100% - 405px);} .newsDetail .detailMenu{ flex-shrink:0; width:360px; display:flex; flex-direction:column;} .newsDetail .detailMenu .detailMenu1{ width:100%; display:flex; align-items:center; height:70px; padding:0 30px; font-size:18px; background:#ffffff;} .newsDetail .detailMenu .detailMenu1 em{ margin-right:10px;} .newsDetail .detailMenu .ad a{ width:100% !important; display: inline-block;} .newsDetail .detailMenu .ad a img{ width:100%;} .rightList{ width:100%; position:relative; margin-bottom:0px !important;} .rightList .rightList1{ display:flex; flex-direction:column; overflow:hidden;} .rightList .rightList1 .rightListItem{ display:flex; flex-direction:column; padding:25px 0; border-bottom:#dadada solid 1px;} .rightList .rightList1 .rightListItem:last-child{ padding-bottom:0px; border-bottom:0px;} .rightList .rightList1 .rightListItem .rightListTitle{ font-size:18px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;margin-top: 20px;} .rightList .rightList1 .rightListItem .rightListDeta{ font-size:14px; color:#b5b5b5; margin-top:5px; margin-bottom:20PX;} .rightList .rightList1 .rightListItem .rightListSmall{ font-size:14px; color:#666666; line-height:21px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;} .rightList .slick-dots{ display:flex; justify-content:center;} .rightList .slick-dots li.slick-active button:before{ color:#156aa9;} .casearticle{background:#f8f8f8;} .casearticle .newsDetail{padding-top:5%;} .contentsMess{ width:100%; padding:0 50px; background:#FFFFFF; display:flex; flex-direction:column; margin-bottom:30px;} .contentsMess .title{ font-size:30px; line-height:2em; margin-top:40px;} .contentsMess .xx{ font-size:14px; color:#b5b5b5; display:flex; align-items:center; padding:25px 0;} .contentsMess .xx div{ margin-right:15px;} .contentsMess .nr{ font-size:16px; line-height:30px; border-bottom:#e9e9e9 solid 1px; border-top:#e9e9e9 solid 1px; padding:20px 0 100px 0;} .contentsMess .nr p{ margin-bottom:20px;} .contentsMess video{ width: 100%; height: auto;} .contentsMess .nr div{ margin-bottom:20px;} .contentsMess .bottom{ padding:30px 0; display:flex; justify-content:space-between; align-items:center; } .contentsMess .bottom .bl{ display:flex; align-items:center; width:calc(100% - 262px); flex-wrap:wrap;} .contentsMess .bottom .bl a{ display:block; margin-right:8px; padding:8px 10px; font-size:15px; color:#666666; border:#e9e9e9 solid 1px; border-radius:5px;} .contentsMess .bottom .bl a:last-child{ margin-right:0px;} .contentsMess .bottom .br{ display:flex; align-items:center;} .z_share .icon-weibo:before {content: "\e619";} .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms} .wechat-qrcode.bottom{top:40px;left:-84px} .wechat-qrcode.bottom:after{display:none} .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto} .wechat-qrcode .qrcode table{margin:0 !important} .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0} .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent} .contentsMess .bottom .br #share-1 a:hover .wechat-qrcode{display:block} .z_xgindex_news{ padding: 0 5.2vw; box-sizing: border-box; padding-bottom: 8vw;} .z_news_heads{ padding-top: 4vw; padding-bottom: 2vw;display: flex; justify-content: space-between; align-items: center;} .z_news_heads .cn{ font-size: 30px; color: #333333; align-items: center; } .z_news_heads .cn:before{ content: ""; display: inline-block; width: 4px; height: 24px; background: #1c69d9; margin-right: 18px;} .z_swiper_btn span{ overflow: hidden; display: inline-block; transition: ease 1s; cursor: pointer; outline: none; border-radius: 50%; text-align: center; position: relative; font-weight: bold; margin-left: 10px; color: #1e46c8; } .z_swiper_btn .iconfont{border: 2px solid #DAE2EF; display: inline-block;width: 50px; height: 50px;line-height: 50px;border-radius: 50%;transition: ease 1s;} .z_swiper_btn span::after{ content: ""; display: block; width: 110%; height: 0; position: absolute; left: -5%; bottom: 0; background: #1e46c8; position: absolute; left: 0; bottom: 0; transition: ease 1s;} .z_swiper_btn span:hover::after{ height: 100%;} .z_swiper_btn span:hover .iconfont{ color: #fff; border-color: #1e46c8;} .z_swiper_btn span:hover .iconfont:before{color: #fff;z-index: 1;position: relative;} .z_xgnews_swiper{ overflow: hidden; position: relative;} .z_xgnews_swiper::before{content: ""; display: block; width:100%; height: 2px; background: #DCE3F0; transition: ease 1s; position: absolute; left: 0; top: 0px;} .z_xgnews_swiper li{padding:1%;background: #f8f8f8;margin: 2% 1.3%;width:31%;border-radius: 3px;outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .z_xgnews_swiper .inner .img{overflow:hidden} .z_xgnews_swiper .inner .info{position:relative;z-index:55;overflow:hidden;transition:.6s; margin-top: 3%;} .z_xgnews_swiper .inner .info .desc{font-size:14px;line-height:28px;color:#999;} .z_xgnews_swiper .row .c-text1 {display: flex;align-items: center;position: relative;color: #333;line-height: 50px;} .z_xgnews_swiper .row .c-text1::before {content: "";display: block;width: 8px;height: 8px;border-radius: 50%;background-color: #80bd00;margin-right: 0.1rem;} @media (min-width:768px){.z_xgnews_swiper .inner .info .desc{word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2} } .z_xgnews_swiper .inner .img{overflow:hidden;} .z_xgnews_swiper .inner .info{position:relative;z-index:55;overflow:hidden;transition:.6s; margin-top: 3%;} .z_xgnews_swiper .inner .info .tit{font-size: 18px;display:block;line-height:48px;font-weight: bold; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;transition: none;} .z_xgnews_swiper .inner .info .desc{font-size:14px;line-height:28px;color:#999;text-align: justify;} .z_xgnews_swiper .inner .c-text1 {display: block;align-items: center;position: relative;color: #333;line-height: 50px;} .z_xgnews_swiper .inner .c-text1 .fr{padding-right:10px;} .z_xgnews_swiper .inner .c-text1::before {content: "";display:inline-block;width: 8px;height: 8px;border-radius: 50%;background-color: #1e46c8;margin-right: 10px;} .z_xgnews_swiper li img{ display: block; width: 100%; transition: ease 1s;} .z_xgnews_swiper li:hover img{ transform: scale(1.05,1.05);} .contentBot{ width: 100%; display: flex; justify-content: space-between; align-items: center; margin:40px auto 60px auto; line-height: 60px;} .contentBot a{display: inline-block; font-size: 16px; color: #222222; background: #ffff; width:35%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;text-align: center;padding-right:15px;padding-left:15px;} .contentBot a:nth-child(2){ width:10%;} .public-paging{display:flex;align-items:center;justify-content:center;margin-top:60px;clear: both;} .public-paging a{display:flex;align-items:center;justify-content:center;margin:0 15px;width:58px;height:58px;background-color:#ffffff;transition:all .3s} .public-paging a.on{color:#fff;background-color:#1E46C8} .public-paging a.on svg path{fill:#fff} @media (max-width:767px){.public-paging a{width:38px;height:38px} } .public-paging a img,.public-paging a svg{width:14px;height:14px} @media (max-width:767px){.public-paging a img,.public-paging a svg{width:20px;height:20px} } .public-paging a img path,.public-paging a svg path{fill:#666;transition:all .3s} .public-paging a.c-prev img,.public-paging a.c-prev svg{transform:rotate(180deg)} .public-paging a:hover{color:#fff;background-color:#1E46C8} .public-paging a:hover svg path{fill:#fff} .public-paging2{display:flex;align-items:center;justify-content:space-between} .public-paging2 a{display:flex;align-items:center;color:#999;transition:all .3s} .public-paging2 a .c-ico{margin-right:10px;width:20px;height:20px} @media (max-width:767px){.public-paging2 a .c-ico{width:40px;height:40px} } .public-paging2 a img,.public-paging2 a svg{width:100%;height:100%} .public-paging2 a img path,.public-paging2 a svg path{fill:#999;transition:all .3s} .public-paging2 a img circle,.public-paging2 a svg circle{stroke:#999;transition:all .3s} .public-paging2 a img .cls-2,.public-paging2 a svg .cls-2{transition:all .3s} .public-paging2 a:last-child .c-ico{margin:0 0 0 10px;transform:rotate(180deg)} .public-paging2 a:hover{color:#1E46C8} .public-paging2 a:hover svg path{fill:#1E46C8} .public-paging2 a:hover svg circle{stroke:#1E46C8} .public-paging2 a:hover .cls-2{stroke:#1E46C8} .contactusmain{padding:80px 8vw;} .contactusmain .column-title span{font-size:16px;color: #a8a8a8;opacity: .7;} .contactusmain .column-title h1{font-size:26px;margin-top:5px;font-weight:bold;} /*.contactusmain .column-title .separator{width:75px;height:3px;background-color:#0058b2}*/ .contactusmain .contact-list{margin-top: 75px;display: flex; align-items: center; justify-content: center;} .contactusmain .contact-list .contactinfos{width: 38%;height: 580px;padding: 60px 48px;background-color:#1E46C8;} .contactusmain .contact-list .contactinfos .column-title span{color: white;} .contactusmain .contact-list .contactinfos .column-title h1{color: white;} .contactusmain .contact-list .contactinfos .column-title .separator{background-color: white;} .contactusmain .contact-list .contactinfos .infos-box .pubinfos{display: flex; align-items: center;} .contactusmain .contact-list .contactinfos .infos-box .btx{padding: 25px 0;border-bottom: 1px solid #214ed9;} .contactusmain .contact-list .contactinfos .infos-box .btxen{padding:5px 0;border-bottom: 1px solid #214ed9;} .contactusmain .contact-list .contactinfos .infos-box .pubinfos img{width: 25px;margin-right: 20px;} .contactusmain .contact-list .contactinfos .infos-box .pubinfos span{font-size: 15px;font-weight: 500;color: white;} .contactusmain .contact-list .contactinfos .infos-box .pubinfos p{font-size: 15px;margin-bottom: 7px;font-weight: 500;color: white;line-height: 23px;} .contactusmain .contact-list .contactinfos .infos-box .pubinfos .phone{width:100%;margin-bottom: 10px;padding-top:5px;} .contactusmain .contact-list .contactinfos .infos-box .pubinfos .phone .iconfont{font-size: 24px;color:#fff;} .contactusmain .contact-list .contactinfos .infos-box .pubinfos .wxewm{width:110px;display:none; } .contactusmain .contact-list .contactinfos .infos-box .pubinfos .cnwxewm{text-align: right;margin-top: -60px;position:absolute;right: 0px;} .contactusmain .contact-list .contactinfos .infos-box .pubinfos .enwxewm{text-align: right;margin-top: 0;position:absolute;right: 10px;} .contactusmain .contact-list .contactinfos .infos-box .pubinfos .jpnwxewm{text-align: right;margin-top: -35px;position:absolute;right: -20px;} .contactusmain .contact-list .contactinfos .infos-box .pubinfos .ruwxewm{text-align: right;margin-top: -5px;position:absolute;right: 5px;} .contactusmain .contact-list .contactinfos .infos-box .pubinfos .wxewm.on{display:block;} .contactusmain .contact-list .contactinfos .infos-box .pubinfos .wxewm img{width:100%;} .contactusmain .contact-list .contactinfos .infos-box .pubinfos .conleft{padding-left:75px} .contactusmain .contact-list .contactinfos .infos-box .pubinfos .conleften{padding-left:35px} .contactusmain .contact-list .contactinfos .infos-box .pubinfos p:last-child{margin-bottom: 0;} .contactusmain .contact-list .contactinfos .infos-box .addr{padding:10px 0px;border-bottom: 1px solid #214ed9;clear: both;} .contactusmain .contact-list .contactinfos .infos-box .phone-llst{position:relative;} .contactusmain .contact-list .contactinfos .infos-box .email{} .contactusmain .contact-list .contactinfos .infos-box .fax{} .contactusmain .contact-list .contactinfos .infos-box .wxewm{margin-top: 20px;margin-left: 45px;} .contactusmain .contact-list .contactinfos .infos-box .wxewm ul li{width:100px; float:left;margin-right:20px;} .contactusmain .contact-list .contactinfos .infos-box .wxewm ul li p{line-height:36px; text-align:center;color:#fff;} .contactusmain .contact-list .contactmap{width: 72%;height: 580px;position: relative;} .contactusmain .contact-list .contactmap .allmap{width: 100%;height: 580px;z-index: 1;} .contactusmain .contact-list .contactmap #branchoffice{position: absolute;right: 0; bottom: 0;z-index: 99999999999999999;} .contactusmain .contact-list .contactmap #branchoffice ul{display: flex;align-items: center;} .contactusmain .contact-list .contactmap #branchoffice ul li{} .contactusmain .contact-list .contactmap #branchoffice ul li:first-child a{margin-right: 15px;} .contactusmain .contact-list .contactmap #branchoffice ul li a{padding: 10px 16px;font-size: 15px;display: block;font-weight: 500;background-color: white;} .contactusmain .contact-list .contactmap #branchoffice ul li.on a{color: white;background-color:#1E46C8;} @media (max-width: 768px){ .contactusmain .contact-list .contactinfos{width:100%;height: auto;padding: 30px 28px;clear: both;overflow: hidden;} .contactusmain .contact-list .contactinfosen{height: 680px;} .contactusmain .contact-list .contactmap{width:100%;display: none;height: 360px;clear: both;overflow: hidden;} .contactusmain .contact-list .contactinfos .infos-box .pubinfos img{width: 20px;margin-right: 5px;} .contactusmain .contact-list .contactinfos .infos-box .pubinfos .cnwxewm{margin-top:0px} .contactusmain .contact-list .contactinfos .infos-box .pubinfos .jpnwxewm{margin-top:0px} .contactusmain .contact-list .contactinfos .infos-box .pubinfos .ruwxewm{margin-top:0px} } .z_conatct_ly{ padding: 5.2vw 0;box-sizing: border-box; background: #f8f8f8;} .z_ly_form{margin: 0 auto; margin-top: 3.5vw; padding:0 8vw;} .z_ly_form ul{ display: flex; justify-content: space-between;} .z_ly_form li{ width: 31.7%; margin-bottom: 25px; color: #000; border: 2px solid #ececec; display: flex; align-items: center; padding: 0 20px;box-sizing: border-box; } .z_ly_form label{flex-shrink: 0; font-size: 16px; } .z_ly_form li .text{ flex: 1; width: auto; height: 60px;font-size: 16px;} .z_ly_form .texta_box{border: 2px solid #ececec; padding: 15px 20px; box-sizing: border-box; display: flex; align-items: flex-start;} .z_ly_form .texta_box .texta{ flex: 1; width: auto; height: 100px; font-size: 16px;} .z_subbtn{ margin: 0 auto; margin-top: 3vw; cursor: pointer; text-align: center; background:#e0e2e5; color: #323D4F; font-size: 16px;border: none;display: block;} .z_subbtn i{margin-left:5px;} .z_subbtn:hover,.z_subbtn:hover .iconfont{color:#fff;} .Product{ padding: 100px 0px; background: #f2f2f2;} .Product .Product_left{ width: 24%; background: #fff; box-shadow: 0px 0px 20px rgba(0,0,0,.12);} .Product .Product_left .Product_left_title{ height: 180px; background: url(../images/bn49.png) no-repeat 50%/cover; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative;} .Product .Product_left .Product_left_title dd{ font-size: 14px; color: #fff; text-transform: uppercase;} .Product .Product_left .Product_left_title dt{ font-size: 28px; color: #fff;} .Product .Product_left .Product_left_title::after{ content: ""; display: inline-block; width: 65px; height: 3px; background: #fff; margin-top: 30px; transform: skewX(-45deg); } .Product .Product_left .Product_left_content{ overflow: hidden;} .Product .Product_left .Product_left_content a{ display: inline-block; width: 100%; float: left; line-height: 75px; text-align: center; font-size: 18px; color: #333333; border-bottom: 1px solid #f0f0f0;} .Product .Product_left .Product_left_content a:last-child{ border-bottom: 0px;} .Product .Product_left .Product_left_content a.on{ color: #1c69d9;} .Product .Product_left .Product_left_content a:hover{ color: #1c69d9;} .Product .Product_right{ width: 73%;} .Product .Product_right .Product_right_content .right_content_list{ display: inline-block; width: 23.5%; float: left; margin-right: 2%; margin-bottom: 2%;transition:all ease 0.5s; position: relative; top: 0px;} .Product .Product_right .Product_right_content .right_content_list:nth-child(4n){ margin-right: 0px;} .Product .Product_right .Product_right_content .right_content_list .content_list_logo{ height: 285px; display: flex; align-items: center; justify-content: center; background: #f9f9f9; position: relative; padding-top: 35px;} .Product .Product_right .Product_right_content .right_content_list .content_list_logo dd img{ max-height: 190px;} .Product .Product_right .Product_right_content .right_content_list .content_list_logo dt{ position: absolute; left: 33px; top: 22px;} .Product .Product_right .Product_right_content .right_content_list .content_list_logo dt img{ max-height: 22px;} .Product .Product_right .Product_right_content .right_content_list .content_list_title{ background: #fff; line-height: 30px; text-align: center; padding: 0px 15px; font-size: 18px; color: #333333;transition:all ease 0.5s; padding:23px 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .Product .Product_right .Product_right_content .right_content_list:hover{transition:all ease 0.5s; top: -25px; box-shadow: 0px 0px 25px rgba(0,0,0,.2);} .Product .Product_right .Product_right_content .right_content_list:hover .content_list_title{ background: #1c69d9; color: #fff;transition:all ease 0.5s;} .Application{ background-color: #fff; padding: 2.5vw 5.2vw 5vw} .Application .Application_title{ font-size: 38px; color: #333333; padding-bottom: 30px; border-bottom: 4px solid #1c69d9;} .Application .Application_content{ display: flex; flex-wrap: wrap; justify-content: space-between;} .Application .Application_content .Application_content_list{ width: 49%; position: relative; margin-top: 45px;} .Application .Application_content .Application_content_list .content_list_img{ position: relative;} .Application .Application_content .Application_content_list .content_list_img::before{ content: ""; position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 100%; background: url(../img/solution/hy_bg.png) no-repeat 100%/cover;} .Application .Application_content .Application_content_list .content_list_img img{ width: 100%;} .Application .Application_content .Application_content_list .content_list_title{ font-size: 26px; color: #fff; position: absolute; bottom: 35px; left: 50px; display: flex; align-items: flex-end;} .Application .Application_content .Application_content_list .content_list_title img{ margin-right: 18px;} .Application .Application_content .Application_content_list .content_list_hover{ position: absolute; left: 0; top: 0; width: 100%; background: url(../img/solution/hy_bg2.png) no-repeat 0% 0%; height: 100%; padding: 0px 50px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; opacity: 0; transition:all ease 0.5s;} .Application .Application_content .Application_content_list .content_list_hover dd{ font-size: 26px; color: #fff; display: flex; align-items: flex-end;} .Application .Application_content .Application_content_list .content_list_hover dd img{ margin-right: 25px;} .Application .Application_content .Application_content_list .content_list_hover dt{ display: flex; width: 119px; height: 40px; border: 1px solid #fff; align-items: center; justify-content: center; color: #fff; font-size: 12px; margin-top: 80px; transition:all ease 0.5s;} .Application .Application_content .Application_content_list .content_list_hover dt:hover{ background: #fff; color: #1c69d9; transition:all ease 0.5s;} .Application .Application_content .Application_content_list .content_list_hover dt img{ margin-left: 8px;} .Application .Application_content .Application_content_list:hover .content_list_hover{ transition:all ease 0.5s; opacity: 1;} .DApplication{ padding: 2.5vw 5.2vw 5vw;} .DApplication .DApplication_title dd{ font-size: 48px; color: #333333; margin-bottom: 35px;} .DApplication .DApplication_title dt{ font-size: 20px; color: #333333; line-height: 32px;} .DApplication .DApplication_content .DApplication_content_list{ margin-top: 80px;} .DApplication .DApplication_content .DApplication_content_list .content_list_title{ font-size: 30px; color: #333333; display: flex; align-items: center; margin-bottom: 50px;} .DApplication .DApplication_content .DApplication_content_list .content_list_title:before{ content: ""; display: inline-block; width: 4px; height: 24px; background: #1c69d9; margin-right: 18px;} .DApplication .DApplication_content .DApplication_content_list .content_list_txt{ display: flex; flex-wrap: wrap;} .DApplication .DApplication_content .DApplication_content_list .content_list_txt .list_txt_li{ width: 32%; margin-right: 2%; margin-bottom:2%;position: relative; background: #f2f2f2; position: relative;} .DApplication .DApplication_content .DApplication_content_list .content_list_txt .list_txt_li::before{ content: ""; display: inline-block; width: 100%; height: 100%; background: url(../img/solution/bn64.png) no-repeat 100% 100%; position: absolute; left: 0; top: 0;} .DApplication .DApplication_content .DApplication_content_list .content_list_txt .list_txt_li:last-child{ margin-right: 0px;} .DApplication .DApplication_content .DApplication_content_list .content_list_txt .list_txt_li:nth-child(3n){ margin-right: 0px;} .DApplication .DApplication_content .DApplication_content_list .content_list_txt .list_txt_li .txt_li_t{ padding: 40px 30px; font-size: 24px; color: #333333; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; padding-bottom: 85px; position: absolute; width: 100%; transition:all ease 0.5s;} .DApplication .DApplication_content .DApplication_content_list .content_list_txt .list_txt_li .txt_li_t:after{ content:""; display:inline-block; width:100%; top:0; height:100%; background: #f2f2f2; position:absolute; left:0; transition:all ease 0.5s;} .DApplication .DApplication_content .DApplication_content_list .content_list_txt .list_txt_li .txt_li_t span{ z-index:2;} .DApplication .DApplication_content .DApplication_content_list .content_list_txt .list_txt_li .txt_li_t::before{ content: ""; display: inline-block; width: 60px; height: 3px; background: #333333; transform: skewX( -45deg ); margin-bottom: 25px; transition:all ease 0.5s; z-index:2} .DApplication .DApplication_content .DApplication_content_list .content_list_txt .list_txt_li .txt_li_img{ overflow: hidden;} .DApplication .DApplication_content .DApplication_content_list .content_list_txt .list_txt_li .txt_li_img img{} .DApplication .DApplication_content .DApplication_content_list .content_list_txt .list_txt_hover{ position: absolute; bottom: 0; height: 100%; left: 0; width: 100%; background: url(../images/bn66.png) no-repeat 50%/cover; padding: 0px 30px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding-bottom: 30px; opacity: 0; transition:all ease 0.5s; } .DApplication .DApplication_content .DApplication_content_list .content_list_txt .list_txt_hover p{ font-size: 16px; color: #fff; height: 50px; display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,.3); width: 100%;} .DApplication .DApplication_content .DApplication_content_list .content_list_txt .list_txt_hover p::before{ content: ""; display: inline-block; width: 18px; height: 6px; background: url(../images/bn65.png) no-repeat 50% 50%; margin-right: 12px;} .DApplication .DApplication_content .DApplication_content_list .content_list_txt .list_txt_li .txt_li_t{ z-index: 2; transition:all ease 0.5s; color: #fff;} .DApplication .DApplication_content .DApplication_content_list .content_list_txt .list_txt_li .txt_li_t::before{ background: #fff; transition:all ease 0.5s;} .DApplication .DApplication_content .DApplication_content_list .content_list_txt .list_txt_li .list_txt_hover{ opacity: 1; transition:all ease 0.5s; } .DApplication .DApplication_content .DApplication_content_list .content_list_txt .list_txt_li .txt_li_t:after{ height:0px; transition:all ease 0.5s;} .DApplication2 .Product_right .Product_right_content{ padding: 50px 0px; padding-bottom:0px;} .DApplication2 .Product_right .Product_right_content .right_content_list{ width: 100%;margin-bottom:20px; box-shadow: 0px 0px 0px; float: left;} /*.DApplication2 .Product_right .Product_right_content .right_content_list .content_list_logo{ background: #f2f2f2;}*/ /*.DApplication2 .Product_right .Product_right_content .right_content_list .content_list_title{ background: #f2f2f2;}*/ .PDetails2{ background: #fff;padding-bottom:100px;} .hangyefl{padding:3vw;} .PDetails2 .PDetails2_list{ margin-bottom: 100px;} .PDetails2 .PDetails2_list:last-child{ margin-bottom: 0px;} .PDetails2 .PDetails2_list .PDetails2_list_title{ font-size: 30px; color: #333333; display: flex; align-items: center; margin-bottom: 50px;} .PDetails2 .PDetails2_list .PDetails2_list_title:before{ content: ""; display: inline-block; width: 4px; height: 24px; background: #1c69d9; margin-right: 18px;} .PDetails2 .PDetails2_list .PDetails2_list_content{ display: flex;} .PDetails2 .PDetails2_list .PDetails2_list_content .list_content_list{ width: 32%; margin-right:2.5%;} .PDetails2 .PDetails2_list .PDetails2_list_content .list_content_list:last-child{ margin-right:0px;} .PDetails2 .PDetails2_list .PDetails2_list_content .list_content_list .content_list_img{ background:#fff; padding:35px 0px; text-align: center; box-shadow:0px 0px 22px rgba(0,0,0,.1); height:255px; display:flex; align-items:center; justify-content:center; position:relative;} .PDetails2 .PDetails2_list .PDetails2_list_content .list_content_list .content_list_img .list_img_p{ max-width: 100%; max-height:200px;} .PDetails2 .PDetails2_list .PDetails2_list_content .list_content_list .content_list_img .list_img_hover{ position:absolute; left:20%; display:none; top:0; box-shadow:0px 0px 25px rgba(0,0,0,.2); z-index:50;} .PDetails2 .PDetails2_list .PDetails2_list_content .list_content_list .content_list_img:hover .list_img_hover{ display:block;} .PDetails2 .PDetails2_list .PDetails2_list_content .list_content_list .content_list_txt{ text-align: center; margin-top: 20px;} .PDetails2 .PDetails2_list .PDetails2_list_content .list_content_list .content_list_txt dd{ font-size: 20px; color: #333333;} .PDetails2 .PDetails2_list .PDetails2_list_content .list_content_list .content_list_txt dt{ font-size: 18px; color: #666666; line-height: 24px; margin-top: 10px;} .PDetails2 .PDetails2_list .PDetails2_list_content .list_content_list .content_list_txt p{ display:inline-block; width:100%; padding-left:24px; position:relative; text-align:left; margin-bottom:6px;} .PDetails2 .PDetails2_list .PDetails2_list_content .list_content_list .content_list_txt p:last-child{ margin-bottom:0px;} .PDetails2 .PDetails2_list .PDetails2_list_content .list_content_list .content_list_txt p::before{ content: ""; display: inline-block; width: 14px; height: 10px; background: url(../images/bn53_1.png) no-repeat 50% 50%; left: 0; position: absolute; top: 8px;} .PDetails2 .PDetails2_list .PDetails2_list_content .list_content_list .content_list_txt span{ display:inline-block; width:100%; padding-left:24px; position:relative; text-align:left; margin-bottom:6px;} .PDetails2 .PDetails2_list .PDetails2_list_content .list_content_list .content_list_txt span:last-child{ margin-bottom:0px;} .PDetails2 .PDetails2_list .PDetails2_list_content .list_content_list .content_list_txt span::before{ content: ""; display: inline-block; width: 14px; height: 10px; background: url(../images/bn53_1.png) no-repeat 50% 50%; left: 0; position: absolute; top: 8px;} .mo_icon_w{ width:14px; height:14px; display:block; cursor:pointer; position:absolute; display:block; right:10px; top:10px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-moz-flex; display:-ms-flexbox; display:flex; /* 水平居中*/ -webkit-box-align:center; -moz-box-align:center; -ms-flex-pack:center;/* IE 10 */ -webkit-justify-content:center; -moz-justify-content:center; justify-content:center;/* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/ /* 垂直居中 */ -webkit-box-pack:center; -moz-box-pack:center; -ms-flex-align:center;/* IE 10 */ -webkit-align-items:center; -moz-align-items:center; align-items:center; animation:myfirst 2s ease infinite; } .mo_icon{ width:14px; height:14px; border:#0d6cbd solid 2px; border-radius:33px ;box-shadow: rgba(13, 108, 189, 0.4) 0 0 5px, rgba(13, 108, 189, 0.4) 0 0 5px inset; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-moz-flex; display:-ms-flexbox; display:flex; /* 水平居中*/ -webkit-box-align:center; -moz-box-align:center; -ms-flex-pack:center;/* IE 10 */ -webkit-justify-content:center; -moz-justify-content:center; justify-content:center;/* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/ /* 垂直居中 */ -webkit-box-pack:center; -moz-box-pack:center; -ms-flex-align:center;/* IE 10 */ -webkit-align-items:center; -moz-align-items:center; align-items:center; } .mo_icon div{ display:inline-block; width:6px; height:6px; background:#0d6cbd; border-radius:10px;} @keyframes myfirst { 0%{ transform:scale(0.1); } 50%{ transform:scale(1.0); } 100%{ transform:scale(0.1); } } .PDetails2 .PDetails2_list .PDetails2_list_application{display: block;align-items: center;overflow: hidden;} .PDetails2 .PDetails2_list .PDetails2_list_application .list_application_li{width: 18%;background: #f2f2f2;font-size: 20px;color: #333333;display: flex;padding-left: 33px;align-items: center;height: 103px;transition:all ease 0.5s;margin-right:25px;position:relative;float: left;margin-bottom: 2%;} .PDetails2 .PDetails2_list .PDetails2_list_application .list_application_li:last-child{ margin-right:0px;} .PDetails2 .PDetails2_list .PDetails2_list_application .list_application_li span{ margin-right: 22px; position: relative; display: inline-block; width: 51px; height: 42px;} .PDetails2 .PDetails2_list .PDetails2_list_application .list_application_li span img{ position: absolute; left: 0; transition:all ease 0.5s;} .PDetails2 .PDetails2_list .PDetails2_list_application .list_application_li .application_li_img2{ opacity: 0;} .PDetails2 .PDetails2_list .PDetails2_list_application .list_application_li:hover{ background: #1c69d9; transition:all ease 0.5s; color: #fff; box-shadow: 0px 0px 25px rgba(0,0,0,.2); cursor: pointer;} .PDetails2 .PDetails2_list .PDetails2_list_application .list_application_li:hover .application_li_img2{ opacity: 1; transition:all ease 0.5s;} .PDetails2 .PDetails2_list .PDetails2_list_application .list_application_li:hover .application_li_img1{ opacity: 0; transition:all ease 0.5s;} .PDetails2 .PDetails2_list .PDetails2_list_application .list_cailiao_li{width:18.4%;float:left;margin-right:2%;margin-bottom:2%;text-align: center;} .PDetails2 .PDetails2_list .PDetails2_list_application .list_cailiao_li:nth-child(5n){margin-right:0;} .PDetails2 .PDetails2_list .PDetails2_list_application .list_cailiao_li img{width:50%;margin:0 auto;transition: ease 1s;} .PDetails2 .PDetails2_list .PDetails2_list_application .list_cailiao_li h3{font-size:20px;line-height:45px;} .PDetails2 .PDetails2_list .PDetails2_list_application .list_cailiao_li:hover h3{color: #1c69d9;transition:all ease 0.5s;} .PDetails2 .PDetails2_list .PDetails2_list_application .list_cailiao_li:hover img{ transform: scale(1.05,1.05);} .PDetails2 .Product_right{ width: 100%;} .PDetails2 .Product_right .PDetails2_list_title{ margin-bottom: 0px;} .PDetails2 .Product_right .Product_right_content{ margin: 0px; padding: 50px 30px; padding-bottom:0px;} .PDetails2 .Product_right .Product_right_content .right_content_list{ box-shadow: 0px 0px 25px rgba(0,0,0,.1); float: inherit;} .PDetails2 .Product_right .Product_right_content .right_content_list .content_list_logo{ background: #fff;} .PDetails2 .swiper-button-next{ right: 5px;} .PDetails2 .swiper-button-prev{ left: 5px;} .PDetails2 .swiper-button-next:after,.PDetails2 .swiper-button-prev:after{ color: #666; font-size: 30px;} .PDetails2 .iconfont{width: 46px;height: 46px;background: #FFFFFF;box-shadow: 0px 2px 8px 0px rgba(133,162,192,0.4);border-radius: 50%;line-height: 46px;color: #1E46C8;text-align: center;z-index:3px;cursor: pointer;outline: none;transition: ease 1s;position: absolute;top: calc(60% - 25px);transform: translateY(-50%);z-index: 3;} .PDetails2 .iconfont:hover{ background: #1E46C8; color: #fff;} .public-menu2{display: none;padding:2rem 0 3vw;width: 100%;height:28.6875vw; position: absolute;bottom: .15vw; box-sizing: border-box;} .public-menu2 .container{width:100%;padding:2.5vw 5.2vw;} .public-menu2 .c-list{display:flex;align-items:flex-start;line-height:42px;margin-bottom: 38px;overflow-x:auto} .public-menu2 .c-list li{flex-shrink:0;margin-right: 20px; font-size: 18px;color: #fff;} .public-menu2 .c-list li a{display:block;color:#666;transition:all .3s;border: 1px solid #fff;border-radius:5px;padding: 0 20px;font-size: 16px;color: #fff;} .public-menu2 .c-list li a:hover,.public-menu2 .c-list li .on{color:#1E46C8;border-color:#fff;background-color:#fff} .public-menu2 .enfenlei{display: block;margin-bottom:5px;} .public-menu2 .enfenlei li:nth-child(1){height:46px;} .public-menu2 .enfenlei li{float:left; margin-bottom: 20px;} .public-menu2 .enfenlei li a{padding: 0 15px;} .Product{padding: 2.5vw 5.2vw;} .Product .Product_content{ display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:35px;} .Product .Product_content .Product_content_list{ display:flex;background: #fff; justify-content:space-between; width:48%; box-shadow:0px 0px 20px rgba(0,0,0,.1); margin-bottom:5%; padding:50px;} .Product .Product_content .Product_content_list .content_list_img{ width:45%;} .Product .Product_content .Product_content_list .content_list_img img{ width:100%; object-fit:cover;} .Product .Product_content .Product_content_list .content_list_txt{ width:50%;} .Product .Product_content .Product_content_list .content_list_txt .list_txt_title{ font-size:24px; color:#333333; margin-bottom:5px;} .Product .Product_content .Product_content_list .content_list_txt .list_txt_dd{ font-size:18px; color:#333333; margin-bottom:15px;} .Product .Product_content .Product_content_list .content_list_txt .list_txt_dt{ font-size:14px; color:#999999; margin-bottom:25px;line-height: 28px;} .Product .Product_content .Product_content_list .content_list_txt .list_txt_btn{ font-size:14px; color:#fff; display:flex; align-items:center; justify-content:center; width:95px; height:32px; border-radius:100px; background:#1E46C8} .list_pros ul li{float:left; width:32%;margin-right:2%;margin-bottom:2%;background:#fff;} .list_pros ul li:nth-child(3n+0){margin-right:0;} .z_proxq_page{ padding: 2.5vw 5.2vw 5vw;background: #f2f1f2;} .z_proxq_page .z-container{ width: 100%;} .z_proxq_page .z_page_wz,.z_newsxq_page .z_page_wz{ padding-top: 2.6vw; padding-bottom: 2.6vw;} .z_pro_head{background:#fff;} .z_pro_img{ width: 40%;height: 700px; box-sizing: border-box; position: relative; float: left;} .z_pro_big{ display: flex; align-items: center; justify-content: center; height:100%;} .z_pro_big img,.z_small_swiper li img{ max-width: 80%; max-height: 80%; display: block;} .z_small_warp{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 40px; box-sizing: border-box;} .z_small_swiper{ width: 100%; overflow: hidden;} .z_small_swiper li{height: 130px;background: #FFFFFF; border: 1px solid #D1D8E3;border-radius: 6px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;} .z_small_swiper li.on{ border-color: #1e46c8;} .z_pro_desc{ width: 60%; float: right; padding: 3vw; box-sizing: border-box; position: relative; min-height:800px;} .z_pro_desc .tit{ font-size: 38px; position: relative; font-weight: bold;} .z_pro_desc .tit .en{font-size:3.6vw; display: inline-block; position: absolute; left: 0; top: 0; text-transform: uppercase; z-index: -1;font-family: Messapia;font-weight: bold;color: rgba(34, 34, 34, 0);line-height: 30px;-webkit-text-stroke: 1px #eaeaea;text-stroke: 1px #1e46c8;} .z_pro_desc .desc{font-size: 14px;font-weight: 400;color: #71777D;line-height: 32px; margin: 2vw 0;} .z_pro_desc .rutit{font-size: 2.6vw;} .z_pro_desc .desc h5{font-size:20px;font-weight:bold;} .z_pro_desc .btnbar{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 3vw; box-sizing: border-box;} .z_pro_desc .btnbar .btn{ min-width: 200px;font-size: 18px; margin-right: 30px; text-align: center; display: flex; align-items: center; justify-content: center; color: #fff;height: 60px;background: #09bd08;border-radius: 30px} .z_pro_desc .btnbar .btn em{font-size:30px; margin-right:10px} .z_pro_desc .btnbar .btn2{min-width: 320px;background: #1e46c8;border-radius: 30px;} .z_small_swiper .z_banner_hd{ display: none;} .z_proxq_warp{ margin: 60px 0;} .z_proxq_nav{height: 80px;background: #ffffff;} .z_proxq_nav ul{ display: flex;} .z_proxq_nav ul li{flex: 1; text-align: center; cursor: pointer; color: #333;font-size: 18px;background:#ffffff;} .z_proxq_nav ul li span{ display: inline-block; padding: 0 15px; line-height: 80px;position: relative;word-break: break-all; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .z_proxq_nav ul li span::before{ content: ""; display: block; z-index: 1; width: 0; height: 4px; background: #1e46c8; position: absolute; left: 50%; bottom:0; transition: ease 1s;} .z_proxq_nav ul li.active span::before{ width: 100%; left: 0;} .z_proxq_nav ul li.active{background:#1e46c8;color: #fff;} .z_proxq_child{ padding: 20px 0; color: #333;line-height: 38px; font-size: 16px;} .z_proxq_child img{ max-width: 100%!important; height: auto!important;} .z_proxq_child table{max-width: 100%!important;} .z_proxq_con{background: #ffffff;padding:0px 50px;} .z_proxq_child .pdfdown{text-align:center;display:block;background:#f7f7f7;line-height:58px;} .z_proxq_child .pdfdown em{padding-right:10px;} .z_proxq_child .pdfdown:hover{background:#1e46c8;color: #fff;} .z_topbtm_bar{ display: flex; justify-content: space-between;} .prosxy{padding: 38px;background: #fff;} .z_tab_child{ display: none;} .z_tab_child.active{ display: block;} .z_menu_share2{ margin-left: auto; flex-shrink: 0;} .z_menu_share2 a{ display: inline-block;width: 44px;height: 44px;background: #EEEEEE;border-radius: 50%; text-align: center; line-height: 44px; color: #666666; font-size: 20px!important; margin-left: 15px;} .z_menu_share2 a:hover{ background: #0365db; color: #fff; cursor: pointer;} .z_menu_share2 .z_menu_close{ position: absolute; right: 0vw; top: 0vw; width: 6.25vw; height: 6.25vw; text-align: center; line-height: 6.25vw; color: #B4B4B4; font-size: 28px!important; font-weight: bold; cursor: pointer;} .z_menu_share2 .z_menu_close:hover{ color:#0365db;} .z_menu_share2 .z_menu_mask .warp{ opacity: 0; width: 100%; transition: ease 1s; transform: translateX(100px) ;} .z_menu_share2 .z_menu_mask.on,.z_menu_share2 .z_menu_mask.on .warp{ opacity: 1; visibility: visible;transform: translateX(0px);} .z_menu_share2 .z_menu_mask.on::before{ transition-delay:.5s;} .z_menu_share2 .z_menu_mask.on::after{} .z_menu_share2 .z_menu_mask.on::before,.z_menu_share2 .z_menu_mask.on::after{ transform: translateY(-50%) scale(1,1)} .z_menu_share2 .z_menu_mask.on .warp{transition-delay:1.4s} .z_topbtm_bar a{ font-size: 16px;} .z_topbtm_bar a:hover{ color: #0365db;} .z_topbtm_bar a .iconfont{ display: inline-block; margin: 0 5px; font-size: 20px;} @media screen and (max-width:980px){ .Product{padding:5.2vw;} .about .about_title dd,.z_other_tit .cn{font-size:20px} .z_about_page .z_other_tit{width:100%;margin: 30px 0px;} .z_sc_warp .z_other_tit .cn{font-size:20px;font-weight:bold;} .z_sc_swiper{ position: relative;left: auto; top: auto; width: 100%; height: 105vw;} .z_about_num3{ width: 100%; position: relative; left:auto;bottom: auto; height: auto; padding:20px 0; margin: 30px 0;} .z_about_num3 ul{ display: block;} .z_about_num3 li{ width: 50%;float:left; text-align: center; padding: 10px 0;} .z_about_num3 li .timer{ font-size: 20px;} .z_about_num3 li h3{ font-size: 18px;} .z_pro_page .z_other_tit{ display: block; text-align: center;} .z_sc_warp .desc{ width: 100%; font-size: 14px; line-height: 24px; max-height: none;} .z_proyf_warp{padding: 40px 12px;} .z_proyf_warp .z_other_tit{ margin-bottom: 30px;} .z_proxq_nav{height:50px;} .z_proxq_nav ul li span{line-height:50px;} .z_yf_list ul{ margin-left: 0;} .z_yf_list li{ width: 100%; margin-top: 0!important; margin-left: 0; margin-bottom: 50px;} .z_yf_list li .imgbox { height: 108vw; margin-bottom: 15px;} .z_yf_list li .num{ font-size: 50px; line-height: 50px; top: -25px;} .z_yf_list li .tit{ font-size: 18px; line-height: 18px;} .z_yf_list li .desc{ line-height: 24px; margin-top: 20px;} .z_yf_list li:last-child{ margin-bottom: 0;} .public-menu2{height:70.6875vw;bottom: 80px;} .gsgk2{height: auto;padding:40px 20px;} .gsgk2 .con{position: unset;transform: translateX(0);width: 100%;margin-top: 10px;display: block;height: auto;} .gsgk2 .con .item{margin: 0 !important;margin-top: 35px !important;padding: 10px;} .gsgk2 .con .item .cons{position: unset;transform: translateY(0);padding-left: 10px;} .gsgk2 .con .item .cons .titles{font-size: 16px;line-height: 16px;} .gsgk2 .con .item .cons .text{width: 100%;margin-top: 5px;font-size: 12px;} .z_conatct_ly{ padding: 30px 15px;} .z_ly_form{ width: 100%; margin-top: 30px;padding: 0;} .z_ly_form ul{ display: block;} .z_ly_form li{ width: 100%; padding:5px 10px; margin-bottom: 20px;} .z_ly_form li .text{ height: 40px;} .z_ly_form .texta_box{ padding: 10px;} .z_ly_form .z_subbtn{ height: 50px; line-height: 20px;width:100%;} .newsDetail .z_share a{padding-left:8px;} .contentBot a:nth-child(2){width:auto;} .rightList .rightList1 .rightListItem{background:#ffffff;padding:20px;} .list_pros ul li{width:100%;margin-right:0;margin-bottom:30px;} .z_xgindex_news{display:none;} .z_conatct_tit .cn{font-size:26px;} .Application{padding: 0px 0px 35px;} .Application .Application_title{ font-size: 22px; padding-bottom: 18px; border-bottom: 1px solid #1c69d9;} .Application .Application_content .Application_content_list{ width: 48%; margin-top: 25px;} .Application .Application_content .Application_content_list .content_list_title{ bottom: 25px; left: 25px; font-size: 20px;} .Application .Application_content .Application_content_list .content_list_title img{ max-height: 25px; margin-right: 11px;} .Application .Application_content .Application_content_list .content_list_hover{ opacity:1; width:60%; padding:0px; padding-left:30px;background: url(../img/solution/hy_bg2.png) no-repeat 100% 100%;} .Application .Application_content .Application_content_list .content_list_hover dd{ font-size:18px; align-items:center;} .Application .Application_content .Application_content_list .content_list_hover dt{ margin-top:25px; height:35px; width:100px;} .Application .Application_content .Application_content_list .content_list_hover dd img{ margin-right:12px;} .Application .Application_content .Application_content_list{ width: 100%; margin-top: 25px;} .z_pro_img,.z_pro_desc{ width: 100%;} .z_pro_img{ border-right: none; height: auto;padding-top:30px;} .z_pro_big{} .z_small_warp{ padding: 0; position: relative;display:none;} .z_small_swiper{} .z_small_swiper li{ border: none; height: 75vw;} .z_small_swiper .z_banner_hd{ display: block; position: absolute; left: 0; bottom: 10px;} .PDetails2 .Product_right .Product_right_content{padding:30px 0px 0px;} .z_banner_hd span{ display: inline-block; cursor: pointer;width:12px;height:12px; margin-left: 5px; position: relative; border-radius: 50%;background: #ccc; } .z_banner_hd span::before{ content: ""; display: block; opacity: 0;animation: animtran 10s linear infinite; width: 100%; height: 100%;background-size: 100% 100%; position: absolute; left: 0; top: 0;} .z_banner_hd span::after{ content: ""; display: block;width: 4px;height: 4px;background: #FFFFFF!important;border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} .z_banner_hd span.swiper-pagination-bullet-active::before{ opacity: 1;} .z_banner_hd span.swiper-pagination-bullet-active{background:#0055ff;} .z_banner_hd span.swiper-pagination-bullet-active::after{ background: #0365db;} @keyframes animtran { from { transform: rotateZ(0deg); } to { transform: rotateZ(360deg); } } .z_banner_hd .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .z_small_swiper .z_banner_hd{z-index: 2;width:100%;display: block; text-align: center;position: absolute; left: 0; bottom: 10px;} .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 8px 2px;} .ibanner .swiper-pagination-bullet-active { width: 15px; height: 15px; top: 0; background: #51b07b; border: 3px #fff solid; } .z_pro_desc{ min-height: auto; padding: 30px 15px;} .z_pro_desc .tit .en{ font-size: 18px; top: -8px;} .z_pro_desc .tit{ font-size: 18px;} .z_pro_desc .btnbar{ display: block; position: relative;padding: 0;} .z_pro_desc .btnbar .btn{ width: 100%; margin: 0; margin-bottom: 10px; height: 50px; border-radius: 20px; font-size: 14px;} .z_pro_desc .desc{ font-size: 14px; line-height: 24px; margin: 20px 0;} .PDetails2 .PDetails2_list .PDetails2_list_application .list_application_li{width:32%;margin-bottom: 2%;display: block;height: auto;padding: 20px 0px;text-align: center;font-size: 17px;margin-right:2%;} .PDetails2 .PDetails2_list .PDetails2_list_application a:nth-child(3n){margin-right:0;} .PDetails2 .PDetails2_list .PDetails2_list_application .list_application_li span{ display: block; width: 100%; margin: 0 auto;} .z_menu_share2{text-align:center;} .public-menu2 .c-list{line-height: 42px;display: flex;} .public-menu2 .c-list li{margin-right:10px;} .scrollbar::-webkit-scrollbar {width: 5px;height: 5px;} .public-menu2 .c-list::-webkit-scrollbar-thumb {background: linear-gradient(to bottom right, #4d7fff 0%, #1a56ff 100%); border-radius: 5px;} .public-menu2 .c-list::-webkit-scrollbar-track {background-color: #ddd;border: 1px solid #ccc;} .public-menu2 .container .wapshow{text-align:center;} .public-menu2 .container .wapshow img{width:50px} .pronavsclose{position:absolute;bottom: -40px;} .PDetails2 .Product_right .Product_right_content .right_content_list{width:100% !important;} .pc_all .pc_all_content{ width: 96% !important; margin: 0 auto; overflow: hidden;} .Product .pc_all_content{ overflow:inherit;} .Product .Product_content .Product_content_list .content_list_img{width:56%;} .Product .Product_content .Product_content_list .content_list_txt{width:40%;} .Product .Product_content .Product_content_list{ width:100%;padding: 10px;} .Product .Product_content .Product_content_list .content_list_txt .list_txt_title{ font-size:16px;} .Product .Product_content .Product_content_list .content_list_txt .list_txt_dd{ font-size:14px;display: none;} .DApplication .DApplication_content .DApplication_content_list .content_list_txt .list_txt_li{ width:100%;} .Product .Product_content .Product_content_list .content_list_txt .list_txt_dt{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;text-overflow: ellipsis;margin-bottom: 10px;} .PDetails2 .PDetails2_list .PDetails2_list_application .list_cailiao_li h3{font-size: 14px;word-break: break-all; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .PDetails2 .PDetails2_list .PDetails2_list_application .list_cailiao_li{width:31%;} .PDetails2 .PDetails2_list .PDetails2_list_application .list_cailiao_li img{width:70%;} .z_proxq_con{padding:0px 10px;} .l_mt{padding: 20px;} .l_mt .top .fl,.l_mt .top .fr{float: unset;width: 100%;} .l_mt .top .title h2{font-size: 20px;margin-bottom: unset;height: 20px;display: inline-block;} .l_mt .top .title div{font-size: 16px;} .l_mt .top .fr{margin-top: 10px;} .l_mt .top .fr div{height: unset;width: 100%;height: 35px;} .l_mt .top .fr div select, .l_mt .top .fr div select{width: 70%;margin-top: unset;} .l_mt .top .fr p{margin-top: 5px;} .l_mt .bot .item{width: 100%;margin: unset !important;margin-top: 10px !important;padding: 10px;} .l_mt .bot .item .img{height: 180px;} .l_mt .bot .item .title{font-size: 16px;} .l_mt .bot .item .text{font-size: 10px;} .l_mt .bot .item .img .date{width: 70px;height: 70px;padding-top: 10px;} .l_mt .bot .item .img .date b{font-size: 26px;} .l_mt .nkBot .item{width: 100%;margin: unset !important;margin-top: 10px !important;padding: 10px;} .l_mt .nkBot .item .img{width: 100%;height: 420px;float: unset;} .l_mt .nkBot .item .content{width: 100%;float: unset;margin-left: unset;margin-top: 10px;} .l_mt .nkBot .item .content .title{font-size: 16px;} .l_mt .nkBot .item .content .information{font-size: 10px;} .l_mt .nkBot .item .content .text{width: 100%;font-size: 10px;margin-top: 5px;} .l_mt .nkBot .item .content .btn{width: 100px;height: 35px;line-height: 35px;} .newsDetail{ display:block; padding-bottom: 5%;} .newsDetail .contents,.newsDetail .detailMenu{ width:100%;} .newsDetail .detailMenu{ display: block; margin-top:25px;} .contentsMess{ padding:20px;} .contentsMess iframe{width:100%;height:auto} .contentsMess .title{ margin-top:0px; font-size:20px; line-height: normal; line-height:28px;} .contentsMess .xx{ padding:20px 0px;} .contentsMess .nr{ font-size:14px; padding:25px 0px;} .contentsMess .nr div{ width:100% !important;} .contentsMess .bottom{ display:block;} .contentsMess .bottom .bl{ display:block;} .contentsMess .bottom .bl a{ margin-right:0px; margin-bottom:10px;} .z_xgnews_swiper li{ width: 100%;} .contactusmain .contact-list{margin-top:30px;} .contactusmain{padding:30px 5vw;} } /* map */ .BMap_cpyCtrl, .anchorBL { display: none; } .map { height: 580px; } @media (max-width: 640px) { .map { height: 400px; } } @media (max-width: 480px) { .map { height: 340px; } } #map label, #map img { max-width: none; max-height: none; }