@charset "utf-8"; @font-face { font-family: "D-DIN"; src: url('../fonts/D-DIN.eot'); /* IE9 */ src: url('../fonts/D-DIN.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/D-DIN.woff') format('woff'), url('../fonts/D-DIN.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../fonts/D-DIN.svg#D-DIN') format('svg'); /* iOS 4.1- */ } @charset "utf-8"; @font-face { font-family: "D-DINExp"; src: url('../fonts/D-DINExp.eot'); /* IE9 */ src: url('../fonts/D-DINExp.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/D-DINExp.woff') format('woff'), url('../fonts/D-DINExp.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../fonts/D-DINExp.svg#D-DINExp') format('svg'); /* iOS 4.1- */ } @charset "utf-8"; @font-face { font-family: "D-DINCondensed"; src: url('../fonts/D-DINCondensed.eot'); /* IE9 */ src: url('../fonts/D-DINCondensed.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/D-DINCondensed.woff') format('woff'), url('../fonts/D-DINCondensed.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../fonts/D-DINCondensed.svg#D-DINCondensed') format('svg'); /* iOS 4.1- */ } @font-face { font-family: "SourceHanSansCN-Regular"; src: url('../fonts/SourceHanSansCN-Regular.otf') format('opentype'); } @font-face { font-family: "SourceHanSansCN-Heavy"; src: url('../fonts/SourceHanSansCN-Heavy.otf') format('opentype'); } @font-face { font-family: "Product-Sans-Regular"; src: url('../fonts/Product-Sans-Regular.ttf') format('truetype'); } @font-face { font-family: "Product-Sans-Bold"; src: url('../fonts/Product-Sans-Bold.ttf') format('truetype'); } @font-face { font-family: "Product-Sans-Bold-Italic"; src: url('../fonts/Product-Sans-Bold-Italic.ttf') format('truetype'); } @font-face { font-family: "Product-Sans-Italic"; src: url('../fonts/Product-Sans-Italic.ttf') format('truetype'); } body{ overflow-x:hidden !important; background:#fff; line-height:1.1; font-family:"SourceHanSansCN-Regular",'Microsoft YaHei','PingFang SC','Helvetica Neue','Helvetica','Arial',sans-serif; } body.pagebody{ background:#f4f7fe; } .bodybg{ background:#f5f6fa; } *{ outline:none; box-sizing:border-box; letter-spacing:1px; } .TXTovehid { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .clear{ clear:both; } a:hover{ color:#1d362e; } .w1600{ width:1600px; margin:0 auto; } .w1000{ width:1000px; margin:0 auto; } .realw1200{ width:1200px; margin:0 auto; } .mt40{ margin-top:40px; } .mb40{ margin-bottom:40px; } .fwb{ font-weight:bold; } img.block100{ display:block; width:100%; } .transition04{ transition: All 0.2s ease-in-out; -webkit-transition: All 0.2s ease-in-out; -moz-transition: All 0.2s ease-in-out; -o-transition: All 0.2s ease-in-out; } .transition0401{ transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } .transition0402{ transition: All 1s; -webkit-transition: All 1s; -moz-transition: All 1s; -o-transition: All 1s; } .clearboth{ clear:both; } .textcenter{ text-align:center; } #main{ position:relative; z-index:211112; width:100%; height:auto; background:#fff; } .menu_body{ display:none; } #noneheader{ height:0; width:100%; } .header{ z-index:111111111; position:absolute; top:0px; left:0px; width:100%; } .header.yanse,.header:hover{ background:#fff; } .header .inheader{ width:100%; margin:0 auto; height:110px; border-bottom:1px solid rgba(255,255,255,0.1); display:flex; flex-direction:row; justify-content:space-between; } .header .menu_con{ display:flex; flex-direction:row; justify-content:center; width:100%; z-index:2; position:absolute; height:100%; left:50%; transform:translateX(-50%); top:0px; } .header .inheader .menu{ } .header .inheader .menu > li{ width:auto; text-align:center; box-sizing:border-box; padding:0px 28px; float:left; height:110px; line-height:110px; } .header .inheader .menu > li::after{ height:24px; width:1px; background:#fff; content:" "; z-index:1; display:none; position:absolute; right:0px; top:50%; transform:translateY(-50%); } .header .inheader .menu > li > a{ color:#fff; font-size:16px; position:relative; height:100%; display:block; } .header .inheader .menu > li > a span{ position:relative; z-index:2; } .header .inheader .menu > li:hover > a,.header .inheader .menu > li.active > a{ font-weight:bold; color:#ff7e00; } .header .inheader .menu > li:hover > a::after,.header .inheader .menu > li.active > a:after{ position:absolute; width:calc(100% + 20px); left:-10px; height:3px; top:0px; content:" "; z-index:1; background:#ff7e00; } .header .inheader .logo{ display:flex; flex-direction:column; justify-content:center; position:relative; z-index:3; } .header .inheader .logo.web_logo{ display:none; } .header .inheader .logo img{ height:75px; margin-left:100px; } .header .inheader .logo img:first-child{ display:block; } .header .inheader .logo img:last-child{ display:none; } .menu li .icon_nav_item{ display:none; } .header .menu > li .subnav, .header .menu > li .pro_subnav, .header .menu > li .com_subnav, .header .header_search .search_subnav{ width: 100%; position: fixed; left: 0%; top: 100%; visibility: hidden; opacity: 0; transform: translateY(-30px); transition: all .3s; text-align:left; display:flex; } .header .menu > li .subnav::after, .header .menu > li .pro_subnav::after, .header .menu > li .com_subnav::after, .header .header_search .search_subnav::after{ background: #f0f1f2; width:400%; height:100%; left:-100%; top:0px; position:absolute; content:" "; z-index:1; } .header .menu > li .subnav li{ line-height:1.125; text-align:center; position:relative; display:block; margin:0; z-index:2; } .header .menu > li .subnav li a{ font-size:16px; color:#333; padding:0 45px; } .header .menu > li .subnav li a:hover, .header .menu > li .subnav li a.active{ color:#74c7c7; } @media all and (min-width:769px){ .header .menu > li:hover .subnav, .header .menu > li:hover .pro_subnav, .header .menu > li:hover .com_subnav, .header .header_search:hover .search_subnav, .header .header_lang:hover a.else_lang{ visibility: visible; opacity: 1; transform: translateY(0); transition: all .3s; } .websubnav{ display:none !important; } } .header_else{ display:flex; justify-content:space-between; position:relative; z-index:3; } .header_tel{ display:flex; flex-direction:column; justify-content:center; font-size:21px; color:#fff; font-family: "Product-Sans-Bold-Italic"; } .header_tel i{ font-style:normal; } .header_tel img{ height:18px; display:inline-block; margin-right:12px; } .header_search{ padding:0 42px; border:1px solid rgba(255,255,255,0.1); border-top:0px; border-bottom:0px; display:flex; flex-direction:column; justify-content:center; margin-left:60px; } .header_search i img{ height:22px; } .header_search i img:first-child{ display:block; } .header_search i img:last-child{ display:none; } .header_lang{ padding: 0 20px; cursor:pointer; display:flex; flex-direction:column; justify-content:center; font-size:0px; position:relative; } .header_lang span{ margin:0 5px; font-size:14px; color:#fff; } .header_lang i img{ height:16px; transform: translateY(3px); } .header_lang i img:first-child{ display:inline-block; } .header_lang i img:last-child{ display:none; } .header_lang a.else_lang{ width:100%; height:46px; text-align:center; background:#fff; position:absolute; top:100%; left:0px; display:flex; flex-direction:column; justify-content:center; font-size:18px; color:#222; visibility: hidden; opacity: 0; transform: translateY(-30px); transition: all .3s; } .header.yanse .inheader .menu > li > a, .header.inpage .inheader .menu > li > a, .header:hover .inheader .menu > li > a{ color:#555; } .header.yanse .header_tel, .header.inpage .header_tel, .header:hover .header_tel{ color:#222; } .header.yanse .header_search, .header.inpage .header_search, .header:hover .header_search{ border:1px solid rgba(34,34,34,0.1); border-top:0px; border-bottom:0px;; } .header.yanse .inheader, .header.inpage .inheader, .header:hover .inheader { border-bottom: 1px solid rgba(34,34,34,0.1); } .header.yanse .header_search i img:first-child, .header.inpage .header_search i img:first-child, .header:hover .header_search i img:first-child{ display:none; } .header.yanse .header_search i img:last-child, .header.inpage .header_search i img:last-child, .header:hover .header_search i img:last-child{ display:block; } .header.yanse .header_lang span, .header.inpage .header_lang span, .header:hover .header_lang span{ color:#222; } .header.yanse .header_lang i img:first-child, .header.inpage .header_lang i img:first-child, .header:hover .header_lang i img:first-child{ display:none; } .header.yanse .header_lang i img:last-child, .header.inpage .header_lang i img:last-child, .header:hover .header_lang i img:last-child{ display:inline-block; } .header.yanse .inheader .logo img:first-child, .header.inpage .inheader .logo img:first-child, .header:hover .inheader .logo img:first-child{ display:none; } .header.yanse .inheader .logo img:last-child, .header.inpage .inheader .logo img:last-child, .header:hover .inheader .logo img:last-child{ display:block; } .com_subnav_in{ display:flex; justify-content:space-between; position:relative; z-index:2; padding:60px 0; } .com_subnav_in_img{ width:37.5%; } .com_subnav_in_img img{ width:100%; display:block; } .com_subnav_in_menu{ width:46.875%; } .com_subnav_in_menu .t{ font-size:24px; color:#222222; font-weight:bold; margin-bottom:15px; line-height:1; } .com_subnav_in_menu .b{ display:flex; justify-content:space-between; flex-wrap:wrap; } .com_subnav_in_menu .b a{ width:43.33%; padding:26px 0; border-bottom:1px solid #d7d7d7; font-size:16px; color:#222; line-height:1; display:flex; justify-content:space-between; } .com_subnav_in_menu .b a i img{ height:20px; } .com_subnav_in_menu .b a i img:first-child{ display:block; } .com_subnav_in_menu .b a i img:last-child{ display:none; } .com_subnav_in_menu .b a:hover{ color:#ff7e00; font-weight:bold; border-bottom:1px solid #ff7e00; } .com_subnav_in_menu .b a:hover i img:first-child{ display:none; } .com_subnav_in_menu .b a:hover i img:last-child{ display:block; } .pro_subnav{ padding:40px 0; } .pro_subnav_in{ display:flex; justify-content:space-between; position:relative; z-index:2; line-height:1; } .pro_subnav_in .t{ font-size:24px; color:#222222; font-weight:bold; margin-bottom:40px; line-height:1; } .pro_subnav_in_img{ width:68.125%; } .pro_subnav_in_img .b{ display:flex; justify-content:space-between; flex-wrap:wrap; } .pro_subnav_in_img .b a{ width:29.63%; } .pro_subnav_in_img .b a img{ display:block; width:100%; } .pro_subnav_in_img .b a .bt{ font-size:18px; color:#222; margin:20px 0 10px; } .pro_subnav_in_img .b a .bb{ font-size:14px; color:#777; } .pro_subnav_in_img .b a:hover .bt,.pro_subnav_in_img .b a:hover .bb{ color:#ff7e00; } .pro_subnav_in_line{ width:1px; background:#d7d7d7; margin:0 100px; } .pro_subnav_in_menu{ } .pro_subnav_in_menu .b a{ display:flex; justify-content:space-between; line-height:20px; margin-bottom:15px; font-size:16px; color:#777; font-weight:bold; } .pro_subnav_in_menu .b a span{ min-width:180px; } .pro_subnav_in_menu .b a i img{ height:20px; } .pro_subnav_in_menu .b a i img:first-child{ display:block; } .pro_subnav_in_menu .b a i img:last-child{ display:none; } .pro_subnav_in_menu .b a:hover{ color:#ff7e00; } .pro_subnav_in_menu .b a:hover i img:first-child{ display:none; } .pro_subnav_in_menu .b a:hover i img:last-child{ display:block; } .header .header_search .search_subnav{ padding:50px 0; } .header .header_search .search_subnav form{ width:100%; border:0px; border-bottom:1px solid #d7d7d7; line-height:2; position:relative; z-index:2; display:flex; justify-content:space-between; } .header .header_search .search_subnav form .keywords{ width:calc(100% - 60px); font-size:30px; color:#cecece; line-height:2; background:none; border:0px; } .header .header_search .search_subnav form .submit{ width:60px; background:url(../images/big_search.png) no-repeat center center; background-size:100% auto; cursor:pointer; border:0px; } .web_search{ display:none; } .swiper_container_banner .swiper-slide img{ display:block; width:100%; } .swiper_container_banner .swiper-pagination-bullet{ width:26px; height:26px; background:url(../images/bullet.png) no-repeat; background-size:100% 100%; opacity:1 !important; } .swiper_container_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:url(../images/bullet_h.png) no-repeat; background-size:100% 100%; } .swiper_container_banner .swiper-pagination.swiper-pagination_banner { bottom: 55px; } .local_div{ } .local_div .w1600{ position:relative; z-index: 211113; height:0px; } .local_div_in{ padding:0 40px; background:#fff; top:-80px; height:80px; display:flex; justify-content:space-between; position:absolute; width:100%; } .local_div_left{ font-size:14px; color:#777; display:flex; flex-direction:column; justify-content:center; } .local_div_left img{ height:16px; margin-right:15px; transform: translateY(3px); } .local_div_left a{ color:#777; } .local_div_left a:last-child{ color:#222; } .local_div_right{ display:flex; } .local_div_right a{ font-size:16px; color:#777; margin-left:25px; display:flex; flex-direction:column; justify-content:center; border-bottom:3px solid #fff; } .local_div_right a:first-child{ margin-left:0px; } .local_div_right a.active{ color:#222; border-bottom:3px solid #ff7e00; } .pro_div{ padding:90px 0; } .pro_div_in{ justify-content:space-between; display:flex; flex-wrap:wrap; } .pro_div_right_sli{ padding-top:80px; } .pro_div_right_sli:first-child{ padding-top:0px; } .pro_div_left{ width:calc(100% - 81.25% - 30px); display:flex; flex-direction:column; } .pro_div_left_in{ position:relative; } .pro_div_left_in a{ display:block; font-size:16px; color:#777; padding:18px 0; padding-left:30px; border-left:3px solid #dfdfdf; position:relative; } .pro_div_left_in a img{ height:11px; margin-left:15px; display:none; } .pro_div_left_in a.on{ color:#121a61; } .pro_div_left_in a.on img{ display:inline-block; } .pro_div_left_in a.on::after{ position:absolute; left:-3px; top:0px; width:3px; height:50px; content:" "; background:#ff7e00; } .pro_div_right{ width:81.25%; } .pro_div_right .ttitle{ font-size:32px; color:#222; font-family: "SourceHanSansCN-Heavy"; margin-bottom:35px; } .pro_div_right .bcon{ display:flex; flex-wrap:wrap; } .bcon_li{ width:calc(33.33% - 20px); margin-left:30px; margin-top:30px; } .bcon_li:nth-child(3n+1){ margin-left:0px; } .bcon_li:nth-child(-n+3){ margin-top:0px; } .bcon_li img{ display:block; width:100%; transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } .bcon_li .img{ overflow:hidden; } .bcon_li:hover img{ transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; transform:scale(1.15); } .bcon_li .text{ width:100%; display:flex; flex-direction:column; justify-content:center; font-size:20px; color:#222; font-family: "SourceHanSansCN-Heavy"; background:#efefef; height:75px; text-align:center; position: relative; transition: All 1s; -webkit-transition: All 1s; -moz-transition: All 1s; -o-transition: All 1s; } .bcon_li .text::after{ width: 0%; height: 100%; left: 0px; top: 0px; z-index: 3; position: absolute; content:" "; transition: All 1s; -webkit-transition: All 1s; -moz-transition: All 1s; -o-transition: All 1s; } .bcon_li .text span{ position: :relative ; z-index: 5; } .bcon_li:hover .text{ color:#fff; transition: All 1s; -webkit-transition: All 1s; -moz-transition: All 1s; -o-transition: All 1s; } .bcon_li:hover .text::after{ background:#ff7e00; width: 100%; transition: All 1s; -webkit-transition: All 1s; -moz-transition: All 1s; -o-transition: All 1s; } .us01_top_top{ display:flex; justify-content:space-between; background:url(../images/us01_bg.png) center center no-repeat; background-size:100% auto; padding:90px 0; } .us01_top_left{ width:43.75%; display:flex; flex-direction:column; justify-content:center; } .us01_top_left .t{ font-size:32px; color:#222; margin-bottom:25px; padding-bottom:30px; border-bottom:1px solid #e1e1e1; } .us01_top_left .b{ font-size:16px; color:#777; line-height:1.75; } .us01_top_right{ width:50%; } .us01_top_right img{ display:block; width:100%; } .us01_top_bottom{ display:flex; justify-content:space-between; padding:50px 0; border-top:1px solid #e1e1e1; } .us01_top_bottomli{ display:flex; } .us01_top_bottomli img{ display:block; height:60px; margin-right:15px; } .us01_top_bottomli .text{ display:flex; flex-direction:column; justify-content:center; } .us01_top_bottomli .text .t{ font-size:48px; color:#222; font-weight:bold; line-height:0.95; font-family: "Product-Sans-Bold"; } .us01_top_bottomli .text .t sup{ display:inline-block; margin-left:5px; font-size:16px; vertical-align: top; } .us01_top_bottomli .text .b{ font-size:16px; color:#bbb; margin-top:8px; } .us01_bottom{ width:100%; padding:22.135% 0; position:relative; overflow:hidden; } .us01_bottom_li{ width:100%; height:100%; position:absolute; z-index:2; top:0px; left:0px; opacity:0; transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } .us01_bottom_li.active{ z-index:3; opacity:1; transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } .us01_bottom_li > img{ position:absolute; top:0px; height:100%; left:50%; transform:translateX(-50%); min-width:100.1%; display:block; } .us01_bottom_nav{ position:absolute; top:100px; display:flex; justify-content:center; z-index:4; width:100%; } .us01_bottom_nav a{ display:block; font-size:20px; color:#fff; padding:20px 50px; background:url(../images/us01_bottom_navbg.png) no-repeat; background-size:100% 100%; } .us01_bottom_nav a.active{ background:url(../images/us01_bottom_navbg_h.png) no-repeat; background-size:100% 100%; } .us01_bottom_li_text{ position:absolute; height:calc(100% - 100px - 60px); width:100%; bottom:0px; left:0px; display:flex; flex-direction:column; justify-content:center; } .us01_bottom_li_text_in{ width:18.75%; } .us01_bottom_li_text_in .img img{ display:block; width:100%; } .us01_bottom_li_text_in .text{ padding:30px; background:#fff; } .us01_bottom_li_text_in .text .t{ font-size:32px; color:#222222; line-height:1.3125; } .us01_bottom_li_text_in .text .b{ font-size:16px; color:#777; line-height:2; border-bottom:1px solid #e9eaee; border-top:1px solid #e9eaee; padding:12px 0; margin:15px 0; } .us01_bottom_li_text_in .text .b .bli img{ display:inline-block; height:8px; margin-right:10px; } .us01_bottom_li_text_in .text .c{ font-size:16px; color:#777; line-height:1.5; } .us01_bottom_li_text_in .text .c span{ color:#222; } .swiper_pagination_zs_class{ bottom:0px !important; } .swiper_pagination_zs_class .swiper-pagination-bullet { width: 12px !important; height: 12px !important; background: #e3e4e8 !important; opacity: 1 !important; margin:0 5px !important; } .swiper_pagination_zs_class .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#ff7e00 !important; } .zs_bigtitle{ font-size:48px; color:#222; margin-bottom:60px; text-align:center; } .zs01_div{ padding:90px 0 60px; } .zs01_div .swiper_container_zs01{ padding-bottom:60px; } a.zs01_list{ display:block; width:100%; } a.zs01_list .img{ position:relative; overflow:hidden; padding:33.33% 0; background:#f4f4f4; } a.zs01_list .img img{ position:absolute; max-width:84%; max-height:84%; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } a.zs01_list:hover .img img{ transform:translateX(-50%) translateY(-50%) scale(1.15); transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } a.zs01_list .text{ display:flex; justify-content:space-between; background:#e8e8e8; padding:25px 30px; } a.zs01_list .text img{ height:30px; display:block; } a.zs01_list .text span{ font-size:20px; color:#222; max-width:calc(100% - 40px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block; line-height:30px; } .zs02_div{ padding:90px 0; background:#f3f3f3; } .zs02_div_in{ display:flex; justify-content:space-between; flex-wrap:wrap; } .zs02_div_left{ width:50%; } .swiper_container_zs02{ width:100%; } .swiper_container_zs02 .swiper-slide .img img{ width:100%; display:block; } .swiper_container_zs02 .swiper_pagination_zs02{ bottom:30px !important; } .zs02_div_right{ width:47.5%; display:flex; justify-content:space-between; flex-wrap:wrap; } .zs02_div_right a.zs02_rlist{ width:calc(50% - 10px); height:calc(50% - 10px); background:#fff; margin-top:20px; display:flex; flex-direction:column; } .zs02_div_right a.zs02_rlist:nth-child(-n+2){ margin-top:0px; } .zs02_div_right a.zs02_rlist .img{ position:relative; overflow:hidden; height:calc(100% - 70px); } .zs02_div_right a.zs02_rlist .img img{ position:absolute; max-width:84%; max-height:84%; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } .zs02_div_right a.zs02_rlist:hover .img img{ transform:translateX(-50%) translateY(-50%) scale(1.15); transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } .zs02_div_right a.zs02_rlist .text{ padding:0 30px; display:flex; flex-direction:column; justify-content:center; height:70px; border-top:1px solid #f3f3f3; } .zs02_div_right a.zs02_rlist .text > div{ display:flex; justify-content:space-between; } .zs02_div_right a.zs02_rlist .text img{ height:30px; display:block; } .zs02_div_right a.zs02_rlist .text span{ font-size:20px; color:#222; max-width:calc(100% - 40px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block; line-height:30px; } .zs03_div{ background:url(../images/zs03_bg.jpg) center center no-repeat; background-size:cover; } .zs03_div .zs_bigtitle { margin-bottom: 15px; color:#fff; } .zs03_div_in{ display:flex; justify-content:space-between; flex-wrap:wrap; } .zs03_div_left{ width:43.75%; display:flex; flex-direction:column; justify-content:center; } .zs03_div_left .img img{ display:inline-block; height:48px; } .zs03_div_left .img:last-child{ text-align:right; } .zs03_div_text .zs03_div_li{ padding:45px 0 50px; border-bottom:1px solid rgba(255,255,255,0.2); } .zs03_div_text .zs03_div_li:first-child{ padding-top:20px; } .zs03_div_text .zs03_div_li:last-child{ border-bottom:0px; padding-bottom:20px; } .zs03_div_text .zs03_div_li .t{ font-size:20px; color:#fff; line-height:1.6; } .zs03_div_text .zs03_div_li .b{ font-size:20px; color:rgba(255,255,255,0.8); margin-top:15px; text-align:right; } .zs03_div_right{ width:44.56%; } .zs03_div_right img{ display:block; width:100%; } .zs04_div_in{ display:flex; flex-wrap:wrap; } .zs04_biglist{ width:calc(25% - (90px / 4)); margin-top:30px; margin-left:30px; } .zs04_biglist:nth-child(4n+1){ margin-left:0px; } .zs04_biglist:nth-child(-n+4){ margin-top:0px; } .pro_div_right .dingzhi_con{ display:flex; flex-wrap:wrap; justify-content:space-between; } .pro_div_right .dingzhi_con a{ display:block; width:calc(50% - 15px); margin-top:30px; padding:18.3% 0; overflow:hidden; position:relative; margin-left:0px !important; } .pro_div_right .dingzhi_con a:nth-child(-n+2){ margin-top:0px; } .pro_div_right .dingzhi_con a .img{ position:absolute; top:0px; height:100%; width:100%; left:0%; overflow:hidden; } .pro_div_right .dingzhi_con a .img img{ position:absolute; top:0px; height:100%; left:50%; transform:translateX(-50%); min-width:100%; display:block; transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } .pro_div_right .dingzhi_con a:hover .img img{ transform:translateX(-50%) scale(1.15); transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } .pro_div_right .dingzhi_con a .text{ position:absolute; background:none !important; bottom:40px; width:100%; left:0px; padding:0 40px; display:block; font-weight:normal; text-align:left; height: auto; } .pro_div_right .dingzhi_con a .text .t{ font-size:20px; color:#222; } .pro_div_right .dingzhi_con a .text .b{ font-size:16px; color:#121a61; margin-top:10px; } .pro_div_right .dingzhi_con a .text .b img{ display:inline-block; height:20px; margin-left:10px; transform: translateY(5px); width:auto; } .pro_div_right .dingzhi_con a .text::after{ display: none !important; } .news_top{ margin:90px 0; } .page_newsli{ display:flex; justify-content:space-between; flex-wrap:wrap; } .page_newsli .img{ width:50%; padding:14.06% 0; position:relative; overflow:hidden; } .page_newsli .img img{ position:absolute; top:0px; height:100%; left:50%; transform:translateX(-50%); min-width:100%; display:block; } .page_newsli .text{ width:50%; border:1px solid #e1e1e1; padding:0 65px; border-left:0px; display:flex; flex-direction:column; justify-content:center; } .page_newsli .text .t{ font-size:32px; color:#222222; } .page_newsli .text .b{ font-size:14px; color:#999999; margin:17px 0 27px; font-family: "Product-Sans-Regular"; } .page_newsli .text .c{ font-size:16px; color:#777; line-height:1.5; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; } .page_newsli .text .line{ width:100%; height:1px; background:#e1e1e1; margin:45px 0; position:relative; } .page_newsli .text .line::after{ width:45.45%; bottom:0px; left:0%; height:100%; background:#ff7e00; content:" "; position:absolute; } .page_newsli .text .to{ display:flex; justify-content:space-between; } .page_newsli .text .toleft{ font-size:16px; color:#777; } .page_newsli .text .toleft img{ display:inline-block; height:20px; margin-left:12px; transform:translateY(5px); } .page_newsli .swiper_pagination_news{ position:static; } .news_bottom_nav{ display:flex; justify-content:center; z-index:4; width:100%; margin-bottom:40px; } .news_bottom_nav a{ display:block; font-size:20px; color:#222222; padding:20px 50px; background:url(../images/news_bottom_navbg.png) no-repeat; background-size:100% 100%; } .news_bottom_nav a.active,.news_bottom_nav a:hover{ background:url(../images/us01_bottom_navbg_h.png) no-repeat; background-size:100% 100%; color:#fff; } .news_bottom_con{ display:flex; flex-wrap:wrap; } a.page_small_newsli{ width:calc(33.33% - 20px); margin-top:30px; margin-left:30px; } a.page_small_newsli:nth-child(-n+3){ margin-top:0px; } a.page_small_newsli:nth-child(3n+1){ margin-left:0px; } a.page_small_newsli .img{ width:100%; padding:28.06% 0; position:relative; overflow:hidden; } a.page_small_newsli .img img{ position:absolute; top:0px; height:100%; left:50%; transform:translateX(-50%); min-width:100%; display:block; } a.page_small_newsli .text{ border:1px solid #e1e1e1; border-top:0px; padding:35px 40px 40px; } a.page_small_newsli .text .t{ font-size:24px; color:#222; line-height:1.25; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; } a.page_small_newsli .text .b{ font-size:14px; color:#777; border-bottom:1px solid #e1e1e1; padding:15px 0 20px; margin-bottom:20px; font-family: "Product-Sans-Regular"; } a.page_small_newsli .text .to{ font-size:16px; color:#777; } a.page_small_newsli .text .to img{ height:20px; margin-left:12px; transform:translateY(5px); } a.page_small_newsli .text .to img:first-child{ display:inline-block; } a.page_small_newsli .text .to img:last-child{ display:none; } a.page_small_newsli:hover .text{ border:1px solid #f7f8f8; background:#f7f8f8; } a.page_small_newsli:hover .text .t{ font-weight:bold; } a.page_small_newsli:hover .text .b{ border-bottom:1px solid #ff7e00; } a.page_small_newsli .text .to{ color:#222; } a.page_small_newsli:hover .text .to img:first-child{ display:none; } a.page_small_newsli:hover .text .to img:last-child{ display:inline-block; } #pages{ text-align:center; margin:60px 0 90px; } #pages li{ display:inline-block; } #pages li a,#pages li span{ width:44px; height:44px; line-height:44px; display:inline-block; text-align:center; font-size:16px; color:#777; margin:0 5px; background:#efefef; } #pages li.active a,#pages li span.current{ background:#ff7e00; color:#fff; } .news_show{ margin:40px 0 90px; } .news_show_in{ display:flex; justify-content:space-between; flex-wrap:wrap; } .news_show_left{ width:62.5%; } .news_show_right{ width:25%; } .news_show_left .t{ font-size:48px; color:#222; } .news_show_left .b{ font-size:16px; color:#999999; padding:35px 0 20px; border-bottom:1px solid #e1e1e1; } .news_show_left .b span{ margin-right:50px; color:#ff7e00; } .news_show_left .b i{ font-style:normal; font-family: "Product-Sans-Regular"; } .news_show_left .c{ font-size:18px; color:#222; line-height:1.75; margin:30px 0; } .news_show_left .c img{ max-width:100% !important; height:auto !important; } .news_show_left .d{ padding:40px 0; display:flex; justify-content:center; background:url(../images/news_show_codebg.jpg) center center no-repeat; background-size:cover; } .news_show_left .d .text{ background:#fff; display: flex; } .news_show_left .d .text .text_con{ display:flex; justify-content:center; flex-direction:column; padding:0 70px 0 85px; } .news_show_left .d .text img{ width:180px; } .news_show_left .d .text .tt{ font-size:20px; color:#222; margin-bottom:15px; } .news_show_left .d .text .bb{ font-size:16px; color:#777; line-height:1.75; } .news_show_left .e{ border-top:1px solid #e1e1e1; padding-top:30px; margin-top:30px; display:flex; font-size:16px; display:flex; justify-content:space-between; } .news_show_left .e .prevnext{ width:32%; color:#777; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_show_left .e .prevnext:last-child{ text-align: right; } .news_show_left .e .backto{ color:#222; } .news_show_left .e .backto img{ width:14px; margin-left:10px; } .news_show_right .bigt{ font-size:32px; color:#222; margin-top:90px; font-family: "SourceHanSansCN-Heavy"; } .news_show_right .nsr_con a{ display:block; border-bottom:1px solid #e1e1e1; padding:30px 0; display:flex; justify-content:space-between; } .news_show_right .nsr_con a img{ display:block; width:50%; } .news_show_right .nsr_con a .text{ width:45%; display:flex; justify-content:center; flex-direction:column; } .news_show_right .nsr_con a .text .t{ font-size:16px; color:#222; line-height:1.25; font-family: "SourceHanSansCN-Heavy"; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; } .news_show_right .nsr_con a .text .b{ font-size:14px; color:#777; margin-top:15px; font-family: "Product-Sans-Regular"; } .pro_show{ background:#f1f1f1; overflow: hidden; } .pro_show_in{ display:flex; justify-content:space-between; margin-bottom:90px; } .pro_show_left{ width:45%; } .pro_show_right{ width:48%; } .pro_show_right_btm{ width: 100%; margin: 30px auto 0; position: relative; } .pro_show_right .swiper-button-prev,.pro_show_right .swiper-button-next{ top: auto; bottom: 0; height: 100%; width: 40px; background: #ff7e00; } .pro_show_right .swiper-button-prev::after,.pro_show_right .swiper-button-next::after{ color: #fff; font-size: 24px; } .pro_show_right .swiper-button-prev{ left: 0px; } .pro_show_right .swiper-button-next{ right: 0px; } .pro_show_right .mySwiper2,.pro_show_right .mySwiper{ width: 100%; overflow: hidden; position: relative; } .pro_show_right .mySwiper{ width: calc(100% - 100px); margin: 0 auto; } .pro_show_right .mySwiper2 .img,.pro_show_right .mySwiper .img{ position: relative; padding: 38.6% 0; overflow: hidden; width: 100%; } .pro_show_right .mySwiper2 .img img,.pro_show_right .mySwiper .img img{ position:absolute; min-width:100%; height:100%; top:0%; left:50%; transform:translateX(-50%); } .pro_show_right .mySwiper .swiper-slide .img{ border: 1px solid #fff; } .pro_show_right .mySwiper .swiper-slide.swiper-slide-thumb-active .img{ border: 1px solid #ff7e00; } .pro_show_right img{ display:block; width:100%; } .pro_show_left .catet{ font-size:14px; color:#ff7e00; } .pro_show_left .t{ font-size:48px; color:#222; font-family: "SourceHanSansCN-Heavy"; margin:15px 0 30px; } .pro_show_left .c{ border-top:5px solid #121a61; background:#fff; } .pro_show_left .c .cli{ display:flex; justify-content:space-between; border-bottom:1px solid #f2f2f2; line-height:50px; } .pro_show_left .c .cli:last-child{ border-bottom:0px; } .pro_show_left .c .cli .clit{ width:50%; padding-left:45px; font-size:16px; color:#777777; } .pro_show_left .c .cli .clib{ width:50%; border-left:1px solid #f2f2f2; padding-left:45px; font-size:16px; color:#222222; font-weight:bold; } .pro_show_left .d{ display:flex; margin-top:30px; } .pro_show_left .d a,.pro_show_left .d .delse{ height:80px; display:flex; justify-content:center; flex-direction:column; border-radius: 10px; text-align:center; } .pro_show_left .d a .d_in,.pro_show_left .d .delse .delse_in{ display:flex; justify-content:center; } .pro_show_left .d a .d_in span,.pro_show_left .d .delse .delse_in span{ display:flex; justify-content:center; flex-direction:column; } .pro_show_left .d a{ background:#ff7e00; font-size:20px; color:#fff; width:260px; } .pro_show_left .d a img{ display:inline-block; height:32px; margin-right:12px; } .pro_show_left .d .delse{ margin-left:30px; background:#fff; width:300px; } .pro_show_left .d .delse img{ display:inline-block; height:44px; margin-right:12px; } .pro_show_left .d .delse .delse_in_text{ text-align:left; } .pro_show_left .d .delse .de_t{ font-size:16px; color:#222; margin-bottom:8px; } .pro_show_left .d .delse .de_b{ font-size:26px; color:#ff7e00; font-family: "Product-Sans-Bold-Italic"; } .pro_show_btm{ margin:90px 0 120px; } .pro_show_btm_in{ display:flex; justify-content:space-between; flex-wrap:wrap; } .pro_show_btm_left{ width:62.5%; } .pro_show_btm_leftli{ margin-bottom:85px; } .pro_show_btm_leftli:last-child{ margin-bottom:0px; } .pro_show_btm_bigt{ font-size:48px; color:#222; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e1e1e1; } .pro_show_btm_div01{ display:flex; flex-wrap:wrap; } .pro_show_btm_list01{ width:calc(33.33% - 20px); margin-top:30px; margin-left:30px; position:relative; } .pro_show_btm_list01:nth-child(-n+3){ margin-top:0px; } .pro_show_btm_list01:nth-child(3n+1){ margin-left:0px; } .pro_show_btm_list01 .pb_img{ width:100%; padding:32% 0; position:relative; overflow:hidden; } .pro_show_btm_list01 .pb_img img{ position:absolute; top:0px; height:100%; left:50%; transform:translateX(-50%); min-width:100%; display:block; } .pro_show_btm_list01 .pb_text{ border:1px solid #e1e1e1; border-top:0px; border-top:0px; padding:30px 35px; text-align:center; } .pro_show_btm_list01 .pb_text .pb_text_t{ font-size:20px; color:#222; font-weight:bold; } .pro_show_btm_list01 .pb_text .pb_text_b{ font-size:16px; line-height:1.25; color:#777; margin-top:12px; } .pro_show_btm_div02{ font-size:16px; line-height:1.25; color:#222; } .pro_show_btm_div02 img{ display:block; width:100%; } .pro_show_btm_div03 video{ display:block; width:100%; } .pro_show_btm_list01.pro_show_btm_list04 .pb_img{ padding:37.35% 0; } .pro_show_btm_right{ width:25%; } .news_show_right.pro_show_btm_right .bigt { margin-top: 0px; margin-bottom:35px; } .news_show_right.pro_show_btm_right .nsr_con a { border-bottom: 0; padding: 10px 0; } .news_show_right.pro_show_btm_right .nsr_con a .text .t { font-size: 20px; } .news_show_right.pro_show_btm_right .nsr_con a .text .b { font-size: 16px; color:#999; margin-top:10px; display:flex; } .news_show_right.pro_show_btm_right .nsr_con a .text .b img{ display:inline-block; height:20px; margin-left:5px; width:auto; } .zp_div{ margin:90px 0; } .zp_list{ margin-top:10px; } .zp_list:first-child{ margin-top:0px; } .zp_list_top{ display:flex; justify-content:space-between; padding:40px 50px; background:#f3f3f3; } .zp_list_top .zp_list_top_left{ display:flex; justify-content:center; flex-direction:column; } .zp_list_top .zp_list_top_left .t{ font-size: 20px; color:#222; margin-bottom:15px; font-family: "SourceHanSansCN-Heavy"; } .zp_list_top .zp_list_top_left .b{ font-size: 14px; color:#777; } .zp_list_top .zp_list_top_right{ display:flex; justify-content:center; flex-direction:column; font-size: 22px; color:#222; cursor:pointer; } .zp_list_top .zp_list_top_right .zp_list_top_right_in{ display:flex; } .zp_list_top .zp_list_top_right .zp_list_top_right_in span{ display:flex; justify-content:center; flex-direction:column; } .zp_list_top .zp_list_top_right .zp_list_top_right_in span img{ height:36px; margin-left:20px; } .zp_list_top .zp_list_top_right .zp_list_top_right_in span img:first-child{ display:inline-block; } .zp_list_top .zp_list_top_right .zp_list_top_right_in span img:last-child{ display:none; } .zp_list.active .zp_list_top .zp_list_top_right .zp_list_top_right_in span img:first-child{ display:none; } .zp_list.active .zp_list_top .zp_list_top_right .zp_list_top_right_in span img:last-child{ display:inline-block; } .zp_list_bottom{ padding:60px 50px; padding-top:0px !important; background:#f3f3f3; display:none; } .zp_list_bottom .t{ font-size: 18px; color:#222; } .zp_list_bottom .bt{ font-size: 20px; color:#222; font-family: "SourceHanSansCN-Heavy"; padding-left:15px; margin:30px 0 15px; border-left:3px solid #ff7e00; } .zp_list_bottom .bb{ font-size: 16px; color:#222; line-height:1.5; padding-left:15px; } .zp_list_bottom .cfj{ font-size:16px; color:#121a61; } .zp_list_bottom .cfj span{ display:inline-block; background:#e8e8e8; padding:25px 60px; margin-top:30px; font-weight:bold; } .zp_list_bottom .cfj a{ color:#121a61; } .zjxm01_div{ padding:90px 0; } .zjxm01_div_in{ display:flex; justify-content:space-between; flex-wrap:wrap; } .zjxm01_div_list{ width:calc(63.5% - 15px); margin-top:30px; } .zjxm01_div_list:nth-child(-n+2){ margin-top:0px; } .zjxm01_div_list:nth-child(2), .zjxm01_div_list:nth-child(3){ width:calc(36.5% - 15px); } .zjxm01_div_list .zjxm01_div_list_in{ width:100%; padding:19% 0; overflow:hidden; position:relative; } .zjxm01_div_list:nth-child(2) .zjxm01_div_list_in, .zjxm01_div_list:nth-child(3) .zjxm01_div_list_in{ padding:33.33% 0; } img.zjxm_img{ position:absolute; top:0px; height:100%; left:50%; transform:translateX(-50%); min-width:100%; display:block; transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } .zjxm01_div_list:hover img.zjxm_img{ transform:translateX(-50%) scale(1.1); transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } .zjxm_text{ position:absolute; font-size:20px; color:#fff; left:30px; bottom:30px; } .zjxm02_mid img{ display:block; width:100%; } .zjxm03_div_in{ display:flex; justify-content:space-between; flex-wrap:wrap; } .zjxm03_div_list{ width:50%; } .zjxm03_div_list .zjxm03_div_list_in{ width:100%; padding:32.875% 0; overflow:hidden; position:relative; } .zjxm03_div_biglist{ width:calc(25% - 20px); display:flex; flex-direction:column; justify-content:space-between; } .zjxm03_div_biglist .zjxm03_div_list{ width:100%; height:calc(50% - 10px); } .zjxm03_div_list:hover img.zjxm_img{ transform:translateX(-50%) scale(1.1); transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } .zjxm04_div{ background:#f3f3f3; } .solution01_div_in{ display:flex; justify-content:space-between; flex-wrap:wrap; position:relative; } .solution01_div_in .contactdiv{ position:absolute; right:0px; bottom:0px; z-index:3; text-align:right; } .solution01_div_in .contactdiv .t{ font-size:14px; color:#121a61; font-weight:bold; } .solution01_div_in .contactdiv .t img{ height:20px; margin-right:8px; transform: translateY(4px); } .solution01_div_in .contactdiv .b{ font-size:28px; color:#ff7e00; font-weight:bold; font-family: "Product-Sans-Bold"; margin:10px 0 25px; } .solution01_div_in .contactdiv .c{ display:inline-block; font-size:14px; color:#fff; font-weight:bold; background:url(../images/us01_bottom_navbg_h.png) no-repeat; background-size:100% 100%; padding:20px 48px; } .solution01_div_left{ width:25%; display:flex; justify-content:space-between; flex-wrap:wrap; border-left:1px solid #e7e7e7; } .solition01_list{ width:50%; display:flex; flex-direction:column; justify-content:center; border:1px solid #e7e7e7; border-left:0px; transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } .solition01_list_in{ display:flex; flex-direction:row; justify-content:center; padding:40px 0; font-size:18px; color:#222222; transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } .solition01_list_in img{ display:block; height:24px; margin-right:15px; transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } .solition01_list.active{ background:url(../images/solution_01_bg.png) #ff7e00 center center no-repeat; background-size:cover; transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } .solition01_list.active .solition01_list_in{ color:#fff; transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } .solition01_list.active .solition01_list_in img{ -webkit-filter: brightness(100); -moz-filter: brightness(100); -ms-filter: brightness(100); -o-filter: brightness(100); filter: brightness(100); transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } .solution01_div_right{ width:75%; display:flex; } .solition01_rightli{ display:none; position:relative; width:100%; } .solition01_rightli.active{ display:block; } .solition01_rightli .img01{ height:100%; display:block; width:70.83%; overflow:hidden; position:relative; } .solition01_rightli .img01 img{ position:absolute; top:0px; height:100%; left:50%; transform:translateX(-50%); min-width:100%; display:block; transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; display:block; } .solition01_rightli .img02{ width:33.33%; position:absolute; top:0px; right:0px; } .solition01_rightli .text{ display:none; } .solution02_div_in{ display:flex; justify-content:space-between; flex-wrap:wrap; } .solution02_list{ width:calc(33.33% - 16px); margin-left:24px; margin-top:24px; display:flex; justify-content:space-between; flex-wrap:wrap; } .solution02_list:nth-child(3n+1){ margin-left:0px; } .solution02_list:nth-child(-n+3){ margin-top:0px; } .solution02_list .img{ width:39.21%; } .solution02_list .img .img_in{ position:relative; padding:47.5% 0; overflow:hidden; } .solution02_list .img .img_in img{ position:absolute; top:0px; height:100%; left:50%; transform:translateX(-50%); min-width:100%; display:block; transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; display:block; } .solution02_list .text{ width:60.79%; background:#fff; padding:30px 20px 0; } .solution02_list .text .t{ font-size:20px; color:#222; font-weight:bold; padding-bottom:20px; margin-bottom:15px; border-bottom:1px solid #e7e7e7; } .solution02_list .text .b{ font-size:16px; color:#777; line-height:1.5; } .solution03_list{ margin-top:90px; display:flex; justify-content:space-between; flex-wrap:wrap; } .solution03_list:first-child{ margin-top:0px; } .solution03_list .img{ width:50%; } .solution03_list .img .img_in{ position:relative; padding:37.5% 0; overflow:hidden; } .solution03_list .img .img_in img{ position:absolute; top:0px; height:100%; left:50%; transform:translateX(-50%); min-width:100%; display:block; transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; display:block; } .solution03_list .img .img_text{ position:absolute; bottom:50px; left:0px; width:100%; font-size:48px; color:#fff; font-weight:bold; text-align:center; } .solution03_list .text{ display:flex; justify-content:space-between; flex-wrap:wrap; width:50%; } .solution03_list .text .text_li{ width:50%; height:50%; border:1px solid #e7e7e7; border-left:0px; text-align:center; position:relative; padding:70px 40px 0; } .subscriptnum{ position:absolute; left:0px; top:0px; background:url(../images/subscript.png) no-repeat; z-index:3; background-size:100% 100%; font-size:20px; color:#fff; padding:7px 24px 7px 12px; font-family: "Product-Sans-Bold-Italic"; } .solution03_list .text .text_li .t{ font-size:32px; color:#222; line-height:1.25; } .solution03_list .text .text_li .line{ width:20px; height:4px; background:#ff7e00; margin:10px auto 12px; } .solution03_list .text .text_li .b{ font-size:16px; color:#777; line-height:1.5; } .solution03_list .text .text_li a{ display:block; font-size:14px; color:#121a61; font-weight:bold; padding:20px 47px; display:inline-block; background:url(../images/solution_abg.png) no-repeat; background-size:100% 100%; margin-top:15px; } .solution03_list .text .text_li a:hover{ background:url(../images/solution_abg_h.png) no-repeat; background-size:100% 100%; color:#fff; } .solution03_list .text .text_li:nth-child(3){ width:100%; border-top:0px; } .footer_all{ width:100%; overflow:hidden; background:#111113; } .footer_top_in{ padding-top:80px; position:relative; } .footer_top_in::after{ width:200%; bottom:0px; left:-50%; height:1px; background:#2a2d33; content:" "; position:absolute; } .footer_top_in .img img{ display:block; width:100%; } .footer_top_links{ display:flex; justify-content:space-between; padding:55px 0; } .footer_top_links img{ height:80px; } .links_con{ width:180px; height:50px; border:1px solid #2a2d33; padding:0 18px; position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; } .links_con_in{ display:flex; justify-content:space-between; color:#fff; font-size:14px; } .links_con_in i{ display:flex; flex-direction:column; justify-content:center; } .links_con_in i img{ height:8px; } .links_con_con{ position:absolute; top:100%; width:100%; background:#fff; left:0px; display:none; font-size:14px; line-height:30px; height:90px; overflow-y:auto; } .links_con_con a{ display:block; padding:0 18px; color:#222; } .links_con:hover .links_con_con{ display:block; } .footer_bottom_in{ display:flex; justify-content:space-between; flex-wrap: wrap; } .footer_bottom_left{ width:63.75%; display:flex; padding-top:60px; padding-bottom:90px; flex-wrap:wrap; } .footer_bottom_right{ width:36.25%; padding-top:60px; padding-bottom:90px; border-left:1px solid #2a2d33; } .footer_menuli{ margin-right:115px; } .footer_menuli .t{ font-size:16px; color:#777777; margin-bottom:30px; } .footer_menuli .t img{ display:none; } .footer_menuli .b a{ display:block; font-size:16px; color:#fff; margin-bottom:10px; } .footer_menuli .b a:last-child{ margin-bottom:0px; } .footer_menuli .b a span{ display:none; } .pc_beian{ margin-top:105px; font-size:14px; color:#777; } .pc_beian{ color:#777; } .footer_bottom_right{ display:flex; flex-direction: row-reverse; } .footer_bottom_right .t{ font-size:16px; color:#777777; } .footer_bottom_right .b{ font-size:32px; color:#ff7e00; font-family: "Product-Sans-Bold-Italic"; margin:30px 0 15px; } .footer_bottom_right .b span{ display:none; } .footer_bottom_right .c{ font-size:14px; color:#fff; line-height:2; } .footer_bottom_right .d{ display:flex; margin-top:35px; } .footer_bottom_right .d .dli{ margin-left:20px; width:120px; } .footer_bottom_right .d .dli:first-child{ margin-left:0px; } .footer_bottom_right .d .dli > img{ display:block; width:100%; } .footer_bottom_right .d .dli .d_text{ text-align:center; margin-top:15px; font-size:14px; color:#fff; } .footer_bottom_right .d .dli .d_text i{ display:none; } .index01{ padding:90px 0; } .index01_top{ display:flex; justify-content:space-between; flex-wrap:wrap; } .index01_top_left{ width:21.25%; } .index01_top_left .t span{ font-size:14px; color:#fff; font-weight:bold; background:url(../images/index01_title_bg.png) no-repeat; background-size:100% 100%; display:inline-block; padding: 8px 14px; } .index01_top_left .b{ font-size:32px; color:#222; font-family: "SourceHanSansCN-Heavy"; line-height:1.1875; margin:10px 0 35px; } .index01_top_right{ width:75%; } .index01_top_right_in{ width:100%; } .index01_top_right_list{ width:100%; padding:20.83% 0; position:relative; display:none; overflow:hidden; } .index01_top_right_list.on{ display:block; } .index01_top_right_list img.index01_main{ position:absolute; top:0px; height:100%; left:50%; transform:translateX(-50%); min-width:100%; display:block; transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; display:block; } .index01_top_right_list .text{ width:41.66%; position:absolute; top:50%; transform:translateY(-50%); left:9.16%; } .index01_top_right_list .text .t{ font-size:32px; color:#222; font-family: "SourceHanSansCN-Heavy"; } .index01_top_right_list .text > img{ display:block; width:100%; margin:25px 0 15px; } .index01_top_right_list .text .b{ font-size:18px; color:#555555; font-weight:bold; line-height:1.66; } .index01_top_right_list .text a{ display:inline-block; font-size:16px; color:#121a61; font-weight:bold; margin-top:45px; } .index01_top_right_list .text a img{ display:inline-block; height:20px; margin-left:10px; transform:translateY(5px); } .index01_bottom{ } .index01_bottom_list{ display:none; justify-content:left; flex-wrap:wrap; } .index01_bottom_list.on{ display:flex; } .index01_bottom .bcon_li{ width:calc(25% - (90px / 4)); margin-left:30px; margin-top:30px; } .index01_bottom .bcon_li:first-child{ margin-left:0px; } .index02{ padding:55px 0; background:#f6f6f6; } .index02_in{ display:flex; justify-content:space-between; flex-wrap:wrap; } .index02_list{ display:flex; } .index02_list img{ display:block; height:56px; margin-right:18px; } .index02_list .text .t{ font-size:22px; color:#222; margin-bottom:10px; font-family: "SourceHanSansCN-Heavy"; } .index02_list .text .b{ font-size:16px; color:#555; } .index02_line{ width:3px; background:#dfdfdf; transform: rotate(25deg); } .index02_line:last-child{ display:none; } .indexbig_title{ text-align:center; } .indexbigt{ font-size:48px; color:#fff; } .indexbigb{ font-size:20px; color:#fff; margin-top:15px; } .indexbigt.color_black{ color:#222; } .indexbigb.color_black{ color:#555; } .index03{ padding:80px 0 160px; position:relative; background:url(../images/index03_bg.jpg) no-repeat; background-size: cover ; } .index03 .indexbigt span{ font-size:60px; font-weight:bold; margin-right:8px; transform: translateY(2px); color: #ff7e00; display: inline-block; font-family: "Product-Sans-Bold-Italic"; } .index03 .w1600{ position:relative; z-index:4; } .index03_bgcon{ position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:2; } .index03_bglist{ position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:2; opacity:0; background-size:cover !important; transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; display:block; } .index03_bglist.on{ z-index:3; opacity:1; transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; display:block; } .index03_tab{ display:flex; justify-content:center; margin:20px 0 90px; } .index03_tab a{ display:block; font-size:16px; color:#222222; background:url(../images/index03_menu_bg.png) no-repeat; background-size:100% 100%; padding:20px 55px; } .index03_tab a.on{ background:url(../images/index03_menu_bg_h.png) no-repeat; background-size:100% 100%; color:#fff; } .index03_con{ } .index03_con_list{ display:none; background:url(../images/index03_con_bg.png) no-repeat; background-size:100% 100%; position:relative; padding:90px 70px 90px 150px; width:50%; } .index03_con_list .num{ position:absolute; left:70px; top:100px; position:absolute; } .index03_con_list .num span{ background:url(../images/index03_num_bg.png) no-repeat; background-size:100% 100%; font-size:24px; color:#ff7e00; padding:2px 20px; font-family: "Product-Sans-Bold-Italic"; } .index03_con_list.on{ display:block; } .index03_con_list .t{ font-size:32px; color:#222; font-family: "SourceHanSansCN-Heavy"; } .index03_con_list .t i{ font-size:36px; color:#cecece; font-weight:normal; margin:0 5px; } .index03_con_list .t span{ font-size:16px; font-weight:normal; font-weight:bold; font-family:Myriad Pro; } .index03_con_list > img{ width:100%; display:block; margin:20px 0; } .index03_con_list .b .bli{ display:flex; margin-top:10px; } .index03_con_list .b .bli:first-child{ margin:0px; } .index03_con_list .b .bli > img{ width:auto; margin-right:10px; height: 10px; margin-top: 12px; } .index03_con_list .b .bli .blitext{ font-size:18px; color:#777; line-height: 1.66; } .index03_con_list .b .bli .blitext em,.index03_con_list .b .bli .blitext strong,.index03_con_list .b .bli .blitext p{ display:inline; } .index03_con_list .b .bli .blitext em,.index03_con_list .b .bli .blitext strong{ color:#222; font-family: "SourceHanSansCN-Heavy"; font-weight:normal; } .index03_tab_web{ display:none; } .index04_div .solution01_div_in{ margin-top:30px; } .index05{ background:url(../images/index05_bg.jpg) center center no-repeat; background-size:cover; padding:140px 0; } .index05_in .index03_tab { margin-bottom:40px; } .index05_con_list{ display:none; } .index05_con_list.on{ display:flex; } .index05_con_list_01{ justify-content:space-between; flex-wrap:wrap; } .index05_con_list_01 .img{ width:25%; } .index05_con_list_01 .img img{ display:block; width:100%; } .index05_con_list_01 .logo_div{ width:calc(75% - 10px); background:#fff; display:flex; justify-content:space-between; flex-wrap:wrap; } .index05_con_list_01 .logo_div .logo_div_li{ position:relative; width:20%; height:50%; border-top:1px solid #edeff3; border-left:1px solid #edeff3; position:relative; } .index05_con_list_01 .logo_div .logo_div_li img{ display:block; position:absolute; max-width:95%; max-height:80%; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); } .index05_con_list_01 .logo_div .logo_div_li:nth-child(5n+1){ border-left:0px; } .index05_con_list_01 .logo_div .logo_div_li:nth-child(-n+5){ border-top:0px; } .index05_con_list_02{ justify-content:space-between; flex-wrap:wrap; } .index05_con_list_02 .img01{ width:73.125%; } .index05_con_list_02 .img01 img{ display:block; width:100%; } .index05_con_list_02 .img02{ width:25%; } .index05_con_list_02 .img02 img{ display:block; width:100%; } .index06_in .index03_tab a { background: url(../images/index01_menu_bg.png) no-repeat; background-size: 100% 100%; } .index06_in .index03_tab a.on { background: url(../images/index01_menu_bg_h.png) no-repeat; background-size: 100% 100%; } .index06_con_list{ display:none; justify-content:space-between; flex-wrap:wrap; } .index06_con_list.on{ display:flex; } .index06_con_list .index06_big{ width:50%; } .index06_con_list .index06_big .index06_big_in{ position:relative; overflow:hidden; padding:33.25% 0; } .index06_con_list .index06_big .index06_big_in img{ display:block; position:absolute; min-width:100%; height:100%; top:0%; left:50%; transform:translateX(-50%); } .index06_con_list .index06_big .index06_big_in .text{ width:100%; position:absolute; bottom:0px; padding:30px 0; left:0px; width:100%; text-align:center; font-size:20px; color:#fff; background:url(../images/index06_titlebg.png) no-repeat; background-size:100% 100%; } .index06_con_right{ width:calc(50% - 60px); } .index06_con_right i{ font-style:normal; } .index06_r_top{ padding:20px 50px 20px 20px; background:#f0f1f2; display:flex; justify-content:right; position:relative; margin-bottom:12px; } .index06_r_top .img{ position:absolute; height:100%; width:40.5%; overflow-x:hidden; left:20px; top:20px; } .index06_r_top .img img{ display:block; position:absolute; min-width:100%; height:100%; top:0%; left:50%; transform:translateX(-50%); } .index06_r_top .text{ width:calc(59.5% - 60px); } .index06_r_top .text .t{ font-size:16px; color:#222; margin:22px 0 25px; font-family: "Product-Sans-Regular"; } .index06_r_top .text .b{ font-size:24px; color:#222; line-height:1.25; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; } .index06_r_top .text .c img{ display:block; height:20px; margin-top:15px; } a.index06_r_li{ padding:30px 20px; border-bottom:1px solid #f2f2f2; display:flex; font-size:18px; color:#555; } .index06_r_li .t{ width:120px; } .index06_r_li .b{ width:calc(100% - 120px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .index07_div{ background:url(../images/index07_bg.jpg) center center no-repeat; background-size:cover; } .index07_div .w1600{ position:relative; } .index07_div .index07_people{ height:100%; right:10%; position:absolute; z-index:2; top:0px; } .index07_in{ position:relative; padding:200px 0 100px; } .index07_t{ font-size:48px; color:#fff; line-height:1.3; width:50%; position:relative; z-index:3; margin-bottom:30px; } .index07_b{ width:50%; position:relative; z-index:3; padding:65px 40px; background:url(../images/index07_textbg.png) no-repeat; background-size:100% 100%; } .index07_b_top{ display:flex; justify-content:space-between; } .index07_b_top_left{ padding-right:20px; } .index07_b_top_left .t{ font-size:32px; color:#121a61; font-family: "SourceHanSansCN-Heavy"; margin-bottom:10px; } .index07_b_top_left .b{ font-size:18px; color:#222; font-family: "SourceHanSansCN-Heavy"; } .index07_b_top_right{ padding-right:20px; } .index07_b_top_right .index07_b_top_li{ font-size:16px; color:#777; margin-bottom:15px; } .index07_b_top_right .index07_b_top_li:last-child{ margin-bottom:0px; } .index07_b_top_right .index07_b_top_li img{ display:inline-block; height:11px; margin-right:5px; } .index07_line img{ display:block; width:100%; margin:25px 0; } .index07_b_bottom{ display:flex; justify-content:space-between; flex-wrap:wrap; } .index07_b_bottom img{ width:26%; } .index07_line_web{ display:none; } .index08_div{ background:url(../images/index08_bg.jpg) center center no-repeat; background-size:cover; padding:250px 0; } .index08_t span { font-size: 14px; color: #fff; font-weight: bold; background: url(../images/index01_title_bg.png) no-repeat; background-size: 100% 100%; display: inline-block; padding: 8px 14px; } .index08_b{ font-size:36px; color:#222; font-family: "SourceHanSansCN-Heavy"; line-height:1.2; margin:10px 0 60px; } .index08_in a { display: inline-block; font-size: 16px; color: #121a61; font-weight: bold; } .index08_in a img { display: inline-block; height: 20px; margin-left: 10px; transform: translateY(5px); } .search_top{ background:#f0f1f2; padding:100px 0 60px; } .search_top .search_top_t{ font-size:48px; color:#37383c; font-weight:bold; } .search_top .search_top_b{ font-size:22px; color:#37383c; margin-top:20px; } .search_top .search_top_b span{ color:#f07511; } .search_con{ padding:90px 0 0; } .search_con_in a{ display:flex; justify-content:space-between; padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid #e8e8e8; } .search_con_in a .text{ padding-right:60px; } .search_con_in a .text .t{ font-size:14px; color:#999; } .search_con_in a .text .b{ font-size:24px; color:#222; font-weight:bold; margin:10px 0 15px; } .search_con_in a .text .c{ font-size:20px; color:#999; line-height:1.5; } .search_con_in a .img{ padding-left:60px; } .search_con_in a .img img{ display:block; height:150px; } .web_beian{ display:none; } .new_index03_con{ display: flex; justify-content: space-between; flex-wrap: wrap; } .new_index03_img{ width: 50%; } .new_index03_img .img{ position: relative; padding: 31.25% 0; overflow: hidden; width: 100%; } .new_index03_img .img img{ position:absolute; min-width:100%; height:100%; top:0%; left:50%; transform:translateX(-50%); transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } .new_index03_img:hover .img img{ transform:translateX(-50%) scale(1.15); transition: All 0.5s; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -o-transition: All 0.5s; } .new_index03_text{ width: 50%; padding: 120px; padding-bottom: 0 !important; padding-right: 80px; position: relative; background: url(../images/index03_sbg.jpg) no-repeat; background-size: cover; } .new_index03_text .t{ font-size: 32px; color: #fff; font-style: italic; font-weight: bold; } .new_index03_text .t i{ color: rgba(255,255,255,0.5); font-weight: normal; font-family: "Product-Sans-Italic"; font-style: normal; } .new_index03_text .t span{ font-size: 18px; color: rgba(255,255,255,0.5); font-weight: normal; font-family: "Product-Sans-Italic"; font-style: normal; } .new_index03_text > img{ display: block; width: 100%; padding: 30px 0 20px; } .new_index03_text .b{ font-size: 18px; color: #fff; line-height: 2; } .new_index03_text .b img{ display: inline-block; height: 10px; margin-right: 10px; } .new_index03_text .num{ font-family: "Product-Sans-Bold-Italic"; background: url(../images/index03_numbg.png) no-repeat; background-size: 100% 100% !important; padding: 7px 21px; font-size: 24px; color: #fff; position: absolute; top: 40px; right: 40px; } .index03 .swiper-pagination_index03_con{ width: 100%; position: static; display: flex; justify-content: center; margin: 20px 0 40px; flex-wrap: wrap; } .index03_newtablist{ font-size: 16px; color: #555; font-weight: bold; background: url(../images/index03_newtablist_bg.png) no-repeat; background-size: 100% 100% !important; padding: 20px 38px; cursor: pointer; } .index03_newtablist.active{ color: #fff; background: url(../images/index03_newtablist_bgh.png) no-repeat; } .index03_else{ position: absolute; bottom: 20px; left: 20px; font-family: "Product-Sans-Italic"; font-size: 24px; color: #fff; z-index: 222; } .index03_else span{ font-family: "Product-Sans-Bold-Italic"; font-size: 48px; } /* 渚ц竟鏍忓挩璇㈡ */ .cbl{ display: none; } .counsel{position:fixed;right:0px;top:20%;display:none;z-index:111111111;width:252px;height:auto;overflow:hidden; -webkit-transform:scale(0.8) translateY(-0px); /*鏀惧皬*/ -moz-transform:scale(0.8) translateY(-0px); /*鏀惧皬*/ transform:scale(0.8) translateY(-0px); /*鏀惧皬*/ } .counsel .coun-left.active{ position:relative; top:74px; float:left; width: 50px; height: 150px; text-align:center; font-size:13px; color:#303030; left: 0px; background:#ff7e00 url(../images/ly_bg.png) no-repeat center 25px; } .counsel .coun-left.active>p{position:absolute;top:53px;left:17px; font-size: 16px; line-height: 17px;color: #fff;} .counsel .coun-left.active span{ font-weight: bold; position: absolute; font-family: 瀹嬩綋; display: inline-block; bottom: 7px; left: 21px; color: #fff; font-size: 12px;} .counsel .counbox{float:right;width:200px; height:auto;overflow:hidden;background:url(../images/bg_on.jpg) no-repeat; background-size:100% 100%;text-align:center;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1); box-shadow:0 15px 30px rgba(0,0,0,0.1); -webkit-transform:translate3d(0, -2px, 0); transform:translate3d(0, -2px, 0); padding-bottom:30px; } .counsel .counbox .coun-logo{display:block;width:163px;height:auto;margin:15px auto 0px;} .counsel .counbox .telbox{width:163px;height:auto;overflow:hidden;margin:18px auto;} .counsel .counbox .telbox .name{display:block;width:100%;height:auto;overflow:hidden; height: 50px; line-height: 50px; text-align: center; font-size:18px;color:#222; margin-bottom: 7px; background-color: #fff; transition: 0.3s;} .counsel .counbox .telbox .name:last-child{border-bottom:0px;} .counsel .counbox .telbox .name .ibox{float:left;width:35px;height:35px;overflow:hidden;border-radius:50%;background:#fff;} .counsel .counbox .telbox .name .ibox>img{width:100%;height:100%;} .counsel .counbox .number{width:100%;height:auto;overflow:hidden; padding-bottom: 10px; font-size:16px;font-weight: bold; color:#ff7e00;letter-spacing: -1px;} .counsel .counbox .phone{width:100%;text-align: center; height:33px;line-height:33px;font-size:20px;color:#666;} .counsel .counbox .telbox p span{ display: inline-block; padding-left: 5px; } .counsel .counbox .telbox a{ color: #333; font-size: 16px; } .counsel .counbox .telbox a:hover{ color: #ff7e00;} .telbox h6{ padding-top: 35px; font-size: 22px; color: #fff; line-height: 30px; text-align: center; padding-bottom: 30px;} .tc_p{ font-size: 18px; color: #fff; text-align: center; padding-bottom: 10px; } .tc_i { width: 1px; height: 22px; background-color: #eaeaea; margin: 0 auto; margin-top: -6px; margin-bottom: 10px; } i, em, cite { font-style: normal; display: inline-block; } .tc_i{ width: 1px; height: 22px; background-color: #eaeaea; margin: 0 auto; margin-top: -6px; margin-bottom: 10px;} .counsel .coun-left{ position:relative; float:left; width: 50px; height: 50px; text-align:center; font-size:13px; left: 128px; z-index: 99; color:#303030; height: 50px; /*top: 0px; 鏀惧皬涔嬪墠*/ top: 0px; background: url(../images/close_on.png?v=3) no-repeat center; } .counsel .coun-left p{ opacity: 0; } .counsel .coun-left span{ opacity: 0; } .counsel .coun-left.active p{ opacity: 1; } .counsel .coun-left.active span{ opacity: 1; } .guest_box li .input { font-size: 18px; border: 1px solid #fff; width: 510px; height: 50px; line-height: 50px; padding-left: 30px; color: #666; background: #fff; background-color: rgb(255, 255, 255); background-color: #eee; } .biaodan_con2 li .input { border: 1px solid #fff; width: 162px; padding-left: 10px; background-color: #fff; } .biaodan_con .submit { margin: 0 auto; width: 300px; height: 74px; line-height: 74px; text-align: center; background-color: #333; color: #fff; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; margin-top: 90px; margin-bottom: 105px; font-size: 18px; transition: 0.3s; position: relative; overflow: hidden; border: 0; } .biaodan_con2 .submit { font-size: 18px; margin-bottom: 0px; margin-top: 5px; width: 162px; /*height: 40px; 鏀惧皬涔嬪墠*/ height: 50px; line-height: 50px; border: 1px solid #fff; color: #fff; background: none; cursor:pointer; } .biaodan_con .submit:hover { color: #fff; } .pop_bg{background:url(../images/pop_03.jpg) 0 0 no-repeat;position: fixed;height:345px;display: none;z-index: 11111111; width: 520px;top:50%;left: 50%;margin-top:-177px;margin-left:-260px;box-sizing: border-box;animation: my_scale 0.5s;} .pop{position: absolute;height:322px; margin-bottom: 12px; width: 520px;top:47%;left: 50%;box-sizing: border-box;margin-left: -260px;margin-top:-161px;transition: transform 0.1s;} .colse_pop{width:16px;height: 16px;background: url(../images/pop_colse_03.png) no-repeat center;float: right;margin-right: 17px;margin-top:10px;cursor: pointer;margin-bottom: 10px;} .tit{clear: right;font-size: 28px;color:#333; margin-bottom:12px; font-family: "Product-Sans-Bold"; font-weight: bold; text-align: center;position: relative; } .tit span{background:none;padding:0 20px;line-height: 26.88px;} .cont_tel{font-size: 16px;color:#777;line-height: 26.88px;text-align: center; letter-spacing:2px;} .pop_tit{font-size: 20px;line-height: 26px;text-align: center;margin-top: 13px; color:#444;} .consult_now{ align-items: center;justify-content: center;margin-top: 26px; text-align: center;height: 41px;} .consult_now a{padding:15px 36px; font-size:16px; background: url(../images/click_03.png) center no-repeat; width:150px; margin:auto; background-size: 100% 100%;} .consult_now a:hover{color:#372f2c;} .pho{display: flex;justify-content: center;align-items: center;box-sizing: border-box; text-align:center;} .pho div{margin-top:6px;} .pho_num{font-family: "Product-Sans-Bold-Italic"; font-size: 26px;line-height: 84.65px;color:#fff;margin:6px auto 0px;} .pho_num img{ display:inline-block; margin-bottom: -5px; margin-right:10px; } .pho_num strong{ font-weight:normal; } @keyframes my_scale { 0% { transform: scale(0); } 25%{transform: scale(0.25);} 50%{transform: scale(0.5);} 75%{transform: scale(0.7);} 100%{transform: scale(1);} } @-moz-keyframes my_scale { 0% { transform: scale(0); } 25%{transform: scale(0.25);} 50%{transform: scale(0.5);} 75%{transform: scale(0.7);} 100%{transform: scale(1);} } @-webkit-keyframes my_scale { 0% { transform: scale(0); } 25%{transform: scale(0.25);} 50%{transform: scale(0.5);} 75%{transform: scale(0.7);} 100%{transform: scale(1);} } @-o-keyframes my_scale { 0% { transform: scale(0); } 25%{transform: scale(0.25);} 50%{transform: scale(0.5);} 75%{transform: scale(0.7);} 100%{transform: scale(1);} }