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_632693 #jh_nav_4 { position:relative; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; z-index: 1500; } #laymod_632693 #jh_nav_4.fix_nav { padding:70px 0 0 0; } #laymod_632693 #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_632693 #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_632693 #jh_nav_4 .bodyCont_width>.bg_img { z-index:2; } #laymod_632693 #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_632693 #jh_nav_4.fix_nav { padding:0 0 0 0; } .design-html #laymod_632693 #jh_nav_4.fix_nav .bodyCont_width { position: relative; } #laymod_632693 #jh_nav_4 .bodyContContent { margin:0 auto; height:100%; position:relative; width:100%; z-index: 3; } /*导航logo*/ #laymod_632693 #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_632693 #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_632693 #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_632693 #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_632693 #jh_nav_4 .nav_list { height:auto; margin:0 auto; position:relative; float:none; text-align:center; z-index: 3; } #laymod_632693 #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_632693 #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_632693 #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_632693 #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_632693 #jh_nav_4 .nav_list>.nav_ul>li>.iconfont:after { content:"\e71d"; } #laymod_632693 #jh_nav_4 .nav_list>ul>li.active_bg>a, #laymod_632693 #jh_nav_4 .nav_list>ul>li.move_bg>a { color:rgba(87,174,95,1); } #laymod_632693 #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_632693 #jh_nav_4 .nav_list>ul>li.active_bg>a>span.nav_line, #laymod_632693 #jh_nav_4 .nav_list>ul>li.move_bg>a>span.nav_line { width:100%; left:0; } #laymod_632693 #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_632693 #jh_nav_4 .nav_list li.move_bg>ul { overflow:visible; } #laymod_632693 #jh_nav_4 .nav_list li>ul li { width:100%; margin:0; border-bottom:0 none; position:relative; } #laymod_632693 #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_632693 #jh_nav_4 .nav_list li>ul li a>dd { line-height:44px; } #laymod_632693 #jh_nav_4 .nav_list li>ul li.last_li a { border-bottom-left-radius:3px; border-bottom-right-radius:3px; } #laymod_632693 #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_632693 #jh_nav_4 .nav_list li>ul li a>i:before { content:"\e627"; } #laymod_632693 #jh_nav_4 .nav_list>ul>li#nav_lan a { font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_632693 #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_632693 #jh_nav_4 .nav_list ul.nav_ul_son li.move_bg { overflow:visible; } #laymod_632693 #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_632693 #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_632693 #jh_nav_4 .mobile_style .nav_list.bbxx { top: 100%; } #laymod_632693 #jh_nav_4 .mobile_style_out .nav_list { top:100%; } #laymod_632693 #jh_nav_4 .mobile_style .nav_list>ul { display: block; } #laymod_632693 #jh_nav_4 .mobile_style .nav_list>ul, #laymod_632693 #jh_nav_4 .mobile_style .nav_list>ul>li { width:100%; text-align:left; margin:0; _margin:0; } #laymod_632693 #jh_nav_4 .mobile_style .nav_list>ul>li>a { line-height:1; padding: 15px; text-align:left; } #laymod_632693 #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_632693 #jh_nav_4 .mobile_style .nav_list li>ul li a { line-height:45px; padding:0 30px; max-height:45px; border-radius:0; } #laymod_632693 #jh_nav_4 .mobile_style .nav_list ul.nav_ul_son li>ul { left:auto; top:auto; display:none; } #laymod_632693 #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_632693 #jh_nav_4 .mobile_style .nav_list li li>i.iconfont { height:45px; } #laymod_632693 #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_632693 #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_632693 #jh_nav_4 .mobile_style .nav_list li li li a { padding-left:45px; } #laymod_632693 #jh_nav_4 .mobile_style .nav_list li li li li a { padding-left:60px; } /*导航搜索框*/ #laymod_632693 #jh_nav_4 .nav_search { height:34px; width:auto; position:absolute; top:17px; right:4.16667%; z-index: 4; } #laymod_632693 #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_632693 #jh_nav_4 .nav_search>a.nav_btn span:before { content:"\e690"; } #laymod_632693 #jh_nav_4 .nav_search>a.nav_btn em:before { content:"\e635"; } #laymod_632693 #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_632693 #jh_nav_4 .nav_search>a.nav_btn.active_bg span { top:-34px; } #laymod_632693 #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_632693 #jh_nav_4 .nav_search>a.nav_btn.active_bg em { bottom:0; } #laymod_632693 #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_632693 #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_632693 #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_632693 #jh_nav_4 .nav_search_list .search_text::-webkit-input-placeholder { color:rgba(204,204,204,0.6); } #laymod_632693 #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_632693 #jh_nav_4 .nav_search>.nav_lan { width:auto; float:left; text-align:center; overflow:hidden; } #laymod_632693 #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_632693 #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_632693 #jh_nav_4.fix_nav .nav_right_menu { margin:0; width:34px; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_632693 #jh_nav_4 .nav_right_menu a { display:block; width:100%; height:100%; position:relative; } #laymod_632693 #jh_nav_4 .nav_right_menu a span, #laymod_632693 #jh_nav_4 .nav_right_menu a:before, #laymod_632693 #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_632693 #jh_nav_4 .nav_right_menu a:before { top:20%; content:""; } #laymod_632693 #jh_nav_4 .nav_right_menu a span { top:50%; margin:-1px 0 0 0; } #laymod_632693 #jh_nav_4 .nav_right_menu a:after { bottom:20%; content:""; } #laymod_632693 #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_632693 #jh_nav_4.fix_nav .nav_right_menu a.active_bg span { width:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_632693 #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_632693 #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_632693 #jh_nav_4 .nav_side_menu.active_bg { right:0; box-shadow:0 0 5px rgba(0,0,0,0.3); } #laymod_632693 #jh_nav_4 .nav_side_menu .side_logo { width:200px; height:70px; overflow:hidden; } #laymod_632693 #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_632693 #jh_nav_4 .nav_side_menu .side_logo a img { max-width:100%; max-height:90%; } #laymod_632693 #jh_nav_4 .nav_side_menu .side_contact { padding:0 40px 20px 0; } #laymod_632693 #jh_nav_4 .nav_side_menu .side_contact, #laymod_632693 #jh_nav_4 .nav_side_menu .side_contact em { text-align:right; font-size:12px; line-height:2; color:#999; font-style:normal; } #laymod_632693 #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_632693 #jh_nav_4 .nav_side_menu .side_ul { padding:0 40px 0 0; } #laymod_632693 #jh_nav_4 .nav_side_menu .side_ul li { padding:10px 0; text-align:right; } #laymod_632693 #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_632693 #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_632693 #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_632693 #jh_nav_4 .mobile_style .nav_search { display:block !important; width:100%; top:100%; background:#fff; height:auto; right:0; padding:0; } #laymod_632693 #jh_nav_4 .mobile_style .nav_search>a { display:none; } #laymod_632693 #jh_nav_4 .mobile_style .nav_search .nav_search_list { display:block; width:100%; padding:0; border:0 none; top:0; right:0; } #laymod_632693 #jh_nav_4 .mobile_style .nav_search .nav_search_list>span { display:none; } #laymod_632693 #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_632693 #jh_nav_4 .nav_botton { height:34px; width:34px; position:absolute; top:50%; margin:-17px 0 0 0; right:4.16667%; display:none; } #laymod_632693 #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_632693 #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_632693 #jh_nav_4 .mobile_style .nav_botton>a span { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); z-index: 1; } #laymod_632693 #jh_nav_4 .mobile_style_out .nav_botton>a span { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); z-index: 2; } #laymod_632693 #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_632693 #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_632693 #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_632693 #jh_nav_4 .nav_list>ul>li { margin:0 1%; } } @media (max-width: 1200px){ #laymod_632693 #jh_nav_4 .nav_list>ul>li>a, #laymod_632693 #jh_nav_4 .nav_list li>ul li a { font-size:12px; } #laymod_632693 #jh_nav_4 .nav_list>.nav_ul>li>.iconfont { font-size:15px; } } #laymod_632693 #jh_nav_4.active_false .mobile_style .nav_list li:hover>i.iconfont:after { height:0; margin:0; } #laymod_632693 #jh_nav_4.active_false .nav_list li>ul li a:hover { background:rgba(87,174,95,1); color:#fff; } #laymod_632693 #jh_nav_4.active_false .nav_side_menu .side_ul li a:hover { color:rgba(87,174,95,1); } #laymod_632693 #jh_nav_4.active_false .nav_side_menu .side_contact a:hover { color:rgba(87,174,95,1); } #laymod_632693 #jh_nav_4.active_false .nav_right_menu a:hover:after { background:rgba(87,174,95,1); } #laymod_632693 #jh_nav_4.active_false .nav_right_menu a:hover span { background:rgba(87,174,95,1); } #laymod_632693 #jh_nav_4.active_false .nav_right_menu a:hover:before { background:rgba(87,174,95,1); } #laymod_632693 #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_632693 #jh_nav_4.active_false .nav_search_list .search_btn:hover { background-color:rgba(87,174,95,1); } #laymod_632693 #jh_nav_4.active_false .nav_search>a.nav_btn:hover em { color:#000; } #laymod_632693 #jh_nav_4.active_false .nav_search>a.nav_btn:hover span { color:rgba(87,174,95,1); } #laymod_632693 #jh_nav_4.active_false .nav_list>ul>li>a:hover>span.nav_line { width:100%; left:0; } #laymod_632693 #jh_nav_4.active_false .nav_list>ul>li:hover>a, #laymod_632693 #jh_nav_4.active_false .nav_list>.nav_ul>li:hover>.iconfont { color:rgba(87,174,95,1); } #laymod_632693 #jh_nav_4.active_false .logo a:hover span.logo_text { color:rgba(87,174,95,1); } #laymod_632693 #jh_nav_4.active_false .nav_side_menu .side_ul li a:hover span.nav_line { width:100%; } /*不同屏幕*/ @media (max-width: 991px) { #laymod_632693 #jh_nav_4.fix_nav { padding:70px 0 0 0; } #laymod_632693 #jh_nav_4 .bodyCont_width { height:70px; } /* 手机logo */ #laymod_632693 #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_632693 #jh_nav_4 .logo img { max-height:60px; margin:0; } #laymod_632693 #jh_nav_4 .logo a span.logo_text { font-size:1vw; } /* 手机导航 */ #laymod_632693 #jh_nav_4 .nav_list>ul>li>a>span.nav_line, #laymod_632693 #jh_nav_4 .nav_list { display:none; } #laymod_632693 #jh_nav_4 .nav_list>ul>li { display: block; } #laymod_632693 #jh_nav_4 .nav_list>ul>li>a { font-weight: 400; font-size: 14px; padding: 15px; width: 88%; } #laymod_632693 #jh_nav_4 .nav_list li>ul li a>i:before { display: none; } #laymod_632693 #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_632693 #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_632693 #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_632693 #jh_nav_4 .mobile_style .nav_list li>i.iconfont.active:after { height: 0; } #laymod_632693 #jh_nav_4 .bodyCont_width .nav_list>ul>li>a>span.nav_line { background: none; } #laymod_632693 #jh_nav_4 .nav_list>ul>li { padding: 0; margin: 5px 0; border-bottom: 1px solid rgba(0,0,0,0.1); } /* 手机二级导航 */ #laymod_632693 #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_632693 #jh_nav_4 .mobile_style .nav_list li>ul li a { line-height: 30px; font-size: 13px; padding: 0 15px; } #laymod_632693 #jh_nav_4 .nav_list>ul>li.active_bg>a { color: #000; } /* 手机搜索框 */ #laymod_632693 #jh_nav_4 .nav_search_list .search_text { padding: 0 14px; width: 80%; -webkit-appearance: none; border-radius: 0; } #laymod_632693 #jh_nav_4 .nav_search_list .search_btn { width: 20%; } } #laymod_632693 #jh_nav_4.active_true.fix_nav { padding:70px 0 0 0; } #laymod_632693 #jh_nav_4.active_true .bodyCont_width { height:70px; } /* 手机logo */ #laymod_632693 #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_632693 #jh_nav_4.active_true .logo img { max-height:60px; margin:0; } #laymod_632693 #jh_nav_4.active_true .logo a span.logo_text { font-size:1vw; } /* 手机导航 */ #laymod_632693 #jh_nav_4.active_true .nav_botton { display: block !important; } #laymod_632693 #jh_nav_4.active_true .nav_list>ul>li>a>span.nav_line, #laymod_632693 #jh_nav_4.active_true .nav_list { display:none; } #laymod_632693 #jh_nav_4.active_true .nav_list>ul>li { display: block; } #laymod_632693 #jh_nav_4.active_true .nav_list>ul>li>a { font-weight: 400; font-size: 14px; padding: 15px; width: 88%; } #laymod_632693 #jh_nav_4.active_true .nav_list li>ul li a>i:before { display: none; } #laymod_632693 #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_632693 #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_632693 #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_632693 #jh_nav_4.active_true .mobile_style .nav_list li>i.iconfont.active:after { height: 0; } #laymod_632693 #jh_nav_4.active_true .bodyCont_width .nav_list>ul>li>a>span.nav_line { background: none; } #laymod_632693 #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_632693 #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_632693 #jh_nav_4.active_true .mobile_style .nav_list li>ul li a { line-height: 30px; font-size: 13px; padding: 0 15px; } #laymod_632693 #jh_nav_4.active_true .nav_list>ul>li.active_bg>a { color: #000; } /* 手机搜索框 */ #laymod_632693 #jh_nav_4.active_true .nav_search_list .search_text { padding: 0 14px; width: 80%; -webkit-appearance: none; border-radius: 0; } #laymod_632693 #jh_nav_4.active_true .nav_search_list .search_btn { width: 20%; } #laymod_632693 #jh_nav_4.active_true .nav_search>.nav_lan, #laymod_632693 #jh_nav_4.active_true .nav_search>a.nav_btn { display: none !important; } #laymod_632693 #jh_nav_4.active_true .nav_search_list { display:block; width:100%; padding:0; border:0 none; top:0; right:0; } /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_nwvtsmw16i.eot'); src: url('//at.alicdn.com/t/font_249974_nwvtsmw16i.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_nwvtsmw16i.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_nwvtsmw16i.woff') format('woff'), url('//at.alicdn.com/t/font_249974_nwvtsmw16i.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_nwvtsmw16i.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_632698 #jh2_xbanner_12 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_632698 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_632698 .bg_img { z-index:2; } #laymod_632698 .bodyCont_width { position:relative; opacity: 1; z-index:4; } #laymod_632698 .bodyCont_width .bxslider .slide { position: relative; opacity: 0 !important; } #laymod_632698 .bodyCont_width .bxslider .slide.swiper-slide-active { opacity: 1 !important; } #laymod_632698 .bodyCont_width .bxslider .slide .slide_img { text-align: center; } #laymod_632698 .bodyCont_width .bxslider .slide img { width: 100%; margin:0 auto; } #laymod_632698 .bodyCont_width .bxslider .slide .slide_info { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: 4; margin: auto; text-align: center; } #laymod_632698 .bodyCont_width .bxslider .slide .slide_info .slide_subtitle { font-size: 30px; line-height: 30px; color: #333; } #laymod_632698 .fix_btns { display: none; } .design-html #laymod_632698 .fix_btns { position: absolute; right: 13%; top: 5%; z-index: 111; display: block; opacity: 0; visibility: hidden; transition: opacity .35s ease-out; } .design-html #laymod_632698 .fix_btns a { display: inline-block; color: #fff; text-decoration: none; padding: 7px 20px; font-size: 14px; border-radius: 4px; margin: 0 5px; cursor: pointer; transition: all 0.35s; background: rgba(255, 82, 65, 0.6); } .design-html #laymod_632698 .fix_btns a.active, .design-html #laymod_632698 .fix_btns a:hover { background: rgba(255, 82, 65, 1.0); } #laymod_632698 .slide_info .slide_gf>span { display: none; } .design-html #laymod_632698 .slide_info .slide_gf>span { display: inline-block; cursor: pointer; background: rgba(0,0,0,0.5); opacity: 0; padding: 5px; color: #fff; font-size: 12px; line-height: 1; -webkit-transition: all 0.3s; transition: all 0.3s; } #laymod_632698 .slide a { display: block; width: 100%; height: 100%; position: relative; } @media(min-width: 993px) { .design-html #laymod_632698 .slide a:hover .slide_info .slide_gf>span, .design-html #laymod_632698 .bodyCont_width:hover .fix_btns { opacity: 1; visibility: visible; } #laymod_632698 .bodyCont_width .swiper_banner .swiper_prev { position: absolute; left: 4%; top: 50%; width: 70px; height: 70px; line-height: 30px; border-radius: 50%; cursor: pointer; z-index: 1; opacity: 0; transition:all .35s ease; transform: translateY(-50%); color: #fff; background: rgba(0,0,0,0.5); } #laymod_632698 .bodyCont_width .swiper_banner .swiper_prev:after { content: "\e94b"; font-size: 20px; display: block; line-height: 70px; text-align: center; z-index: 2; position: relative; } #laymod_632698 .bodyCont_width .swiper_banner .swiper_next { position: absolute; right: 4%; top: 50%; width: 70px; height: 70px; line-height: 30px; border-radius: 50%; cursor: pointer; z-index: 1; opacity: 0; transition:all .35s ease; transform: translateY(-50%); color: #fff; background: rgba(0,0,0,0.5); } #laymod_632698 .bodyCont_width .swiper_banner .swiper_next:after { content: "\e94a"; font-size: 20px; display: block; line-height: 70px; text-align: center; z-index: 2; position: relative; } #laymod_632698 .bodyCont_width .swiper_banner .slide_scale { position: absolute; z-index: 1; display: inline-block; min-height: 70px; line-height: 70px; top: 0px; padding-left: 20px; padding-right: 10px; margin-left: 0px; border-radius: 35px; overflow: hidden; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); visibility: hidden; opacity: 0; background: rgba(0,0,0,0.5); } #laymod_632698 .bodyCont_width .swiper_banner .swiper_next .slide_scale { right: 0px; margin-right: 0px; margin-left: 0px; padding-left: 10px; -webkit-transform-origin: 100% 50%; } #laymod_632698 .bodyCont_width .swiper_banner .slide_scale span { letter-spacing: 3px; position: relative; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transform: translatex(200px); text-transform: uppercase; color: #fff; font-weight: 600; font-size: 13px; line-height: 70px; white-space: nowrap; padding: 0px 20px; opacity: 0; } #laymod_632698 .bodyCont_width .swiper_banner .swiper_prev .slide_scale span { margin-left: 11px; } #laymod_632698 .bodyCont_width .swiper_banner .swiper_next .slide_scale span { margin-right: 11px; } #laymod_632698 .bodyCont_width .swiper_prev .swiper_banner0, #laymod_632698 .bodyCont_width .swiper_next .swiper_banner0 { width: 130px; opacity: 0; position: absolute; left: 0; top: 0; transition:all .6s ease; } #laymod_632698 .bodyCont_width .swiper_next .swiper_banner2 { right: 0; left: auto; } #laymod_632698 .bodyCont_width .swiper_prev .swiper_banner0 .slide_img, #laymod_632698 .bodyCont_width .swiper_next .swiper_banner0 .slide_img { border-radius: 35px; overflow: hidden; display:-webkit-box; display: -webkit-flex; display: flex; flex-direction:column; -webkit-flex-direction:column; -moz-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; justify-content:center; align-items:center; -webkit-align-items:center; } #laymod_632698 .bodyCont_width .swiper_prev .swiper_banner0 .slide_img img, #laymod_632698 .bodyCont_width .swiper_next .swiper_banner0 .slide_img img { height: 70px; } } #laymod_632698 .bodyCont_width .swiper_banner:hover .swiper_prev, #laymod_632698 .bodyCont_width .swiper_banner:hover .swiper_next { opacity: 1; } #laymod_632698 .bodyCont_width .swiper_banner.active:hover .swiper_prev, #laymod_632698 .bodyCont_width .swiper_banner.active:hover .swiper_next { opacity: 0; } #laymod_632698 .bodyCont_width .swiper_banner .swiper_prev:hover, #laymod_632698 .bodyCont_width .swiper_banner .swiper_next:hover { background: none; } #laymod_632698 .bodyCont_width .swiper_banner .swiper_prev:hover .slide_scale, #laymod_632698 .bodyCont_width .swiper_banner .swiper_next:hover .slide_scale { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; width: 130px; visibility: visible; } #laymod_632698 .bodyCont_width .swiper_banner .swiper_prev:hover .slide_scale span, #laymod_632698 .bodyCont_width .swiper_banner .swiper_next:hover .slide_scale span, #laymod_632698 .bodyCont_width .swiper_prev:hover .swiper_banner0, #laymod_632698 .bodyCont_width .swiper_next:hover .swiper_banner0 { transform: translatex(0px); -webkit-transform: translatex(0px); transition-delay: 0.1s; opacity: 1; } @media(max-width: 992px) { #laymod_632698 .bodyCont_width .flexslider { position: relative; } #laymod_632698 .bodyCont_width .flexslider .swiper_pagination53 { width: 100%; text-align: center; position: absolute; z-index: 10; } #laymod_632698 .bodyCont_width .flexslider .swiper_pagination53 span { background: #333; margin: 0 3px; width: 5px; height: 5px; } #laymod_632698 .bodyCont_width .bxslider .slide .slide_info { width: 90%; } #laymod_632698 .bodyCont_width .bxslider .slide .slide_info .slide_gf { text-align: center; left: 15px !important; top: 0 !important; height: 100%; right: 15px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; align-items: center; -webkit-align-items: center; } } @media(max-width: 414px) { #laymod_632698 .bodyCont_width .bxslider .slide .slide_info .slide_gf .slide_subtitle { font-size: 6vw; line-height: 1.2; word-break: break-all; text-align: center; } } @media(max-width: 1366px) { #laymod_632698 .ql-size-12, #laymod_632698 .ql-size-13, #laymod_632698 .ql-size-14, #laymod_632698 .ql-size-15, #laymod_632698 .ql-size-16 { font-size: 3vw; } #laymod_632698 .ql-size-17, #laymod_632698 .ql-size-18, #laymod_632698 .ql-size-19, #laymod_632698 .ql-size-20, #laymod_632698 .ql-size-21 { font-size: 3.2vw; } #laymod_632698 .ql-size-22, #laymod_632698 .ql-size-23, #laymod_632698 .ql-size-24, #laymod_632698 .ql-size-25, #laymod_632698 .ql-size-26 { font-size: 3.4vw; } #laymod_632698 .ql-size-27, #laymod_632698 .ql-size-28, #laymod_632698 .ql-size-29, #laymod_632698 .ql-size-30, #laymod_632698 .ql-size-31 { font-size: 3.6vw; } #laymod_632698 .ql-size-32, #laymod_632698 .ql-size-33, #laymod_632698 .ql-size-34, #laymod_632698 .ql-size-35, #laymod_632698 .ql-size-36 { font-size: 3.8vw; } #laymod_632698 .ql-size-37, #laymod_632698 .ql-size-38, #laymod_632698 .ql-size-39, #laymod_632698 .ql-size-40, #laymod_632698 .ql-size-41 { font-size: 4vw; } #laymod_632698 .ql-size-42, #laymod_632698 .ql-size-43, #laymod_632698 .ql-size-44, #laymod_632698 .ql-size-45, #laymod_632698 .ql-size-46 { font-size: 4.2vw; } #laymod_632698 .ql-size-47, #laymod_632698 .ql-size-48, #laymod_632698 .ql-size-49, #laymod_632698 .ql-size-50, #laymod_632698 .ql-size-51 { font-size: 4.4vw; } #laymod_632698 .ql-size-52, #laymod_632698 .ql-size-53, #laymod_632698 .ql-size-54, #laymod_632698 .ql-size-55, #laymod_632698 .ql-size-56 { font-size: 4.6vw; } #laymod_632698 .ql-size-57, #laymod_632698 .ql-size-58, #laymod_632698 .ql-size-59, #laymod_632698 .ql-size-60, #laymod_632698 .ql-size-61 { font-size: 4.8vw; } #laymod_632698 .ql-size-62, #laymod_632698 .ql-size-63, #laymod_632698 .ql-size-64, #laymod_632698 .ql-size-65, #laymod_632698 .ql-size-66 { font-size: 5vw; } #laymod_632698 .ql-size-67, #laymod_632698 .ql-size-68, #laymod_632698 .ql-size-69, #laymod_632698 .ql-size-70, #laymod_632698 .ql-size-71 { font-size: 5.2vw; } #laymod_632698 .ql-size-72, #laymod_632698 .ql-size-73, #laymod_632698 .ql-size-74, #laymod_632698 .ql-size-75, #laymod_632698 .ql-size-76 { font-size: 5.4vw; } } 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_632980 { position:relative; overflow: hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_632980 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_632980 .bg_img { z-index:2; } #laymod_632980 .bodyCont_width { position:relative; z-index:4; } /*首页公司简介列表*/ #laymod_632980 .bodyContTitle { text-align: center; } #laymod_632980 .bodyContTitle .fl { color:#000000; font-size:24px; line-height:1; display:block; } #laymod_632980 .bodyContTitle .fl2 { color:rgba(0,0,0,0.5); font-size:12px; line-height:1.5; display:block; padding: 0 29%; margin-top: 25px; } #laymod_632980 .bodyContContent .company_content{ padding-top:80px; padding-bottom:80px; background:#000; } #laymod_632980 .comp_strength .streng_block{ padding-bottom:80px; overflow:hidden; display:block; border-bottom:1px solid #eee; } #laymod_632980 .comp_strength ul{ font-size:0; } #laymod_632980 .comp_strength li{ position:relative; border-right:1px solid #eee; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; text-align: center; } #laymod_632980 .comp_strength li a{ position: static !important; } #laymod_632980 .comp_strength li .pcfont { font-size:45px; color:rgba(0,0,0,0.9); position: absolute; left: 50px; width:49px; height:49px; line-height:49px; display: inline-block; *display:inline; *zoom:1; -webkit-transform: translateY(18%); /* for Chrome || Safari */ -moz-transform: translateY(18%); /* for Firefox */ -ms-transform: translateY(18%); /* for IE */ -o-transform: translateY(18%); /* for Opera */ transform: translateY(18%); } #laymod_632980 .comp_strength li.service{ border:none; } #laymod_632980 .comp_strength .mc { font-size: 18px; display: block; text-align: left; margin-left: 100px; z-index:500; } #laymod_632980 .comp_strength .mc a { color: #000000; } #laymod_632980 .comp_strength .con { font-size: 13px; line-height: 1.8; color:rgba(0,0,0,0.5); width: auto; display: block; text-align: left; margin-left: 104px; margin-top: 16px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ql-snow .ql-editor a { text-decoration: none; } @media (min-width: 992px) { #laymod_632980 .bodyContTitle { margin-bottom: 80px; } #laymod_632980 .comp_strength li:hover .pcfont { color:rgba(87,174,95,1); } } /*直接控制小于992px屏幕时css*/ @media (max-width:991px) { #laymod_632980 .bodyContTitle .fl2 { padding: 0 25px; } #laymod_632980 .comp_intro .comp_txt{ overflow:hidden; } #laymod_632980 .comp_intro .comp_txt p{ display:none; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #laymod_632980 .comp_intro .comp_txt p:first-child{ display: -webkit-box; } #laymod_632980 .company_content .comp_intro{ padding:20px 27px; } #laymod_632980 .comp_strength li .pcfont { left: 30px; } #laymod_632980 .comp_strength .mc { margin-left: 85px; } #laymod_632980 .comp_strength .con { line-height: 1.2; margin-left: 84px; margin-top: 11px; } } @media (max-width:768px) { #laymod_632980 .bodyContTitle { margin-bottom: 30px; } #laymod_632980 .bodyContTitle .fl2 { margin-top: 10px; } #laymod_632980 .comp_strength li { margin-bottom: 20px; border-right: none; } #laymod_632980 .comp_strength .streng_block { padding-bottom: 25px; } } @media (min-width:768px) and (max-width: 992px) { #laymod_632980 .comp_strength .mc, #laymod_632980 .comp_strength .con { margin-left: 75px; } #laymod_632980 .comp_strength .mc, #laymod_632980 .comp_strength .mc p, #laymod_632980 .comp_strength .mc span { font-size: 14px; } #laymod_632980 .comp_strength .con { margin-top: 7px; line-height: 1.4; } } /*模版整体控制*/ #laymod_633519 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_633519 .bg { position:absolute; z-index: 1; width:100%; height: 100%; top: 0; left:0; } #laymod_633519 .bg_img { z-index:2; } #laymod_633519 .bodyCont_width { position:relative; margin: auto; opacity: 1; z-index:4; } #laymod_633519 .bodyCont_width img { max-width: 100%; } #laymod_633519 .bodyCont_width .company_info { background: #fff; } #laymod_633519 .bodyCont_width .company_info:after { content: ""; display: block; clear: both; } #laymod_633519 .bodyCont_width .company_li { -webkit-transition: all 0.5s; transition: all 0.5s; position: relative; overflow: hidden; } #laymod_633519 .bodyCont_width .company_img img, #laymod_633519 .bodyCont_width .company_li img { max-width: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; } #laymod_633519 .bodyCont_width .company_txt .company_container { padding: 10% 4%; } #laymod_633519 .bodyCont_width .company_txt .company_container .company_title { color: #161616; font-size: 24px; line-height: 1; padding-bottom: 16px; } #laymod_633519 .bodyCont_width .company_txt .company_container .company_desc { color: #999; font-size: 13px; line-height: 1.846; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:8; } #laymod_633519 .bodyCont_width .company_txt .company_container .company_desc p { display: none; } #laymod_633519 .bodyCont_width .company_txt .company_container .company_desc p:nth-child(1) { display: block; } #laymod_633519 .bodyCont_width .company_txt .company_container a { display: block; width: 128px; height: 36px; line-height: 32px; text-align: center; border: 2px solid rgba(87,174,95,1); border-radius: 18px; color: rgba(87,174,95,1); font-size: 13px; -webkit-transition: all 0.5s; transition: all 0.5s; margin-top:30px; background: #fff; } @media(min-width: 768px) { #laymod_633519 .bodyCont_width .company_flex { margin-top: 50px; } #laymod_633519 .bodyCont_width .active_hide .company_flex { margin-top: 0; } #laymod_633519 .bodyCont_width .company_flex .company_ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center; } #laymod_633519 .bodyCont_width .company_li:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #laymod_633519 .bodyCont_width .company_img { padding: 0; text-align: right; } } #laymod_633519 .bodyCont_width .company_txt .company_container a:hover { background: rgba(87,174,95,1); color: #fff; } #laymod_633519 .bodyCont_width .company_li:hover:after { box-shadow: 0 0 0 4px rgba(87,174,95,1) inset; } #laymod_633519 .bodyCont_width .company_li:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } @media(max-width: 768px) { #laymod_633519 .bodyCont_width .company_info { margin: 0 15px; } #laymod_633519 .bodyCont_width .company_info .company_img, #laymod_633519 .bodyCont_width .company_info .company_txt { padding: 0; } #laymod_633519 .bodyCont_width .company_txt .company_container .company_title, #laymod_633519 .bodyCont_width .company_txt .company_container .company_title p, #laymod_633519 .bodyCont_width .company_txt .company_container .company_title span, #laymod_633519 .bodyCont_width .company_txt .company_container .company_title b, #laymod_633519 .bodyCont_width .company_txt .company_container .company_title strong { font-size: 18px !important; } #laymod_633519 .bodyCont_width .company_flex .company_ul { margin: 30px 15px 0; } #laymod_633519 .bodyCont_width .company_li { margin-bottom: 15px; } #laymod_633519 .bodyCont_width .company_li3 { margin-bottom: 0; } } 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_644599 { position:relative; overflow:hidden; font-family:"PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_644599 #jh2_photo_1>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_644599 #jh2_photo_1>.bg_img { z-index:2; } #laymod_644599 .bodyCont_width { position:relative; opacity: 1; z-index:4; } /*标题控制*/ #laymod_644599 .bodyContTitle { margin:0 auto; position:relative; z-index: 3; } #laymod_644599 .bodyContTitle .fl { font-size:24px; text-align: center; color:#000; } #laymod_644599 .bodyContTitle .fl2 { font-size:12px; text-align: center; color:#333; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_644599 .bodyContContent { position:relative; z-index: 4; } #laymod_644599 .bodyContContent .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; -webkit-align-items: center; } #laymod_644599 .photo_list li { margin-bottom:20px; display: none; } #laymod_644599 .photo_list li a { display: block; } #laymod_644599 .photo_list .photo_item span, #laymod_644599 .photo_list li span { display: block; text-align: center; } #laymod_644599 .photo_list .photo_item .photo_img { width: 100%; height: 100%; } #laymod_644599 .photo_list .photo_item .photo_img img, #laymod_644599 .photo_list li .photo_img img { width:100%; max-height: 100%; } #laymod_644599 .photo_list .photo_item .photo_name, #laymod_644599 .photo_list li .photo_name { color:rgba(0,0,0,1); font-size:12px; line-height:3; width:85%; margin:0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #laymod_644599 .photo_more { clear: both; width: 100%; text-align: center; } #laymod_644599 .photo_more a { display: inline-block; padding: 10px 20px; 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; color: #666; cursor: pointer; } #laymod_644599 .active_false .photo_more a:hover { color: #fff; background: rgba(87,174,95,1); } #laymod_644599 .active_false .photo_list a:hover .photo_name { color: rgba(87,174,95,1); } @media(min-width: 992px) { #laymod_644599 .photo_list .photo_item { margin-bottom: 40px; } #laymod_644599 .photo_list .photo_item.margin_bottom { margin-bottom: 15px } #laymod_644599 .photo_list li, #laymod_644599 .photo_list .photo_item { width: 33.2%; float: left; padding: 0 15px; } #laymod_644599 .photo_list li a { height: 288px; } #laymod_644599 .photo_list .photo_item .photo_img { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; -webkit-flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; align-items: center; -webkit-align-items: center; box-align: center; -moz-box-align: center; -webkit-box-align: center; } } @media(max-width: 991px) { #laymod_644599 .bodyContTitle .fl, #laymod_644599 .bodyContTitle .fl p, #laymod_644599 .bodyContTitle .fl span { font-size:20px; } #laymod_644599 .bodyContTitle .fl2, #laymod_644599 .bodyContTitle .fl2 p, #laymod_644599 .bodyContTitle .fl2 span { font-size:12px; } } @media(min-width: 768px) and (max-width: 992px) { #laymod_644599 .photo_list li, #laymod_644599 .photo_list .photo_item { width: 33.2%; float: left; padding: 0 15px; } } @media(max-width: 767px) { #laymod_644599 .photo_list li, #laymod_644599 .photo_list .photo_item { width: 49.8%; float: left; padding: 0 10px; } } /*放大后样式*/ .rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 2000 !important; -webkit-filter: none !important; background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=); background: rgba(0, 0, 0, 0.7); } .rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } .rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; /* 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; } .rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; background:#fff;} .rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; } .rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); } .rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; } .rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4; text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle; -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .rebox-button:hover, .rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); text-decoration:none;} .rebox-close { right: 10px; top: 10px; } .rebox-next { right: 10px; top: 48%; } .rebox-prev { left: 10px; top: 48%; } .rebox-loading { left: 50%; top: 48%; -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; } .rebox .rebox-prev, .rebox .rebox-next { font-size:0; } .rebox .rebox-prev:before { content:"<"; position:absolute; font-size: 24px; left: 0; right: 0; font-family: simsun; } .rebox .rebox-next:before { content:">"; position:absolute; font-size: 24px; left: 0; right: 0; font-family: simsun; } @-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } /* 默认引入阿里云图标 */ @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; } 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_632995 #jh2_rec_20 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_632995 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_632995 .bg_img { z-index:2; } #laymod_632995 .bodyCont_width { position:relative; opacity: 1; z-index:4; } /*标题控制*/ #laymod_632995 .bodyContTitle { position:relative; z-index: 3; overflow:hidden; text-align:left; } #laymod_632995 .bodyContTitle .left_title { float:left; } #laymod_632995 .bodyContTitle .fl { font-size:24px; color:#000; } #laymod_632995 .bodyContTitle .fl2 { font-size:12px; color:#999; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_632995 .bodyContTitle .right_more { float:right; position:relative; overflow:hidden; margin:10px 0 0 0; } #laymod_632995 .bodyContContent { position:relative; z-index: 4; } /*模版主体部分*/ #laymod_632995 .container_wrap { margin:0 5%; _margin:0 2.5%; } #laymod_632995 .pro_list { width:100%; position:relative; overflow:hidden; padding:16px 0; } #laymod_632995 .pro_list .swiper-wrapper { position:relative; margin:0 auto; } #laymod_632995 .pro_list .swiper-slide { margin:0; width:25%; } #laymod_632995 .pro_list .swiper-slide a { background:#fff; display:block; width:100%; padding:0 0 25px 0; transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -ms-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; position:relative; overflow:hidden; } #laymod_632995 .pro_list .swiper-slide a.yc { padding:0 0 15px 0; } #laymod_632995 .pro_list .swiper-slide a>.pro_bg_color { display:block; position:absolute; width:100%; height:1px; top:0; left:0; background:rgba(87,174,95,1); z-index: 10; } #laymod_632995 .pro_list .swiper-slide a>.pro_tip { display:block; position:absolute; width:100%; height:auto; top:-30px; left:0; color:#fff; z-index: 11; text-align:center; transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -ms-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; } #laymod_632995 .pro_list .swiper-slide a>.pro_tip>span { padding:0 28px; line-height:2.25; font-size:12px; background:rgba(87,174,95,1); display:inline-block; } #laymod_632995 .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; margin:0 0 10px 0; } #laymod_632995 .pro_list .pro_pic img { display:block; width:100%; position:relative; z-index: 1; } #laymod_632995 .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_632995 .pro_list span.pro_name, #laymod_632995 .pro_list span.pro_type { display:block; width:100%; text-align:center; font-size:16px; line-height:1.525; height:25px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; max-width:100%; color:#000; z-index: 3; padding:0 10px; 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_632995 .pro_list span.pro_type { opacity: 0.4; -moz-opacity: 0.4; filter:alpha(opacity=40); font-size:14px; } #laymod_632995 .pro_list span.pro_price { display:block; width:100%; text-align:center; font-size:1.4rem; line-height:2; height:2.8rem; overflow:hidden; color:#999; z-index: 5; padding:0 3%; position:relative; } #laymod_632995 .pro_list span.price1 { color:#f00; } #laymod_632995 .pro_list span.price2 { text-decoration:line-through; } #laymod_632995 .pro_list span.pro_buy { display:block; font-size:1.4rem; line-height:2; -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; margin:0 auto; padding:0 5px; background:rgba(87,174,95,1); color:#fff; text-align:center; width:50%; height:28px; overflow:hidden; } #laymod_632995 .pro_list .swiper-slide a .member-price { display: block; text-align: center; margin-bottom: 10px; } #laymod_632995 .pro_list .swiper-slide a .member-price em { font-size: 13px; color: rgba(87,174,95,1); } #laymod_632995 .pro_list .pro_search_noting { padding:1%; font-size:14px; color:rgba(87,174,95,1); line-height:3; display:none; } #laymod_632995 .right_more>.iconfont { background:none; font-size:14px; color:#000; border:1px solid #000; width:35px; height:24px; line-height:24px; text-align:center; transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -ms-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); position:relative; top:auto; left:auto; right:auto; } #laymod_632995 .right_more>.iconfont.swiper-button-disabled { opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); } #laymod_632995 .swiper-button-prev:before { content:"\e626"; } #laymod_632995 .swiper-button-next:before { content:"\e627"; } #laymod_632995 .swiper-button-prev { float:left; margin:0 2px 0 0; _margin:0 1px 0 0; } #laymod_632995 .swiper-button-next { float:right; margin:0 0 0 2px; _margin:0 0 0 1px; } #laymod_632995 .active_false .pro_list .swiper-slide a:hover { text-decoration:none; box-shadow:0 0 15px rgba(0,0,0,0.2); } #laymod_632995 .active_false .pro_list .swiper-slide a:hover>.pro_tip { top:0; } #laymod_632995 .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_632995 .active_false .iconfont:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } /*直接控制小于991px屏幕时css*/ @media (max-width:992px) { #laymod_632995 .bodyContTitle .fl, #laymod_632995 .bodyContTitle .fl p, #laymod_632995 .bodyContTitle .fl span, #laymod_632995 .bodyContTitle .fl b { font-size:20px; } #laymod_632995 .bodyContTitle .right_more { margin:10px 0 0 0; } #laymod_632995 .pro_list .swiper-slide { width:50%; } #laymod_632995 .pro_list .swiper-slide a { padding:0 0 15px 0; } #laymod_632995 .pro_list span.pro_buy { font-size:1.2rem; -moz-border-radius: 12px; -khtml-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -khtml-border-radius: 12px; -webkit-border-bottom-left-radius:12px; -webkit-border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; height:24px; overflow:hidden; } #laymod_632995 .pro_list span.pro_type { height: auto; line-height: 1; margin-top: 2px; } } @media (max-width:767px) { #laymod_632995 .pro_list .swiper-slide:nth-child(2n-1) { padding-right: 7.5px; } #laymod_632995 .pro_list .swiper-slide:nth-child(2n) { padding-left: 7.5px; } } /*模版整体控制*/ #laymod_633520 #jh2_ad_11 { position:relative; overflow:hidden; font-family:"PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_633520 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_633520 .bg_img { z-index:2; } #laymod_633520 .bodyCont_width { position:relative; opacity: 1; z-index: 3; } #laymod_633520 .bodyCont_width .row { text-align: center; } #laymod_633520 .bodyCont_width .row .logo_img img { max-width: 100%; display: block; margin: 0 auto; } #laymod_633520 .bodyCont_width .row .fl { color: #fff; font-size: 12px; line-height: 2; letter-spacing: 4px; margin-top: 35px; word-break: break-word; } #laymod_633520 .bodyCont_width .row .fl2 { color: #fff; font-size: 12px; margin-top: 20px; letter-spacing: 5px; } @media (min-width:993px) { #laymod_633520 .bg_img1 { display: none !important; } } /*直接控制小于992px屏幕时css*/ @media (max-width:992px) { #laymod_633520 .bg_img { display: none !important; } } @media(max-width: 767px) { #laymod_633520 .bodyCont_width .row { margin: 0 auto; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_h66liosg33f.eot'); src: url('//at.alicdn.com/t/font_249974_h66liosg33f.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_h66liosg33f.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_h66liosg33f.woff') format('woff'), url('//at.alicdn.com/t/font_249974_h66liosg33f.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_h66liosg33f.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_633434 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_633434 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_633434 .bg_img { z-index:2; } #laymod_633434 .bodyCont_width { position:relative; z-index:4; } /*标题控制*/ #laymod_633434 .bodyContTitle { position:relative; z-index: 3; border-bottom: 1px solid #eee; display: block; padding: 0 0 4px 0; } #laymod_633434 .bodyContTitle .left_title { float:left; } #laymod_633434 .bodyContTitle .left_title.active { float:none; } #laymod_633434 .bodyContTitle .fl { display: block; font-size:24px; color:#333; } #laymod_633434 .bodyContTitle .fl2 { font-size:12px; font-weight:normal; color:#c7c7c7; } #laymod_633434 .bodyContTitle .right_more { float:right; } #laymod_633434 .right_more ul { /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal; -webkit-box-direction:normal; -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; -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; margin: 0; } #laymod_633434 .right_more li { margin:0 0 0 10%; _margin:0 0 0 5%; white-space: nowrap; } #laymod_633434 .right_more a, #laymod_633434 .right_more a dd { color:#999; font-size:14px; line-height:4; position:relative; display: block; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_633434 .right_more a dd { text-overflow:ellipsis; overflow:hidden; max-width:150px; } #laymod_633434 .right_more a .jh_line { background:rgba(87,174,95,1); display:block; width:0; height:1px; position:absolute; bottom:0; top: 58px; left:50%; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_633434 .bodyContContent { position:relative; z-index: 4; } /*模版主体部分*/ #laymod_633434 .news_content .news-pic { overflow:hidden; position:relative; padding-top: 65%; } #laymod_633434 .news_content .news-block { padding:25px 0 18px 0; font-size:0; } #laymod_633434 .news_content .news-block .news-info { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:100%; } #laymod_633434 .news_content .news-block .news-info .news-title { color:#000; font-size:16px; line-height:2.14; padding: 0 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -webkit-transition:1s cubic-bezier(.075,.82,.165,1); transition:1s cubic-bezier(.075,.82,.165,1); } #laymod_633434 .news_content .news-block .news-info .news-desc { color:rgba(0,0,0,1); opacity: 0.5; font-size:12px; line-height:2; height: 44px; margin-bottom: 20px; padding: 0 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #laymod_633434 .news_content .news-block .news-info .news-more{ color:rgba(0,0,0,1); opacity: 0.5; font-size:12px; line-height:2.33; display: block; width: 82%; float: left; padding: 0 18px; } #laymod_633434 .news_content .news-block .news-info .news-line { height: 1px; background: #eee; margin: 0 auto; clear: both; margin-bottom: 20px; } #laymod_633434 .news_content .news-block .news-info .dd{ color:rgba(0,0,0,1); opacity: 0.5; font-size: 12px; line-height: 2.33; display: block; width: 15%; float: right; text-align: right; padding: 0 18px; } #laymod_633434 .news_content .news-block .news-icon { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:56px; height:56px; padding:11px; position:relative; display: none; } #laymod_633434 .news_content .news-block .news-icon .icon { display:flex; align-items:center; justify-content:center; position:absolute; top:11px; bottom:11px; left:11px; right:11px; border-radius:50%; background:rgba(87,174,95,1); color:#000; font-size:12px; opacity:0; -webkit-transform:translateX(-26px); transform:translateX(-26px); -webkit-transition:all 0.36s ease; transition:all 0.36s ease; } #laymod_633434 .news_content .news-block .news-icon .icon:before { content:"\e627"; } @media (min-width: 768px) { #laymod_633434 .right_more a:hover, #laymod_633434 .right_more a:hover dd { color:rgba(87,174,95,1); } #laymod_633434 .news_content li:hover .news-block .news-icon .icon { opacity:1; -webkit-transform:translateX(0); transform:translateX(0); } #laymod_633434 .news_content a:hover .news-block .news-info .dd { color:rgba(87,174,95,1); font-weight: 600; } #laymod_633434 .news_content a:hover .news-block .news-info .news-line { height: 1px; background: #fafafa; margin: 0 auto; clear: both; margin-bottom: 20px; } #laymod_633434 .news_content a:hover .news-block .news-info .news-more{ color:rgba(87,174,95,1); font-weight: 600; } #laymod_633434 .right_more a:hover .jh_line { left:0; width:100%; } #laymod_633434 .bodyContContent .news_content li:nth-child(1) { padding: 0 20px 0 0; } #laymod_633434 .bodyContContent .news_content li:nth-child(2) { padding: 0 10px; } #laymod_633434 .bodyContContent .news_content li:nth-child(3) { padding: 0 0 0 20px; } #laymod_633434 .news_content a:hover .news-block { background: #fafafa; } #laymod_633434 .news_content li:hover .news-block .news-info .news-title { color:rgba(87,174,95,1); } } /*直接控制小于767px屏幕时css*/ @media (max-width:767px) { #laymod_633434 .news_title .title_info { padding-bottom: 10px; } #laymod_633434 .news_title .category_info { text-align: left; padding-top: 0; padding-bottom: 20px; } #laymod_633434 .news_content .news-block { padding:15px 0 20px 0; } #laymod_633434 .news_content .news-block .news-info .news-title { line-height: 1; margin-bottom: 5px; } #laymod_633434 .bodyContTitle { padding: 0 15px 20px; } #laymod_633434 .right_more a, #laymod_633434 .right_more a dd { line-height: 2; } #laymod_633434 .bodyContTitle .fl { padding:0; font-size: 20px; } #laymod_633434 .news_content .news-block .news-info .news-line { margin-bottom: 10px; } #laymod_633434 .news_content .news-block .news-info .news-title, #laymod_633434 .news_content .news-block .news-info .news-desc, #laymod_633434 .news_content .news-block .news-info .news-more { padding: 0 12px; } } @media only screen and (min-device-width : 768px) and (max-device-width : 992px) and (orientation : portrait) { #laymod_633434 .bodyCont_width { padding: 0 15px; } #laymod_633434 .bodyContTitle .fl { font-size: 20px; } #laymod_633434 .container { width: 100%; } #laymod_633434 .news_content .news-block { padding: 18px 0; } #laymod_633434 .news_content .news-block .news-info .news-title, #laymod_633434 .news_content .news-block .news-info .news-desc, #laymod_633434 .news_content .news-block .news-info .news-more { padding: 0 12px; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_fw6ojx21oeb.eot'); src: url('//at.alicdn.com/t/font_249974_fw6ojx21oeb.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_fw6ojx21oeb.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_fw6ojx21oeb.woff') format('woff'), url('//at.alicdn.com/t/font_249974_fw6ojx21oeb.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_fw6ojx21oeb.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_633436 #jh_video_2 { position:relative; overflow:hidden; z-index:1800; font-family:"PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_633436 #jh_video_2>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_633436 #jh_video_2>.bg_img { z-index:2; } #laymod_633436 .bodyCont_width { position:relative; z-index:4; } /*标题控制*/ #laymod_633436 .bodyContTitle { position:relative; z-index: 3; overflow:hidden; min-height:43px; } #laymod_633436 .bodyContTitle .fl { font-size:24px; color:#333; } #laymod_633436 .bodyContTitle .fl2 { font-size:12px; color:#999; font-family:"Arial","Times New Roman","SimHei"; } #laymod_633436 .right_more { position:absolute; right:15px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #laymod_633436 .right_more a { font-size:12px; line-height:1; color:#999; } #laymod_633436 .right_more a i { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=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; margin:0; } #laymod_633436 .right_more a i:before { content:"\e614"; } #laymod_633436 .bodyContContent { position:relative; z-index: 4; } /*模版主体部分*/ #laymod_633436 .video_src li { padding:0; transform:translateY(100%); -ms-transform:translateY(100%); /* IE 9 */ -moz-transform:translateY(100%); /* Firefox */ -webkit-transform:translateY(100%); /* Safari ?’? Chrome */ -o-transform:translateY(100%); /* Opera */ transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_633436 .video_src li.jh_flash { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); transform:translateY(0%); -ms-transform:translateY(0%); /* IE 9 */ -moz-transform:translateY(0%); /* Firefox */ -webkit-transform:translateY(0%); /* Safari ?’? Chrome */ -o-transform:translateY(0%); /* Opera */ } #laymod_633436 .video_src li a { display:block; width:100%; position:relative; overflow:hidden; max-height:225px; } #laymod_633436 .video_src li a>img { display:block; width:100%; height:auto; position:relative; z-index: 1; } #laymod_633436 .video_src .video_text { width:100%; height:100%; position:absolute; z-index: 2; top:0; left:0; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column;/*row*/ -webkit-flex-direction:column; /*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; text-align:center; color:#fff; padding:0 15px; line-height:2; transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; } #laymod_633436 .video_src .video_name { font-size:16px; } #laymod_633436 .video_src .video_desc { font-size:13px; } #laymod_633436 .video_src .video_bg { display:block; width:100%; background:#000; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); position:absolute; top:0; left:0; transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; z-index: 3; } #laymod_633436 .video_src .video_bg img { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); display:block; width:100%; } #laymod_633436 .video_src .video_icon { width:54px; height:54px; position:absolute; color:#fff; border:2px solid #fff; z-index: 4; top:-100%; left:50%; margin:-20px 0 0 -20px; _margin:-20px 0 0 -10px; font-size:12px; line-height:52px; text-align:center; transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); -moz-border-radius: 29px; -khtml-border-radius: 29px; -webkit-border-radius: 29px; border-radius: 29px; -moz-border-radius-bottomleft:29px; -moz-border-radius-bottomright:29px; -khtml-border-radius: 29px; -webkit-border-bottom-left-radius:29px; -webkit-border-bottom-right-radius: 29px; border-bottom-left-radius: 29px; border-bottom-right-radius: 29px; text-indent:2px; } #laymod_633436 .video_src .video_icon:before { content:"\e730"; } #laymod_633436 .video_src .v_src { display:none; font-size: 0; } .design-html #laymod_633436 .video_src .v_src { display: block; font-size: 0; position: absolute; z-index: 11; width: 100%; height: 100%; top: 0; } /*弹窗播放*/ #laymod_633436 .win_video { position:fixed; top:0; left:0; right:0; bottom:0; opacity:0; pointer-events:none; z-index:9999; transition:all 0.5s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 0.5s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 0.5s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 0.5s cubic-bezier(.075,.82,.165,1) 0s; } #laymod_633436 .win_video.active_bg { opacity:1; pointer-events:auto; } #laymod_633436 .win_video.to_small { pointer-events:none; } #laymod_633436 .win_video .bg { position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity: 0.5; pointer-events:none; transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; } #laymod_633436 .win_video.active_bg .bg { pointer-events:auto; } #laymod_633436 .win_video.to_small .bg { opacity:0; pointer-events:none; } #laymod_633436 .win_video .video_btn { position:absolute; right:5px; top:5px; z-index: 4; font-size:0; pointer-events:none; } #laymod_633436 .win_video.active_bg .video_btn { pointer-events:auto; } #laymod_633436 .win_video .video_btn a { display:inline-block; *display:inline; *zoom:1; vertical-align: middle; margin-left:10px; font-size:20px; color:#999; transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; } #laymod_633436 .win_video .video_btn .video_big, #laymod_633436 .win_video.to_small .video_btn .video_small { display:none; } #laymod_633436 .win_video.to_small .video_btn .video_big { display:inline-block; } #laymod_633436 .win_video .video_small:before { content:"\e788"; } #laymod_633436 .win_video .video_big:before { content:"\e952"; } #laymod_633436 .win_video .video_close:before { content:"\e659"; } #laymod_633436 .win_video .big_video_switch { opacity:1; pointer-events:auto; transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; } #laymod_633436 .win_video.to_small .big_video_switch { opacity:0; pointer-events:none; } #laymod_633436 .win_video .small_video_switch { text-align: right; margin-bottom: 5px; font-size:0; opacity:0; pointer-events:none; transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; } #laymod_633436 .win_video.to_small .small_video_switch { opacity:1; pointer-events:auto; } #laymod_633436 .win_video .small_video_switch .prev_next { width:30px; height:30px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin-left:5px; background:#999; z-index: 4; text-align:center; line-height:30px; font-size:14px; color:#000; transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); } #laymod_633436 .win_video .big_video_switch .prev_next { width:40px; height:40px; display:block; background:#fff; position:absolute; top:50%; margin:-20px 0 0 0; z-index: 4; text-align:center; line-height:40px; font-size:16px; color:#000; transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); } #laymod_633436 .win_video .prev_next.p_n_none { opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); } #laymod_633436 .win_video .big_video_switch .v_prev { left:0; } #laymod_633436 .win_video .v_prev:before { content:"\e626"; } #laymod_633436 .win_video .big_video_switch .v_next { right:0; } #laymod_633436 .win_video .v_next:before { content:"\e627"; } #laymod_633436 .win_video .video_play { position:absolute; width:70vw; height:calc(39.375vw + 35px); right:15vw; bottom:calc(50vh - 19.6875vw); transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; } #laymod_633436 .win_video.to_small .video_play { width:20vw; height:calc(11.25vw + 35px); right:2vw; bottom:5vh; } #laymod_633436 .win_video .video_play .video_wrap { position:relative; width:100%; height:calc(100% - 35px); } #laymod_633436 .win_video .video_play .v_iframe { width:100%; height:100%; } #laymod_633436 .active_false .right_more a:hover i { margin:0 0 0 10px; _margin:0 0 0 5px; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_633436 .active_false .video_src a:hover .video_text { transform:translateY(-50%); -ms-transform:translateY(-50%); /* IE 9 */ -moz-transform:translateY(-50%); /* Firefox */ -webkit-transform:translateY(-50%); /* Safari ?’? Chrome */ -o-transform:translateY(-50%); /* Opera */ opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_633436 .active_false .video_src a:hover .video_bg { opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); } #laymod_633436 .active_false .video_src a:hover .video_icon { top:50%; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_633436 .active_false .win_video .prev_next:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_633436 .active_false .win_video .prev_next.p_n_none:hover { opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); } #laymod_633436 .active_false .win_video .video_close:hover { transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); } /*直接控制小于992px屏幕时css*/ @media (max-width:992px) { #laymod_633436 .bodyContTitle .fl { font-size:20px; line-height:1; } #laymod_633436 .bodyContTitle .fl2 { line-height:2; } #laymod_633436 .video_src .video_text { position:relative; top:auto; left:0; color:#444; text-align:left; /*align-items*/ align-items:flex-start;/*交叉轴对齐（垂直）*/ -webkit-align-items:flex-start; box-align:start; -moz-box-align:start; -webkit-box-align:start; line-height:1.5; padding:15px; } #laymod_633436 .video_src a:hover .video_text { transform:translateY(0%); -ms-transform:translateY(0%); /* IE 9 */ -moz-transform:translateY(0%); /* Firefox */ -webkit-transform:translateY(0%); /* Safari ?’? Chrome */ -o-transform:translateY(0%); /* Opera */ opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_633436 .video_src a:hover .video_icon { top:30%; } /*视频*/ #laymod_633436 .win_video .video_play { width: 100vw; height: calc(56.25vw + 35px); right: 0; bottom: calc(50vh - 28.125vw); } } /*模版整体控制*/ #laymod_639522 { position: relative; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_639522 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_639522 .bg_img { z-index:2; } #laymod_639522 .bodyCont_width { position: relative; padding: 0; z-index: 4; opacity: 1; } #laymod_639522 .bodyCont_width .left_title { text-align: center; } #laymod_639522 .bodyCont_width .left_title .fl { font-size: 24px; color: #fff; } #laymod_639522 .bodyCont_width .left_title .fl2 { font-size: 12px; color: #fff; } #laymod_639522 .bodyContContent .row { font-size: 0; } #laymod_639522 .bodyContContent .tp1_left { display: inline-block; vertical-align: middle; margin: 22.5px 0; position: relative; float: none; } #laymod_639522 .bodyContContent .tp1_left span, #laymod_639522 .bodyContContent .advan_right span { display: block; border: 10px solid rgba(255,255,255,0.15); } #laymod_639522 .bodyContContent .tp1_left span img, #laymod_639522 .bodyContContent .advan_right span img { width: 100%; display: block; } #laymod_639522 .bodyContContent .tp1_right { display: inline-block; vertical-align: middle; float: none; } #laymod_639522 .bodyContContent .tp1_right ul li:not(:last-child), #laymod_639522 .bodyContContent .advan_left ul li:not(:last-child) { margin-bottom: 42px; } #laymod_639522 .bodyContContent .tp1_right ul li .ppl, #laymod_639522 .bodyContContent .advan_left ul li .ppl { margin-bottom: 16px; position: relative; } #laymod_639522 .bodyContContent .tp1_right ul li .ppl i, #laymod_639522 .bodyContContent .advan_left ul li .ppl i { display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-right: 10px; position: relative; background: rgba(255,255,255,0.2); } #laymod_639522 .bodyContContent .tp1_right ul li .ppl i:before, #laymod_639522 .bodyContContent .advan_left ul li .ppl i:before { content: ""; display: block; width: 1px; height: 100%; background: rgba(245,245,245,1); position: absolute; top: 0; left: 50%; margin-left: -0.5px; } #laymod_639522 .bodyContContent .tp1_right ul li .ppl i:after, #laymod_639522 .bodyContContent .advan_left ul li .ppl i:after { content: ""; display: block; width: 100%; height: 1px; background: rgba(245,245,245,1); position: absolute; top: 50%; left: 0; margin-top: -0.5px; } #laymod_639522 .bodyContContent .tp1_right ul li .ppl .b, #laymod_639522 .bodyContContent .advan_left ul li .ppl .b { position: absolute !important; top: 0; left: 28px; color: #fff; font-size: 18px; line-height: 1; width: calc(100% - 28px); } #laymod_639522 .bodyContContent .tp1_right ul li .span, #laymod_639522 .bodyContContent .advan_left ul li .span { color: #fff; font-size: 13px; line-height: 24px; } #laymod_639522 .bodyContContent .advan_left { float: left; margin-top: 5%; } #laymod_639522 .bodyContContent .advan_right { float: right; margin-top: 22.5px; } @media(max-width: 767px) { #laymod_639522 .bodyCont_width { padding: 0 15px; } #laymod_639522 .bodyCont_width .left_title .fl { font-size: 20px; } #laymod_639522 .bodyCont_width .left_title .fl2 { font-size: 12px; } #laymod_639522 .bodyContContent .tp1_left { margin-top: 0; } #laymod_639522 .bodyContContent .tp1_right ul li:not(:last-child), #laymod_639522 .bodyContContent .advan_left ul li:not(:last-child) { margin-bottom: 25px; } } /* 默认引入阿里云图标 */ @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; } 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; } input,textarea { outline:none; resize:none; } i, em { font-style: normal; } /*模版整体控制*/ #laymod_644595 { position:relative; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_644595 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_644595 .bg_img { z-index:2; } #laymod_644595 .bodyCont_width { position:relative; opacity: 1; z-index:4; } /*标题控制*/ #laymod_644595 .bodyContTitle { margin:0 auto; position:relative; z-index: 3; padding: 0; } #laymod_644595 .bodyContTitle:after { content: ""; display: block; clear: both; } #laymod_644595 .bodyContTitle { font-size: 0; } #laymod_644595 .bodyContTitle .fl { font-size:18px; line-height:30px; font-weight:normal; color:rgba(87,174,95,1); position: relative; } #laymod_644595 .bodyContContent { padding: 0; } #laymod_644595 .bodyContContent .container { padding: 0; } #laymod_644595 .bodyContContent .container .row { margin: 0; } #laymod_644595 .bodyContContent .container .row .photo_item .photo_name { display: block; text-align: center; line-height: 36px; color: rgba(0,0,0,.8); font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #laymod_644595 .bodyContContent .swiper_photo_5 .photo_link { display: block; } #laymod_644595 .bodyContContent .swiper_photo_5 .photo_link .photo_img { display: block; transition: all .35s; border: 1px solid rgba(0,0,0,.2); } #laymod_644595 .bodyContContent .swiper_photo_5 .photo_link .photo_img img { max-width: 100%; display: block; } #laymod_644595 .bodyContContent .swiper-pagination { bottom: -40px; width: 100%; } #laymod_644595 .swiper-pagination-bullet { width: 6px; height: 6px; margin: 5px; border-radius: 0; background:#666; } #laymod_644595 .logo_img { height: 120px; background:#fff; border:1px solid #eee; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; align-items: center; -webkit-align-items: center; } #laymod_644595 .logo_img img { display:block; max-width:100%; max-height:100%; } @media (min-width: 768px) { #laymod_644595 .bodyContContent .photo_list ul { position: relative; } #laymod_644595 .swiper-slide { width: 15.47%; margin-right: 1.2%; } #laymod_644595 .bodyContContent .photo_list .swiper_prev { width: 30px; height: 30px; position: absolute; left: -30px; top: 0; color: #fff; transition: all .35s; background-color: #ccc; line-height: 30px; text-align: center; cursor: pointer; top: 50%; transform: translateY(-100%); } #laymod_644595 .bodyContContent .photo_list .swiper_next { width: 30px; height: 30px; position: absolute; right: -30px; top: 0; color: #fff; transition: all .35s; background-color: #ccc; line-height: 30px; text-align: center; cursor: pointer; top: 50%; transform: translateY(-100%); } #laymod_644595 .bodyContContent .photo_list .active .swiper_prev, #laymod_644595 .bodyContContent .photo_list .active .swiper_next { transform: translateY(-50%); } #laymod_644595 .bodyContContent .photo_list .swiper_prev:before { content: "\e701"; } #laymod_644595 .bodyContContent .photo_list .swiper_next:before { content: "\e708"; } #laymod_644595 .bodyContContent .swiper_photo_5 { overflow: hidden; } } #laymod_644595 .active_false .bodyContContent .message_module .minput input:hover, #laymod_644595 .active_false .bodyContContent .message_module .minput textarea:hover { border: 1px solid rgba(87,174,95,1); } #laymod_644595 .active_false .bodyContContent .photo_list .iconfont:hover { background-color: rgba(87,174,95,1); } #laymod_644595 .active_false .bodyContContent .swiper_photo_5 .photo_link:hover .photo_img { box-shadow: 0 0 40px rgba(0,0,0,.1); } @media (max-width: 991px) { #laymod_644595 .bodyCont_width { padding: 0 15px; } #laymod_644595 .bodyContTitle p { display: block; text-align: left; } } @media (min-width: 768px) and (max-width: 992px) { #laymod_644595 .logo_img { height: 80px; } } @media (max-width: 768px) { #laymod_644595 .bodyContContent .swiper_photo_5 { overflow: hidden; } #laymod_644595 .bodyContContent .photo_list ul { position: relative; } #laymod_644595 .bodyContContent .swiper-pagination { bottom: -20px; width: 100%; } #laymod_644595 .ql-size-12, #laymod_644595 .ql-size-13, #laymod_644595 .ql-size-14, #laymod_644595 .ql-size-15, #laymod_644595 .ql-size-16 { font-size: 1vw; } #laymod_644595 .ql-size-17, #laymod_644595 .ql-size-18, #laymod_644595 .ql-size-19, #laymod_644595 .ql-size-20, #laymod_644595 .ql-size-21 { font-size: 1.5vw; } #laymod_644595 .ql-size-22, #laymod_644595 .ql-size-23, #laymod_644595 .ql-size-24, #laymod_644595 .ql-size-25, #laymod_644595 .ql-size-26 { font-size: 2vw; } #laymod_644595 .ql-size-27, #laymod_644595 .ql-size-28, #laymod_644595 .ql-size-29, #laymod_644595 .ql-size-30, #laymod_644595 .ql-size-31 { font-size: 3vw; } #laymod_644595 .ql-size-32, #laymod_644595 .ql-size-33, #laymod_644595 .ql-size-34, #laymod_644595 .ql-size-35, #laymod_644595 .ql-size-36 { font-size: 4vw; } #laymod_644595 .ql-size-37, #laymod_644595 .ql-size-38, #laymod_644595 .ql-size-39, #laymod_644595 .ql-size-40, #laymod_644595 .ql-size-41 { font-size: 5vw; } #laymod_644595 .ql-size-42, #laymod_644595 .ql-size-43, #laymod_644595 .ql-size-44, #laymod_644595 .ql-size-45, #laymod_644595 .ql-size-46 { font-size: 6vw; } } @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_632818 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_632818 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_632818 .bg_img { z-index:2; } #laymod_632818 .bodyCont_width { position:relative; z-index:4; } #laymod_632818 .bodyCont_width .foot_up .container .foot_info .foot_li { margin-bottom: 28px; } #laymod_632818 .bodyCont_width .foot_up .container .foot_info .foot_li>.title, #laymod_632818 .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_632818 .bodyCont_width .foot_up .container .foot_info .foot_li ul li { line-height: 1; padding: 8.5px 0; } #laymod_632818 .bodyCont_width .foot_up .container .foot_info .foot_li ul li .title, #laymod_632818 .bodyCont_width .foot_up .container .foot_info .foot_li ul li .inline, #laymod_632818 .bodyCont_width .foot_up .container .foot_info .foot_li ul li>a, #laymod_632818 .bodyCont_width .foot_up .container .foot_info .foot_li ul li>div, #laymod_632818 .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_632818 .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_632818 .bodyCont_width .foot_up .container .foot_open .foot_left .share { font-size: 0; padding-top: 30px; padding-bottom: 90px; } #laymod_632818 .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_632818 .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_632818 .bodyContContent .share .wechat .iconfont:after { content: "\e991"; } #laymod_632818 .bodyContContent .share .qq .iconfont:after { content: "\e990"; } #laymod_632818 .bodyContContent .share .qq2 .iconfont:after { content: "\e97d"; } #laymod_632818 .bodyContContent .share .weibo .iconfont:after { content: "\e994"; } #laymod_632818 .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_632818 .bodyContContent .wechat_div.active { opacity: 1; visibility: visible; } #laymod_632818 .bodyContContent .wechat_div .wechat_bg { position: absolute; left: 0; right: 0; background: rgba(0,0,0,0.4); width: 100%; height: 100%; } #laymod_632818 .bodyContContent .wechat_div .wechat_img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 300px; width:300px; } #laymod_632818 .bodyContContent .wechat_div .wechat_img img { max-width: 100%; max-height: 100%; } #laymod_632818 .bodyCont_width .foot_down { border-top: 1px solid rgba(255, 255, 255, 0.2); } #laymod_632818 .bodyCont_width .foot_down .container { padding: 0; } #laymod_632818 .bodyCont_width .foot_down .col-sm-7 .foot_copy, #laymod_632818 .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_632818 .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_632818 .bodyCont_width { padding-top: 40px; } #laymod_632818 .bodyCont_width .foot_up .container { padding: 0; } #laymod_632818 .bodyCont_width .foot_up .container .foot_info, #laymod_632818 .bodyCont_width .foot_up .foot_open { display: flex; display: -webkit-flex; align-items: flex-start; justify-content: space-between; } #laymod_632818 .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_632818 .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_632818 .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_632818 .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_632818 .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_632818 .bodyCont_width .foot_up .container .foot_open .foot_right .foot_hb .message_code img { display: inline-block; width: 40%; } #laymod_632818 .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_632818 .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_632818 .bodyCont_width .foot_up .container .foot_open .foot_right .cont_mail:hover, #laymod_632818 .bodyCont_width .foot_up .container .foot_open .foot_right .foot_hb .message_code:hover { border-color: rgba(87,174,95,1); } #laymod_632818 .bodyCont_width .foot_up .container .foot_info .foot_li ul li a:hover, #laymod_632818 .bodyCont_width .foot_up .container .foot_open .foot_left .foot_share a:hover, #laymod_632818 .bodyCont_width .foot_up .container .foot_open .foot_right .foot_hb .liuyan:hover, #laymod_632818 .bodyCont_width .foot_down .col-sm-5 a:hover { color: rgba(87,174,95,1); } #laymod_632818 .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_632818 .bodyCont_width .foot_down .col-xs-12 { padding: 0; } #laymod_632818 .bodyCont_width .foot_down .col-sm-5 { text-align: right; } } #laymod_632818 ::-webkit-input-placeholder { color: currentColor; opacity:0.3; } #laymod_632818 :-moz-placeholder {/* Firefox 18- */ color: currentColor; opacity:0.3; } @media(max-width: 992px) { #laymod_632818 #jh2_foot_17.active { z-index: 1901; overflow: visible; position: relative; } #laymod_632818 .bodyCont_width .foot_open .foot_right { display: none; } #laymod_632818 .bodyCont_width .foot_up { padding-top: 25px; padding-bottom: 20px; } #laymod_632818 .bodyCont_width .foot_up .container .foot_info .foot_li { margin-bottom: 10px; } #laymod_632818 .bodyCont_width .foot_up .container .foot_info .foot_li>.title, #laymod_632818 .bodyCont_width .foot_up .container .foot_open .foot_left>.hottitle { font-size: 20px; } #laymod_632818 .bodyCont_width .foot_up .container .foot_open .foot_left .foot_share { display: none; } #laymod_632818 .bodyCont_width .foot_down { padding: 14px 0; } #laymod_632818 .bodyCont_width .foot_down .col-xs-12 { padding: 0; width: 100%; text-align: center; } #laymod_632818 .bodyCont_width .foot_down .col-sm-5 { text-align: center; width: 100%; } #laymod_632818 .bodyCont_width .foot_down .col-sm-7 .foot_copy, #laymod_632818 .bodyCont_width .foot_down .col-sm-7 a, #laymod_632818 .bodyCont_width .foot_down .col-sm-5 a { line-height: 22px; } #laymod_632818 .bodyCont_width .foot_up .container .foot_open .foot_left .hottime { padding: 4px 0; } #laymod_632818 .bodyCont_width .foot_up .container .foot_info .foot_li ul li { padding: 5px 0; } #laymod_632818 .fixed_close { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #000; z-index: 2000; } #laymod_632818 .bodyCont_width .foot_up .container .foot_open .foot_left .share { font-size: 0; padding-top: 10px; padding-bottom: 0px; } }