@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_912883 .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_912883 .search-show.act { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; display: block; pointer-events: auto; } #laymod_912883 .search-show .search-bg { width: 100%; height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; z-index: 0; } #laymod_912883 .search-show .search-table { width: 100%; height: 100%; position: relative; z-index: 1998; display: table; table-layout: fixed; } #laymod_912883 .search-show .table-cont { width: 100%; height: 100%; display: table-cell; vertical-align: middle; } #laymod_912883 .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_912883 .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_912883 .search-show .table-cont .search-cont h6.act { font-size: 16px; bottom: 48px; line-height: 30px; height: 30px; } #laymod_912883 .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_912883 .search-show .table-cont .search_btn { position: absolute; right: 0; bottom: 0; width: 50px; text-align: center; } #laymod_912883 .search-show .table-cont .search_btn .iconfont { font-size: 30px; color: #999; line-height: 68px; } #laymod_912883 .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_912883 .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_912883 .wechat_div.active { opacity: 1; display: block; visibility: visible; } #laymod_912883 .wechat_div .wechat_bg { position: absolute; left: 0; right: 0; background: rgba(0,0,0,0.85); width: 100%; height: 100%; } #laymod_912883 .wechat_div .wechat_img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 0; width:300px; } #laymod_912883 .wechat_div.active .wechat_img { height: 300px; } #laymod_912883 .wechat_div .wechat_img img{ max-width: 100%; max-height: 100%; width: 100%; margin-bottom: 20px; } #laymod_912883 .wechat_div .wechat_img span{ font-size: 18px; color: #fff; } /**************************/ /*妯$増鏁翠綋鎺у埗*/ #laymod_913002 #zh_banner_yrjk { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_913002 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_913002 .bg_img { z-index:2; } #laymod_913002 .bodyCont_width { position:relative; opacity: 1; z-index:4; } #laymod_913002 .bodyCont_width .slide_img img { display: block; margin: 0 auto; } #laymod_913002 .bodyCont_width .swiper_banner20 { position: relative; } #laymod_913002 .bodyCont_width .swiper_banner20 .swiper_pagination13 { position: absolute; bottom: 30px; z-index: 5; display: flex; justify-content: center; align-items: center; } #laymod_913002 .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_913002 .bodyCont_width .swiper_banner20 .swiper_pagination13 .swiper-pagination-bullet-active { background: #fff; width: 9px; height: 9px; } #laymod_913002 .bodyCont_width .swiper-wrapper .slide .slide_info .slide_gf .slide_title { color: #fff; font-size: 12px; } #laymod_913002 .bodyCont_width .swiper-wrapper .slide .slide_info .slide_gf .slide_subtitle { color: #fff; } #laymod_913002 .bodyCont_width .swiper-wrapper .slide .slide_info .slide_gf a { color: #fff; letter-spacing: 3px; background: rgba(0, 0, 0, 0.75); } #laymod_913002 .fix_btns { display: none; } .design-html #laymod_913002 .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_913002 .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_913002 .fix_btns a.active, .design-html #laymod_913002 .fix_btns a:hover { background: rgba(255, 82, 65, 1.0); } .design-html #laymod_913002 .bodyCont_width:hover .fix_btns { opacity: 1; visibility: visible; } @media(min-width: 768px) { #laymod_913002 .bodyCont_width .swiper-wrapper .slide { position: relative; } #laymod_913002 .bodyCont_width .swiper-wrapper .slide .slide_img{ display: flex; justify-content: center; flex-direction: column; align-content: center; flex-wrap: wrap; } #laymod_913002 .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_913002 .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_913002 .bodyCont_width .swiper-wrapper .slide .slide_name .slide_fname { display: inline-block; vertical-align: bottom; line-height: 0; font-size: 14px; color: #fff; } #laymod_913002 .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_913002 .bodyCont_width .swiper-wrapper .slide .slide_info .slide_gf { text-align: right; margin-top: 20%; width: 100%; } #laymod_913002 .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_913002 .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_913002 .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_913002 .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_913002 .bodyCont_width .swiper_banner20 .swiper_pagination13 { bottom: 20px; } #laymod_913002 .bodyCont_width .swiper_banner20 .swiper_pagination13 span { width: 10px; height: 10px; margin: 0 8px; } } @media(max-width: 768px) { #laymod_913002 .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_913002 .bodyCont_width .swiper-wrapper .slide .slide_info .slide_gf { text-align: center; margin-top: -8vw; width: 100%; } #laymod_913002 .bodyCont_width .swiper_banner20 .swiper_pagination13 { bottom: 10px; z-index: 5; } #laymod_913002 .bodyCont_width .swiper_banner20 .swiper_pagination13 span { width: 12px; height:12px; margin: 0 5px; opacity: 1; } #laymod_913002 .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_913002 .bodyCont_width .swiper-wrapper .slide .slide_info .slide_gf a { padding: 2vw 5vw; } } @media(max-width: 767px) { #laymod_913002 .bodyCont_width .slide_img img { max-width: 100%; } } /* CDN 鏈嶅姟浠呬緵骞冲彴浣撻獙鍜岃皟璇曚娇鐢紝骞冲彴涓嶆壙璇烘湇鍔$殑绋冲畾鎬э紝浼佷笟瀹㈡埛闇€涓嬭浇瀛椾綋鍖呰嚜琛屽彂甯冧娇鐢ㄥ苟鍋氬ソ澶囦唤銆 */ @font-face { font-family: 'iconfont'; /* Project id 249974 */ src: url('//at.alicdn.com/t/c/font_249974_ipqcr8xfc6.woff2?t=1668049751929') format('woff2'), url('//at.alicdn.com/t/c/font_249974_ipqcr8xfc6.woff?t=1668049751929') format('woff'), url('//at.alicdn.com/t/c/font_249974_ipqcr8xfc6.ttf?t=1668049751929') 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_913009 { position:relative; overflow:hidden; font-family:"Source Han Sans CN","Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_913009 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_913009 .bg_img { z-index:2; } #laymod_913009 .bodyCont_width { position:relative; padding: 0; z-index:4; opacity: 1; } /*鏍囬鎺у埗*/ #laymod_913009 .bodyContTitle { margin:0; position:relative; z-index: 3; overflow:hidden; } #laymod_913009 .bodyContContent { position:relative; z-index: 4; } /*妯$増涓讳綋閮ㄥ垎*/ #laymod_913009 .company-pic { position: absolute; left: 0; top: 50%; margin-top: -233px; } #laymod_913009 .company-pic img { border-radius: 0 234px 234px 0; } #laymod_913009 .company-cont { width: 50%; } #laymod_913009 .company-info .company-title { color:#000; 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_913009 .company-info .company-subtitle { color:#333; font-size:18px; font-weight: 400; line-height:2; overflow:hidden; display: block; margin: 20px 0; } #laymod_913009 .company-info .company-title p{ display: inline-block; } #laymod_913009 .company-info .company-desc { color:#787878; font-size:15px; line-height:2.4; overflow:hidden; margin: 30px 0; } #laymod_913009 .company-info .company-desc p { padding: 5px 0; } #laymod_913009 .more-block .item-url { display: box; /* OLD - Android 4.4- */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;/*鍨傜洿灞呬腑*/ } #laymod_913009 .more-block .item-url .iconfont { transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; /* Firefox 4 */ -webkit-transition:all ease-out 0.3s; /* Safari and Chrome */ -o-transition:all ease-out 0.3s; /* Opera */ } #laymod_913009 .more-block .item-url:hover .iconfont{ transform: translateX(6px); -webkit-transform: translateX(6px); -moz-transform: translateX(6px); -ms-transform: translateX(6px); -o-transform: translateX(6px); } #laymod_913009 .more-block .iconfont:before { content: "\e63e"; font-size: 22px; color: rgba(7,61,121,1); margin-left: -30px; } @media(min-width: 1440px) { #laymod_913009 .container { width: 1400px; } } @media (max-width:1440px) { #laymod_913009 .company-pic { position: relative; margin-top: 0; left: auto; top: auto; margin-bottom: 30px; max-width: 99%; } #laymod_913009 .company-cont { width: 100%; } } /*鐩存帴鎺у埗灏忎簬992px灞忓箷鏃禼ss*/ @media (max-width:991px) { #laymod_913009 .company-info .company-title { font-size:20px; margin-bottom: 8px; } #laymod_913009 .company-pic img { width:100%; } } @media(min-width: 768px) and (max-width: 992px) { #laymod_913009 .container { width: 100%; } #laymod_913009 .container .row { margin: 0 auto; } } @media (max-width:767px) { #laymod_913009 .company-info .company-title { font-size: 18px; } #laymod_913009 .company-info .company-subtitle { font-size: 16px; line-height: 1.6; margin: 10px 0; } #laymod_913009 .company-info .company-desc { font-size: 14px; line-height: 1.6; text-align: justify; margin: 0 0 20px 0; } } /* 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_913011 { position:relative; overflow:hidden; font-family:"Source Han Sans CN","Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_913011 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_913011 .bg_img { z-index:2; } #laymod_913011 .bodyCont_width { position:relative; padding: 0; z-index:4; opacity: 1; } /*鏍囬鎺у埗*/ #laymod_913011 .bodyContTitle { margin:0 auto; position:relative; z-index: 3; overflow:hidden; text-align: center; } #laymod_913011 .bodyContTitle .title { color:#000; 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_913011 .bodyContTitle .subtitle { color:#333; font-size:18px; font-weight: 400; line-height:2; overflow:hidden; display: block; margin: 20px 0; } #laymod_913011 .bodyContTitle .title p{ display: inline-block; } #laymod_913011 .bodyContTitle .desc { color:#787878; font-size:15px; overflow:hidden; margin: 20px 0 50px; } #laymod_913011 .bodyContContent { position:relative; z-index: 4; overflow: hidden; } /*妯$増涓讳綋閮ㄥ垎*/ #laymod_913011 .bodyContContent .content { width: 86.46%; } #laymod_913011 .company-video { display: block; overflow: hidden; border-radius: 15px 0 0 15px; position: relative; } #laymod_913011 .company-video .video-info { position: absolute; top: 50%; left: 6.807vw; margin-top: -9vw; } #laymod_913011 .company-video .video-title { width: 100%; display: block; font-size: 18px; font-weight: 400; line-height: 2.67; color: #FFFFFF; } #laymod_913011 .company-video .video-title.text1 { margin-left: -18%; } #laymod_913011 .company-video .video-title strong { font-size: 48px; line-height: 36px; } #laymod_913011 .company-video .video-title i { font-size: 48px; font-family: SimHei; line-height: 36px; margin-right: 30px; margin-left: 10px; color: #BCD6F3; } #laymod_913011 .company-video .video-subtxt { font-size: 16px; line-height: 1.875; color: #CECECE; } #laymod_913011 .company-video img { width: 100%; } #laymod_913011 .more-block .item-url { display: box; /* OLD - Android 4.4- */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;/*鍨傜洿灞呬腑*/ transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; /* Firefox 4 */ -webkit-transition:all ease-out 0.3s; /* Safari and Chrome */ -o-transition:all ease-out 0.3s; /* Opera */ } #laymod_913011 .more-block .item-url:hover{ transform: translateX(1%); -webkit-transform: translateX(1%); -moz-transform: translateX(1%); -ms-transform: translateX(1%); -o-transform: translateX(1%); } #laymod_913011 .btn-block { margin-top: 50px; margin-bottom: 10px; } #laymod_913011 .btn-block .banner-btn { 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 */ } #laymod_913011 .btn-block .banner-btn:hover { transform: translateY(-10%); -webkit-transform: translateY(-10%); -moz-transform: translateY(-10%); -ms-transform: translateY(-10%); -o-transform: translateY(-10%); } #laymod_913011 .btn-block .iconfont { font-size: 40px; } #laymod_913011 .btn-block .iconfont:before { content: "\ea97"; color: #fff; } /* develop */ #laymod_913011 .develop-cont { padding-top: 50px; display: flex; } #laymod_913011 .develop-info { position:relative; z-index: 3; overflow:hidden; width: 31.514%; } #laymod_913011 .develop-info .develop-title { color:#000; font-size:24px; font-weight: bold; font-family: Source Han Serif CN; overflow:hidden; 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_913011 .develop-info .develop-title p{ display: inline-block; } #laymod_913011 .develop-info .develop-desc { color:#666666; font-size:16px; overflow:hidden; margin-top: 30px; } #laymod_913011 .develop-info .develop-desc strong{ color:#333; } #laymod_913011 .develop-info .develop-desc p { padding: 5px 0; } #laymod_913011 .develop-info .develop-en { font-size: 14px; font-family: Arial; color: #CECECE; position: absolute; right: 10px; writing-mode: vertical-rl; text-transform: uppercase; top: 0; } #laymod_913011 .develop-pic { position:relative; overflow:hidden; width: 68%; } #laymod_913011 .develop-pic .develop_dswiper { overflow: initial; } #laymod_913011 .develop-pic .photo_img img { width: 100%; } #laymod_913011 .develop-pic .photo_name { position: absolute; left: 0; top: 0; background: rgba(7,61,121,1); padding: 10px 12px; border-radius: 10px 0 10px 0; font-size: 15px; color: #fff; opacity: 1; transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; /* Firefox 4 */ -webkit-transition:all ease-out 0.3s; /* Safari and Chrome */ -o-transition:all ease-out 0.3s; /* Opera */ } #laymod_913011 .develop-pic .photo_desc div { position: relative; top: 20px; transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; /* Firefox 4 */ -webkit-transition:all ease-out 0.3s; /* Safari and Chrome */ -o-transition:all ease-out 0.3s; /* Opera */ } #laymod_913011 .develop-pic .swiper-slide.hactive_1 .photo_name { opacity: 0; } #laymod_913011 .develop-pic .swiper-slide.hactive_1 .photo_desc div { top: 0; } #laymod_913011 .develop-pic .photo_desc { position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5); font-size: 20px; color: #fff; font-weight: 500; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; flex-direction: column; opacity: 0; transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; /* Firefox 4 */ -webkit-transition:all ease-out 0.3s; /* Safari and Chrome */ -o-transition:all ease-out 0.3s; /* Opera */ border-radius: 10px; } #laymod_913011 .develop-pic .swiper-slide.hactive_1 .photo_desc { opacity: 1; } #laymod_913011 .develop-pic .photo_desc .subdesc { font-size: 16px; font-weight: 300; margin-top: 10px; } #laymod_913011 .develop-pic .develop_dswiper .swiper_pagination { /* position: absolute; bottom: -25px; */ margin-top: 15px; z-index: 5; display: flex; align-items: center; height: 9px; } #laymod_913011 .develop-pic .develop_dswiper .swiper_pagination span { border:1px solid #B2B2B2; border-radius: 50%; width: 7px; height: 7px; margin: 0 5px; background: none; opacity: 1; transition:all .35s ease-out; } #laymod_913011 .develop-pic .develop_dswiper .swiper_pagination .swiper-pagination-bullet-active { background: rgba(7,61,121,1); width: 9px; height: 9px; border: none; } /* 瑙嗛 */ #laymod_913011 .v_src { display: none; } #laymod_913011 .win_video { position:fixed; top:0; left:0; right:0; bottom:0; opacity:0; pointer-events:none; z-index:9999; transition:all 0.5s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 0.5s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 0.5s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 0.5s cubic-bezier(.075,.82,.165,1) 0s; } #laymod_913011 .win_video.active_bg { opacity:1; pointer-events:auto; } #laymod_913011 .win_video.to_small { pointer-events:none; } #laymod_913011 .win_video .bg { position:absolute; top:0; left:0; right:0; bottom:0; background:#000; z-index:0; opacity: 0.5; pointer-events:none; transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; } #laymod_913011 .win_video.active_bg .bg { pointer-events:auto; } #laymod_913011 .win_video.to_small .bg { opacity:0; pointer-events:none; } #laymod_913011 .win_video .video_btn { position:absolute; right:5px; top:5px; z-index: 4; font-size:0; pointer-events:none; } #laymod_913011 .win_video.active_bg .video_btn { pointer-events:auto; } #laymod_913011 .win_video .video_btn a { display:inline-block; *display:inline; *zoom:1; vertical-align: middle; margin-left:10px; font-size:20px; color:#999; transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; } #laymod_913011 .win_video .video_btn .video_big, #laymod_913011 .win_video.to_small .video_btn .video_small { display:none; } #laymod_913011 .win_video.to_small .video_btn .video_big { display:inline-block; } #laymod_913011 .win_video .video_small:before { content:"\e788"; } #laymod_913011 .win_video .video_big:before { content:"\e952"; } #laymod_913011 .win_video .video_close:before { content:"\e659"; } #laymod_913011 .win_video .video_play { position:absolute; width:70vw; height:39.375vw; right:15vw; bottom:calc(50vh - 19.6875vw); transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; } #laymod_913011 .win_video.to_small .video_play { width:20vw; height:11.25vw; right:2vw; bottom:5vh; } #laymod_913011 .win_video .video_play .video_wrap { position:relative; width:100%; height:100%; } #laymod_913011 .win_video .video_play .v_iframe { width:100%; height:100%; } #laymod_913011 .video_box a:before { content: "\e730"; position: absolute; top: 50%; left: 50%; width: 76px; height: 76px; box-shadow: none; border: 2px solid rgba(255, 255, 255, .75); line-height: 76px; margin: 0; padding: 0; margin-top: 0px; margin-left: -30px; font-size: 28px; color: #fff; z-index: 10; border-radius: 50%; background: rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px #fff; text-align: center; filter: blur(10px); opacity: 0; transition: 0.56s ease; } #laymod_913011 .active_false .video_box:hover a:before { filter: blur(0); opacity: 1; margin-top: -30px; } #laymod_913011 .active_false .video_box:hover a img { transform: scale(1.08); } @media(min-width: 1440px) { #laymod_913011 .container { width: 1400px; } } /*鐩存帴鎺у埗灏忎簬992px灞忓箷鏃禼ss*/ @media (max-width:768px) { #laymod_913011 .ql-size-12, #laymod_913011 .ql-size-13, #laymod_913011 .ql-size-14, #laymod_913011 .ql-size-15, #laymod_913011 .ql-size-16 { font-size:3vw; } #laymod_913011 .ql-size-17, #laymod_913011 .ql-size-18, #laymod_913011 .ql-size-19, #laymod_913011 .ql-size-20, #laymod_913011 .ql-size-21 { font-size:3.25vw; } #laymod_913011 .ql-size-22, #laymod_913011 .ql-size-23, #laymod_913011 .ql-size-24, #laymod_913011 .ql-size-25, #laymod_913011 .ql-size-26 { font-size:3.5vw; } #laymod_913011 .ql-size-27, #laymod_913011 .ql-size-28, #laymod_913011 .ql-size-29, #laymod_913011 .ql-size-30, #laymod_913011 .ql-size-31 { font-size:3.75vw; } #laymod_913011 .ql-size-32, #laymod_913011 .ql-size-33, #laymod_913011 .ql-size-34, #laymod_913011 .ql-size-35, #laymod_913011 .ql-size-36 { font-size:4vw; } #laymod_913011 .ql-size-37, #laymod_913011 .ql-size-38, #laymod_913011 .ql-size-39, #laymod_913011 .ql-size-40, #laymod_913011 .ql-size-41 { font-size:4.25vw; } #laymod_913011 .ql-size-42, #laymod_913011 .ql-size-43, #laymod_913011 .ql-size-44, #laymod_913011 .ql-size-45, #laymod_913011 .ql-size-46 { font-size:4.5vw; } #laymod_913011 .ql-size-47, #laymod_913011 .ql-size-48, #laymod_913011 .ql-size-49, #laymod_913011 .ql-size-50, #laymod_913011 .ql-size-51 { font-size:4.75vw; } #laymod_913011 .ql-size-52, #laymod_913011 .ql-size-53, #laymod_913011 .ql-size-54, #laymod_913011 .ql-size-55, #laymod_913011 .ql-size-56 { font-size:5vw; } #laymod_913011 .ql-size-57, #laymod_913011 .ql-size-58, #laymod_913011 .ql-size-59, #laymod_913011 .ql-size-60, #laymod_913011 .ql-size-61 { font-size:5.25vw; } #laymod_913011 .ql-size-62, #laymod_913011 .ql-size-63, #laymod_913011 .ql-size-64, #laymod_913011 .ql-size-65, #laymod_913011 .ql-size-66 { font-size:5.5vw; } #laymod_913011 .ql-size-67, #laymod_913011 .ql-size-68, #laymod_913011 .ql-size-69, #laymod_913011 .ql-size-70, #laymod_913011 .ql-size-71 { font-size:5.75vw; } #laymod_913011 .bodyContTitle .title { font-size:20px; margin-bottom: 8px; } #laymod_913011 .bodyContTitle .desc { margin: 20px 0; } #laymod_913011 .company-video img { width:100%; } #laymod_913011 .develop-info .develop-title { font-size:18px; } #laymod_913011 .develop-info .develop-desc { font-size:12px; margin-top: 10px; } #laymod_913011 .develop-info .develop-desc p { padding: 0; } #laymod_913011 .develop-cont { flex-direction: column; padding-top: 20px; } #laymod_913011 .bodyContContent .content, #laymod_913011 .develop-info , #laymod_913011 .develop-pic { width: 98%; } #laymod_913011 .btn-block { margin-top: 0; } } /* 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_913021 { position:relative; overflow:hidden; font-family:"Source Han Sans CN","Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_913021 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_913021 .bg_img { z-index:2; } #laymod_913021 .bodyCont_width { position:relative; padding: 0; z-index:4; opacity: 1; } /*鏍囬鎺у埗*/ #laymod_913021 .bodyContTitle { margin:0 auto; position:relative; z-index: 3; overflow:hidden; text-align: center; } #laymod_913021 .bodyContTitle .title { color:#000; 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_913021 .bodyContTitle .subtitle { color:#333; font-size:18px; font-weight: 400; line-height:2; overflow:hidden; display: block; margin: 20px 0; } #laymod_913021 .bodyContTitle .title p{ display: inline-block; } #laymod_913021 .bodyContTitle .desc { color:#787878; font-size:15px; overflow:hidden; margin: 20px 0 50px; } #laymod_913021 .bodyContContent { position:relative; z-index: 4; overflow: hidden; } /*妯$増涓讳綋閮ㄥ垎*/ #laymod_913021 .bodyContContent .content { width: 86.46%; } #laymod_913021 .bodyContContent .culture_dswiper { width: 13.5%; float: right; } #laymod_913021 .culture_dswiper .swiper-wrapper { padding: 30px 50px; } #laymod_913021 .culture_dswiper .culture_span { font-size: 18px; color: #999; } #laymod_913021 .culture_dswiper .swiper-slide { padding: 5px 0; cursor: pointer; } #laymod_913021 .culture_dswiper .swiper-slide-thumb-active .culture_span { font-size: 20px; color: rgba(7,61,121,1); } #laymod_913021 .culture_dswiper .swiper-slide-thumb-active:before { content: ""; display: block; position: absolute; top: 50%; left: -8%; margin-top: -4.5px; width: 9px; height: 9px; background: rgba(7,61,121,1); border-radius: 50%; } #laymod_913021 .company-video { display: block; overflow: hidden; border-radius: 0 15px 15px 0; position: relative; } #laymod_913021 .company-video img { width: 100%; } /* culture */ #laymod_913021 .culture-cont { padding-top: 50px; display: flex; } #laymod_913021 .culture-info { position:relative; z-index: 3; overflow:hidden; width: 31.514%; padding-left: 6%; } #laymod_913021 .culture-info .culture-title { color:#000; font-size:24px; font-weight: bold; font-family: Source Han Serif CN; overflow:hidden; 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_913021 .culture-info .culture-title p{ display: inline-block; } #laymod_913021 .culture-info .culture-desc { color:#666; font-size:16px; overflow:hidden; margin-top: 30px; } #laymod_913021 .culture-info .culture-desc strong{ color:#333; } #laymod_913021 .culture-info .culture-en { font-size: 14px; font-family: Arial; color: #CECECE; position: absolute; right: 10px; writing-mode: vertical-rl; text-transform: uppercase; } #laymod_913021 .culture-pic { position:relative; overflow:hidden; width: 68%; } #laymod_913021 .culture-pic .culture_tswiper2 { overflow: initial; padding-bottom: 25px; } #laymod_913021 .culture-pic .culture_tswiper2 .swiper-wrapper { /* flex-direction: row-reverse; */ } /* #laymod_913021 .culture-pic .culture_tswiper2 .swiper-slide { width: 40%; } */ #laymod_913021 .culture-pic .photo_img img { width: 100%; } #laymod_913021 .culture-pic .photo_name { position: absolute; left: 0; top: 0; background: rgba(7,61,121,1); padding: 10px 12px; border-radius: 10px 0 10px 0; font-size: 15px; color: #fff; opacity: 1; transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; /* Firefox 4 */ -webkit-transition:all ease-out 0.3s; /* Safari and Chrome */ -o-transition:all ease-out 0.3s; /* Opera */ } #laymod_913021 .culture-pic .swiper-slide.hactive_1 .photo_name { opacity: 0; } #laymod_913021 .culture-pic .photo_desc { position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5); font-size: 20px; color: #fff; font-weight: 500; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; flex-direction: column; opacity: 0; transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; /* Firefox 4 */ -webkit-transition:all ease-out 0.3s; /* Safari and Chrome */ -o-transition:all ease-out 0.3s; /* Opera */ border-radius: 10px; } #laymod_913021 .culture-pic .photo_desc div { position: relative; top: 20px; transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; /* Firefox 4 */ -webkit-transition:all ease-out 0.3s; /* Safari and Chrome */ -o-transition:all ease-out 0.3s; /* Opera */ } #laymod_913021 .culture-pic .swiper-slide.hactive_1 .photo_desc { opacity: 1; } #laymod_913021 .culture-pic .swiper-slide.hactive_1 .photo_desc div { top: 0; } #laymod_913021 .culture-pic .photo_desc .subdesc { font-size: 16px; font-weight: 300; margin-top: 10px; } #laymod_913021 .culture-pic .culture_tswiper2 .swiper_pagination { position: absolute; bottom: 0; /* margin-top: 15px; */ z-index: 5; display: flex; align-items: center; justify-content: flex-end; height: 9px; } #laymod_913021 .culture-pic .culture_tswiper2 .swiper_pagination span { border:1px solid #B2B2B2; border-radius: 50%; width: 7px; height: 7px; margin: 0 5px; background: none; opacity: 1; transition:all .35s ease-out; } #laymod_913021 .culture-pic .culture_tswiper2 .swiper_pagination .swiper-pagination-bullet-active { background: rgba(7,61,121,1); width: 9px; height: 9px; border: none; } @media(min-width: 1440px) { #laymod_913021 .container { width: 1400px; } } /*鐩存帴鎺у埗灏忎簬992px灞忓箷鏃禼ss*/ @media (max-width:768px) { #laymod_913021 .bodyContTitle .title { font-size:20px; margin-bottom: 8px; } #laymod_913021 .bodyContTitle .desc { margin: 20px 0 0 0px; } #laymod_913021 .company-video { width: 98%; } #laymod_913021 .company-video img { width:100%; } #laymod_913021 .culture-info .culture-title { font-size:18px; } #laymod_913021 .culture-info .culture-desc { font-size:12px; margin-top: 10px; } #laymod_913021 .culture-info .culture-desc p { padding: 0; } #laymod_913021 .culture-cont { flex-direction: column; padding-top: 20px; width: 96%; margin: 0 auto; } #laymod_913021 .bodyContContent .content, #laymod_913021 .culture-info , #laymod_913021 .culture-pic { width: 100%; } #laymod_913021 .bodyContContent .culture_dswiper { width: 100%; } #laymod_913021 .culture_dswiper .swiper-wrapper { padding: 10px 0; } #laymod_913021 .swiper-vertical > .swiper-wrapper { flex-direction: row; } #laymod_913021 .culture_dswiper .swiper-slide { margin-bottom: 0 !important; width: 20%; text-align: center; } #laymod_913021 .culture_dswiper .culture_span { font-size: 14px; } #laymod_913021 .culture_dswiper .swiper-slide-thumb-active .culture_span { font-size: 14px; } #laymod_913021 .culture_dswiper .swiper-slide-thumb-active:before { left: 5px; } } /* 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_915779 { position:relative; overflow:hidden; font-family:"Source Han Sans CN","Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_915779 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_915779 .bg_img { z-index:2; } #laymod_915779 .bodyCont_width { position:relative; padding: 0; z-index:4; opacity: 1; } /*鏍囬鎺у埗*/ #laymod_915779 .bodyContTitle { margin:0 auto; position:relative; z-index: 3; overflow:hidden; text-align: center; } #laymod_915779 .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_915779 .bodyContTitle .subtitle { color:#333; font-size:18px; font-weight: 400; overflow:hidden; display: block; margin-bottom: 40px; } #laymod_915779 .bodyContTitle .desc { color:#787878; font-size:15px; overflow:hidden; margin: 20px 0 40px; } #laymod_915779 .bodyContContent { position:relative; z-index: 4; /* overflow: hidden; */ } /*妯$増涓讳綋閮ㄥ垎*/ #laymod_915779 .bodyContContent .pro-item { } #laymod_915779 .bodyContContent .pro-list { display: block; overflow: hidden; } /* develop */ #laymod_915779 .pro-list .item-url { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 60px; padding: 50px 0 20px; } #laymod_915779 .item-url .pro-pic { width: 200px; height: 200px; border-radius: 50%; display: block; overflow: hidden; margin-bottom: 30px; } #laymod_915779 .item-url .pro-pic img { width: 100%; object-fit: cover; 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_915779 .item-url:hover .pro-pic img { transform:scale(1.03); -webkit-transform:scale(1.03); /*鍏煎-webkit-寮曟搸娴忚鍣?/ -moz-transform:scale(1.03); /*鍏煎-moz-寮曟搸娴忚鍣?/ } #laymod_915779 .item-url .pro-detail { height: 437px; width: 280px; background: rgb(7 55 128 / 0.9); border-radius: 10px; padding: 30px 20px; overflow: hidden; font-size: 13px; color: #fff; line-height: 2; 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 */ position: relative; opacity: 0; position: absolute; top: 0; left: 0; } #laymod_915779 .item-url .pro-title { opacity: 1; text-align: center; 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_915779 .item-url:hover .pro-detail.active { opacity: 1; } #laymod_915779 .item-url:hover .pro-title.active { opacity: 0; } #laymod_915779 .item-url .pro-name { font-size: 30px; font-family: Source Han Serif CN; font-weight: bold; letter-spacing: 5px; width: 100%; margin-bottom: 10px; color: rgba(7,61,121,1); } #laymod_915779 .item-url .pro-desc { font-size: 16px; line-height: 1.625; letter-spacing: -0.02em; width: 100%; color: #666666; display: block; margin-top: 10px; } #laymod_915779 .bodyContContent .s-button { position: absolute; top: 15%; width: 33px; height: 33px; z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #999999; } #laymod_915779 .bodyContContent .s-button.swiper-button-disabled { color: #eee; } #laymod_915779 .bodyContContent .sbutton-prev1 { font-size: 33px; left: -50px; } #laymod_915779 .bodyContContent .sbutton-next1 { font-size: 33px; right: -50px; } #laymod_915779 .bodyContContent .sbutton-prev2 { font-size: 33px; left: -50px; top: 65%; } #laymod_915779 .bodyContContent .sbutton-next2 { font-size: 33px; right: -50px; top: 65%; } #laymod_915779 .bodyContContent .icon_prev:before { content: "\e9cb"; } #laymod_915779 .bodyContContent .icon_next:before { content: "\e9cc"; } /* #laymod_915779 .swiper_2 .item-url .pro-name, #laymod_915779 .swiper_2 .item-url .pro-desc { color: #167B8D; }*/ @media(min-width: 1440px) { #laymod_915779 .container { width: 1400px; } } @media(min-width: 1200px) and (max-width: 1440px){ #laymod_915779 .item-url .pro-detail { width: 230px; padding: 20px 12px; } } /*鐩存帴鎺у埗灏忎簬992px灞忓箷鏃禼ss*/ @media (max-width:768px) { #laymod_915779 .bodyContTitle .title { font-size:20px; margin-bottom: 8px; } #laymod_915779 .bodyContTitle .desc { margin: 20px 0; } #laymod_915779 .company-video img { width:100%; } #laymod_915779 .develop-info .develop-title { font-size:18px; } #laymod_915779 .develop-info .develop-desc { font-size:12px; margin-top: 10px; } #laymod_915779 .develop-info .develop-desc p { padding: 0; } #laymod_915779 .develop-cont { flex-direction: column; padding-top: 20px; } #laymod_915779 .bodyContContent .content, #laymod_915779 .develop-info , #laymod_915779 .develop-pic { width: 100%; } #laymod_915779 .bodyContContent .pro-list { padding: 0 10px; } #laymod_915779 .pro-list .item-url { padding: 0 5px; margin-bottom: 20px; } #laymod_915779 .item-url .pro-detail { height: 100%; width: 100%; overflow-x: hidden; overflow-y: auto; } #laymod_915779 .item-url .pro-pic { max-height: 200px; height: 100%; margin-bottom: 20px; } #laymod_915779 .item-url .pro-name { font-size: 16px; } #laymod_915779 .item-url .pro-desc { font-size: 14px; margin-top: 5px; } } /* 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_913234 { position:relative; overflow:hidden; font-family:"Source Han Sans CN","Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_913234 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_913234 .bg_img { z-index:2; } #laymod_913234 .bodyCont_width { position:relative; padding: 0; z-index:4; opacity: 1; } /*鏍囬鎺у埗*/ #laymod_913234 .bodyContTitle { margin:0 auto; position:relative; z-index: 3; overflow:hidden; text-align: center; } #laymod_913234 .bodyContTitle .title { color:rgba(255,255,255,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_913234 .bodyContTitle .subtitle { color:#333; font-size:18px; font-weight: 400; line-height:2; overflow:hidden; display: block; margin: 20px 0; } #laymod_913234 .bodyContTitle .title p{ display: inline-block; } #laymod_913234 .bodyContTitle .desc { color:rgba(255,255,255,1); font-size:15px; overflow:hidden; margin: 20px 0 50px; } #laymod_913234 .bodyContContent { position:relative; z-index: 4; overflow: hidden; } /*妯$増涓讳綋閮ㄥ垎*/ /* cause */ #laymod_913234 .cause-cont { padding-top: 50px; display: flex; } #laymod_913234 .cause-pic { position:relative; overflow:hidden; width: 100%; } #laymod_913234 .cause-pic .cause_dswiper { overflow: initial; } #laymod_913234 .cause-pic .photo_img img { width: 100%; } #laymod_913234 .cause-pic .photo_name { background: #fff; padding: 25px 12px; border-radius:0 0 10px 10px; font-size: 15px; color: #333; opacity: 1; transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; /* Firefox 4 */ -webkit-transition:all ease-out 0.3s; /* Safari and Chrome */ -o-transition:all ease-out 0.3s; /* Opera */ width: 100%; display: block; text-align: center; } #laymod_913234 .cause-pic .cause_dswiper .swiper_pagination { /* position: absolute; bottom: -25px; */ margin-top: 40px; z-index: 5; text-align: center; display: flex; align-items: center; justify-content: center; } #laymod_913234 .cause-pic .cause_dswiper .swiper_pagination 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_913234 .cause-pic .cause_dswiper .swiper_pagination .swiper-pagination-bullet-active { background: #fff; width: 9px; height: 9px; border: none; } #laymod_913234 .cause-pic .subtitle { font-size: 20px; font-family: Source Han Serif CN; font-weight: bold; opacity: 0.9; color: #fff; text-align: center; margin-top: 30px; } @media(min-width: 1440px) { #laymod_913234 .container { width: 1400px; } } /*鐩存帴鎺у埗灏忎簬992px灞忓箷鏃禼ss*/ @media (max-width:768px) { #laymod_913234 .bodyContTitle .title { font-size:20px; margin-bottom: 8px; } #laymod_913234 .company-video img { width:100%; } #laymod_913234 .cause-info .cause-title { font-size:18px; } #laymod_913234 .cause-info .cause-desc { font-size:12px; margin-top: 10px; } #laymod_913234 .cause-info .cause-desc p { padding: 0; } #laymod_913234 .cause-cont { flex-direction: column; padding-top: 20px; } #laymod_913234 .bodyContContent .content, #laymod_913234 .cause-info , #laymod_913234 .cause-pic { width: 100%; } #laymod_913234 .cause-pic { padding: 0 10px; } } /* CDN 鏈嶅姟浠呬緵骞冲彴浣撻獙鍜岃皟璇曚娇鐢紝骞冲彴涓嶆壙璇烘湇鍔$殑绋冲畾鎬э紝浼佷笟瀹㈡埛闇€涓嬭浇瀛椾綋鍖呰嚜琛屽彂甯冧娇鐢ㄥ苟鍋氬ソ澶囦唤銆 */ @font-face { font-family: 'iconfont'; /* Project id 249974 */ src: url('//at.alicdn.com/t/c/font_249974_ipqcr8xfc6.woff2?t=1668049751929') format('woff2'), url('//at.alicdn.com/t/c/font_249974_ipqcr8xfc6.woff?t=1668049751929') format('woff'), url('//at.alicdn.com/t/c/font_249974_ipqcr8xfc6.ttf?t=1668049751929') 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_915857 { position:relative; overflow:hidden; font-family:"Source Han Sans CN","Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_915857 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_915857 .bg_img { z-index:2; } #laymod_915857 .bodyCont_width { position:relative; padding: 0; z-index:4; opacity: 1; } /*鏍囬鎺у埗*/ #laymod_915857 .bodyContTitle { margin:0; position:relative; z-index: 3; overflow:hidden; } #laymod_915857 .bodyContContent { position:relative; z-index: 4; } /*妯$増涓讳綋閮ㄥ垎*/ #laymod_915857 .company-cont { display: flex; align-items: center; padding: 70px 0; border-bottom: 1px dashed transparent; background: linear-gradient(#fff,#fff) padding-box, repeating-linear-gradient(-45deg,#C2C2C2 0, #C2C2C2 0.3em, #fff 0,#fff 0.6em); } #laymod_915857 .company-cont:last-child { border: none; } #laymod_915857 .company-cont:nth-child(2n) { flex-direction: row-reverse; } #laymod_915857 .company-cont:nth-child(2n) .company-info { padding-left: 80px; } #laymod_915857 .company-pic { width: 55.857% } #laymod_915857 .company-pic img { border-radius: 10px; max-width: 100%; } #laymod_915857 .company-pic .swiper-pagination { display: flex; align-items: center; justify-content: center; } #laymod_915857 .company-pic .swiper-pagination 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_915857 .company-pic .swiper-pagination .swiper-pagination-bullet-active { background: #fff; width: 9px; height: 9px; border: none; } #laymod_915857 .company-cont .company-info { width: 44.1%; } #laymod_915857 .company-info .title { color:#000; font-size:36px; font-weight: bold; font-family: Source Han Serif CN; overflow:hidden; 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_915857 .company-info .subtitle { color:#666666; font-size:16px; font-weight: 400; overflow:hidden; display: block; margin: 20px 0; } #laymod_915857 .company-info .subtitle-en { color:#C5C5C5; font-size:18px; font-family: Source Han Serif CN; font-weight: bold; display: block; letter-spacing: 2px; } #laymod_915857 .company-info .desc { color:#666666; font-size:15px; overflow:hidden; margin: 50px 0; } #laymod_915857 .more-block .item-url { display: box; /* OLD - Android 4.4- */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;/*鍨傜洿灞呬腑*/ } #laymod_915857 .more-block .item-url .iconfont { transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; /* Firefox 4 */ -webkit-transition:all ease-out 0.3s; /* Safari and Chrome */ -o-transition:all ease-out 0.3s; /* Opera */ } #laymod_915857 .more-block .item-url:hover .iconfont{ transform: translateX(6px); -webkit-transform: translateX(6px); -moz-transform: translateX(6px); -ms-transform: translateX(6px); -o-transform: translateX(6px); } #laymod_915857 .more-block .iconfont:before { content: "\e63e"; font-size: 22px; color: rgba(7,61,121,1); margin-left: -30px; } @media(min-width: 1440px) { #laymod_915857 .container { width: 1400px; } } /*鐩存帴鎺у埗灏忎簬992px灞忓箷鏃禼ss*/ @media (max-width:991px) { #laymod_915857 .company-info .title { font-size:20px; margin-bottom: 8px; } #laymod_915857 .company-pic img { width:100%; } } @media(min-width: 768px) and (max-width: 992px) { #laymod_915857 .container { width: 100%; } #laymod_915857 .container .row { margin: 0 auto; } } @media (max-width:767px) { #laymod_915857 .company-cont { display: block; align-items: normal; padding: 20px 10px; } #laymod_915857 .company-cont .company-info, #laymod_915857 .company-cont .company-pic { width: 100%; } #laymod_915857 .company-info .desc { margin: 20px 0; } #laymod_915857 .company-cont .company-pic { margin-top: 20px; } #laymod_915857 .company-cont:nth-child(2n) .company-info { padding-left: 0; } } /** 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_914263 #yrzh-footer { } /* 涓讳綋鍐呭 */ #laymod_914263 #yrzh-footer .footer-content { padding-top: 100px; display: block; overflow: hidden; position: relative; } #laymod_914263 #yrzh-footer .footer-content:before { } #laymod_914263 #yrzh-footer .footer-content .footer-side { width: 24%; height: auto; display: block; float: left; } #laymod_914263 #yrzh-footer .footer-content .footer-side .side-cont { margin: 0 auto; } #laymod_914263 #yrzh-footer .footer-content .footer-side .word-block { margin-bottom: 103px; clear: both; display: block; } #laymod_914263 #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_914263 #yrzh-footer .footer-content .footer-side .word-block a:hover { color: #fff; } #laymod_914263 #yrzh-footer .footer-content .footer-side h4 { margin-bottom: 26px; font-size: 36px; color: #fff; line-height: 76px; } #laymod_914263 #yrzh-footer .footer-content .logo-block { margin-bottom: 25px; } #laymod_914263 #yrzh-footer .footer-content .logo-block img { height: 100%; } /* 鍒嗕韩 */ #laymod_914263 .share a { display: inline-block; margin-right: 40px; } #laymod_914263 .share a i { font-size: 30px; display: block; color: #8093A8; } #laymod_914263 .share a:hover i { color: rgba(255,255,255,1); } #laymod_914263 .share .wechat .iconfont:before { content: "\e991"; } #laymod_914263 .share .qq .iconfont:before { content: "\e990"; } #laymod_914263 .share .tiktok .iconfont:before { content: "\ea28"; } #laymod_914263 .share .weibo .iconfont:before { content: "\e994"; } #laymod_914263 .share .pc-facebook1:before, #laymod_914263 .share .pc-skype-fill:before, #laymod_914263 .share .pc-twitter:before, #laymod_914263 .share .pc-dropbox:before{ color: rgba(255,255,255,0.5); font-size: 30px; } #laymod_914263 .share a:hover .pc-facebook1:before, #laymod_914263 .share a:hover .pc-skype-fill:before, #laymod_914263 .share a:hover .pc-twitter:before, #laymod_914263 .share a:hover .pc-dropbox:before{ color: rgba(255,255,255,1); } /* 鍒嗕韩缁撴潫 */ #laymod_914263 #yrzh-footer ::-webkit-input-placeholder { color: #fff; } #laymod_914263 #yrzh-footer ::-moz-placeholder{ color: #fff; } #laymod_914263 #yrzh-footer ::-ms-input-placeholder { color: #fff; } /**------**/ #laymod_914263 #yrzh-footer .footer-block { width: 76%; padding-bottom: 50px; float: right; position: relative; } #laymod_914263 #yrzh-footer .footer-block .main-cont { position: relative; width: 100%; height: 100%; } #laymod_914263 #yrzh-footer .footer-block .footer-navlist { width: 100%; overflow: hidden; display: block; } #laymod_914263 #yrzh-footer .footer-block .column-item { margin-bottom: 46px; width: 15%; float: left; } #laymod_914263 #yrzh-footer .footer-block .column-item.foot-product { } #laymod_914263 #yrzh-footer .footer-block .column-item.foot-brand { } #laymod_914263 #yrzh-footer .footer-block .column-item.foot-case { } #laymod_914263 #yrzh-footer .footer-block .column-item.foot-contact { float: right; width: 40%; } #laymod_914263 #yrzh-footer .footer-block .column-item.foot-contact .foot-ul { width: 50%; float: left; } #laymod_914263 #yrzh-footer .footer-block .column-item.foot-share { margin-left: 3.703703%; } #laymod_914263 #yrzh-footer .footer-block .column-item h5 a, #laymod_914263 #yrzh-footer .footer-block .foot-contact h5 a { margin: 0; margin-bottom: 1px; font-size: 16px; color: #fff; line-height: 3; display:block; } #laymod_914263 #yrzh-footer .footer-block .column-item h5 span, #laymod_914263 #yrzh-footer .footer-block .foot-contact h5 span { position: relative; } #laymod_914263 #yrzh-footer .footer-block .column-item h5 em, #laymod_914263 #yrzh-footer .footer-block .foot-contact h5 em { display: none; } #laymod_914263 #yrzh-footer .footer-block .column-item .item-line { } #laymod_914263 #yrzh-footer .footer-block .column-item .item-line:before { } #laymod_914263 #yrzh-footer .footer-block .column-item .foot-ul { } #laymod_914263 #yrzh-footer .footer-block .foot-contact .foot-ul li em { font-style: normal; } #laymod_914263 #yrzh-footer .footer-block .foot-contact .foot-ul li, #laymod_914263 #yrzh-footer .footer-block .column-item .foot-ul a, #laymod_914263 #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_914263 #yrzh-footer .footer-block .column-item.foot-contact .foot-ul a { padding: 0; display: inline-block; *display: inline; *zoom: 1; } #laymod_914263 #yrzh-footer .footer-block .column-item.foot-contact .foot-ul a:before { display: none; } #laymod_914263 #yrzh-footer .footer-block .column-item .foot-ul a:hover, #laymod_914263 #yrzh-footer .footer-block .column-item .foot-ul a:hover span { color: #fff; } #laymod_914263 #yrzh-footer .footer-line { clear:both; width: 100%; height: 1px; display: block; background: rgba(255,255,255,.1); } /* 鑱旂郴鏂瑰紡 */ #laymod_914263 .service-contact { margin-top: 10px; } #laymod_914263 .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_914263 .service-contact .contact_line { vertical-align: middle; margin-bottom: 20px; } #laymod_914263 .service-contact .contact_line a, #laymod_914263 .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_914263 .service-contact .contact_line a:hover { color:#fff; } #laymod_914263 .service-contact .contact_line .iconfont:before{ color: #8093A8; } #laymod_914263 .service-contact .contact_line .icon_tel:before{ content: "\ea78"; font-size: 20px; } #laymod_914263 .service-contact .contact_line .icon_email:before{ content: "\ea98"; font-size: 20px; } #laymod_914263 .service-contact .contact_line .icon_add:before{ content: "\e807"; font-size: 20px; } /* 鐗堟潈 */ #laymod_914263 #yrzh-footer .footer-copyright { position: relative; width: 100%; background: none; } #laymod_914263 #yrzh-footer .footer-copyright .copy-right { width: 100%; border: none; padding-top: 21px; padding-bottom: 20px; float: none; overflow: hidden; text-align: center; } #laymod_914263 #yrzh-footer .footer-copyright .copy-right a, #laymod_914263 #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_914263 #yrzh-footer .footer-copyright .copy-right .copy-infor { display: inline-block; *display: inline; *zoom: 1; } #laymod_914263 #yrzh-footer .footer-copyright .copy-right a:hover { } #laymod_914263 #yrzh-footer .footer-copyright a:last-child { margin-right: 0; } #laymod_914263 #yrzh-footer .footer-copyright .backage-block { display: inline; } #laymod_914263 #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_914263 #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_914263 #yrzh-footer .footer-copyright .backage-block a:last-child { padding-right: 0; } #laymod_914263 #yrzh-footer .footer-copyright .backage-block a:first-child:before { display: none; } #laymod_914263 #yrzh-footer .footer-copyright .copy-right a:hover, #laymod_914263 #yrzh-footer .footer-copyright .backage-block a:hover { color: #fff; } /****/ #laymod_914263 .wechat_div , #laymod_914263 .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_914263 .wechat_div.active , #laymod_914263 .tiktok_div.active { opacity: 1; visibility: visible; } #laymod_914263 .wechat_div .wechat_bg , #laymod_914263 .tiktok_div .wechat_bg { position: absolute; left: 0; right: 0; background: rgba(0,0,0,0.85); width: 100%; height: 100%; } #laymod_914263 .wechat_div .wechat_img , #laymod_914263 .tiktok_div .tiktok_img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 0; width:300px; } #laymod_914263 .wechat_div.active .wechat_img , #laymod_914263 .tiktok_div.active .tiktok_img { height: 300px; } #laymod_914263 .wechat_div .wechat_img img, #laymod_914263 .tiktok_div .tiktok_img img { max-width: 100%; max-height: 100%; margin-bottom: 20px; } #laymod_914263 .wechat_div .wechat_img span{ font-size: 18px; color: #fff; } /**************************/ @media (min-width: 1440px) { #laymod_914263 .pc-contain { width: 1400px; margin: 0 auto; padding: 0; } } @media (max-width: 1199px) { #laymod_914263 #yrzh-footer .footer-content .logo-block { width: 80%; margin: 0 auto 20px; } #laymod_914263 #yrzh-footer .footer-content .logo-block img { width: 100%; height: auto; } #laymod_914263 #yrzh-footer .footer-content .footer-side .desc { font-size: 16px; } #laymod_914263 #yrzh-footer .footer-content .tel-btn .xybicon { font-size: 20px; } #laymod_914263 #yrzh-footer .footer-content .tel-btn .num { font-size: 25px; } } @media (max-width: 991px) { #laymod_914263 #yrzh-footer .footer-block { padding-top: 40px; } } @media (max-width:1440px) { #laymod_914263 #yrzh-footer .footer-content .logo-block { margin: 0 0 10px 0; } #laymod_914263 .share a { margin-right: 10px; } #laymod_914263 .service-contact .contact_line a, #laymod_914263 .service-contact .contact_line span { margin-left: 0; } } @media (max-width:767px) { #laymod_914263 #yrzh-footer .footer-content:before { display: none; } #laymod_914263 #yrzh-footer .footer-content { padding:10px 0 0; display: block; } #laymod_914263 #yrzh-footer .footer-block .footer-navlist { width: 100%; display: block; } #laymod_914263 #yrzh-footer .footer-block .footer-side .share-block { width: 100%; } #laymod_914263 #yrzh-footer .footer-block .logo-block { float: none; text-align: center; } #laymod_914263 #yrzh-footer .footer-block .logo-block img { } #laymod_914263 #yrzh-footer .footer-block .foot-about, #laymod_914263 #yrzh-footer .footer-block .foot-contact { width: 100%; float:left; text-align: left; position: relative; } #laymod_914263 #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_914263 #yrzh-footer .footer-block .column-item, #laymod_914263 #yrzh-footer .footer-block .column-item.foot-product, #laymod_914263 #yrzh-footer .footer-block .column-item.foot-brand, #laymod_914263 #yrzh-footer .footer-block .column-item.foot-case, #laymod_914263 #yrzh-footer .footer-block .column-item.foot-contact, #laymod_914263 #yrzh-footer .footer-block .column-item.foot-share { margin: 0; width: 100%; float: left; } #laymod_914263 #yrzh-footer .footer-block .column-item.active { max-height: 304px; will-change: transform,max-height; padding-bottom: 10px; } #laymod_914263 #yrzh-footer .footer-block .column-item .foot-ul { } #laymod_914263 #yrzh-footer .footer-block .column-item.foot-contact .foot-ul { width: 100%; } #laymod_914263 #yrzh-footer .footer-block .column-item .foot-ul a { display: block; padding-left: 1.5em; } #laymod_914263 #yrzh-footer .footer-copyright { padding: 15px; display: block; position: relative; left: auto; right: auto; bottom: auto; } #laymod_914263 #yrzh-footer .footer-copyright .copy-right, #laymod_914263 #yrzh-footer .footer-copyright .backage-block { width: 100%; text-align: center; } #laymod_914263 #yrzh-footer .footer-copyright .copy-right p, #laymod_914263 #yrzh-footer .footer-copyright .backage-block a { line-height: 30px; } #laymod_914263 #yrzh-footer .footer-block .column-item h5 a, #laymod_914263 #yrzh-footer .footer-block .foot-contact h5 a { font-size: 14px; line-height: 45px; } /* 灞曞紑涓嬫媺鏍峰紡 */ #laymod_914263 #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_914263 #yrzh-footer .footer-block .column-item.active h5 em { will-change: transform; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } #laymod_914263 #yrzh-footer .footer-block .column-item .item-line { display: none; } #laymod_914263 #yrzh-footer .footer-block .column-item h5 { margin-bottom: 4px; } #laymod_914263 #yrzh-footer .footer-block { width: 100%; padding: 0; height: auto; display: block; } #laymod_914263 #yrzh-footer .footer-copyright .copy-right { padding: 0; } #laymod_914263 #yrzh-footer .footer-block .foot-qrcode h5 { display: none; } #laymod_914263 #yrzh-footer .footer-block .foot-contact .foot-ul li, #laymod_914263 #yrzh-footer .footer-block .foot-contact .foot-ul li a { line-height: 2; } #laymod_914263 #yrzh-footer .footer-copyright .copy-right a, #laymod_914263 #yrzh-footer .footer-copyright .copy-right p { font-size: 3.2vw; line-height: 1.6; } #laymod_914263 #yrzh-footer .footer-content .footer-side { width: 100%; display: none; } #laymod_914263 #yrzh-footer .footer-block .column-item h5 { width: 100%; } #laymod_914263 #yrzh-footer .footer-line { display: none; } }