#jh2_xbanner_1 .bodyCont_width .swiper_banner0 .swiper-pagination-bullet{ width: 20px; height: 20px; border-radius: 20px;} #jh2_xbanner_1 .bodyCont_width .swiper_banner0{width:auto ! important;left:360px;} #jh2_xbanner_1 .swiper_prev,.swiper_next{display:none ! important;} #jhk_procate .bodyContContent li{margin-right:30px ! important;} #jhk_procate .bodyContContent li:nth-child(3n){margin-right:0px ! important;} #jhk_stand_by .bodyContContent li{margin-right:22px ! important;} #jhk_stand_by .bodyContContent li:nth-child(3n){margin-right:0px ! important;} #jhk_yunying .bodyContContent li{margin-right:43px ! important;} #jhk_yunying .bodyContContent li:nth-child(5n){margin-right:0px ! important;} #jhk_o2oadvantage .bodyContContent .Advantage_bottom .Advantage_bottom_right{margin-left:45px ! important;} #jhk_header .header_content .header_nav .main_nav li.hasChild:hover ol{ padding: 13px 0 ! important;} @media(min-width:769px){ #laymod_378674{display:none ! important;} } @media(max-width:768px){ #jhk_advertingbanner{display:none ! important;} } @media(min-width:1201px){ #jhk_header .header_content .header_nav .main_nav ul>li{ margin-right: 25px ! important;} #jhk_advantage .swiper-slide{width: 25% ! important;} } @media(max-width:1200px){ #jhk_header .header_content .header_nav .main_nav ul>li{ margin-right: 7px ! important;} } #jh2_foot_17 .foot_fixed .fixed_content .fixed_tel span:after { display:none !important; } /*统一*/ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_yk6z0ckf21a.eot'); src: url('//at.alicdn.com/t/font_249974_yk6z0ckf21a.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_yk6z0ckf21a.woff') format('woff'), url('//at.alicdn.com/t/font_249974_yk6z0ckf21a.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_yk6z0ckf21a.svg#iconfont') format('svg'); } @font-face {font-family: 'header_logo_light'; src: url('//at.alicdn.com/t/webfont_rh1tu6i1hw.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_rh1tu6i1hw.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_rh1tu6i1hw.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/webfont_rh1tu6i1hw.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_rh1tu6i1hw.svg#思源黑体-细') format('svg'); /* iOS 4.1- */ } .iconfont:before, .iconfont:after { font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } *, ::after, ::before { -webkit-box-sizing:border-box; box-sizing:border-box; } body { font:12px "Microsoft YaHei","SimHei","Arial","Times New Roman"; } #laymod_356159 img { border:0 none; } #laymod_356159 ul, #laymod_356159 ol, #laymod_356159 li { list-style:none; padding:0; margin:0; } #laymod_356159 h1, #laymod_356159 h2, #laymod_356159 h3, #laymod_356159 h4, #laymod_356159 h5, #laymod_356159 h6, #laymod_356159 p { margin:0; font-weight:normal; } #laymod_356159 a, #laymod_356159 a:hover, #laymod_356159 a:active, #laymod_356159 a:visited, #laymod_356159 a:focus { text-decoration:none; } /* 导航 */ .NavHead { height:70px; z-index:999; } #jhk_header { position:fixed; top:0; left:0; z-index:4; width:100%; height:70px; line-height:70px; background:#fff; } #jhk_header .header_logo { float:left; } #jhk_header .header_logo a { display:flex; align-items: center; height:70px; } #jhk_header .header_logo img { vertical-align:middle; padding-right:15px; height: 36px; margin-top: -5px; } #jhk_header .header_content { float:right; font-size:0; } #jhk_header .header_content .header_nav { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; } #jhk_header .header_content .header_nav .main_nav { margin-right: 35px; } #jhk_header .header_content .header_nav .main_nav ul { } #jhk_header .header_content .header_nav .main_nav ul>li { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin-right:30px; height:100%; line-height:70px; position:relative; } #jhk_header .header_content .header_nav .main_nav ul>li p { position:relative; } #jhk_header .header_content .header_nav .main_nav ul>li p .iconfont { display:inline-flex; display:-webkit-inline-flex; *display:inline; *zoom:1; vertical-align:middle; align-items:center; justify-content:center; width:10px; margin-left:10px; font-size:18px; color:#999; -webkit-transition:all 0.3s; transition:all 0.3s; } #jhk_header .header_content .header_nav .main_nav ul>li p .iconfont:before { content:"\e7c3"; } #jhk_header .header_content .header_nav .main_nav ul>li p:hover .iconfont { -webkit-transform:rotate(180deg); transform:rotate(180deg); color:#fc6821; } #jhk_header .header_content .header_nav .main_nav ul>li p a { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; color:#333; font-size:14px; line-height:1; -webkit-transition:all 0.3s; transition:all 0.3s; } #jhk_header .header_content .header_nav .main_nav ul>li p.active a, #jhk_header .header_content .header_nav .main_nav ul>li p:hover a, #jhk_header .header_content .header_nav .main_nav ul>li.active_bg a{ color:#fc6821; } #jhk_header .header_content .header_nav .main_nav ol { position:absolute; left:50%; background:#fff; border-radius:4px; box-shadow:0 0 20px 0 rgba(0,0,0,0.15); min-width:200px; margin-top:-8px; -webkit-transform:translateX(-50%); transform:translateX(-50%); padding: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } #jhk_header .header_content .header_nav .main_nav li.hasChild:hover ol{ display: block; padding: 13px 0 45px 0; } #jhk_header .header_content .header_nav .main_nav li:hover ol:before { content:''; display:block; position:absolute; top:-16px; left:50%; margin-left:-8px; border:8px solid transparent; border-bottom-color:#fff; } #jhk_header .header_content .header_nav .main_nav ol li { display: none; } #jhk_header .header_content .header_nav .main_nav li.hasChild:hover ol li{ display: block; } #jhk_header .header_content .header_nav .main_nav ol li a { display:block; line-height:40px; text-align:left; padding-left: 25px; color:#333; font-size:14px; -webkit-transition:all 0.3s; transition:all 0.3s; } #jhk_header .header_content .header_nav .main_nav ol li a:hover{ color:#fc6821; } #jhk_header .header_content .header_btn { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin-left:0.78125vw; } #jhk_header .header_content .header_btn ul.accout_list { display:none; } #jhk_header .header_content .header_btn ul li { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; } #jhk_header .header_content .header_btn ul li.register_item a, #jhk_header .header_content .header_btn ul li.accout_item a { display:block; min-width:126px; height:34px; line-height:32px; text-align:center; font-size:14px; border-radius:28px; padding:0 15px; margin-right:17px; border-width:1px; border-style:solid; -webkit-transition:all 0.3s; transition:all 0.3s; color:#fff; border-color:#fc6821; background:#fc6821; } #jhk_header .header_content .header_btn ul li.register_item a:hover, #jhk_header .header_content .header_btn ul li.accout_item a:hover { border-color:#ff942f; background:#ff942f; } #jhk_header .header_content .header_btn ul li.login_item a, #jhk_header .header_content .header_btn ul li.exit_item a { display:block; min-width:80px; height:34px; border-radius:28px; text-align:center; line-height:32px; font-size:14px; border-width:1px; border-style:solid; -webkit-transition:all 0.3s; transition:all 0.3s; border-color:#dcdcdc; color:#333; background:#fff; } #jhk_header .header_content .header_btn ul li.login_item a:hover, #jhk_header .header_content .header_btn ul li.exit_item a:hover { border-color:#999; background:#f5f5f5; } /* 登录框 */ #login_iframe { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.7); overflow:hidden; z-index:1000; pointer-events:none; opacity:0; visibility:hidden; -webkit-transition:all 0.3s; transition:all 0.3s; } #login_iframe.fade_in { opacity:1; pointer-events:auto; visibility:visible; } #login_iframe .iframe_wrapper { width:348px; height:500px; z-index:999; position:fixed; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } #login_iframe iframe { width:100%; height:500px; box-shadow:0 0 6px 3px #3d3d3d; border-radius:3px; background:#fff; } #login_iframe .close { position:absolute; right:11px; top:10px; cursor:pointer; z-index:99; } /* 手机 */ #g_web:before { content:""; display:block; position:fixed; top:0; left:0; bottom:0; right:0; z-index:900; background:rgba(0,0,0,0.5); opacity:0; pointer-events:none; -webkit-transition:all 0.3s; transition:all 0.3s; } #g_web.active:before { opacity:1; pointer-events:auto; } #jhk_header .header_content .mobile_header_nav { position:absolute; width:100%; top:70px; left:0; background:#fff; display:none; } #jhk_header .header_content .header_btn .mobile_menu_btn { position:relative; width:24px; height:24px; margin:23px 0; display: none; } #jhk_header .header_content .header_btn .mobile_menu_btn .open_line { position:absolute; width:100%; height:2px; background:#333; transform-origin:right center; -webkit-transition:0.5s; transition:0.5s; } /* #jhk_header .header_content .header_btn .mobile_menu_btn:hover .open_line { -webkit-transform:scale(0.8,1); transform:scale(0.8,1); } */ #jhk_header .header_content .header_btn .mobile_menu_btn .open_line_1 { top:3px; transition-delay:0.15s; } #jhk_header .header_content .header_btn .mobile_menu_btn .open_line_2 { top:11px; transition-delay:0.25s; } #jhk_header .header_content .header_btn .mobile_menu_btn .open_line_3 { top:19px; transition-delay:0.2s; } #jhk_header .header_content .header_btn .mobile_menu_btn.active .open_line { -webkit-transform:scale(0); transform:scale(0); } /* #jhk_header .header_content .header_btn .mobile_menu_btn .open_line:before { content:""; display:block; width:2px; height:2px; background:#333; position:absolute; top:0; left:-10px; opacity:0; -webkit-transition:0.5s; transition:0.5s; } #jhk_header .header_content .header_btn .mobile_menu_btn:hover .open_line:before { left:-5px; opacity:1; } #jhk_header .header_content .header_btn .mobile_menu_btn .open_line_1:before { transition-delay:0.15s; } #jhk_header .header_content .header_btn .mobile_menu_btn .open_line_2:before { transition-delay:0.25s; } #jhk_header .header_content .header_btn .mobile_menu_btn .open_line_3:before { transition-delay:0.2s; } */ #jhk_header .header_content .header_btn .mobile_menu_btn .close_line { position:absolute; width:100%; height:2px; top:50%; } #jhk_header .header_content .header_btn .mobile_menu_btn .close_line_1 { -webkit-transform:rotate(45deg); transform:rotate(45deg); } #jhk_header .header_content .header_btn .mobile_menu_btn .close_line_2 { -webkit-transform:rotate(135deg); transform:rotate(135deg); } #jhk_header .header_content .header_btn .mobile_menu_btn .close_line:before { content:""; display:block; width:100%; height:2px; background:#333; transform-origin:left center; -webkit-transform:scale(0); transform:scale(0); -webkit-transition:0.5s; transition:0.5s; } #jhk_header .header_content .header_btn .mobile_menu_btn.active .close_line:before { -webkit-transform:scale(1); transform:scale(1); } #jhk_header .header_content .header_btn .mobile_menu_btn.active .close_line_1:before { transition-delay:0.15s; } #jhk_header .header_content .header_btn .mobile_menu_btn.active .close_line_2:before { transition-delay:0.2s; } #jhk_header .header_content .mobile_header_nav .btn_list { line-height:normal; } #jhk_header .header_content .mobile_header_nav .btn_list li { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:50%; } #jhk_header .header_content .mobile_header_nav .btn_list li a { display:block; text-align:center; font-size:14px; line-height:4; } #jhk_header .header_content .mobile_header_nav .btn_list li.register_item a, #jhk_header .header_content .mobile_header_nav .btn_list li.accout_item a { background:#ff942f; color:#fff; } #jhk_header .header_content .mobile_header_nav .btn_list li.login_item a, #jhk_header .header_content .mobile_header_nav .btn_list li.exit_item a { background:#eee; color:#333; } #jhk_header .header_content .mobile_header_nav .accout_list { display:none; } #jhk_header .header_content .mobile_header_nav .main_nav { } #jhk_header .header_content .mobile_header_nav .main_nav ul { } #jhk_header .header_content .mobile_header_nav .main_nav ul>li { line-height:normal; border-bottom:1px solid #eee; text-align:center; } #jhk_header .header_content .mobile_header_nav .main_nav ul>li:last-child { border-bottom:0 none; } #jhk_header .header_content .mobile_header_nav .main_nav ul>li p { position:relative; } #jhk_header .header_content .mobile_header_nav .main_nav ul>li p a { color:#333; font-size:14px; line-height:4; } #jhk_header .header_content .mobile_header_nav .main_nav ul>li p .iconfont { font-size:18px; color:#999; position:absolute; top:50%; margin-left:5px; -webkit-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:all 0.3s; transition:all 0.3s; } #jhk_header .header_content .mobile_header_nav .main_nav ul>li p .iconfont:before { content:"\e7c3"; } #jhk_header .header_content .mobile_header_nav .main_nav ul>li p.active .iconfont { -webkit-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg); } #jhk_header .header_content .mobile_header_nav .main_nav ol { display:none; background:#eee; position:relative; } #jhk_header .header_content .mobile_header_nav .main_nav ol:before { content:''; display:block; position:absolute; top:-16px; left:50%; margin-left:-8px; border:8px solid transparent; border-bottom-color:#eee; } #jhk_header .header_content .mobile_header_nav .main_nav ol li { border-bottom:1px solid #ccc; } #jhk_header .header_content .mobile_header_nav .main_nav ol li:last-child { border-bottom:0 none; } #jhk_header .header_content .mobile_header_nav .main_nav ol li a { display:block; line-height:4; text-align:center; color:#333; font-size:14px; } @media only screen and (max-device-width : 1100px) { #jhk_header .header_content .header_nav { position:absolute; width:100%; top:70px; left:0; background:#fff; display:none; } #jhk_header .header_content .header_btn .pc_btn{ display: none; } #jhk_header .header_content .header_btn .mobile_menu_btn{ display: block; } #jhk_header .header_content .main_nav { opacity:0; } #jhk_header .header_content .main_nav.active { opacity:1; } } @media(max-width: 991px){ .row{ margin: 0 !important; } #jhk_header .header_logo img{ width: 80%; height: auto; } } #laymod_399356 .bg_img>img{position:absolute;width:100%;z-index:1;} #laymod_399356 .rightp{position:absolute;z-index: 2; top: 16vw; right: 12vw; width: 11vw;} #laymod_399356 .rightp>img{width:100%;} #laymod_399356 .bg_img>.txt{z-index:3;} #laymod_399356 #zw_banner.mode_pc{width: 33.43%; position: relative; left: 46.5%; top: 6.2vw;} #laymod_399356 #banner_pc .im img{width:100%;} #laymod_399356 .swiper-pagination{height: 25px;top: 21.5vw ! important;} /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_b3jck8wx6id.eot'); src: url('//at.alicdn.com/t/font_249974_b3jck8wx6id.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.woff') format('woff'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.svg#iconfont') format('svg'); } .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_399356 .txt_span2>p{margin:10px 0 ! important;} #laymod_399356 .more{ background:url(https://img1.jihui88.com/upload/j/j2/jihuike/picture/2020/05/25/c7edeb4b-2d41-4a20-b9b0-4630436e2523.png) no-repeat center;background-size: contain; position: relative; top:2vw;left:0; display: block; width: 166px; height: 48px; /*border: 1px solid;border-color: #fc6821;*/ border-radius: 55px; text-align: center; /* opacity: 0; transform: translateY(-5%); -ms-transform: translateY(-5%); -moz-transform: translateY(-5%); -webkit-transform: translateY(-5%); -o-transform: translateY(-5%); -webkit-transition: opacity .5s,visibility .5s; transition: opacity .5s,visibility .5s; */ -webkit-transition: all .8s; transition: all .8s; } #laymod_399356 .more_link{text-decoration: none;} #laymod_399356 .more:hover{ background:url(https://img1.jihui88.com/upload/j/j2/jihuike/picture/2020/05/25/c7edeb4b-2d41-4a20-b9b0-4630436e2523.png) no-repeat center;background-size: contain;transform: scale(1.1); -webkit-transition: all 1s; transition: all 1s; } #laymod_399356 .more:hover span{ color: #fff; } #laymod_399356 .more a{display: block; width: 166px; height: 48px;} #laymod_399356 .more span{ color: #fc6821; line-height: 48px; text-align: center; font-size: 14px; } #laymod_399356 .more { position: relative; top: 2vw; left: 0; display: block; width: 166px; height: 48px; /* border: 1px solid; border-color: #fc6821;*/ border-radius: 55px; text-align: center; -webkit-transition: all .8s; transition: all .8s; } #laymod_399356 .txt{position: absolute;color: #fc6821;} @media(min-width:768px){ #laymod_399356 .txt{ top: 6vw;left: 18.75%;} } @media(max-width:768px){ #laymod_399356 .txt{display:none ! important;left:3.75% ; top: 19%;} #laymod_399356 .txt_span2{top:-4px ! important;} #laymod_399356 .txt_span4 p:before{margin-right: 0 ! important;} #laymod_399356 .txt_span4 p{line-height:5px ! important;color:#000;} } #laymod_399356 .txt_span1{ margin: 0 0 1vw 0; display: block;} #laymod_399356 .txt_span1 p{margin:0 auto;font-weight: bold;} #laymod_399356 .txt_span2{position: relative; margin: 0 0 1vw 0; display: inline-block;font-size: 19px;width: 230px;top:0;background:url(https://img1.jihui88.com/upload/j/j2/jihuike/picture/2020/05/09/20a107e1-2276-49ae-8d1d-8bae5e877ee1.png) no-repeat center;background-size: contain; left: 0;} #laymod_399356 .txt_span4{top: 0; position: relative;} #laymod_399356 .txt_span4 p:before{content:"•";color:#fff; margin-right: 10px;} #laymod_399356 .txt_span4 p{line-height:1.5; margin: 0 0 5px 0;} #laymod_399356 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_399356 #banner_pc{ position: relative; overflow: hidden; height: 36vw; } #laymod_399356 #banner_pc a{ display: block; } #laymod_399356 #banner_pc a p{ height: 36vw;//680px background-size: auto; } #laymod_399356 .swiper-pagination-bullet { width: 14px; height: 14px; display: inline-block; border-radius: 50%; opacity: 0.5; } #laymod_399356 .swiper-pagination-bullet-active{ background: #dc0002; } #laymod_399356 #banner_mobile .swiper-slide img{ width: 100%; } /*1100和1400*/ @media (min-width:500px) and (max-width:1400px) { #laymod_399356 .txt_span2 {font-size: 1.2vw;top: -1vw; width: 16vw;} #laymod_399356 .txt_span4 { top: -2vw;} #laymod_399356 .more { top: -2vw ! important; width: 10vw;} #laymod_399356 .ql-size-12, #laymod_399356 .ql-size-13, #laymod_399356 .ql-size-14, #laymod_399356 .ql-size-15, #laymod_399356 .ql-size-16 { font-size:1.6vw; } #laymod_399356 .ql-size-17, #laymod_399356 .ql-size-18, #laymod_399356 .ql-size-19, #laymod_399356 .ql-size-20, #laymod_399356 .ql-size-21 { font-size:1.8vw; } #laymod_399356 .ql-size-22, #laymod_399356 .ql-size-23, #laymod_399356 .ql-size-24, #laymod_399356 .ql-size-25, #laymod_399356 .ql-size-26 { font-size:2vw; } #laymod_399356 .ql-size-27, #laymod_399356 .ql-size-28, #laymod_399356 .ql-size-29, #laymod_399356 .ql-size-30, #laymod_399356 .ql-size-31 { font-size:2.2vw; } #laymod_399356 .ql-size-32, #laymod_399356 .ql-size-33, #laymod_399356 .ql-size-34, #laymod_399356 .ql-size-35, #laymod_399356 .ql-size-36 { font-size:2.4vw; } #laymod_399356 .ql-size-37, #laymod_399356 .ql-size-38, #laymod_399356 .ql-size-39, #laymod_399356 .ql-size-40, #laymod_399356 .ql-size-41 { font-size:2.6vw; } #laymod_399356 .ql-size-42, #laymod_399356 .ql-size-43, #laymod_399356 .ql-size-44, #laymod_399356 .ql-size-45, #laymod_399356 .ql-size-46 { font-size:3vw; } #laymod_399356 .ql-size-47, #laymod_399356 .ql-size-48, #laymod_399356 .ql-size-49, #laymod_399356 .ql-size-50, #laymod_399356 .ql-size-51 { font-size:3.2vw; } #laymod_399356 .ql-size-52, #laymod_399356 .ql-size-53, #laymod_399356 .ql-size-54, #laymod_399356 .ql-size-55, #laymod_399356 .ql-size-56 { font-size:3.4vw; } #laymod_399356 .ql-size-57, #laymod_399356 .ql-size-58, #laymod_399356 .ql-size-59, #laymod_399356 .ql-size-60, #laymod_399356 .ql-size-61 { font-size:3.6vw; } } /*768<= ipad和ipadpro区间 <=1100*/ @media (min-width:768px) and (max-width:1100px) { #laymod_399356 .bodyContTitle { margin-bottom:3vw !important; } #laymod_399356 .bodyContTitle .fl { font-size:3vw; } #laymod_399356 .bodyContTitle .fl2 { font-size:1.4vw; } /* #laymod_399356 .ql-size-12, #laymod_399356 .ql-size-13, #laymod_399356 .ql-size-14, #laymod_399356 .ql-size-15, #laymod_399356 .ql-size-16 { font-size:1vw; } #laymod_399356 .ql-size-17, #laymod_399356 .ql-size-18, #laymod_399356 .ql-size-19, #laymod_399356 .ql-size-20, #laymod_399356 .ql-size-21 { font-size:1.1vw; } #laymod_399356 .ql-size-22, #laymod_399356 .ql-size-23, #laymod_399356 .ql-size-24, #laymod_399356 .ql-size-25, #laymod_399356 .ql-size-26 { font-size:1.2vw; } #laymod_399356 .ql-size-27, #laymod_399356 .ql-size-28, #laymod_399356 .ql-size-29, #laymod_399356 .ql-size-30, #laymod_399356 .ql-size-31 { font-size:1.3vw; } #laymod_399356 .ql-size-32, #laymod_399356 .ql-size-33, #laymod_399356 .ql-size-34, #laymod_399356 .ql-size-35, #laymod_399356 .ql-size-36 { font-size:1.4vw; } #laymod_399356 .ql-size-37, #laymod_399356 .ql-size-38, #laymod_399356 .ql-size-39, #laymod_399356 .ql-size-40, #laymod_399356 .ql-size-41 { font-size:1.5vw; } #laymod_399356 .ql-size-42, #laymod_399356 .ql-size-43, #laymod_399356 .ql-size-44, #laymod_399356 .ql-size-45, #laymod_399356 .ql-size-46 { font-size:1.6vw; } #laymod_399356 .ql-size-47, #laymod_399356 .ql-size-48, #laymod_399356 .ql-size-49, #laymod_399356 .ql-size-50, #laymod_399356 .ql-size-51 { font-size:1.7vw; } #laymod_399356 .ql-size-52, #laymod_399356 .ql-size-53, #laymod_399356 .ql-size-54, #laymod_399356 .ql-size-55, #laymod_399356 .ql-size-56 { font-size:1.8vw; } #laymod_399356 .ql-size-57, #laymod_399356 .ql-size-58, #laymod_399356 .ql-size-59, #laymod_399356 .ql-size-60, #laymod_399356 .ql-size-61 { font-size:1.9vw; } #laymod_399356 .ql-size-62, #laymod_399356 .ql-size-63, #laymod_399356 .ql-size-64, #laymod_399356 .ql-size-65, #laymod_399356 .ql-size-66 { font-size:2vw; } #laymod_399356 .ql-size-67, #laymod_399356 .ql-size-68, #laymod_399356 .ql-size-69, #laymod_399356 .ql-size-70, #laymod_399356 .ql-size-71 { font-size:2.1vw; } */ } /*手机端区间 <=767*/ @media (max-width:767px) { #laymod_399356 .bodyContTitle { margin-bottom:4vw; } #laymod_399356 .bodyContTitle .fl { font-size:5vw; } #laymod_399356 .bodyContTitle .fl2 { font-size:3.4vw; } #laymod_399356 .ql-size-12, #laymod_399356 .ql-size-13, #laymod_399356 .ql-size-14, #laymod_399356 .ql-size-15, #laymod_399356 .ql-size-16 { font-size:3vw; } #laymod_399356 .ql-size-17, #laymod_399356 .ql-size-18, #laymod_399356 .ql-size-19, #laymod_399356 .ql-size-20, #laymod_399356 .ql-size-21 { font-size:3.25vw; } #laymod_399356 .ql-size-22, #laymod_399356 .ql-size-23, #laymod_399356 .ql-size-24, #laymod_399356 .ql-size-25, #laymod_399356 .ql-size-26 { font-size:3.5vw; } #laymod_399356 .ql-size-27, #laymod_399356 .ql-size-28, #laymod_399356 .ql-size-29, #laymod_399356 .ql-size-30, #laymod_399356 .ql-size-31 { font-size:3.75vw; } #laymod_399356 .ql-size-32, #laymod_399356 .ql-size-33, #laymod_399356 .ql-size-34, #laymod_399356 .ql-size-35, #laymod_399356 .ql-size-36 { font-size:4vw; } #laymod_399356 .ql-size-37, #laymod_399356 .ql-size-38, #laymod_399356 .ql-size-39, #laymod_399356 .ql-size-40, #laymod_399356 .ql-size-41 { font-size:4.25vw; } #laymod_399356 .ql-size-42, #laymod_399356 .ql-size-43, #laymod_399356 .ql-size-44, #laymod_399356 .ql-size-45, #laymod_399356 .ql-size-46 { font-size:4.5vw; } #laymod_399356 .ql-size-47, #laymod_399356 .ql-size-48, #laymod_399356 .ql-size-49, #laymod_399356 .ql-size-50, #laymod_399356 .ql-size-51 { font-size:4.75vw; } #laymod_399356 .ql-size-52, #laymod_399356 .ql-size-53, #laymod_399356 .ql-size-54, #laymod_399356 .ql-size-55, #laymod_399356 .ql-size-56 { font-size:5vw; } #laymod_399356 .ql-size-57, #laymod_399356 .ql-size-58, #laymod_399356 .ql-size-59, #laymod_399356 .ql-size-60, #laymod_399356 .ql-size-61 { font-size:5.25vw; } #laymod_399356 .ql-size-62, #laymod_399356 .ql-size-63, #laymod_399356 .ql-size-64, #laymod_399356 .ql-size-65, #laymod_399356 .ql-size-66 { font-size:5.5vw; } #laymod_399356 .ql-size-67, #laymod_399356 .ql-size-68, #laymod_399356 .ql-size-69, #laymod_399356 .ql-size-70, #laymod_399356 .ql-size-71 { font-size:5.75vw; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_nfjb564vfrc.eot'); src: url('//at.alicdn.com/t/font_249974_nfjb564vfrc.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.woff') format('woff'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; } 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_384738 #jhk_title_2 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_384738 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_384738 .bg_img { z-index:2; } #laymod_384738 .bodyCont_width { position:relative; opacity: 1; z-index:4; } /*标题控制*/ #laymod_384738 .bodyContTitle { position:relative; padding: 0; z-index: 3; } #laymod_384738 .bodyContTitle .left_title { float:left; } #laymod_384738 .bodyContTitle .left_title.left_none { float: none; } #laymod_384738 .bodyContTitle .fl .apinum{color:#fc6821 ! important;font-size:24px;font-family: "MicrosoftYaHei";} #laymod_384738 .bodyContTitle .fl_all{margin:0 auto;text-align: center;} #laymod_384738 .bodyContTitle .fl { font-size: 24px;display: inline-block; color: #333; margin:0 0 12px 0; } #laymod_384738 .bodyContTitle .fl2 { font-size:12px; margin:0; color:#999; } #laymod_384738 .bodyContTitle .right_more { float:right; display:block; } #laymod_384738 .right_more ul { /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap:nowrap; -webkit-box-lines:single; -moz-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-justify-content:center; justify-content:center;/*主轴上对齐*/ align-items:flex-end;/*交叉轴对齐*/ -webkit-align-items:flex-end; box-align:end; -moz-box-align:end; -webkit-box-align:end; } #laymod_384738 .right_more li { margin:0 0 0 5%; _margin:0 0 0 2.5%; white-space: nowrap; } #laymod_384738 .right_more a, #laymod_384738 .right_more a dd { color:#999; font-size:14px; font-weight:normal; line-height:2.3; position:relative; display: block; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_384738 .right_more a { padding:0 25px 0 0; } #laymod_384738 .right_more .title_more_icon { position:absolute; top:50%; margin:-10px 0 0 0; right:0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; display:block; } #laymod_384738 .active_false .right_more a:hover .title_more_icon { right:-5px; } #laymod_384738 .right_more a dd { text-overflow:ellipsis; overflow:hidden; max-width:150px; } #laymod_384738 .active_false .right_more a:hover, #laymod_384738 .active_false .right_more a:hover dd { color:#FF5241; } #laymod_384738 .right_more a .jh_line { background:#FF5241; display:block; width:0; height:1px; position:absolute; bottom:0; left:50%; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_384738 .active_false .right_more a:hover .jh_line { left:0; width:100%; } /*线条*/ #laymod_384738 .bodyCont_width>.jh_line { height:1px; background:#eee; margin:0 auto; clear:both; } /*直接控制小于992px屏幕时css*/ @media (max-width:992px) { #laymod_384738 .bodyContTitle { padding:0 15px; } #laymod_384738 .bodyContTitle .fl, #laymod_384738 .bodyContTitle .fl span, #laymod_384738 .bodyContTitle .fl p, #laymod_384738 .bodyContTitle .fl b { font-size:20px; } #laymod_384738 .bodyContTitle .fl2, #laymod_384738 .bodyContTitle .fl2 span, #laymod_384738 .bodyContTitle .fl2 p, #laymod_384738 .bodyContTitle .fl2 b { font-size:12px; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_b3jck8wx6id.eot'); src: url('//at.alicdn.com/t/font_249974_b3jck8wx6id.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.woff') format('woff'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.svg#iconfont') format('svg'); } .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_397194 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_397194 .module-section-inner, #laymod_397194 #jhk_entrance { position:static; } #laymod_397194 #jhk_entrance>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_397194 #jhk_entrance>.bg_img { z-index:2; } #laymod_397194 .bodyCont_width { position:relative; z-index:4; } /*标题控制*/ #laymod_397194 .bodyContTitle { margin:0; position:relative; z-index: 3; overflow:hidden; } #laymod_397194 .bodyContTitle>div { text-align:center; transform: translateX(-15%); -ms-transform: translateX(-15%); -moz-transform: translateX(-15%); -webkit-transform: translateX(-15%); -o-transform: translateX(-15%); opacity: 0; -webkit-transition: all 1s; transition: all 1s; } #laymod_397194 .bodyContTitle>div.active{ transform: translateX(0%); -ms-transform: translateX(0%); -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); opacity: 1; -webkit-transition: all 1s; transition: all 1s; } #laymod_397194 .bodyContTitle .fl { font-size:24px; line-height:1; margin:0 0 12px 0; font-weight:bold; color:#333; } #laymod_397194 .bodyContTitle .fl2 { font-size:12px; line-height:1; margin:0; font-weight:normal; color:#999; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_397194 .bodyContContent { position:relative; z-index: 4; } #laymod_397194 .bodyContContent ul{ width: 1200px; margin: 0 auto; } @media(max-width:1200px) and (min-width:1100px){ #laymod_397194 .bodyContContent ul li{width:24% ! important;margin-right:1% ! important;} #laymod_397194 .bodyContContent ul{width:97% ! important;margin:0 1.5% ! important; } } #laymod_397194 .bodyContContent ul li{ float: left; width: 277px; height: 332px; background: #fff; margin-right: 30px; border-radius: 5px; position: relative; opacity: 0; transform: translateX(-5%); -ms-transform: translateX(-5%); -moz-transform: translateX(-5%); -webkit-transform: translateX(-5%); -o-transform: translateX(-5%); -webkit-transition: opacity .5s,visibility .5s; transition: opacity .5s,visibility .5s; } #laymod_397194 .bodyContContent ul li>div{ height: 100%; overflow: hidden; } #laymod_397194 .bodyContContent ul li>div:hover{ transform: translateY(-5%); -ms-transform: translateY(-5%); -moz-transform: translateY(-5%); -webkit-transform: translateY(-5%); -o-transform: translateY(-5%); -webkit-transition: all .5s; transition: all .5s; } #laymod_397194 .bodyContContent ul li.active{ transform: translateX(0%); -ms-transform: translateX(0%); -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); opacity: 1; -webkit-transition: all .3s; transition: all .3s; } #laymod_397194 .bodyContContent ul li.active:nth-child(1){ -webkit-transition-delay: 0s; transition-delay: 0s; } #laymod_397194 .bodyContContent ul li.active:nth-child(2){ -webkit-transition-delay: .3s; transition-delay: .3s; } #laymod_397194 .bodyContContent ul li.active:nth-child(3){ -webkit-transition-delay: .6s; transition-delay: .6s; } #laymod_397194 .bodyContContent ul li.active:nth-child(4){ -webkit-transition-delay: .9s; transition-delay: .9s; } #laymod_397194 .bodyContContent ul li:nth-last-child(1){ margin-right: 0; } #laymod_397194 .bodyContContent ul li .quickly .jhk_entrance_txt{ padding-left: 20px; padding-top: 30px; } #laymod_397194 .bodyContContent ul li .quickly .jhk_entrance_txt_title{ font-size: 16px; color: #000; } #laymod_397194 .bodyContContent ul li .quickly .jhk_entrance_txt_cont{ color: #999999; font-size: 12px; line-height: 20px; margin-top: 10px; } /*768<= ipad和ipadpro区间 <=1100*/ @media (min-width:768px) and (max-width:1023px) { #laymod_397194 .bodyContContent ul li{height:360px;} } @media (min-width:1023px) and (max-width:1200px) { #laymod_397194 .bodyContContent ul li{height:446px;} } @media (min-width:768px) and (max-width:1100px) { #laymod_397194 .bodyContContent ul{ width: 95%; } #laymod_397194 .bodyContContent ul li{ width: 46.9%; margin: 1.5%; overflow: hidden; } #laymod_397194 .bodyContContent ul li img{width:100%;} #laymod_397194 .bodyContTitle { margin-bottom:3vw !important; } #laymod_397194 .bodyContTitle .fl { font-size:3vw; } #laymod_397194 .bodyContTitle .fl2 { font-size:1.4vw; } #laymod_397194 .ql-size-12, #laymod_397194 .ql-size-13, #laymod_397194 .ql-size-14, #laymod_397194 .ql-size-15, #laymod_397194 .ql-size-16 { font-size:1vw; } #laymod_397194 .ql-size-17, #laymod_397194 .ql-size-18, #laymod_397194 .ql-size-19, #laymod_397194 .ql-size-20, #laymod_397194 .ql-size-21 { font-size:1.1vw; } #laymod_397194 .ql-size-22, #laymod_397194 .ql-size-23, #laymod_397194 .ql-size-24, #laymod_397194 .ql-size-25, #laymod_397194 .ql-size-26 { font-size:1.2vw; } #laymod_397194 .ql-size-27, #laymod_397194 .ql-size-28, #laymod_397194 .ql-size-29, #laymod_397194 .ql-size-30, #laymod_397194 .ql-size-31 { font-size:1.3vw; } #laymod_397194 .ql-size-32, #laymod_397194 .ql-size-33, #laymod_397194 .ql-size-34, #laymod_397194 .ql-size-35, #laymod_397194 .ql-size-36 { font-size:1.4vw; } #laymod_397194 .ql-size-37, #laymod_397194 .ql-size-38, #laymod_397194 .ql-size-39, #laymod_397194 .ql-size-40, #laymod_397194 .ql-size-41 { font-size:1.5vw; } #laymod_397194 .ql-size-42, #laymod_397194 .ql-size-43, #laymod_397194 .ql-size-44, #laymod_397194 .ql-size-45, #laymod_397194 .ql-size-46 { font-size:1.6vw; } #laymod_397194 .ql-size-47, #laymod_397194 .ql-size-48, #laymod_397194 .ql-size-49, #laymod_397194 .ql-size-50, #laymod_397194 .ql-size-51 { font-size:1.7vw; } #laymod_397194 .ql-size-52, #laymod_397194 .ql-size-53, #laymod_397194 .ql-size-54, #laymod_397194 .ql-size-55, #laymod_397194 .ql-size-56 { font-size:1.8vw; } #laymod_397194 .ql-size-57, #laymod_397194 .ql-size-58, #laymod_397194 .ql-size-59, #laymod_397194 .ql-size-60, #laymod_397194 .ql-size-61 { font-size:1.9vw; } #laymod_397194 .ql-size-62, #laymod_397194 .ql-size-63, #laymod_397194 .ql-size-64, #laymod_397194 .ql-size-65, #laymod_397194 .ql-size-66 { font-size:2vw; } #laymod_397194 .ql-size-67, #laymod_397194 .ql-size-68, #laymod_397194 .ql-size-69, #laymod_397194 .ql-size-70, #laymod_397194 .ql-size-71 { font-size:2.1vw; } } /*手机端区间 <=767*/ @media (max-width:767px) { #laymod_397194 .bodyContTitle { margin-bottom:4vw; } #laymod_397194 .bodyContTitle .fl { font-size:5vw; } #laymod_397194 .bodyContTitle .fl2 { font-size:3.4vw; } #laymod_397194 .ql-size-12, #laymod_397194 .ql-size-13, #laymod_397194 .ql-size-14, #laymod_397194 .ql-size-15, #laymod_397194 .ql-size-16 { font-size:3vw; } #laymod_397194 .ql-size-17, #laymod_397194 .ql-size-18, #laymod_397194 .ql-size-19, #laymod_397194 .ql-size-20, #laymod_397194 .ql-size-21 { font-size:3.25vw; } #laymod_397194 .ql-size-22, #laymod_397194 .ql-size-23, #laymod_397194 .ql-size-24, #laymod_397194 .ql-size-25, #laymod_397194 .ql-size-26 { font-size:3.5vw; } #laymod_397194 .ql-size-27, #laymod_397194 .ql-size-28, #laymod_397194 .ql-size-29, #laymod_397194 .ql-size-30, #laymod_397194 .ql-size-31 { font-size:3.75vw; } #laymod_397194 .ql-size-32, #laymod_397194 .ql-size-33, #laymod_397194 .ql-size-34, #laymod_397194 .ql-size-35, #laymod_397194 .ql-size-36 { font-size:4vw; } #laymod_397194 .ql-size-37, #laymod_397194 .ql-size-38, #laymod_397194 .ql-size-39, #laymod_397194 .ql-size-40, #laymod_397194 .ql-size-41 { font-size:4.25vw; } #laymod_397194 .ql-size-42, #laymod_397194 .ql-size-43, #laymod_397194 .ql-size-44, #laymod_397194 .ql-size-45, #laymod_397194 .ql-size-46 { font-size:4.5vw; } #laymod_397194 .ql-size-47, #laymod_397194 .ql-size-48, #laymod_397194 .ql-size-49, #laymod_397194 .ql-size-50, #laymod_397194 .ql-size-51 { font-size:4.75vw; } #laymod_397194 .ql-size-52, #laymod_397194 .ql-size-53, #laymod_397194 .ql-size-54, #laymod_397194 .ql-size-55, #laymod_397194 .ql-size-56 { font-size:5vw; } #laymod_397194 .ql-size-57, #laymod_397194 .ql-size-58, #laymod_397194 .ql-size-59, #laymod_397194 .ql-size-60, #laymod_397194 .ql-size-61 { font-size:5.25vw; } #laymod_397194 .ql-size-62, #laymod_397194 .ql-size-63, #laymod_397194 .ql-size-64, #laymod_397194 .ql-size-65, #laymod_397194 .ql-size-66 { font-size:5.5vw; } #laymod_397194 .ql-size-67, #laymod_397194 .ql-size-68, #laymod_397194 .ql-size-69, #laymod_397194 .ql-size-70, #laymod_397194 .ql-size-71 { font-size:5.75vw; } } @media(max-width: 767px){ #laymod_397194 .bodyContTitle>div{ opacity: 1; transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); } #laymod_397194 .bodyContContent ul{ width: 100%; padding: 0 15px; } #laymod_397194 .bodyContContent ul li{ width: 48%; opacity: 1; margin-right: 0; height: auto; margin-bottom: 30px; transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); } #laymod_397194 .bodyContContent ul li .quickly .jhk_entrance_txt_title{ font-size: 14px; color: #000; margin: 20px 0; } #laymod_397194 .bodyContContent ul li .quickly .jhk_entrance_txt{ padding: 0; text-align: center; } #laymod_397194 .bodyContContent ul li .quickly .jhk_entrance_txt_cont{ display: none; } #laymod_397194 .bodyContContent ul li>div img{ width: 100%; } #laymod_397194 .bodyContContent ul li:nth-child(2n-1){ margin-right: 2%; } #laymod_397194 .bodyContContent ul li:nth-child(2n){ margin-left: 2%; } } @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.eot'); src: url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.woff') format('woff'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; } i,em { font-style:normal; } 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_415317 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_415317 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_415317 .bg_img { z-index:2; } #laymod_415317 .bodyCont_width { position:relative; z-index:4; } /*标题控制*/ #laymod_415317 .bodyContTitle { margin:0 auto; position:relative; z-index: 3; overflow:hidden; } #laymod_415317 .bodyContTitle .fl { font-size:24px; text-align: center; color:#333; line-height:1; } #laymod_415317 .bodyContTitle .fl2 { font-size:12px; text-align: center; color:#999; line-height:1; } #laymod_415317 .bodyContContent { position:relative; z-index: 4; } #laymod_415317 .ftd_list .ftd_li { position: relative; text-align: center; cursor: pointer; } #laymod_415317 .ftd_list .ftd_li:before { content: ""; position: absolute; width: 100%; height: 1px; opacity: 0; left: 0; bottom: 0; transition:all .35s ease-in; background: #FF5241; } #laymod_415317 .ftd_list .ftd_li .ftd_icon .pcfont { font-size: 45px; max-width:50px; } #laymod_415317 .ftd_list .ftd_li .ftd_title { font-size: 14px; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 8px 0 22px 0; color: #000; } #laymod_415317 .ftd_info .ftd_model .ftd_model_li a .ftd_nr1, #laymod_415317 .ftd_list .sj_ftd_model a .ftd_nr1, #laymod_415317 .ftd_list .pc_small a .ftd_nr1 { font-size: 14px; color: #000; line-height: 24px; } #laymod_415317 .ftd_info .ftd_model .ftd_model_li a .ftd_ms1 { font-size: 13px; height: 44px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #laymod_415317 .ftd_info .ftd_model .ftd_model_li a .ftd_ms1, #laymod_415317 .ftd_list .sj_ftd_model a .ftd_ms1, #laymod_415317 .ftd_list .pc_small a .ftd_ms1 { color:rgba(0,0,0,0.45); } #laymod_415317 .ftd_list .sj_ftd_model a .ftd_ms1, #laymod_415317 .ftd_list .pc_small a .ftd_ms1 { font-size: 12px; line-height: 22px; } #laymod_415317 .ftd_list .ftd_li .ftd_icon .pcfont { color: #000; } /*@media(min-width: 768px) {*/ #laymod_415317 .pc_active .container { padding: 0; } #laymod_415317 .pc_active .ftd_list .ftd_li { float: left; } #laymod_415317 .pc_active .ftd_list .ftd_li:hover:before { opacity: 1; } #laymod_415317 .pc_active .ftd_list .ftd_li .ftd_icon .ftd_iconpic { width: 80px; height: 80px; line-height: 80px; margin: 0 auto; } #laymod_415317 .pc_active .ftd_info .ftd_model { padding-top: 45px; border-top: 1px solid #e5e5e5; } #laymod_415317 .pc_active .ftd_info .ftd_model .ftd_model_li a { display: block; width: 30.76%; margin-right:2.57%; background: #fff; padding: 12px 30px 12px 20px; float: left; margin-bottom: 14px; transition:all .35s ease; position: relative; } #laymod_415317 .pc_active .ftd_info .ftd_model .ftd_model_li a .ftd_rlg { position: absolute; opacity: 0; transition:all .35s ease; color: #000; right: 15px; top: 45%; font-size: 16px; font-family: simsun !important; } #laymod_415317 .pc_active .ftd_info .ftd_model .ftd_model_li a .ftd_rlg:after { content: ">"; } #laymod_415317 .pc_active .ftd_info .ftd_model .ftd_model_li a:hover .ftd_rlg { opacity: 1; } #laymod_415317 .pc_active .ftd_list .sj_ftd_model, #laymod_415317 .pc_active .ftd_info .ftd_model .ftd_model_li { display: none; } #laymod_415317 .pc_active .ftd_info .ftd_model .ftd_model_li:nth-child(1) { display: block; } #laymod_415317 .pc_active .ftd_list .ftd_li.active:before { opacity: 1; } #laymod_415317 .sj_active .bg { background-color: #f5f5f6 !important; } #laymod_415317 .sj_active .bodyContTitle .fl { font-size:20px; } #laymod_415317 .sj_active .ftd_list { padding-bottom: 40px; } #laymod_415317 .sj_active .ftd_list .ftd_li { height: 60px; position: relative; margin-bottom:10px; transition: all .5s; background: #fff; border-bottom: 1px solid #e5e5e5;; } #laymod_415317 .sj_active .ftd_list .ftd_li.active { margin-bottom:0; } #laymod_415317 .sj_active .ftd_list .ftd_li .ftd_icon { height: 100%; padding: 0 14px; position: absolute; left: 0; top: 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } #laymod_415317 .sj_active .ftd_list .ftd_li .ftd_icon .ftd_iconpic { width: 24px; height: 24px; line-height: 24px; } #laymod_415317 .sj_active .ftd_list .ftd_li .ftd_icon .pcfont { font-size: 24px; width: 24px; height: 24px; display: block; } #laymod_415317 .sj_active .ftd_list .ftd_li .ftd_title { padding: 0 50px; line-height: 56px; font-size: 16px; text-align: left; } #laymod_415317 .sj_active .ftd_list .ftd_li .iconfont { height: 24px; width: 24px; margin: 0 14px; position: absolute; right: 0; top: 18px; font-size: 20px; color: #000; } #laymod_415317 .sj_active .ftd_list .ftd_li.active .iconfont { transform: rotate(180deg); } #laymod_415317 .sj_active .ftd_list .ftd_li .iconfont:after { content: "\e943"; } #laymod_415317 .sj_active .ftd_list .sj_ftd_model, #laymod_415317 .sj_active .ftd_list .pc_small { padding: 0 12px; overflow: hidden; display: none; margin-bottom: 10px; max-width: 100%; background: #fff; } #laymod_415317 .sj_active .ftd_list .sj_ftd_model a, #laymod_415317 .sj_active .ftd_list .pc_small a { padding: 12px 0; display: block; } #laymod_415317 .sj_active .ftd_info .ftd_model { display: none; } /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_b3jck8wx6id.eot'); src: url('//at.alicdn.com/t/font_249974_b3jck8wx6id.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.woff') format('woff'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } #laymod_357860 img { border:0 none; } #laymod_357860 ul, #laymod_357860 ol, #laymod_357860 li { list-style:none; padding:0; margin:0; } #laymod_357860 h1, #laymod_357860 h2, #laymod_357860 h3, #laymod_357860 h4, #laymod_357860 h5, #laymod_357860 h6, #laymod_357860 p { margin:0; font-weight:normal; } #laymod_357860 a, #laymod_357860 a:hover, #laymod_357860 a:active, #laymod_357860 a:visited, #laymod_357860 a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_357860 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_357860 .module-section-inner, #laymod_357860 #jh_xxx { position:static; } #laymod_357860 #jh_xxx>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_357860 #jh_xxx>.bg_img { z-index:2; } #laymod_357860 .bodyCont_width { position:relative; z-index:4; } /*标题控制*/ #laymod_357860 .bodyContTitle { margin:0; position:relative; z-index: 3; overflow:hidden; } #laymod_357860 .bodyContTitle div { text-align:center; } #laymod_357860 .bodyContTitle .fl { font-size:24px; line-height:1; margin:0 0 16px 0; font-weight:bold; color:#333; } #laymod_357860 .bodyContTitle .fl2 { font-size:12px; line-height:1; margin:0; font-weight:normal; color:#999; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_357860 .bodyContContent { position:relative; z-index: 4; } #laymod_357860 .bodyContContent .Advantage_top{ height: 627px; position: relative; overflow: hidden; z-index: 5; display: block; margin-bottom: 15px; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_left{ float: left; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_left_nav{ background: #fc7332; width: 249px; height: 63px; border-radius: 5px; margin-top: 258px; margin-left: 26px; 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; /* NEW, Spec - Opera 12.1, Firefox 20+ */ /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; -webkit-box-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_left_nav>div{ float: left; text-align: center; width: 25%; } #laymod_357860 .bodyContContent .Advantage_bottom .Advantage_bottom_right_nav>div{ float: left; text-align: center; width: 24%; } #laymod_357860 .bodyContContent .Advantage_bottom .Advantage_bottom_right_nav>div:nth-child(4){ width: 28%; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_left_nav .li_nav{ transform: scale(0); -webkit-transition: opacity .5s,visibility .5s; transition: opacity .5s,visibility .5s; -webkit-transition: all .5s; transition: all .5s; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_left_nav .li_nav.active:nth-child(1){ transform: scale(1); -webkit-transition-delay: 0s; transition-delay: 0s; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_left_nav .li_nav.active:nth-child(2){ transform: scale(1); -webkit-transition-delay: .3s; transition-delay: .3s; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_left_nav .li_nav.active:nth-child(3){ transform: scale(1); -webkit-transition-delay: .6s; transition-delay: .6s; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_left_nav .li_nav.active:nth-child(4){ transform: scale(1); -webkit-transition-delay: .9s; transition-delay: .9s; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_left_nav>div p{ transform: scale(0.75); -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); color: #FFF; margin-top: 3px; } #laymod_357860 .bodyContContent .Advantage_top .container{ position: relative; height: 627px; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_left_point>div{ background: #6f88e1; border-radius: 66px; text-align: center; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_left_point .point{ transform: scale(0); -webkit-transition: opacity .5s,visibility .5s; transition: opacity .5s,visibility .5s; -webkit-transition: all .5s; transition: all .5s; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_left_point .point1{ width: 70px; height: 70px; line-height: 65px; position: absolute; top: 25.6%; left: 37%; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_left_point .point1.active{ transform: scale(1); -webkit-transition-delay: 0s; transition-delay: 0s; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_left_point .point2.active{ transform: scale(1); -webkit-transition-delay: .3s; transition-delay: .3s; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_left_point .point3.active{ transform: scale(1); -webkit-transition-delay: .6s; transition-delay: .6s; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_left_point .point2{ width: 51px; height: 51px; line-height: 45px; position: absolute; top: 39.07%; left: 25.333%; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_left_point .point3{ width: 36px; line-height: 30px; height: 36px; position: absolute; top: 46.57%; left: 34.4%; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_right{ width: 535px; height: 340px; float: right; margin-top: 107px; -webkit-transition: opacity .5s,visibility .5s; transition: opacity .5s,visibility .5s; -webkit-transition: all .5s; transition: all .5s; transform: translateX(10%); -ms-transform: translateX(10%); -moz-transform: translateX(10%); -webkit-transform: translateX(10%); -o-transform: translateX(10%); opacity: 0; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_right.active{ transform: translateX(0%); -ms-transform: translateX(0%); -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); -webkit-transition-delay: .3s; transition-delay: .3s; opacity: 1; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_right .Advantage_top_title{ font-size: 40px; color: #000; font-weight: bold; margin-bottom: 30px; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_right li, #laymod_357860 .bodyContContent .Advantage_bottom .Advantage_bottom_left li{ 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; /* NEW, Spec - Opera 12.1, Firefox 20+ */ /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; -webkit-box-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; margin-bottom: 20px; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_right li span.numberr, #laymod_357860 .bodyContContent .Advantage_bottom .Advantage_bottom_left li span.numberr{ color: #fc6821; font-size: 60px; font-family: arial; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_right li .Advantage_top_right_txt{ margin-left: 40px; } /* bottom */ #laymod_357860 .bodyContContent .Advantage_bottom{ height: 609px; position: relative; overflow: hidden; z-index: 5; display: block; margin-bottom: 15px; } #laymod_357860 .bodyContContent .Advantage_bottom .container{ position: relative; height: 610px; } #laymod_357860 .bodyContContent .Advantage_bottom .Advantage_bottom_left{ width: 535px; height: 270px; padding-left: 60px; margin-top: 160px; -webkit-transition: opacity .5s,visibility .5s; transition: opacity .5s,visibility .5s; -webkit-transition: all .5s; transition: all .5s; transform: translateX(-10%); -ms-transform: translateX(-10%); -moz-transform: translateX(-10%); -webkit-transform: translateX(-10%); -o-transform: translateX(-10%); opacity: 0; } #laymod_357860 .bodyContContent .Advantage_bottom .Advantage_bottom_left.active{ opacity: 1; transform: translateX(0%); -ms-transform: translateX(0%); -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); -webkit-transition: all .5s; transition: all .5s; } #laymod_357860 .bodyContContent .Advantage_bottom .Advantage_bottom_left .Advantage_bottom_left_txt{ padding-left: 32px; } #laymod_357860 .bodyContContent .Advantage_bottom .Advantage_bottom_right{ } #laymod_357860 .bodyContContent .Advantage_bottom .Advantage_bottom_right p{ transform: scale(0.75); -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); color: #000; } #laymod_357860 .bodyContContent .Advantage_bottom .Advantage_bottom_right_nav{ background: #ffffff; height: 64px; width: 250px; border-radius: 5px; 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; /* NEW, Spec - Opera 12.1, Firefox 20+ */ /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; -webkit-box-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; position: absolute; top: 48.888%; left: 49.25%; } #laymod_357860 .bodyContContent .Advantage_bottom .Advantage_bottom_right_nav .point{ transform: scale(0); -webkit-transition: opacity .5s,visibility .5s; transition: opacity .5s,visibility .5s; -webkit-transition: all .5s; transition: all .5s; } #laymod_357860 .bodyContContent .Advantage_bottom .Advantage_bottom_right_nav .point.active:nth-child(1){ transform: scale(1); -webkit-transition-delay: .5s; transition-delay: .5s; } #laymod_357860 .bodyContContent .Advantage_bottom .Advantage_bottom_right_nav .point.active:nth-child(2){ transform: scale(1); -webkit-transition-delay: .8s; transition-delay: .8s; } #laymod_357860 .bodyContContent .Advantage_bottom .Advantage_bottom_right_nav .point.active:nth-child(3){ transform: scale(1); -webkit-transition-delay: 1.1s; transition-delay: 1.1s; } #laymod_357860 .bodyContContent .Advantage_bottom .Advantage_bottom_right_nav .point.active:nth-child(4){ transform: scale(1); -webkit-transition-delay: 1.4s; transition-delay: 1.4s; } /*768<= ipad和ipadpro区间 <=1100*/ @media (min-width:768px) and (max-width:1100px) { #laymod_357860 .bodyContTitle { margin-bottom:3vw !important; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_left_nav{ margin-left: -80px; } #laymod_357860 .bodyContContent .Advantage_top .Advantage_top_right{ width: 40%; height: auto; } #laymod_357860 .bodyContContent .Advantage_bottom .Advantage_bottom_left{ width: 440px; height: auto; padding-left: 15px; } #laymod_357860 .bodyContTitle .fl { font-size:3vw; } #laymod_357860 .bodyContTitle .fl2 { font-size:1.4vw; } #laymod_357860 .ql-size-12, #laymod_357860 .ql-size-13, #laymod_357860 .ql-size-14, #laymod_357860 .ql-size-15, #laymod_357860 .ql-size-16 { font-size:1vw; } #laymod_357860 .ql-size-17, #laymod_357860 .ql-size-18, #laymod_357860 .ql-size-19, #laymod_357860 .ql-size-20, #laymod_357860 .ql-size-21 { font-size:1.1vw; } #laymod_357860 .ql-size-22, #laymod_357860 .ql-size-23, #laymod_357860 .ql-size-24, #laymod_357860 .ql-size-25, #laymod_357860 .ql-size-26 { font-size:1.2vw; } #laymod_357860 .ql-size-27, #laymod_357860 .ql-size-28, #laymod_357860 .ql-size-29, #laymod_357860 .ql-size-30, #laymod_357860 .ql-size-31 { font-size:1.3vw; } #laymod_357860 .ql-size-32, #laymod_357860 .ql-size-33, #laymod_357860 .ql-size-34, #laymod_357860 .ql-size-35, #laymod_357860 .ql-size-36 { font-size:1.4vw; } #laymod_357860 .ql-size-37, #laymod_357860 .ql-size-38, #laymod_357860 .ql-size-39, #laymod_357860 .ql-size-40, #laymod_357860 .ql-size-41 { font-size:1.5vw; } #laymod_357860 .ql-size-42, #laymod_357860 .ql-size-43, #laymod_357860 .ql-size-44, #laymod_357860 .ql-size-45, #laymod_357860 .ql-size-46 { font-size:1.6vw; } #laymod_357860 .ql-size-47, #laymod_357860 .ql-size-48, #laymod_357860 .ql-size-49, #laymod_357860 .ql-size-50, #laymod_357860 .ql-size-51 { font-size:1.7vw; } #laymod_357860 .ql-size-52, #laymod_357860 .ql-size-53, #laymod_357860 .ql-size-54, #laymod_357860 .ql-size-55, #laymod_357860 .ql-size-56 { font-size:1.8vw; } #laymod_357860 .ql-size-57, #laymod_357860 .ql-size-58, #laymod_357860 .ql-size-59, #laymod_357860 .ql-size-60, #laymod_357860 .ql-size-61 { font-size:1.9vw; } #laymod_357860 .ql-size-62, #laymod_357860 .ql-size-63, #laymod_357860 .ql-size-64, #laymod_357860 .ql-size-65, #laymod_357860 .ql-size-66 { font-size:2vw; } #laymod_357860 .ql-size-67, #laymod_357860 .ql-size-68, #laymod_357860 .ql-size-69, #laymod_357860 .ql-size-70, #laymod_357860 .ql-size-71 { font-size:2.1vw; } } /*手机端区间 <=767*/ @media (max-width:767px) { #laymod_357860{ display: none; } #laymod_357860 .bodyContTitle { margin-bottom:4vw; } #laymod_357860 .bodyContTitle .fl { font-size:5vw; } #laymod_357860 .bodyContTitle .fl2 { font-size:3.4vw; } #laymod_357860 .ql-size-12, #laymod_357860 .ql-size-13, #laymod_357860 .ql-size-14, #laymod_357860 .ql-size-15, #laymod_357860 .ql-size-16 { font-size:3vw; } #laymod_357860 .ql-size-17, #laymod_357860 .ql-size-18, #laymod_357860 .ql-size-19, #laymod_357860 .ql-size-20, #laymod_357860 .ql-size-21 { font-size:3.25vw; } #laymod_357860 .ql-size-22, #laymod_357860 .ql-size-23, #laymod_357860 .ql-size-24, #laymod_357860 .ql-size-25, #laymod_357860 .ql-size-26 { font-size:3.5vw; } #laymod_357860 .ql-size-27, #laymod_357860 .ql-size-28, #laymod_357860 .ql-size-29, #laymod_357860 .ql-size-30, #laymod_357860 .ql-size-31 { font-size:3.75vw; } #laymod_357860 .ql-size-32, #laymod_357860 .ql-size-33, #laymod_357860 .ql-size-34, #laymod_357860 .ql-size-35, #laymod_357860 .ql-size-36 { font-size:4vw; } #laymod_357860 .ql-size-37, #laymod_357860 .ql-size-38, #laymod_357860 .ql-size-39, #laymod_357860 .ql-size-40, #laymod_357860 .ql-size-41 { font-size:4.25vw; } #laymod_357860 .ql-size-42, #laymod_357860 .ql-size-43, #laymod_357860 .ql-size-44, #laymod_357860 .ql-size-45, #laymod_357860 .ql-size-46 { font-size:4.5vw; } #laymod_357860 .ql-size-47, #laymod_357860 .ql-size-48, #laymod_357860 .ql-size-49, #laymod_357860 .ql-size-50, #laymod_357860 .ql-size-51 { font-size:4.75vw; } #laymod_357860 .ql-size-52, #laymod_357860 .ql-size-53, #laymod_357860 .ql-size-54, #laymod_357860 .ql-size-55, #laymod_357860 .ql-size-56 { font-size:5vw; } #laymod_357860 .ql-size-57, #laymod_357860 .ql-size-58, #laymod_357860 .ql-size-59, #laymod_357860 .ql-size-60, #laymod_357860 .ql-size-61 { font-size:5.25vw; } #laymod_357860 .ql-size-62, #laymod_357860 .ql-size-63, #laymod_357860 .ql-size-64, #laymod_357860 .ql-size-65, #laymod_357860 .ql-size-66 { font-size:5.5vw; } #laymod_357860 .ql-size-67, #laymod_357860 .ql-size-68, #laymod_357860 .ql-size-69, #laymod_357860 .ql-size-70, #laymod_357860 .ql-size-71 { font-size:5.75vw; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_b3jck8wx6id.eot'); src: url('//at.alicdn.com/t/font_249974_b3jck8wx6id.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.woff') format('woff'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } #laymod_397200 .bodyContpiccate{height:50px;} #laymod_397200 .bodyContpics .pic{ position: absolute;z-index: 5; width: 40%;left: 30%;} #laymod_397200 .bodyContpics .pic img{width:100%;} #laymod_397200 .bodyContcates ul{overflow: hidden;display: flex; flex-direction: row;justify-content: center;margin: 0 auto;margin-bottom: 50px;} #laymod_397200 .bodyContcates li{float:left;} #laymod_397200 .bodyContcates li a{transition:all .3s;color:#666;line-height:20px;} #laymod_397200 .bodyContcates li a:hover{color:#fc6b26;} #laymod_397200 .bodyContcates li a:hover:before{content:"";width:100%;display:block;height:1px;background-color:#fc6b26;position: relative;top: 20px;opacity:1;} #laymod_397200 .bodyContcates li a:hover:after{opacity:1;content:"";margin:0 auto;width:0;display:block;height:0;transform: translate(-50%, -50%) rotate(-45deg);border-bottom: 3px solid #fc6b26; border-left: 3px solid #fc6b26; border-right: 3px solid rgba(0,0,0,0); border-top: 3px solid rgba(0,0,0,0);} #laymod_397200 .bodyContcates li a:before{content:"";width:100%;display:block;height:1px;background-color:#fc6b26;position: relative;top: 20px;opacity:0;} #laymod_397200 .bodyContcates li a:after{content:"";margin:0 auto;width:0;display:block;height:0;transform: translate(-50%, -50%) rotate(-45deg);border-bottom: 3px solid #fc6b26; border-left: 3px solid #fc6b26; border-right: 3px solid rgba(0,0,0,0); border-top: 3px solid rgba(0,0,0,0);opacity:0;} #laymod_397200 img { border:0 none; } #laymod_397200 ul, #laymod_397200 ol, #laymod_397200 li { list-style:none; padding:0; margin:0; } #laymod_397200 h1, #laymod_397200 h2, #laymod_397200 h3, #laymod_397200 h4, #laymod_397200 h5, #laymod_397200 h6, #laymod_397200 p { margin:0; font-weight:normal; } #laymod_397200 a, #laymod_397200 a:hover, #laymod_397200 a:active, #laymod_397200 a:visited, #laymod_397200 a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_397200 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_397200 .module-section-inner, #laymod_397200 #jhk_index_pro { position:static; } #laymod_397200 #jhk_index_pro>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_397200 #jhk_index_pro>.bg_img { z-index:2; } #laymod_397200 .bodyCont_width { position:relative; z-index:4; } /*标题控制*/ #laymod_397200 .bodyContTitle { margin:0; position:relative; z-index: 3; overflow:hidden; } #laymod_397200 .bodyContTitle div { text-align:center; } #laymod_397200 .bodyContTitle .fl { font-size:24px; line-height:1; margin:0 0 12px 0; font-weight:bold; color:#333; } #laymod_397200 .bodyContTitle .fl2 { font-size:12px; line-height:1; margin:0; font-weight:normal; color:#999; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_397200 .bodyContContent { position:relative; z-index: 4; } #laymod_397200 .bodyContContent ul{ width: 1835px; margin: 0 auto; height: 440px; } #laymod_397200 .bodyContContent ul li{ float: left; margin: 0 45px; height: 440px; width: 215px; position: relative; opacity: 0; transform: translateY(-5%); -ms-transform: translateY(-5%); -moz-transform: translateY(-5%); -webkit-transform: translateY(-5%); -o-transform: translateY(-5%); -webkit-transition: opacity .5s,visibility .5s; transition: opacity .5s,visibility .5s; -webkit-transition: all .5s; transition: all .5s; } #laymod_397200 .bodyContContent ul li.active:nth-child(1){ transform: translateY(0%); -ms-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 1; } #laymod_397200 .bodyContContent ul li.active:nth-child(2){ transform: translateY(0%); -ms-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -webkit-transition-delay: .2s; transition-delay: .2s; opacity: 1; } #laymod_397200 .bodyContContent ul li.active:nth-child(2){ transform: translateY(0%); -ms-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -webkit-transition-delay: 0.4s; transition-delay: 0.4s; opacity: 1; } #laymod_397200 .bodyContContent ul li.active:nth-child(3){ transform: translateY(0%); -ms-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -webkit-transition-delay: .6s; transition-delay: 0.6s; opacity: 1; } #laymod_397200 .bodyContContent ul li.active:nth-child(4){ transform: translateY(0%); -ms-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -webkit-transition-delay: .8s; transition-delay: .8s; opacity: 1; } #laymod_397200 .bodyContContent ul li.active:nth-child(5){ transform: translateY(0%); -ms-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -webkit-transition-delay: 1s; transition-delay: 1s; opacity: 1; } #laymod_397200 .bodyContContent ul li.active:nth-child(6){ transform: translateY(0%); -ms-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -webkit-transition-delay: 1.2s; transition-delay: 1.2s; opacity: 1; } #laymod_397200 .bodyContContent ul li .applets_bg{ opacity: 0; position: absolute; height: 440px; width: 215px; padding: 153.5px 41px; top: 0; left: 0; -webkit-transition: all 1s; transition: all 1s; z-index: 4; } #laymod_397200 .bodyContContent ul li:hover div.bg_applets{ transform: translateY(-2%); -ms-transform: translateY(-2%); -moz-transform: translateY(-2%); -webkit-transform: translateY(-2%); -o-transform: translateY(-2%); -webkit-transition: all .5s; transition: all .5s; } #laymod_397200 .bodyContContent ul li:hover .applets_bg{ opacity: 1; -webkit-transition: all .5s; transition: all .5s; } #laymod_397200 .bodyContContent ul li .bg_applets i{ display: block; position: absolute; width: 100%; height: 100%; top: 0; background: #000; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transition: all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition: all 1s cubic-bezier(.075,.82,.165,1) 0s; -ms-transition: all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition: all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition: all 1s cubic-bezier(.075,.82,.165,1) 0s; z-index: 2; } #laymod_397200 .bodyContContent ul li:hover .bg_applets i{ opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity=40); } #laymod_397200 .bodyContContent .more{ display: block; width: 200px; height: 55px; border: 1px solid #fc6821; border-radius: 55px; margin: 76px auto 0 auto; text-align: center; opacity: 0; transform: translateY(-5%); -ms-transform: translateY(-5%); -moz-transform: translateY(-5%); -webkit-transform: translateY(-5%); -o-transform: translateY(-5%); -webkit-transition: opacity .5s,visibility .5s; transition: opacity .5s,visibility .5s; -webkit-transition: all .8s; transition: all .8s; } #laymod_397200 .bodyContContent .more.active{ transform: translateY(0%); -ms-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -webkit-transition-delay: 1.8s; transition-delay: 1.8s; opacity: 1; } #laymod_397200 .bodyContContent .more a{ display: block; width: 200px; height: 55px; border-radius: 55px; } #laymod_397200 .bodyContContent .more span{ color: #fc6821; line-height: 55px; text-align: center; font-size: 16px; } #laymod_397200 .bodyContContent .more .more_link:hover{ background: #fc6821; -webkit-transition: all .5s; transition: all .5s; border-radius: 55px; } #laymod_397200 .bodyContContent .more .more_link:hover span{ color: #fff; } #laymod_397200 .bodyContContent ul li .bg_applets img.applets{ max-width: 100%; } @media(min-width: 1200px) and (max-width:1900px){ #laymod_397200 .bodyContContent ul{ width: 1220px; } #laymod_397200 .bodyContContent ul li:nth-last-child(1), #laymod_397200 .bodyContContent ul li:nth-child(1){ display: none; } } @media(max-width:1600px) and (min-width:1200px){ #laymod_397200 .bodyContpics .pic{ width:60% ! important;left: 20% ! important;} } @media(max-width:1200px){ #laymod_397200 .bodyContpics .pic{ width: 80% ! important;left: 10% ! important;} } @media(max-width:1200px) and (min-width:1100px){ #laymod_397200 .bodyContContent ul li .applets_bg{ width:100% ! important; height: 500px ! important; padding: 153.5px 59px ! important;} #laymod_397200 .bodyContContent ul li:first-child{display:none ! important;} #laymod_397200 .bodyContContent ul li:last-child{display:none ! important;} #laymod_397200 .bodyContContent ul li{width:23% ! important;margin:0 1% ! important;} #laymod_397200 .bodyContContent ul li .applets{width:100% ! important;} #laymod_397200 .bodyContContent ul{width:97% ! important;margin:0 1.5% ! important;height: 500px ! important; } } /*768<= ipad和ipadpro区间 <=1100*/ @media (min-width:768px) and (max-width:1000px) { #laymod_397200 .bodyContContent ul{ width: 100%;height:365px ! important; } } @media (min-width:768px) and (max-width:1100px) { #laymod_397200 .bodyContcates li a{font-size:12px;} #laymod_397200 .bodyContContent ul{ width: 100%;height:410px; } #laymod_397200 .bodyContContent ul .applets_bg{height: 100% ! important; width: 100% ! important; padding: 128.5px 41px ! important;} #laymod_397200 .bodyContContent ul li:nth-last-child(1), #laymod_397200 .bodyContContent ul li:nth-child(1){ display: none; } #laymod_397200 .bodyContContent ul li{ margin: 0 1%;width:23%;height:100% ! important; } #laymod_397200 .bodyContTitle { margin-bottom:3vw !important; } #laymod_397200 .bodyContTitle .fl { font-size:3vw; } #laymod_397200 .bodyContTitle .fl2 { font-size:1.4vw; } #laymod_397200 .ql-size-12, #laymod_397200 .ql-size-13, #laymod_397200 .ql-size-14, #laymod_397200 .ql-size-15, #laymod_397200 .ql-size-16 { font-size:1vw; } #laymod_397200 .ql-size-17, #laymod_397200 .ql-size-18, #laymod_397200 .ql-size-19, #laymod_397200 .ql-size-20, #laymod_397200 .ql-size-21 { font-size:1.1vw; } #laymod_397200 .ql-size-22, #laymod_397200 .ql-size-23, #laymod_397200 .ql-size-24, #laymod_397200 .ql-size-25, #laymod_397200 .ql-size-26 { font-size:1.2vw; } #laymod_397200 .ql-size-27, #laymod_397200 .ql-size-28, #laymod_397200 .ql-size-29, #laymod_397200 .ql-size-30, #laymod_397200 .ql-size-31 { font-size:1.3vw; } #laymod_397200 .ql-size-32, #laymod_397200 .ql-size-33, #laymod_397200 .ql-size-34, #laymod_397200 .ql-size-35, #laymod_397200 .ql-size-36 { font-size:1.4vw; } #laymod_397200 .ql-size-37, #laymod_397200 .ql-size-38, #laymod_397200 .ql-size-39, #laymod_397200 .ql-size-40, #laymod_397200 .ql-size-41 { font-size:1.5vw; } #laymod_397200 .ql-size-42, #laymod_397200 .ql-size-43, #laymod_397200 .ql-size-44, #laymod_397200 .ql-size-45, #laymod_397200 .ql-size-46 { font-size:1.6vw; } #laymod_397200 .ql-size-47, #laymod_397200 .ql-size-48, #laymod_397200 .ql-size-49, #laymod_397200 .ql-size-50, #laymod_397200 .ql-size-51 { font-size:1.7vw; } #laymod_397200 .ql-size-52, #laymod_397200 .ql-size-53, #laymod_397200 .ql-size-54, #laymod_397200 .ql-size-55, #laymod_397200 .ql-size-56 { font-size:1.8vw; } #laymod_397200 .ql-size-57, #laymod_397200 .ql-size-58, #laymod_397200 .ql-size-59, #laymod_397200 .ql-size-60, #laymod_397200 .ql-size-61 { font-size:1.9vw; } #laymod_397200 .ql-size-62, #laymod_397200 .ql-size-63, #laymod_397200 .ql-size-64, #laymod_397200 .ql-size-65, #laymod_397200 .ql-size-66 { font-size:2vw; } #laymod_397200 .ql-size-67, #laymod_397200 .ql-size-68, #laymod_397200 .ql-size-69, #laymod_397200 .ql-size-70, #laymod_397200 .ql-size-71 { font-size:2.1vw; } } /*手机端区间 <=767*/ @media (max-width:767px) { #laymod_397200 .bodyContcates ul{display:block ! important;} #laymod_397200 .bodyContcates ul li:first-child{width:100% ! important; text-align: center;} #laymod_397200 .bodyContcates ul .clickable{ text-align: center;width: 50% ! important;height: 27px;} #laymod_397200 .bodyContcates ul .dian{display:none ! important;} #laymod_397200 .bodyContcates li a{font-size:12px;} #laymod_397200 .bodyContTitle { margin-bottom:4vw; } #laymod_397200 .bodyContTitle .fl { font-size:5vw; } #laymod_397200 .bodyContTitle .fl2 { font-size:3.4vw; } #laymod_397200 .ql-size-12, #laymod_397200 .ql-size-13, #laymod_397200 .ql-size-14, #laymod_397200 .ql-size-15, #laymod_397200 .ql-size-16 { font-size:3vw; } #laymod_397200 .ql-size-17, #laymod_397200 .ql-size-18, #laymod_397200 .ql-size-19, #laymod_397200 .ql-size-20, #laymod_397200 .ql-size-21 { font-size:3.25vw; } #laymod_397200 .ql-size-22, #laymod_397200 .ql-size-23, #laymod_397200 .ql-size-24, #laymod_397200 .ql-size-25, #laymod_397200 .ql-size-26 { font-size:3.5vw; } #laymod_397200 .ql-size-27, #laymod_397200 .ql-size-28, #laymod_397200 .ql-size-29, #laymod_397200 .ql-size-30, #laymod_397200 .ql-size-31 { font-size:3.75vw; } #laymod_397200 .ql-size-32, #laymod_397200 .ql-size-33, #laymod_397200 .ql-size-34, #laymod_397200 .ql-size-35, #laymod_397200 .ql-size-36 { font-size:4vw; } #laymod_397200 .ql-size-37, #laymod_397200 .ql-size-38, #laymod_397200 .ql-size-39, #laymod_397200 .ql-size-40, #laymod_397200 .ql-size-41 { font-size:4.25vw; } #laymod_397200 .ql-size-42, #laymod_397200 .ql-size-43, #laymod_397200 .ql-size-44, #laymod_397200 .ql-size-45, #laymod_397200 .ql-size-46 { font-size:4.5vw; } #laymod_397200 .ql-size-47, #laymod_397200 .ql-size-48, #laymod_397200 .ql-size-49, #laymod_397200 .ql-size-50, #laymod_397200 .ql-size-51 { font-size:4.75vw; } #laymod_397200 .ql-size-52, #laymod_397200 .ql-size-53, #laymod_397200 .ql-size-54, #laymod_397200 .ql-size-55, #laymod_397200 .ql-size-56 { font-size:5vw; } #laymod_397200 .ql-size-57, #laymod_397200 .ql-size-58, #laymod_397200 .ql-size-59, #laymod_397200 .ql-size-60, #laymod_397200 .ql-size-61 { font-size:5.25vw; } #laymod_397200 .ql-size-62, #laymod_397200 .ql-size-63, #laymod_397200 .ql-size-64, #laymod_397200 .ql-size-65, #laymod_397200 .ql-size-66 { font-size:5.5vw; } #laymod_397200 .ql-size-67, #laymod_397200 .ql-size-68, #laymod_397200 .ql-size-69, #laymod_397200 .ql-size-70, #laymod_397200 .ql-size-71 { font-size:5.75vw; } } @media(max-width: 767px){ #laymod_397200 .bodyContpiccate{height:100px ! important;} #laymod_397200 .bg_color{ background-color: #fff !important; } #laymod_397200 .bodyContContent ul{ width: 215px; } #laymod_397200 .bodyContContent ul li{ opacity: 1; margin: 0; transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); } #laymod_397200 .bodyContContent .more{ transform: translateY(0%); -ms-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -webkit-transition-delay: 1.8s; transition-delay: 1.8s; opacity: 1; } #laymod_397200 .bodyContContent ul li .bg_applets{ width: 215px; margin: 0 auto; } #laymod_397200 .bodyContContent ul li .bg_applets i{ width: 215px; } #laymod_397200 .bodyContContent.swiper-container .swiper-pagination{ bottom: 70px; } #laymod_397200 .bodyContContent.swiper-container .swiper-pagination .swiper-pagination-bullet{ -webkit-transition: all .8s; transition: all .8s; } #laymod_397200 .bodyContContent.swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background: #fc6821; width: 20px; border-radius: 5px; -webkit-transition: all .8s; transition: all .8s; } /* #laymod_397200 .bodyContContent.swiper-container .swiper-slide-prev>.bg_applets{ margin-right: -40px; } #laymod_397200 .bodyContContent.swiper-container .swiper-slide-next>.bg_applets{ margin-left: -40px; } */ } img { border:0 none; } i,em { font-style:normal; } 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_415345 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_415345 .bodyContContent { margin: 40px 0; } #laymod_415345 .bodyContTitle { margin-bottom: 40px; } #laymod_415345 .bodyContTitle .fl { font-size: 24px; text-align: center; color: #333; line-height: 1; margin-bottom: 12px; } #laymod_415345 .bodyContTitle .fl2 { font-size: 12px; text-align: center; color: #a7a9b7; line-height: 1; } #laymod_415345 .container img { max-width: 100%; border: 1px solid #eee; } #laymod_415345 .container ul li { position: relative; } #laymod_415345 .container ul li .fixed { position: absolute; top: 50.6%; left: 14%; color: #fff; font-size: 15px; line-height: 1.3; width: 72%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #laymod_415345 .container ul li .absolute { position: absolute; font-size: 16px; top: 64.5%; width: 230px; text-align: center; margin: auto; left: 0; right: 0; } #laymod_415345 .container ul li .qrcode { width: 40%; border-radius: 50%; overflow: hidden; position: absolute; left: 50.5%; transform: translateX(-50%); bottom: 8.8% } #laymod_415345 .container ul li .qrcode img { display: block; width: 100%; border: 0 none; } #laymod_415345 .container ul li .sales_volume { color: #ed3a03; } #laymod_415345 .container ul li .fans { color: #7504b7; } #laymod_415345 .container ul li .distributor { color: #798e00; } #laymod_415345 .container ul li .total_data { position: absolute; text-align: center; width: 180px; margin: auto; left: 0; right: 0; top: 42.5%; } #laymod_415345 .container ul li .total_data div { color: #1854f2; font-size: 16px; line-height: 1.6; } #laymod_415345 .container ul li .total_data .bottom { margin-bottom: 34px; } #laymod_415345 .container ul li .absolute .size, #laymod_415345 .container ul li .total_data .size { font-size: 12px; } #laymod_415345 .container ul li .opening_time { position: absolute; right: 7%; top: 60.5%; transform: scale(0.8); color: #999; } @media(min-width: 768px) { #laymod_415345 .container ul li { padding: 0 7px; } } @media(min-width: 992px) and (max-width: 1199px) { #laymod_415345 .container ul li .total_data { top: 43.2%; } #laymod_415345 .container ul li .absolute { width: 190px; font-size: 15px; } #laymod_415345 .container ul li .fixed { font-size: 13px; } #laymod_415345 .container ul li .total_data div { font-size: 13px; line-height: 1; } #laymod_415345 .container ul li .total_data .bottom { margin-bottom: 35px; } #laymod_415345 .container ul li .opening_time { right: 5.8%; top: 60.1%; transform: scale(0.7); } } @media(min-width: 768px) and (max-width: 991px) { #laymod_415345 .container { width: 100%; } #laymod_415345 .container ul li .total_data { top: 43%; } #laymod_415345 .container ul li .absolute { width: 82%; font-size: 12px; } #laymod_415345 .container ul li .total_data div { font-size: 13px; line-height: 1; } } @media(min-width: 971px) and (max-width: 991px) { #laymod_415345 .container ul li .opening_time { right: 5%; top: 60.45%; transform: scale(0.6); } } @media(min-width: 801px) and (max-width: 970px) { #laymod_415345 .container ul li .opening_time { right: 2%; top: 59.85%; transform: scale(0.5); } } @media(min-width: 768px) and (max-width: 800px) { #laymod_415345 .container ul li .opening_time { right: 2%; top: 59.85%; transform: scale(0.5); } } @media(min-width: 980px) and (max-width: 991px) { #laymod_415345 .container ul li .total_data .bottom { margin-bottom: 22%; } } @media(min-width: 768px) and (max-width: 979px) { #laymod_415345 .container ul li .total_data .bottom { margin-bottom: 19.8%; } } @media(min-width: 890px) and (max-width: 919px) { #laymod_415345 .container ul li .total_data .bottom { margin-bottom: 18.8%; } } @media(min-width: 840px) and (max-width: 889px) { #laymod_415345 .container ul li .total_data .bottom { margin-bottom: 17.8%; } } @media(min-width: 800px) and (max-width: 839px) { #laymod_415345 .container ul li .total_data .bottom { margin-bottom: 16.5%; } } @media(min-width: 768px) and (max-width: 799px) { #laymod_415345 .container ul li .total_data .bottom { margin-bottom: 14.4%; } } @media(min-width: 768px) and (max-width: 991px) { #laymod_415345 .container ul li .total_data div { font-size: 11px; line-height: 1; } #laymod_415345 .container ul li .fixed { font-size: 12px; } } @media(max-width: 992px) { #laymod_415345 .bodyContTitle { margin-bottom: 25px; } } @media(max-width: 767px) { #laymod_415345 .bodyContTitle .fl { font-size: 20px; } #laymod_415345 .container ul li .opening_time { font-size: 2.3rem; transform: scale(1); right: 9%; } #laymod_415345 .container ul li .fixed { left: 16%; font-size: 1.5rem; width: 68%; } #laymod_415345 .container ul .col-xs-12 { margin-bottom: 1.5rem; } #laymod_415345 .container ul .jhw_data4 { margin-bottom: 0; } #laymod_415345 .container ul li .absolute { line-height: 1.6; width: 80%; } #laymod_415345 .container ul li .total_data { top: 42.6%; width: 80%; } #laymod_415345 .container ul li .total_data .bottom { margin-bottom: 26%; font-size: 1.7rem; } #laymod_415345 .container ul li .opening_time { top: 60.95%; } } @media(min-width: 660px) and (max-width: 767px) { #laymod_415345 .container ul li .fixed { left: 13.8%; font-size: 3rem; width: 72.4%; } #laymod_415345 .container ul li .absolute { font-size: 3.5rem; top: 64.3%; } #laymod_415345 .container ul li .total_data div { font-size: 3.5rem; } #laymod_415345 .container ul li .total_data .bottom { margin-bottom: 16%; font-size: 3.5rem; } } @media(min-width: 620px) and (max-width: 659px) { #laymod_415345 .container ul li .total_data { width: 80%; } #laymod_415345 .container ul li .total_data .bottom { margin-bottom: 16%; } } @media(max-width: 659px) { #laymod_415345 .container ul li .opening_time { font-size: 2.1rem; } #laymod_415345 .container ul li .fixed { left: 14%; font-size: 2.5rem; width: 72%; } #laymod_415345 .container ul li .absolute { font-size: 3rem; top: 64.3%; width: 80%; } #laymod_415345 .container ul li .total_data .bottom, #laymod_415345 .container ul li .total_data div { font-size: 3rem; } } @media(min-width: 550px) and (max-width: 619px) { #laymod_415345 .container ul li .opening_time { font-size: 1.9rem; } } @media(max-width: 520px) { #laymod_415345 .container ul li .absolute { top: 64%; } } @media(min-width: 600px) and (max-width: 619px) { #laymod_415345 .container ul li .total_data .bottom { margin-bottom: 15.3%; } } @media(min-width: 500px) and (max-width: 549px) { #laymod_415345 .container ul li .opening_time { font-size: 1.8rem; top: 60.85%; } } @media(min-width: 520px) and (max-width: 599px) { #laymod_415345 .container ul li .total_data .bottom { margin-bottom: 14.2%; } } @media(min-width: 460px) and (max-width: 499px) { #laymod_415345 .container ul li .opening_time { font-size: 1.5rem; } #laymod_415345 .container ul li .fixed { left: 14.3%; font-size: 2rem; } #laymod_415345 .container ul li .absolute { top: 64.4%; font-size: 2.5rem; } #laymod_415345 .container ul li .total_data { top: 42.3%; } #laymod_415345 .container ul li .total_data .bottom, #laymod_415345 .container ul li .total_data div { font-size: 2.6rem; } #laymod_415345 .container ul li .total_data .bottom { margin-bottom: 14.5%; } } @media(min-width: 400px) and (max-width: 459px) { #laymod_415345 .container ul li .opening_time { font-size: 1.3rem; } #laymod_415345 .container ul li .total_data .bottom, #laymod_415345 .container ul li .total_data div, #laymod_415345 .container ul li .absolute { font-size: 2.2rem; } #laymod_415345 .container ul li .total_data .bottom { margin-bottom: 13.8%; } #laymod_415345 .container ul li .fixed { left: 14.7%; font-size: 1.8rem; } } @media(max-width: 399px) { #laymod_415345 .container ul li .opening_time { font-size: 1.2rem; right: 11%; transform: scale(0.85); } #laymod_415345 .container ul li .fixed { left: 15%; font-size: 1.7rem; width: 70%; } #laymod_415345 .container ul li .absolute { top: 64.2%; font-size: 2rem; } #laymod_415345 .container ul li .total_data { top: 42.4%; } #laymod_415345 .container ul li .total_data .bottom { margin-bottom: 13.6%; } #laymod_415345 .container ul li .total_data .bottom, #laymod_415345 .container ul li .total_data div { font-size: 2rem; } } 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_358745 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_358745 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_358745 .bg_img { z-index:2; } #laymod_358745 .bodyCont_width { position:relative; z-index:4; } #laymod_358745 .bodyContTitle .fl { font-size: 24px; line-height: 1; margin-bottom: 17px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; } #laymod_358745 .bodyContTitle .fl2 { font-size: 12px; line-height: 1; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; } #laymod_358745 .swiper-imgtxt17 { overflow: hidden; padding: 0; } #laymod_358745 .swiper-slide { margin-bottom: 36px; overflow: hidden; max-height:317px; } #laymod_358745 .swiper-slide .botx-cont{ width: fit-content; text-align: center; } #laymod_358745 .swiper-slide .botx-cont:nth-child(3){ padding-left: 20px; } #laymod_358745 .swiper-slide .botx-cont:nth-child(4){ padding-left: 55px; } #laymod_358745 .swiper-slide div.mk_pic { display: inline-block; width: 140px; height: 140px; line-height: 140px; text-align: center; border-radius: 50%; position: relative; transform: scale(0); -webkit-transition: opacity .5s,visibility .5s; transition: opacity .5s,visibility .5s; -webkit-transition: all .8s; transition: all .8s; } #laymod_358745 .swiper-slide .txt_slide{ opacity: 0; -webkit-transition: all .8s; transition: all .8s; } #laymod_358745 .swiper-slide.active:nth-child(1) div.mk_pic{ transform: scale(1); -webkit-transition-delay: 0s; transition-delay: 0s; } #laymod_358745 .swiper-slide.active:nth-child(2) div.mk_pic{ transform: scale(1); -webkit-transition-delay: .3s; transition-delay: .3s; } #laymod_358745 .swiper-slide.active:nth-child(3) div.mk_pic{ transform: scale(1); -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } #laymod_358745 .swiper-slide.active:nth-child(4) div.mk_pic{ transform: scale(1); -webkit-transition-delay: .9s; transition-delay: .9s; } #laymod_358745 .swiper-slide.active:nth-child(1) .txt_slide{ opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } #laymod_358745 .swiper-slide.active:nth-child(2) .txt_slide{ opacity: 1; -webkit-transition-delay: .3s; transition-delay: .3s; } #laymod_358745 .swiper-slide.active:nth-child(3) .txt_slide{ opacity: 1; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } #laymod_358745 .swiper-slide.active:nth-child(4) .txt_slide{ opacity: 1; -webkit-transition-delay: .9s; transition-delay: .9s; } #laymod_358745 .swiper-slide div.mk_pic .pcfont { border-radius: 50%; display: block; color:#fff; font-size:40px; } #laymod_358745 .swiper-slide .txt_slide{ font-size: 16px; color: #000; } #laymod_358745 .swiper-slide .p { width: fit-content; padding-top: 15px; color: #999; font-size: 12px; box-sizing: content-box; overflow : hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #laymod_358745 .swiper-pagination { width: 100%; } #laymod_358745 .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; opacity: 1; margin: 0 2.5px; border: 1px solid #cbcbcb; background: none; } #laymod_358745 .swiper-pagination .swiper-pagination-bullet-active { background: #FF5241; border: 1px solid #FF5241; } @media (min-width: 1200px) { #laymod_358745 .swiper-slide a:hover { box-shadow: 0 0 15px #f0f0f0; } #laymod_358745 .swiper-slide { float: left; width: 27%; } #laymod_358745 .swiper-slide:nth-last-child(1){ width: 228px; } /* 设计页 */ #laymod_358745 .swiper-imgtxt17 .swiper-wrapper { display: block; overflow: hidden; transform: translate3d(0px, 0px, 0px) !important; } #laymod_358745 .swiper-imgtxt17 .swiper-pagination { display: none; } } @media (min-width:768px) and (max-width:1100px) { #laymod_358745 .swiper-slide { float: left; width: 25.4%; } } @media(max-width: 1400px){ #laymod_358745 .swiper-imgtxt17 .swiper-wrapper .swiper-slide4{ width: 228px; } } @media (max-width: 767px) { #laymod_358745 #jhk_advantage .swiper-imgtxt17 .swiper-slide .botx-cont, #laymod_358745 #jhk_advantage .swiper-imgtxt17 .swiper-slide div.mk_pic .pcfont, #laymod_358745 #jhk_advantage .swiper-imgtxt17 .swiper-slide div.mk_pic{ width: 100%; } #laymod_358745 #jhk_advantage .swiper-imgtxt17 .swiper-slide .botx-cont{ padding: 0 30px; } #laymod_358745 #jhk_advantage .swiper-imgtxt17 .swiper-slide div.mk_pic{ height: auto; } #laymod_358745 .swiper-pagination { display: none; } #laymod_358745 .swiper-pagination.active{ display: block; bottom: -15px; } #laymod_358745 .swiper-pagination .swiper-pagination-bullet-active{ background: #fc6821; width: 20px; border-radius: 5px; -webkit-transition: all .8s; transition: all .8s; } #laymod_358745 .swiper-pagination .swiper-pagination-bullet{ -webkit-transition: all .8s; transition: all .8s; } #laymod_358745 .swiper-slide .txt_slide{ font-size: 16px; color: #000; margin-top: 30px; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_b3jck8wx6id.eot'); src: url('//at.alicdn.com/t/font_249974_b3jck8wx6id.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.woff') format('woff'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.svg#iconfont') format('svg'); } .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_359103 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_359103 .module-section-inner, #laymod_359103 #jhk_procate { position:static; } #laymod_359103 #jhk_procate>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_359103 #jhk_procate>.bg_img { z-index:2; } #laymod_359103 .bodyCont_width { position:relative; z-index:4; } /*标题控制*/ #laymod_359103 .bodyContTitle { margin:0; position:relative; z-index: 3; overflow:hidden; } #laymod_359103 .bodyContTitle div { text-align:center; } #laymod_359103 .bodyContTitle .fl { font-size:24px; line-height:1; margin:0 0 12px 0; font-weight:bold; color:#333; } #laymod_359103 .bodyContTitle .fl2 { font-size:12px; line-height:1; margin:0; font-weight:normal; color:#999; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_359103 .bodyContTitle .left_title{ transform: translateX(-10%); -ms-transform: translateX(-10%); -moz-transform: translateX(-10%); -webkit-transform: translateX(-10%); -o-transform: translateX(-10%); opacity: 0; -webkit-transition: all .8s; transition: all .8s; } #laymod_359103 .bodyContTitle .left_title.active{ opacity: 1; -webkit-transition: all .8s; transition: all .8s; transform: translateX(0%); -ms-transform: translateX(0%); -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); } #laymod_359103 .bodyContContent { position:relative; z-index: 4; } #laymod_359103 .bodyContContent li{ width: 370px; float: left; height: 320px; margin-bottom: 20px; margin-right: 45px; overflow: hidden; } #laymod_359103 .bodyContContent li .pro_cate_list{ display: block; width: 100%; position: relative; padding: 0; overflow: hidden; transform: translateX(-110%); -ms-transform: translateX(-110%); -moz-transform: translateX(-110%); -webkit-transform: translateX(-110%); -o-transform: translateX(-110%); transition: all 1.5s cubic-bezier(.075,.82,.165,1) 0.1s; -moz-transition: all 1.5s cubic-bezier(.075,.82,.165,1) 0.1s; -webkit-transition: all 1.5s cubic-bezier(.075,.82,.165,1) 0.1s; -o-transition: all 1.5s cubic-bezier(.075,.82,.165,1) 0.1s; } #laymod_359103 .bodyContContent li.active .pro_cate_list{ transform: translateX(0%); -ms-transform: translateX(0%); -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); } #laymod_359103 .bodyContContent li:nth-child(3n){ margin-right: 0 ; } #laymod_359103 .bodyContContent li .pro_cate_list_img{ display: block; position: relative; z-index: 0; transform: translateX(-110%); -ms-transform: translateX(-110%); -moz-transform: translateX(-110%); -webkit-transform: translateX(-110%); -o-transform: translateX(-110%); transition: all 1s cubic-bezier(.075,.82,.165,1) 0.1s; -moz-transition: all 1s cubic-bezier(.075,.82,.165,1) 0.1s; -webkit-transition: all 1s cubic-bezier(.075,.82,.165,1) 0.1s; -o-transition: all 1s cubic-bezier(.075,.82,.165,1) 0.1s; overflow: hidden; } #laymod_359103 .bodyContContent li .pro_cate_list_img:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; right: 0; background: #000; transition: all 1s cubic-bezier(.075,.82,.165,1) 0.5s; -moz-transition: all 1s cubic-bezier(.075,.82,.165,1) 0.5s; -webkit-transition: all 1s cubic-bezier(.075,.82,.165,1) 0.5s; -o-transition: all 1s cubic-bezier(.075,.82,.165,1) 0.5s; } #laymod_359103 .bodyContContent li.active .pro_cate_list_img:after{ width: 0; } #laymod_359103 .bodyContContent li.active .pro_cate_list_img{ transform: translateX(0%); -ms-transform: translateX(0%); -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); } #laymod_359103 .bodyContContent li .pro_cate_list_bottom{ position: relative; height: 80px; padding-top: 25px; padding-left: 20px; } #laymod_359103 .bodyContContent li .pro_cate_list_bottom span{ width: 60%; display: block ; } #laymod_359103 .bodyContContent li .pro_cate_list_bottom span.company_name{ font-size: 14px; color: #000000; margin-bottom: 5px; } #laymod_359103 .bodyContContent li .pro_cate_list_bottom span.insutry{ font-size: 12px; color: #999; } #laymod_359103 .bodyContContent li .pro_cate_list_bottom img.logo_img{ position: absolute; right: 15px; top: 15px; } /*768<= ipad和ipadpro区间 <=1100*/ @media (min-width:768px) and (max-width:1100px) { #laymod_359103 .bodyContContent li{ width: 310px; height: 300px; margin-bottom: 20px; margin-right: 20px; } #laymod_359103 .bodyContContent li.active .pro_cate_list_img img{ width: 100%; } #laymod_359103 .bodyContContent li .pro_cate_list_bottom{ height: 100px; } #laymod_359103 .bodyContTitle { margin-bottom:3vw !important; } #laymod_359103 .bodyContTitle .fl { font-size:3vw; } #laymod_359103 .bodyContTitle .fl2 { font-size:1.4vw; } #laymod_359103 .ql-size-12, #laymod_359103 .ql-size-13, #laymod_359103 .ql-size-14, #laymod_359103 .ql-size-15, #laymod_359103 .ql-size-16 { font-size:1vw; } #laymod_359103 .ql-size-17, #laymod_359103 .ql-size-18, #laymod_359103 .ql-size-19, #laymod_359103 .ql-size-20, #laymod_359103 .ql-size-21 { font-size:1.1vw; } #laymod_359103 .ql-size-22, #laymod_359103 .ql-size-23, #laymod_359103 .ql-size-24, #laymod_359103 .ql-size-25, #laymod_359103 .ql-size-26 { font-size:1.2vw; } #laymod_359103 .ql-size-27, #laymod_359103 .ql-size-28, #laymod_359103 .ql-size-29, #laymod_359103 .ql-size-30, #laymod_359103 .ql-size-31 { font-size:1.3vw; } #laymod_359103 .ql-size-32, #laymod_359103 .ql-size-33, #laymod_359103 .ql-size-34, #laymod_359103 .ql-size-35, #laymod_359103 .ql-size-36 { font-size:1.4vw; } #laymod_359103 .ql-size-37, #laymod_359103 .ql-size-38, #laymod_359103 .ql-size-39, #laymod_359103 .ql-size-40, #laymod_359103 .ql-size-41 { font-size:1.5vw; } #laymod_359103 .ql-size-42, #laymod_359103 .ql-size-43, #laymod_359103 .ql-size-44, #laymod_359103 .ql-size-45, #laymod_359103 .ql-size-46 { font-size:1.6vw; } #laymod_359103 .ql-size-47, #laymod_359103 .ql-size-48, #laymod_359103 .ql-size-49, #laymod_359103 .ql-size-50, #laymod_359103 .ql-size-51 { font-size:1.7vw; } #laymod_359103 .ql-size-52, #laymod_359103 .ql-size-53, #laymod_359103 .ql-size-54, #laymod_359103 .ql-size-55, #laymod_359103 .ql-size-56 { font-size:1.8vw; } #laymod_359103 .ql-size-57, #laymod_359103 .ql-size-58, #laymod_359103 .ql-size-59, #laymod_359103 .ql-size-60, #laymod_359103 .ql-size-61 { font-size:1.9vw; } #laymod_359103 .ql-size-62, #laymod_359103 .ql-size-63, #laymod_359103 .ql-size-64, #laymod_359103 .ql-size-65, #laymod_359103 .ql-size-66 { font-size:2vw; } #laymod_359103 .ql-size-67, #laymod_359103 .ql-size-68, #laymod_359103 .ql-size-69, #laymod_359103 .ql-size-70, #laymod_359103 .ql-size-71 { font-size:2.1vw; } } /*手机端区间 <=767*/ @media (max-width:767px) { #laymod_359103{ padding: 0 !important; } #laymod_359103 .bodyContTitle { margin-bottom:4vw; } #laymod_359103 .bodyContTitle .fl { font-size:5vw; } #laymod_359103 .bodyContTitle .fl2 { font-size:3.4vw; } #laymod_359103 .ql-size-12, #laymod_359103 .ql-size-13, #laymod_359103 .ql-size-14, #laymod_359103 .ql-size-15, #laymod_359103 .ql-size-16 { font-size:3vw; } #laymod_359103 .ql-size-17, #laymod_359103 .ql-size-18, #laymod_359103 .ql-size-19, #laymod_359103 .ql-size-20, #laymod_359103 .ql-size-21 { font-size:3.25vw; } #laymod_359103 .ql-size-22, #laymod_359103 .ql-size-23, #laymod_359103 .ql-size-24, #laymod_359103 .ql-size-25, #laymod_359103 .ql-size-26 { font-size:3.5vw; } #laymod_359103 .ql-size-27, #laymod_359103 .ql-size-28, #laymod_359103 .ql-size-29, #laymod_359103 .ql-size-30, #laymod_359103 .ql-size-31 { font-size:3.75vw; } #laymod_359103 .ql-size-32, #laymod_359103 .ql-size-33, #laymod_359103 .ql-size-34, #laymod_359103 .ql-size-35, #laymod_359103 .ql-size-36 { font-size:4vw; } #laymod_359103 .ql-size-37, #laymod_359103 .ql-size-38, #laymod_359103 .ql-size-39, #laymod_359103 .ql-size-40, #laymod_359103 .ql-size-41 { font-size:4.25vw; } #laymod_359103 .ql-size-42, #laymod_359103 .ql-size-43, #laymod_359103 .ql-size-44, #laymod_359103 .ql-size-45, #laymod_359103 .ql-size-46 { font-size:4.5vw; } #laymod_359103 .ql-size-47, #laymod_359103 .ql-size-48, #laymod_359103 .ql-size-49, #laymod_359103 .ql-size-50, #laymod_359103 .ql-size-51 { font-size:4.75vw; } #laymod_359103 .ql-size-52, #laymod_359103 .ql-size-53, #laymod_359103 .ql-size-54, #laymod_359103 .ql-size-55, #laymod_359103 .ql-size-56 { font-size:5vw; } #laymod_359103 .ql-size-57, #laymod_359103 .ql-size-58, #laymod_359103 .ql-size-59, #laymod_359103 .ql-size-60, #laymod_359103 .ql-size-61 { font-size:5.25vw; } #laymod_359103 .ql-size-62, #laymod_359103 .ql-size-63, #laymod_359103 .ql-size-64, #laymod_359103 .ql-size-65, #laymod_359103 .ql-size-66 { font-size:5.5vw; } #laymod_359103 .ql-size-67, #laymod_359103 .ql-size-68, #laymod_359103 .ql-size-69, #laymod_359103 .ql-size-70, #laymod_359103 .ql-size-71 { font-size:5.75vw; } #laymod_359103 .bodyContContent li{ width: 100%; margin-right: 0; } #laymod_359103 .bodyContContent li .pro_cate_list_bottom span{ width: 70%; } #laymod_359103 .bodyContContent li img.list_img{ width: 100%; } #laymod_359103 .bodyContContent li .pro_cate_list_bottom span.company_name{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_b3jck8wx6id.eot'); src: url('//at.alicdn.com/t/font_249974_b3jck8wx6id.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.woff') format('woff'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } #laymod_359180 img { border:0 none; } #laymod_359180 ul, #laymod_359180 ol, #laymod_359180 li { list-style:none; padding:0; margin:0; } #laymod_359180 h1, #laymod_359180 h2, #laymod_359180 h3, #laymod_359180 h4, #laymod_359180 h5, #laymod_359180 h6, #laymod_359180 p { margin:0; font-weight:normal; } #laymod_359180 a, #laymod_359180 a:hover, #laymod_359180 a:active, #laymod_359180 a:visited, #laymod_359180 a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_359180 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_359180 .module-section-inner, #laymod_359180 #jhk_rec { position:static; } #laymod_359180 #jhk_rec>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_359180 #jhk_rec>.bg_img { z-index:2; } #laymod_359180 .bodyCont_width { position:relative; z-index:4; } /*标题控制*/ #laymod_359180 .bodyContTitle { margin:0; position:relative; z-index: 3; overflow:hidden; } #laymod_359180 .bodyContTitle div { text-align:center; } #laymod_359180 .bodyContTitle .fl { font-size:24px; line-height:1; margin:0 0 12px 0; font-weight:bold; color:#333; } #laymod_359180 .bodyContTitle .fl2 { font-size:12px; line-height:1; margin:0; font-weight:normal; color:#999; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_359180 .bodyContContent { position:relative; z-index: 4; } #laymod_359180 .bodyContContent ul{ overflow: hidden; font-size:0; } #laymod_359180 .bodyContContent ul li{ display:inline-block; vertical-align: top; width: 50%; padding-left: 25px; position: relative; margin-bottom: 40px; } #laymod_359180 .bodyContContent ul li i::after{ height: 7px; width: 7px; background: #000; content: ''; border-radius: 50%; position: absolute; top: 8px; left: 0; transition: all .8s; -moz-transition:all .8s; -webkit-transition:all .8s; -o-transition:all .8s; } #laymod_359180 .bodyContContent ul li:hover i::after{ left: 25px; background: #fc6821; } #laymod_359180 .bodyContContent ul li:nth-child(2n-1){ padding-right: 100px; } #laymod_359180 .bodyContContent ul li:nth-child(2n){ padding-left: 125px; } #laymod_359180 .bodyContContent ul li:nth-child(2n) i:after{ left: 100px; } #laymod_359180 .bodyContContent ul li:nth-child(2n):hover i:after{ left: 125px; } #laymod_359180 .bodyContContent ul li .news_name{ font-size: 16px; color: #000; display: block; margin-bottom: 5px; } #laymod_359180 .bodyContContent ul li:hover .news_name{ transform: translateX(5%); -ms-transform: translateX(5%); -moz-transform: translateX(5%); -webkit-transform: translateX(5%); -o-transform: translateX(5%); -webkit-transition: all .8s; transition: all .8s; color: #fc6821; } #laymod_359180 .bodyContContent ul li .news_cont{ color: #999999; font-size: 12px; line-height: 30px; } #laymod_359180 .bodyContContent .more{ display: block; width: 200px; height: 55px; border: 1px solid #fc6821; border-radius: 55px; background: #fff; margin: 35px auto 0 auto; text-align: center; /* opacity: 0; transform: translateY(-5%); -ms-transform: translateY(-5%); -moz-transform: translateY(-5%); -webkit-transform: translateY(-5%); -o-transform: translateY(-5%); -webkit-transition: opacity .5s,visibility .5s; transition: opacity .5s,visibility .5s; */ -webkit-transition: all .8s; transition: all .8s; } /* #laymod_359180 .bodyContContent .more.active{ transform: translateY(0%); -ms-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -webkit-transition-delay: 1.8s; transition-delay: 1.8s; opacity: 1; } */ #laymod_359180 .bodyContContent .more a{ display: block; width: 200px; height: 55px; } #laymod_359180 .bodyContContent .more span{ color: #fc6821; line-height: 55px; text-align: center; font-size: 16px; } #laymod_359180 .bodyContContent .more:hover{ background: #fc6821; -webkit-transition: all 1s; transition: all 1s; } #laymod_359180 .bodyContContent .more:hover span{ color: #fff; } /*768<= ipad和ipadpro区间 <=1100*/ @media (min-width:768px) and (max-width:1100px) { #laymod_359180 .bodyContContent ul li{ width: 50%; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 30px; } #laymod_359180 .bodyContContent ul li:nth-child(2n-1){ padding-right: 25px; } #laymod_359180 .bodyContContent ul li:nth-child(2n){ padding-left: 25px; } #laymod_359180 .bodyContContent ul li:nth-child(2n) i:after{ left: 0; } #laymod_359180 .bodyContTitle { margin-bottom:3vw !important; } #laymod_359180 .bodyContTitle .fl { font-size:3vw; } #laymod_359180 .bodyContTitle .fl2 { font-size:1.4vw; } #laymod_359180 .ql-size-12, #laymod_359180 .ql-size-13, #laymod_359180 .ql-size-14, #laymod_359180 .ql-size-15, #laymod_359180 .ql-size-16 { font-size:1vw; } #laymod_359180 .ql-size-17, #laymod_359180 .ql-size-18, #laymod_359180 .ql-size-19, #laymod_359180 .ql-size-20, #laymod_359180 .ql-size-21 { font-size:1.1vw; } #laymod_359180 .ql-size-22, #laymod_359180 .ql-size-23, #laymod_359180 .ql-size-24, #laymod_359180 .ql-size-25, #laymod_359180 .ql-size-26 { font-size:1.2vw; } #laymod_359180 .ql-size-27, #laymod_359180 .ql-size-28, #laymod_359180 .ql-size-29, #laymod_359180 .ql-size-30, #laymod_359180 .ql-size-31 { font-size:1.3vw; } #laymod_359180 .ql-size-32, #laymod_359180 .ql-size-33, #laymod_359180 .ql-size-34, #laymod_359180 .ql-size-35, #laymod_359180 .ql-size-36 { font-size:1.4vw; } #laymod_359180 .ql-size-37, #laymod_359180 .ql-size-38, #laymod_359180 .ql-size-39, #laymod_359180 .ql-size-40, #laymod_359180 .ql-size-41 { font-size:1.5vw; } #laymod_359180 .ql-size-42, #laymod_359180 .ql-size-43, #laymod_359180 .ql-size-44, #laymod_359180 .ql-size-45, #laymod_359180 .ql-size-46 { font-size:1.6vw; } #laymod_359180 .ql-size-47, #laymod_359180 .ql-size-48, #laymod_359180 .ql-size-49, #laymod_359180 .ql-size-50, #laymod_359180 .ql-size-51 { font-size:1.7vw; } #laymod_359180 .ql-size-52, #laymod_359180 .ql-size-53, #laymod_359180 .ql-size-54, #laymod_359180 .ql-size-55, #laymod_359180 .ql-size-56 { font-size:1.8vw; } #laymod_359180 .ql-size-57, #laymod_359180 .ql-size-58, #laymod_359180 .ql-size-59, #laymod_359180 .ql-size-60, #laymod_359180 .ql-size-61 { font-size:1.9vw; } #laymod_359180 .ql-size-62, #laymod_359180 .ql-size-63, #laymod_359180 .ql-size-64, #laymod_359180 .ql-size-65, #laymod_359180 .ql-size-66 { font-size:2vw; } #laymod_359180 .ql-size-67, #laymod_359180 .ql-size-68, #laymod_359180 .ql-size-69, #laymod_359180 .ql-size-70, #laymod_359180 .ql-size-71 { font-size:2.1vw; } } /*手机端区间 <=767*/ @media (max-width:767px) { #laymod_359180 .bodyContTitle { margin-bottom:4vw; } #laymod_359180 .bodyContTitle .fl { font-size:5vw; } #laymod_359180 .bodyContTitle .fl2 { font-size:3.4vw; } #laymod_359180 .ql-size-12, #laymod_359180 .ql-size-13, #laymod_359180 .ql-size-14, #laymod_359180 .ql-size-15, #laymod_359180 .ql-size-16 { font-size:3vw; } #laymod_359180 .ql-size-17, #laymod_359180 .ql-size-18, #laymod_359180 .ql-size-19, #laymod_359180 .ql-size-20, #laymod_359180 .ql-size-21 { font-size:3.25vw; } #laymod_359180 .ql-size-22, #laymod_359180 .ql-size-23, #laymod_359180 .ql-size-24, #laymod_359180 .ql-size-25, #laymod_359180 .ql-size-26 { font-size:3.5vw; } #laymod_359180 .ql-size-27, #laymod_359180 .ql-size-28, #laymod_359180 .ql-size-29, #laymod_359180 .ql-size-30, #laymod_359180 .ql-size-31 { font-size:3.75vw; } #laymod_359180 .ql-size-32, #laymod_359180 .ql-size-33, #laymod_359180 .ql-size-34, #laymod_359180 .ql-size-35, #laymod_359180 .ql-size-36 { font-size:20px; } #laymod_359180 .ql-size-37, #laymod_359180 .ql-size-38, #laymod_359180 .ql-size-39, #laymod_359180 .ql-size-40, #laymod_359180 .ql-size-41 { font-size:4.25vw; } #laymod_359180 .ql-size-42, #laymod_359180 .ql-size-43, #laymod_359180 .ql-size-44, #laymod_359180 .ql-size-45, #laymod_359180 .ql-size-46 { font-size:4.5vw; } #laymod_359180 .ql-size-47, #laymod_359180 .ql-size-48, #laymod_359180 .ql-size-49, #laymod_359180 .ql-size-50, #laymod_359180 .ql-size-51 { font-size:4.75vw; } #laymod_359180 .ql-size-52, #laymod_359180 .ql-size-53, #laymod_359180 .ql-size-54, #laymod_359180 .ql-size-55, #laymod_359180 .ql-size-56 { font-size:5vw; } #laymod_359180 .ql-size-57, #laymod_359180 .ql-size-58, #laymod_359180 .ql-size-59, #laymod_359180 .ql-size-60, #laymod_359180 .ql-size-61 { font-size:5.25vw; } #laymod_359180 .ql-size-62, #laymod_359180 .ql-size-63, #laymod_359180 .ql-size-64, #laymod_359180 .ql-size-65, #laymod_359180 .ql-size-66 { font-size:5.5vw; } #laymod_359180 .ql-size-67, #laymod_359180 .ql-size-68, #laymod_359180 .ql-size-69, #laymod_359180 .ql-size-70, #laymod_359180 .ql-size-71 { font-size:5.75vw; } #laymod_359180 .bodyContContent ul li{ width: 100%; } #laymod_359180 .bodyContContent ul li:nth-child(2n-1){ padding-right: 0; } #laymod_359180 .bodyContContent ul li:nth-child(2n){ padding-left: 25px; } #laymod_359180 .bodyContContent ul li .news_name{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } #laymod_359180 .bodyContContent ul li .news_cont{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } #laymod_359180 .bodyContContent ul li:nth-child(2n) i:after{ left: 0; } #laymod_359180 .bodyContContent ul li:nth-child(2n):hover i:after{ left: 25px; } } /*模版整体控制*/ #laymod_654241 #jh2_advers_2 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_654241 .bodyCont_width>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_654241 .bodyCont_width>.bg_img { z-index:2; } #laymod_654241 .bodyCont_width { position:relative; } /*标题控制*/ #laymod_654241 .bodyContContent { position:relative; z-index: 4; } #laymod_654241 .bodyContContent img { max-width: 100%; } /*模版主体部分*/ #laymod_654241 .nybanner_1 a { display:block; width:100%; height:100%; } #laymod_654241 .nybanner_1 a:hover { text-decoration:none; } #laymod_654241 .nybanner_1 a .container { text-align:center; position:relative; height:100%; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:vertical; -webkit-box-direction:normal; -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column; -webkit-flex-direction:column; /*flex-wrap*/ -webkit-flex-wrap:wrap; -webkit-box-lines:multiple; -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_654241 .nybanner_1 a .container .cont { width:100%; } #laymod_654241 .nybanner_1 a .container>p { width:100%; text-align:center; } #laymod_654241 .nybanner_1 a p:nth-child(1) { margin:0 0 2% 0; display:block; font-size:24px; line-height:1.4; color:#fff; } #laymod_654241 .nybanner_1 a p:nth-child(2) { margin:0; display:block; font-size:16px; line-height:1.4; color:#fff; } /*直接控制小于992px屏幕时css*/ @media (max-width:992px) { #laymod_654241 .nybanner_1 a p:nth-child(1) { font-size:18px; } #laymod_654241 .nybanner_1 a p:nth-child(2) { font-size:13px; } } /*768<= ipad和ipadpro区间 <=1100*/ @media (min-width:768px) and (max-width:1100px) { #laymod_654241 .bodyContTitle { margin-bottom:3vw !important; } #laymod_654241 .bodyContTitle .fl { font-size:3vw; } #laymod_654241 .bodyContTitle .fl2 { font-size:1.4vw; } #laymod_654241 .ql-size-12, #laymod_654241 .ql-size-13, #laymod_654241 .ql-size-14, #laymod_654241 .ql-size-15, #laymod_654241 .ql-size-16 { font-size:1vw; } #laymod_654241 .ql-size-17, #laymod_654241 .ql-size-18, #laymod_654241 .ql-size-19, #laymod_654241 .ql-size-20, #laymod_654241 .ql-size-21 { font-size:1.1vw; } #laymod_654241 .ql-size-22, #laymod_654241 .ql-size-23, #laymod_654241 .ql-size-24, #laymod_654241 .ql-size-25, #laymod_654241 .ql-size-26 { font-size:1.2vw; } #laymod_654241 .ql-size-27, #laymod_654241 .ql-size-28, #laymod_654241 .ql-size-29, #laymod_654241 .ql-size-30, #laymod_654241 .ql-size-31 { font-size:1.3vw; } #laymod_654241 .ql-size-32, #laymod_654241 .ql-size-33, #laymod_654241 .ql-size-34, #laymod_654241 .ql-size-35, #laymod_654241 .ql-size-36 { font-size:1.4vw; } #laymod_654241 .ql-size-37, #laymod_654241 .ql-size-38, #laymod_654241 .ql-size-39, #laymod_654241 .ql-size-40, #laymod_654241 .ql-size-41 { font-size:1.5vw; } #laymod_654241 .ql-size-42, #laymod_654241 .ql-size-43, #laymod_654241 .ql-size-44, #laymod_654241 .ql-size-45, #laymod_654241 .ql-size-46 { font-size:1.6vw; } #laymod_654241 .ql-size-47, #laymod_654241 .ql-size-48, #laymod_654241 .ql-size-49, #laymod_654241 .ql-size-50, #laymod_654241 .ql-size-51 { font-size:1.7vw; } #laymod_654241 .ql-size-52, #laymod_654241 .ql-size-53, #laymod_654241 .ql-size-54, #laymod_654241 .ql-size-55, #laymod_654241 .ql-size-56 { font-size:1.8vw; } #laymod_654241 .ql-size-57, #laymod_654241 .ql-size-58, #laymod_654241 .ql-size-59, #laymod_654241 .ql-size-60, #laymod_654241 .ql-size-61 { font-size:1.9vw; } #laymod_654241 .ql-size-62, #laymod_654241 .ql-size-63, #laymod_654241 .ql-size-64, #laymod_654241 .ql-size-65, #laymod_654241 .ql-size-66 { font-size:2vw; } #laymod_654241 .ql-size-67, #laymod_654241 .ql-size-68, #laymod_654241 .ql-size-69, #laymod_654241 .ql-size-70, #laymod_654241 .ql-size-71 { font-size:2.1vw; } } /*手机端区间 <=767*/ @media (max-width:767px) { #laymod_654241 .bodyContTitle { margin-bottom:4vw; } #laymod_654241 .bodyContTitle .fl { font-size:5vw; } #laymod_654241 .bodyContTitle .fl2 { font-size:3.4vw; } #laymod_654241 .ql-size-12, #laymod_654241 .ql-size-13, #laymod_654241 .ql-size-14, #laymod_654241 .ql-size-15, #laymod_654241 .ql-size-16 { font-size:12px; } #laymod_654241 .ql-size-17, #laymod_654241 .ql-size-18, #laymod_654241 .ql-size-19, #laymod_654241 .ql-size-20, #laymod_654241 .ql-size-21 { font-size:14px; } #laymod_654241 .ql-size-22, #laymod_654241 .ql-size-23, #laymod_654241 .ql-size-24, #laymod_654241 .ql-size-25, #laymod_654241 .ql-size-26 { font-size:16px; } #laymod_654241 .ql-size-27, #laymod_654241 .ql-size-28, #laymod_654241 .ql-size-29, #laymod_654241 .ql-size-30, #laymod_654241 .ql-size-31 { font-size:18px; } #laymod_654241 .ql-size-32, #laymod_654241 .ql-size-33, #laymod_654241 .ql-size-34, #laymod_654241 .ql-size-35, #laymod_654241 .ql-size-36 { font-size:20px; } #laymod_654241 .ql-size-37, #laymod_654241 .ql-size-38, #laymod_654241 .ql-size-39, #laymod_654241 .ql-size-40, #laymod_654241 .ql-size-41 { font-size:22px; } #laymod_654241 .ql-size-42, #laymod_654241 .ql-size-43, #laymod_654241 .ql-size-44, #laymod_654241 .ql-size-45, #laymod_654241 .ql-size-46 { font-size:24px; } #laymod_654241 .ql-size-47, #laymod_654241 .ql-size-48, #laymod_654241 .ql-size-49, #laymod_654241 .ql-size-50, #laymod_654241 .ql-size-51 { font-size:26px; } #laymod_654241 .ql-size-52, #laymod_654241 .ql-size-53, #laymod_654241 .ql-size-54, #laymod_654241 .ql-size-55, #laymod_654241 .ql-size-56 { font-size:28px; } #laymod_654241 .ql-size-57, #laymod_654241 .ql-size-58, #laymod_654241 .ql-size-59, #laymod_654241 .ql-size-60, #laymod_654241 .ql-size-61 { font-size:30px; } #laymod_654241 .ql-size-62, #laymod_654241 .ql-size-63, #laymod_654241 .ql-size-64, #laymod_654241 .ql-size-65, #laymod_654241 .ql-size-66 { font-size:32px; } #laymod_654241 .ql-size-67, #laymod_654241 .ql-size-68, #laymod_654241 .ql-size-69, #laymod_654241 .ql-size-70, #laymod_654241 .ql-size-71 { font-size:34px; } } @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.eot'); src: url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.woff') format('woff'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; } #laymod_481778 #jh2_foot_17 { overflow: hidden; position: relative; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_481778 .nav_control { text-align:center; } #laymod_481778 #jh2_foot_17 .foot_fixed { position: fixed; z-index: 1750; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #laymod_481778 #jh2_foot_17 .foot_fixed .foot_off .foot_off_icon { width: 40px; height: 133px; position: relative; cursor: pointer; text-align: center; } #laymod_481778 #jh2_foot_17 .foot_fixed .foot_off .foot_off_icon .iconfont { font-size: 12px; border-radius: 100%; display: inline-block; padding: 4px; border: 1px solid #FF5241; color: #FF5241; z-index: 11; position: relative; background: #fff; } #laymod_481778 #jh2_foot_17 .foot_fixed .foot_off .foot_off_icon .iconfont:after { content: "\e944"; display: inline-block; } #laymod_481778 #jh2_foot_17 .foot_fixed .foot_off .foot_off_icon .foot_off_txt { color: #fff; font-size: 17px; letter-spacing: 2px; padding: 10px 10px; min-height: 120px; display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; -webkit-align-items:center; margin-top: -10px; writing-mode: vertical-rl; text-align:center; justify-content: center; } #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content { border: 1px solid #ddd; border-radius: 10px; position: relative; } #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content .fixed_close { position: absolute; top: -12px; right: 5px; display: flex; display: -webkit-flex; justify-content: center; align-items: center; width: 24px; height: 24px; text-align: center; line-height: 22px; border-radius: 50%; background: #F9FAFB; border: 1px solid #ddd; } #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content .fixed_close .iconfont { font-size: 14px; color: #ddd; } #laymod_481778 #jh2_foot_17 .foot_fixed.this_false .fixed_content .fixed_close { display: none; } #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content .fixed_close .iconfont:before { content: "\e74c"; } #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content .fixed_qq { width: 100%; height: 100px; border-bottom: 1px solid #ddd; } #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content .fixed_qq .avatar_wrap { padding-top: 10px; } #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content .fixed_qq .avatar_wrap .qq_avatar { width: 75px; height: 75px; border-radius: 50%; overflow: hidden; display: block; margin: 0 auto; -webkit-transition: all 0.3s; transition: all 0.3s; box-shadow: 0 4px 12px #ccc; } #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content .fixed_qq .avatar_wrap .qq_avatar img { max-width: 100%; } #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content .fixed_tel span { display: block; font-size: 14px; line-height: 2; text-align: center; position: relative; } #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content .fixed_tel span:nth-child(1) { padding: 6px 0; } #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content .fixed_tel span:after { content: ""; position: absolute; bottom: 0; display: block; height: 1px; width: 100%; background: #ddd; } #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content .fixed_tel span a { display: block; color: #FF5241; } #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content .fixed_tel p { color: #000; font-size: 14px; line-height: 1; text-align: center; margin-top: 10px; } #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code { font-size: 0; text-align: center; } #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .code_info { border-bottom: 1px solid #ddd; padding: 10px; } #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .code_info .code_pic img { max-width: 100%; } #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .code_info p { color: #000; font-size: 14px; text-align: center; line-height: 2; } #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .back_top { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 50%; height: 55px; } #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .back_top .iconfont { font-size: 32px; color: #999; line-height: 55px; } #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .back_top .iconfont:before { content: "\e787"; } @media(max-width: 991px) { #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .code_info .code_pic img { max-width: 80%; height: 80px; } #laymod_481778 #jh2_foot_17 .foot_fixed .fixed_content .fixed_code .code_info p { font-size: 12px; line-height: 1.5; } } #laymod_481778 .share_ewm { position:fixed; top:0; left:0; width:100%; height:100%; display:none; z-index: 2001; } #laymod_481778 .share_ewm .share_ewm_bg { position:absolute; top:0; left:0; z-index: 0; background:#000; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); width:100%; height:100%; } #laymod_481778 .share_ewm_img { width:220px; background:#fff; overflow:hidden; padding:10px 10px 0 10px; position:absolute; z-index: 1; left:50%; top:50%; margin:-135px 0 0 -120px; } #laymod_481778 .share_ewm_img img { display:block; width:100%; } #laymod_481778 .share_ewm_img p { text-align:center; font-size:14px; line-height:2.8; color:#000; } /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_b3jck8wx6id.eot'); src: url('//at.alicdn.com/t/font_249974_b3jck8wx6id.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.woff') format('woff'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_b3jck8wx6id.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } #laymod_356517 img { border:0 none; } #laymod_356517 ul, #laymod_356517 ol, #laymod_356517 li { list-style:none; padding:0; margin:0; } #laymod_356517 h1, #laymod_356517 h2, #laymod_356517 h3, #laymod_356517 h4, #laymod_356517 h5, #laymod_356517 h6, #laymod_356517 p { margin:0; font-weight:normal; } #laymod_356517 a, #laymod_356517 a:hover, #laymod_356517 a:active, #laymod_356517 a:visited, #laymod_356517 a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_356517 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_356517 .module-section-inner, #laymod_356517 #jhk_foot { position:static; } #laymod_356517 #jhk_foot>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_356517 #jhk_foot>.bg_img { z-index:2; } #laymod_356517 .bodyCont_width { position:relative; z-index:4; } #laymod_356517 .bodyContContent { position: relative; z-index: 4; width: 1200px; height: 199px; margin: 0 auto; margin-top: 60px; } #laymod_356517 .bodyContContent>div{ float: left; height: 135px; } #laymod_356517 .bodyContContent>div.share .foottitle{ margin-top: 30px; } #laymod_356517 .bodyContContent>div .foottitle{ font-size: 16px; color: #999999; text-align: center; } #laymod_356517 .bodyContContent>div.share{ width: 300px; padding-left: 75px; padding-right: 153px; } #laymod_356517 .bodyContContent>div.coop{ width: 420px; } #laymod_356517 .bodyContContent>div.coop .foottitle{ margin-bottom: 26px; } #laymod_356517 .bodyContContent>div.link .foottitle{ margin-bottom: 35px; } #laymod_356517 .bodyContContent>div.link{ width: 480px; padding-left: 87px; } #laymod_356517 .bodyContContent>div.link ul li{ float: left; width: 88px; margin-bottom: 25px; } #laymod_356517 .bodyContContent>div.link ul li a{ font-size: 14px; color: #666666; } #laymod_356517 .bodyContContent>div.link ul li a:hover{ color: #fc6821; -webkit-transition: all 0.3s; transition: all 0.3s; } #laymod_356517 .footer_share { padding-bottom:67px; text-align:center; } #laymod_356517 .bodyContContent .share .wechat span{ background-image: url(https://img1.jihui88.com/upload/j/j2/jihuike/picture/2020/03/03/3e93ef21-8ea8-42b8-8bad-5ffd28f899bc.png); width: 75px; height: 64px; display: block; } #laymod_356517 .bodyContContent .share a { display: inline-block; } #laymod_356517 .bodyContContent .share a i { font-size: 30px; display: block; color:#5f5f5f; } #laymod_356517 .bodyContContent .wechat_div { position: fixed; width: 100%; left: 0; right: 0; text-align: center; top: 0; bottom: 0; z-index: 500; visibility: hidden; opacity: 0; transition: all .35s ease-out; } #laymod_356517 .bodyContContent .wechat_div.active { opacity: 1; visibility: visible; } #laymod_356517 .bodyContContent .wechat_div .wechat_bg { position: absolute; left: 0; right: 0; background: rgba(0,0,0,0.4); width: 100%; height: 100%; } #laymod_356517 .bodyContContent .wechat_div .wechat_img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 300px; width:300px; } #laymod_356517 .bodyContContent .wechat_div .wechat_img img { max-width: 100%; max-height: 100%; } #laymod_356517 .bottom{ border-top: 1px solid #333333; padding: 17px 0; margin-bottom: 10px; } #laymod_356517 .bottom .bottom_nav{ display: block; overflow: hidden; text-align: center; } #laymod_356517 .bottom .bottom_nav ul{ position: relative; overflow: hidden; display: inline-block; text-align: center; } #laymod_356517 .bottom .bottom_nav li{ float: left; margin-right: 19px; line-height: 23px; } #laymod_356517 .bottom .bottom_nav li a{ color: #666666; font-size: 12px; } #laymod_356517 .bottom .bottom_nav li a:hover{ color: #fc6821; -webkit-transition: all 0.3s; transition: all 0.3s; } #laymod_356517 .bottom .bottom_copy{ text-align: center; } #laymod_356517 .bottom .bottom_copy h6{ display: inline-block; color: #666; font-size: 12px; line-height: 23px; } /*768<= ipad和ipadpro区间 <=1100*/ @media (min-width:768px) and (max-width:1100px) { #laymod_356517 .bodyContContent{ width: 100%; } #laymod_356517 .bodyContContent>div.share{ width: 203px; padding: 0px 63px; } #laymod_356517 .bodyContContent>div.link{ width: 400px; padding-left: 50px; } #laymod_356517 .bodyContTitle { margin-bottom:3vw !important; } #laymod_356517 .bodyContTitle .fl { font-size:3vw; } #laymod_356517 .bodyContTitle .fl2 { font-size:1.4vw; } #laymod_356517 .ql-size-12, #laymod_356517 .ql-size-13, #laymod_356517 .ql-size-14, #laymod_356517 .ql-size-15, #laymod_356517 .ql-size-16 { font-size:1vw; } #laymod_356517 .ql-size-17, #laymod_356517 .ql-size-18, #laymod_356517 .ql-size-19, #laymod_356517 .ql-size-20, #laymod_356517 .ql-size-21 { font-size:1.1vw; } #laymod_356517 .ql-size-22, #laymod_356517 .ql-size-23, #laymod_356517 .ql-size-24, #laymod_356517 .ql-size-25, #laymod_356517 .ql-size-26 { font-size:1.2vw; } #laymod_356517 .ql-size-27, #laymod_356517 .ql-size-28, #laymod_356517 .ql-size-29, #laymod_356517 .ql-size-30, #laymod_356517 .ql-size-31 { font-size:1.3vw; } #laymod_356517 .ql-size-32, #laymod_356517 .ql-size-33, #laymod_356517 .ql-size-34, #laymod_356517 .ql-size-35, #laymod_356517 .ql-size-36 { font-size:1.4vw; } #laymod_356517 .ql-size-37, #laymod_356517 .ql-size-38, #laymod_356517 .ql-size-39, #laymod_356517 .ql-size-40, #laymod_356517 .ql-size-41 { font-size:1.5vw; } #laymod_356517 .ql-size-42, #laymod_356517 .ql-size-43, #laymod_356517 .ql-size-44, #laymod_356517 .ql-size-45, #laymod_356517 .ql-size-46 { font-size:1.6vw; } #laymod_356517 .ql-size-47, #laymod_356517 .ql-size-48, #laymod_356517 .ql-size-49, #laymod_356517 .ql-size-50, #laymod_356517 .ql-size-51 { font-size:1.7vw; } #laymod_356517 .ql-size-52, #laymod_356517 .ql-size-53, #laymod_356517 .ql-size-54, #laymod_356517 .ql-size-55, #laymod_356517 .ql-size-56 { font-size:1.8vw; } #laymod_356517 .ql-size-57, #laymod_356517 .ql-size-58, #laymod_356517 .ql-size-59, #laymod_356517 .ql-size-60, #laymod_356517 .ql-size-61 { font-size:1.9vw; } #laymod_356517 .ql-size-62, #laymod_356517 .ql-size-63, #laymod_356517 .ql-size-64, #laymod_356517 .ql-size-65, #laymod_356517 .ql-size-66 { font-size:2vw; } #laymod_356517 .ql-size-67, #laymod_356517 .ql-size-68, #laymod_356517 .ql-size-69, #laymod_356517 .ql-size-70, #laymod_356517 .ql-size-71 { font-size:2.1vw; } } /*手机端区间 <=767*/ @media (max-width:767px) { #laymod_356517 .bodyContTitle { margin-bottom:4vw; } #laymod_356517 .bodyContTitle .fl { font-size:5vw; } #laymod_356517 .bodyContTitle .fl2 { font-size:3.4vw; } #laymod_356517 .ql-size-12, #laymod_356517 .ql-size-13, #laymod_356517 .ql-size-14, #laymod_356517 .ql-size-15, #laymod_356517 .ql-size-16 { font-size:3vw; } #laymod_356517 .ql-size-17, #laymod_356517 .ql-size-18, #laymod_356517 .ql-size-19, #laymod_356517 .ql-size-20, #laymod_356517 .ql-size-21 { font-size:3.25vw; } #laymod_356517 .ql-size-22, #laymod_356517 .ql-size-23, #laymod_356517 .ql-size-24, #laymod_356517 .ql-size-25, #laymod_356517 .ql-size-26 { font-size:3.5vw; } #laymod_356517 .ql-size-27, #laymod_356517 .ql-size-28, #laymod_356517 .ql-size-29, #laymod_356517 .ql-size-30, #laymod_356517 .ql-size-31 { font-size:3.75vw; } #laymod_356517 .ql-size-32, #laymod_356517 .ql-size-33, #laymod_356517 .ql-size-34, #laymod_356517 .ql-size-35, #laymod_356517 .ql-size-36 { font-size:4vw; } #laymod_356517 .ql-size-37, #laymod_356517 .ql-size-38, #laymod_356517 .ql-size-39, #laymod_356517 .ql-size-40, #laymod_356517 .ql-size-41 { font-size:4.25vw; } #laymod_356517 .ql-size-42, #laymod_356517 .ql-size-43, #laymod_356517 .ql-size-44, #laymod_356517 .ql-size-45, #laymod_356517 .ql-size-46 { font-size:4.5vw; } #laymod_356517 .ql-size-47, #laymod_356517 .ql-size-48, #laymod_356517 .ql-size-49, #laymod_356517 .ql-size-50, #laymod_356517 .ql-size-51 { font-size:4.75vw; } #laymod_356517 .ql-size-52, #laymod_356517 .ql-size-53, #laymod_356517 .ql-size-54, #laymod_356517 .ql-size-55, #laymod_356517 .ql-size-56 { font-size:5vw; } #laymod_356517 .ql-size-57, #laymod_356517 .ql-size-58, #laymod_356517 .ql-size-59, #laymod_356517 .ql-size-60, #laymod_356517 .ql-size-61 { font-size:5.25vw; } #laymod_356517 .ql-size-62, #laymod_356517 .ql-size-63, #laymod_356517 .ql-size-64, #laymod_356517 .ql-size-65, #laymod_356517 .ql-size-66 { font-size:5.5vw; } #laymod_356517 .ql-size-67, #laymod_356517 .ql-size-68, #laymod_356517 .ql-size-69, #laymod_356517 .ql-size-70, #laymod_356517 .ql-size-71 { font-size:5.75vw; } #laymod_356517 .bodyContContent{ width: 100%; height: auto; padding: 0 15px; overflow: hidden; } #laymod_356517 .bodyContContent>div.share{ display: none; } #laymod_356517 .bodyContContent>div.coop img{ width: 100%; } #laymod_356517 .bodyContContent>div.coop, #laymod_356517 .bodyContContent>div.link{ padding: 0; overflow: hidden; display: block; width: 100%; height: auto; } #laymod_356517 .bodyContContent>div.link{ margin-top: 30px; } } /* 默认引入阿里云图标 */ 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; } i, em { font-style: normal; } /*模版整体控制*/ #laymod_483927 #jh2_foot_1 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_483927 #jh2_foot_1>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_483927 #jh2_foot_1>.bg_img { z-index:2; } #laymod_483927 #jh2_foot_1 .bodyCont_width { position:relative; z-index:4; opacity: 1; } /*标题控制*/ #laymod_483927 #jh2_foot_1 .bodyContContent { position:relative; z-index: 4; } #laymod_483927 #jh2_foot_1 .bodyContContent .container { line-height: 1; } #laymod_483927 #jh2_foot_1 .bodyContContent .container .col-md-7 p { display: inline-block; font-size: 12px; color: rgba(102,102,102,1); } #laymod_483927 #jh2_foot_1 .bodyContContent .container .col-md-7 i { font-size: 12px; } #laymod_483927 #jh2_foot_1 .bodyContContent .container .col-md-7 .copyname, #laymod_483927 #jh2_foot_1 .bodyContContent .container .col-md-7 a { display: inline-block; margin-right: 10px; font-size: 12px; color: rgba(102,102,102,1); opacity: 0.9; } #laymod_483927 #jh2_foot_1 .bodyContContent .container .col-md-5 { text-align: right; } #laymod_483927 #jh2_foot_1 .bodyContContent .container .col-md-5 span { margin: 10px; font-size: 12px; } #laymod_483927 #jh2_foot_1 .bodyContContent .container .col-md-5 a { font-size: 12px; color: rgba(102,102,102,1); margin: 0 5px; } #laymod_483927 #jh2_foot_1 .bodyContContent .container .col-md-5 a span { margin: 0; } @media (min-width: 993px) { #laymod_483927 #jh2_foot_1 .bodyContContent .container, #laymod_483927 #jh2_foot_1 .bodyContContent .container .col-md-7, #laymod_483927 #jh2_foot_1 .bodyContContent .container .col-md-5 { padding: 0; } #laymod_483927 #jh2_foot_1 .bodyContContent .container { width:100%; padding:0 30px; } #laymod_483927 #jh2_foot_1 .bodyContContent .container .col-md-7 a:hover, #laymod_483927 #jh2_foot_1 .bodyContContent .container .col-md-5 a:hover, #laymod_483927 #jh2_foot_1 .bodyContContent .container .col-md-5 a:hover span { color: #FF5241 !important; opacity: 1; } } @media (max-width: 992px) { #laymod_483927 #jh2_foot_1 .bodyContContent .container { line-height: 2; } #laymod_483927 #jh2_foot_1 .bodyContContent .container .col-md-7, #laymod_483927 #jh2_foot_1 .bodyContContent .container .col-md-5 { text-align: left; padding:0; } #laymod_483927 #jh2_foot_1 .bodyContContent .container .col-md-5 a { margin: 0 10px 0 0; } #laymod_483927 #jh2_foot_1 .bodyContContent .container .col-md-7 p { line-height: 1.4; } } @media (max-width: 414px) { #laymod_483927 #jh2_foot_1 .bodyContContent .container .col-md-7, #laymod_483927 #jh2_foot_1 .bodyContContent .container .col-md-5 { text-align: center; } }