/**/ .Foot158 #xyb_foot_15 .foot1_2 .cont a:nth-child(3) { display: none; } /* 默认引入阿里云图标 */ @font-face { font-family: 'xybicon'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_x3897djuv44y4x6r.eot'); src: url('//at.alicdn.com/t/font_249974_x3897djuv44y4x6r.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_x3897djuv44y4x6r.woff') format('woff'), url('//at.alicdn.com/t/font_249974_x3897djuv44y4x6r.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_x3897djuv44y4x6r.svg#xybicon') format('svg'); } .xybicon { font-family:"xybicon" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_70032 #xyb_fullcontrol_2 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_70032 .bodyCont_width { position:relative; z-index:4; } #laymod_70032 .bodyContContent { position:relative; z-index: 4; } /*设计页提示语*/ #laymod_70032 .mk_hide { display:none; position:relative; z-index: 10; text-align:center; min-height:20px; } .design-html #laymod_70032 .mk_hide { display:block; } @media (min-width:1200px) { .container { /*未开启独立主体宽度控制,则开启统一主体宽度控制*/ width:1170px; } .page-policy .container { } .page-policy .container_pc { } } #g_body { } .module-section { background:none; } .row { margin-right:-15px; margin-left:-15px; } .container { padding-left:15px !important; padding-right:15px !important; } @media (min-width:768px) and (max-width:1366px) { .row { } .container { } } .design-html #laymod_70032 .alert { padding:0 !important; } .bodyContTitle .fl { } #g_body .ql-toolbar { z-index: 2000; } /* 默认引入阿里云图标 */ @font-face { font-family: 'xybicon'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_x107qcjvbpm0a4i.eot'); src: url('//at.alicdn.com/t/font_249974_x107qcjvbpm0a4i.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_x107qcjvbpm0a4i.woff') format('woff'), url('//at.alicdn.com/t/font_249974_x107qcjvbpm0a4i.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_x107qcjvbpm0a4i.svg#xybicon') format('svg'); } .xybicon { font-family:"xybicon" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_70033 #xyb_nav_20 { position:relative; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; z-index: 1700; } #laymod_70033 .bodyCont_width { position:relative; z-index:4; } #laymod_70033 .bodyContContent { position:relative; z-index: 4; } #laymod_70033 #xyb_nav_20.fix_nav .bodyContContent { padding-bottom:68px; } /*导航栏4-logo*/ #laymod_70033 .nav_4 { position:relative; width:100%; z-index: 2; } #laymod_70033 #xyb_nav_20.fix_nav .nav_4 { position:fixed; top:0; bottom:auto; left:0; width:100%; /*box-shadow:0 2px 3px rgba(0,0,0,0.3);*/ } #laymod_70033 #xyb_nav_20 .nav_menu { height:68px; overflow:visible; position:relative; z-index: 1; } #laymod_70033 #xyb_nav_20 .nav_menu>.row_ul { position:static; /*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:nowrap;/*nowrap*/ -webkit-box-lines:single;/*single*/ -moz-flex-wrap:nowrap; flex-wrap:nowrap; /*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_70033 #xyb_nav_20 .nav_menu .nav_logo { height:68px; width:34%; max-width:400px; overflow:hidden; } #laymod_70033 #xyb_nav_20 .nav_menu .nav_logo a { width:100%; height:100%; color:rgba(0,153,255,1); /*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:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column;/*row*/ -webkit-flex-direction:column; -webkit-box-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-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:flex-start;/*交叉轴对齐(垂直)*/ -webkit-align-items:flex-start; -webkit-box-align-items:flex-start; box-align:start; -moz-box-align:start; -webkit-box-align:start; } #laymod_70033 #xyb_nav_20 .nav_menu .nav_logo a img { max-width:100%; max-height:90%; } /*导航栏4-栏目*/ #laymod_70033 #xyb_nav_20 .nav_menu .nav_list { position:relative; z-index: 1; width:100%; } #laymod_70033 #xyb_nav_20 .nav_menu .nav_list ul { padding: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:flex-end; -webkit-justify-content:flex-end; justify-content:flex-end;/*主轴上对齐(横轴)*/ -webkit-box-pack:end; -moz-box-pack:end; box-pack:end; /*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_70033 #xyb_nav_20 .nav_menu .nav_list>ul { } #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li { margin:0; width:auto; position:relative; overflow:hidden; } #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li.move_bg { overflow:visible; } #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li a { margin:0; padding:0 30px; display:block; font-size:14px; color:#a4a4a4; 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:39px; text-align:center; position:relative; } #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li.active_bg>a, #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li.move_bg>a, #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li a:hover { color:#fff; } #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li a>span.nav_line { display:block; width:100%; height:0; background:rgba(0,153,255,1); position:absolute; left:0; top:0; z-index:-1; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li.active_bg>a>span.nav_line, #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li.move_bg>a>span.nav_line, #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li a:hover>span.nav_line { height:100%; } #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li>ul { background:#000000; display:none; position:absolute; top:100%; left:0; box-shadow:0 2px 2px rgba(0,0,0,0.3); overflow:visible; width:100%; } #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li i.mob_arrow { position:absolute; right:15px; top:0; margin:0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; line-height:39px; text-align:center; z-index: 10; color:#fff; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); } #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li i.mob_arrow:before { content:"\e627"; } #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li>ul li { width:100%; margin:0; border-bottom:0 none; position:relative; overflow:visible; } #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li>ul li a { padding:0; line-height:39px; margin:0; overflow:hidden; text-overflow:ellipsis; position:relative; text-align:center; max-height:39px; } #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li>ul li a dd { line-height:39px; width:90%; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; } #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li>ul li.last_li a { } #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li>ul li a:hover { background:rgba(0,153,255,1); color:#fff; } /*三级*/ #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li>ul ul { top:0; left:100%; width:120%; } #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li>ul ul a dd { margin:0 auto; display:inline-block; } /*表单错误提示语*/ #laymod_70033 #err_tip { display: none; position: fixed; top: 35%; left: 50%; width: 220px; padding: 0; margin: 0 0 0 -110px; z-index: 9999; background: rgba(0,0,0,0.8); color: #fff; font-size: 14px; line-height: 1.5em; border-radius: 6px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 2px rgba(0,0,0,0.2); } #laymod_70033 #err_tip .err_text { padding: 10px; text-align: center; word-wrap: break-word; } /*直接控制小于1363px屏幕时css*/ @media (max-width:1363px) { #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li a { padding:0 15.0px; font-size:12px; } } /*直接控制小于992px屏幕时css*/ @media (max-width:992px) { #laymod_70033 #xyb_nav_20.active_bg { z-index: 1901; } #laymod_70033 #xyb_nav_20 .nav_menu .nav_logo { width:60%; margin:0; height:50px; } /*导航-按钮*/ #laymod_70033 #xyb_nav_20 .nav_botton { position:absolute; right:5px; top:50%; margin:-17px 0 0 0; width:44px; height:34px; } #laymod_70033 #xyb_nav_20 .nav_botton a { display:block; padding:0; border-radius:4px; display:block; width:44px; height:34px; } #laymod_70033 #xyb_nav_20 .nav_botton span { display:block; width:26px; height:2px; background:rgba(0,153,255,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_70033 #xyb_nav_20 .nav_botton span:before { content:""; display:block; width:4px; height:4px; background:rgba(0,153,255,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_70033 #xyb_nav_20 .nav_botton a.active_bg span:before { left:-15px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_70033 #xyb_nav_20 .nav_botton span.botton-line_1 { top:8px; } #laymod_70033 #xyb_nav_20 .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_70033 #xyb_nav_20 .nav_botton span.botton-line_2 { top:50%; margin:-1px 0 0 0; width:19px; } #laymod_70033 #xyb_nav_20 .nav_botton a.active_bg>span.botton-line_2 { width:0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_70033 #xyb_nav_20 .nav_botton span.botton-line_3 { bottom:8px; } #laymod_70033 #xyb_nav_20 .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_70033 .nav_4 { position:relative; bottom:auto; left:auto; } #laymod_70033 #xyb_nav_20.fix_nav .bodyContContent { padding-bottom:50px; } #laymod_70033 #xyb_nav_20.fix_nav .nav_4 { position:fixed; top:0; left:0; width:100%; box-shadow:0 2px 3px rgba(0,0,0,0.3); } #laymod_70033 #xyb_nav_20 .nav_menu { height:50px; } #laymod_70033 #xyb_nav_20 .nav_menu .nav_list { background:#000000; position:absolute; width:100%; top:100%; left:0; padding:0; box-shadow:0 2px 2px rgba(0,0,0,0.3); display:none; overflow-y:auto; overflow-x:hidden; height:100%; } #laymod_70033 #xyb_nav_20 .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; margin:0; } #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li { width:100%; margin:0; _margin:0; border-bottom:1px solid rgba(26,26,26,1); } #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li a { padding:0; margin:0; text-align:left; text-indent:15px; line-height:45px; } #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li i.mob_arrow { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } #laymod_70033 #xyb_nav_20 .nav_menu .nav_list li i.active_bg.mob_arrow { transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); color:#fff; } #laymod_70033 #xyb_nav_20 .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_70033 #xyb_nav_20 .nav_menu .nav_list li>ul { background:#fff; 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_70033 #xyb_nav_20 .nav_menu .nav_list li>ul li a { line-height:45px; padding:0; max-height:45px; border-radius:0; text-align:left; text-indent:10%; } #laymod_70033 #xyb_nav_20 .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_70033 #xyb_nav_20 .nav_m_search { border:1px solid #eee; background:#fff; margin:10px 15px; padding:0; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐(横轴)*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐(垂直)*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_70033 #xyb_nav_20 .nav_m_search form { display:block; width:80%; } #laymod_70033 #xyb_nav_20 .nav_m_search input { width:100%; background:none; border:0 none; 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; } #laymod_70033 #xyb_nav_20 .nav_m_search a { display:block; border-left:1px solid #eee; width:19%; background:none; font-size:14px; line-height:3rem; height:3rem; text-align:center; color:#000; } #laymod_70033 ::-webkit-input-placeholder { color:#666; } #laymod_70033 :-moz-placeholder {/* Firefox 18- */ color:rgba(0,0,0,0.6); } #laymod_70033 ::-moz-placeholder{/* Firefox 19+ */ color:rgba(0,0,0,0.6); } #laymod_70033 :-ms-input-placeholder { color:rgba(0,0,0,0.6); } } /* 默认引入阿里云图标 */ @font-face { font-family: 'xybicon'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_fv61qye0ugcik9.eot'); src: url('//at.alicdn.com/t/font_249974_fv61qye0ugcik9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_fv61qye0ugcik9.woff') format('woff'), url('//at.alicdn.com/t/font_249974_fv61qye0ugcik9.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_fv61qye0ugcik9.svg#xybicon') format('svg'); } .xybicon { font-family:"xybicon" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_70034 #jh_nybanner_2 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_70034 #jh_nybanner_2 .bodyCont_width>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_70034 #jh_nybanner_2 .bodyCont_width { position:relative; } /*标题控制*/ #laymod_70034 #jh_nybanner_2 .bodyContContent { position:relative; z-index: 4; } /*模版主体部分*/ #laymod_70034 #jh_nybanner_2 .nybanner_2 { } #laymod_70034 #jh_nybanner_2 .nybanner_2 a { width:100%; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:vertical; -webkit-box-direction:normal; -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column; -webkit-flex-direction:column; /*flex-wrap*/ -webkit-flex-wrap:wrap; -webkit-box-lines:multiple; -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_70034 #jh_nybanner_2 .nybanner_2 a img { max-width:100%; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } /*直接控制小于992px屏幕时css*/ @media (max-width:1500px) { #laymod_70034 #jh_nybanner_2 .nybanner_2 a { background-size:100% auto; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.eot'); src: url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.woff') format('woff'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; } /*模版整体控制*/ #laymod_70035 #jh_bread_1 { position:relative; overflow:hidden; font-family:"PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_70035 #jh_bread_1>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_70035 #jh_bread_1>.bg_img { z-index:2; } /*顶部线条控制*/ #laymod_70035 .border_top { background:rgba(0,153,255,1); height:0px; position:relative; z-index: 4; } #laymod_70035 .bodyCont_width { position:relative; } /*标题控制*/ #laymod_70035 .bodyContContent { position:relative; z-index: 4; } #laymod_70035 .bodyContContent.container-100 { width:100%; } /*模版主体部分*/ #laymod_70035 .bread_cont { overflow:hidden; position:relative; } #laymod_70035 .bread_cont>ul { margin-bottom:0; float:left; } #laymod_70035 .bodyContContent li { color:#ccc; font-size:14px; line-height:45px; float:left; } #laymod_70035 .bodyContContent li a { color:#ccc; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_70035 .bodyContContent li.bread_last a, #laymod_70035 .bodyContContent li a:hover { color:rgba(0,153,255,1); text-decoration:none; } #laymod_70035 .bodyContContent li em, #laymod_70035 .bodyContContent li .xyb_line { padding:0 0.5rem; font-style:normal; font-size:12px; } #laymod_70035 .bodyContContent li .xyb_line:before { content:"\e627"; } #laymod_70035 .bodyContContent li.bread_last .xyb_line { display:none; } #laymod_70035 .bread_line { height:1px; background:#ededed; } /*搜索*/ #laymod_70035 .nav_m_search { border:1px solid #eee; background:#fff; padding:0; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:horizontal;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:horizontal; -moz-box-direction:normal; flex-direction:row;/*row*/ -webkit-flex-direction:row; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐(横轴)*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐(垂直)*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; position:absolute; width:220px; height:32px; top:50%; right:0; margin:-16px 0 0 0; -moz-border-radius: 16px; -khtml-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; -moz-border-radius-bottomleft:16px; -moz-border-radius-bottomright:16px; -khtml-border-radius: 16px; -webkit-border-bottom-left-radius:16px; -webkit-border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; } #laymod_70035 .nav_m_search form { display:block; width:80%; } #laymod_70035 .nav_m_search input { width:100%; background:none; border:0 none; height:100%; line-height:30px; color:#000; text-indent:10%; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #laymod_70035 .nav_m_search a { display:block; width:19%; background:none; font-size:14px; line-height:30px; height:100%; text-align:center; color:#000; transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; } #laymod_70035 .nav_m_search a:before { content:"\e7bb"; } #laymod_70035 .nav_m_search a:hover { color:rgba(0,153,255,1); } #laymod_70035 ::-webkit-input-placeholder { color:#666; } #laymod_70035 :-moz-placeholder {/* Firefox 18- */ color:rgba(0,0,0,0.6); } #laymod_70035 ::-moz-placeholder{/* Firefox 19+ */ color:rgba(0,0,0,0.6); } #laymod_70035 :-ms-input-placeholder { color:rgba(0,0,0,0.6); } /*表单错误提示语*/ #laymod_70035 #err_tip { display: none; position: fixed; top: 35%; left: 50%; width: 220px; padding: 0; margin: 0 0 0 -110px; z-index: 9999; background: rgba(0,0,0,0.8); color: #fff; font-size: 14px; line-height: 1.5em; border-radius: 6px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 2px rgba(0,0,0,0.2); } #laymod_70035 #err_tip .err_text { padding: 10px; text-align: center; word-wrap: break-word; } @media(min-width:992px){ #laymod_70035 .bread_cont { padding:0; } } @media (max-width:991px) { /*顶部线条控制*/ #laymod_70035 .border_top { height:0; } #laymod_70035 .bodyContContent ul { padding:10px 0; } #laymod_70035 .bodyContContent li { font-size:1.2rem; line-height:1.6; } #laymod_70035 .bodyContContent li.bread_last { max-width:33%; } #laymod_70035 .bodyContContent li.bread_last a { display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; max-width:100%; } .page-pd #laymod_70035 .bodyContContent li.bread_last a { max-width:190px; } } @media (max-width:375px) { .page-pd #laymod_70035 .bodyContContent li.bread_last a { max-width:150px; } } @media (max-width:320px) { .page-pd #laymod_70035 .bodyContContent li.bread_last a { max-width:100px; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'xybicon'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_iywpdsbb2r19k9.eot'); src: url('//at.alicdn.com/t/font_249974_iywpdsbb2r19k9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_iywpdsbb2r19k9.woff') format('woff'), url('//at.alicdn.com/t/font_249974_iywpdsbb2r19k9.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_iywpdsbb2r19k9.svg#xybicon') format('svg'); } .xybicon { font-family:"xybicon" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_74861 #xyb_procate_5 { position:relative; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; z-index: 1000; } #laymod_74861 #xyb_procate_5>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_74861 #xyb_procate_5>.bg_img { z-index:2; } #laymod_74861 .bodyCont_width { position:relative; z-index:4; } #laymod_74861 #xyb_procate_5.pc_remove .bodyCont_width { display:none; } /*标题控制*/ #laymod_74861 .bodyContTitle { margin:0; position:relative; z-index: 3; } #laymod_74861 .bodyContTitle div { text-align:center; } #laymod_74861 .bodyContTitle .fl { font-size:24px; line-height:1; margin:0 0 12px 0; font-weight:bold; color:#333; } #laymod_74861 .bodyContTitle .fl2 { font-size:12px; line-height:1; margin:0; font-weight:normal; color:#999; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_74861 .bodyContContent { position:relative; z-index: 4; } /*模版主体部分*/ #laymod_74861 .newscate_list>ul { /*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:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*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_74861 .newscate_list>ul>li { margin:0 20px; _margin:0 10px; position:relative; } #laymod_74861 .newscate_list>ul>li>a { font-size:16px; line-height:1; color:#999; padding:0 0 14px 0; position:relative; transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; display:inline-block; } #laymod_74861 .newscate_list>ul>li.active_bg>a, #laymod_74861 .newscate_list>ul>li>a:hover { color:rgba(0,153,255,1); } #laymod_74861 .newscate_list>ul>li>a:after { content:""; display:block; width:0; height:1px; background:rgba(0,153,255,1); position:absolute; bottom:0; left:50%; transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; } #laymod_74861 .newscate_list>ul>li.active_bg>a:after, #laymod_74861 .newscate_list>ul>li>a:hover:after { left:0; width:100%; } #laymod_74861 .newscate_list ul ul { display:none; } #laymod_74861 .newscate_list ul.sonCate1 { position:absolute; top:100%; left:-15px; background:#fff; padding:15px; width:150%; } #laymod_74861 .newscate_list ul.sonCate1>li { border-bottom:1px solid #eee; } #laymod_74861 .newscate_list ul.sonCate1>li>a { font-size:14px; line-height:2; color:#666; transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; } #laymod_74861 .newscate_list ul.sonCate1>li>a:hover { color:rgba(0,153,255,1); } #laymod_74861 .newscate_list ul.sonCate2 { position:absolute; top:0; left:100%; background:#fff; padding:15px; width:150%; } #laymod_74861 .newscate_list ul.sonCate2>li { border-bottom:1px solid #eee; } #laymod_74861 .newscate_list ul.sonCate2>li>a { font-size:14px; line-height:2; color:#666; transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; } #laymod_74861 .newscate_list ul.sonCate2>li>a:hover { color:rgba(0,153,255,1); } /*分类描述*/ .design-html #laymod_74861 .cate_text .cate_text_title { font-size:16px; line-height:2; display:block !important; } .design-html #laymod_74861 .cate_text .cate_text_li { display:block !important; margin:15px 0 0 0; } #laymod_74861 .cate_text .cate_text_li { display:none; font-size:13px; line-height:1.5; color:#aaa; margin:15px 0 0 0; } /*直接控制小于992px屏幕时css*/ @media (max-width:1366px) { /*手机端产品分类*/ #laymod_74861 .pro_cate_list { margin:0 auto; overflow:visible; clear:both; } #laymod_74861 .pro_cate_list>.all_cate { margin: 0 0 1px 0; } #laymod_74861 .pro_cate_list>.all_cate a { height: 40px; line-height: 40px; font-size:13px; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; display:block; position:relative; color: #000; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); padding:0 15px; background:#eee; text-align:left; } #laymod_74861 .pro_cate_list>.all_cate a:before { content: ""; display: none; width: 0; height: 40px; position: absolute; top: 0; left: 50%; transform: skew(-30deg); background: rgba(0,153,255,1); z-index: -1; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_74861 .pro_cate_list>.all_cate a:hover:before { width:100%; left:0; } #laymod_74861 .pro_cate_list>.all_cate a:hover { text-decoration:none; color:#000; opacity: 1; -moz-opacity:1; filter:alpha(opacity=100); } #laymod_74861 .pro_cate_list>.all_cate a.active_bg { background: rgba(0,153,255,1); color:#fff; } #laymod_74861 .pro_cate_list>.all_cate a>span { position:absolute; top:0; right:5%; font-size:12px; margin:0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_74861 .pro_cate_list>.all_cate a>span:before { content:"\e627"; } #laymod_74861 .pro_cate_list>.all_cate a.active_bg>span { color:#fff; right:-5%; } #laymod_74861 .pro_cate_list>ul { position:relative; margin-bottom:0; background:#fff; } #laymod_74861 .pro_cate_list>ul>li>a { display: block; width: auto; height: 52px; line-height: 52px; text-align: left; margin: 0; padding:0 15px; position: relative; z-index: 1; color: #666; border-bottom:1px solid #ccc; font-size: 14px; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; text-decoration: none; overflow:hidden; } #laymod_74861 .pro_cate_list>ul li>a>dd { text-overflow:ellipsis; overflow:hidden; display:block; height:52px; line-height:52px; width:95%; } #laymod_74861 .pro_cate_list>ul>li>a>span { position:absolute; top:0; right:5%; font-size:12px; margin:0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_74861 .pro_cate_list>ul>li>a>span:before { content:"\e627"; } #laymod_74861 .pro_cate_list>ul>li>a:before { content: ""; display: block; width: 4px; height: 14px; position: absolute; top: 50%; left: 0; background: #666; z-index: -1; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; margin:-7px 0 0 0; opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); } #laymod_74861 .pro_cate_list>ul>li>a>span { float:right; opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_74861 .pro_cate_list>ul>li>a>span:before { content:"\e627"; } #laymod_74861 .mobile_ul li:hover>a>span, #laymod_74861 .pro_cate_list>ul>li.active_bg>a>span, #laymod_74861 .pro_cate_list>ul>li>a:hover>span { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_74861 .mobile_ul li:hover>a, #laymod_74861 .pro_cate_list>ul>li>a:hover, #laymod_74861 .pro_cate_list>ul>li.active_bg>a { color:rgba(0,153,255,1); } #laymod_74861 .mobile_ul li:hover>a:before, #laymod_74861 .pro_cate_list>ul>li.active_bg>a:before, #laymod_74861 .pro_cate_list>ul>li>a:hover::before{ opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); background: rgba(0,153,255,1); } #laymod_74861 .pro_cate_list>ul li.active_bg>ul { display:block; } #laymod_74861 .pro_cate_list>ul ul { display:none; padding-top:15px; padding-bottom:15px; background:#f9f9f9; } #laymod_74861 .pro_cate_list>ul ul a { display:block; height:32px; line-height:32px; color: #666; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; padding:0 0 0 15px; } #laymod_74861 .pro_cate_list>ul ul a dd { line-height:32px; height:32px; } #laymod_74861 .pro_cate_list>ul ul>li.active_bg>a, #laymod_74861 .pro_cate_list>ul ul a:hover { background:rgba(0,153,255,1); color:#fff; } #laymod_74861 .pro_cate_list>ul ul ul { padding:15px; background:#eee; } #laymod_74861 .pro_cate_list>.mobile_ul { position:fixed; top:0; left:-100%; transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; width:90%; z-index: 2; overflow:auto; height:100%; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #laymod_74861 .close_pro_menu { width:100%; height:100%; position:fixed; top:0; left:0; z-index: 0; background:rgba(0,0,0,0.8); } #laymod_74861 #xyb_procate_5.active_bg { z-index: 1900; position:relative; overflow:visible; } #laymod_74861 #xyb_procate_5.active_bg .pro_cate_list>.mobile_ul { left:0; box-shadow:0 0 5px rgba(0,0,0,0.5); opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_74861 .mobile_ul li { width:100%; margin:0; position:relative; } #laymod_74861 .mobile_ul li>span.xybicon { position:absolute; height:52px; display:block; width:30px; right:0; z-index: 2; top:0; } #laymod_74861 .mobile_ul li dd { width:90%; } #laymod_74861 .mobile_ul li li>span.xybicon { height:32px; } #laymod_74861 .mobile_ul li>span.xybicon:before { content:""; display:block; width:10px; margin:0 0 0 -5px; height:1px; position:absolute; top:50%; left:50%; background:#999; } #laymod_74861 .mobile_ul li>span.xybicon: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_74861 .mobile_ul li:hover>span.xybicon.active_bg:after { height:0; margin:0; } } /*设计页提示语*/ #laymod_74861 .mk_hide { display:none; position:relative; z-index: 10; text-align:center; } .design-html #laymod_74861 .mk_hide { display:block; } /* 默认引入阿里云图标 */ @font-face { font-family: 'xybicon'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_iywpdsbb2r19k9.eot'); src: url('//at.alicdn.com/t/font_249974_iywpdsbb2r19k9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_iywpdsbb2r19k9.woff') format('woff'), url('//at.alicdn.com/t/font_249974_iywpdsbb2r19k9.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_iywpdsbb2r19k9.svg#xybicon') format('svg'); } .xybicon { font-family:"xybicon" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_74862 #xyb_news_31 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_74862 #xyb_news_31>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_74862 #xyb_news_31>.bg_img { z-index:2; } #laymod_74862 .bodyCont_width { position:relative; z-index:4; } /*标题控制*/ #laymod_74862 .bodyContTitle { margin:0; position:relative; z-index: 3; overflow:hidden; } #laymod_74862 .bodyContTitle div { text-align:center; } #laymod_74862 .bodyContTitle .fl { font-size:24px; line-height:1; margin:0 0 12px 0; font-weight:bold; color:#333; } #laymod_74862 .bodyContTitle .fl2 { font-size:12px; line-height:1; margin:0; font-weight:normal; color:#999; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_74862 .bodyContContent { position:relative; z-index: 4; } /*模版主体部分*/ #laymod_74862 .news_list li { overflow:hidden; clear:both; } #laymod_74862 .news_list li a { display:block; border-top:1px solid #e5e5e5; padding:0; transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; 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:space-between; -webkit-justify-content:space-between; justify-content:space-between;/*主轴上对齐(横轴)*/ -webkit-box-pack:justify; -moz-box-pack:justify; box-pack:justify; /*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_74862 .news_list li.frist a { border-top:0 none; } #laymod_74862 .news_list li a:hover { background:#f7f7f7; padding:22px 18px; } #laymod_74862 .news_list .span_img { width:21%; height:159px; /*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:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column;/*row*/ -webkit-flex-direction:column; -webkit-box-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-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; overflow:hidden; } #laymod_74862 .news_list .span_img img { display:block; width:100%; } #laymod_74862 .news_list .text_wrap { width:71%; height:100%; /*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:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column;/*row*/ -webkit-flex-direction:column; -webkit-box-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-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:flex-start;/*交叉轴对齐(垂直)*/ -webkit-align-items:flex-start; -webkit-box-align-items:flex-start; box-align:start; -moz-box-align:start; -webkit-box-align:start; } #laymod_74862 .news_list .text_wrap>span{ display:block; width:100%; } #laymod_74862 .news_list .text_wrap .news_title { font-size:16px; line-height:1; color:#000; margin:0 0 10px 0; max-width:100%; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; } #laymod_74862 .news_list .text_wrap .news_time { font-size:12px; line-height:1; color:#a09797; margin:0 0 24px 0; } #laymod_74862 .news_list .text_wrap .news_cont { font-size:13px; line-height:1.3; color:#999; text-align:justify; margin:0 0 15px 0; } #laymod_74862 .news_list .text_wrap .news_more { font-size:12px; line-height:1; color:#000; } #laymod_74862 .news_list .text_wrap .news_more i { color:#acacac; padding:0 0 0 7px; } #laymod_74862 .news_list .text_wrap .news_more i:before { content:"\e69b"; } /*页码*/ #laymod_74862 .pagenation { margin:62px auto 0 auto; clear:both; overflow:hidden; text-align:left; font-size:0; } #laymod_74862 .pagenation>div { display:inline-block; *display:inline; *zoom:1; vertical-align: top; } #laymod_74862 .pagenation .row { text-align:center; font-size:0; } #laymod_74862 .pagenation .page_li { float:none; display:inline-block; *display:inline; *zoom:1; vertical-align: top; } #laymod_74862 .pagenation .page_li a { display: inline-block; border:1px solid #dfdfdf; padding: 0; font-size: 16px; width: 38px; height: 38px; line-height: 38px; text-align: center; color:#999; 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; margin:0 17px 0 0; _margin:0 9px 0 0; } #laymod_74862 .pagenation .page_li a.active_bg, #laymod_74862 .pagenation .page_li a:hover { background:rgba(0,153,255,1); border-color:rgba(0,153,255,1); color:#fff; } #laymod_74862 .pagenation .page_li a.page_dot, #laymod_74862 .pagenation .page_li a.page_dot.active_bg, #laymod_74862 .pagenation .page_li a.page_dot:hover { border-color:transparent; color:#999; background:none; font-size:13px; } #laymod_74862 .pagenation .pageDisable { display:none; } #laymod_74862 .pagenation .pagePrev>a, #laymod_74862 .pagenation .pageNext>a { font-size:16px; width:auto; background:none; border:0 none; color:#999; } #laymod_74862 .pagenation .pagePrev>a:before { content:"\e7a7"; } #laymod_74862 .pagenation .pageNext>a:before { content:"\e7a5"; } #laymod_74862 .pagenation .page_num { font-size:16px; line-height:38px; color:#999; } #laymod_74862 .pagenation .page_num>span { color:rgba(0,153,255,1); } #laymod_74862 .pagenationSelectDiv { margin:0 0 0 10px; _margin:0 0 0 5px; } #laymod_74862 .pagenationSelectDiv .pageSelect { border:1px solid #dfdfdf; font-size:13px; color:#666; padding:0; height:38px; line-height:38px; } /*直接控制小于992px屏幕时css*/ @media (max-width:992px) { #laymod_74862 .news_list li a { /*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; -webkit-box-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-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:flex-start;/*交叉轴对齐(垂直)*/ -webkit-align-items:flex-start; -webkit-box-align-items:flex-start; box-align:start; -moz-box-align:start; -webkit-box-align:start; } #laymod_74862 .news_list .span_img, #laymod_74862 .news_list .text_wrap { width:100%; } #laymod_74862 .news_list .span_img { margin:0 0 15px 0; } #laymod_74862 .news_list .text_wrap .news_title, #laymod_74862 .news_list .text_wrap .news_time, #laymod_74862 .news_list .text_wrap .news_cont { margin:0 0 5px 0; } #laymod_74862 .pagenation { margin:0 auto; } #laymod_74862 .pagenation .page_li a { width:22px; height:22px; line-height:22px; margin:0 5px 0 0; font-size:12px; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'xybicon'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_yiun5u1iivp74x6r.eot'); src: url('//at.alicdn.com/t/font_249974_yiun5u1iivp74x6r.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_yiun5u1iivp74x6r.woff') format('woff'), url('//at.alicdn.com/t/font_249974_yiun5u1iivp74x6r.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_yiun5u1iivp74x6r.svg#xybicon') format('svg'); } .xybicon { font-family:"xybicon" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_70036 #xyb_foot_15 { position:relative; overflow:hidden; font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode"; } #laymod_70036 #xyb_foot_15>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_70036 #xyb_foot_15>.bg_img { z-index:2; } #laymod_70036 .bodyCont_width { position:relative; z-index:4; } #laymod_70036 .bodyContContent { position:relative; z-index: 4; } /*页脚1*/ #laymod_70036 .foot1_1 { padding-top:67px; padding-bottom:90px; /*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:space-between; -webkit-justify-content:space-between; justify-content:space-between;/*主轴上对齐(横轴)*/ -webkit-box-pack:justify; -moz-box-pack:justify; box-pack:justify; /*align-items*/ align-items:flex-start;/*交叉轴对齐(垂直)*/ -webkit-align-items:flex-start; -webkit-box-align-items:flex-start; box-align:start; -moz-box-align:start; -webkit-box-align:start; } #laymod_70036 .foot1_1>ul.ul_1 { max-width:233px; } #laymod_70036 .foot1_1>ul.ul_2 { -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ /*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:space-between; -webkit-justify-content:space-between; justify-content:space-between;/*主轴上对齐(横轴)*/ -webkit-box-pack:justify; -moz-box-pack:justify; box-pack:justify; /*align-items*/ align-items:flex-start;/*交叉轴对齐(垂直)*/ -webkit-align-items:flex-start; -webkit-box-align-items:flex-start; box-align:start; -moz-box-align:start; -webkit-box-align:start; padding:0 40px; } #laymod_70036 .foot1_1>ul li { -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } #laymod_70036 .foot1_1 .title { font-size:18px; line-height:1; margin:0 0 30px 0; color:#fff; } #laymod_70036 .foot1_1 .cont { font-size:12px; line-height:2; } #laymod_70036 .foot1_1 .cont img { max-width:100%; } #laymod_70036 .foot1_1 .cont a { color:#666; font-size:12px; line-height:2; transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; } #laymod_70036 .foot1_1 .cont a:hover { color:#fff !important; } #laymod_70036 .foot1_2 { overflow:hidden; clear:both; border-top:1px solid #393939; padding:16px 0 15px 0; font-size:14px; line-height:1; color:#fff; /*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: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:flex-start;/*交叉轴对齐(垂直)*/ -webkit-align-items:flex-start; -webkit-box-align-items:flex-start; box-align:start; -moz-box-align:start; -webkit-box-align:start; } #laymod_70036 .foot1_2>.title { opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); min-width:80px; } #laymod_70036 .foot1_2>.cont a { color:#a49b9b; font-size:12px; line-height:1; transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s; margin:0 22px 5px 0; _margin:0 11px 5px 0; display:inline-block; } #laymod_70036 .foot1_2>.cont a:hover { color:#fff; } /*页脚2*/ #laymod_70036 .foot2 { overflow:hidden; padding-top:16px; padding-bottom:16px; clear:both; } #laymod_70036 .foot2, #laymod_70036 .foot2 a { color:#999999; font-size:14px; 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_70036 .foot2 a { color:#999999; margin:0 4px; _margin:0 2px; } #laymod_70036 .foot2 a:hover { text-decoration:none; color:rgba(0,153,255,1); } #laymod_70036 .foot2 i { font-style:normal; } #laymod_70036 .foot2 .left_copy { line-height:1; } #laymod_70036 .foot2 .right_copy { line-height:1; text-align:right; } /*直接控制小于992px屏幕时css*/ @media (max-width:992px) { /*页脚1*/ #laymod_70036 .foot1_1 { padding-top:15px; padding-bottom:15px; } #laymod_70036 .foot1_1>ul, #laymod_70036 .foot1_1>ul.ul_1 { width:50%; max-width:inherit; } #laymod_70036 .foot1_1>ul.ul_3 { text-align:right; } #laymod_70036 .foot1_1 .title { margin:0 0 15px 0; } /*页脚2*/ #laymod_70036 .foot2 { padding-top:10px; padding-bottom:10px; } #laymod_70036 .foot2 .left_copy, #laymod_70036 .foot2 .right_copy { text-align:center; line-height:1.5; padding:0; } }