/* 默认引入阿里云图标 */ @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; } @font-face { font-family: 'Conv_Helvet'; src: url('//cdn.jihuinet.com/wechat/upload/HelveticaNeueLTPro-ThEx.eot'); src: local('☺'), url('//cdn.jihuinet.com/wechat/upload/HelveticaNeueLTPro-ThEx.woff') format('woff'), url('//cdn.jihuinet.com/wechat/upload/HelveticaNeueLTPro-ThEx.ttf') format('truetype'), url('//cdn.jihuinet.com/wechat/upload/HelveticaNeueLTPro-ThEx.svg') format('svg'); } 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_1233172 #jh_nav_5 { position:relative; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; z-index: 1200; } #laymod_1233172 #jh_nav_5.fix_nav { position:fixed; top:0; left:0; width:100%; } #laymod_1233172 .bodyCont_width>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_1233172 .bodyCont_width>.bg_img { z-index:2; } #laymod_1233172 .bodyCont_width { position:relative; z-index:4; opacity: 1; border-top:3px solid rgba(0,165,224,1); } /*标题控制*/ #laymod_1233172 .bodyContContent { position:relative; z-index: 4; width:100%; } #laymod_1233172 .bodyContContent>.container { position:relative; } /*模版主体部分*/ #laymod_1233172 .header_logo { height:100%; position:absolute; left:0; overflow:hidden; top:0; } #laymod_1233172 .header_logo a { width:100%; height:100%; position:relative; display:block; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex !important; /*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:flex-start;/*交叉轴对齐*/ -webkit-align-items:flex-start; box-align:start; -moz-box-align:start; -webkit-box-align:start; } #laymod_1233172 .header_logo a span.logo_text { font-size:16px; color:#000; line-height:1; 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_1233172 .header_logo img { display:block; margin:0; max-height:90%; max-width:100%; margin: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; } #laymod_1233172 .header_info { display:flex; display:-webkit-flex; justify-content:space-between; flex-wrap: wrap; align-items: center; -webkit-align-items: center; } #laymod_1233172 .header_info .main_nav { font-size:0; } #laymod_1233172 .header_info .main_nav .parent_list { } #laymod_1233172 .header_info .main_nav .parent_list>li { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; position:relative; } #laymod_1233172 .header_info .main_nav .parent_list>li p a { display:block; padding:0 1.2vw; color:#fff; line-height:5.5; position:relative; z-index:1; -webkit-transition:transform 1s cubic-bezier(.075,.82,.165,1); transition:transform 1s cubic-bezier(.075,.82,.165,1); } #laymod_1233172 .header_info .main_nav .parent_list>li p.active a { color:#fff; } #laymod_1233172 .header_info .main_nav .parent_list>li p a:after { content:""; display:block; width:100%; height:100%; background:rgba(0,165,224,1); position:absolute; top:0; left:0; z-index:-1; -webkit-transform:scale(1,0); transform:scale(1,0); transform-origin:bottom center; -webkit-transition:transform 1s cubic-bezier(.075,.82,.165,1); transition:transform 1s cubic-bezier(.075,.82,.165,1); } #laymod_1233172 .header_info .main_nav .parent_list>li p.active a:after { -webkit-transform:scale(1,1); transform:scale(1,1); } #laymod_1233172 .header_info .main_nav .parent_list>li p a span { vertical-align:middle; font-size:14px; font-weight:normal; } #laymod_1233172 .header_info .main_nav .parent_list>li p a .icona { display:inline-block; vertical-align:middle; line-height:1; font-size:18px; -webkit-transition:0.5s; transition:0.5s; } #laymod_1233172 .header_info .main_nav .parent_list>li p a .icona:before { content:"\e6b6"; } #laymod_1233172 .header_info .main_nav .parent_list>li.active p a .icona { -webkit-transform:rotate(180deg); transform:rotate(180deg); } #laymod_1233172 .header_info .main_nav .parent_list>li.haschild .child_list { display:none; position:absolute; width:200%; background:#1a1a1c; border-top:2px solid rgba(0,165,224,1); z-index:999; } #laymod_1233172 .header_info .main_nav .parent_list>li.haschild .child_list>li { position: relative; } #laymod_1233172 .header_info .main_nav .parent_list>li.haschild .child_list li a { display:block; color:#fff; font-size:14px; line-height:4; text-indent:2em; position:relative; z-index:1; } #laymod_1233172 .header_info .main_nav .parent_list>li.haschild .child_list li a:after { content:""; display:block; width:100%; height:100%; background:rgba(0,165,224,1); position:absolute; top:0; left:0; z-index:-1; -webkit-transform:scale(1,0); transform:scale(1,0); transform-origin:bottom center; -webkit-transition:transform 1s cubic-bezier(.075,.82,.165,1); transition:transform 1s cubic-bezier(.075,.82,.165,1); } #laymod_1233172 .header_info .main_nav .parent_list>li .sun_list, #laymod_1233172 .header_info .main_nav .parent_list>li .sun_list .csun_list { position: absolute; width: 100%; left: 100%; top: 0; opacity: 0; visibility: hidden; margin-top: 30px; background: #1a1a1c; transition: visibility 180ms ease,opacity 180ms ease,margin 180ms ease; } #laymod_1233172 .header_info .main_nav .parent_list>li.haschild .child_list>li:hover .sun_list, #laymod_1233172 .header_info .main_nav .parent_list>li.haschild .child_list>li .sun_list>li:hover .csun_list { opacity: 1; visibility: visible; margin-top: 0; } #laymod_1233172 .header_info .header_contact { padding:10.5px 0; } #laymod_1233172 .header_info .header_contact .icona { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; color:#fff; width:40px; } #laymod_1233172 .header_info .header_contact .icona .pcfont { font-size:30px; } #laymod_1233172 .header_info .header_contact .contact_info { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; } #laymod_1233172 .header_info .header_contact .contact_info .tel { color:rgba(0,165,224,1); font-size:20.92px; line-height:1.14; font-family:"Conv_Helvet"; } #laymod_1233172 .header_info .header_contact .contact_info .email { display:block; color:#fff; font-size:14px; line-height:1.2857; font-family:"Conv_Helvet"; } #laymod_1233172 .mobile_main_nav { display:none; } #laymod_1233172 .mobile_nav_btn { text-align:right; font-size:0; float:right } #laymod_1233172 .mobile_nav_btn a { position:relative; display:inline-block; width:40px; height:77px; padding:18.5px 0; } #laymod_1233172 .mobile_nav_btn .line { display:inline-block; width:30px; height:1px; background:#fff; position:absolute; top:50%; margin-top:-0.5px; left:5px; transform-origin:center; -webkit-transition:transform 1s cubic-bezier(.075,.82,.165,1); transition:transform 1s cubic-bezier(.075,.82,.165,1); } #laymod_1233172 .mobile_nav_btn .top_line { transform:translateY(-9px); } #laymod_1233172 .mobile_nav_btn .bottom_line { transform:translateY(9px); } #laymod_1233172 .mobile_nav_btn.active .top_line { transform:rotate(-45deg) translateY(0); } #laymod_1233172 .mobile_nav_btn.active .bottom_line { transform:rotate(45deg) translateY(0); } #laymod_1233172 .mobile_main_nav { width:100%; padding:40px 0; position:absolute; top:59px; background:#1a1a1c; z-index:999; overflow:auto; } #laymod_1233172 .mobile_main_nav .parent_list { width:50%; text-align:center; margin:0 auto; border-top: 1px solid rgba(238,238,238,0.2); } #laymod_1233172 .mobile_main_nav .parent_list>li { position:relative; border-bottom: 1px solid rgba(238,238,238,0.2); } #laymod_1233172 .mobile_main_nav .parent_list>li a { color:rgba(255,255,255,0.6); font-size:13px; line-height:4; position:relative; } #laymod_1233172 .mobile_main_nav .parent_list>li li { position: relative; } #laymod_1233172 .mobile_main_nav .parent_list>li li a { line-height:2.6; color:rgba(255,255,255,0.4); } #laymod_1233172 .mobile_main_nav .parent_list>li a span { vertical-align:middle; font-size:14px; } #laymod_1233172 .mobile_main_nav .parent_list>li p { position:relative; z-index: 1; } #laymod_1233172 .mobile_main_nav .parent_list>li .icona, #laymod_1233172 .mobile_main_nav .parent_list li .iconb, #laymod_1233172 .mobile_main_nav .parent_list li .iconc { line-height:1; font-size:18px; position:absolute; top:0; right:0; color:rgba(255,255,255,0.5); z-index: 2; font-size: 14px; line-height: 4; display:block; } #laymod_1233172 .mobile_main_nav .parent_list li .iconb, #laymod_1233172 .mobile_main_nav .parent_list li .iconc { display: inline-block; line-height: 2.6; } #laymod_1233172 .mobile_main_nav .parent_list>li .icona:before, #laymod_1233172 .mobile_main_nav .parent_list li .iconb:before, #laymod_1233172 .mobile_main_nav .parent_list li .iconc:before { content:"\e79b"; } #laymod_1233172 .mobile_main_nav .child_list { display:none; padding:15px 0; border-top: 1px solid rgba(238,238,238,0.1); } #laymod_1233172 .mobile_main_nav .sun_list, #laymod_1233172 .mobile_main_nav .csun_list { display: none; } @media (min-width: 1500px) and (max-width: 1920px) { #laymod_1233172 .header_info .main_nav .parent_list>li p a { padding: 0 0.9vw; } } @media (min-width: 992px) { #laymod_1233172 .header_info { padding: 0; } } #laymod_1233172 .active_false .header_info .main_nav .parent_list>li p a:hover { color:#fff; } #laymod_1233172 .active_false .header_info .main_nav .parent_list>li p a:hover::after { -webkit-transform:scale(1,1); transform:scale(1,1); transform-origin:top center; -webkit-transition:transform 1s cubic-bezier(.075,.82,.165,1); transition:transform 1s cubic-bezier(.075,.82,.165,1); } #laymod_1233172 .active_false .header_info .main_nav .parent_list>li.haschild .child_list li a:hover { color:#fff; } #laymod_1233172 .active_false .header_logo a:hover span.logo_text { color:rgba(0,165,224,1); } #laymod_1233172 .active_false .header_info .main_nav .parent_list>li.haschild .child_list li a:hover::after { -webkit-transform:scale(1,1); transform:scale(1,1); transform-origin:top center; -webkit-transition:transform 1s cubic-bezier(.075,.82,.165,1); transition:transform 1s cubic-bezier(.075,.82,.165,1); } /*直接控制小于992px屏幕时css*/ @media (max-width:991px) { #laymod_1233172 .bodyContContent>.container { width: 100%; } #laymod_1233172 .header_logo, #laymod_1233172 .mobile_nav_btn a { height:70px; } } #laymod_1233172 .active_true .bodyContContent>.container { width: 100%; } #laymod_1233172 .active_true .header_logo, #laymod_1233172 .active_true .mobile_nav_btn a { height:70px; } /* 手机导航按钮 */ #laymod_1233172 .active_true .mobile_nav_btn { display: block !important; } #laymod_1233172 .active_true .header_info { display: none !important; } /*模版整体控制*/ #laymod_1233099 { position:relative; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_1233099 #jh2_advers_2 { overflow:hidden; } #laymod_1233099 .bodyCont_width>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_1233099 .bodyCont_width>.bg_img { z-index:2; background-repeat: no-repeat; background-size: cover; background-position: center; } #laymod_1233099 .bodyCont_width { position:relative; } /*标题控制*/ #laymod_1233099 .bodyContContent { position:relative; z-index: 4; } /*模版主体部分*/ #laymod_1233099 .nybanner_1 a { display:block; width:100%; height:100%; } #laymod_1233099 .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_1233099 .nybanner_1 a .container .cont { width:100%; } #laymod_1233099 .nybanner_1 a .container>p { width:100%; text-align:center; } #laymod_1233099 .nybanner_1 a p:nth-child(1) { margin:0 0 2% 0; display:block; font-size:24px; line-height:1.4; color:#fff; } #laymod_1233099 .nybanner_1 a p:nth-child(2) { margin:0; display:block; font-size:16px; line-height:1.4; color:#fff; } @media(min-width: 993px) { #laymod_1233099 .nybanner_1 { height:260px; } } /*直接控制小于991px屏幕时css*/ @media (max-width:992px) { #laymod_1233099 .bodyCont_width>.bg_img { background-image: url(//cdn.jihui88.com/upload//d//d4//dpri7//picture//2019//04//01/7b51261e-331d-4674-9f3c-4a6b11927198-1568969042012_bg_img2_750x300.jpg) !important; } #laymod_1233099 .nybanner_1 { height:150px; } #laymod_1233099 .nybanner_1 a p:nth-child(1) { font-size:18px; } #laymod_1233099 .nybanner_1 a p:nth-child(2) { font-size:13px; } } @media(min-width: 768px) and (max-width: 992px) { #laymod_1233099 .nybanner_1 { height:200px; } } /*768<= ipad区间 <=1100*/ @media (min-width:768px) and (max-width:1100px) { #laymod_1233099 .ql-size-12, #laymod_1233099 .ql-size-13, #laymod_1233099 .ql-size-14, #laymod_1233099 .ql-size-15, #laymod_1233099 .ql-size-16 { font-size:1vw; } #laymod_1233099 .ql-size-17, #laymod_1233099 .ql-size-18, #laymod_1233099 .ql-size-19, #laymod_1233099 .ql-size-20, #laymod_1233099 .ql-size-21 { font-size:1.1vw; } #laymod_1233099 .ql-size-22, #laymod_1233099 .ql-size-23, #laymod_1233099 .ql-size-24, #laymod_1233099 .ql-size-25, #laymod_1233099 .ql-size-26 { font-size:1.2vw; } #laymod_1233099 .ql-size-27, #laymod_1233099 .ql-size-28, #laymod_1233099 .ql-size-29, #laymod_1233099 .ql-size-30, #laymod_1233099 .ql-size-31 { font-size:1.3vw; } #laymod_1233099 .ql-size-32, #laymod_1233099 .ql-size-33, #laymod_1233099 .ql-size-34, #laymod_1233099 .ql-size-35, #laymod_1233099 .ql-size-36 { font-size:1.4vw; } #laymod_1233099 .ql-size-37, #laymod_1233099 .ql-size-38, #laymod_1233099 .ql-size-39, #laymod_1233099 .ql-size-40, #laymod_1233099 .ql-size-41 { font-size:1.5vw; } #laymod_1233099 .ql-size-42, #laymod_1233099 .ql-size-43, #laymod_1233099 .ql-size-44, #laymod_1233099 .ql-size-45, #laymod_1233099 .ql-size-46 { font-size:1.6vw; } #laymod_1233099 .ql-size-47, #laymod_1233099 .ql-size-48, #laymod_1233099 .ql-size-49, #laymod_1233099 .ql-size-50, #laymod_1233099 .ql-size-51 { font-size:1.7vw; } #laymod_1233099 .ql-size-52, #laymod_1233099 .ql-size-53, #laymod_1233099 .ql-size-54, #laymod_1233099 .ql-size-55, #laymod_1233099 .ql-size-56 { font-size:1.8vw; } #laymod_1233099 .ql-size-57, #laymod_1233099 .ql-size-58, #laymod_1233099 .ql-size-59, #laymod_1233099 .ql-size-60, #laymod_1233099 .ql-size-61 { font-size:1.9vw; } #laymod_1233099 .ql-size-62, #laymod_1233099 .ql-size-63, #laymod_1233099 .ql-size-64, #laymod_1233099 .ql-size-65, #laymod_1233099 .ql-size-66 { font-size:2vw; } #laymod_1233099 .ql-size-67, #laymod_1233099 .ql-size-68, #laymod_1233099 .ql-size-69, #laymod_1233099 .ql-size-70, #laymod_1233099 .ql-size-71 { font-size:2.1vw; } } /*手机端区间 <=767*/ @media (max-width:767px) { #laymod_1233099 .ql-size-12, #laymod_1233099 .ql-size-13, #laymod_1233099 .ql-size-14, #laymod_1233099 .ql-size-15, #laymod_1233099 .ql-size-16 { font-size:3vw; } #laymod_1233099 .ql-size-17, #laymod_1233099 .ql-size-18, #laymod_1233099 .ql-size-19, #laymod_1233099 .ql-size-20, #laymod_1233099 .ql-size-21 { font-size:3.25vw; } #laymod_1233099 .ql-size-22, #laymod_1233099 .ql-size-23, #laymod_1233099 .ql-size-24, #laymod_1233099 .ql-size-25, #laymod_1233099 .ql-size-26 { font-size:3.5vw; } #laymod_1233099 .ql-size-27, #laymod_1233099 .ql-size-28, #laymod_1233099 .ql-size-29, #laymod_1233099 .ql-size-30, #laymod_1233099 .ql-size-31 { font-size:3.75vw; } #laymod_1233099 .ql-size-32, #laymod_1233099 .ql-size-33, #laymod_1233099 .ql-size-34, #laymod_1233099 .ql-size-35, #laymod_1233099 .ql-size-36 { font-size:4vw; } #laymod_1233099 .ql-size-37, #laymod_1233099 .ql-size-38, #laymod_1233099 .ql-size-39, #laymod_1233099 .ql-size-40, #laymod_1233099 .ql-size-41 { font-size:4.25vw; } #laymod_1233099 .ql-size-42, #laymod_1233099 .ql-size-43, #laymod_1233099 .ql-size-44, #laymod_1233099 .ql-size-45, #laymod_1233099 .ql-size-46 { font-size:4.5vw; } #laymod_1233099 .ql-size-47, #laymod_1233099 .ql-size-48, #laymod_1233099 .ql-size-49, #laymod_1233099 .ql-size-50, #laymod_1233099 .ql-size-51 { font-size:4.75vw; } #laymod_1233099 .ql-size-52, #laymod_1233099 .ql-size-53, #laymod_1233099 .ql-size-54, #laymod_1233099 .ql-size-55, #laymod_1233099 .ql-size-56 { font-size:5vw; } #laymod_1233099 .ql-size-57, #laymod_1233099 .ql-size-58, #laymod_1233099 .ql-size-59, #laymod_1233099 .ql-size-60, #laymod_1233099 .ql-size-61 { font-size:5.25vw; } #laymod_1233099 .ql-size-62, #laymod_1233099 .ql-size-63, #laymod_1233099 .ql-size-64, #laymod_1233099 .ql-size-65, #laymod_1233099 .ql-size-66 { font-size:5.5vw; } #laymod_1233099 .ql-size-67, #laymod_1233099 .ql-size-68, #laymod_1233099 .ql-size-69, #laymod_1233099 .ql-size-70, #laymod_1233099 .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; } i,em { 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_1233100 #jh_product_2 { position:relative; overflow:hidden; font-family:"PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_1233100 #jh_product_2>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_1233100 #jh_product_2>.bg_img { z-index:2; } #laymod_1233100 #jh_product_2 .bodyCont_width { position:relative; z-index: 3; } /*标题控制*/ #laymod_1233100 #jh_product_2 .bodyContTitle { margin:0 auto; padding: 0; position:relative; z-index: 3; } #laymod_1233100 #jh_product_2 .bodyContTitle .fl { font-size:24px; color:#333; text-align: center; } #laymod_1233100 #jh_product_2 .bodyContTitle .fl2 { font-size:12px; text-align: center; color:#999; font-family:"Arial","Times New Roman","SimHei"; } #laymod_1233100 #jh_product_2 .bodyContContent { position:relative; z-index: 4; } /*模版主体部分*/ #laymod_1233100 #jh_product_2 .pro_cate_list { margin:0 auto; overflow:visible; } #laymod_1233100 #jh_product_2 .pro_cate_list>.all_cate a { height: 40px; line-height: 40px; font-size:13px; background: #eee; 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; position:relative; color: #7d7d7d; padding:0 0 0 15px; } #laymod_1233100 #jh_product_2 .pro_cate_list>.all_cate a.active_bg { background: #FF5241; color:#fff; } #laymod_1233100 #jh_product_2 .pro_cate_list>.all_cate a>span { position:absolute; top:0; right:5%; font-size:12px; margin: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; } #laymod_1233100 #jh_product_2 .pro_cate_list>.all_cate a>span:before { content:"\e627"; } #laymod_1233100 #jh_product_2 .pro_cate_list>.all_cate a.active_bg>span { color:#fff; transform: rotate(90deg); -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari and Chrome */ -o-transform: rotate(90deg); /* Opera */ -moz-transform: rotate(90deg); /* Firefox */ } .design-html #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex .swiper-wrapper { display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul { position:relative; margin-bottom:0; z-index: 15; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li>a { display: block; width: auto; height: 40px; line-height: 40px; text-align: center; margin: 0; background: #eee; position: relative; z-index: 1; color: #7d7d7d; font-size: 13px; 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; text-decoration: none; overflow:hidden; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li>a>dd { display:block; height:40px; line-height:40px; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li>a>span { position:absolute; top:0; right:5%; font-size:12px; margin: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; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li> span:before, #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .pro_son_itemico:before { content:"\e627"; display: inline-block; transition: all .35s; } #laymod_1233100 #jh_product_2.active_false .pro_cate_list .swiper-flex>ul>li:before { content: ""; display: block; width: 0; height: 40px; position: absolute; top: 0; left: 50%; background: #FF5241; z-index: -1; 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_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li.active_bg>a { color:#fff; } #laymod_1233100 #jh_product_2.active_false .pro_cate_list .swiper-flex>ul>li.active_bg:before { width:100%; left:0; } #laymod_1233100 #jh_product_2.active_false .pro_cate_list { position: relative; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex .swiper_prev { display: block; width: 2%; height: 40px; position: absolute; left: 0; top: 0; z-index: 123; transition: all .35s; cursor: pointer; opacity: 1; background-color: rgba(0,0,0,0.2); } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex .swiper_prev:after { content: "\e94b"; display: inline-block; position: absolute; top: 50%; font-size: 14px; color: #fff; left: 0; right: 0; text-align: center; transform: translateY(-50%); } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex .swiper_next { display: block; width: 2%; height: 40px; position: absolute; right: 0; cursor: pointer; top: 0; z-index: 123; opacity: 1; transition: all .35s; background-color: rgba(0,0,0,0.2); } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex .swiper_next:after { content: "\e94a"; display: inline-block; position: absolute; top: 50%; font-size: 14px; color: #fff; left: 0; right: 0; text-align: center; transform: translateY(-50%); } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex .swiper-button-disabled { display: none !important; } #laymod_1233100 #jh_product_2.active_false .pro_cate_list .swiper-flex .swiper_prev:hover, #laymod_1233100 #jh_product_2.active_false .pro_cate_list .swiper-flex .swiper_next:hover { background-color: #FF5241; } #laymod_1233100 #jh_product_2 .bodyContContent { position:relative; } #laymod_1233100 #jh_product_2 .pro_list { width:auto; position:relative; } #laymod_1233100 #jh_product_2 .pro_list .swiper-wrapper_ { position:relative; padding:8px 0; } #laymod_1233100 #jh_product_2 .pro_list .swiper-slide_li { margin:0 0 2rem 0; } #laymod_1233100 #jh_product_2 .pro_list .swiper-slide_li a { background:#fff; display:block; width:100%; padding:0 0 1rem 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; position:relative; } #laymod_1233100 #jh_product_2 .pro_list .swiper-slide_li a>.pro_bg_color { display:block; position:absolute; width:100%; height:0; top:0; left:0; background:#FF5241; transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s; z-index: 0; } #laymod_1233100 #jh_product_2 .pro_list .pro_pic { display:block; width:100%; height:auto; position:relative; overflow:hidden; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align:center; z-index: 2; } #laymod_1233100 #jh_product_2 .pro_list .pro_pic img { display:block; width:100%; position:relative; z-index: 1; border: 1px solid #eee; } #laymod_1233100 #jh_product_2 .pro_list i.pic_bg2 { display:block; width:100%; height:100%; z-index: 1; position:absolute; top:0; left:0; } #laymod_1233100 #jh_product_2 .pro_list span.pro_name { display:block; width:100%; text-align:center; font-size:1.6rem; line-height:1.6; height:3.2rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#000; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); z-index: 3; padding:1rem 3% 0 3%; position:relative; 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_1233100 #jh_product_2 .pro_list span.pro_line { margin: 0.5rem auto; width: 20px; height: 2px; display: block; background: #000; 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; position:relative; z-index: 4; } #laymod_1233100 #jh_product_2 .pro_list span.pro_type { display:block; width:100%; text-align:center; font-size:1.4rem; line-height:1.6; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#000; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); z-index: 5; padding:0 3%; position:relative; 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_1233100 .pro_list span.pro_price, #laymod_1233100 .pro_list span.member-price { display:block; width:100%; text-align:center; font-size:1.4rem; line-height:2; overflow:hidden; color:#999; z-index: 5; padding:0; position:relative; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; } #laymod_1233100 .pro_list span.member-price em { display: inline-block; vertical-align: top; color: #FF5241; font-size: 12px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; } #laymod_1233100 .pro_list span.price1 { color:#f00; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; } #laymod_1233100 .pro_list span.price2 { text-decoration:line-through; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; } #laymod_1233100 #jh_product_2 .pagenation { clear:both; overflow:hidden; margin-bottom: 37px; } #laymod_1233100 #jh_product_2 .pagenation .row { text-align:center; font-size:0; } #laymod_1233100 #jh_product_2 .pagenation .page_li { float:none; display:inline-block; *display:inline; *zoom:1; vertical-align: top; } #laymod_1233100 #jh_product_2 .pagenation .page_li a { display: inline-block; padding: 0; font-size: 1.4rem; width: 34px; height: 34px; line-height: 34px; text-align: center; color:#ccc; 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; -moz-border-radius: 14px; -khtml-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; -moz-border-radius-bottomleft:14px; -moz-border-radius-bottomright:14px; -khtml-border-radius: 14px; -webkit-border-bottom-left-radius:14px; -webkit-border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; } #laymod_1233100 #jh_product_2 .pagenation .page_li a.active_bg { color:#FF5241; text-decoration:none; } #laymod_1233100 #jh_product_2 .pagenation .pagenationSelectDiv { float:right; display:none; } #laymod_1233100 #jh_product_2 .pagenation .pageDisable { display:none; } #laymod_1233100 #jh_product_2 .pagenation .pagePrev { display: inline-block; width: 34px; height: 34px; line-height: 34px; font-size: 0; background: none; border: none; padding: 0; color: #FF5241; font-weight: normal; position: relative; text-align:center; } #laymod_1233100 #jh_product_2 .pagenation .pagePrev>a { display:block; width:100%; height:100%; transform: rotate(-180deg); -ms-transform: rotate(-180deg); /* IE 9 */ -webkit-transform: rotate(-180deg); /* Safari and Chrome */ -o-transform: rotate(-180deg); /* Opera */ -moz-transform: rotate(-180deg); /* Firefox */ font-size:16px; margin:-2px 0 0 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; } #laymod_1233100 #jh_product_2 .pagenation .pagePrev>a:before { content:"\e63e"; } #laymod_1233100 #jh_product_2 .pagenation .pageNext { display: inline-block; width: 34px; height: 34px; line-height: 34px; font-size: 0; background: none; border: none; padding: 0; color: #FF5241; font-weight: normal; position: relative; text-align:center; } #laymod_1233100 #jh_product_2 .pagenation .pageNext>a { display:block; width:100%; height:100%; font-size:16px; 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_1233100 #jh_product_2 .pagenation .pageNext>a:before { content:"\e63e"; } #laymod_1233100 #jh_product_2 .pagenationSelectDiv .pageSelect { border:1px solid #ccc; font-size:14px; color:#666; padding:5px 10px; } #laymod_1233100 #jh_product_2 .pro_list .pro_search_noting { padding:1%; font-size:14px; color:#FF5241; line-height:3; display:none; text-indent:10px; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .sonCate a { background: #eee; color: #7d7d7d; } @media (min-width:992px) { #laymod_1233100 #jh_product_2 .bodyContContent, #laymod_1233100 #jh_product_2 .pro_cate_list { padding: 0; } #laymod_1233100 #jh_product_2 .pro_list .swiper-wrapper_ { padding: 0 0 8px 0; display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; } .design-html #laymod_1233100 #jh_product_2 .pro_cate_list { position: relative; } .design-html #laymod_1233100 #jh_product_2 .pro_cate_list .saix_fixed { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 222; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex .swiper-wrapper { margin: 0 auto; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-wrapper.swiper_app { display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align: center; -webkit-justify-content:center; justify-content:center; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li { position: relative; display: inline-block; width: auto; transition: all .5s; margin-right: 10px; padding: 0 15px; flex-shrink: 0; opacity: 0; z-index: 1; visibility: hidden; background: #eee; } .design-html #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex .swiper-wrapper { overflow: hidden; -webkit-justify-content:center; justify-content:center; } .design-html #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li { flex-shrink: inherit; } .design-html #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li, #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-wrapper.swiper_app>li, #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li.slide-visible { opacity: 1; visibility: visible; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li>a { background: none; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex { overflow: hidden; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .sonCate { position: absolute; top: 100%; left: 0; padding-top: 8px; min-width: 200px; z-index: 122; visibility: hidden; opacity: 0; transition: all .35s; transform: translateY(50px); } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .sonCate .pro_son_item, #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .sonCate .pro_sun_item { position: relative; margin-bottom: 5px; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .sonCate a { display: block; width: auto; height: 40px; line-height: 40px; text-align: center; margin: 0; padding:0 15px; font-size: 13px; 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; text-decoration: none; overflow:hidden; position: relative; z-index: 1; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .sonCate .pro_son_item a:before { content: ""; display: block; width: 0; height: 40px; position: absolute; top: 0; left: 50%; background: #FF5241; z-index: -1; 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_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .sonCate .pro_son_item .sunCate { position: absolute; left: 100%; width: 100%; visibility: hidden; opacity: 0; transition: all .35s; transform: translateX(50px); top: 0; padding-left: 8px; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li:last-child .sonCate .pro_son_item .sunCate { padding-left: 0; padding-right: 8px; left: auto; right: 100%; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-wrapper.swiper_app>li:last-child .sonCate .pro_son_item .sunCate { padding-left: 8px; padding-right: 0; left: 100%; right: auto; } } /* 电脑端二、三级分类 */ #laymod_1233100 #jh_product_2.active_false .pro_erji, #laymod_1233100 #jh_product_2.active_false .pro_sanji { margin: 0 auto; } #laymod_1233100 #jh_product_2.active_false .pro_erji .sonCate, #laymod_1233100 #jh_product_2.active_false .pro_sanji .sunCate { display: none; } #laymod_1233100 #jh_product_2.active_false .pro_erji .sonCate.active_bg { display: block; margin-top: 10px; text-align: center; } #laymod_1233100 #jh_product_2.active_false .pro_sanji .sunCate.active_bg { margin-top: 5px; display: block; text-align: center; } #laymod_1233100 #jh_product_2.active_false .pro_erji .sonCate.active_bg li, #laymod_1233100 #jh_product_2.active_false .pro_sanji .sunCate.active_bg li { display: inline-block; width: auto; position: relative; margin-right: 10px; margin-bottom: 6px; } #laymod_1233100 #jh_product_2.active_false .pro_erji .sonCate.active_bg li a, #laymod_1233100 #jh_product_2.active_false .pro_sanji .sunCate.active_bg li a { display: block; width: auto; height: 40px; line-height: 40px; text-align: center; margin: 0; padding: 0 15px; position: relative; z-index: 1; background: #eee; color: #7d7d7d; font-size: 13px; 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_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .data-span, #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .data-san, #laymod_1233100 #jh_product_2 .pro_cate_list .pro_erji .data-ersan { display: none !important; } #laymod_1233100 #jh_product_2.active_false .pro_erji .sonCate.active_bg li a:before, #laymod_1233100 #jh_product_2.active_false .pro_sanji .sunCate.active_bg li a:before { content: ""; display: block; width: 0; height: 40px; position: absolute; top: 0; left: 50%; background: #FF5241; z-index: -1; 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; } /* 电脑端hover */ #laymod_1233100 #jh_product_2.active_false .pro_erji .sonCate.active_bg li:hover a, #laymod_1233100 #jh_product_2.active_false .pro_erji .sonCate.active_bg li.active_bg a, #laymod_1233100 #jh_product_2.active_false .pro_sanji .sunCate.active_bg li:hover a, #laymod_1233100 #jh_product_2.active_false .pro_sanji .sunCate.active_bg li.active_bg a, #laymod_1233100 #jh_product_2.active_false .pro_cate_list .swiper-flex>ul>li:hover>a { color:#fff; } #laymod_1233100 #jh_product_2.active_false .pro_erji .sonCate.active_bg li:hover a:before, #laymod_1233100 #jh_product_2.active_false .pro_erji .sonCate.active_bg li.active_bg a:before, #laymod_1233100 #jh_product_2.active_false .pro_sanji .sunCate.active_bg li:hover a:before, #laymod_1233100 #jh_product_2.active_false .pro_sanji .sunCate.active_bg li.active_bg a:before, #laymod_1233100 #jh_product_2.active_false .pro_cate_list .swiper-flex>ul>li:hover::before { width:100%; left:0; } #laymod_1233100 #jh_product_2.active_false .pro_list .swiper-slide_li a:hover { text-decoration:none; box-shadow:0 0 8px #ccc; } #laymod_1233100 #jh_product_2.active_false .pro_list .swiper-slide_li a:hover>.pro_bg_color { height:100%; } #laymod_1233100 #jh_product_2.active_false .pro_list a:hover span.pro_line { width:40px; background:#fff; } #laymod_1233100 #jh_product_2.active_false .pro_list a:hover span.pro_name, #laymod_1233100 #jh_product_2.active_false .pro_list a:hover span.pro_type, #laymod_1233100 .active_false .pro_list a:hover span.pro_price, #laymod_1233100 .active_false .pro_list a:hover span.price1, #laymod_1233100 .active_false .pro_list a:hover span.member-price { color:#fff; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_1233100 .active_false .pro_list a:hover span.member-price em { color:#fff; } #laymod_1233100 .active_false .pro_list a:hover span.price2 { color:#fff; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); } #laymod_1233100 #jh_product_2.active_false .pagenation .page_li a:hover { color:#FF5241; text-decoration:none; } #laymod_1233100 #jh_product_2.active_false .pagenation .pagePrev>a:hover { text-decoration:none; margin-left:-5px; } #laymod_1233100 #jh_product_2.active_false .pagenation .pageNext>a:hover { text-decoration:none; margin-left:5px; } #laymod_1233100 #jh_product_2.active_false .pro_list li:hover .pro_pic img { transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transform: scale(0.8); } @media (max-width: 991px) { #laymod_1233100 #jh_product_2 .bodyContTitle { padding: 0 15px; } #laymod_1233100 #jh_product_2 .bodyContTitle .fl, #laymod_1233100 #jh_product_2 .bodyContTitle .fl p, #laymod_1233100 #jh_product_2 .bodyContTitle .fl span, #laymod_1233100 #jh_product_2 .bodyContTitle .fl b { font-size:20px; } #laymod_1233100 #jh_product_2 .bodyContTitle .fl2, #laymod_1233100 #jh_product_2 .bodyContTitle .fl2 p, #laymod_1233100 #jh_product_2 .bodyContTitle .fl2 span, #laymod_1233100 #jh_product_2 .bodyContTitle .fl2 b { font-size: 12px; } #laymod_1233100 #jh_product_2 .bodyCont_width { margin-bottom:2rem !important; } #laymod_1233100 #jh_product_2 .pro_list li { margin:0 0 1rem 0; } #laymod_1233100 #jh_product_2 .pro_cate_list>.all_cate { margin: 0 0 1px 0; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li { margin: 0; float: left; font-size: 0; width: 100%; background: #eee; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .sonCate, #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .sunCate { display: none; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li>a, #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .pro_itemico { padding: 8px 0; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .sonCate a, #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .pro_son_itemico { padding: 5px 0; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li>a, #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .sonCate a { text-align:left; padding-right: 0; display: inline-block; width: 85%; vertical-align: top; line-height: 20px; height:auto; font-size: 12px; padding-left: 15px; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li>a>dd { height: auto; line-height: 20px; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .sonCate li { padding: 0; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .sonCate, #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .sonCate .pro_son_item .sunCate { padding: 0 10px; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .sunCate a { width: 100%; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .pro_itemico, #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .pro_son_itemico { display: inline-block; width: 15%; text-align: right; padding-right: 15px; vertical-align: top; height: auto; line-height: 20px; font-size: 12px; color: #7d7d7d; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li.active_bg .pro_itemico, #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li.active_bg .pro_son_itemico, #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li.active_bg>a { color: #FF5241; } #laymod_1233100 #jh_product_2 .pro_list li.pro_item{ margin: 10px 0 22px 0; } #laymod_1233100 #jh_product_2 .pro_list .swiper-wrapper_ { margin: 0 auto; display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; flex-wrap:wrap; } #laymod_1233100 #jh_product_2 .pro_list .swiper-slide_li { width: 48%; padding: 0; float: left; display: block; } #laymod_1233100 #jh_product_2 .pro_list .swiper-slide_li:nth-child(2n-1) { margin-right: 1.8%; } #laymod_1233100 #jh_product_2 .pro_list .swiper-slide_li:nth-child(2n) { margin-left: 1.8%; } #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li> span.active:before, #laymod_1233100 #jh_product_2 .pro_cate_list .swiper-flex>ul>li .pro_son_itemico.active:before { transform: rotate(90deg); } #laymod_1233100 #jh_product_2 .pro_list .swiper-slide_li a { padding: 0; } } #laymod_1233100 #jh_product_2.active_true .bodyContTitle .fl, #laymod_1233100 #jh_product_2.active_true .bodyContTitle .fl p, #laymod_1233100 #jh_product_2.active_true .bodyContTitle .fl span, #laymod_1233100 #jh_product_2.active_true .bodyContTitle .fl b { font-size:20px; } #laymod_1233100 #jh_product_2.active_true .bodyContTitle .fl2, #laymod_1233100 #jh_product_2.active_true .bodyContTitle .fl2 p, #laymod_1233100 #jh_product_2.active_true .bodyContTitle .fl2 span, #laymod_1233100 #jh_product_2.active_true .bodyContTitle .fl2 b { font-size: 12px; } #laymod_1233100 #jh_product_2.active_true .bodyCont_width { margin-bottom:2rem !important; } #laymod_1233100 #jh_product_2.active_true .pro_list li { margin:0 0 1rem 0; } #laymod_1233100 #jh_product_2.active_true .pro_cate_list>.all_cate { margin: 0 0 1px 0; } #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex .swiper-wrapper { display: block; width: 100%; margin: 0; } #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li { margin: 0; float: left; font-size: 0; width: 100%; background: #eee; } #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li>a, #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li .pro_itemico { padding: 8px 0; } #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li .sonCate a, #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li .pro_son_itemico { padding: 5px 0; } #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li .sonCate, #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li .sunCate { display: none; } #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li>a, #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li .sonCate a { text-align:left; display: inline-block; width: 85%; vertical-align: top; line-height: 20px; height: auto; font-size: 12px; padding-left: 15px; } #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li>a>dd { height: auto; line-height: 20px; } #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li .sonCate li { padding: 0; margin-bottom: 0; } #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li .sunCate a { width: 100%; } #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li .pro_itemico, #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li .pro_son_itemico { display: inline-block; width: 15%; text-align: right; padding-right: 15px; vertical-align: top; line-height: 20px; height: auto; font-size: 12px; color: #7d7d7d; } #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li.active_bg .pro_itemico, #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li.active_bg .pro_son_itemico, #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li.active_bg>a, #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex .sonCate>li.active_bg>a, #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex .sonCate>li.active_bg>.pro_son_itemico, #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex .sunCate>li.active_bg>a { color: #FF5241; } #laymod_1233100 #jh_product_2.active_true .pro_list li.pro_item{ margin: 10px 0 22px 0; } #laymod_1233100 #jh_product_2.active_true .pro_list .swiper-wrapper_ { margin: 0 auto; display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; flex-wrap:wrap; } #laymod_1233100 #jh_product_2.active_true .pro_list .swiper-slide_li { width: 48%; padding: 0; float: left; display: block; } #laymod_1233100 #jh_product_2.active_true .pro_list .swiper-slide_li:nth-child(2n-1) { margin-right: 1.8%; } #laymod_1233100 #jh_product_2.active_true .pro_list .swiper-slide_li:nth-child(2n) { margin-left: 1.8%; } #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li> span.active:before, #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li .pro_son_itemico.active:before { transform: rotate(90deg); } #laymod_1233100 #jh_product_2.active_true .pro_list .swiper-slide_li a { padding: 0; } #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li .sonCate, #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li .sonCate .pro_son_item .sunCate { padding: 0 10px; } @media(min-height: 992px) { #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li { margin: 0; width: 100%; opacity: 1; visibility: visible; } #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li .sonCate, #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex>ul>li .sonCate .pro_son_item .sunCate { position: relative; padding-top: 0; min-width: 100%; left: 0; visibility: visible; opacity: 1; transform: translateY(0px); } } #laymod_1233100 #jh_product_2.active_true .pro_cate_list .swiper-flex { display:none; } @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; } /*模版整体控制*/ #laymod_1233101 { position:relative; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_1233101.active { z-index: 2000; } #laymod_1233101 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_1233101 .bg_img { z-index:2; } #laymod_1233101 .bodyCont_width { position:relative; z-index: 4; } /*标题控制*/ #laymod_1233101 .bodyContContent { position:relative; z-index: 4; } /*模版主体部分*/ #laymod_1233101 .bodyCont_width { overflow:hidden; } #laymod_1233101 .foot_3 { border-bottom: 1px solid #666; display: block; padding: 78px 0 20px 0; } #laymod_1233101 .foot_3 .bodyContTitle { padding: 0; } #laymod_1233101 .foot_3 .maintitle { font-size: 18px; line-height: 1; margin: 0 0 12px 0; color: #fff; display: block; } #laymod_1233101 .foot_3 .entitle { display: block; font-size: 12px; color: #aaa; } /*分享按钮*/ #laymod_1233101 #nav_follow .nav_ul_son { width: 100%; margin: 0; position: relative; } .design-html #laymod_1233101 #nav_follow .nav_ul_son>i { display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:11; } #laymod_1233101 .nav_ul_son li.share { padding: 0; } /*导航+产品分类+联系我们*/ #laymod_1233101 .foot_1 { padding:65px 0 25px 0; overflow:hidden; } #laymod_1233101 .foot_1>ul>li { padding-right:0; } #laymod_1233101 .foot_1 .footer_nav { padding: 0; } #laymod_1233101 .foot_1 .footer_nav>ul>li>a { font-size:14px; color:#aaa; margin:0 0 12px 0; display:inline-block; } #laymod_1233101 .foot_1 .footer_category>ul>li>a { font-size:14px; color:#aaa; margin:0 0 12px 0; display:inline-block; } #laymod_1233101 .foot_1>ul>li>a { font-size:14px; color:#aaa; margin:0 0 27px 0; display:inline-block; } #laymod_1233101 .foot_1>ul>li>ul>li { padding-right:0; margin-bottom:15px; } #laymod_1233101 .foot_1>ul>li>ul>li>a { font-size:12px; color:#aaa; 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; margin:0; display:inline-block; } #laymod_1233101 .foot_1 .footer_contact .f_logo { margin:0 0 25px 0; } #laymod_1233101 .foot_1 .footer_contact .f_logo img { display:block; width:80%; } #laymod_1233101 .foot_1 .footer_contact ul li { margin:0 0 12px 0; line-height:1.4; font-size: 14px; } #laymod_1233101 .foot_1 .footer_contact>ul li .pxyz, #laymod_1233101 .foot_1 .footer_contact>ul li .pjz { color:#aaa; display: inline-block; } #laymod_1233101 .foot_1 .footer_contact>ul>li a { color:#aaa; 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; margin:0; } #laymod_1233101 .foot_2 { overflow:hidden; margin-right: 6px; } #laymod_1233101 .foot_2 .container .foot_cmpp { display: inline-block; } #laymod_1233101 .foot_2 .container, #laymod_1233101 .foot_2 .container a { padding:0; color:#aaa; font-size:12px; line-height:1; 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_1233101 .foot_2 .container a { margin:0 10px; _margin:0 5px; display: inline-block; } #laymod_1233101 .foot_2 .container a.show { display: inline-block !important; } #laymod_1233101 .foot_2 .col-md-7 { line-height:4.166667; } #laymod_1233101 .foot_2 .col-md-5 { line-height:4.166667; text-align:right; } /* 分享 */ #laymod_1233101 .bodyContContent .share { margin: 0 0 25px 0; } #laymod_1233101 .bodyContContent .share a { font-size: 24px; display: inline-block; vertical-align: top; color: #999; } #laymod_1233101 .bodyContContent .share a i { font-size: 24px; display: block; } #laymod_1233101 .bodyContContent .share .wechat .iconfont:after { content: "\e991"; } #laymod_1233101 .bodyContContent .share .qq .iconfont:after { content: "\e990"; } #laymod_1233101 .bodyContContent .share .qq2 .iconfont:after { content: "\e97d"; } #laymod_1233101 .bodyContContent .share .weibo .iconfont:after { content: "\e994"; } #laymod_1233101 .bodyContContent .share .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_1233101 .bodyContContent .share .wechat_div.active { opacity: 1; visibility: visible; } #laymod_1233101 .bodyContContent .share .wechat_div .wechat_bg { position: absolute; left: 0; right: 0; background: rgba(0,0,0,0.4); width: 100%; height: 100%; } #laymod_1233101 .bodyContContent .share .wechat_div .wechat_img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 300px; width: 300px; } #laymod_1233101 .bodyContContent .share .wechat_div .wechat_img img { max-width: 100%; max-height: 100%; } @media (min-width:993px) { #laymod_1233101 .foot_2 .col-md-5 { padding:0; } #laymod_1233101 #nav_follow { text-align: right; padding: 0; } } #laymod_1233101 .foot_2 .container a:hover { color:#FF5241; text-decoration:none; } #laymod_1233101 .foot_1 .footer_nav>ul>li>a:hover, #laymod_1233101 .foot_1 .footer_category>ul>li>a:hover, #laymod_1233101 .foot_1>ul>li>ul>li.active_bg>a:hover, #laymod_1233101 .foot_1 .footer_contact>ul>li>a:hover { color:#FF5241; } @media (max-width: 992px) { #laymod_1233101 .foot_1 .footer_nav{ display: none; } #laymod_1233101 .foot_1 .footer_category{ display: none; } #laymod_1233101 .foot_1>ul>li>a { font-size: 16px; } #laymod_1233101 .foot_1>ul>li>ul>li>a { font-size:14px; } #laymod_1233101 .foot_1 .footer_contact>ul>li { font-size: 13px; margin: 0 0 12px 0; } #laymod_1233101 .foot_1 { padding:27px 0 6px 0; } #laymod_1233101 .foot_1>ul { margin:0; } #laymod_1233101 .foot_1>ul>li { padding:0; } #laymod_1233101 .foot_1>ul>li#nav_contacts { padding:0 15px; } #laymod_1233101 .foot_1>ul>li#nav_contacts>.f_logo>img { width:50%; } #laymod_1233101 .foot_1>ul>li.f_nav_list, #laymod_1233101 #nav_follow { display:none; } #laymod_1233101 .foot_2 .container { padding:7% 0; } #laymod_1233101 .foot_2 .col-xs-7 { text-align:left; line-height:1; } #laymod_1233101 .foot_2 .col-xs-5 { text-align:right; line-height:1; } #laymod_1233101 .foot_2 { padding-bottom:15px; } #laymod_1233101 .foot_2 .container { padding:1% 0 3% 0; } #laymod_1233101 .foot_2 .col-md-7 { line-height: 2; } #laymod_1233101 .foot_2 .col-md-7.none_copy { display: none; } #laymod_1233101 .foot_2 .col-md-5 { text-align: left; padding: 0 15px; line-height: 2; } #laymod_1233101 .foot_2 .col-md-5.none_copy { text-align: center; } #laymod_1233101 .foot_2 .container a { margin: 0 10px 0 0; } #laymod_1233101 .foot_3 { padding: 35px 0 20px 0; } #laymod_1233101 .foot_3 .bodyContTitle { text-align: center; width: 90%; margin: 0 auto; float: none; } #laymod_1233101 .foot_3 .maintitle { font-size: 16px; margin-bottom:0; line-height: 1.5; word-break: break-word; } #laymod_1233101 .foot_3 .entitle { font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #laymod_1233101 .foot_2 .col-xs-7 { text-align:left; line-height:1; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1023px) and (orientation : portrait){ #laymod_1233101 .foot_1, #laymod_1233101 .foot_3, #laymod_1233101 .foot_2 .container { width: 100%; } #laymod_1233101 .foot_3 { width: calc(100% - 30px); } } @media only screen and (min-device-width : 768px) and (max-device-width : 1023px) and (orientation : landscape){ #laymod_1233101 .foot_1 .footer_contact { padding: 0; } }