a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } @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; } /*模版整体控制*/ #laymod_633151 #jh_nav_4 { position:relative; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; z-index: 1500; } #laymod_633151 #jh_nav_4.fix_nav { padding:70px 0 0 0; } #laymod_633151 #jh_nav_4 .bodyCont_width { background:#fff; height:70px; padding:0; transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -webkit-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; width:100%; position:relative; z-index: 10; } #laymod_633151 #jh_nav_4 .bodyCont_width>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left: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_633151 #jh_nav_4 .bodyCont_width>.bg_img { z-index:2; } #laymod_633151 #jh_nav_4.fix_nav .bodyCont_width { box-shadow: 0 0 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3); -o-box-shadow: 0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); right:0; top:0; position:fixed; } .design-html #laymod_633151 #jh_nav_4.fix_nav { padding:0 0 0 0; } .design-html #laymod_633151 #jh_nav_4.fix_nav .bodyCont_width { position: relative; } #laymod_633151 #jh_nav_4 .bodyContContent { margin:0 auto; height:100%; position:relative; width:100%; z-index: 3; } /*导航logo*/ #laymod_633151 #jh_nav_4 .logo { height:100%; position:absolute; left:4.16667%; overflow:hidden; top:0; width:200px; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; z-index: 2; } #laymod_633151 #jh_nav_4 .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_633151 #jh_nav_4 .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_633151 #jh_nav_4 .logo img { display:block; max-height:90%; max-width:100%; margin:0 auto; 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_633151 #jh_nav_4 .nav_list { height:auto; margin:0 auto; position:relative; float:none; text-align:center; z-index: 3; } #laymod_633151 #jh_nav_4 .nav_list>ul { width:100%; height:100%; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*vertical*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row; -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:nowrap; -webkit-box-lines:single;/*multiple*/ -moz-flex-wrap:nowrap; flex-wrap:nowrap; /*justify-content*/ -webkit-justify-content:flex-end; justify-content:flex-end;/*主轴上对齐*/ -moz-box-pack:end; -webkit--moz-box-pack:end; box-pack:end; /*align-items*/ align-items:flex-end;/*交叉轴对齐*/ -webkit-align-items:flex-end; box-align:end; -moz-box-align:end; -webkit-box-align:end; } #laymod_633151 #jh_nav_4 .nav_list>ul>li { margin:0 2%; _margin:0 1%; position:relative; padding:22px 0; /*display*/ 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+ */ /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; -webkit-box-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:nowrap;/*nowrap*/ -webkit-box-lines:single;/*single*/ -moz-flex-wrap:nowrap; flex-wrap:nowrap; /*justify-content*/ -webkit-box-justify-content:center; -webkit-justify-content:center; justify-content:center;/*主轴上对齐（横轴）*/ -webkit-box-pack:center; -moz-box-pack:center; box-pack:center; /*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_633151 #jh_nav_4 .nav_list>ul>li>a { display:inline-block; position:relative; padding:0; z-index: 1; font-size:14px; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; color:#000; line-height:26px; 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; white-space: nowrap; } #laymod_633151 #jh_nav_4 .nav_list>.nav_ul>li>.iconfont { float:right; 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; font-size: 25px; display: inline-block; color:#000; line-height:1; } #laymod_633151 #jh_nav_4 .nav_list>.nav_ul>li>.iconfont:after { content:"\e71d"; } #laymod_633151 #jh_nav_4 .nav_list>ul>li.active_bg>a, #laymod_633151 #jh_nav_4 .nav_list>ul>li.move_bg>a { color:rgba(87,174,95,1); } #laymod_633151 #jh_nav_4 .nav_list>ul>li>a>span.nav_line { display:block; height:1px; width:0; left:50%; bottom: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; background:rgba(87,174,95,1); position:absolute; z-index: -1; } #laymod_633151 #jh_nav_4 .nav_list>ul>li.active_bg>a>span.nav_line, #laymod_633151 #jh_nav_4 .nav_list>ul>li.move_bg>a>span.nav_line { width:100%; left:0; } #laymod_633151 #jh_nav_4 .nav_list li>ul { background:#fff; display:none; position:absolute; top:100%; left:-20px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; box-shadow:0 2px 2px rgba(0,0,0,0.3); overflow:hidden; border-top:1px solid #eee; min-width:162px; max-width:230px; } #laymod_633151 #jh_nav_4 .nav_list li.move_bg>ul { overflow:visible; } #laymod_633151 #jh_nav_4 .nav_list li>ul li { width:100%; margin:0; border-bottom:0 none; position:relative; } #laymod_633151 #jh_nav_4 .nav_list li>ul li a { padding:0 17px; line-height:48px; margin:0; min-width:142px; overflow:hidden; text-overflow:ellipsis; position:relative; text-align:left; font-size:14px; max-height:48px; display:block; color:rgba(0,0,0,0.55); } #laymod_633151 #jh_nav_4 .nav_list li>ul li a>dd { line-height:44px; } #laymod_633151 #jh_nav_4 .nav_list li>ul li.last_li a { border-bottom-left-radius:3px; border-bottom-right-radius:3px; } #laymod_633151 #jh_nav_4 .nav_list li>ul li a>i { display:inline; 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:absolute; right:10px; top:0; margin:0; } #laymod_633151 #jh_nav_4 .nav_list li>ul li a>i:before { content:"\e627"; } #laymod_633151 #jh_nav_4 .nav_list>ul>li#nav_lan a { font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_633151 #jh_nav_4 .nav_list ul.nav_ul_son li>ul { left:150%; top:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; display:block; overflow:hidden; border-top-left-radius: 3px; border-top-right-radius: 3px; } #laymod_633151 #jh_nav_4 .nav_list ul.nav_ul_son li.move_bg { overflow:visible; } #laymod_633151 #jh_nav_4 .nav_list ul.nav_ul_son li.move_bg>ul { left:100%; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); overflow:visible; } /*手机端导航栏目*/ #laymod_633151 #jh_nav_4 .mobile_style .nav_list { position:absolute; top:156%; left:0; width:100%; margin:0; padding:0 0 72px 0; height:auto; background:#fff; box-shadow:0 5px 5px rgba(0,0,0,0.3); opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_633151 #jh_nav_4 .mobile_style .nav_list.bbxx { top: 100%; } #laymod_633151 #jh_nav_4 .mobile_style_out .nav_list { top:100%; } #laymod_633151 #jh_nav_4 .mobile_style .nav_list>ul { display: block; } #laymod_633151 #jh_nav_4 .mobile_style .nav_list>ul, #laymod_633151 #jh_nav_4 .mobile_style .nav_list>ul>li { width:100%; text-align:left; margin:0; _margin:0; } #laymod_633151 #jh_nav_4 .mobile_style .nav_list>ul>li>a { line-height:1; padding: 15px; text-align:left; } #laymod_633151 #jh_nav_4 .mobile_style .nav_list li>ul { position:relative; width:100%; box-shadow:0 0 0 rgba(0,0,0,0); border-top:0 none; left:auto; top:auto; max-width:inherit; } #laymod_633151 #jh_nav_4 .mobile_style .nav_list li>ul li a { line-height:45px; padding:0 30px; max-height:45px; border-radius:0; } #laymod_633151 #jh_nav_4 .mobile_style .nav_list ul.nav_ul_son li>ul { left:auto; top:auto; display:none; } #laymod_633151 #jh_nav_4 .mobile_style .nav_list li>i.iconfont { position:absolute; height:45px; display:block; width:30px; right:6px; z-index: 2; top:0; } #laymod_633151 #jh_nav_4 .mobile_style .nav_list li li>i.iconfont { height:45px; } #laymod_633151 #jh_nav_4 .mobile_style .nav_list li>i.iconfont:before { content:""; display:block; width:10px; margin:0 0 0 -5px; height:1px; position:absolute; top:50%; left:50%; background:#000; } #laymod_633151 #jh_nav_4 .mobile_style .nav_list li>i.iconfont:after { content:""; display:block; width:1px; height:10px; position:absolute; top:50%; left:50%; margin:-5px 0 0 0; background:#000; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_633151 #jh_nav_4 .mobile_style .nav_list li li li a { padding-left:45px; } #laymod_633151 #jh_nav_4 .mobile_style .nav_list li li li li a { padding-left:60px; } /*导航搜索框*/ #laymod_633151 #jh_nav_4 .nav_search { height:34px; width:auto; position:absolute; top:17px; right:4.16667%; z-index: 4; } #laymod_633151 #jh_nav_4 .nav_search>a.nav_btn { display:block; width:34px; height:34px; text-align:center; line-height:34px; font-size:20px; position:relative; overflow:hidden; float:left; } #laymod_633151 #jh_nav_4 .nav_search>a.nav_btn span:before { content:"\e690"; } #laymod_633151 #jh_nav_4 .nav_search>a.nav_btn em:before { content:"\e635"; } #laymod_633151 #jh_nav_4 .nav_search>a.nav_btn span { display:block; color:#000; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); height:34px; width:34px; position:absolute; top:0; left: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_633151 #jh_nav_4 .nav_search>a.nav_btn.active_bg span { top:-34px; } #laymod_633151 #jh_nav_4 .nav_search>a.nav_btn em { color:rgba(87,174,95,1); display:block; height:34px; width:34px; position:absolute; bottom:-34px; left:0; font-style:normal; 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_633151 #jh_nav_4 .nav_search>a.nav_btn.active_bg em { bottom:0; } #laymod_633151 #jh_nav_4 .nav_search_list { display:none; position: absolute; right:62%; width:262px; top:48px; padding:15px; background-color: #fff; border-radius: 3px; -webkit-animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); border:1px solid rgba(153,153,153,0.6); } @-webkit-keyframes avia_pop { 0% { -webkit-transform:scale(0.8); } 100% { -webkit-transform:scale(1); } } @keyframes avia_pop { 0% { transform:scale(0.8); } 100% { transform:scale(1); } } #laymod_633151 #jh_nav_4 .nav_search_list span { content:""; width:10px; height:10px; display: block; background-color: #fff; position: absolute; top:-6px; right:17px; transform: rotate(45deg); -webkit-transform: rotate(45deg); border-top:1px solid rgba(153,153,153,0.6); border-left:1px solid rgba(153,153,153,0.6); } #laymod_633151 #jh_nav_4 .nav_search_list .search_text { width: 170px; padding: 0 10px; border: none; outline: none; float: left; height: 40px; font-size: 14px; color: #ccc; background-color: #eee; transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; } #laymod_633151 #jh_nav_4 .nav_search_list .search_text::-webkit-input-placeholder { color:rgba(204,204,204,0.6); } #laymod_633151 #jh_nav_4 .nav_search_list .search_btn { float: left; padding: 0 5px; width: 60px; height: 40px; display: block; text-align: center; line-height: 40px; font-size: 14px; background-color: #999; color: #fff; position: relative; z-index: 5; transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; } /*导航语言栏目*/ #laymod_633151 #jh_nav_4 .nav_search>.nav_lan { width:auto; float:left; text-align:center; overflow:hidden; } #laymod_633151 #jh_nav_4 .nav_search>.nav_lan>a { font-size:14px; line-height:34px; color:#000; padding:0; opacity: 0.4; -moz-opacity: 0.4; filter:alpha(opacity=40); 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; float:left; } /*侧边菜单*/ #laymod_633151 #jh_nav_4 .nav_right_menu { float:left; width:0; height:34px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=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; margin:0; } #laymod_633151 #jh_nav_4.fix_nav .nav_right_menu { margin:0; width:34px; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_633151 #jh_nav_4 .nav_right_menu a { display:block; width:100%; height:100%; position:relative; } #laymod_633151 #jh_nav_4 .nav_right_menu a span, #laymod_633151 #jh_nav_4 .nav_right_menu a:before, #laymod_633151 #jh_nav_4 .nav_right_menu a:after { display:block; width:80%; height:2px; background:#000; position:absolute; left:10%; 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_633151 #jh_nav_4 .nav_right_menu a:before { top:20%; content:""; } #laymod_633151 #jh_nav_4 .nav_right_menu a span { top:50%; margin:-1px 0 0 0; } #laymod_633151 #jh_nav_4 .nav_right_menu a:after { bottom:20%; content:""; } #laymod_633151 #jh_nav_4.fix_nav .nav_right_menu a.active_bg:before { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); top:45%; } #laymod_633151 #jh_nav_4.fix_nav .nav_right_menu a.active_bg span { width:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_633151 #jh_nav_4.fix_nav .nav_right_menu a.active_bg:after { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); bottom:50%; } /*侧边导航栏*/ #laymod_633151 #jh_nav_4 .nav_side_menu { position:fixed; right:-100%; top:0; background:#fff; width:50%; height:100%; padding:70px 20px 0 0; /*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:space-between; justify-content:space-between;/*主轴上对齐*/ -moz-box-pack:justify; -webkit--moz-box-pack:justify; box-pack:justify; /*align-items*/ align-items:flex-end;/*交叉轴对齐*/ -webkit-align-items:flex-end; box-align:end; -moz-box-align:end; -webkit-box-align:end; z-index: 1; transition:all 0.8s ease-out 0s; -moz-transition:all 0.8s ease-out 0s; -webkit-transition:all 0.8s ease-out 0s; -o-transition:all 0.8s ease-out 0s; } #laymod_633151 #jh_nav_4 .nav_side_menu.active_bg { right:0; box-shadow:0 0 5px rgba(0,0,0,0.3); } #laymod_633151 #jh_nav_4 .nav_side_menu .side_logo { width:200px; height:70px; overflow:hidden; } #laymod_633151 #jh_nav_4 .nav_side_menu .side_logo a { display:block; width:100%; 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:flex-start;/*交叉轴对齐*/ -webkit-align-items:flex-start; box-align:start; -moz-box-align:start; -webkit-box-align:start; } #laymod_633151 #jh_nav_4 .nav_side_menu .side_logo a img { max-width:100%; max-height:90%; } #laymod_633151 #jh_nav_4 .nav_side_menu .side_contact { padding:0 40px 20px 0; } #laymod_633151 #jh_nav_4 .nav_side_menu .side_contact, #laymod_633151 #jh_nav_4 .nav_side_menu .side_contact em { text-align:right; font-size:12px; line-height:2; color:#999; font-style:normal; } #laymod_633151 #jh_nav_4 .nav_side_menu .side_contact a { color:#999; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_633151 #jh_nav_4 .nav_side_menu .side_ul { padding:0 40px 0 0; } #laymod_633151 #jh_nav_4 .nav_side_menu .side_ul li { padding:10px 0; text-align:right; } #laymod_633151 #jh_nav_4 .nav_side_menu .side_ul li a { font-size:24px; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; font-weight:normal; color:#000; line-height:1; text-align:right; display:inline-block; position:relative; padding:0 0 2px 0; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_633151 #jh_nav_4 .nav_side_menu .side_ul li a span.nav_line { display:block; width:0; height:2px; background:rgba(87,174,95,1); position:absolute; bottom:0; right:0; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_633151 #jh_nav_4 .side_bg { position:fixed; width:100%; height:100%; z-index: 0; background:#000; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); } /*手机端搜索框*/ #laymod_633151 #jh_nav_4 .mobile_style .nav_search { display:block !important; width:100%; top:100%; background:#fff; height:auto; right:0; padding:0; } #laymod_633151 #jh_nav_4 .mobile_style .nav_search>a { display:none; } #laymod_633151 #jh_nav_4 .mobile_style .nav_search .nav_search_list { display:block; width:100%; padding:0; border:0 none; top:0; right:0; } #laymod_633151 #jh_nav_4 .mobile_style .nav_search .nav_search_list>span { display:none; } #laymod_633151 #jh_nav_4 .mobile_style_out .nav_search .nav_search_list { display:none !important; border:1px solid #ccc; right:-8px; width:262px; top:48px; padding:15px; } /*手机端导航栏菜单按钮*/ #laymod_633151 #jh_nav_4 .nav_botton { height:34px; width:34px; position:absolute; top:50%; margin:-17px 0 0 0; right:4.16667%; display:none; } #laymod_633151 #jh_nav_4 .nav_botton>a { background:rgba(87,174,95,1); display:block; width:34px; height:34px; color:#fff; text-align:center; line-height:34px; font-size:20px; position:relative; overflow:hidden; border-radius: 4px; } #laymod_633151 #jh_nav_4 .nav_botton>a span { 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:absolute; display:block; width:100%; height:100%; top:0; left:0; z-index: 2; } #laymod_633151 #jh_nav_4 .mobile_style .nav_botton>a span { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); z-index: 1; } #laymod_633151 #jh_nav_4 .mobile_style_out .nav_botton>a span { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); z-index: 2; } #laymod_633151 #jh_nav_4 .nav_botton>a em { 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:absolute; display:block; width:100%; height:100%; top:0; left:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); z-index: 1; font-style:normal; } #laymod_633151 #jh_nav_4 .mobile_style .nav_botton>a em { transform:rotate(90deg); -ms-transform:rotate(90deg); /* IE 9 */ -moz-transform:rotate(90deg); /* Firefox */ -webkit-transform:rotate(90deg); /* Safari and Chrome */ -o-transform:rotate(90deg); /* Opera */ opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); z-index: 2; } #laymod_633151 #jh_nav_4 .mobile_style_out .nav_botton>a em { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); z-index: 1; transform:rotate(0deg); -ms-transform:rotate(0deg); /* IE 9 */ -moz-transform:rotate(0deg); /* Firefox */ -webkit-transform:rotate(0deg); /* Safari and Chrome */ -o-transform:rotate(0deg); /* Opera */ } @media (max-width: 1360px) { #laymod_633151 #jh_nav_4 .nav_list>ul>li { margin:0 1%; } } @media (max-width: 1200px){ #laymod_633151 #jh_nav_4 .nav_list>ul>li>a, #laymod_633151 #jh_nav_4 .nav_list li>ul li a { font-size:12px; } #laymod_633151 #jh_nav_4 .nav_list>.nav_ul>li>.iconfont { font-size:15px; } } #laymod_633151 #jh_nav_4.active_false .mobile_style .nav_list li:hover>i.iconfont:after { height:0; margin:0; } #laymod_633151 #jh_nav_4.active_false .nav_list li>ul li a:hover { background:rgba(87,174,95,1); color:#fff; } #laymod_633151 #jh_nav_4.active_false .nav_side_menu .side_ul li a:hover { color:rgba(87,174,95,1); } #laymod_633151 #jh_nav_4.active_false .nav_side_menu .side_contact a:hover { color:rgba(87,174,95,1); } #laymod_633151 #jh_nav_4.active_false .nav_right_menu a:hover:after { background:rgba(87,174,95,1); } #laymod_633151 #jh_nav_4.active_false .nav_right_menu a:hover span { background:rgba(87,174,95,1); } #laymod_633151 #jh_nav_4.active_false .nav_right_menu a:hover:before { background:rgba(87,174,95,1); } #laymod_633151 #jh_nav_4.active_false .nav_search>.nav_lan>a:hover { color:rgba(87,174,95,1); text-decoration:none; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_633151 #jh_nav_4.active_false .nav_search_list .search_btn:hover { background-color:rgba(87,174,95,1); } #laymod_633151 #jh_nav_4.active_false .nav_search>a.nav_btn:hover em { color:#000; } #laymod_633151 #jh_nav_4.active_false .nav_search>a.nav_btn:hover span { color:rgba(87,174,95,1); } #laymod_633151 #jh_nav_4.active_false .nav_list>ul>li>a:hover>span.nav_line { width:100%; left:0; } #laymod_633151 #jh_nav_4.active_false .nav_list>ul>li:hover>a, #laymod_633151 #jh_nav_4.active_false .nav_list>.nav_ul>li:hover>.iconfont { color:rgba(87,174,95,1); } #laymod_633151 #jh_nav_4.active_false .logo a:hover span.logo_text { color:rgba(87,174,95,1); } #laymod_633151 #jh_nav_4.active_false .nav_side_menu .side_ul li a:hover span.nav_line { width:100%; } /*不同屏幕*/ @media (max-width: 991px) { #laymod_633151 #jh_nav_4.fix_nav { padding:70px 0 0 0; } #laymod_633151 #jh_nav_4 .bodyCont_width { height:70px; } /* 手机logo */ #laymod_633151 #jh_nav_4 .logo a { text-align:left; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; -webkit-box-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:nowrap;/*nowrap*/ -webkit-box-lines:single;/*single*/ -moz-flex-wrap:nowrap; flex-wrap:nowrap; /*justify-content*/ -webkit-box-justify-content:flex-start; -webkit-justify-content:flex-start; justify-content:flex-start;/*主轴上对齐（横轴）*/ -webkit-box-pack:start; -moz-box-pack:start; box-pack:start; /*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_633151 #jh_nav_4 .logo img { max-height:60px; margin:0; } #laymod_633151 #jh_nav_4 .logo a span.logo_text { font-size:1vw; } /* 手机导航 */ #laymod_633151 #jh_nav_4 .nav_list>ul>li>a>span.nav_line, #laymod_633151 #jh_nav_4 .nav_list { display:none; } #laymod_633151 #jh_nav_4 .nav_list>ul>li { display: block; } #laymod_633151 #jh_nav_4 .nav_list>ul>li>a { font-weight: 400; font-size: 14px; padding: 15px; width: 88%; } #laymod_633151 #jh_nav_4 .nav_list li>ul li a>i:before { display: none; } #laymod_633151 #jh_nav_4 .mobile_style .nav_list li>i.iconfont { width: 12%; line-height: 1; padding: 0; text-align: right; box-sizing: content-box; right: 0; top:0; } #laymod_633151 #jh_nav_4 .mobile_style .nav_list li>i.iconfont:before { content:""; display:block; width:10px; margin:0 0 0 -5px; height:1px; position:absolute; top:50%; left:50%; background:#000; } #laymod_633151 #jh_nav_4 .mobile_style .nav_list li>i.iconfont:after { content:""; display:block; width:1px; height:10px; position:absolute; top:50%; left:50%; margin:-5px 0 0 0; background:#000; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_633151 #jh_nav_4 .mobile_style .nav_list li>i.iconfont.active:after { height: 0; } #laymod_633151 #jh_nav_4 .bodyCont_width .nav_list>ul>li>a>span.nav_line { background: none; } #laymod_633151 #jh_nav_4 .nav_list>ul>li { padding: 0; margin: 5px 0; border-bottom: 1px solid rgba(0,0,0,0.1); } /* 手机二级导航 */ #laymod_633151 #jh_nav_4 .mobile_style .nav_list li>ul { padding-top: 15px; padding-bottom: 15px; border-top: 1px solid rgba(0,0,0,0.1); } #laymod_633151 #jh_nav_4 .mobile_style .nav_list li>ul li a { line-height: 30px; font-size: 13px; padding: 0 15px; } #laymod_633151 #jh_nav_4 .nav_list>ul>li.active_bg>a { color: #000; } /* 手机搜索框 */ #laymod_633151 #jh_nav_4 .nav_search_list .search_text { padding: 0 14px; width: 80%; -webkit-appearance: none; border-radius: 0; } #laymod_633151 #jh_nav_4 .nav_search_list .search_btn { width: 20%; } } #laymod_633151 #jh_nav_4.active_true.fix_nav { padding:70px 0 0 0; } #laymod_633151 #jh_nav_4.active_true .bodyCont_width { height:70px; } /* 手机logo */ #laymod_633151 #jh_nav_4.active_true .logo a { text-align:left; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; -webkit-box-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:nowrap;/*nowrap*/ -webkit-box-lines:single;/*single*/ -moz-flex-wrap:nowrap; flex-wrap:nowrap; /*justify-content*/ -webkit-box-justify-content:flex-start; -webkit-justify-content:flex-start; justify-content:flex-start;/*主轴上对齐（横轴）*/ -webkit-box-pack:start; -moz-box-pack:start; box-pack:start; /*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_633151 #jh_nav_4.active_true .logo img { max-height:60px; margin:0; } #laymod_633151 #jh_nav_4.active_true .logo a span.logo_text { font-size:1vw; } /* 手机导航 */ #laymod_633151 #jh_nav_4.active_true .nav_botton { display: block !important; } #laymod_633151 #jh_nav_4.active_true .nav_list>ul>li>a>span.nav_line, #laymod_633151 #jh_nav_4.active_true .nav_list { display:none; } #laymod_633151 #jh_nav_4.active_true .nav_list>ul>li { display: block; } #laymod_633151 #jh_nav_4.active_true .nav_list>ul>li>a { font-weight: 400; font-size: 14px; padding: 15px; width: 88%; } #laymod_633151 #jh_nav_4.active_true .nav_list li>ul li a>i:before { display: none; } #laymod_633151 #jh_nav_4.active_true .mobile_style .nav_list li>i.iconfont { width: 12%; line-height: 1; padding: 0; text-align: right; box-sizing: content-box; right: 0; top:0; } #laymod_633151 #jh_nav_4.active_true .mobile_style .nav_list li>i.iconfont:before { content:""; display:block; width:10px; margin:0 0 0 -5px; height:1px; position:absolute; top:50%; left:50%; background:#000; } #laymod_633151 #jh_nav_4.active_true .mobile_style .nav_list li>i.iconfont:after { content:""; display:block; width:1px; height:10px; position:absolute; top:50%; left:50%; margin:-5px 0 0 0; background:#000; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_633151 #jh_nav_4.active_true .mobile_style .nav_list li>i.iconfont.active:after { height: 0; } #laymod_633151 #jh_nav_4.active_true .bodyCont_width .nav_list>ul>li>a>span.nav_line { background: none; } #laymod_633151 #jh_nav_4.active_true .nav_list>ul>li { padding: 0; margin: 5px 0; border-bottom: 1px solid rgba(0,0,0,0.1); } /* 手机二级导航 */ #laymod_633151 #jh_nav_4.active_true .mobile_style .nav_list li>ul { padding-top: 15px; padding-bottom: 15px; border-top: 1px solid rgba(0,0,0,0.1); } #laymod_633151 #jh_nav_4.active_true .mobile_style .nav_list li>ul li a { line-height: 30px; font-size: 13px; padding: 0 15px; } #laymod_633151 #jh_nav_4.active_true .nav_list>ul>li.active_bg>a { color: #000; } /* 手机搜索框 */ #laymod_633151 #jh_nav_4.active_true .nav_search_list .search_text { padding: 0 14px; width: 80%; -webkit-appearance: none; border-radius: 0; } #laymod_633151 #jh_nav_4.active_true .nav_search_list .search_btn { width: 20%; } #laymod_633151 #jh_nav_4.active_true .nav_search>.nav_lan, #laymod_633151 #jh_nav_4.active_true .nav_search>a.nav_btn { display: none !important; } #laymod_633151 #jh_nav_4.active_true .nav_search_list { display:block; width:100%; padding:0; border:0 none; top:0; right:0; } 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_633152 #jh2_ad_29 { position:relative; overflow:hidden; z-index: 500; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_633152 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_633152 .bg_img { z-index:2; } #laymod_633152 .bg_mask { z-index: 3; background: #000; opacity: 0.4; } #laymod_633152 .bodyCont_width { position:relative; opacity: 1; z-index:4; } /*标题控制*/ #laymod_633152 .bodyContTitle { margin:0 auto; position:relative; z-index: 3; } #laymod_633152 .bodyContTitle .fl { font-size:24px; text-align: center; color:#fff; margin-bottom: 12px; } #laymod_633152 .bodyContTitle .fl2 { font-size:14px; text-align: center; transition-delay: 0.2s; color:#fff; margin-bottom: 24px; } #laymod_633152 .bodyContTitle .adver_more { display: block; width: 125px; height: 42px; line-height: 42px; text-align: center; transition-delay: 0.3s; border: 1px solid #fff; transition: all .35s ease-out; border-radius: 6px; margin: 0 auto; } #laymod_633152 .bodyContTitle .adver_more span { color: #fff; font-size: 14px; transition: all .35s ease-out; } #laymod_633152 .active_false .bodyContTitle .adver_more:hover { border: 1px solid rgba(87,174,95,1); background: rgba(87,174,95,1); } @media(min-width: 769px) { #laymod_633152 .bg_img1 { display: none !important; } } @media(max-width: 768px) { #laymod_633152 .bg_img { display: none !important; } #laymod_633152 .bodyContTitle .fl { font-size: 20px; margin-bottom: 8px; } #laymod_633152 .bodyContTitle .fl b, #laymod_633152 .bodyContTitle .fl p, #laymod_633152 .bodyContTitle .fl span { font-size: 20px; } #laymod_633152 .bodyContTitle .fl2 { margin-bottom: 18px; font-size: 12px; } #laymod_633152 .bodyContTitle .fl2 b, #laymod_633152 .bodyContTitle .fl2 p, #laymod_633152 .bodyContTitle .fl2 span { font-size: 12px; } #laymod_633152 .bodyContTitle .adver_more { height: 34px; line-height: 32px; } #laymod_633152 .bodyContTitle .adver_more span { font-size: 12px; } #laymod_633152 .ql-size-12, #laymod_633152 .ql-size-13, #laymod_633152 .ql-size-14, #laymod_633152 .ql-size-15, #laymod_633152 .ql-size-16 { font-size: 4vw; } #laymod_633152 .ql-size-17, #laymod_633152 .ql-size-18, #laymod_633152 .ql-size-19, #laymod_633152 .ql-size-20, #laymod_633152 .ql-size-21 { font-size: 5.2vw; } #laymod_633152 .ql-size-22, #laymod_633152 .ql-size-23, #laymod_633152 .ql-size-24, #laymod_633152 .ql-size-25, #laymod_633152 .ql-size-26 { font-size: 5.4vw; } #laymod_633152 .ql-size-27, #laymod_633152 .ql-size-28, #laymod_633152 .ql-size-29, #laymod_633152 .ql-size-30, #laymod_633152 .ql-size-31 { font-size: 5.6vw; } #laymod_633152 .ql-size-32, #laymod_633152 .ql-size-33, #laymod_633152 .ql-size-34, #laymod_633152 .ql-size-35, #laymod_633152 .ql-size-36 { font-size: 5.8vw; } #laymod_633152 .ql-size-37, #laymod_633152 .ql-size-38, #laymod_633152 .ql-size-39, #laymod_633152 .ql-size-40, #laymod_633152 .ql-size-41 { font-size: 6vw; } #laymod_633152 .ql-size-42, #laymod_633152 .ql-size-43, #laymod_633152 .ql-size-44, #laymod_633152 .ql-size-45, #laymod_633152 .ql-size-46 { font-size: 6.2vw; } #laymod_633152 .ql-size-47, #laymod_633152 .ql-size-48, #laymod_633152 .ql-size-49, #laymod_633152 .ql-size-50, #laymod_633152 .ql-size-51 { font-size: 6.4vw; } #laymod_633152 .ql-size-52, #laymod_633152 .ql-size-53, #laymod_633152 .ql-size-54, #laymod_633152 .ql-size-55, #laymod_633152 .ql-size-56 { font-size: 6.6vw; } #laymod_633152 .ql-size-57, #laymod_633152 .ql-size-58, #laymod_633152 .ql-size-59, #laymod_633152 .ql-size-60, #laymod_633152 .ql-size-61 { font-size: 6.8vw; } #laymod_633152 .ql-size-62, #laymod_633152 .ql-size-63, #laymod_633152 .ql-size-64, #laymod_633152 .ql-size-65, #laymod_633152 .ql-size-66 { font-size: 7vw; } #laymod_633152 .ql-size-67, #laymod_633152 .ql-size-68, #laymod_633152 .ql-size-69, #laymod_633152 .ql-size-70, #laymod_633152 .ql-size-71 { font-size: 7.2vw; } #laymod_633152 .ql-size-72, #laymod_633152 .ql-size-73, #laymod_633152 .ql-size-74, #laymod_633152 .ql-size-75, #laymod_633152 .ql-size-76 { font-size: 7.4vw; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.eot'); src: url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.woff') format('woff'), url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_9if0bxzm0dp.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; } /*模版整体控制*/ #laymod_633153 #jh_bread_1 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_633153 #jh_bread_1>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_633153 #jh_bread_1>.bg_img { z-index:2; } /*顶部线条控制*/ #laymod_633153 .border_top { background:#ededed; height:0px; position:relative; z-index: 4; } #laymod_633153 .bodyCont_width { position:relative; } /*标题控制*/ #laymod_633153 .bodyContContent { position:relative; z-index: 4; } #laymod_633153 .bodyContContent.container-100 { width:100%; } /*模版主体部分*/ #laymod_633153 .bread_cont { overflow:hidden; position:relative; } #laymod_633153 .bread_cont>ul { margin-bottom:0; } #laymod_633153 .bread_cont>ul:after { content: ""; display: block; clear: both; } #laymod_633153 .bodyContContent li { color:#ccc; font-size:14px; line-height:43px; float:left; } #laymod_633153 .bodyContContent li.hidea { display: none; } #laymod_633153 .bodyContContent li a { 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; } #laymod_633153 .bodyContContent li.bread_last a, #laymod_633153 .bodyContContent li a:hover { color:rgba(87,174,95,1); text-decoration:none; } #laymod_633153 .bodyContContent li em, #laymod_633153 .bodyContContent li .xyb_line { padding:0 0.5rem; font-style:normal; font-size:12px; } #laymod_633153 .bodyContContent li .xyb_line:before { content:"\e627"; } #laymod_633153 .bodyContContent li.bread_last .xyb_line { display:none; } #laymod_633153 .bread_line { height:1px; background:#ededed; } /*搜索*/ #laymod_633153 .nav_m_search { border:1px solid #eee; background:#fff; padding:0; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -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; position:absolute; width:220px; height:32px; top:50%; right:0; margin:-16px 0 0 0; -moz-border-radius: 16px -khtml-border-radius: 16px -webkit-border-radius: 16px border-radius: 16px -moz-border-radius-bottomleft:16px -moz-border-radius-bottomright:16px -khtml-border-radius: 16px -webkit-border-bottom-left-radius:16px -webkit-border-bottom-right-radius: 16px border-bottom-left-radius: 16px border-bottom-right-radius: 16px } #laymod_633153 .nav_m_search form { display:block; width:80%; } #laymod_633153 .nav_m_search input { width:100%; background:none; border:0 none; height:100%; line-height:30px; color:#000; text-indent:10%; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_633153 .nav_m_search a { display:block; width:19%; background:none; font-size:14px; line-height:30px; height:100%; text-align:center; color:#000; transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-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; } #laymod_633153 .nav_m_search a:before { content:"\e7bb"; } #laymod_633153 .nav_m_search a:hover { color:rgba(87,174,95,1); } #laymod_633153 .nav_m_search input::-webkit-input-placeholder { color:#666; } #laymod_633153 .nav_m_search input::-moz-placeholder { color:#666; } #laymod_633153 .nav_m_search input::-ms-input-placeholder { color:#666; } /*表单错误提示语*/ #laymod_633153 #err_tip { display: none; position: fixed; top: 35%; left: 50%; width: 220px; padding: 0; margin: 0 0 0 -110px; z-index: 9999; background: rgba(0,0,0,0.8); color: #fff; font-size: 14px; line-height: 1.5em; border-radius: 6px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 2px rgba(0,0,0,0.2); } #laymod_633153 #err_tip .err_text { padding: 10px; text-align: center; word-wrap: break-word; } @media(min-width:992px){ #laymod_633153 .bread_cont { padding:0; } } @media (max-width:991px) { /*顶部线条控制*/ #laymod_633153 .border_top { height:0; } #laymod_633153 .bodyContContent ul { padding:10px 0; } #laymod_633153 .bodyContContent ul:after { content: ""; display: block; clear: both; } #laymod_633153 .bodyContContent li { font-size:1.2rem; line-height:1.6; } #laymod_633153 .bodyContContent li.bread_last { max-width:33%; } #laymod_633153 .bodyContContent li.bread_last a { display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; max-width:100%; } .page-pd #laymod_633153 .bodyContContent li.bread_last a { max-width:190px; } } @media (max-width:375px) { .page-pd #laymod_633153 .bodyContContent li.bread_last a { max-width:150px; } } @media (max-width:320px) { .page-pd #laymod_633153 .bodyContContent li.bread_last a { max-width:100px; } } /* 默认引入阿里云图标 */ @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_632821 #jh_product_4 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_632821 #jh_product_4>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_632821 #jh_product_4>.bg_img { z-index:2; } #laymod_632821 .bodyCont_width { position:relative; z-index: 3; } #laymod_632821 .active_bg .bodyCont_width { margin:0 !important; padding-top:40px; padding-bottom:60px; } /*标题控制*/ #laymod_632821 .bodyContTitle { margin:0 auto; padding: 0; position:relative; z-index: 3; } #laymod_632821 .bodyContTitle .fl { font-size:24px; color:#333; text-align: center; } #laymod_632821 .bodyContTitle .fl2 { font-size:12px; color:#999; text-align: center; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_632821 .bodyContContent { position:relative; z-index: 4; } /*模版主体部分*/ #laymod_632821 .pro_title { color:#666; margin:0 0 30px 0; overflow:hidden; } #laymod_632821 .pro_title .span { font-size:18px; line-height:1; float:left; } #laymod_632821 .pro_cate_list { margin:0 auto 2rem auto; overflow:visible; clear:both; } #laymod_632821 .pro_cate_list>.all_cate a { height: 40px; line-height: 40px; 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; display:block; position:relative; color: #000; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); padding:0 15px; text-align:center; } #laymod_632821 .pro_cate_list>.all_cate a:before { content: ""; display: block; width: 0; height: 40px; position: absolute; top: 0; left: 50%; transform: skew(-30deg); background: rgba(87,174,95,1); 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_632821 .pro_cate_list>.all_cate a.active_bg { background: rgba(87,174,95,1); color:#fff; } #laymod_632821 .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_632821 .pro_cate_list>.all_cate a>span:before { content:"\e627"; } #laymod_632821 .pro_cate_list>.all_cate a.active_bg>span { color:#fff; right:-5%; } #laymod_632821 .pro_cate_list>ul { position:relative; margin-bottom:0; background:#fff; } .design-html #laymod_632821 .pro_cate_list>ul>i { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; } #laymod_632821 .pro_cate_list>ul>li>a { display: block; width: auto; height: auto; line-height: 22px; padding: 10px 15px; text-align: left; margin: 0; position: relative; z-index: 1; color: #666; font-size: 14px; 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; border-bottom:1px solid #ccc; } #laymod_632821 .pro_cate_list>ul li>a>dd { display:block; line-height:22px; word-break: break-all; width:95%; } #laymod_632821 .pro_cate_list>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_632821 .pro_cate_list>ul>li>a>span:before { content:"\e627"; } #laymod_632821 .pro_cate_list>ul>li>a:before { content: ""; display: block; width: 4px; height: 14px; position: absolute; top: 50%; left: 0; background: currentColor; 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; margin:-7px 0 0 0; opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); } #laymod_632821 .pro_cate_list>ul>li>a>span { float:right; opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); 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_632821 .pro_cate_list>ul>li>a>span:before { content:"\e627"; } #laymod_632821 .pro_cate_list>ul>li.active_bg>a>span { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_632821 .pro_cate_list>ul>li.active_bg>a { color:rgba(87,174,95,1); } #laymod_632821 .pro_cate_list>ul>li.active_bg>a:before { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); background: rgba(87,174,95,1); } #laymod_632821 .pro_cate_list>ul ul { display:none; padding-top:15px; padding-bottom:15px; background:#f9f9f9; } #laymod_632821 .pro_cate_list>ul ul a { display:block; font-size: 12px; line-height: 22px; padding: 5px 15px; color: #666; 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_632821 .pro_cate_list>ul ul a dd { line-height:22px; word-break: break-all; } #laymod_632821 .pro_cate_list>ul ul>li.active_bg>a { background:rgba(87,174,95,1); color:#fff; } #laymod_632821 .pro_cate_list>ul ul ul { padding:15px; background:#eee; } #laymod_632821 .pro_cate_list>.mobile_ul { position:fixed; top:0; left:-100%; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; width:80%; z-index: 2; overflow:auto; height:100%; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_632821 .close_pro_menu { width:100%; height:100%; position:fixed; top:0; left:0; z-index: 0; background:rgba(0,0,0,0.8); } #laymod_632821 #jh_product_4.active_bg { z-index: 1900; position:relative; overflow:visible; } #laymod_632821 #jh_product_4.active_bg .pro_cate_list>.mobile_ul { left:0; box-shadow:0 0 5px rgba(0,0,0,0.5); opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_632821 .mobile_ul li { width:100%; margin:0; position:relative; } #laymod_632821 .mobile_ul li>span.iconfont { position:absolute; height:52px; display:block; width:30px; right:0; z-index: 2; top:0; } #laymod_632821 .mobile_ul li dd { width:90%; } #laymod_632821 .mobile_ul li li>span.iconfont { height:32px; } #laymod_632821 .mobile_ul li>span.iconfont:before { content:""; display:block; width:10px; margin:0 0 0 -5px; height:1px; position:absolute; top:50%; left:50%; background:#999; } #laymod_632821 .mobile_ul li>span.iconfont:after { content:""; display:block; width:1px; height:10px; position:absolute; top:50%; left:50%; margin:-5px 0 0 0; background:#999; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_632821 .bodyContContent { position:relative; } #laymod_632821 .jh_content1 { z-index: 2; position:relative; } #laymod_632821 .jh_content2 { z-index: 1; position:relative; } #laymod_632821 .pro_list { width:auto; position:relative; overflow:hidden; padding:0 0 1rem 0; } #laymod_632821 .pro_list .swiper-wrapper { position:relative; display: flex; display: -webkit-flex; flex-wrap: wrap; } #laymod_632821 .pro_list .swiper-slide_li { margin:0 0 2rem 0; } #laymod_632821 .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_632821 .pro_list .swiper-slide_li a>.pro_bg_color { display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(87,174,95,1); 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; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_632821 .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_632821 .pro_list .pro_pic img { display:block; width:100%; position:relative; z-index: 1; } #laymod_632821 .pro_list i.pic_border { display:block; width:100%; height:100%; z-index: 1; position:absolute; top:0; left:0; border:1px solid #dfdfdf; } #laymod_632821 .pro_list span.pro_name { display:block; width:100%; text-align:left; font-size:1.6rem; line-height:1.5; height:3.2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 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_632821 .pro_list span.pro_line { margin: 0; width: 50px; height: 30px; display: block; background: #fff; color:rgba(87,174,95,1); font-size:20px; line-height:30px; text-align:center; 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; position:absolute; right:20%; opacity:0; -moz-opacity: 0; filter:alpha(opacity=0); transform: skew(-30deg); bottom:7%; } #laymod_632821 .pro_list span.pro_line:before { content:"\e63e"; margin:0 0 0 -30px; transition:all 0.3s ease 0.2s; -moz-transition:all 0.3s ease 0.2s; -webkit-transition:all 0.3s ease 0.2s; -o-transition:all 0.3s ease 0.2s; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_632821 .pro_list span.pro_type { display:block; width:100%; text-align:left; font-size:1.4rem; line-height:2.8rem; height:2.8rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 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_632821 .pro_list span.pro_price { display:block; width:100%; text-align:left; font-size:1.4rem; line-height:2; overflow:hidden; color:#999; z-index: 5; padding:0 3%; position:relative; } #laymod_632821 .pro_list span.price1 { color:#f00; 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_632821 .pro_list span.price2 { text-decoration:line-through; 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_632821 .pagenation { clear:both; overflow:hidden; margin-bottom: 37px; } #laymod_632821 .pagenation .row { text-align:center; font-size:0; } #laymod_632821 .pagenation .page_li { float:none; display:inline-block; *display:inline; *zoom:1; vertical-align: top; } #laymod_632821 .pagenation .page_li a { display: inline-block; padding: 0; font-size: 1.4rem; width: 34px; height: 34px; line-height: 34px; text-align: center; color:#999; 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; background:#eee; margin:0 5px; _margin:0 2px; } #laymod_632821 .pagenation .page_li a.active_bg { background:rgba(87,174,95,1); text-decoration:none; color:#fff; } #laymod_632821 .pagenation .pagenationSelectDiv { float:right; display:none; } #laymod_632821 .pagenation .pageDisable { display:none; } #laymod_632821 .pagenation .pagePrev { display: inline-block; width: 34px; height: 34px; line-height: 34px; font-size: 0; background: none; border: none; padding: 0; background: rgba(87,174,95,1); color:#fff; font-weight: normal; position: relative; text-align:center; margin:0 5px; _margin:0 2px; } #laymod_632821 .pagenation .pagePrev>a { display:block; width:100%; height:100%; font-size:16px; margin:0; _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_632821 .pagenation .pagePrev>a:before { content:"\e66b"; } #laymod_632821 .pagenation .pageNext { display: inline-block; width: 34px; height: 34px; line-height: 34px; font-size: 0; background: none; border: none; padding: 0; background: rgba(87,174,95,1); color:#fff; font-weight: normal; position: relative; text-align:center; margin:0 5px; _margin:0 2px; } #laymod_632821 .pagenation .pageNext>a { display:block; width:100%; height:100%; font-size:16px; margin:0; _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_632821 .pagenation .pageNext>a:before { content:"\e60c"; } #laymod_632821 .pagenationSelectDiv .pageSelect { border:1px solid #ccc; font-size:14px; color:#666; padding:5px 10px; } #laymod_632821 .pro_list .pro_search_noting { padding:1%; font-size:14px; color:#333; line-height:3; display:none; text-indent:25px; } #laymod_632821 .pro_list .swiper-slide_li a .member-price { padding: 0 3%; } #laymod_632821 .pro_list .swiper-slide_li a .member-price em { display: inline-block; vertical-align: top; position: relative; font-size: 12px; color: rgba(87,174,95,1); } #laymod_632821 .active_false .pro_cate_list>ul>li>a>span { top: 10px; } #laymod_632821 .active_false .pro_list .swiper-slide_li a:hover span.pro_name { width: 75%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #laymod_632821 .active_false .pro_list a:hover span.pro_type { width: 70%; } #laymod_632821 .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); } #laymod_632821 .active_false .pro_list .swiper-slide_li a:hover .member-price em { color:#fff; } #laymod_632821 .active_false .pro_cate_list>.all_cate a:hover { color:#000; } #laymod_632821 .active_false .pro_cate_list>.all_cate a:hover:before { width:100%; left:0; } #laymod_632821 .active_false .pro_cate_list>.all_cate a:hover { text-decoration:none; color:#fff; opacity: 1; -moz-opacity:1; filter:alpha(opacity=100); } #laymod_632821 .active_false .pro_cate_list>ul>li>a:hover>span { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_632821 .active_false .pro_cate_list>ul>li>a:hover { color:rgba(87,174,95,1); } #laymod_632821 .active_false .pro_cate_list>ul>li>a:hover::before{ opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); background: rgba(87,174,95,1); } #laymod_632821 .active_false .pro_cate_list>ul ul a:hover { background:rgba(87,174,95,1); color:#fff; } #laymod_632821 .active_false .pro_list .swiper-slide_li a:hover>.pro_bg_color { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_632821 .active_false .pro_list a:hover span.pro_line:before { margin:0; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_632821 .active_false .pro_list a:hover span.pro_line { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); right:8%; } #laymod_632821 .active_false .pro_list a:hover span.pro_name, #laymod_632821 .active_false .pro_list a:hover span.pro_type, #laymod_632821 .active_false .pro_list a:hover span.price1 { color:#fff; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_632821 .active_false .pro_list a:hover span.price2 { color:#fff; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); } #laymod_632821 .active_false .pagenation .page_li a:hover { background:rgba(87,174,95,1); text-decoration:none; color:#fff; } #laymod_632821 .active_false .pagenation .pagePrev>a:hover { text-decoration:none; margin-left:-5px; } #laymod_632821 .active_false .pagenation .pageNext>a:hover { text-decoration:none; margin-left:5px; } @media (max-width: 991px) { #laymod_632821 .bodyContTitle .fl, #laymod_632821 .bodyContTitle .fl p, #laymod_632821 .bodyContTitle .fl span, #laymod_632821 .bodyContTitle .fl b { font-size: 20px; } #laymod_632821 .bodyContTitle .fl2, #laymod_632821 .bodyContTitle .fl2 p, #laymod_632821 .bodyContTitle .fl2 span, #laymod_632821 .bodyContTitle .fl2 b { font-size: 12px; } #laymod_632821 .bodyCont_width { margin-bottom:2rem !important; } #laymod_632821 .jh_content1, #laymod_632821 .jh_content2 { padding:0; } #laymod_632821 .pro_list .swiper-slide_li { width:50%; margin: 0 0 1rem 0; } #laymod_632821 .pro_list .swiper-slide_li:nth-child(2n-1) { padding-left: 0; padding-right: 7.5px; } #laymod_632821 .pro_list .swiper-slide_li:nth-child(2n) { padding-left: 7.5px; padding-right: 0; } #laymod_632821 .pro_cate_list>.all_cate { margin: 0 0 1px 0; } #laymod_632821 .pro_cate_list>.all_cate a { background:#eee; text-align:left; } #laymod_632821 .pro_cate_list>.all_cate a:before { display:none; } #laymod_632821 .pro_cate_list>.all_cate a.active_bg { color:#fff; } #laymod_632821 .pro_list li.pro_item{ margin: 10px 0 22px 0; } #laymod_632821 .pro_list span.pro_name { display: block; font-size: 1.4rem; line-height: 1; height: auto; } #laymod_632821 .pro_list span.pro_type { font-size: 1.2rem; line-height: 2; height: auto; } #laymod_632821 .pro_cate_list>.mobile_ul>li>span.active:after, #laymod_632821 .pro_cate_list>.mobile_ul>li>.sonCate1>li>span.active:after { height:0; margin:0; } /* 手机分类 */ #laymod_632821 .pro_cate_list>ul ul a dd { width: 95%; } #laymod_632821 .pro_cate_list>ul ul ul a dd { width: 100%; } #laymod_632821 .mobile_ul li>span.iconfont { height: 22px; top: 10px; } #laymod_632821 .mobile_ul .sonCate1 li>span.iconfont { top: 0; } #laymod_632821 .pro_cate_list>ul ul ul { padding: 10px; } #laymod_632821 .pro_cate_list>ul ul ul a { padding: 5px 10px; } #laymod_632821 .pro_title { display: none !important; } } #laymod_632821 .active_true .bodyContTitle .fl, #laymod_632821 .active_true .bodyContTitle .fl p, #laymod_632821 .active_true .bodyContTitle .fl span, #laymod_632821 .active_true .bodyContTitle .fl b { font-size: 20px; } #laymod_632821 .active_true .bodyContTitle .fl2, #laymod_632821 .active_true .bodyContTitle .fl2 p, #laymod_632821 .active_true .bodyContTitle .fl2 span, #laymod_632821 .active_true .bodyContTitle .fl2 b { font-size: 12px; } #laymod_632821 .active_true .bodyCont_width { margin-bottom:2rem !important; } #laymod_632821 .active_true .jh_content1, #laymod_632821 .active_true .jh_content2 { padding:0; width: 100%; } #laymod_632821 .active_true .pro_cate_list>ul>li>a>span { display: none !important; } #laymod_632821 .active_true .pro_cate_list>.all_cate a>span, #laymod_632821 .active_true .mobile_ul li>span.iconfont { display: block !important; } #laymod_632821 .active_true .pro_cate_list>.all_cate a>span:before { content:"\e627"; } #laymod_632821 .active_true .pro_cate_list>.all_cate { margin: 0 0 1px 0; display: block !important; } #laymod_632821 .active_true .pro_cate_list>.all_cate a { background:#eee; text-align:left; } #laymod_632821 .active_true .pro_cate_list>.all_cate a:before { display:none; } #laymod_632821 .active_true .pro_cate_list>.all_cate a.active_bg { color:#fff; } #laymod_632821 .active_true .pro_list li.pro_item{ margin: 10px 0 22px 0; } #laymod_632821 .active_true .pro_list span.pro_name { display: block; font-size: 1.4rem; line-height: 1; height: auto; } #laymod_632821 .active_true .pro_list span.pro_type { font-size: 1.2rem; line-height: 2; height: auto; } #laymod_632821 .active_true .pro_cate_list>.mobile_ul>li>span.active:after, #laymod_632821 .active_true .pro_cate_list>.mobile_ul>li>.sonCate1>li>span.active:after { height:0; margin:0; } @media(min-width: 768px) { #laymod_632821 .active_true .pro_list .swiper-slide_li { width:33.33%; padding: 0 3px; margin: 0 0 1rem 0; } } /* 手机分类 */ #laymod_632821 .active_true .pro_cate_list>ul ul a dd { width: 95%; } #laymod_632821 .active_true .pro_cate_list>ul ul ul a dd { width: 100%; } #laymod_632821 .active_true .mobile_ul li>span.iconfont { height: 22px; top: 10px; } #laymod_632821 .active_true .mobile_ul .sonCate1 li>span.iconfont { top: 0; } #laymod_632821 .active_true .pro_cate_list>ul ul ul { padding: 10px; } #laymod_632821 .active_true .pro_cate_list>ul ul ul a { padding: 5px 10px; } #laymod_632821 .active_true .pro_title { display: none !important; } @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_633154 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_633154 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_633154 .bg_img { z-index:2; } #laymod_633154 .bodyCont_width { position:relative; z-index:4; } #laymod_633154 .bodyCont_width .foot_up .container .foot_info .foot_li { margin-bottom: 28px; } #laymod_633154 .bodyCont_width .foot_up .container .foot_info .foot_li>.title, #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_left>.hottitle { color: rgba(255,255,255,1); font-size: 24px; line-height: 1; padding: 7px 0; } #laymod_633154 .bodyCont_width .foot_up .container .foot_info .foot_li ul li { line-height: 1; padding: 8.5px 0; } #laymod_633154 .bodyCont_width .foot_up .container .foot_info .foot_li ul li .title, #laymod_633154 .bodyCont_width .foot_up .container .foot_info .foot_li ul li .inline, #laymod_633154 .bodyCont_width .foot_up .container .foot_info .foot_li ul li>a, #laymod_633154 .bodyCont_width .foot_up .container .foot_info .foot_li ul li>div, #laymod_633154 .bodyCont_width .foot_up .container .foot_info .foot_li ul li span { display: inline-block; vertical-align: top; font-size: 13px; color:rgba(255, 255, 255, 0.6); } #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_left .hottime { color:rgba(255, 255, 255, 0.6); font-size: 13px; line-height: 1; padding: 8.5px 0; } #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_left .share { font-size: 0; padding-top: 30px; padding-bottom: 90px; } #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_left .share a { position: relative; display: inline-block; vertical-align: middle; margin-right: 15px; color:rgba(255, 255, 255, 0.6); } #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_left .share a .pcfont { font-size: 31px; width: 38px; height: 38px; line-height: 38px; text-align: center; transition:all .3s; } #laymod_633154 .bodyContContent .share .wechat .iconfont:after { content: "\e991"; } #laymod_633154 .bodyContContent .share .qq .iconfont:after { content: "\e990"; } #laymod_633154 .bodyContContent .share .qq2 .iconfont:after { content: "\e97d"; } #laymod_633154 .bodyContContent .share .weibo .iconfont:after { content: "\e994"; } #laymod_633154 .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_633154 .bodyContContent .wechat_div.active { opacity: 1; visibility: visible; } #laymod_633154 .bodyContContent .wechat_div .wechat_bg { position: absolute; left: 0; right: 0; background: rgba(0,0,0,0.4); width: 100%; height: 100%; } #laymod_633154 .bodyContContent .wechat_div .wechat_img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 300px; width:300px; } #laymod_633154 .bodyContContent .wechat_div .wechat_img img { max-width: 100%; max-height: 100%; } #laymod_633154 .bodyCont_width .foot_down { border-top: 1px solid rgba(255, 255, 255, 0.2); } #laymod_633154 .bodyCont_width .foot_down .container { padding: 0; } #laymod_633154 .bodyCont_width .foot_down .col-sm-7 .foot_copy, #laymod_633154 .bodyCont_width .foot_down .col-sm-7 a { display: inline-block; vertical-align: middle; line-height: 42px; font-size: 12px; color:rgba(255, 255, 255, 0.6); padding-right: 6px; } #laymod_633154 .bodyCont_width .foot_down .col-sm-5 a { display: inline-block; vertical-align: middle; line-height: 42px; font-size: 12px; color:rgba(255, 255, 255, 0.6); padding-right: 6px; } @media(min-width: 993px) { #laymod_633154 .bodyCont_width { padding-top: 40px; } #laymod_633154 .bodyCont_width .foot_up .container { padding: 0; } #laymod_633154 .bodyCont_width .foot_up .container .foot_info, #laymod_633154 .bodyCont_width .foot_up .foot_open { display: flex; display: -webkit-flex; align-items: flex-start; justify-content: space-between; } #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_right .foot_lxwm { color: rgba(255,255,255,1); font-size: 24px; line-height: 1; padding: 7px 0; margin-bottom: 8px; } #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_right .cont_mail { width: 100%; height: 34px; padding: 0 10px 0 0; text-indent: 8px; -webkit-transition: all 0.3s; transition: all 0.3s; background: none; color: rgba(255,255,255,1); border: 1px solid rgba(255, 255, 255, 0.2); } #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_right .foot_hb { margin-top: 15px; display: flex; display: -webkit-flex; align-items: flex-start; justify-content: space-between; } #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_right .foot_hb .message_code { width: 75%; height: 34px; font-size: 0; -webkit-transition: all 0.3s; transition: all 0.3s; border: 1px solid rgba(255, 255, 255, 0.2); } #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_right .foot_hb .message_code input { display: inline-block; width: 59%; font-size: 12px; line-height: 32px; vertical-align: middle; text-indent: 8px; background: none; color: rgba(255,255,255,1); } #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_right .foot_hb .message_code img { display: inline-block; width: 40%; } #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_right .foot_hb .liuyan { width: 20%; height: 34px; position: relative; font-size: 24px; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; outline: 0; color: rgba(255, 255, 255, 0.2); } #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_right .foot_hb .liuyan:after { content: "\e953"; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; line-height: 34px; } #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_right .cont_mail:hover, #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_right .foot_hb .message_code:hover { border-color: rgba(87,174,95,1); } #laymod_633154 .bodyCont_width .foot_up .container .foot_info .foot_li ul li a:hover, #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_left .foot_share a:hover, #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_right .foot_hb .liuyan:hover, #laymod_633154 .bodyCont_width .foot_down .col-sm-5 a:hover { color: rgba(87,174,95,1); } #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_left .foot_share a:hover .child { display: block; position: absolute; width: 180px; height: 180px; bottom: 100%; } #laymod_633154 .bodyCont_width .foot_down .col-xs-12 { padding: 0; } #laymod_633154 .bodyCont_width .foot_down .col-sm-5 { text-align: right; } } #laymod_633154 ::-webkit-input-placeholder { color: currentColor; opacity:0.3; } #laymod_633154 :-moz-placeholder {/* Firefox 18- */ color: currentColor; opacity:0.3; } @media(max-width: 992px) { #laymod_633154 #jh2_foot_17.active { z-index: 1901; overflow: visible; position: relative; } #laymod_633154 .bodyCont_width .foot_open .foot_right { display: none; } #laymod_633154 .bodyCont_width .foot_up { padding-top: 25px; padding-bottom: 20px; } #laymod_633154 .bodyCont_width .foot_up .container .foot_info .foot_li { margin-bottom: 10px; } #laymod_633154 .bodyCont_width .foot_up .container .foot_info .foot_li>.title, #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_left>.hottitle { font-size: 20px; } #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_left .foot_share { display: none; } #laymod_633154 .bodyCont_width .foot_down { padding: 14px 0; } #laymod_633154 .bodyCont_width .foot_down .col-xs-12 { padding: 0; width: 100%; text-align: center; } #laymod_633154 .bodyCont_width .foot_down .col-sm-5 { text-align: center; width: 100%; } #laymod_633154 .bodyCont_width .foot_down .col-sm-7 .foot_copy, #laymod_633154 .bodyCont_width .foot_down .col-sm-7 a, #laymod_633154 .bodyCont_width .foot_down .col-sm-5 a { line-height: 22px; } #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_left .hottime { padding: 4px 0; } #laymod_633154 .bodyCont_width .foot_up .container .foot_info .foot_li ul li { padding: 5px 0; } #laymod_633154 .fixed_close { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #000; z-index: 2000; } #laymod_633154 .bodyCont_width .foot_up .container .foot_open .foot_left .share { font-size: 0; padding-top: 10px; padding-bottom: 0px; } }