@media(min-width: 1440px) { #jh_message_2 .container { width: 1400px; } } @media(max-width: 1440px) { html { overflow-x: hidden; } } #laymod_917810 #jh_message_2 .bodyContTitle .fl { font-family: Source Han Serif CN; } #laymod_917810 #jh_message_2 .message_form input, #laymod_917810 #jh_message_2 .message_form textarea { height:4.5rem!important; border-radius: 10px!important; font-size: 1.4rem!important; } #laymod_917810 #jh_message_2 .message_form .liuyan { height:4.5rem!important; line-height: 4.5rem!important; font-size: 1.6rem!important; } #laymod_917810 #jh_message_2 .message_form textarea { height: 15.5rem!important; } #laymod_917810 #jh_message_2 .message_form #verifyPic { height:4.5rem!important; } /**/ .c-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; font-size: 1.2rem; font-family: 'GaramondPremrPro-Med', serif; position: relative; font-size: 1.2rem; text-transform: uppercase; font-family: 'Times New Roman', serif; } .c-link { color: ; } .c-button-link__circle, .c-button-link__circle2 { width: 48px; height: 48px; position: relative; } .width_50 .c-button-link__circle, .width_50 .c-button-link__circle2 { width: 50px; height: 50px; } .c-button-link__circle { z-index: 2; } .c-button-link__circle2 { z-index: 3; position: absolute; top: 0; left: 0; } .c-button-link__circle circle, .c-button-link__circle2 circle { fill: transparent; stroke-width: 1; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .c-button-link__circle circle { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); stroke: #b3b3b1; stroke-dasharray: 182; stroke-dashoffset: 90; } .c-link.-white .c-button-link__circle circle { stroke: #fff; opacity: .3; } .c-link.-blue .c-button-link__circle circle { stroke: #073D79; opacity: .6; } .more-block .c-button-link__circle2 circle { stroke: #000; stroke-dasharray: 183; stroke-dashoffset: 183; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-animation: circle_out2 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; animation: circle_out2 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; } .c-link.-white .c-button-link__circle2 circle { stroke: #fff; } .c-link.-blue .c-button-link__circle2 circle { stroke: #073D79; } .more-block:hover .c-button-link__circle2 circle { -webkit-animation: circle_in2 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; animation: circle_in2 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; } circle_in2 { 0%{stroke-dashoffset:183}to{stroke-dashoffset:276} } @keyframes circle_in2{ 0%{stroke-dashoffset:183}to{stroke-dashoffset:276} } @-webkit-keyframes circle_out2{ 0%{stroke-dashoffset:276}to{stroke-dashoffset:183} } @keyframes circle_out2{ 0%{stroke-dashoffset:276}to{stroke-dashoffset:183} } /**/ .c-rollup { letter-spacing: -1px; position: relative; overflow: hidden; height: 1em; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateX(-1.5rem); -ms-transform: translateX(-1.5rem); transform: translateX(-1.5rem); font-family: 'Times New Roman', serif; } .-white .c-rollup { color: #fff; } .-blue .c-rollup { color: #1e78b6; } .c-rollup .c-rollup__hov { position: absolute; top: 0; left: 0; } .c-rollup .js-txt-split__cell { display: inline-block; will-change: transform; -webkit-transition: color 0s, -webkit-transform 0.4s ease calc(var(--split-delay)*30ms); transition: color 0s, -webkit-transform 0.4s ease calc(var(--split-delay)*30ms); -o-transition: transform 0.4s ease calc(var(--split-delay)*30ms), color 0s; transition: transform 0.4s ease calc(var(--split-delay)*30ms), color 0s; transition: transform 0.4s ease calc(var(--split-delay)*30ms), color 0s, -webkit-transform 0.4s ease calc(var(--split-delay)*30ms); will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .c-rollup .c-rollup__nom .js-txt-split__cell { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .more-block:hover .c-rollup .c-rollup__nom .js-txt-split__cell { -webkit-transform: translateY(-1em); -ms-transform: translateY(-1em); transform: translateY(-1em); } .c-rollup .c-rollup__hov .js-txt-split__cell { -webkit-transform: translateY(1em); -ms-transform: translateY(1em); transform: translateY(1em); } .more-block:hover .c-rollup .c-rollup__hov .js-txt-split__cell { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .js-txt-split__cell:first-child { -webkit-animation-delay: 0.05s!important; animation-delay: 0.05s!important; } .js-txt-split__cell:nth-child(2) { -webkit-animation-delay: 0.1s!important; animation-delay: 0.1s!important; } .js-txt-split__cell:nth-child(3) { -webkit-animation-delay: 0.15s!important; animation-delay: 0.15s!important; } .js-txt-split__cell:nth-child(4) { -webkit-animation-delay: 0.2s!important; animation-delay: 0.2s!important; } @font-face { font-family: 'DisneyEnglishMedium'; src: url('http://cdn.jihuinet.com/wechat/upload/DisneyEnglishMedium.eot'); src: url('http://cdn.jihuinet.com/wechat/upload/DisneyEnglishMedium.eot') format('embedded-opentype'), url('http://cdn.jihuinet.com/wechat/upload/DisneyEnglishMedium.woff2') format('woff2'), url('http://cdn.jihuinet.com/wechat/upload/DisneyEnglishMedium.woff') format('woff'), url('http://cdn.jihuinet.com/wechat/upload/DisneyEnglishMedium.ttf') format('truetype'), url('http://cdn.jihuinet.com/wechat/upload/DisneyEnglishMedium.svg#DisneyEnglishMedium') format('svg'); } /* CDN 鏈嶅姟浠呬緵骞冲彴浣撻獙鍜岃皟璇曚娇鐢紝骞冲彴涓嶆壙璇烘湇鍔$殑绋冲畾鎬э紝浼佷笟瀹㈡埛闇€涓嬭浇瀛椾綋鍖呰嚜琛屽彂甯冧娇鐢ㄥ苟鍋氬ソ澶囦唤銆 */ @font-face { font-family: 'iconfont'; /* Project id 249974 */ src: url('//at.alicdn.com/t/c/font_249974_ir4iqdfbfke.woff2?t=1669696741290') format('woff2'), url('//at.alicdn.com/t/c/font_249974_ir4iqdfbfke.woff?t=1669696741290') format('woff'), url('//at.alicdn.com/t/c/font_249974_ir4iqdfbfke.ttf?t=1669696741290') format('truetype'); } .iconfont { font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /* PC绔 */ #zh_nav_yrjk.pc{ position: relative; } #zh_nav_yrjk.pc:after{ z-index: 1699; width: 100%; height: 70px; content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; background: rgba(7,61,121,1); font-size: 0; } #zh_nav_yrjk.pc .nav_content{ position: relative; left: 0; top: 0; z-index: 1700; width: 100%; -webkit-transition: all ease-in-out .4s; transition: all ease-in-out .4s; background: rgba(7,61,121,1); } #zh_nav_yrjk.pc.design .nav_content{ position: relative; } #zh_nav_yrjk.pc.active .nav_content{ position: fixed; -webkit-box-shadow: -4px 4px 5px rgb(0 0 0 / 20%); box-shadow: -4px 4px 5px rgb(0 0 0 / 20%); height: 70px; } #zh_nav_yrjk.pc .nav_content .nav-cont { width: 100%; padding: 0 3.125%; margin: 0; height: 70px; } #zh_nav_yrjk.pc .logo{ float: left; width: auto; height: 70px; line-height: 70px; } #zh_nav_yrjk.pc .logo a{ display: block; padding: 0; font-size: 0; } #zh_nav_yrjk.pc .logo img{ width: 100%; height: 100%; object-fit: contain; } #zh_nav_yrjk.pc .nav{ margin-left: 15.15625vw; float: left; height: 70px; } #zh_nav_yrjk.pc .nav .nav_list{ float: left; height: 70px; } #zh_nav_yrjk.pc .nav .nav_list li{ float: left; height: 70px; margin:0 1.041666vw; position: relative; } #zh_nav_yrjk.pc .nav .nav_list .nav_btn { display: block; height: 70px; line-height: 70px; font-size: 16px; color: #fff; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; } #zh_nav_yrjk.pc .nav .nav_list .nav_btn:before { content: ""; width: 4px; height: 4px; display: block; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; bottom: 16px; left: 50%; margin-left: -2px; filter: alpha(opacity=0); /*鏀寔 IE 娴忚鍣?/ -moz-opacity: 0; /*鏀寔 FireFox 娴忚鍣?/ opacity: 0; /*鏀寔 Chrome, Opera, Safari 绛夋祻瑙堝櫒*/ -webkit-transition: all 0.4s; transition: all 0.4s; } #zh_nav_yrjk.pc .nav .nav_list li .nav_btn.active:before, #zh_nav_yrjk.pc .nav .nav_list li:hover .nav_btn:before { filter: alpha(opacity=100); /*鏀寔 IE 娴忚鍣?/ -moz-opacity: 1.0 ; /*鏀寔 FireFox 娴忚鍣?/ opacity: 1.0 ; /*鏀寔 Chrome, Opera, Safari 绛夋祻瑙堝櫒*/ } #zh_nav_yrjk.pc .nav .nav_list .fath_item .nav_btn { pointer-events: none; } #zh_nav_yrjk.pc .nav .nav_list .nav_btn.drop{ /* padding-right: 20px; */ } #zh_nav_yrjk.pc .nav .nav_list .nav_btn .iconfont{ width: 16px; height: 16px; text-align: center; line-height: 16px; font-size: 16px; color: #333; position: absolute; right: 0; top: 12px; display: none; -webkit-transition: all 0.4s; transition: all 0.4s; } #zh_nav_yrjk.pc .nav .nav_list li:hover .nav_btn .iconfont{ -webkit-transform: rotate(180deg); transform: rotate(180deg); color: rgba(7,61,121,1); } #zh_nav_yrjk.pc .nav .nav_list .nav_btn .iconfont:after{ content: "\e7c3"; } #zh_nav_yrjk.pc .nav .nav_drop { position: absolute; top: 40px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); padding-top: 20px; } #zh_nav_yrjk .header-btn .nav_drop { position: absolute; top: 40px; transform: translateX(-50%); -webkit-transform: translateX(-50%); padding-top: 20px; right: -105%; } #zh_nav_yrjk.pc .nav .drop_content, #zh_nav_yrjk .header-btn .drop_content{ background-color: #f5f5f5; padding: 8px; text-align: center; border-radius: 5px; -webkit-animation: avia_pop 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: avia_pop 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; display: none; position: relative; } @-webkit-keyframes avia_pop { 0% { -webkit-transform:scale(0.8); } 100% { -webkit-transform:scale(1); } } @keyframes avia_pop { 0% { transform:scale(0.8); } 100% { transform:scale(1); } } #zh_nav_yrjk.pc .nav .drop_content:after{ content: ""; width: 12px; height: 12px; display: block; background-color: #f5f5f5; position: absolute; top: -2px; left: 50%; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%); } #zh_nav_yrjk.pc .nav .drop_content .nav_drop_btn, #zh_nav_yrjk .header-btn .nav_drop .drop_content a{ display: block; padding: 0 12px; border-radius: 5px; text-align: left; white-space:nowrap; font-size: 14px; height: 32px; line-height: 32px; color: #000; -webkit-transition: all 0.4s; transition: all 0.4s; } #zh_nav_yrjk.pc .nav .drop_content .nav_drop_btn:hover, #zh_nav_yrjk .header-btn .nav_drop .drop_content a:hover{ color: rgba(7,61,121,1); background-color: #fff; } #zh_nav_yrjk.pc .header-btn { float: right; line-height: 70px; position: relative; height: 70px; font-size: 16px; } #zh_nav_yrjk.pc .header-btn a { color: #fff; display: inline-block; *display: inline; *zoom: 1; transition:all .3s; -ms-transition: all .3s; /* IE 9 */ -moz-transition: all .3s; /* Firefox */ -webkit-transition: all .3s; /* Safari 鍜 Chrome */ -o-transition: all .3s; /* Opera */ height: 70px; } #zh_nav_yrjk.pc .header-btn a:hover { } #zh_nav_yrjk.pc .header-btn .tel-btn { color: rgba(7,61,121,1); } #zh_nav_yrjk.pc .header-btn .tel-btn .num { margin-left: 5px; font-size: 24px; font-family: 'DisneyEnglishMedium'; } #zh_nav_yrjk.pc .header-btn .tel-btn .iconfont { font-size: 20px; } #zh_nav_yrjk.pc .header-btn .tel-btn .iconfont:before { content: "\e6e9"; } #zh_nav_yrjk.pc .header-btn .wechat-btn, #zh_nav_yrjk.pc .header-btn .search-btn, #zh_nav_yrjk.pc .header-btn .login-btn { margin-left: 20px; } #zh_nav_yrjk.pc .header-btn .iconfont { font-size: 20px; } #zh_nav_yrjk.pc .header-btn .search-btn .iconfont:before { content: "\ea96"; } #zh_nav_yrjk.pc .header-btn .wechat-btn .iconfont:before { content: "\e728"; } #zh_nav_yrjk.pc .header-btn .phone-btn .iconfont:before { content: "\ea77"; } #zh_nav_yrjk.pc .header-btn .login-btn .iconfont:before { content: "\ea95"; } #zh_nav_yrjk.pc .header-btn .search-btn, #zh_nav_yrjk.pc .header-btn .wechat-btn, #zh_nav_yrjk.pc .header-btn .phone-btn, #zh_nav_yrjk.pc .header-btn .login-btn { transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; } #zh_nav_yrjk.pc .header-btn .search-btn:hover , #zh_nav_yrjk.pc .header-btn .wechat-btn:hover , #zh_nav_yrjk.pc .header-btn .phone-btn:hover , #zh_nav_yrjk.pc .header-btn .login-btn:hover { transform: translateY(-10%); -webkit-transform: translateY(-10%); -moz-transform: translateY(-10%); -ms-transform: translateY(-10%); -o-transform: translateY(-10%); } /**/ #zh_nav_yrjk.pc .search-bg { width: 100%; height: 80px; display: block; background: rgba(255,255,255,0.6); position: fixed; top: 80px; left: 0; z-index: 1699; display: none; } /*鎼滅储缁撴灉*/ #laymod_914283 .search-show { width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 1999; pointer-events: none; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition: all ease 400ms; -ms-transition: all ease 400ms; -o-transition: all ease 400ms; -webkit-transition: all ease 400ms; } #laymod_914283 .search-show.act { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; display: block; pointer-events: auto; } #laymod_914283 .search-show .search-bg { width: 100%; height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; z-index: 0; } #laymod_914283 .search-show .search-table { width: 100%; height: 100%; position: relative; z-index: 1998; display: table; table-layout: fixed; } #laymod_914283 .search-show .table-cont { width: 100%; height: 100%; display: table-cell; vertical-align: middle; } #laymod_914283 .search-show .table-cont .search-cont { margin: 0 auto; margin-top: -80px; width: 50%; height: 68px; display: block; border-bottom: 2px solid #eee; position: relative; z-index: 1998; } #laymod_914283 .search-show .table-cont .search-cont h6 { text-align: left; display: block; position: absolute; bottom: 0; height: 68px; line-height: 68px; font-size: 24px; color: #999; pointer-events: none; margin-left: 20px; transition: .3s; } #laymod_914283 .search-show .table-cont .search-cont h6.act { font-size: 16px; bottom: 48px; line-height: 30px; height: 30px; } #laymod_914283 .search-show .table-cont .search-cont .search_text { width: 100%; padding:0; padding-right: 50px; height: 68px; font-size: 16px; color: #999; box-shadow: none; -webkit-appearance: none; float: left; border-right: 0; background: none; } #laymod_914283 .search-show .table-cont .search_btn { position: absolute; right: 0; bottom: 0; width: 50px; text-align: center; } #laymod_914283 .search-show .table-cont .search_btn .iconfont { font-size: 30px; color: #999; line-height: 68px; } #laymod_914283 .search-show .table-cont .search_btn .iconfont:before { content: "\e8eb"; } /* 绉诲姩绔 */ #g_web{ position: relative; right: 0; transition: all .4s cubic-bezier(.5,0,0,1); -webkit-transition: all .4s cubic-bezier(.5,0,0,1); } #g_web.active{ right: 80vw; } #g_body.active{ width: 100%; height: 100%; overflow: hidden; position: fixed; } #zh_nav_yrjk.mob{ height: 15vw; } #zh_nav_yrjk.mob .header{ width: 100%; height: 15vw; background-color: rgba(7,61,121,1); position: fixed; right: 0; top: 0; z-index: 2001; transition: all .4s cubic-bezier(.5,0,0,1); -webkit-transition: all .4s cubic-bezier(.5,0,0,1); } #zh_nav_yrjk.mob .header.active{ right: 80vw; } #zh_nav_yrjk.mob .header .header_block{ height: 15vw; text-align: center; position: relative; z-index: 2001; box-shadow: 0 0 2vw #eee; -webkit-box-shadow: 0 0 2vw #eee; } #zh_nav_yrjk.mob .header .logo{ width: auto; text-align: left; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; display: block; padding: 3.5vw 15px; margin: 0 auto; } #zh_nav_yrjk.mob .header .logo img{ height: 8vw; width: auto; } #zh_nav_yrjk.mob .header .nav_icon{ width: 15vw; height: 15vw; padding: 4.5vw 0; display: block; text-align: center; position: absolute; right: 0; top: 0; } #zh_nav_yrjk.mob .header .nav_icon .iconfont{ font-size: 6vw; color: #fff; height: 6vw; display: block; text-align: center; line-height: 6vw; } #zh_nav_yrjk.mob .header .nav_icon .iconfont:after{ content: "\e7ff"; } @-webkit-keyframes avia_pop { 0% { -webkit-transform:scale(0.8); } 100% { -webkit-transform:scale(1); } } @keyframes avia_pop { 0% { transform:scale(0.8); } 100% { transform:scale(1); } } #zh_nav_yrjk.mob .nav{ position: fixed; height: 100%; width: 80vw; padding: 0 5vw; padding-bottom: 15vw; z-index: 2003; right: -80vw; top: 0; background-color: #f3f3f3; transition: all .4s cubic-bezier(.5,0,0,1); -webkit-transition: all .4s cubic-bezier(.5,0,0,1); } #zh_nav_yrjk.mob .nav.active{ right: 0; box-shadow: 0 0 3vw #333; -webkit-box-shadow: 0 0 3vw #333; } #zh_nav_yrjk.mob .close_btn{ width: 100vw; height: 100vh; background-color: #000; position: fixed; right: 0; top: 0; z-index: 2002; opacity: 0; pointer-events: none; transition: all .4s cubic-bezier(.5,0,0,1); -webkit-transition: all .4s cubic-bezier(.5,0,0,1); } #zh_nav_yrjk.mob .close_btn.active{ opacity: 0.5; pointer-events: all; } #zh_nav_yrjk.mob .nav .company{ color: rgba(7,61,121,1); text-align: center; font-size: 6vw; line-height: 9vw; padding: 3vw 0; font-weight: 900; border-bottom: 1px solid #ccc; display:none; } #zh_nav_yrjk.mob.en .nav .company{ line-height: 7vw; } #zh_nav_yrjk.mob.cn .nav .company{ font-family: "header_title_cn"; font-size: 6vw; } #zh_nav_yrjk.mob .nav .nav_content{ height: 100vh; overflow-y: scroll; overflow-x: hidden; } #zh_nav_yrjk.mob .nav #nav_list{ text-align: center; padding-top: 5vw; } #zh_nav_yrjk.mob .nav #nav_list li{ border-bottom: 1px solid #fff; padding: 1.5vw 0; position: relative; } #zh_nav_yrjk.mob .nav #nav_list .nav_btn{ font-size: 4vw; display: block; line-height: 9vw; color: #000; position: relative; z-index: 1; font-weight: 900; } #zh_nav_yrjk.mob .nav #nav_list li:last-child .nav_btn{ border-bottom: none; } #zh_nav_yrjk.mob .nav #nav_list li.active .nav_btn{ background-color: rgba(7,61,121,1); color: #fff; border-radius: 1vw; } #zh_nav_yrjk.mob .nav #nav_list .drop_btn{ position: absolute; right: 3vw; top: 1.5vw; z-index: 2; width: 9vw; height: 9vw; transition: all 0.4s; -webkit-transition: all 0.4s; } #zh_nav_yrjk.mob .nav #nav_list .drop_btn.active{ transform: rotate(180deg); -webkit-transform: rotate(180deg); } #zh_nav_yrjk.mob .nav #nav_list .drop_btn .iconfont{ height: 9vw; display: block; width: 9vw; text-align: center; line-height: 9vw; font-size: 4vw; color: rgba(7,61,121,1) } #zh_nav_yrjk.mob .nav #nav_list li.active .drop_btn .iconfont{ color: #fff; } #zh_nav_yrjk.mob .nav #nav_list .drop_btn .iconfont:after{ content: "\e79b"; } #zh_nav_yrjk.mob .nav .nav_drop{ display: none; width: 50vw; margin: 0 auto; text-align: center; } #zh_nav_yrjk.mob.en .nav .nav_drop{ width: 60vw; } #zh_nav_yrjk.mob .nav .nav_drop .drop_content{ padding: 3vw 0; background-color: #fff; border-radius: 1vw; margin-top: 3vw; position: relative; } #zh_nav_yrjk.mob.en .nav .nav_drop .drop_content{ padding: 2vw 0; } #zh_nav_yrjk.mob .nav .nav_drop .drop_content:after{ content: ""; width: 3vw; height: 3vw; display: block; background-color: #fff; position: absolute; top: -1.5vw; right: 23.5vw; transform: rotate(45deg); -webkit-transform: rotate(45deg); } #zh_nav_yrjk.mob.en .nav .nav_drop .drop_content:after{ right: 28.5vw; } #zh_nav_yrjk.mob .nav .nav_drop .nav_drop_btn{ display: block; padding: 0 3vw; font-size: 3.5vw; line-height: 10vw; color: #000; font-weight: 900; text-align: center; } #zh_nav_yrjk.mob.en .nav .nav_drop .nav_drop_btn{ line-height: 5vw; margin: 3.5vw 0; } @media (max-width: 1680px) { #zh_nav_yrjk.pc .nav{ margin-left: 2vw; } } @media (max-width: 1580px) { #zh_nav_yrjk.pc .logo img { width: 498px; height: auto; } #zh_nav_yrjk.pc .nav .nav_list .nav_btn { font-size: 15px; } } @media (max-width: 1520px) { #zh_nav_yrjk.pc .nav_content .nav-cont { width: 95%; } } @media (max-width: 1399px) { #zh_nav_yrjk.pc .nav_content .nav-cont { width: 100%; margin: 0; padding: 0 15px; } } @media (max-width: 1240px) { #zh_nav_yrjk.pc .nav{ margin-left: 1vw; } #zh_nav_yrjk.pc .nav .nav_list li { margin: 0 0.8vw; } } @media (max-width: 1160px) { #zh_nav_yrjk.pc .logo img { width: 400px; } #zh_nav_yrjk.pc .nav .nav_list .nav_btn { font-size: 14px; } #zh_nav_yrjk.pc .header-btn a { display: none; } #zh_nav_yrjk.pc .header-btn a.tel-btn { display: block; } } /****/ #laymod_914283 .wechat_div { position: fixed; width: 100%; left: 0; right: 0; text-align: center; top: 0; bottom: 0; z-index: 2500; visibility: hidden; opacity: 0; display: none; /* transition: all .35s ease-out; */ } #laymod_914283 .wechat_div.active { opacity: 1; display: block; visibility: visible; } #laymod_914283 .wechat_div .wechat_bg { position: absolute; left: 0; right: 0; background: rgba(0,0,0,0.85); width: 100%; height: 100%; } #laymod_914283 .wechat_div .wechat_img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 0; width:300px; } #laymod_914283 .wechat_div.active .wechat_img { height: 300px; } #laymod_914283 .wechat_div .wechat_img img{ max-width: 100%; max-height: 100%; width: 100%; margin-bottom: 20px; } #laymod_914283 .wechat_div .wechat_img span{ font-size: 18px; color: #fff; } /**************************/ /*妯$増鏁翠綋鎺у埗*/ #laymod_914284 #zh_banner_yrjk { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_914284 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_914284 .bg_img { z-index:2; } #laymod_914284 .bodyCont_width { position:relative; opacity: 1; z-index:4; } #laymod_914284 .bodyCont_width .slide_img img { display: block; margin: 0 auto; } #laymod_914284 .bodyCont_width .swiper_banner20 { position: relative; } #laymod_914284 .bodyCont_width .swiper_banner20 .swiper_pagination13 { position: absolute; bottom: 30px; z-index: 5; display: flex; justify-content: center; align-items: center; } #laymod_914284 .bodyCont_width .swiper_banner20 .swiper_pagination13 span { border:1px solid #fff; border-radius: 50%; width: 7px; height: 7px; margin: 0 5px; background: none; opacity: 1; transition:all .35s ease-out; } #laymod_914284 .bodyCont_width .swiper_banner20 .swiper_pagination13 .swiper-pagination-bullet-active { background: #fff; width: 9px; height: 9px; } #laymod_914284 .bodyCont_width .swiper-wrapper .slide .slide_info .slide_gf .slide_title { color: #fff; font-size: 12px; } #laymod_914284 .bodyCont_width .swiper-wrapper .slide .slide_info .slide_gf .slide_subtitle { color: #fff; } #laymod_914284 .bodyCont_width .swiper-wrapper .slide .slide_info .slide_gf a { color: #fff; letter-spacing: 3px; background: rgba(0, 0, 0, 0.75); } #laymod_914284 .fix_btns { display: none; } .design-html #laymod_914284 .fix_btns { position: absolute; right: 13%; top: 5%; z-index: 111; display: block; opacity: 0; visibility: hidden; transition: opacity .35s ease-out; } .design-html #laymod_914284 .fix_btns a { display: inline-block; color: #fff; text-decoration: none; padding: 7px 20px; font-size: 14px; border-radius: 4px; margin: 0 5px; cursor: pointer; transition: all 0.35s; background: rgba(255, 82, 65, 0.6); } .design-html #laymod_914284 .fix_btns a.active, .design-html #laymod_914284 .fix_btns a:hover { background: rgba(255, 82, 65, 1.0); } .design-html #laymod_914284 .bodyCont_width:hover .fix_btns { opacity: 1; visibility: visible; } @media(min-width: 768px) { #laymod_914284 .bodyCont_width .swiper-wrapper .slide { position: relative; } #laymod_914284 .bodyCont_width .swiper-wrapper .slide .slide_img{ display: flex; justify-content: center; flex-direction: column; align-content: center; flex-wrap: wrap; } #laymod_914284 .bodyCont_width .swiper-wrapper .slide .slide_name { position: absolute; z-index: 1; font-size: 14px; top: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; align-items: center; -webkit-align-items: center; left: 2%; } #laymod_914284 .bodyCont_width .swiper-wrapper .slide .slide_name .slide_num { padding: 0 34px; display: inline-block; vertical-align: bottom; padding-bottom: 10px; border-bottom: 1px solid #fff; margin-right: 10px; font-style: italic; color: rgba(255,255,255,0.6); } #laymod_914284 .bodyCont_width .swiper-wrapper .slide .slide_name .slide_fname { display: inline-block; vertical-align: bottom; line-height: 0; font-size: 14px; color: #fff; } #laymod_914284 .bodyCont_width .swiper-wrapper .slide .slide_info { position: absolute; z-index: 1; top: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; align-items: center; -webkit-align-items: center; right: 4%; width: 40%; } #laymod_914284 .bodyCont_width .swiper-wrapper .slide .slide_info .slide_gf { text-align: right; margin-top: 20%; width: 100%; } #laymod_914284 .bodyCont_width .swiper-wrapper .slide .slide_info .slide_gf .slide_subtitle { font-size: 60px; line-height: 65px; font-weight: 400; margin-top: 30px; margin-bottom: 50px; } #laymod_914284 .bodyCont_width .swiper-wrapper .slide .slide_info .slide_gf a { font-size: 12px; line-height: 25px; font-weight: 400; cursor: pointer; padding: 12px 35px; transition:all .35s; } #laymod_914284 .bodyCont_width .swiper-wrapper .slide .slide_info .slide_gf a:hover { background: rgba(7,61,121,1); color: #fff; } } @media(min-width: 768px) and (max-width: 1580px){ #laymod_914284 .bodyCont_width .swiper-wrapper .slide .slide_info .slide_gf .slide_subtitle { font-size: 45px; line-height: 45px; font-weight: 400; margin-top: 15px; margin-bottom: 35px; } #laymod_914284 .bodyCont_width .swiper_banner20 .swiper_pagination13 { bottom: 20px; } #laymod_914284 .bodyCont_width .swiper_banner20 .swiper_pagination13 span { width: 10px; height: 10px; margin: 0 8px; } } @media(max-width: 768px) { #laymod_914284 .bodyCont_width .swiper-wrapper .slide .slide_info { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; align-items: center; -webkit-align-items: center; width: 90%; margin: 0 auto; } #laymod_914284 .bodyCont_width .swiper-wrapper .slide .slide_info .slide_gf { text-align: center; margin-top: -8vw; width: 100%; } #laymod_914284 .bodyCont_width .swiper_banner20 .swiper_pagination13 { bottom: 10px; z-index: 5; } #laymod_914284 .bodyCont_width .swiper_banner20 .swiper_pagination13 span { width: 12px; height:12px; margin: 0 5px; opacity: 1; } #laymod_914284 .bodyCont_width .swiper-wrapper .slide .slide_info .slide_gf .slide_subtitle { font-size: 7.5vw; margin-top: 2vw; margin-bottom: 5vw; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #laymod_914284 .bodyCont_width .swiper-wrapper .slide .slide_info .slide_gf a { padding: 2vw 5vw; } } @media(max-width: 767px) { #laymod_914284 .bodyCont_width .slide_img img { max-width: 100%; } } @font-face { font-family: 'xybicon'; /* Project id 249974 */ src: url('//at.alicdn.com/t/font_249974_0mtth65yj2wf.woff2?t=1652939358893') format('woff2'), url('//at.alicdn.com/t/font_249974_0mtth65yj2wf.woff?t=1652939358893') format('woff'), url('//at.alicdn.com/t/font_249974_0mtth65yj2wf.ttf?t=1652939358893') format('truetype'); } .xybicon { font-family:"xybicon" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } /* 涓讳綋鍐呭 */ #laymod_914285 #yrzh-column .column-content { border-bottom: 2px solid #EFEFEF } #laymod_914285 #yrzh-column .title-block { text-align: center; } #laymod_914285 #yrzh-column .title-block h4 { margin-bottom: 1px; font-size: 36px; color: #000; line-height: 2; } #laymod_914285 #yrzh-column .title-block .desc { font-size: 18px; color: #666; line-height: 2; } /************************************/ #laymod_914285 #yrzh-column .column-content .cate-block { position: relative; overflow: hidden; } #laymod_914285 #yrzh-column .column-content .cate-block .cate-cont { font-size: 0; padding: 25px 0; } #laymod_914285 #yrzh-column .column-content .cate-block li { margin: 0 15px; min-width: 152px; width: auto; padding: 7px 19px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; border:1px solid rgba(7,61,121,1); border-radius: 50px; position: relative; transition:all .3s; -ms-transition: all .3s; /* IE 9 */ -moz-transition: all .3s; /* Firefox */ -webkit-transition: all .3s; /* Safari 鍜 Chrome */ -o-transition: all .3s; /* Opera */ } #laymod_914285 #yrzh-column .column-content .cate-block li.active, #laymod_914285 #yrzh-column .column-content .cate-block li:hover { color: #fff; background: rgba(7,61,121,1); } #laymod_914285 #yrzh-column .column-content .cate-block .item-url { color: #444444; font-size: 16px; display: block; transition:all .3s; -ms-transition: all .3s; /* IE 9 */ -moz-transition: all .3s; /* Firefox */ -webkit-transition: all .3s; /* Safari 鍜 Chrome */ -o-transition: all .3s; /* Opera */ text-align: center; } #laymod_914285 #yrzh-column .column-content .cate-block li.active .item-url, #laymod_914285 #yrzh-column .column-content .cate-block li:hover .item-url { color: #fff; } #laymod_914285 #yrzh-column .column-content .cate-block .item-url .icon { margin-right: 9px; width: 26px; height: 26px; text-align: center; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; overflow: hidden; } #laymod_914285 #yrzh-column .column-content .cate-block li .item-url .icon img { } #laymod_914285 #yrzh-column .column-content .cate-block li.active .item-url .icon img, #laymod_914285 #yrzh-column .column-content .cate-block li:hover .item-url .icon img { position: relative; left: -100px; -webkit-filter: drop-shadow(100px 0 #fff); filter: drop-shadow(100px 0 #fff); } #laymod_914285 #yrzh-column .column-content .cate-block .item-url .cate-name { color: rgba(7,61,121,1); font-size: 18px; line-height: 30px; font-weight: bold; } #laymod_914285 #yrzh-column .column-content .cate-block li.active .item-url .cate-name, #laymod_914285 #yrzh-column .column-content .cate-block li:hover .item-url .cate-name { color: #fff; } @media (min-width: 1440px) { #laymod_914285 .container { width: 1400px; margin: 0 auto; padding: 0; } } @media (max-width: 1440px) { #laymod_914285 #yrzh-column .column-content .cate-block li { margin-bottom: 10px; } } @media (max-width: 767px) { #laymod_914285 #yrzh-column .column-content .cate-block { padding: 0 15px; } #laymod_914285 #yrzh-column .column-content .cate-block li { margin-bottom: 10px; width: calc(33.33% - 30px); min-width: auto; float: left; padding: 0; } #laymod_914285 #yrzh-column .column-content .cate-block .item-url .cate-name { font-size: 12px; } #laymod_914285 #yrzh-column .column-content .cate-block .item-url .icon { display: none; } } /* CDN 鏈嶅姟浠呬緵骞冲彴浣撻獙鍜岃皟璇曚娇鐢紝骞冲彴涓嶆壙璇烘湇鍔$殑绋冲畾鎬э紝浼佷笟瀹㈡埛闇€涓嬭浇瀛椾綋鍖呰嚜琛屽彂甯冧娇鐢ㄥ苟鍋氬ソ澶囦唤銆 */ @font-face { font-family: 'iconfont'; /* Project id 249974 */ src: url('//at.alicdn.com/t/c/font_249974_jnom3egxgf.woff2?t=1669793301378') format('woff2'), url('//at.alicdn.com/t/c/font_249974_jnom3egxgf.woff?t=1669793301378') format('woff'), url('//at.alicdn.com/t/c/font_249974_jnom3egxgf.ttf?t=1669793301378') format('truetype'); } .iconfont { font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*妯$増鏁翠綋鎺у埗*/ #laymod_917340 { position:relative; overflow:hidden; font-family:"Source Han Sans CN","Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_917340 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_917340 .bg_img { z-index:2; } #laymod_917340 .bodyCont_width { position:relative; padding: 0; z-index:4; opacity: 1; } /*鏍囬鎺у埗*/ #laymod_917340 .bodyContTitle { margin:0 auto; position:relative; z-index: 3; overflow:hidden; text-align: center; } #laymod_917340 .bodyContTitle .title { color:rgba(7,61,121,1); font-size:36px; font-weight: bold; font-family: Source Han Serif CN; overflow:hidden; letter-spacing: 5px; transition:color 0.4s cubic-bezier(.075,.82,.165,1); -moz-transition:color 0.4s cubic-bezier(.075,.82,.165,1); -ms-transition:color 0.4s cubic-bezier(.075,.82,.165,1); -webkit-transition:color 0.4s cubic-bezier(.075,.82,.165,1); -o-transition:color 0.4s cubic-bezier(.075,.82,.165,1); } #laymod_917340 .bodyContTitle .desc { color:#666666; font-size:16px; overflow:hidden; margin: 20px 0 50px; } #laymod_917340 .bodyContContent .subtitle { color:#333; font-size:20px; font-weight: bold; overflow:hidden; display: block; margin-top: 50px; text-align: center; } #laymod_917340 .bodyContContent { position:relative; z-index: 4; /* overflow: hidden; */ } #laymod_917340 .bodyContContent .row { } /*妯$増涓讳綋閮ㄥ垎*/ #laymod_917340 .bodyContContent .robot-text { width: 13.4%; display: inline-block; float: left; } #laymod_917340 .bodyContContent .robot-text.robot-text2 { width: 22.8%; display: inline-block; float: right; } #laymod_917340 .bodyContContent .robot-text .robot-border { padding: 30px 25px; border: 1px solid rgba(7,61,121,1); margin-bottom: 65px; margin-top: 25px; border-radius: 10px; } #laymod_917340 .bodyContContent .robot-text .robot-border2 { padding: 20px 25px; border: 1px solid rgba(7,61,121,1); margin-top: 0; margin-bottom: 30px; border-radius: 10px; } #laymod_917340 .bodyContContent .robot-text .robot-title { font-size: 18px; font-weight: bold; color: rgba(7,61,121,1); display: block; line-height: 2; } #laymod_917340 .bodyContContent .robot-text .robot-desc { font-size: 15px; font-weight: 400; color: #666; display: block; line-height: 1.6; } #laymod_917340 .bodyContContent .robot-cont { overflow: hidden; } #laymod_917340 .bodyContContent .robot-cont .robot-pic { width: 80.6%; display: inline-block; float: right; } #laymod_917340 .bodyContContent .robot-cont .robot-pic .pic { width: 77.2%; display: inline-block; } #laymod_917340 .bodyContContent .robot-cont .robot-pic img { max-width: 100%; overflow: hidden; } @media(min-width: 1440px) { #laymod_917340 .container { width: 1400px; } } /*鐩存帴鎺у埗灏忎簬992px灞忓箷鏃禼ss*/ @media (max-width:768px) { #laymod_917340 .bodyContTitle .title { font-size:20px; margin-bottom: 8px; } #laymod_917340 .bodyContTitle .desc { margin: 15px 0; font-size: 14px; } #laymod_917340 .company-video img { width:100%; } #laymod_917340 .develop-info .develop-title { font-size:18px; } #laymod_917340 .develop-info .develop-desc { font-size:12px; margin-top: 10px; } #laymod_917340 .develop-info .develop-desc p { padding: 0; } #laymod_917340 .develop-cont { flex-direction: column; padding-top: 20px; } #laymod_917340 .bodyContContent .content, #laymod_917340 .develop-info , #laymod_917340 .develop-pic { width: 100%; } #laymod_917340 .bodyContContent .robot-cont { padding: 0 10px; } #laymod_917340 .bodyContContent .robot-text { width: 100%; display: block; float: none; } #laymod_917340 .bodyContContent .robot-text .robot-border { margin-bottom: 15px; padding: 15px; margin-top: 0; } #laymod_917340 .bodyContContent .robot-text .robot-title { font-size: 14px; } #laymod_917340 .bodyContContent .robot-text .robot-desc { font-size: 12px; } #laymod_917340 .bodyContContent .robot-cont .robot-pic { width: 100%; display: block; float: none; } #laymod_917340 .bodyContContent .robot-cont .robot-pic .pic { width: 100%; display: block; } #laymod_917340 .bodyContContent .robot-text.robot-text2 { width: 100%; display: block; float: none; } #laymod_917340 .bodyContContent .robot-text .robot-border2 { padding: 15px; margin-bottom: 15px; } #laymod_917340 .bodyContContent .subtitle { margin-top: 0; font-size: 16px; } } /* CDN 鏈嶅姟浠呬緵骞冲彴浣撻獙鍜岃皟璇曚娇鐢紝骞冲彴涓嶆壙璇烘湇鍔$殑绋冲畾鎬э紝浼佷笟瀹㈡埛闇€涓嬭浇瀛椾綋鍖呰嚜琛屽彂甯冧娇鐢ㄥ苟鍋氬ソ澶囦唤銆 */ @font-face { font-family: 'iconfont'; /* Project id 249974 */ src: url('//at.alicdn.com/t/c/font_249974_jnom3egxgf.woff2?t=1669793301378') format('woff2'), url('//at.alicdn.com/t/c/font_249974_jnom3egxgf.woff?t=1669793301378') format('woff'), url('//at.alicdn.com/t/c/font_249974_jnom3egxgf.ttf?t=1669793301378') format('truetype'); } .iconfont { font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*妯$増鏁翠綋鎺у埗*/ #laymod_917488 { position:relative; overflow:hidden; font-family:"Source Han Sans CN","Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_917488 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_917488 .bg_img { z-index:2; } #laymod_917488 .bodyCont_width { position:relative; padding: 0; z-index:4; opacity: 1; } /*鏍囬鎺у埗*/ #laymod_917488 .bodyContTitle { margin:0 auto; position:relative; z-index: 3; overflow:hidden; text-align: center; } #laymod_917488 .bodyContTitle .title { color:rgba(7,61,121,1); font-size:36px; font-weight: bold; font-family: Source Han Serif CN; overflow:hidden; letter-spacing: 5px; transition:color 0.4s cubic-bezier(.075,.82,.165,1); -moz-transition:color 0.4s cubic-bezier(.075,.82,.165,1); -ms-transition:color 0.4s cubic-bezier(.075,.82,.165,1); -webkit-transition:color 0.4s cubic-bezier(.075,.82,.165,1); -o-transition:color 0.4s cubic-bezier(.075,.82,.165,1); } #laymod_917488 .bodyContTitle .desc { color:#666666; font-size:16px; overflow:hidden; margin: 20px 0 110px; } #laymod_917488 .bodyContTitle .subtitle { color:#333; font-size:20px; font-weight: bold; overflow:hidden; margin: 50px 0 70px; width: 100%; } #laymod_917488 .bodyContContent { position:relative; z-index: 4; /* overflow: hidden; */ } #laymod_917488 .bodyContContent .row2 { margin-right: -31px; margin-left: -31px; } /*妯$増涓讳綋閮ㄥ垎*/ #laymod_917488 #circle { position: relative; display: flex; align-items: center; width: 100%; } #laymod_917488 #circle .wrapper { position: relative; width: 100%; } #laymod_917488 #circle .wrapper .circle-logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center; background-color: #082841; width: 630px; height: 630px; border-radius: 50%; overflow: hidden; } #laymod_917488 #circle .wrapper .center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center; } #laymod_917488 #circle .wrapper .run { height: 630px; /* border: 1px solid #000; */ position: relative; /* border-radius: 50%; */ animation: circle 120s linear infinite forwards; } #laymod_917488 #circle .wrapper .run.on { animation-play-state: paused; } #laymod_917488 #circle .wrapper .run ul { } #laymod_917488 #circle .wrapper .run ul li { border: 3px solid rgba(7,61,121,1); border-radius: 50%; position: absolute; animation: circleback 120s linear infinite forwards; text-align: center; width: 130px; height: 130px; display: flex; align-items: center; justify-content: center; line-height: 1.5; } #laymod_917488 #circle .wrapper .run ul li.ons { animation-play-state: paused; } #laymod_917488 #circle .wrapper .run ul li span { font-size: 24px; font-weight: 500; color: #000000; } #laymod_917488 #circle .wrapper .run ul li span p { font-weight: 500; } #laymod_917488 #circle .wrapper .run ul li.item-1 { top: 5%; left: 19%; } #laymod_917488 #circle .wrapper .run ul li.item-2 { top: 40%; left: 13.5%; } #laymod_917488 #circle .wrapper .run ul li.item-3 { bottom: 5%; left: 19%; } #laymod_917488 #circle .wrapper .run ul li.item-4 { top: 5%; right: 19%; } #laymod_917488 #circle .wrapper .run ul li.item-5 { top: 40%; right: 13.5%; } #laymod_917488 #circle .wrapper .run ul li.item-6 { bottom: 5%; right: 19%; } #laymod_917488 #circle .wrapper .run ul li a img { display: block; width: 100%; } /* @keyframes circle { 0% { transform:rotate(0); } 100% { transform:rotate(360deg); } } @keyframes circleback { 0% { transform: rotate(0); } 100% { transform: rotate(-360deg); } } */ /* 鍦嗗湀缁撴潫 */ #laymod_917488 .bodyContContent .robot-box .robot-pic { width: 100%; position: relative; overflow: hidden; border-radius: 10px; } #laymod_917488 .bodyContContent .robot-cont { display: flex; position: relative; margin-top: 60px; } #laymod_917488 .bodyContContent .robot-cont .robot-box { padding: 0 16px; } #laymod_917488 .bodyContContent .robot-cont .robot-box .box { overflow: hidden; display: flex; border-radius: 10px; position: absolute; top: 0; background: rgba(0,50,113,0.65); width: 100%; height: 100%; padding: 30px 34px; color: #fff; flex-wrap: wrap; } #laymod_917488 .robot-cont .robot-box .box-title { width: 100%; font-family: Source Han Serif CN; font-size: 30px; font-weight: bold; } #laymod_917488 .robot-cont .robot-box .box-text { width: 100%; font-size: 16px; } #laymod_917488 .robot-cont .robot-box .box-line { width: 100%; height: 0.5px; background: rgba(255,255,255,0.39); } #laymod_917488 .robot-cont .robot-box .box-pic { position: absolute; bottom: 90px; right: 34px; } #laymod_917488 .robot-cont .robot-box .box-subtitle { width: 100%; font-size: 20px; font-weight: 500; display: block; } #laymod_917488 .robot-cont .robot-box .box-subtitle p { font-weight: 500; } @media(min-width: 1440px) { #laymod_917488 .container { width: 1400px; } } /*鐩存帴鎺у埗灏忎簬992px灞忓箷鏃禼ss*/ @media (max-width:768px) { #laymod_917488 .bodyContTitle .title { font-size:20px; margin-bottom: 8px; } #laymod_917488 .bodyContTitle .desc { margin: 15px 0; font-size: 14px; } #laymod_917488 .company-video img { width:100%; } #laymod_917488 .develop-info .develop-title { font-size:18px; } #laymod_917488 .develop-info .develop-desc { font-size:12px; margin-top: 10px; } #laymod_917488 .develop-info .develop-desc p { padding: 0; } #laymod_917488 .develop-cont { flex-direction: column; padding-top: 20px; } #laymod_917488 .bodyContContent .content, #laymod_917488 .develop-info , #laymod_917488 .develop-pic { width: 100%; } #laymod_917488 .bodyContContent .robot-cont { margin-top: 0; } #laymod_917488 #circle .wrapper .circle-logo { width: 95%; height: auto; } #laymod_917488 #circle .wrapper .circle-logo img { width: 100%; } #laymod_917488 #circle .wrapper .run { height: 430px; } #laymod_917488 #circle .wrapper .run ul li { background-color: rgba(255,255,255,0.8); width: 100px; height: 100px; } #laymod_917488 #circle .wrapper .run ul li span { font-size: 16px; } #laymod_917488 .bodyContTitle .subtitle { margin: 20px 0 5px 0; } #laymod_917488 .bodyContTitle .title { font-size: 16px; } #laymod_917488 .bodyContContent .row2 { margin: 20px -15px 0 -15px; } #laymod_917488 .bodyContContent .robot-cont { display: block; } #laymod_917488 .bodyContContent .robot-cont .robot-box .box { padding: 15px; } #laymod_917488 .robot-cont .robot-box .box-title { font-size: 20px; } #laymod_917488 .robot-cont .robot-box .box-text { font-size: 13px; } #laymod_917488 .robot-cont .robot-box .box-subtitle { font-size: 16px; } #laymod_917488 .bodyContContent .robot-cont .robot-box { margin-bottom: 15px; } } /* CDN 鏈嶅姟浠呬緵骞冲彴浣撻獙鍜岃皟璇曚娇鐢紝骞冲彴涓嶆壙璇烘湇鍔$殑绋冲畾鎬э紝浼佷笟瀹㈡埛闇€涓嬭浇瀛椾綋鍖呰嚜琛屽彂甯冧娇鐢ㄥ苟鍋氬ソ澶囦唤銆 */ @font-face { font-family: 'iconfont'; /* Project id 249974 */ src: url('//at.alicdn.com/t/c/font_249974_jnom3egxgf.woff2?t=1669793301378') format('woff2'), url('//at.alicdn.com/t/c/font_249974_jnom3egxgf.woff?t=1669793301378') format('woff'), url('//at.alicdn.com/t/c/font_249974_jnom3egxgf.ttf?t=1669793301378') format('truetype'); } .iconfont { font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*妯$増鏁翠綋鎺у埗*/ #laymod_917348 { position:relative; overflow:hidden; font-family:"Source Han Sans CN","Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_917348 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_917348 .bg_img { z-index:2; } #laymod_917348 .bodyCont_width { position:relative; padding: 0; z-index:4; opacity: 1; } /*鏍囬鎺у埗*/ #laymod_917348 .bodyContTitle { margin:0 auto; position:relative; z-index: 3; overflow:hidden; text-align: center; } #laymod_917348 .bodyContTitle .title { color:rgba(7,61,121,1); font-size:36px; font-weight: bold; font-family: Source Han Serif CN; overflow:hidden; letter-spacing: 5px; transition:color 0.4s cubic-bezier(.075,.82,.165,1); -moz-transition:color 0.4s cubic-bezier(.075,.82,.165,1); -ms-transition:color 0.4s cubic-bezier(.075,.82,.165,1); -webkit-transition:color 0.4s cubic-bezier(.075,.82,.165,1); -o-transition:color 0.4s cubic-bezier(.075,.82,.165,1); } #laymod_917348 .bodyContTitle .desc { color:#666666; font-size:16px; overflow:hidden; margin: 15px 0 30px; } #laymod_917348 .bodyContTitle .subtitle { color:#333; font-size:20px; font-weight: bold; overflow:hidden; display: block; text-align: center; } #laymod_917348 .bodyContContent { position:relative; z-index: 4; margin-top: 100px; /* overflow: hidden; */ } #laymod_917348 .bodyContContent .row { } /*妯$増涓讳綋閮ㄥ垎*/ #laymod_917348 .bodyContContent .robot-cont { overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; width: 43.5%; } #laymod_917348 .bodyContContent .robot-text { display: inline-block; float: left; } #laymod_917348 .bodyContContent .robot-text .robot-border { width: 150px; height: 150px; padding: 43px 22px; border: 3px solid #00F0FB; border-radius: 50%; background: rgba(255,255,255,0.18); display: inline-block; font-size: 24px; font-weight: 500; text-align: center; margin-right: 50px; margin-bottom: 30px; color: #000; } #laymod_917348 .bodyContContent .robot-text .robot-border p { font-weight: 500; } @media(min-width: 1440px) { #laymod_917348 .container { width: 1400px; } } /*鐩存帴鎺у埗灏忎簬992px灞忓箷鏃禼ss*/ @media (max-width:768px) { #laymod_917348 .bodyContTitle .title { font-size:20px; margin-bottom: 8px; } #laymod_917348 .bodyContTitle .desc { margin: 15px 0; font-size: 14px; } #laymod_917348 .bodyContContent .row { margin: 0 -15px; } #laymod_917348 .bodyContTitle .subtitle { font-size: 16px; } #laymod_917348 .company-video img { width:100%; } #laymod_917348 .develop-info .develop-title { font-size:18px; } #laymod_917348 .develop-info .develop-desc { font-size:12px; margin-top: 10px; } #laymod_917348 .develop-info .develop-desc p { padding: 0; } #laymod_917348 .develop-cont { flex-direction: column; padding-top: 20px; } #laymod_917348 .bodyContContent .content, #laymod_917348 .develop-info , #laymod_917348 .develop-pic { width: 100%; } #laymod_917348 .bodyContContent { margin-top: 20px; } #laymod_917348 .bodyContContent .robot-cont { width: 100%; display: block; } #laymod_917348 .bodyContContent .robot-text { display: flex; align-items: center; justify-content: center; float: none; } #laymod_917348 .bodyContContent .robot-text .robot-border { margin: 0 10px 10px 0; width: 75px; height: 75px; font-size: 13px; padding: 5px; display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.8); } } /* CDN 鏈嶅姟浠呬緵骞冲彴浣撻獙鍜岃皟璇曚娇鐢紝骞冲彴涓嶆壙璇烘湇鍔$殑绋冲畾鎬э紝浼佷笟瀹㈡埛闇€涓嬭浇瀛椾綋鍖呰嚜琛屽彂甯冧娇鐢ㄥ苟鍋氬ソ澶囦唤銆 */ @font-face { font-family: 'iconfont'; /* Project id 249974 */ src: url('//at.alicdn.com/t/c/font_249974_jnom3egxgf.woff2?t=1669793301378') format('woff2'), url('//at.alicdn.com/t/c/font_249974_jnom3egxgf.woff?t=1669793301378') format('woff'), url('//at.alicdn.com/t/c/font_249974_jnom3egxgf.ttf?t=1669793301378') format('truetype'); } .iconfont { font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*妯$増鏁翠綋鎺у埗*/ #laymod_917349 { position:relative; overflow:hidden; font-family:"Source Han Sans CN","Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_917349 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_917349 .bg_img { z-index:2; } #laymod_917349 .bodyCont_width { position:relative; padding: 0; z-index:4; opacity: 1; border-bottom: 1px solid #E1E1E1; } /*鏍囬鎺у埗*/ #laymod_917349 .bodyContTitle { margin:0 auto; position:relative; z-index: 3; overflow:hidden; text-align: center; } #laymod_917349 .bodyContTitle .title { color:rgba(7,61,121,1); font-size:36px; font-weight: bold; font-family: Source Han Serif CN; overflow:hidden; letter-spacing: 5px; transition:color 0.4s cubic-bezier(.075,.82,.165,1); -moz-transition:color 0.4s cubic-bezier(.075,.82,.165,1); -ms-transition:color 0.4s cubic-bezier(.075,.82,.165,1); -webkit-transition:color 0.4s cubic-bezier(.075,.82,.165,1); -o-transition:color 0.4s cubic-bezier(.075,.82,.165,1); } #laymod_917349 .bodyContTitle .desc { color:#666666; font-size:16px; overflow:hidden; margin: 20px 0 110px; } #laymod_917349 .bodyContContent .subtitle { color:#333; font-size:20px; font-weight: bold; overflow:hidden; display: block; text-align: justify; margin-bottom: 50px; width: 100%; } #laymod_917349 .bodyContContent { position:relative; z-index: 4; /* overflow: hidden; */ } #laymod_917349 .bodyContContent .row { } /*妯$増涓讳綋閮ㄥ垎*/ #laymod_917349 .bodyContContent .robot-cont { display: flex; flex-wrap: wrap; position: relative; } #laymod_917349 .bodyContContent .robot-text { display: inline-block; float: left; } #laymod_917349 .bodyContContent .robot-text .robot-border { padding: 15px 22px; border-radius: 10px; background: #16C8E5; font-size: 20px; font-weight: 500; text-align: center; margin-bottom: 20px; color: #fff; } #laymod_917349 .bodyContContent .robot-cont .robot-pic { position: absolute; right: 0; top: 0; } #laymod_917349 .bodyContContent .robot-cont .robot-pic img { max-width: 100%; height: 100%; display: block; } @media(min-width: 1440px) { #laymod_917349 .container { width: 1400px; } } /*鐩存帴鎺у埗灏忎簬992px灞忓箷鏃禼ss*/ @media (max-width:768px) { #laymod_917349 .bodyContTitle .title { font-size:20px; margin-bottom: 8px; } #laymod_917349 .bodyContTitle .desc { margin: 15px 0; font-size: 14px; } #laymod_917349 .company-video img { width:100%; } #laymod_917349 .develop-info .develop-title { font-size:18px; } #laymod_917349 .develop-info .develop-desc { font-size:12px; margin-top: 10px; } #laymod_917349 .develop-info .develop-desc p { padding: 0; } #laymod_917349 .develop-cont { flex-direction: column; padding-top: 20px; } #laymod_917349 .bodyContContent .content, #laymod_917349 .develop-info , #laymod_917349 .develop-pic { width: 100%; } #laymod_917349 .bodyContContent .robot-cont { padding: 0 10px 20px 10px; } #laymod_917349 .bodyContContent .subtitle { font-size: 16px; margin-bottom: 15px; } #laymod_917349 .bodyContContent .robot-text .robot-border { padding: 10px; border-radius: 5px; margin-bottom: 5px; font-size: 14px; } #laymod_917349 .bodyContContent .robot-cont .robot-pic { position: relative; right: auto; top: auto; float: right; width: 70%; margin-top: 40px; } #laymod_917349 .bodyContContent .robot-cont .robot-pic img { height: auto; } } /* CDN 鏈嶅姟浠呬緵骞冲彴浣撻獙鍜岃皟璇曚娇鐢紝骞冲彴涓嶆壙璇烘湇鍔$殑绋冲畾鎬э紝浼佷笟瀹㈡埛闇€涓嬭浇瀛椾綋鍖呰嚜琛屽彂甯冧娇鐢ㄥ苟鍋氬ソ澶囦唤銆 */ @font-face { font-family: 'iconfont'; /* Project id 249974 */ src: url('//at.alicdn.com/t/c/font_249974_jnom3egxgf.woff2?t=1669793301378') format('woff2'), url('//at.alicdn.com/t/c/font_249974_jnom3egxgf.woff?t=1669793301378') format('woff'), url('//at.alicdn.com/t/c/font_249974_jnom3egxgf.ttf?t=1669793301378') format('truetype'); } .iconfont { font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*妯$増鏁翠綋鎺у埗*/ #laymod_917486 { position:relative; overflow:hidden; font-family:"Source Han Sans CN","Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_917486 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_917486 .bg_img { z-index:2; } #laymod_917486 .bodyCont_width { position:relative; padding: 0; z-index:4; opacity: 1; } /*鏍囬鎺у埗*/ #laymod_917486 .bodyContTitle { margin:0 auto; position:relative; z-index: 3; overflow:hidden; text-align: center; } #laymod_917486 .bodyContTitle .title { color:rgba(7,61,121,1); font-size:36px; font-weight: bold; font-family: Source Han Serif CN; overflow:hidden; letter-spacing: 5px; transition:color 0.4s cubic-bezier(.075,.82,.165,1); -moz-transition:color 0.4s cubic-bezier(.075,.82,.165,1); -ms-transition:color 0.4s cubic-bezier(.075,.82,.165,1); -webkit-transition:color 0.4s cubic-bezier(.075,.82,.165,1); -o-transition:color 0.4s cubic-bezier(.075,.82,.165,1); } #laymod_917486 .bodyContTitle .desc { color:#666666; font-size:16px; overflow:hidden; margin: 20px 0 110px; } #laymod_917486 .bodyContTitle .subtitle { color:#333; font-size:20px; font-weight: bold; overflow:hidden; margin: 20px 0 110px; width: 100%; } #laymod_917486 .bodyContContent { position:relative; z-index: 4; /* overflow: hidden; */ } #laymod_917486 .bodyContContent .row { margin-right: -31px; margin-left: -31px; } /*妯$増涓讳綋閮ㄥ垎*/ #laymod_917486 .bodyContContent .robot-cont { display: flex; position: relative; margin-bottom: 80px; } #laymod_917486 .bodyContContent .robot-cont .robot-box { padding: 0 16px; } #laymod_917486 .bodyContContent .robot-cont .robot-box .box { overflow: hidden; display: flex; border-radius: 10px; border: 1px solid #E1E1E1; } #laymod_917486 .robot-cont .robot-box .box-left { width: 19.775%; display: flex; background: #16C8E5; justify-content: center; align-items: center; } #laymod_917486 .robot-cont .robot-box .box-left span { font-size: 36px; font-weight: bold; color: #FFFFFF; } #laymod_917486 .robot-cont .robot-box .box-right { width: 80%; padding: 60px; } #laymod_917486 .robot-cont .robot-box .box-right .box-subtitle { font-size: 24px; font-weight: bold; display: block; margin-bottom: 10px; } #laymod_917486 .robot-cont .robot-box .box-right .box-text { font-size: 16px; color: #666666; } @media(min-width: 1440px) { #laymod_917486 .container { width: 1400px; } } /*鐩存帴鎺у埗灏忎簬992px灞忓箷鏃禼ss*/ @media (max-width:768px) { #laymod_917486 .bodyContTitle .title { font-size:20px; margin-bottom: 8px; } #laymod_917486 .bodyContTitle .subtitle { margin: 15px 0; font-size: 14px; } #laymod_917486 .bodyContContent .row { margin: 0 -15px; display: block; } #laymod_917486 .company-video img { width:100%; } #laymod_917486 .develop-info .develop-title { font-size:18px; } #laymod_917486 .develop-info .develop-desc { font-size:12px; margin-top: 10px; } #laymod_917486 .develop-info .develop-desc p { padding: 0; } #laymod_917486 .develop-cont { flex-direction: column; padding-top: 20px; } #laymod_917486 .bodyContContent .content, #laymod_917486 .develop-info , #laymod_917486 .develop-pic { width: 100%; } #laymod_917486 .robot-cont .robot-box .box-left span { font-size: 16px; } #laymod_917486 .robot-cont .robot-box .box-right { padding: 15px; } #laymod_917486 .bodyContContent .robot-cont .robot-box { margin-bottom: 15px; } #laymod_917486 .robot-cont .robot-box .box-right .box-subtitle { font-size: 16px; } #laymod_917486 .robot-cont .robot-box .box-right .box-text { font-size: 13px; } } /** Generated by FG **/ @font-face { font-family: 'Conv_bahnschrift'; src: url('http://cdn.jihuinet.com/wechat/upload/bahnschrift.eot'); src: local('鈽?), url('http://cdn.jihuinet.com/wechat/upload/bahnschrift.otf') format('woff'), url('http://cdn.jihuinet.com/wechat/upload/bahnschrift.ttf') format('truetype'), url('http://cdn.jihuinet.com/wechat/upload/bahnschrift.svg') format('svg'); font-weight: normal; font-style: normal; } /* CDN 鏈嶅姟浠呬緵骞冲彴浣撻獙鍜岃皟璇曚娇鐢紝骞冲彴涓嶆壙璇烘湇鍔$殑绋冲畾鎬э紝浼佷笟瀹㈡埛闇€涓嬭浇瀛椾綋鍖呰嚜琛屽彂甯冧娇鐢ㄥ苟鍋氬ソ澶囦唤銆 */ @font-face { font-family: 'iconfont'; /* Project id 249974 */ src: url('//at.alicdn.com/t/c/font_249974_l7zha04ck99.woff2?t=1669969832754') format('woff2'), url('//at.alicdn.com/t/c/font_249974_l7zha04ck99.woff?t=1669969832754') format('woff'), url('//at.alicdn.com/t/c/font_249974_l7zha04ck99.ttf?t=1669969832754') format('truetype'); } .iconfont { font-family:"iconfont" !important; font-style:normal; } #laymod_914286 #yrzh-footer { } /* 涓讳綋鍐呭 */ #laymod_914286 #yrzh-footer .footer-content { padding-top: 100px; display: block; overflow: hidden; position: relative; } #laymod_914286 #yrzh-footer .footer-content:before { } #laymod_914286 #yrzh-footer .footer-content .footer-side { width: 24%; height: auto; display: block; float: left; } #laymod_914286 #yrzh-footer .footer-content .footer-side .side-cont { margin: 0 auto; } #laymod_914286 #yrzh-footer .footer-content .footer-side .word-block { margin-bottom: 103px; clear: both; display: block; } #laymod_914286 #yrzh-footer .footer-content .footer-side .word-block a { margin-right: 8px; font-size: 13px; line-height: 21px; color: rgba(255,255,255,.4); display: inline-block; *display: inline; *zoom: 1; transition:all .3s; -ms-transition: all .3s; /* IE 9 */ -moz-transition: all .3s; /* Firefox */ -webkit-transition: all .3s; /* Safari 鍜 Chrome */ -o-transition: all .3s; /* Opera */ } #laymod_914286 #yrzh-footer .footer-content .footer-side .word-block a:hover { color: #fff; } #laymod_914286 #yrzh-footer .footer-content .footer-side h4 { margin-bottom: 26px; font-size: 36px; color: #fff; line-height: 76px; } #laymod_914286 #yrzh-footer .footer-content .logo-block { margin-bottom: 25px; } #laymod_914286 #yrzh-footer .footer-content .logo-block img { height: 100%; } /* 鍒嗕韩 */ #laymod_914286 .share a { display: inline-block; margin-right: 40px; } #laymod_914286 .share a i { font-size: 30px; display: block; color: #8093A8; } #laymod_914286 .share a:hover i { color: rgba(255,255,255,1); } #laymod_914286 .share .wechat .iconfont:before { content: "\e991"; } #laymod_914286 .share .qq .iconfont:before { content: "\e990"; } #laymod_914286 .share .tiktok .iconfont:before { content: "\ea28"; } #laymod_914286 .share .weibo .iconfont:before { content: "\e994"; } #laymod_914286 .share .pc-facebook1:before, #laymod_914286 .share .pc-skype-fill:before, #laymod_914286 .share .pc-twitter:before, #laymod_914286 .share .pc-dropbox:before{ color: rgba(255,255,255,0.5); font-size: 30px; } #laymod_914286 .share a:hover .pc-facebook1:before, #laymod_914286 .share a:hover .pc-skype-fill:before, #laymod_914286 .share a:hover .pc-twitter:before, #laymod_914286 .share a:hover .pc-dropbox:before{ color: rgba(255,255,255,1); } /* 鍒嗕韩缁撴潫 */ #laymod_914286 #yrzh-footer ::-webkit-input-placeholder { color: #fff; } #laymod_914286 #yrzh-footer ::-moz-placeholder{ color: #fff; } #laymod_914286 #yrzh-footer ::-ms-input-placeholder { color: #fff; } /**------**/ #laymod_914286 #yrzh-footer .footer-block { width: 76%; padding-bottom: 50px; float: right; position: relative; } #laymod_914286 #yrzh-footer .footer-block .main-cont { position: relative; width: 100%; height: 100%; } #laymod_914286 #yrzh-footer .footer-block .footer-navlist { width: 100%; overflow: hidden; display: block; } #laymod_914286 #yrzh-footer .footer-block .column-item { margin-bottom: 46px; width: 15%; float: left; } #laymod_914286 #yrzh-footer .footer-block .column-item.foot-product { } #laymod_914286 #yrzh-footer .footer-block .column-item.foot-brand { } #laymod_914286 #yrzh-footer .footer-block .column-item.foot-case { } #laymod_914286 #yrzh-footer .footer-block .column-item.foot-contact { float: right; width: 40%; } #laymod_914286 #yrzh-footer .footer-block .column-item.foot-contact .foot-ul { width: 50%; float: left; } #laymod_914286 #yrzh-footer .footer-block .column-item.foot-share { margin-left: 3.703703%; } #laymod_914286 #yrzh-footer .footer-block .column-item h5 a, #laymod_914286 #yrzh-footer .footer-block .foot-contact h5 a { margin: 0; margin-bottom: 1px; font-size: 16px; color: #fff; line-height: 3; display:block; } #laymod_914286 #yrzh-footer .footer-block .column-item h5 span, #laymod_914286 #yrzh-footer .footer-block .foot-contact h5 span { position: relative; } #laymod_914286 #yrzh-footer .footer-block .column-item h5 em, #laymod_914286 #yrzh-footer .footer-block .foot-contact h5 em { display: none; } #laymod_914286 #yrzh-footer .footer-block .column-item .item-line { } #laymod_914286 #yrzh-footer .footer-block .column-item .item-line:before { } #laymod_914286 #yrzh-footer .footer-block .column-item .foot-ul { } #laymod_914286 #yrzh-footer .footer-block .foot-contact .foot-ul li em { font-style: normal; } #laymod_914286 #yrzh-footer .footer-block .foot-contact .foot-ul li, #laymod_914286 #yrzh-footer .footer-block .column-item .foot-ul a, #laymod_914286 #yrzh-footer .footer-block .column-item .foot-ul span { font-size: 14px; line-height: 36px; color: rgba(255,255,255,.5); display: block; position: relative; transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; } #laymod_914286 #yrzh-footer .footer-block .column-item.foot-contact .foot-ul a { padding: 0; display: inline-block; *display: inline; *zoom: 1; } #laymod_914286 #yrzh-footer .footer-block .column-item.foot-contact .foot-ul a:before { display: none; } #laymod_914286 #yrzh-footer .footer-block .column-item .foot-ul a:hover, #laymod_914286 #yrzh-footer .footer-block .column-item .foot-ul a:hover span { color: #fff; } #laymod_914286 #yrzh-footer .footer-line { clear:both; width: 100%; height: 1px; display: block; background: rgba(255,255,255,.1); } /* 鑱旂郴鏂瑰紡 */ #laymod_914286 .service-contact { margin-top: 10px; } #laymod_914286 .service-contact .contact_text { display: block; padding-top: 15px; color:rgba(255,255,255,0.5); font-size: 14px; font-weight: 500; line-height: 1.5; margin-bottom: 8px; } #laymod_914286 .service-contact .contact_line { vertical-align: middle; margin-bottom: 20px; } #laymod_914286 .service-contact .contact_line a, #laymod_914286 .service-contact .contact_line span { max-width: calc(100% - 30px); margin-left: 10px; color:rgba(255,255,255,0.5); font-size: 14px; line-height: 24px; display: inline-block; vertical-align: top; } #laymod_914286 .service-contact .contact_line a:hover { color:#fff; } #laymod_914286 .service-contact .contact_line .iconfont:before{ color: #8093A8; } #laymod_914286 .service-contact .contact_line .icon_tel:before{ content: "\ea78"; font-size: 20px; } #laymod_914286 .service-contact .contact_line .icon_email:before{ content: "\ea98"; font-size: 20px; } #laymod_914286 .service-contact .contact_line .icon_add:before{ content: "\e807"; font-size: 20px; } /* 鐗堟潈 */ #laymod_914286 #yrzh-footer .footer-copyright { position: relative; width: 100%; background: none; } #laymod_914286 #yrzh-footer .footer-copyright .copy-right { width: 100%; border: none; padding-top: 21px; padding-bottom: 20px; float: none; overflow: hidden; text-align: center; } #laymod_914286 #yrzh-footer .footer-copyright .copy-right a, #laymod_914286 #yrzh-footer .footer-copyright .copy-right p { padding: 0 2px; font-size: 13px; line-height: 2; color: #fff; color: rgba(255,255,255,.2); display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } #laymod_914286 #yrzh-footer .footer-copyright .copy-right .copy-infor { display: inline-block; *display: inline; *zoom: 1; } #laymod_914286 #yrzh-footer .footer-copyright .copy-right a:hover { } #laymod_914286 #yrzh-footer .footer-copyright a:last-child { margin-right: 0; } #laymod_914286 #yrzh-footer .footer-copyright .backage-block { display: inline; } #laymod_914286 #yrzh-footer .footer-copyright .backage-block a { padding:0 4px; font-size: 13px; color: rgba(255,255,255,.2); line-height: 2; position: relative; transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; } #laymod_914286 #yrzh-footer .footer-copyright .backage-block a:before { content: ""; width: 1px; height: 13px; display: block; background: rgba(255,255,255,.2); position: absolute; left: 0; top: 50%; margin-top: -6px; } #laymod_914286 #yrzh-footer .footer-copyright .backage-block a:last-child { padding-right: 0; } #laymod_914286 #yrzh-footer .footer-copyright .backage-block a:first-child:before { display: none; } #laymod_914286 #yrzh-footer .footer-copyright .copy-right a:hover, #laymod_914286 #yrzh-footer .footer-copyright .backage-block a:hover { color: #fff; } /****/ #laymod_914286 .wechat_div , #laymod_914286 .tiktok_div{ position: fixed; width: 100%; left: 0; right: 0; text-align: center; top: 0; bottom: 0; z-index: 2500; visibility: hidden; opacity: 0; /* transition: all .35s ease-out; */ } #laymod_914286 .wechat_div.active , #laymod_914286 .tiktok_div.active { opacity: 1; visibility: visible; } #laymod_914286 .wechat_div .wechat_bg , #laymod_914286 .tiktok_div .wechat_bg { position: absolute; left: 0; right: 0; background: rgba(0,0,0,0.85); width: 100%; height: 100%; } #laymod_914286 .wechat_div .wechat_img , #laymod_914286 .tiktok_div .tiktok_img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 0; width:300px; } #laymod_914286 .wechat_div.active .wechat_img , #laymod_914286 .tiktok_div.active .tiktok_img { height: 300px; } #laymod_914286 .wechat_div .wechat_img img, #laymod_914286 .tiktok_div .tiktok_img img { max-width: 100%; max-height: 100%; margin-bottom: 20px; } #laymod_914286 .wechat_div .wechat_img span{ font-size: 18px; color: #fff; } /**************************/ @media (min-width: 1440px) { #laymod_914286 .pc-contain { width: 1400px; margin: 0 auto; padding: 0; } } @media (max-width: 1199px) { #laymod_914286 #yrzh-footer .footer-content .logo-block { width: 80%; margin: 0 auto 20px; } #laymod_914286 #yrzh-footer .footer-content .logo-block img { width: 100%; height: auto; } #laymod_914286 #yrzh-footer .footer-content .footer-side .desc { font-size: 16px; } #laymod_914286 #yrzh-footer .footer-content .tel-btn .xybicon { font-size: 20px; } #laymod_914286 #yrzh-footer .footer-content .tel-btn .num { font-size: 25px; } } @media (max-width: 991px) { #laymod_914286 #yrzh-footer .footer-block { padding-top: 40px; } } @media (max-width:1440px) { #laymod_914286 #yrzh-footer .footer-content .logo-block { margin: 0 0 10px 0; } #laymod_914286 .share a { margin-right: 10px; } #laymod_914286 .service-contact .contact_line a, #laymod_914286 .service-contact .contact_line span { margin-left: 0; } } @media (max-width:767px) { #laymod_914286 #yrzh-footer .footer-content:before { display: none; } #laymod_914286 #yrzh-footer .footer-content { padding:10px 0 0; display: block; } #laymod_914286 #yrzh-footer .footer-block .footer-navlist { width: 100%; display: block; } #laymod_914286 #yrzh-footer .footer-block .footer-side .share-block { width: 100%; } #laymod_914286 #yrzh-footer .footer-block .logo-block { float: none; text-align: center; } #laymod_914286 #yrzh-footer .footer-block .logo-block img { } #laymod_914286 #yrzh-footer .footer-block .foot-about, #laymod_914286 #yrzh-footer .footer-block .foot-contact { width: 100%; float:left; text-align: left; position: relative; } #laymod_914286 #yrzh-footer .footer-block .column-item { max-height: 45px; border-bottom: 1px solid rgba(255,255,255,.1); -webkit-transition: max-height .3s cubic-bezier(.33,0,0,1); transition: max-height .3s cubic-bezier(.33,0,0,1); overflow: hidden; } #laymod_914286 #yrzh-footer .footer-block .column-item, #laymod_914286 #yrzh-footer .footer-block .column-item.foot-product, #laymod_914286 #yrzh-footer .footer-block .column-item.foot-brand, #laymod_914286 #yrzh-footer .footer-block .column-item.foot-case, #laymod_914286 #yrzh-footer .footer-block .column-item.foot-contact, #laymod_914286 #yrzh-footer .footer-block .column-item.foot-share { margin: 0; width: 100%; float: left; } #laymod_914286 #yrzh-footer .footer-block .column-item.active { max-height: 304px; will-change: transform,max-height; padding-bottom: 10px; } #laymod_914286 #yrzh-footer .footer-block .column-item .foot-ul { } #laymod_914286 #yrzh-footer .footer-block .column-item.foot-contact .foot-ul { width: 100%; } #laymod_914286 #yrzh-footer .footer-block .column-item .foot-ul a { display: block; padding-left: 1.5em; } #laymod_914286 #yrzh-footer .footer-copyright { padding: 15px; display: block; position: relative; left: auto; right: auto; bottom: auto; } #laymod_914286 #yrzh-footer .footer-copyright .copy-right, #laymod_914286 #yrzh-footer .footer-copyright .backage-block { width: 100%; text-align: center; } #laymod_914286 #yrzh-footer .footer-copyright .copy-right p, #laymod_914286 #yrzh-footer .footer-copyright .backage-block a { line-height: 30px; } #laymod_914286 #yrzh-footer .footer-block .column-item h5 a, #laymod_914286 #yrzh-footer .footer-block .foot-contact h5 a { font-size: 14px; line-height: 45px; } /* 灞曞紑涓嬫媺鏍峰紡 */ #laymod_914286 #yrzh-footer .footer-block .column-item h5 em { display: block; font-style: normal; float: right; text-align: center; width: 45px; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; font-size: 12px; line-height: 45px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #laymod_914286 #yrzh-footer .footer-block .column-item.active h5 em { will-change: transform; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } #laymod_914286 #yrzh-footer .footer-block .column-item .item-line { display: none; } #laymod_914286 #yrzh-footer .footer-block .column-item h5 { margin-bottom: 4px; } #laymod_914286 #yrzh-footer .footer-block { width: 100%; padding: 0; height: auto; display: block; } #laymod_914286 #yrzh-footer .footer-copyright .copy-right { padding: 0; } #laymod_914286 #yrzh-footer .footer-block .foot-qrcode h5 { display: none; } #laymod_914286 #yrzh-footer .footer-block .foot-contact .foot-ul li, #laymod_914286 #yrzh-footer .footer-block .foot-contact .foot-ul li a { line-height: 2; } #laymod_914286 #yrzh-footer .footer-copyright .copy-right a, #laymod_914286 #yrzh-footer .footer-copyright .copy-right p { font-size: 3.2vw; line-height: 1.6; } #laymod_914286 #yrzh-footer .footer-content .footer-side { width: 100%; display: none; } #laymod_914286 #yrzh-footer .footer-block .column-item h5 { width: 100%; } #laymod_914286 #yrzh-footer .footer-line { display: none; } }