/* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_nfjb564vfrc.eot'); src: url('//at.alicdn.com/t/font_249974_nfjb564vfrc.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.woff') format('woff'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_603015 #jh_nav_7 { position:relative; overflow:visible; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; z-index: 1700; } #laymod_603015 #jh_nav_7.fix_nav { padding:110px 0 0 0; z-index: 1900; } #laymod_603015 #jh_nav_7 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_603015 #jh_nav_7 .bg_img { z-index:2; } #laymod_603015 #jh_nav_7 .bodyCont_width { position:relative; opacity: 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_603015 #jh_nav_7.fix_nav .bodyCont_width { position:fixed; top:0; left:0; width:100%; box-shadow:0 2px 2px rgba(0,0,0,0.3); } /*标题控制*/ #laymod_603015 #jh_nav_7 .bodyContContent { position:relative; z-index: 4; } /*模版主体部分*/ /*顶部菜单*/ #laymod_603015 #jh_nav_7 .nav_top { overflow:hidden; background:rgba(216,12,24,1); font-size:12px; line-height:42px; color:#fff; 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_603015 #jh_nav_7.fix_nav .nav_top { height:0; } #laymod_603015 .nav_top .left { opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); } #laymod_603015 .nav_top .right { /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐（横轴）*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; height:42px; } #laymod_603015 #jh_nav_7 .nav_top .right span.jh_s_line, #laymod_603015 #jh_nav_7 .nav_top .right a { color:rgba(255,255,255,0.6); 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; padding:0 10px; } #laymod_603015 #jh_nav_7 .nav_t_search { height:27px; line-height:27px; margin:0 0 0 30px; _margin:0 0 0 15px; } #laymod_603015 #jh_nav_7 .nav_t_search input { border:0; margin:0; padding:0; color: #fff; background:rgba(255, 17, 34, 1); display:inline-block; text-indent:5px; 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_603015 #jh_nav_7 .nav_t_search input::-webkit-input-placeholder { color:currentColor !important; opacity: 0.6; } #laymod_603015 #jh_nav_7 .nav_t_search input::-moz-placeholder { color:currentColor !important; opacity: 0.6; } #laymod_603015 #jh_nav_7 .nav_t_search input::-ms-input-placeholder { color:currentColor !important; opacity: 0.6; } #laymod_603015 #jh_nav_7 .nav_t_search a { background:rgba(151, 8, 16, 1); display:inline-block; margin:0 0 0 -3px; } /*导航栏-logo*/ #laymod_603015 #jh_nav_7 .nav_menu { height:96px; overflow:visible; position:relative; } #laymod_603015 #jh_nav_7 .nav_menu .nav_logo { height:96px; width:19.2%; max-width:225px; overflow:hidden; } #laymod_603015 #jh_nav_7 .nav_menu .nav_logo a { width:100%; height:100%; color:rgba(216,12,24,1); /*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_603015 #jh_nav_7 .nav_menu .nav_logo a img { max-width:100%; max-height:90%; } /*导航栏-栏目*/ #laymod_603015 #jh_nav_7 .nav_menu .nav_list { width:75%; } #laymod_603015 #jh_nav_7 .nav_menu .nav_list ul { margin:0; padding: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: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:flex-end; -moz-box-align:flex-end; -webkit-box-align:flex-end; } #laymod_603015 #jh_nav_7 .nav_menu .nav_list li { margin:0; width:auto; position:relative; } #laymod_603015 #jh_nav_7 .nav_menu .nav_list li a { margin:27px 0; padding:0 0 0 2.187vw; display:block; font-size:14px; font-weight:normal; color:rgba(0,0,0,0.5); 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; line-height:42px; text-align:center; position:relative; } #laymod_603015 #jh_nav_7 .nav_menu .nav_list li.active_bg>a { color:rgba(216,12,24,1); } #laymod_603015 #jh_nav_7 .nav_menu .nav_list li a>span { display:block; width:0; height:2px; background:rgba(216,12,24,1); position:absolute; left:2.187vw; bottom:0; z-index: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_603015 #jh_nav_7 .nav_menu .nav_list li.active_bg>a>span { width:30%; } #laymod_603015 #jh_nav_7 .nav_menu .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:visible; border-top:1px solid #eee; min-width:162px; max-width:230px; } #laymod_603015 #jh_nav_7 .nav_menu .nav_list li>ul li { width:100%; margin:0; border-bottom:0 none; position:relative; } #laymod_603015 #jh_nav_7 .nav_menu .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; max-height:48px; } #laymod_603015 #jh_nav_7 .nav_menu .nav_list li>ul li a dd { line-height:48px; width:90%; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; } #laymod_603015 #jh_nav_7 .nav_menu .nav_list li>ul li.last_li a { border-bottom-left-radius:3px; border-bottom-right-radius:3px; } #laymod_603015 #jh_nav_7 .nav_menu .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_603015 #jh_nav_7 .nav_menu .nav_list li>ul li a>i:before { content:"\e627"; } #laymod_603015 #jh_nav_7 .nav_menu .nav_list ul.nav_ul_son li { overflow:hidden; } #laymod_603015 #jh_nav_7 .nav_menu .nav_list ul.nav_ul_son li.move_bg { overflow:visible; } #laymod_603015 #jh_nav_7 .nav_menu .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_603015 #jh_nav_7 .nav_menu .nav_list ul.nav_ul_son li.move_bg>ul { left:100%; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); overflow:visible; } /*登录和注册*/ #laymod_603015 .login_style { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index: 2000; } #laymod_603015 .login_style.login_show { /*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; } #laymod_603015 .login_style .login_bg { position:absolute; top:0; left:0; background:#000; width:100%; height:100%; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); z-index: 1; } #laymod_603015 .login_style .login_account { width:300px; height:auto; position:relative; margin:0; background:#fff; border:1px solid #ccc; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -khtml-border-radius: 3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding:30px 15px 15px 15px; z-index: 2; } #laymod_603015 .login_style .login_close { position:absolute; right:2%; top:2%; 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; font-size:16px; line-height:1; } #laymod_603015 .login_style .login_close:before { content:"\e635"; } #laymod_603015 .login_style label { display:block; width:100%; position:relative; margin:0 0 1rem 0; overflow:hidden; } #laymod_603015 .login_style label i { display:block; position:absolute; top:0; left:0; width:40px; height:40px; line-height:40px; font-size:20px; text-align:center; color:#000; opacity: 0.3; -moz-opacity: 0.3; filter:alpha(opacity=30); background:#eee; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -khtml-border-radius: 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; 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_603015 .login_style label.login_1 i:before { content:"\e6c6"; } #laymod_603015 .login_style label.login_2 i:before { content:"\e6da"; } #laymod_603015 .login_style label.login_3 i:before { content:"\e6c8"; } #laymod_603015 .login_style.win_reg label.login_3 i:before { content:"\e6da"; } #laymod_603015 .login_style label.login_4 i:before { content:"\e6bb"; } #laymod_603015 .login_style label.move_bg i { background:rgba(216,12,24,1); color:#fff; } #laymod_603015 .login_style input { display:block; border:1px solid #eee; height:40px; line-height:40px; text-indent:4.5rem; color:#000; font-size:14px; width:100%; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -khtml-border-radius: 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; 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_603015 .login_style input::-webkit-input-placeholder { color: #000; opacity: 0.6; } #laymod_603015 .login_style input::-moz-placeholder { color: #000; opacity: 0.6; } #laymod_603015 .login_style input::-ms-input-placeholder { color: #000; opacity: 0.6; } #laymod_603015 .login_style .move_bg input { border-color:rgba(216,12,24,1); } #laymod_603015 .login_style input.input-randCode { width:70%; float:left; } #laymod_603015 .login_style #verifyPic { float:right; margin:4% 0 0 0; } #laymod_603015 .login_style input.submit { text-indent:0; background:#eee; } #laymod_603015 .login_style .move_bg input.submit { background:rgba(216,12,24,1); color:#fff; } @media (min-width:992px) { #laymod_603015 #jh_nav_7 .nav_menu .nav_list .nav_m_search { display: none; } } #laymod_603015 #jh_nav_7.active_false .nav_top .right a:hover { color:#fff; text-decoration:none; } #laymod_603015 #jh_nav_7.active_false .nav_t_search input:hover { background:rgba(151, 8, 16, 1); } #laymod_603015 #jh_nav_7.active_false .nav_menu .nav_list li:hover > a { color:rgba(216,12,24,1); } #laymod_603015 #jh_nav_7.active_false .nav_menu .nav_list li:hover > a > span { width:30%; } #laymod_603015 #jh_nav_7.active_false .nav_menu .nav_list li>ul li a:hover { background:rgba(216,12,24,1); color:#fff; } #laymod_603015 #jh_nav_7.active_false .nav_menu .nav_list li>ul li a:hover>i { color:#fff; } #laymod_603015 .active_false .login_style .login_close:hover { color:rgba(216,12,24,1); transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); } /*直接控制小于992px屏幕时css*/ @media (max-width:991px) { #laymod_603015 #jh_nav_7.fix_nav { padding:70px 0 0 0; } #laymod_603015 #jh_nav_7 .nav_top { line-height:3; } #laymod_603015 #jh_nav_7 .nav_menu { width: 100%; } #laymod_603015 #jh_nav_7 .nav_menu, #laymod_603015 #jh_nav_7 .nav_menu .nav_logo { height:70px; } #laymod_603015 #jh_nav_7, #laymod_603015 #jh_nav_7 .nav_menu { overflow:visible; } #laymod_603015 #jh_nav_7 .nav_menu .nav_logo { width:60%; margin:0 0 0 15px; } /*导航-按钮*/ #laymod_603015 #jh_nav_7 .nav_botton { position:absolute; right:5px; top:50%; margin:-17px 0 0 0; width:44px; height:34px; } #laymod_603015 #jh_nav_7 .nav_botton a { display:block; padding:0; border-radius:4px; display:block; width:44px; height:34px; } #laymod_603015 #jh_nav_7 .nav_botton span { display:block; width:26px; height:2px; background:rgba(216,12,24,1); position:absolute; left:10px; 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; transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } #laymod_603015 #jh_nav_7 .nav_botton span:before { content:""; display:block; width:4px; height:4px; background:rgba(216,12,24,1); border-radius:2px; position:absolute; left:-10px; top:50%; margin:-2px 0 0 0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_603015 #jh_nav_7 .nav_botton a.active_bg span:before { left:-15px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_603015 #jh_nav_7 .nav_botton span.botton-line_1 { top:8px; } #laymod_603015 #jh_nav_7 .nav_botton a.active_bg>span.botton-line_1 { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); top:50%; } #laymod_603015 #jh_nav_7 .nav_botton span.botton-line_2 { top:50%; margin:-1px 0 0 0; width:19px; } #laymod_603015 #jh_nav_7 .nav_botton a.active_bg>span.botton-line_2 { width:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_603015 #jh_nav_7 .nav_botton span.botton-line_3 { bottom:8px; } #laymod_603015 #jh_nav_7 .nav_botton a.active_bg>span.botton-line_3 { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top:50%; } /*导航栏*/ #laymod_603015 #jh_nav_7 .nav_menu .nav_list { background:#cecece; position:absolute; width:100%; top:100%; left:0; padding:0 0 45px 0; box-shadow:0 2px 2px rgba(0,0,0,0.3); display:none; overflow-y:auto; overflow-x:hidden; } #laymod_603015 #jh_nav_7 .nav_menu .nav_list ul { /*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; } #laymod_603015 #jh_nav_7 .nav_menu .nav_list li { width:100%; margin:0; _margin:0; border-bottom:1px solid rgba(255,255,255,0.2); } #laymod_603015 #jh_nav_7 .nav_menu .nav_list li a { padding:0; margin:0; text-align:left; text-indent:15px; line-height:45px; } #laymod_603015 #jh_nav_7 .nav_menu .nav_list li.active_bg>a>span { width:8%; left:15px; } #laymod_603015 #jh_nav_7 .nav_menu .nav_list li a>i { position:absolute; right:15px; top:50%; margin:-22px 0 0 0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; text-indent:0; } #laymod_603015 #jh_nav_7 .nav_menu .nav_list li a>i:before { content:"\e627"; } #laymod_603015 #jh_nav_7 .nav_menu .nav_list li a:hover>i { transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); } #laymod_603015 #jh_nav_7 .nav_menu .nav_list li>ul { background:#cecece; 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_603015 #jh_nav_7 .nav_menu .nav_list li>ul li a { line-height:45px; padding:0; max-height:45px; border-radius:0; text-align:left; text-indent:2em; } #laymod_603015 #jh_nav_7 .nav_menu .nav_list ul.nav_ul_son li>ul { left:auto; top:auto; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); overflow:hidden; border-radius: 0; position:relative; display:none; } #laymod_603015 #jh_nav_7 .nav_list li>i.iconfont { position:absolute; height:45px; display:block; width:40px; right:6px; z-index: 2; top:0; } #laymod_603015 #jh_nav_7 .nav_list li li>i.iconfont { height:45px; } #laymod_603015 #jh_nav_7 .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:#999; } #laymod_603015 #jh_nav_7 .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:#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_603015 #jh_nav_7 .nav_list li.active>i.iconfont:after { margin:0; height:0; } #laymod_603015 #jh_nav_7 .nav_menu .nav_list ul.nav_ul_son li.move_bg>ul { left:auto; } #laymod_603015 #jh_nav_7 .nav_menu .nav_list li li li a { padding-left:45px; } #laymod_603015 #jh_nav_7 .nav_menu .nav_list li li li li a { padding-left:60px; } /*手机站-搜索*/ #laymod_603015 #jh_nav_7 .nav_m_search { padding:10px 15px; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐（横轴）*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_603015 #jh_nav_7 .nav_m_search input { width:80%; height:3rem; line-height:3rem; color:#000; text-indent:5%; 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; background:rgba(255,255,255,0.6); } #laymod_603015 #jh_nav_7 .nav_m_search input::-webkit-input-placeholder { color:currentColor; opacity: 0.4; } #laymod_603015 #jh_nav_7 .nav_m_search a { display:block; width:20%; background:#fff; font-size:14px; line-height:3rem; height:3rem; text-align:center; color:#000; } #laymod_603015 ::-webkit-input-placeholder { color:rgba(0,0,0,0.6); } #laymod_603015 :-moz-placeholder { color:rgba(0,0,0,0.6); } #laymod_603015 :-ms-input-placeholder { color:rgba(0,0,0,0.6); } } @media(max-width: 767px) { #laymod_603015 .nav_top .left { padding-left: 15px; } } #laymod_603015 #jh_nav_7.active_true.fix_nav { padding:70px 0 0 0; } #laymod_603015 #jh_nav_7.active_true .nav_menu { width: 100%; } #laymod_603015 #jh_nav_7.active_true .nav_menu, #laymod_603015 #jh_nav_7.active_true .nav_menu .nav_logo { height:70px; } #laymod_603015 #jh_nav_7.active_true, #laymod_603015 #jh_nav_7.active_true .nav_menu { overflow:visible; } #laymod_603015 #jh_nav_7.active_true .nav_menu .nav_logo { width:60%; margin:0 0 0 15px; } /*导航-按钮*/ #laymod_603015 #jh_nav_7.active_true .nav_botton { position:absolute; right:5px; top:50%; margin:-17px 0 0 0; width:44px; height:34px; display: block !important; } #laymod_603015 #jh_nav_7.active_true .nav_botton a { display:block; padding:0; border-radius:4px; display:block; width:44px; height:34px; } #laymod_603015 #jh_nav_7.active_true .nav_botton span { display:block; width:26px; height:2px; background:rgba(216,12,24,1); position:absolute; left:10px; 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; transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } #laymod_603015 #jh_nav_7.active_true .nav_botton span:before { content:""; display:block; width:4px; height:4px; background:rgba(216,12,24,1); border-radius:2px; position:absolute; left:-10px; top:50%; margin:-2px 0 0 0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_603015 #jh_nav_7.active_true .nav_botton a.active_bg span:before { left:-15px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_603015 #jh_nav_7.active_true .nav_botton span.botton-line_1 { top:8px; } #laymod_603015 #jh_nav_7.active_true .nav_botton a.active_bg>span.botton-line_1 { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); top:50%; } #laymod_603015 #jh_nav_7.active_true .nav_botton span.botton-line_2 { top:50%; margin:-1px 0 0 0; width:19px; } #laymod_603015 #jh_nav_7.active_true .nav_botton a.active_bg>span.botton-line_2 { width:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_603015 #jh_nav_7.active_true .nav_botton span.botton-line_3 { bottom:8px; } #laymod_603015 #jh_nav_7.active_true .nav_botton a.active_bg>span.botton-line_3 { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top:50%; } /*导航栏*/ #laymod_603015 #jh_nav_7.active_true .nav_menu .nav_list { background:#cecece; position:absolute; width:100%; top:100%; left:0; padding:0 0 45px 0; box-shadow:0 2px 2px rgba(0,0,0,0.3); display:none; overflow-y:auto; overflow-x:hidden; } #laymod_603015 #jh_nav_7.active_true .nav_menu .nav_list ul { /*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; } #laymod_603015 #jh_nav_7.active_true .nav_menu .nav_list li { width:100%; margin:0; _margin:0; border-bottom:1px solid rgba(255,255,255,0.2); } #laymod_603015 #jh_nav_7.active_true .nav_menu .nav_list li a { padding:0; margin:0; text-align:left; text-indent:15px; line-height:45px; } #laymod_603015 #jh_nav_7.active_true .nav_menu .nav_list li.active_bg>a>span { width:8%; left:15px; } #laymod_603015 #jh_nav_7.active_true .nav_menu .nav_list li a>i { position:absolute; right:15px; top:50%; margin:-22px 0 0 0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; text-indent:0; } #laymod_603015 #jh_nav_7.active_true .nav_menu .nav_list li a>i:before { content:"\e627"; } #laymod_603015 #jh_nav_7.active_true .nav_menu .nav_list li a:hover>i { transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); } #laymod_603015 #jh_nav_7.active_true .nav_menu .nav_list li>ul { background:#cecece; 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_603015 #jh_nav_7.active_true .nav_menu .nav_list li>ul li a { line-height:45px; padding:0; max-height:45px; border-radius:0; text-align:left; text-indent:2em; } #laymod_603015 #jh_nav_7.active_true .nav_menu .nav_list ul.nav_ul_son li>ul { left:auto; top:auto; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); overflow:hidden; border-radius: 0; position:relative; display:none; } #laymod_603015 #jh_nav_7.active_true .nav_list li>i.iconfont { position:absolute; height:45px; display:block; width:40px; right:6px; z-index: 2; top:0; } #laymod_603015 #jh_nav_7.active_true .nav_list li li>i.iconfont { height:45px; } #laymod_603015 #jh_nav_7.active_true .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:#999; } #laymod_603015 #jh_nav_7.active_true .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:#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_603015 #jh_nav_7.active_true .nav_list li.active>i.iconfont:after { margin:0; height:0; } #laymod_603015 #jh_nav_7.active_true .nav_menu .nav_list ul.nav_ul_son li.move_bg>ul { left:auto; } #laymod_603015 #jh_nav_7.active_true .nav_menu .nav_list li li li a { padding-left:45px; } #laymod_603015 #jh_nav_7.active_true .nav_menu .nav_list li li li li a { padding-left:60px; } #laymod_603015 #jh_nav_7.active_true .nav_menu .nav_list li>ul li a>i:before { display: none; } /*手机站-搜索*/ #laymod_603015 #jh_nav_7.active_true .nav_m_search { padding:10px 15px; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐（横轴）*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_603015 #jh_nav_7.active_true .nav_t_search { display: none !important; } #laymod_603015 #jh_nav_7.active_true .nav_menu .nav_list .nav_m_search { display: block; font-size: 0; } #laymod_603015 #jh_nav_7.active_true .nav_m_search input { width:80%; height:3rem; line-height:3rem; color:#000; text-indent:5%; 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; background:rgba(255,255,255,0.6); } #laymod_603015 #jh_nav_7.active_true .nav_m_search input::-webkit-input-placeholder { color:currentColor; opacity: 0.4; } #laymod_603015 #jh_nav_7.active_true .nav_m_search a { display: inline-block; width:20%; background:#fff; font-size:14px; line-height:3rem; height:3rem; text-align:center; vertical-align: top; color:#000; } #laymod_603015 .active_true ::-webkit-input-placeholder { color:rgba(0,0,0,0.6); } #laymod_603015 .active_true :-moz-placeholder { color:rgba(0,0,0,0.6); } #laymod_603015 .active_true :-ms-input-placeholder { color:rgba(0,0,0,0.6); } #laymod_603015 input, #laymod_603015 textarea { -webkit-appearance: none; border-radius: 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; } #laymod_603017 #owl-demo .owl-item a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; } #owl-demo .owl-item img{ display: block; max-width:100%; margin:0 auto; } #laymod_603017 .bodyContContent { position: relative; } #laymod_603017 .bodyContContent .nothing_s img { max-width: 100%; display: block; } #laymod_603017 #owl-demo .owl-pagination .owl-page span { background: #000; } #laymod_603017 .fix_btns { display: none; } .design-html #laymod_603017 .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_603017 .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_603017 .fix_btns a.active, .design-html #laymod_603017 .fix_btns a:hover { background: rgba(255, 82, 65, 1.0); } .design-html #laymod_603017 .bodyCont_width:hover .fix_btns { opacity: 1; visibility: visible; } #laymod_603017 .bodyCont_width .owl-carousel .banner_txt { position: absolute; z-index: 111; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; color: #fff; } @media (min-width: 768px) { #laymod_603017 #owl-demo .owl-pagination { width: 20px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } #laymod_603017 #owl-demo .owl-pagination .owl-page { width: 20px; height: 28px; line-height: 28px; text-align: center; position: relative; } #laymod_603017 #owl-demo .owl-pagination .owl-page span { width: 4px; height: 4px; margin: 0 auto; line-height: 28px; opacity: 1; transition:all .35s; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #laymod_603017 .bodyCont_width .owl-carousel .slide_title_1 { font-size: 50px; margin-bottom: 30px; } #laymod_603017 .bodyCont_width .owl-carousel .slide_content_1 { font-size: 22px; margin-bottom: 15px; } #laymod_603017 #owl-demo .owl-controls .owl-buttons { position: absolute; width: 150px; left: 50%; bottom: 0; height: 65px; margin-left: -600px; background: #fff; } #laymod_603017 #owl-demo .owl-controls .owl-buttons .owl-prev { margin: 0; background: none; height: 65px; line-height: 65px; text-align: center; position: absolute; left: 0; width: 50%; border-radius: 0; } #laymod_603017 #owl-demo .owl-controls .owl-buttons .owl-next { margin: 0; background: none; height: 65px; line-height: 65px; text-align: center; position: absolute; right: 0; width: 50%; border-radius: 0; } #laymod_603017 #owl-demo .owl-controls .owl-buttons .owl-prev i, #laymod_603017 #owl-demo .owl-controls .owl-buttons .owl-next i { font-size: 20px; transition: 0.36s ease; color:rgba(48,48,48,0.4); } #laymod_603017 #owl-demo .owl-controls .owl-buttons .owl-prev:after { content: ""; position: absolute; top: 50%; right: 0px; width: 1px; height: 18px; margin-top: -7px; background:rgba(48,48,48,0.2); } #laymod_603017 #owl-demo .owl-controls .owl-buttons .owl-prev i:after { content: "\e626"; } #laymod_603017 #owl-demo .owl-controls .owl-buttons .owl-next i:after { content: "\e627"; } /* 小banner */ #laymod_603017 #sliderDirThemb { width: 180px; position: absolute; bottom: 0; left: 50%; height: 65px; overflow: hidden; margin-left: -450px; transition:all .35s; opacity: 0 !important; visibility: hidden; } #laymod_603017 #sliderDirThemb.active { opacity: 1 !important; visibility: visible; } #laymod_603017 #sliderDirThemb .owl-wrapper img { width: 100%; display: block; } } #laymod_603017 #owl-demo .owl-pagination .owl-page:hover span { width: 6px; height: 6px; } #laymod_603017 #owl-demo .owl-controls .owl-buttons .owl-prev:hover i, #laymod_603017 #owl-demo .owl-controls .owl-buttons .owl-next:hover i { font-size: 22px; color: #303030; } @media (max-width: 767px) { #laymod_603017 #owl-demo .owl-controls .owl-buttons { position: absolute; width: 100px; left: 3%; bottom: 0; height: 50px; background: #fff; } #laymod_603017 #owl-demo .owl-controls .owl-buttons .owl-prev { margin: 0; background: none; height: 50px; line-height: 50px; text-align: center; position: absolute; left: 0; width: 50%; border-radius: 0; } #laymod_603017 #owl-demo .owl-controls .owl-buttons .owl-next { margin: 0; background: none; height: 50px; line-height: 50px; text-align: center; position: absolute; right: 0; width: 50%; border-radius: 0; } #laymod_603017 #owl-demo .owl-controls .owl-buttons .owl-prev i, #laymod_603017 #owl-demo .owl-controls .owl-buttons .owl-next i { font-size: 20px; transition: 0.36s ease; color:rgba(48,48,48,0.4); } #laymod_603017 #owl-demo .owl-controls .owl-buttons .owl-prev:after { content: ""; position: absolute; top: 50%; right: 0px; width: 1px; height: 18px; margin-top: -7px; background:rgba(48,48,48,0.2); } #laymod_603017 #owl-demo .owl-controls .owl-buttons .owl-prev i:after { content: "\e626"; } #laymod_603017 #owl-demo .owl-controls .owl-buttons .owl-next i:after { content: "\e627"; } #laymod_603017 #owl-demo .owl-pagination { position: absolute; bottom: 5px; width: 100%; text-align: center; } #laymod_603017 #owl-demo .owl-pagination .owl-page { width: 5px; height: 5px; margin: 0 5px; } #laymod_603017 #owl-demo .owl-pagination .owl-page span { width: 5px; height: 5px; margin: 0; } #laymod_603017 .bodyCont_width .owl-carousel .title { font-size: 20px; margin-bottom: 15px; } #laymod_603017 .bodyCont_width .owl-carousel .content { text-align: center; line-height: 1.5; font-size: 12px; } } .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y} .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)} .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out} .owl-carousel .owl-item{float:left} .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer} .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)} .grabbing{cursor:url(grabbing.png) 8 8,move} .owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px} .owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease} .owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease} .owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease} .owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease} .owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both} .owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both} .owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both} .owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both} @-webkit-keyframes empty{ 0%{opacity:1} } @-moz-keyframes empty{ 0%{opacity:1} } @keyframes empty{ 0%{opacity:1} } @-webkit-keyframes fadeIn{ 0%{opacity:0} 100%{opacity:1} } @-moz-keyframes fadeIn{ 0%{opacity:0} 100%{opacity:1} } @keyframes fadeIn{ 0%{opacity:0} 100%{opacity:1} } @-webkit-keyframes fadeOut{ 0%{opacity:1} 100%{opacity:0} } @-moz-keyframes fadeOut{ 0%{opacity:1} 100%{opacity:0} } @keyframes fadeOut{ 0%{opacity:1} 100%{opacity:0} } @-webkit-keyframes backSlideOut{ 25%{opacity:.5;-webkit-transform:translateZ(-500px)} 75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)} 100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)} } @-moz-keyframes backSlideOut{ 25%{opacity:.5;-moz-transform:translateZ(-500px)} 75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)} 100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)} } @keyframes backSlideOut{ 25%{opacity:.5;transform:translateZ(-500px)} 75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)} 100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)} } @-webkit-keyframes backSlideIn{ 0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)} 75%{opacity:.5;-webkit-transform:translateZ(-500px)} 100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)} } @-moz-keyframes backSlideIn{ 0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)} 75%{opacity:.5;-moz-transform:translateZ(-500px)} 100%{opacity:1;-moz-transform:translateZ(0) translateX(0)} } @keyframes backSlideIn{ 0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)} 75%{opacity:.5;transform:translateZ(-500px)} 100%{opacity:1;transform:translateZ(0) translateX(0)} } @-webkit-keyframes scaleToFade{ to{opacity:0;-webkit-transform:scale(.8)} } @-moz-keyframes scaleToFade{ to{opacity:0;-moz-transform:scale(.8)} } @keyframes scaleToFade{ to{opacity:0;transform:scale(.8)} } @-webkit-keyframes goDown{ from{-webkit-transform:translateY(-100%)} } @-moz-keyframes goDown{ from{-moz-transform:translateY(-100%)} } @keyframes goDown{ from{transform:translateY(-100%)} } @-webkit-keyframes scaleUpFrom{ from{opacity:0;-webkit-transform:scale(1.5)} } @-moz-keyframes scaleUpFrom{ from{opacity:0;-moz-transform:scale(1.5)} } @keyframes scaleUpFrom{ from{opacity:0;transform:scale(1.5)} } @-webkit-keyframes scaleUpTo{ to{opacity:0;-webkit-transform:scale(1.5)} } @-moz-keyframes scaleUpTo{ to{opacity:0;-moz-transform:scale(1.5)} } @keyframes scaleUpTo{ to{opacity:0;transform:scale(1.5)} } .owl-theme .owl-controls{text-align:center} .owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5} .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none} .owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline} .owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;} .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1} .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px} .owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center} @media only screen and (min-device-width : 768px) and (max-device-width : 1023px) and (orientation : landscape){ #laymod_603017 #owl-demo .owl-controls .owl-buttons { margin-left: 0; left: 12%; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1023px) and (orientation : portrait){ #laymod_603017 #owl-demo .owl-controls .owl-buttons { margin-left: 0; left: 12%; } #laymod_603017 .bodyCont_width .owl-carousel .title { font-size: 20px; margin-bottom: 15px; } #laymod_603017 .bodyCont_width .owl-carousel .content { text-align: center; line-height: 1.5; font-size: 12px; } } @media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) { #laymod_603017 #owl-demo .owl-controls .owl-buttons { margin-left: 0; left: 12%; } } @media(max-width: 1366px) { #laymod_603017 .ql-size-12, #laymod_603017 .ql-size-13, #laymod_603017 .ql-size-14, #laymod_603017 .ql-size-15, #laymod_603017 .ql-size-16 { font-size: 3vw; } #laymod_603017 .ql-size-17, #laymod_603017 .ql-size-18, #laymod_603017 .ql-size-19, #laymod_603017 .ql-size-20, #laymod_603017 .ql-size-21 { font-size: 3.2vw; } #laymod_603017 .ql-size-22, #laymod_603017 .ql-size-23, #laymod_603017 .ql-size-24, #laymod_603017 .ql-size-25, #laymod_603017 .ql-size-26 { font-size: 3.4vw; } #laymod_603017 .ql-size-27, #laymod_603017 .ql-size-28, #laymod_603017 .ql-size-29, #laymod_603017 .ql-size-30, #laymod_603017 .ql-size-31 { font-size: 3.6vw; } #laymod_603017 .ql-size-32, #laymod_603017 .ql-size-33, #laymod_603017 .ql-size-34, #laymod_603017 .ql-size-35, #laymod_603017 .ql-size-36 { font-size: 3.8vw; } #laymod_603017 .ql-size-37, #laymod_603017 .ql-size-38, #laymod_603017 .ql-size-39, #laymod_603017 .ql-size-40, #laymod_603017 .ql-size-41 { font-size: 4vw; } #laymod_603017 .ql-size-42, #laymod_603017 .ql-size-43, #laymod_603017 .ql-size-44, #laymod_603017 .ql-size-45, #laymod_603017 .ql-size-46 { font-size: 4.2vw; } #laymod_603017 .ql-size-47, #laymod_603017 .ql-size-48, #laymod_603017 .ql-size-49, #laymod_603017 .ql-size-50, #laymod_603017 .ql-size-51 { font-size: 4.4vw; } #laymod_603017 .ql-size-52, #laymod_603017 .ql-size-53, #laymod_603017 .ql-size-54, #laymod_603017 .ql-size-55, #laymod_603017 .ql-size-56 { font-size: 4.6vw; } #laymod_603017 .ql-size-57, #laymod_603017 .ql-size-58, #laymod_603017 .ql-size-59, #laymod_603017 .ql-size-60, #laymod_603017 .ql-size-61 { font-size: 4.8vw; } #laymod_603017 .ql-size-62, #laymod_603017 .ql-size-63, #laymod_603017 .ql-size-64, #laymod_603017 .ql-size-65, #laymod_603017 .ql-size-66 { font-size: 5vw; } #laymod_603017 .ql-size-67, #laymod_603017 .ql-size-68, #laymod_603017 .ql-size-69, #laymod_603017 .ql-size-70, #laymod_603017 .ql-size-71 { font-size: 5.2vw; } #laymod_603017 .ql-size-72, #laymod_603017 .ql-size-73, #laymod_603017 .ql-size-74, #laymod_603017 .ql-size-75, #laymod_603017 .ql-size-76 { font-size: 5.4vw; } } #laymod_603017 .active_true .owl-carousel { display: block; } 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_603026 #jh2_title_2 { position:relative; overflow:hidden; font-family:"Arial","Times New Roman","SimHei"; } #laymod_603026 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_603026 .bg_img { z-index:2; } #laymod_603026 .bodyCont_width { position:relative; opacity: 1; z-index:4; } /*标题控制*/ #laymod_603026 .bodyContTitle { position:relative; padding: 0; z-index: 3; } #laymod_603026 .bodyContTitle .left_title { float:left; } #laymod_603026 .bodyContTitle .left_title.left_none { float: none; } #laymod_603026 .bodyContTitle .fl { font-size: 24px; color: #333; margin:0 0 12px 0; } #laymod_603026 .bodyContTitle .fl2 { font-size:12px; margin:0; color:#999; } #laymod_603026 .bodyContTitle .right_more { float:right; display:block; } #laymod_603026 .right_more ul { /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap:nowrap; -webkit-box-lines:single; -moz-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-justify-content:center; justify-content:center;/*主轴上对齐*/ align-items:flex-end;/*交叉轴对齐*/ -webkit-align-items:flex-end; box-align:end; -moz-box-align:end; -webkit-box-align:end; } #laymod_603026 .right_more li { margin:0 0 0 5%; _margin:0 0 0 2.5%; white-space: nowrap; } #laymod_603026 .right_more a, #laymod_603026 .right_more a dd { color:#999; font-size:14px; font-weight:normal; line-height:2.3; position:relative; display: block; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_603026 .right_more a { padding:0 25px 0 0; } #laymod_603026 .right_more .title_more_icon { position:absolute; top:50%; margin:-10px 0 0 0; right:0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; display:block; } #laymod_603026 .active_false .right_more a:hover .title_more_icon { right:-5px; } #laymod_603026 .right_more a dd { text-overflow:ellipsis; overflow:hidden; max-width:150px; } #laymod_603026 .active_false .right_more a:hover, #laymod_603026 .active_false .right_more a:hover dd { color:rgba(216,12,24,1); } #laymod_603026 .right_more a .jh_line { background:rgba(216,12,24,1); display:block; width:0; height:1px; position:absolute; bottom:0; left:50%; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_603026 .active_false .right_more a:hover .jh_line { left:0; width:100%; } /*线条*/ #laymod_603026 .bodyCont_width>.jh_line { height:1px; background:#eee; margin:0 auto; clear:both; } /*直接控制小于992px屏幕时css*/ @media (max-width:992px) { #laymod_603026 .bodyContTitle { padding:0 15px; } #laymod_603026 .bodyContTitle .fl, #laymod_603026 .bodyContTitle .fl span, #laymod_603026 .bodyContTitle .fl p, #laymod_603026 .bodyContTitle .fl b { font-size:20px; } #laymod_603026 .bodyContTitle .fl2, #laymod_603026 .bodyContTitle .fl2 span, #laymod_603026 .bodyContTitle .fl2 p, #laymod_603026 .bodyContTitle .fl2 b { font-size:12px; } } img { border:0 none; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_603016 #jh2_rec_58 { position:relative; overflow:hidden; z-index: 500; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_603016 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_603016 .bg_img { z-index:2; } #laymod_603016 .bodyCont_width { position:relative; z-index:4; } #laymod_603016 .bodyContContent { position:relative; z-index: 4; } #laymod_603016 .bodyContContent .left_proimg img { max-width: 100%; } #laymod_603016 .bodyContContent .right_prolist .r_proli a { display: block; position: relative; } #laymod_603016 .bodyContContent .right_prolist .r_proli a .rec_img { overflow: hidden; } #laymod_603016 .bodyContContent .right_prolist .r_proli1 a .rec_img { border: 1px solid #e5e5e5; } #laymod_603016 .bodyContContent .right_prolist .r_proli2 a .rec_img { border: 1px solid #e5e5e5; } #laymod_603016 .bodyContContent .right_prolist .r_proli a .rec_img img { transition: all .35s; max-width: 100%; } #laymod_603016 .bodyContContent .right_prolist .r_proli a .rec_txt .rec_name { color: #000; font-size: 14px; margin-bottom: 5px; } #laymod_603016 .bodyContContent .right_prolist .r_proli a .rec_txt .rec_type { color: #999; font-size: 12px; margin-bottom: 30px; } #laymod_603016 .bodyContContent .right_prolist .r_proli a .rec_txt .rec_more { padding-bottom: 3px; color: #999; font-size: 13px; border-bottom: 1px solid #999; display: inline-block; } #laymod_603016 .active_false .bodyContContent .right_prolist .r_proli a:hover .rec_img img { transform: scale(1.06); } @media(min-width: 768px) { #laymod_603016 .bodyContContent { padding: 0; } #laymod_603016 .bodyContContent:after, #laymod_603016 .bodyContContent .right_prolist .r_proli a:after { content: ""; display: block; clear: both; } #laymod_603016 .bodyContContent .left_proimg { width: 63.28%; float: left; } #laymod_603016 .bodyContContent .right_prolist { width: 34.18%; float: right; } #laymod_603016 .bodyContContent .right_prolist .r_proli1 { margin-bottom: 20px; } #laymod_603016 .bodyContContent .right_prolist .r_proli a .rec_img { width: 48.75%; float: left; } #laymod_603016 .bodyContContent .right_prolist .r_proli a .rec_txt { width: 51.25%; padding: 0 15px; float: left; position: absolute; right: 0; bottom: 0; } #laymod_603016 .bodyContContent .right_prolist .r_proli1 { /*margin-top: 35%;*/ } #laymod_603016 .bodyContContent .right_prolist .r_proli a .rec_txt .rec_more.show { display: inline-block !important; } } @media(max-width: 767px) { #laymod_603016 .bodyContContent .left_proimg { margin-bottom: 3%; } #laymod_603016 .bodyContContent .right_prolist { display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; } #laymod_603016 .bodyContContent .right_prolist .r_proli { width: 48.5%; } #laymod_603016 .bodyContContent .right_prolist .r_proli a .rec_txt { margin-top: 1rem; text-align: center; } #laymod_603016 .bodyContContent .right_prolist .r_proli a .rec_txt .rec_type { margin-bottom: 0; } #laymod_603016 .bodyContContent .right_prolist .r_proli a .rec_txt .rec_more { display: none !important; } #laymod_603016 .bodyContContent .right_prolist .r_proli a .rec_img img { width: 100%; } } 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_603020 { position:relative; overflow: hidden; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_603020 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_603020 .bg_img { z-index:2; } #laymod_603020 .bodyCont_width { position:relative; z-index:4; } @media (min-width: 992px) { #laymod_603020 .company_img { max-height: 550px; display: block; overflow: hidden; } #laymod_603020 .company_txt { padding: 0; margin-top: -6%; position: relative; overflow: hidden; background-color: #fff; } #laymod_603020 .company_txt .company_box { margin: 20px; text-align: center; border: 1px solid rgba(216,12,24,1); } #laymod_603020 .company_txt .company_box .company_title { padding: 3% 0 2% 0; position: relative; } #laymod_603020 .company_txt .company_box .company_title:after { content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -25px; width: 50px; height: 1px; background-color: rgba(216,12,24,1); } #laymod_603020 .company_txt .company_box .company_con { line-height: 26px; width: 80%; margin: 0 auto; padding-top: 2%; margin-bottom: 5% !important; } } #laymod_603020 .company_img img { display: block; max-width: 100%; } #laymod_603020 .company_txt .company_box .company_link { display: block; width: 150px; height: 35px; line-height: 35px; margin: 0 auto; text-align: center; color: #fff; background-color: rgba(216,12,24,1); border: 1px solid rgba(216,12,24,1); font-size: 14px; transition:all .35s ease-out; margin-bottom: 5%; } #laymod_603020 .company_txt .company_box .company_title { font-size: 24px; line-height: 26px; color: #333; } #laymod_603020 .company_txt .company_box .company_con { color: #848484; font-size: 13px; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } @media (max-width: 992px) { #laymod_603020 .company_txt .company_box { text-align: center; } #laymod_603020 .company_txt .company_box .company_title { font-size: 18px; line-height: 40px; margin-top: 15px; margin-bottom: 5px; } #laymod_603020 .company_txt .company_box .company_con { font-size: 12px; line-height: 20px; margin-bottom: 20px; text-align: left; } } #laymod_603020 .company_txt .company_box .company_link:hover { background-color: #fff; border-color: #666; color: #666; } 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_603025 #jh2_title_2 { position:relative; overflow:hidden; font-family:"Arial","Times New Roman","SimHei"; } #laymod_603025 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_603025 .bg_img { z-index:2; } #laymod_603025 .bodyCont_width { position:relative; opacity: 1; z-index:4; } /*标题控制*/ #laymod_603025 .bodyContTitle { position:relative; padding: 0; z-index: 3; } #laymod_603025 .bodyContTitle .left_title { float:left; } #laymod_603025 .bodyContTitle .left_title.left_none { float: none; } #laymod_603025 .bodyContTitle .fl { font-size: 24px; color: #333; margin:0 0 12px 0; } #laymod_603025 .bodyContTitle .fl2 { font-size:12px; margin:0; color:#999; } #laymod_603025 .bodyContTitle .right_more { float:right; display:block; } #laymod_603025 .right_more ul { /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap:nowrap; -webkit-box-lines:single; -moz-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-justify-content:center; justify-content:center;/*主轴上对齐*/ align-items:flex-end;/*交叉轴对齐*/ -webkit-align-items:flex-end; box-align:end; -moz-box-align:end; -webkit-box-align:end; } #laymod_603025 .right_more li { margin:0 0 0 5%; _margin:0 0 0 2.5%; white-space: nowrap; } #laymod_603025 .right_more a, #laymod_603025 .right_more a dd { color:#999; font-size:14px; font-weight:normal; line-height:2.3; position:relative; display: block; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_603025 .right_more a { padding:0 25px 0 0; } #laymod_603025 .right_more .title_more_icon { position:absolute; top:50%; margin:-10px 0 0 0; right:0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; display:block; } #laymod_603025 .active_false .right_more a:hover .title_more_icon { right:-5px; } #laymod_603025 .right_more a dd { text-overflow:ellipsis; overflow:hidden; max-width:150px; } #laymod_603025 .active_false .right_more a:hover, #laymod_603025 .active_false .right_more a:hover dd { color:rgba(216,12,24,1); } #laymod_603025 .right_more a .jh_line { background:rgba(216,12,24,1); display:block; width:0; height:1px; position:absolute; bottom:0; left:50%; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_603025 .active_false .right_more a:hover .jh_line { left:0; width:100%; } /*线条*/ #laymod_603025 .bodyCont_width>.jh_line { height:1px; background:#eee; margin:0 auto; clear:both; } /*直接控制小于992px屏幕时css*/ @media (max-width:992px) { #laymod_603025 .bodyContTitle { padding:0 15px; } #laymod_603025 .bodyContTitle .fl, #laymod_603025 .bodyContTitle .fl span, #laymod_603025 .bodyContTitle .fl p, #laymod_603025 .bodyContTitle .fl b { font-size:20px; } #laymod_603025 .bodyContTitle .fl2, #laymod_603025 .bodyContTitle .fl2 span, #laymod_603025 .bodyContTitle .fl2 p, #laymod_603025 .bodyContTitle .fl2 b { font-size:12px; } } @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; } i,em { font-style:normal; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } .ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /*模版整体控制*/ #laymod_603022 { position:relative; overflow:hidden; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_603022 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_603022 .bg_img { z-index:2; } #laymod_603022 .bodyCont_width { position:relative; z-index:4; height: 100%; } #laymod_603022 .bodyCont_width .bodyContTitle .fl { color: #333; } #laymod_603022 .bodyCont_width .bodyContTitle .fl2 { color: #999; } #laymod_603022 .bodyCont_width .news-list .news_first a { display: block; } #laymod_603022 .bodyCont_width .news-list .news_all li a .news_info .news_time, #laymod_603022 .bodyCont_width .news-list .news_first .news_box .news_info .news_time { margin-bottom: 8px; display: inline-block; } #laymod_603022 .bodyCont_width .news-list .news_all li a .news_info .news_time .date, #laymod_603022 .bodyCont_width .news-list .news_all li a .news_info .news_time p, #laymod_603022 .bodyCont_width .news-list .news_first .news_box .news_info .news_time p { color: #868585; } #laymod_603022 .bodyCont_width .news-list .news_all li a .news_info .news_time .date, #laymod_603022 .bodyCont_width .news-list .news_first .news_box .news_info .news_time p { font-size: 24px; } #laymod_603022 .bodyCont_width .news-list .news_all li a .news_info .news_time .hidden-xs { font-size: 16px; line-height: 26px; position: absolute; } #laymod_603022 .bodyCont_width .news-list .news_all li a .news_info .title, #laymod_603022 .bodyCont_width .news-list .news_first .news_box .news_info .title { display: inline-block; margin-top: 0; line-height: inherit; margin-left: 40px; width: 54%; color: #333; font-size: 16px; } #laymod_603022 .bodyCont_width .news-list .news_all li a .news_box .news_desc, #laymod_603022 .bodyCont_width .news-list .news_first .news_box .news_desc { width: 64%; margin-left: 110px; margin-top: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #999; line-height: 26px; font-size: 13px; height: 52px; } #laymod_603022 .bodyCont_width .news-list .news_all li { border-bottom: 1px solid #f2f2f2; margin-bottom: 26px; } #laymod_603022 .bodyCont_width .news-list .news_all li a { display: block; overflow: hidden; position: relative; padding: 0px 20px 34px 0; } #laymod_603022 .bodyCont_width .news-list .news_all li:nth-child(1) { transition-delay: 0.1s; } #laymod_603022 .bodyCont_width .news-list .news_all li:nth-child(2) { transition-delay: 0.2s; } #laymod_603022 .bodyCont_width .news-list .news_all li:nth-child(3) { transition-delay: 0.3s; } @media(min-width: 993px) { #laymod_603022 .bodyCont_width .bodyContTitle { position: absolute; left: 2%; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl; writing-mode: tb-rl; } #laymod_603022 .bodyCont_width .bodyContTitle .fl { font-size: 24px; } #laymod_603022 .bodyCont_width .bodyContTitle .fl2 { font-size: 14px; } #laymod_603022 .bodyCont_width .news-list:after { content: ""; display: block; clear: both; } #laymod_603022 .bodyCont_width .news-list .news_first { float: left; width: calc(100% / 2 - 30px); margin-right: 30px; height: auto; margin-bottom: 26px; } #laymod_603022 .bodyCont_width .news-list .news_first a .news_img { overflow: hidden; height: 300px; } #laymod_603022 .bodyCont_width .news-list .news_first .news_box { padding: 0px 20px 34px 0; position: relative; overflow: hidden; } #laymod_603022 .bodyCont_width .news-list .news_all { width: calc(100% / 2 - 30px); float: right; } #laymod_603022 .bodyCont_width .news-list .news_first .details { display: inline-block; white-space: nowrap; line-height: 40px; bottom: 0px; opacity: 0; width: 114px; height: 40px; position: absolute; margin-top: 19px; font-size: 14px; transition: all 0.36s ease; text-align: center; } #laymod_603022 .bodyCont_width .news-list .news_first .details i, #laymod_603022 .bodyCont_width .news-list .news_all li a .details i { color: #888; } #laymod_603022 .bodyCont_width .news-list .news_first .details i:after, #laymod_603022 .bodyCont_width .news-list .news_all li a .details i:after { font-size: 22px; content: "\ec9e"; } #laymod_603022 .bodyCont_width .news-list .news_all li a .details { display: inline-block; position: absolute; right: 0; bottom: 0px; width: 40px; height: 40px; padding: 0 30px; transition: all 0.36s ease; font-size: 14px; line-height: 30px; } #laymod_603022 .bodyCont_width .news-list .news_all li a .details:before { content: ""; width: 1px; height: 0px; background: #f2f2f2; position: absolute; left: 0; transition: all 0.3s ease; transform: translateY(40px); } #laymod_603022 .bodyCont_width .news-list .news_all li a .details i { width: 100%; height: 100%; position: absolute; bottom: -37px; opacity: 0; transition: all 0.3s ease; left: 28px; } } #laymod_603022 .bodyCont_width .news-list .news_first:hover .details { opacity: 1; bottom: 44px; } #laymod_603022 .bodyCont_width .news-list .news_all li a:hover .details:before { height: 40px; transform: translateY(0px); } #laymod_603022 .bodyCont_width .news-list .news_all li a:hover .details i { bottom: -3px; opacity: 1; } #laymod_603022 .bodyCont_width .news-list .news_all li a:hover .news_box .news_desc, #laymod_603022 .bodyCont_width .news-list .news_first:hover .news_box .news_desc { color: #888; } @media(max-width: 992px) { #laymod_603022 .bodyCont_width { padding: 0 15px; } #laymod_603022 .container { width: 100%; } #laymod_603022 .bodyCont_width .bodyContTitle .fl { font-size: 20px; text-align: center; } #laymod_603022 .bodyCont_width .bodyContTitle .fl2 { font-size: 12px; text-align: center; } #laymod_603022 .bodyCont_width .news_list { padding: 0; } #laymod_603022 .bodyCont_width .news-list .news_first li { border-bottom: 1px solid #f2f2f2; margin-bottom: 16px; } #laymod_603022 .bodyCont_width .news-list .news_all li { margin-bottom: 16px; } #laymod_603022 .bodyCont_width .news-list .news_first a, #laymod_603022 .bodyCont_width .news-list .news_all li a { padding: 0px 0px 16px 0; position: relative; } #laymod_603022 .bodyCont_width .news-list .news_all li a .news_info .news_time .date, #laymod_603022 .bodyCont_width .news-list .news_first .news_box .news_info .news_time p, #laymod_603022 .bodyCont_width .news-list .news_all li a .news_info .news_time p { display: inline-block; vertical-align: middle; font-size: 12px; } #laymod_603022 .bodyCont_width .news-list .news_all li a .news_info, #laymod_603022 .bodyCont_width .news-list .news_first .news_box .news_info { margin-bottom: 28px; } #laymod_603022 .bodyCont_width .news-list .news_all li a .news_info .news_time, #laymod_603022 .bodyCont_width .news-list .news_first .news_box .news_info .news_time { position: absolute; margin-bottom: 0; top: 20px; } #laymod_603022 .bodyCont_width .news-list .news_all li a .news_info .title, #laymod_603022 .bodyCont_width .news-list .news_first .news_box .news_info .title { width: 100%; margin-left: 0; font-size: 14px; } #laymod_603022 .bodyCont_width .news-list .news_all li a .news_box .news_desc, #laymod_603022 .bodyCont_width .news-list .news_first .news_box .news_desc { width: 100%; margin-left: 0; height: auto; } } @media(min-width: 1200px) and (max-width: 1366px) { #laymod_603022 .container { width: 1000px; } } @media(min-width: 993px) and (max-width: 1150px) { #laymod_603022 .container { width: 85%; } } @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; } i,em { font-style:normal; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } .ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /*模版整体控制*/ #laymod_603019 #jh2_service_10 { position:relative; overflow:hidden; z-index: 500; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_603019 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_603019 .bg_img { z-index:2; } #laymod_603019 .bodyCont_width { position:relative; opacity: 1; z-index:4; } /*标题控制*/ #laymod_603019 .bodyContTitle { margin:0 auto; position:relative; z-index: 3; } #laymod_603019 .bodyContTitle .fl { font-size:24px; text-align: center; color:#333; } #laymod_603019 .bodyContTitle .fl2 { font-size:12px; text-align: center; color:#999; } #laymod_603019 .bodyContContent { position:relative; z-index: 4; } #laymod_603019 .bodyContContent .join_list .join_li2 { transition-delay: 0.1s; } #laymod_603019 .bodyContContent .join_list .join_li3 { transition-delay: 0.15s; } #laymod_603019 .bodyContContent .join_list .join_li4 { transition-delay: 0.2s; } #laymod_603019 .bodyContContent .join_list li a { display: block; position: relative; overflow: hidden; } #laymod_603019 .bodyContContent .join_list li a .join_img img { display: block; width: 100%; transition: all .35s ease-out; } #laymod_603019 .bodyContContent .join_list li a .join_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; transition: all .3s; opacity: 0.2; background: #000; } #laymod_603019 .bodyContContent .join_list li a .join_position { position: absolute; top: 0; left: 10px; right: 10px; width: calc(100% - 30px); height: 100%; color: #fff; display: -webkit-flex; display: flex; -moz-box-direction: normal; flex-direction: column; -webkit-flex-direction: column; -webkit-flex-wrap: wrap; -webkit-box-lines: multiple; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; text-align: center; } #laymod_603019 .bodyContContent .join_list li a .join_position h3 { margin-bottom: 6px; transition: all .4s; } #laymod_603019 .bodyContContent .join_list li a .join_position p { margin-bottom: 14px; transition: all .4s; line-height: 1.4; } #laymod_603019 .bodyContContent .join_list li a .join_position .iconfont { font-size: 22px; transition: all .4s; } #laymod_603019 .bodyContContent .join_list li a .join_position .iconfont:after { content: "\e944"; } @media(min-width: 768px) { #laymod_603019 .bodyContContent .join_list li a .join_cover { position: absolute; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all .4s; transform: scale(0); display: -webkit-flex; display: flex; -moz-box-direction: normal; flex-direction: column; -webkit-flex-direction: column; -webkit-flex-wrap: wrap; -webkit-box-lines: multiple; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; background: rgba(216,12,24,1); text-align: center; color:#fff; } #laymod_603019 .bodyContContent .join_list li a .join_cover .join_sbimg img { border-radius: 200px; } #laymod_603019 .bodyContContent .join_list li a .join_cover .join_sbtitle { margin:0 15px; } #laymod_603019 .bodyContContent .join_list li a .join_cover .join_sbtitle h3 { font-size: 17px; margin-top: 16px; margin-bottom: 10px; } #laymod_603019 .bodyContContent .join_list li a .join_cover .join_sbtitle p { line-height:1.6; } #laymod_603019 .bodyContContent .join_list li a .join_cover .join_sbtitle .iconfont { font-size: 20px; } #laymod_603019 .bodyContContent .join_list li a .join_cover .join_sbtitle .iconfont:after { content: "\e958"; } } #laymod_603019 .active_false .bodyContContent .join_list li:hover a .join_position h3, #laymod_603019 .active_false .bodyContContent .join_list li:hover a .join_position p, #laymod_603019 .active_false .bodyContContent .join_list li:hover a .join_position .iconfont { opacity: 0; filter: blur(12px); } #laymod_603019 .active_false .bodyContContent .join_list li:hover a .join_cover { opacity: 1; visibility: visible; transition-delay: 0.2s; transform: scale(1); border-radius: 0; } @media(max-width: 767px) { #laymod_603019 .bodyContTitle .fl, #laymod_603019 .bodyContTitle .fl p, #laymod_603019 .bodyContTitle .fl span， #laymod_603019 .bodyContTitle .fl strong { font-size:20px; } #laymod_603019 .bodyContTitle .fl2, #laymod_603019 .bodyContTitle .fl2 p, #laymod_603019 .bodyContTitle .fl2 span， #laymod_603019 .bodyContTitle .fl strong { font-size:12px; } #laymod_603019 .bodyContContent .join_list .join_li1, #laymod_603019 .bodyContContent .join_list .join_li3 { padding-right: 7.5px; } #laymod_603019 .bodyContContent .join_list .join_li2, #laymod_603019 .bodyContContent .join_list .join_li4 { padding-left: 7.5px; } #laymod_603019 .bodyContContent .join_list .join_li1, #laymod_603019 .bodyContContent .join_list .join_li2 { margin-bottom: 15px; } #laymod_603019 .bodyContContent .join_list li a .join_cover { display: none; } #laymod_603019 .bodyContContent .join_list li a .join_position h3 { font-size: 1.6rem; } } @media(min-width: 768px) and (max-width: 992px) { #laymod_603019 .bodyContContent .join_list .join_li1, #laymod_603019 .bodyContContent .join_list .join_li2 { margin-bottom: 30px; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_nfjb564vfrc.eot'); src: url('//at.alicdn.com/t/font_249974_nfjb564vfrc.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.woff') format('woff'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_603021 { position:relative; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_603021 #jh_foot_4 { overflow:hidden; } #laymod_603021 .bodyCont_width>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_603021 .bodyCont_width>.bg_img { z-index:2; } #laymod_603021 .bodyCont_width { position:relative; z-index:4; } /*标题控制*/ #laymod_603021 .bodyContContent { position:relative; z-index: 4; padding:76px 0 0 0; overflow:hidden; } /*模版主体部分*/ /*页脚1*/ #laymod_603021 .foot1 { /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:space-between; justify-content:space-between;/*主轴上对齐（横轴）*/ -moz-box-pack:justify; -webkit--moz-box-pack:justify; box-pack:justify; /*align-items*/ align-items:flex-start;/*交叉轴对齐（垂直）*/ -webkit-align-items:flex-start; box-align:start; -moz-box-align:start; -webkit-box-align:start; padding:0 0 50px 0; } #laymod_603021 .foot1 ul { padding:0 15px; text-align:left; } #laymod_603021 .foot1 ul.ul_5 { min-width:250px; } #laymod_603021 .foot1 .ul_title { font-size:16px; line-height:2.25; color:#fff; } #laymod_603021 .foot1 li a { font-size:12px; line-height:2.5; color:#ccc; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); } #laymod_603021 .foot1 li a:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_603021 .foot1 .ul_4 { text-align:center; } #laymod_603021 .foot1 .ul_4 li>div { font-size:12px; line-height:2.5; color: #ccc; } #laymod_603021 .f_search { position:relative; margin:0 0 20px 0; } #laymod_603021 .f_search input { display:block; position:relative; z-index: 1; padding:0; border-radius: 0; color:#767676; background:#464646; border:0 none; font-size:12px; line-height:normal; height:40px; text-indent:5px; width:calc(100% - 65px); } #laymod_603021 .f_search input::-webkit-input-placeholder { color:currentColor; } #laymod_603021 .f_search a { padding:0; text-align:center; background:#333; color:#fff; font-size:14px; line-height:40px; position:absolute; top:0; right:0; z-index: 2; display:block; width:100%; max-width:65px; } #laymod_603021 .f_hotline { font-size:14px; color:#999; line-height:25px; margin:0 0 20px 0; } #laymod_603021 .f_hotline span { display:inline-block; width:25px; height:25px; text-align:center; color:#767676; background:#464646; margin:0 20px 0 0; _margin:0 10px 0 0; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -khtml-border-radius: 3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } #laymod_603021 .f_hotline span:before { content:'\e6ee'; } #laymod_603021 .f_hotline .hot { display: inline-block; font-style:normal; } #laymod_603021 .f_hot_num, #laymod_603021 .f_hot_num a { font-size:18px; color:#bfbfbf; line-height:1; } #laymod_603021 .foot1 .ul_6 { max-width:300px; } #laymod_603021 .foot1 .ul_6 li { margin-bottom: 1rem; } #laymod_603021 .foot1 .ul_6 li .pxyz, #laymod_603021 .foot1 .ul_6 li .pjz { display: inline-block; font-style:normal; font-size:12px; line-height: 1; color:#ccc; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); } /*页脚2*/ #laymod_603021 .foot2 { border-top:1px solid rgba(255,255,255,0.2); /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:space-between; justify-content:space-between;/*主轴上对齐（横轴）*/ -moz-box-pack:justify; -webkit--moz-box-pack:justify; box-pack:justify; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_603021 .left_copy { /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:flex-start; justify-content:flex-start;/*主轴上对齐（横轴）*/ -moz-box-pack:start; -webkit--moz-box-pack:start; box-pack:start; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; padding:19px 0; } #laymod_603021 .left_copy a, #laymod_603021 .left_copy .foot_cmpp { color:#ccc; font-size:12px; line-height:1.4; border-right:1px solid #ccc; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; padding:0 10px; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); } #laymod_603021 .left_copy a.last-a { border-right:0 none; } #laymod_603021 .left_copy a:hover { color:#fff; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_603021 .right_share { transform: scale(0.7, 0.7); webkit-transform: scale(0.7, 0.7); -moz-transform: scale(0.7, 0.7); -webkit-transform: scale(0.7, 0.7); -o-transform: scale(0.7, 0.7); margin:0 -24px 0 0; _margin:0 -12px 0 0; } #laymod_603021 .at-share-btn-elements { /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:flex-end; justify-content:flex-end;/*主轴上对齐（横轴）*/ -moz-box-pack:end; -webkit--moz-box-pack:end; box-pack:end; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_603021 .at-share-btn-elements a { background:#666 !important; 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; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); margin:0 6px; _margin:0 3px; } #laymod_603021 .at-share-btn-elements a:hover { background:rgba(255,255,255,0.8); opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_603021 .at-share-btn-elements a .at-icon { fill:#fff !important; } #laymod_603021 .at-share-btn-elements a:hover .at-icon { fill:#fff !important; } /*直接控制小于992px屏幕时css*/ @media (max-width:992px) { #laymod_603021 .bodyContContent { padding:25px 0 0 0; } /*页脚1*/ #laymod_603021 .foot1 { /*justify-content*/ -webkit-justify-content:space-around; justify-content:space-around;/*主轴上对齐（横轴）*/ -moz-box-pack:justify; -webkit--moz-box-pack:justify; box-pack:justify; padding-bottom: 30px; } #laymod_603021 .foot1 ul.ul_5 { width:100%; margin:3% 15px 0 15px; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐（横轴）*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_603021 .f_search { width:100%; } #laymod_603021 .f_search input { width:calc(100% - 65px); } #laymod_603021 .f_hotline { margin:0; } /*页脚2*/ #laymod_603021 .left_copy { display:block; text-align:center; padding: 15px 10px; } #laymod_603021 .left_copy a { line-height:1.5; } #laymod_603021 .left_copy a:nth-child(1) { border:0 none; } #laymod_603021 .at-share-btn-elements { -webkit-justify-content:center; justify-content:center;/*主轴上对齐（横轴）*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; } #laymod_603021 .left_copy a, #laymod_603021 .left_copy .foot_cmpp { display: inline-block; } } @media (max-width:414px) { #laymod_603021 .left_copy a, #laymod_603021 .left_copy .foot_cmpp { border: none; padding: 0 4px 0 0; } }