@charset "utf-8"; /*@import url('fonts.css');*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } html { -webkit-text-size-adjust: 100%; } html, body { font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #555; /*font: 14px/1.5;*/ } body { /*font-size: 14px; !* -webkit-text-size-adjust:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;user-select:none; *!*/ } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; padding: 0; margin: 0; } input, textarea { margin: 0; padding: 0; outline: 0; -webkit-appearance: none; border-radius: 0; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a, a:hover, a:active { color: #333; } /*@media (max-width: 1024px) { a, a:hover, a:active { color: #555; } }*/ a, a:link, a:visited, a:hover, a:active { text-decoration: none; -webkit-tap-highlight-color: transparent; } :focus, a:focus { outline: none; -moz-outline: none; } table, table td { border-collapse: collapse; border-spacing: 0; } .ul, .ul li { list-style: none; } hr { margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 1px; } img { border: none; max-width: 100%; vertical-align: middle; } .Ispic { background-repeat: no-repeat; background-position: center center; background-size: cover; } pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; margin: 0; font-family: "Microsoft YaHei"; text-align: justify; text-justify: inter-ideograph; } .Absolute-Center { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; overflow: hidden; zoom: 0; } .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { zoom: 1; } .h1 { margin: 0; padding: 0; } /*单行文本省略号*/ .dot { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dot2, .dot3, .dot4 { display: -webkit-box; display: box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; } .dot2 { -webkit-line-clamp: 2; } /*多行文本省略号*/ .dot3 { -webkit-line-clamp: 3; } .dot4 { -webkit-line-clamp: 4; } /*垂直居中,容器设置宽高*/ .ycenter { -webkit-box-align: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } /*水平居中,容器设置宽高*/ .xcenter { -webkit-box-pack: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; display: -webkit-flex; display: flex; } /*盒子布局*/ .flexbox { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } /*弹性布局水平垂直居中 兼容性高*/ .xycenterbox { display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ -webkit-box-pack: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; } /*弹性布局水平居中 兼容性高*/ .xcenterbox { display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ -webkit-box-pack: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; } /*弹性布局垂直居中 兼容性高*/ .ycenterbox { display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ -webkit-box-align: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; } /*0.5px底边框*/ .bottomLine { background: -webkit-linear-gradient(top, transparent 50%, #ebebeb 50%) center bottom no-repeat; background: -moz-linear-gradient(top, transparent 50%, #ebebeb 50%) center bottom no-repeat; background: -ms-linear-gradient(top, transparent 50%, #ebebeb 50%) center bottom no-repeat; background-size: 100% 1px; } .wx_wap { -webkit-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text; } .wx_wap:after { content: ''; display: block; width: 0; height: 0; border-top: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; left: 50%; margin-left: -4px; top: 100%; } @media (min-width: 1024px) { .wx_wap { display: none !important; } } / /*设置隐藏*/ .none { display: none; } .hidden { visibility: hidden; } .auto { margin: 0 auto; width: 100%; } .auto_1000 { max-width: 1000px; } .auto_1200 { max-width: 1200px; } .auto_1440 { max-width: 1440px; } @media (max-width: 1440px) { .auto_1440 { padding-left: 3%; padding-right: 3%; } } @media (max-width: 1200px) { .auto_1200 { padding-left: 3%; padding-right: 3%; } } @media (max-width: 1000px) { .auto_1000 { padding-left: 3%; padding-right: 3%; } } a:hover { color: #027BB8; } /*Top*/ @media (min-width: 1025px) { .pagebanner { margin-top: 97px } .Top { left: 0; right: 0; top: 0; z-index: 500; } .Top .top-right, .Top .logo { position: absolute; } .Top .top-right { right: 3%; } .Top .logo { left: 3%; } .Top .top-search { position: relative; } } .Top .logo img { width: 100%; max-width: 144px; } .Top .top-right dd, .Top .top-right dt { float: left; line-height: 50px; font-size: 15px; } .Top .top-right dt { position: relative; } .Top .top-right dt aside { padding-bottom: 2px; text-align: center; /*width:150px; border:1px solid #a3cdeb;*/ border-radius: 3px; cursor: pointer; } .Top .top-right dt aside span { display: inline-block; padding-right: 18px; background: url(../images/menu_a.gif) no-repeat right center; /*padding-left:27px;background:url(../images/icon_web.png) no-repeat left center;*/ color: #404040; } /*.Top .top-right dt aside span::after{display:inline-block;content:'';border:5px solid transparent;border-top-color:#fff;vertical-align:middle;margin-left:10px;border-bottom-width:0;}*/ .Top .top-right dt .list { position: absolute; top: 100%; left: -25%; width: 150%; display: none; } .Top .top-right dt ul { position: relative; background: #fff; padding: 10px; margin-top: 15px; } .Top .top-right dt ul::before { position: absolute; content: ''; top: -30px; border: 15px solid transparent; border-bottom-color: #fff; left: 50%; margin-left: -15px; } .Top .top-right dt li { padding: 5px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .Top .top-right dt li:last-child { border-bottom: 0; } .Top .top-right dt li a { /*color:#027BB8; */ display: block; line-height: 20px; } .Top .top-right dd { height: 50px; } .Top .top-language { margin: 0 30px; } .Top .top-language a { color: #404040; } .Top .open-search { display: block; background: url(../images/icon_search_hover.png) no-repeat center center; width: 16px; height: 50px; } .Top .open-search-show { background: none !important; position: relative; } .Top .open-search-show::before, .Top .open-search-show::after { position: absolute; content: ''; width: 100%; height: 3px; background: #404040; /* transform:rotate(45deg); */ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 0; top: 50%; margin-top: -1.5px; } .Top .open-search-show::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .Top .search-box { position: absolute; z-index: 100; top: 100%; right: 0; display: none; border: 10px solid transparent; border-right-width: 0; width: 300px; } .Top .search-box .text { line-height: 45px; height: 45px; padding: 0 45px 0 10px; border: 1px solid #eee; width: 100%; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); } .Top .search-box .btn { position: absolute; right: 0; top: 0; height: 100%; width: 45px; background: url(../images/icon_search_hover.png) no-repeat center center; } .Top .top-menu { /*text-align: center;*/ margin: 0 auto; } .Top .top-menu ul { float: left; text-align: center; margin-left: 20%; } .Top .top-menu li { float: left; margin-right: 55px; } .Top .top-menu li:last-child { margin-right: 0; } .Top .top-menu li em { font-style: normal; position: relative; display: block; } .Top .top-menu li.hover em::after { position: absolute; content: ''; bottom: 0; border: 10px solid transparent; border-bottom-color: #027BB8; left: 47%; margin-left: -15px; } .Top .top-menu li em a { display: block; line-height: 50px; font-size: 15px; color: #404040; font-weight: bold; } .Top .top-menu li em a:hover { font-weight: bold; color: #027BB8; } .Top .top-menu li.has-sub em a { padding-right: 18px; /*background: url(../images/menu_a.png) no-repeat right center;*/ } .Top .top-menu li .sub { font-size: 14px; position: absolute; top: 100%; left: 0; width: 100%; z-index: 9999; background: #E2E9EC; padding: 2% 0 5% 0; display: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); } .Top .top-menu li .sub .auto { max-width: 1310px; } .Top .top-menu li .sub .list { float: left; } .Top .sub .list h2 { font-size: 16px; color: #027BB8; margin-top: 0; margin:0 8%; text-align: left; } .Top .sub .list h2 a { color: #027BB8; font-weight: bold; } .Top .sub .list dt { font-weight: bold; } .Top .top-menu li .sub .list dt { margin-bottom: 5px; } .Top .top-menu li .sub .list dt::before { display: inline-block; content: ''; vertical-align: middle; border: 4px solid transparent; border-left-color: #555; margin-right: -2px; margin-top: -2px; } .Top .top-menu li .sub .list dd { line-height: 24px; margin: 0 8%; text-align: left; } .Top .top-menu li .sub .list dd .more { width: 100px; height: 24px; line-height: 24px; text-align: center; border-radius: 5px; border: 1px solid #027BB8; } .Top .top-menu li .sub .list dd .more a { display: block; width: 100%; height: 100%; color: #027BB8; } .Top .sub .list dd a { color: #666; } .Top .sub .list dd a:hover { color: #027BB8; } .Top .top-menu li .sub .list-row-2 dl { float: left; width: 48%; margin-bottom: 3%; } /*.Top .top-menu li#m1 .sub .list{width:11.6%;}*/ /*.Top .top-menu li#m1 .sub .list:nth-child(1){width:16.6%;}*/ /*.Top .top-menu li#m1 .sub .list:nth-child(3){width:15%;}*/ /*.Top .top-menu li#m1 .sub .list:nth-child(2){width:45%;}*/ /*.Top .top-menu li#m2 .sub .auto{max-width:768px;}*/ /*.Top .top-menu li#m2 .sub .list{width:25%; !*text-align:center;*!}*/ /*.Top .top-menu li#m3 .sub .list:nth-child(1){width:38%;}*/ /*.Top .top-menu li#m3 .sub .list:nth-child(1) dl:nth-of-type(2n-1){width:40%!important;}*/ /*.Top .top-menu li#m3 .sub .list:nth-child(1) dl:nth-of-type(3),.Top .top-menu li#m3 .sub .list:nth-child(1) dl:nth-of-type(2n){width:60%!important;}*/ /*.Top .top-menu li#m3 .sub .list{width:31%;}*/ /*.Top .top-menu li#m4 .sub .list{width:20%;}*/ /*.Top .top-menu li#m4 .sub .list:nth-child(2){width:30%;}*/ /*.Top .top-menu li#m4 .sub .list:not(:nth-child(1)) dl{float:none;width:auto;}*/ /*.Top .top-menu li#m4 .sub .list:nth-child(1){width:50%;}*/ .Top .top-menu li .sub .auto { max-width: 100%; } .Top .top-menu li .sub .list { width: 25%; border-left: 1px solid #bdcdd4; min-height: 300px; margin-bottom: 20px; } @media (max-width: 1500px) { .Top .top-menu li { margin-right: 25px; } } @media (max-width: 1310px) { .Top .top-menu li .sub .auto { padding: 0 2%; } } @media (max-width: 1280px) { .Top { padding-left: 2%; padding-right: 2%; } .Top .top-right { right: 2%; } .Top .top-menu li { margin-right: 10px; } } @media (max-width: 1120px) { .Top .top-language { margin: 0 10px; } .Top .top-menu { padding-right: 177px; } .Top .top-right dt aside { width: 120px; } } @media (min-width: 1025px) { .top-Height, .Top .logo .wap, #top-menu { display: none; } .Top .logo { padding-top: 5px; left: 2%; } } /*@media (max-width: 1024px) { .Top { position: fixed; top: 0; width: 100%; left: 0; z-index: 330; } .Top .top-language, .Top .top-right dt, .Top .logo .pc, .Top .top-menu { display: none; } .Top { padding: 0; } .Top .logo { padding: 3.412% 35%; left: 0; text-align: center; background: #f9f9f9; position: relative; z-index: 10; } .Top .logo .wap { margin: 0 auto; } .Top .top-right dd { height: auto; } .Top .open-search { position: absolute; right: 3.412%; top: 50%; background: url(../images/icon_search.png) no-repeat center center; background-size: contain; z-index: 15; } .Top .open-search-show::before, .Top .open-search-show::after { background: #027BB8; } .Top .search-box { background: #f9f9f9; width: 100%; padding: 2% 5%; border: none; z-index: 15; } .Top .search-box .btn { width: 65px; right: 5%; background-image: url(../images/icon_search.png); } .Top .search-box .text { border: 0; border-bottom: 3px solid #eee; line-height: 62px; height: 65px; padding-right: 65px; box-shadow: none; background: #f9f9f9; } .Top .top-right dd.wap-open-menu { position: absolute; left: 3.412%; top: 50%; z-index: 15; } .Top .wap-open-menu span, .Top .wap-open-menu::before, .Top .wap-open-menu::after { width: 100%; position: absolute; background: #027BB8; height: 4px; border-radius: 4px; } .Top .wap-open-menu::before, .Top .wap-open-menu::after { content: ''; -webkit-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; } .Top .wap-open-menu span { top: 50%; margin-top: -2px; } .Top .wap-open-menu::before { top: 2px; } .Top .wap-open-menu::after { bottom: 2px; } .Top .wap-close-menu span { opacity: 0; } .Top .wap-close-menu::before, .Top .wap-close-menu::after { top: 50%; bottom: auto; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .Top .wap-close-menu::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .Top-wap .search-box { display: block !important; opacity: 1 !important; } #top-menu { position: fixed; opacity: 0; top: -100%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; left: 0; width: 100%; background: #f9f9f9; overflow: hidden; } .Top-wap #top-menu { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .Top-wap .open-search { display: none; } .Top-wap .top-language { display: block; position: absolute; right: 3%; top: 50%; z-index: 15; } .Top-wap .top-language a { color: #027BB8; } #top-menu .tab li { padding: 3% 0; float: left; width: 33.3333333%; text-align: center; position: relative; background: #eee; } #top-menu .tab li:not(:last-child)::after { position: absolute; right: 0; top: 0; height: 100%; width: 1px; background: #fff; content: ''; } #top-menu .tab li.on { background: #fff; } #top-menu .tab li.on::before { position: absolute; content: ''; width: 100%; height: 3px; background: #027BB8; left: 0; top: 0; } #top-menu .tab-list { overflow: auto; } #top-menu .mnav ul { transition: 0.3s; position: relative; } #top-menu .mnav ul.sub-show { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } #top-menu .mnav li:first-child { display: none; } #top-menu .mnav li em { display: block; padding: 0 3%; font-style: normal; } #top-menu .mnav li em a { border-bottom: 1px solid #eee; display: block; padding: 4% 3%; } #top-menu .mnav li.has-sub em { position: relative; } #top-menu .mnav li.has-sub em a { z-index: 1; position: relative; } #top-menu .mnav li.has-sub em::after, #top-menu .mnav li.has-sub em a::after { position: absolute; content: ''; } #top-menu .mnav li.has-sub em::after { width: 100%; left: 0; top: 0; height: 100%; z-index: 9999; } #top-menu .mnav li.has-sub em a::after { top: 50%; right: 3%; } #top-menu .mnav li .sub { background: #f7f7f7; position: absolute; left: 100%; top: 0; display: none; width: 100%; } #top-menu .mnav li .sub .auto { overflow: auto; } #top-menu .mnav li .sub .back { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); text-align: center; position: relative; padding: 3% 0; background: #fff; } #top-menu .mnav li .sub .back::before { position: absolute; content: ''; top: 50%; left: 3%; background: url(../images/tabli_back.png) no-repeat center center; } #top-menu .mnav li .sub .list { border-bottom: 1px solid #eee; margin: 0 3%; } #top-menu .mnav li .sub .list h2 { margin: 0; font-weight: normal; padding: 3% 0; } #top-menu .mnav li .sub .list dt { padding: 2% 0; } #top-menu .mnav li .sub .list dd { padding: 2% 0 2% 4%; } .Top .open-search { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 1.125rem; height: 1.125rem; min-width: 24px; min-height: 24px; } .Top .top-right dd.wap-open-menu { height: 28px; margin-top: -14px; width: 42px; } body { !*font-size: 0.9375rem;*! color: #555; } .site-group li a, #top-menu .mnav li .sub .list h2, #top-menu .mnav li em a, #top-menu .tab li { font-size: 1.125rem; } #top-menu .mnav li .sub .back { font-size: 1.5rem; } #top-menu .top-contact { font-size: 1.125rem; line-height: 2.5rem; } #top-menu .top-contact aside { font-size: 0.75rem; } .Top-wap .top-language { margin-top: -0.78125rem; line-height: 1.5625rem !important; font-size: 1.125rem; } .site-group li a::after, #top-menu .mnav li.has-sub em a::after { background: url(../images/tabli_a.png) no-repeat center center; } .site-group li a::after, #top-menu .mnav li .sub .back::before, #top-menu .mnav li.has-sub em a::after { width: 0.875rem; height: 0.875rem; margin-top: -0.4375rem; background-size: contain; } }*/ @media (max-width: 480px) { .Top .top-right dd.wap-open-menu { height: 22px; margin-top: -11px; width: 34px; } .Top .search-box .text { line-height: 47px; height: 50px; padding-right: 50px; } .Top .search-box .btn { width: 50px; background-size: 50%; } } .site-group { padding: 0 3%; } .site-group aside { display: none; } .site-group li a { border-bottom: 1px solid #eee; display: block; padding: 4% 3%; position: relative; } .site-group li a::after { position: absolute; content: ''; top: 50%; right: 3%; } #top-menu .top-contact { padding: 10%; } #top-menu .top-contact table { margin-bottom: 3%; } #top-menu .top-contact td { line-height: normal; } #top-menu .top-contact aside { padding-bottom: 3%; } /*Top end*/ @media (min-width: 1025px) { .nav-Height, .wap-page-nav { display: none; } } @media (max-width: 1024px) { .wap-page-nav { position: fixed; left: 0; top: 0; background: #f9f9f9; width: 100%; z-index: 200; border-top: 1px solid #eee; } .wap-page-nav ol { position: relative; padding: 3%; /* font-size:1.125rem; */ font-size: 16px; } .wap-page-nav ol::after { position: absolute; content: ''; right: 3%; top: 50%; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); width: 0.875rem; height: 0.875rem; background: url(../images/tabli_a.png) no-repeat center center; background-size: contain; } .wap-page-nav .nav-sub { position: relative; display: none; overflow: auto; background: #f7f7f7; } .wap-page-nav .nav-sub::before { position: absolute; content: ''; left: 3%; right: 3%; top: 0; height: 1px; background: #eee; } .wap-page-nav .nav-sub a { display: block; padding: 3%; } .wap-page-nav .nav-sub dt a { border-bottom: 1px solid #eee; margin: 0 3%; padding-left: 0; padding-right: 0; } .wap-page-nav .nav-sub dd { display: none; padding: 3%; background: #fff; } .wap-page-nav .nav-sub dl.has-dd dt { position: relative; } .wap-page-nav .nav-sub dl.has-dd dt i { position: absolute; z-index: 3; right: 0; width: 20%; height: 100%; top: 0; } .wap-page-nav .nav-sub dl.has-dd dt a { position: relative; z-index: 1; } .wap-page-nav .nav-sub dl.has-dd dt a::after { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); content: ''; width: 0.875rem; height: 0.875rem; background: url(../images/tabli_a.png) no-repeat center center; background-size: contain; transition: 0.3s; } .wap-page-nav .nav-sub dl.has-dd dt.on a::after { -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } } .pagebanner { position: relative; z-index: 0; } .pagebanner .auto { position: relative; z-index: 5; height: 450px; color: #fff; display: table; } .pagebanner-video .Ispic { z-index: 3; } @media (min-width: 1025px) { .pagebanner-video .Ispic { background: none !important; } } .pagebanner .Ispic { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .pagebanner-video .video { position: relative; z-index: 1; background: #000; width: 100%; } .pagebanner-video .video::before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ''; background: rgba(0, 0, 0, 0.5); } .pagebanner-video .video video { display: block; width: 100%; } @media (min-width: 1024px) { .pagebanner-video .video video { display: block; width: 100%; height: 100vh 9; object-fit: cover; } } .pagebanner-video .auto { height: 100% !important; } .pagebanner .auto section { width: 100%; display: table-cell; vertical-align: middle; } .pagebanner .auto section > * { margin: 0; } .pagebanner h2 { font-family: '微软雅黑'; font-size: 48px; font-weight: normal; } .pagebanner p.fs24 { font-size: 24px; } @media (max-width: 1024px) { .pagebanner-video .video { display: none; } .pagebanner .auto, .pagebanner-video .auto { height: 15rem !important; } .pagebanner .Ispic { height: 15rem !important; } .pagebanner-video .VideoWapBox { height: 15rem; } .pagebanner h2 { font-size: 2.25rem; } .pagebanner .auto section p { display: none; } /* .pagebanner .auto section{padding-top:7%;}*/ .pagebanner .Ispic { background-position: right center; } } .location { border-bottom: 1px solid #eee; background: #fafafa; color: #aaa; line-height: 42px; font-size: 12px; } .location a { display: inline-block; } .location a:not(:nth-child(1)) { margin-right: 10px; padding-right: 13px; background: url(../images/location_a.gif) no-repeat right center; color: #aaa; } .location a:nth-child(1) { background: url(../images/icon_home.gif) no-repeat left center; width: 12px; height: 12px; overflow: hidden; line-height: 1000px; margin-right: 10px; } .location a:hover { color: #027BB8; } @media (max-width: 1024px) { .location { display: none; } } .nav-menu { background: #fafafa; overflow: hidden; } @media (min-width: 1025px) { .nav-menu { max-height: 70px; } .nav-menu-fixed { position: fixed; left: 0; top: 0; width: 100%; z-index: 200; } } .nav-menu .auto { position: relative; } .nav-menu .owl-nav button { cursor: pointer; position: absolute; top: 50%; margin-top: -10px; width: 20px; height: 20px; } .nav-menu .owl-nav button.disabled { display: none; } .nav-menu .owl-nav button.owl-prev { left: -20px; background: url('../images/jtleft.png') no-repeat center !important; } .nav-menu .owl-nav button.owl-next { right: -20px; background: url('../images/jtright.png') no-repeat center !important; } .nav-menu .owl-nav button span { font-size: 0; display: none; width: 12px; height: 12px; border-top: 3px solid #aaa; border-right: 3px solid #aaa; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .nav-menu .owl-nav button.owl-prev span { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .nav-menu ul { display: block !important; } .nav-menu li { line-height: 69px; } .nav-menu li a { display: inline-block; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px solid transparent; font-size: 16px } .nav-menu li a:hover, .nav-menu li.aon a { color: #027BB8; border-bottom-color: #027BB8; font-weight: bold; } @media (max-width: 1200px) { .nav-menu .auto { padding: 0 20px; } } /*@media (max-width: 1024px) { .nav-menu { position: fixed; left: -100%; opacity: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); width: 100%; } .nav-menu-height { display: block !important; } }*/ .three-menu { padding: 2% 0 0 0; } .three-menu li { float: left; margin-right: 20px; } .three-menu li a { display: block; padding: 0 20px; line-height: 50px; } .three-menu li a:hover, .three-menu li.aon a { background: #027BB8; color: #fff; border-radius: 5px; } @media (max-width: 1024px) { .three-menu { display: none; } } /*bottom*/ .Bottom { background: #F7F8F9; padding: 4% 0 2% 0; } .Bottom a { color: #868788; } .Bottom a:hover { color: #027BB8; } .Bottom nav { position: relative; padding-right: 270px; margin-bottom: 2%; min-height: 230px; } .Bottom nav .share { position: absolute; right: 0; top: 0; } .Bottom nav .text { padding-top: 5px; padding-bottom: 80px; } .Bottom nav .bdsharebuttonbox a { float: left; width: 50px; height: 50px; padding: 0; display: block; background: url(../images/share_wap1.png) no-repeat center center; background-size: 25px auto; margin-right: 5px; transition: 0.2s; } .Bottom nav .bdsharebuttonbox a:last-child { margin-right: 0; } .Bottom nav .bdsharebuttonbox a.bds_weixin { background-image: url(../images/share_wap2.png); } .Bottom nav .bdsharebuttonbox a.bds_tsina { background-image: url(../images/share_wap3.png); } .Bottom nav .bdsharebuttonbox a.bds_mail { background-image: url(../images/share_wap4.png); } .Bottom nav .bdsharebuttonbox a.gettop { background-image: url(../images/share_wap5.png); } #mlast a.gettop { background-image: url(../images/share_wap5.png); } #mlast a.gettop:hover { background-image: url(../images/share_wap5_hover.png); } .Bottom nav .bdsharebuttonbox a:hover { background-image: url(../images/share_wap1_hover.png); } .Bottom nav .bdsharebuttonbox a.bds_weixin:hover { background-image: url(../images/share_wap2_hover.png); } .Bottom nav .bdsharebuttonbox a.bds_tsina:hover { background-image: url(../images/share_wap3_hover.png); } .Bottom nav .bdsharebuttonbox a.bds_mail:hover { background-image: url(../images/share_wap4_hover.png); } .Bottom nav .bdsharebuttonbox a.gettop:hover { background-image: url(../images/share_wap5_hover.png); } .Bottom .hover_ewm { position: relative; float: left; min-width: 50px; } .Bottom .hover_ewm figure { display: none; position: absolute; bottom: 100%; margin-bottom: 10px; background: #fff; left: 50%; margin-left: -75px; width: 150px; padding: 10px; text-align: center; } .Bottom .hover_ewm figure img { display: block; width: 100%; } .Bottom .hover_ewm figure aside { padding-top: 5px; font-size: 12px; } .Bottom nav dl { float: left; width: 20.5%; } .Bottom nav dt { font-size: 18px; padding-bottom: 20px; } .Bottom nav dd { line-height: 30px; } .Bottom .links { padding: 0 0 0 60px; position: relative; line-height: 35px; font-size: 12px; display: none; color: #868788; } .Bottom .blbox { border-top: 1px solid #e0eaec; padding-top: 1%; } .home_body .Bottom .links { display: block; } .Bottom .links dt { position: absolute; left: 0; font-weight: normal; } .Bottom .links dd::before { vertical-align: middle; content: ''; display: inline-block; margin: -2px 9px 0 7px; width: 1px; height: 12px; background: #e0eaec; } .Bottom .links dd a { display: inline-block; margin-right: 15px; } .Bottom .copyright { padding: 1% 0; text-align: center; } .Bottom .copyright dt { float: right; } .Bottom .copyright dd { color: #868788; } .Bottom .copyright dt a::after { display: inline-block; content: ''; width: 1px; height: 12px; margin: 0 10px; background: #d3d5d7; vertical-align: middle; } .Bottom .copyright dt a:last-child::after { display: none; } .Bottom .logo .pc { display: none; } .Bottom .logo .wap { margin-bottom: 20px; display: inline-block; } @media (min-width: 1024px) { .Bottom .logo .wap { display: none; } .Bottom .logo .pc { display: block; } } @media (max-width: 1200px) { .Bottom nav { padding-right: 0; min-height: inherit; } .Bottom nav .share { position: static; text-align: center; } .Bottom nav dl { display: none; } .Bottom nav .bdsharebuttonbox { margin: 0 auto; display: table; } .Bottom nav .text { padding-bottom: 10px; } } /* @media (max-width: 1024px) { .Bottom .blbox { border-top: none; } .home_body .Bottom .links { display: none; } .Bottom { background: #f9f9f9; } .Bottom .copyright { text-align: center; font-size: 0.75rem; padding: 3% 0 5% 0; } .Bottom .copyright dt { display: none; } .Bottom .copyright dd { float: none; } .Bottom nav .bdsharebuttonbox { border-top: 1px solid #eee; padding: 3% 0 0 0; } .Bottom nav .text { padding-bottom: 3%; } .Bottom nav .bdsharebuttonbox a { height: 1.5625rem; position: relative; margin: 0; width: 4.312rem; background-size: auto 100%; } .Bottom nav .bdsharebuttonbox a:not(:last-child)::after { position: absolute; content: ''; width: 1px; height: 60%; right: 0; top: 20%; background: #eee; } .Bottom .logo, .Bottom .text { padding-left: 30%; padding-right: 30%; } } */ /*bottom end*/ .Pages { text-align: center; padding: 4% 0; } .Pages-has-border { border-top: 1px dotted #eee; } .Pages * { display: inline-block; vertical-align: middle; } .Pages a { line-height: 50px; border: 1px solid #eee; border-radius: 5px; padding: 0 20px; transition: 0.3s; } .Pages a:hover, .Pages a.a_cur { background: #027BB8; color: #fff; border-color: #027BB8; } .Pages .p_cur, .Pages .p_count, .Pages .p_total, .Pages .p_jump, .Pages .a_first, .Pages .a_end, .Pages .p_cur { display: none; } .Pages em { font-style: normal; } /*@media (max-width: 1024px) { .Pages em { display: none; } .Pages a { line-height: 2rem; padding: 0 1rem; } }*/ .all-title { /*border-bottom: 1px solid #eee;*/ /*padding-bottom: 5%;*/ padding-top: 3%; margin-bottom: 3%; color: #027BB8; font-weight: bold; /* font-size: 2rem; padding-left:2.5%;*/ } .all-title .ti { font-size: 16px; } .all-title .ul { margin-top: 2%; } .all-title .ul li { display: inline-block; margin-left: 10px; } .all-title .ul li:first-child { margin-left: 0; } .all-title .ul li.active a { color: #fff; background-color: #027BB8; } .all-title .ul li a { color: #027BB8; border: 1px solid #027BB8; padding: 0 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .all-title .ul li a:hover { color: #fff; background-color: #027BB8; } @media (min-width: 1024px) { .all-title .ti { font-size: 24px; } } .singlePage-info-1 { padding: 3% 0; } .singlePage-info-1.big-padding { padding: 5% 0; } .singlePage-info-1 .pic img, .singlePage-info-1 .pic video { display: block; width: 100%; } .singlePage-info-1 .pic video { min-height: 280px; background-color: #000; } .singlePage-info-1 .pic .swiper-slide h5 { position: absolute; left: 0; bottom: 0; width: 100%; margin: 0; color: #fff; background: rgba(0, 179, 220, 0.7); font-size: 14px; line-height: 50px; padding: 0 10% 0 18px; } .singlePage-info-1 .pic .slick-dots { position: absolute; z-index: 10; right: 0; text-align: right; padding-right: 15px; bottom: 15px; } .singlePage-info-1 .pic .slick-dots li { list-style: none; cursor: pointer; float: left; margin: 0 0 0 10px; width: 10px; height: 10px; background: #fff; border-radius: 50%; opacity: 0.3; } .singlePage-info-1 .pic .slick-dots li button { display: none; } .singlePage-info-1 .pic .slick-dots li.slick-active { opacity: 1; } .singlePage-info-1 .title { font-size: 24px; border-bottom: 1px solid #eee; padding-bottom: 20px; } .singlePage-info-1 .info { padding: 2% 0; line-height: 24px; } .singlePage-info-1 .info.no-padding { padding: 0; } .singlePage-info-1 .info p { margin: 0 auto; text-align: justify; text-justify: inter-ideograph; } .singlePage-info-1 .info .ptxt { margin-bottom: 2%; text-align: justify; text-justify: inter-ideograph; } .singlePage-info-1.singlePage-info-nofloat .info { float: none; width: auto; } .singlePage-info-1.singlePage-info-nofloat .info-more { margin-left: 0 !important; } @media (min-width: 1025px) { .singlePage-info-1 .DownListA { padding: 20px 0; } .singlePage-info-1 .DownListA .DownListAH3 { font-size: 18px; margin-bottom: 10px; font-weight: normal; color: #333; } .singlePage-info-1 .DownListA ul li { margin-bottom: 10px; } .singlePage-info-1 .DownListA ul li a { background: url(../images/a_download.gif) no-repeat 0 center; padding-left: 25px; line-height: 24px; display: block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } /*@media (max-width: 1024px) { .singlePage-info-1 .DownListA .DownListAH3 { display: none; } .singlePage-info-1 .DownListA { padding: 3% 0; } .singlePage-info-1 .DownListA ul li { padding: 0.5rem 0; } .singlePage-info-1 .DownListA ul li a { display: block; line-height: 1.5rem; color: #027BB8; font-size: 1.125rem; position: relative; padding-left: 1.625rem; } .singlePage-info-1 .DownListA ul li a::before { position: absolute; left: 0; top: 0.25rem; content: ''; width: 0.875rem; height: 1rem; background: url(../images/a_download_wap.png) no-repeat center center; background-size: contain; } }*/ .singlePage-info-1 .info .date { margin-bottom: 2%; } .singlePage-info-1 .info-more { padding-top: 1%; } .singlePage-info-1 .info-more a { display: inline-block; margin-right: 10px; text-align: center; border-radius: 6px; border: 1px solid #027BB8; color: #027BB8; transition: background 0.3s; } .singlePage-info-1 .info-more a:hover { background: #027BB8; color: #fff; } .list-singlePage .singlePage-info-1:nth-child(2n) { background: #f8f9fb; } .list-singlePage-nobg .singlePage-info-1:nth-child(2n) { background: none; } .list-singlePage-nobg .singlePage-info-1:not(:first-child) { padding-top: 0; } .list-singlePage-notxt .singlePage-info-1:not(:first-child) .title { text-indent: -999em; padding-bottom: 0; } /*.list-singlePage-hidetxt .singlePage-info-1:not(:first-child) .title{ display:none;}*/ @media (min-width: 1025px) { .singlePage-info-1 .title { width: 58.33%; } .singlePage-info-1 .title-w-auto { width: auto; } .singlePage-info-1 .info { float: left; width: 58.33%; } .singlePage-info-1-yjjg .info { width: 40%; } .singlePage-info-1 .pic { float: right; width: 35%; margin-bottom: 5%; } .singlePage-info-1 .pic .info-more { padding-top: 10% !important; } .singlePage-info-1 .pic .info-more a { float: none !important; margin-top: 0 !important; } .singlePage-info-1.info-more-clear .pic { margin-bottom: 0; } .singlePage-info-1.info-more-clear .info-more { clear: both; padding-top: 0; } .singlePage-info-1.info-more-clear .info-more a { float: left; margin-top: -52px; } .singlePage-info-1 .info-more a { width: 150px; line-height: 50px; font-size: 16px; } .list-singlePage .singlePage-info-1:nth-child(2n) .pic { float: left; margin-left: 0; } .list-singlePage .singlePage-info-1:nth-child(2n) .info { float: right; } .list-singlePage .singlePage-info-1:nth-child(2n) .info-more, .list-singlePage .singlePage-info-1:nth-child(2n) .title { width: auto; margin-left: 41.67%; } } /*@media (max-width: 1024px) { .singlePage-info-1 .pic { margin: 2% 0; } .singlePage-info-1 .title { !* font-size:1.5rem; *! font-size: 16px; color: #027BB8; padding-top: 7%; padding-bottom: 5%; } .singlePage-info-1 .info { line-height: normal; } .singlePage-info-1 .pic .swiper-slide h5 { font-size: 0.625rem; line-height: 2.5625rem; padding-right: 20%; padding-left: 3%; } .singlePage-info-1 .pic .slick-dots { bottom: 0.9375rem; } .singlePage-info-1 .pic .slick-dots li { width: 0.625rem; height: 0.625rem; } .singlePage-info-1 .info-more { padding: 5% 0; } .singlePage-info-1 .info-more a { width: 7.5rem; line-height: 2.5rem; } }*/ .singlePage-info-1-yjjg .table-link { text-align: center; } .singlePage-info-1-yjjg .table-link h5 { margin: 0; text-align: center; } .singlePage-info-1-yjjg .table-link h5::after { width: 1px; margin: 0 auto; background: #eee; display: block; content: ''; height: 50px; } .singlePage-info-1-yjjg .table-link h5 span { background: #027BB8; color: #fff; line-height: 48px; font-size: 16px; display: inline-block; width: 250px; height: 50px; } .singlePage-info-1-yjjg .table-link dl { border: 1px solid #eee; display: inline-block; } .singlePage-info-1-yjjg .table-link dd { display: block; float: left; } .singlePage-info-1-yjjg .table-link dd a { display: block; padding: 20px 10px; line-height: 16px; text-align: center; } .singlePage-info-1-yjjg .table-link dd:hover { background: #027BB8; } .singlePage-info-1-yjjg .table-link dd:hover a { color: #fff; } @media (min-width: 641px) { /* .singlePage-info-1-yjjg .table-link{width:624px;} */ .singlePage-info-1-yjjg .table-link dd { width: 38.875px; border-right: 1px solid #eee; } .singlePage-info-1-yjjg .table-link dd:last-child { border-right: 0; } } @media (min-width: 1025px) { .singlePage-info-1-yjjg .table-link { float: right; max-width: 624px; margin-left: 6.67%; } .singlePage-info-1 .pic { margin-bottom: 0; } /*.singlePage-info-1{padding-bottom: 0;}*/ } /*@media (max-width: 1024px) { .singlePage-info-1-yjjg .table-link { display: none; } .singlePage-info-1-yjjg .title { width: auto; } }*/ @media (max-width: 640px) { .singlePage-info-1-yjjg .table-link dl { overflow: hidden; } .singlePage-info-1-yjjg .table-link dd { float: left; width: 50%; border-top: 1px solid #eee; border-left: 1px solid #eee; margin-left: -1px; margin-top: -1px; } } @media (max-width: 640px) { .singlePage-info-1-yjjg .table-link dd a { font-size: 12px; padding: 10px 5px; } } .same-title { font-size: 16px; padding: 30px 0; margin: 0; } .list-partner { border-top: 1px dotted #eee; } .list-partner-color { border-top: 0; background: #f5f7f9; padding-bottom: 2%; } .list-partner .same-title span { font-weight: normal; border-bottom: 1px solid transparent; display: inline-block; margin-right: 30px; padding-bottom: 10px; cursor: pointer; } .list-partner .same-title span.on { font-weight: bold; border-bottom-color: #027BB8; } .list-partner li { float: left; position: relative; padding-left: 1%; background: #fff; } .list-partner li a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #eee; } .list-partner li figure { width: 40.7%; } .list-partner li figure img { display: block; width: 100%; } .list-partner li div { width: 59.3%; padding: 3%; } .list-partner li div strong { font-size: 16px; } .list-partner li div b { font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; display: block; } .info-contact .info { padding-top: 0; line-height: 30px; } @media (min-width: 1025px) { .list-partner li { width: 22.525%; margin-right: 3.3%; margin-bottom: 3.3%; } .list-partner li:nth-child(4n) { margin-right: 0; } .list-partner li:nth-child(4n+1) { clear: left; } } /*@media (max-width: 1024px) { .list-partner li { margin-bottom: 2%; margin-right: 2%; } }*/ @media (min-width: 641px) and (max-width: 1024px) { .list-partner li { width: 32%; } .list-partner li:nth-child(3n) { margin-right: 0; } .list-partner li:nth-child(3n+1) { clear: left; } } @media (max-width: 640px) { .list-partner li { width: 49%; } .list-partner li:nth-child(2n) { margin-right: 0; } .list-partner li:nth-child(2n+1) { clear: left; } } @media (max-width: 375px) { .list-partner li { width: auto; float: none; margin-right: 0; } } .publish-article h5 { font-size: 14px; } .publish-article li { position: relative; border-bottom: 1px dotted #eee; line-height: 24px; margin-bottom: 10px; padding: 5px 0 5px 0; } /*.publish-article li::before{position:absolute;left:3px;top:15px;content:'';width:3px;height:3px;background:#999;}*/ .publish-article li a { font-family: Arial, Helvetica, sans-serif; } .singlePage-info-2 { background: #f5f7f9; text-align: center; padding: 3% 0 4% 0; } .singlePage-info-2 .title { font-size: 16px; font-weight: bold; padding-bottom: 2%; } .singlePage-info-2 .auto { max-width: 1392px; } .singlePage-info-2 li p { line-height: 24px; text-align: left; } .singlePage-info-2 li h4 { font-size: 14px; padding: 4% 0 2% 0; } .singlePage-info-2 li figure img { display: block; margin: 0 auto; width: 50%; max-width: 110px; border-radius: 50%; background: #fff; } @media (min-width: 769px) { .singlePage-info-2 li { float: left; width: 33.333333%; } .singlePage-info-2 li > * { max-width: 270px; margin: 0 auto; } } @media (max-width: 768px) { .singlePage-info-2 li { padding: 3% 10%; } } .singlePage-info-2 .auto_1200 { margin: 0 auto; } .singlePage-info-2 ol { float: left; text-align: left; } .singlePage-info-2 ol figure img { width: 50%; max-width: 100px; border: 1px solid #efeff0; border-radius: 50%; } .singlePage-info-2 ol h5 { font-size: 14px; margin: 15px 0; } .singlePage-info-2 ol pre { line-height: 24px; } .singlePage-info-2-yichuan { padding-top: 5%; } .singlePage-info-2-yichuan .title { padding-bottom: 4%; } @media (min-width: 1025px) { .singlePage-info-2 .ol-row-4 ol { width: 23.35%; margin-right: 2.2%; } .singlePage-info-2 .ol-row-4 ol:nth-child(4n) { margin-right: 0; } .singlePage-info-2 .ol-row-4 ol:nth-child(4n+1) { clear: left; } } /*@media (max-width: 1024px) { .singlePage-info-2 .ol-row-4 ol { width: 48%; margin-right: 4%; margin-bottom: 3%; } .singlePage-info-2 .ol-row-4 ol:nth-child(2n) { margin-right: 0; } .singlePage-info-2 .ol-row-4 ol:nth-child(2n+1) { clear: left; } }*/ @media (max-width: 480px) { .singlePage-info-2 ol { float: none; text-align: center; } .singlePage-info-2 ol pre { text-align: center; } .singlePage-info-2 .ol-row-4 ol { width: auto; margin-right: 0; } } .singlePage-info-2 dl dt { position: relative; } .singlePage-info-2 dl dt i { width: 12px; height: 8px; left: 50%; margin-left: -12px; position: absolute; top: 50%; background: #dce2e7; } .singlePage-info-2 dl dt i::after { position: absolute; content: ''; border: 12px solid transparent; } .singlePage-info-2 dl dd * { margin: 0; line-height: 24px; } .singlePage-info-2 dl dd figure { position: relative; margin-bottom: 15px; } .singlePage-info-2 dl dd figure img { display: block; width: 100%; } .singlePage-info-2 dl dd figure aside { position: absolute; left: 0; bottom: 0; width: 100%; font-weight: bold; color: #fff; background: rgba(0, 179, 220, 0.9); line-height: 40px; } .singlePage-info-2 dl dd h3 { font-size: 16px; } .singlePage-info-2 dl dd h4::after { display: block; content: ''; width: 1px; height: 12px; margin: 5px auto; background: #027BB8; } @media (min-width: 769px) { .singlePage-info-2 dl > * { float: left; } .singlePage-info-2 dl dd { width: 20%; } .singlePage-info-2 dl dt { width: 6.66666%; min-height: 160px; } .singlePage-info-2 dl dt i::after { border-left-color: #dce2e7; right: -24px; top: 50%; margin-top: -12px; } } @media (max-width: 768px) { .singlePage-info-2 dl dd { max-width: 320px; margin: 0 auto; } .singlePage-info-2 dl dt { height: 50px; } .singlePage-info-2 dl dt i { height: 12px; width: 8px; margin-left: -2px; margin-top: -12px; } .singlePage-info-2 dl dt i::after { border-top-color: #dce2e7; top: 100%; left: 50%; margin-left: -12px; } } .singlePage-info-3 { padding: 5% 0; } .singlePage-info-3 .pic img { display: block; width: 100%; } .singlePage-info-3 .title-tab { line-height: 40px; font-size: 16px; margin-bottom: 2%; } .singlePage-info-3 .title-tab dt { float: left; font-weight: bold; } .singlePage-info-3 .title-tab dd { float: right; border-bottom: 1px solid #eee; } .singlePage-info-3 .title-tab dd span { cursor: pointer; color: #aaa; position: relative; float: left; margin-right: 40px; } .singlePage-info-3 .title-tab dd span:last-child { margin-right: 0; } .singlePage-info-3 .title-tab dd span.on { color: #555; } .singlePage-info-3 .title-tab dd span.on::after { position: absolute; content: ''; left: 0; bottom: -1px; height: 1px; width: 100%; background: #027BB8; } .singlePage-info-3 .list li { line-height: 24px; position: relative; padding-left: 24px; } .singlePage-info-3 .list li::before { position: absolute; content: ''; width: 3px; height: 3px; background: #aaa; left: 5px; top: 10px; } .singlePage-info-3 .list li aside { display: inline-block; vertical-align: middle; margin-left: 5px; position: relative; } .singlePage-info-3 .list li aside.hover { z-index: 10; } .singlePage-info-3 .list li aside span { display: block; border-radius: 50%; width: 15px; height: 15px; background: url(../images/icon_tips.png) no-repeat center center #dce2e7; cursor: pointer; } .singlePage-info-3 .list li aside.hover span { background-color: #1f74bf; } .singlePage-info-3 .list li figure { position: absolute; left: 100%; top: -10px; padding-left: 10px; display: none; } .singlePage-info-3 .list li figure::before { position: absolute; content: ''; left: 1px; top: 17px; background: url(../images/tips_jiao.png) no-repeat; width: 10px; height: 12px; z-index: 10; } .singlePage-info-3 .list li aside.hover figure { display: block; } .singlePage-info-3 .list li figcaption { border-radius: 5px; background: #fff; padding: 10px; box-shadow: 0 0 20px rgba(220, 226, 231, 0.8); font-size: 12px; color: #999; width: 200px; border: 1px solid #eee; } @media (min-width: 769px) { .singlePage-info-3 .pic { float: left; width: 40%; } .singlePage-info-3 .main { float: right; width: 53.3%; } } @media (max-width: 768px) { .singlePage-info-3 .main { padding-top: 3%; } } @media (max-width: 480px) { .singlePage-info-3 .title-tab dt, .singlePage-info-3 .title-tab dd { float: none; } } .same-info-title { padding: 5% 0; text-align: center; font-weight: bold; font-size: 16px; } .singlePage-info-4 { padding-bottom: 3%; } .singlePage-info-4 li { float: left; text-align: center; width: 14.285%; margin-bottom: 3%; } .singlePage-info-4 li h5 { font-size: 14px; } .singlePage-info-4 li figure { margin: 0 auto; max-width: 70%; } .singlePage-info-4 li figure img { border: 1px solid #efefef; border-radius: 50%; width: 100%; max-width: 100px; } @media (max-width: 768px) { .singlePage-info-4 li { width: 25%; } } @media (max-width: 480px) { .singlePage-info-4 li { width: 50%; } } .singlePage-info-5 { padding: 6% 0; } .singlePage-info-5-team { padding: 4% 0 0 0; } .singlePage-info-5 .pic img { display: block; width: 100%; } @media (min-width: 1025px) { .singlePage-info-5 .pic { float: left; width: 35%; } .singlePage-info-5 .info { float: right; width: 58.3%; } } /*@media (max-width: 1024px) { .singlePage-info-5 .info { padding-top: 3%; } }*/ .singlePage-info-6 { background: #f5f7f9; padding: 4% 0; } .singlePage-info-6 .tab { margin-bottom: 3%; } .singlePage-info-6 .tab dd { font-size: 16px; font-weight: bold; padding-bottom: 5px; border-bottom: 1px solid transparent; cursor: pointer; margin: 0 2%; } .singlePage-info-6 .tab dd.on { color: #027BB8; border-bottom-color: #027BB8; } .singlePage-info-6 .list li { background: #fff; position: relative; } .singlePage-info-6 .list li:nth-child(2n-1) { padding-right: 50%; } .singlePage-info-6 .list li:nth-child(2n) { padding-left: 50%; } .singlePage-info-6 .list li .txt { position: absolute; left: 0; height: 100%; z-index: 10; width: 50%; } .singlePage-info-6 .list li:nth-child(2n-1) .txt { top: 100%; } .singlePage-info-6 .list li:nth-child(2n) .txt { bottom: 100%; left: 50%; } .singlePage-info-6 .list li .txt aside { font-size: 16px; position: relative; } .singlePage-info-6 .list li:nth-child(2n-1) .txt aside { padding-top: 50px; } .singlePage-info-6 .list li:nth-child(2n) .txt aside { padding-bottom: 50px; } .singlePage-info-6 .list li .txt b { font-family: "dinbold"; color: #f5f7f9; font-size: 48px; position: absolute; width: 100%; left: 0; text-align: center; } .singlePage-info-6 .list li:nth-child(2n-1) .txt b { top: 0; } .singlePage-info-6 .list li:nth-child(2n) .txt b { bottom: 0; } .singlePage-info-6 .list li .txt p { padding: 0 5px; } .singlePage-info-6 .list li figure { position: relative; } .singlePage-info-6 .list li figure img { display: block; width: 100%; } .singlePage-info-6 .list li figure::after { position: absolute; content: ''; border: 15px solid transparent; left: 50%; margin-left: -15px; } .singlePage-info-6 .list li:nth-child(2n-1) figure::after { bottom: 0; border-bottom-color: #fff; } .singlePage-info-6 .list li:nth-child(2n) figure::after { top: 0; border-top-color: #fff; } .singlePage-info-6 .ul-notxt-b li aside { padding: 0 !important; } @media (min-width: 769px) { .singlePage-info-6 .list ol { float: left; width: 50%; } } @media (max-width: 480px) { .singlePage-info-6 .list li .txt aside { font-size: 13px; } .singlePage-info-6 .list li .txt b { font-size: 24px; } .singlePage-info-6 .list li:nth-child(2n-1) .txt aside { padding-top: 20px; } .singlePage-info-6 .list li:nth-child(2n) .txt aside { padding-bottom: 20px; } } .singlePage-info-7 { padding-bottom: 5%; padding-top: 1%; } .singlePage-info-7 .hotline { width: 80%; max-width: 328px; margin: 0 auto; } .singlePage-info-7 .hotline img { display: block; width: 100%; } .singlePage-info-7 .hotline figure { text-align: center; color: #027BB8; margin-top: -45%; padding-bottom: 40%; } .singlePage-info-7 .hotline figure h5 { font-family: "dinbold"; margin: 0; font-size: 30px; } .news_info { padding: 4% 0; max-width: 800px; margin: 0 auto; } .news_info img { height: auto; } .news_info article.info iframe { width: 100%; min-height: 300px; } .news_info .title { text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 15px; } .news_info .title h1 { font-size: 24px; color: #000; margin: 15px 0; } .news_info .title p { margin-bottom: 0; color: #999; } .news_info .title p span { margin: 0 4px; display: inline-block; overflow: hidden; } .news_info .title p span a { margin-right: 2px; border-radius: 3px; color: #027BB8; border: 1px solid #027BB8; float: left; padding: 0 5px; transition: 0.3s; } .news_info .title p span a:hover { color: #fff; background: #027BB8; } .news_info .info { padding: 2%; } .news_info .info p, .news_info .info h1 { margin: 0; } .news_info .info_back { text-align: center; padding-bottom: 3%; } .news_info .info_back a { color: #027BB8; } .news_info .info_pn { overflow: hidden; } .news_info .info_pn span { float: left; overflow: hidden; width: 50%; padding-right: 5%; min-height: 20px; } .news_info .info_pn span:nth-child(2) { text-align: right; padding-left: 5%; padding-right: 0; } .news_info .info_pn span a { color: #999; font-size: 12px; } .news_info .info_pn span a:hover { color: #027BB8; } /*@media (max-width: 1024px) { .news_info .title h1 { font-size: 1.25rem; } .news_info .info_pn span a { font-size: 0.875rem; } }*/ .article-scroll { position: relative; } .article-scroll .slider-nav { border-bottom: 1px solid #d4d4d4; background: url(../images/yearbg.gif) repeat-x left bottom; margin: 0 25px; } .article-scroll .slider-nav li { position: relative; cursor: pointer; padding-bottom: 20px; } .article-scroll .slider-nav li::after { position: absolute; content: ''; width: 2px; height: 6px; background: #adadad; left: 50%; margin-left: -1px; bottom: 0; } .article-scroll .slider-nav li span { display: block; max-width: 70px; margin: 0 auto; line-height: 35px; text-align: center; font-size: 24px; font-family: Arial, Helvetica, sans-serif; } .article-scroll .slider-nav li.slick-current span { border-radius: 5px; background: #027BB8; color: #fff; } .article-scroll .slider-nav .slick-arrow { position: absolute; top: 9px; padding: 0; width: 9px; height: 16px; background: url(../images/btn_year.gif) no-repeat right top; border: none; cursor: pointer; font-size: 0px; opacity: 0.5; } .article-scroll .slider-nav .slick-next { right: -25px; } .article-scroll .slider-nav .slick-prev { left: -25px; background-position: left top; } /*.article-scroll .slider-nav .slick-disabled{ cursor:default; opacity:0.2;}*/ .article-scroll-for { padding-bottom: 4%; } .article-scroll-for .tips { color: #999; text-align: center; padding: 2% 0; } .article-scroll-for ul { margin-bottom: 3%; font-family: Arial, Helvetica, sans-serif; } .article-scroll-for ol { font-weight: bold; padding-bottom: 5px; } .article-scroll-for li { padding-left: 32px; padding-bottom: 2px; background: url(../images/icon_link.png) no-repeat 12px 0; } .article-scroll-for li a { color: #999; } .article-scroll-for ol:last-child { padding-left: 32px; } /*.article-scroll-for .Pages{margin-top:5%;padding-bottom:0;}*/ .page-html .Pages { padding-top: 0; } .page-html .Pages .a_first, .page-html .Pages .a_end { display: inline-block; } .wap-article .box { padding-top: 8%; } .wap-article .box-show { background: #fbfbfb; } .wap-article .tit-con { margin: 0 3%; padding-bottom: 3%; border-bottom: 1px solid #eee; } .wap-article .box-show .tit-con { /*position:fixed; left:0; width:100%; z-index:50 ; margin:0; padding:0 3%; background:#f9f9f9;*/ border-color: transparent; } .wap-article .tit-con h3 { margin: 0; position: relative; font-size: 1.5rem; font-weight: normal; } .wap-article .tit-con h3::after { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); content: ''; width: 0.875rem; height: 0.875rem; background: url(../images/tabli_a.png) no-repeat center center; background-size: contain; } .wap-article .tit-con p { color: #999; font-size: 0.75rem; line-height: 1.125rem; margin: 1% 0 0 0; } .wap-article .box .list { display: none; padding: 3%; overflow: auto; } .wap-article .box .list ul:not(:last-child) { border-bottom: 1px solid #eee; margin-bottom: 8%; } .wap-article .box .list ul { font-size: 0.75rem; line-height: 0.75rem; padding-bottom: 5%; } .wap-article .box .list li { padding: 4% 0 0 0; } .wap-article .box .list li a { position: relative; display: block; padding-left: 1.5rem; color: #027BB8; } .wap-article .box .list li a.no-link { color: #555; } .wap-article .box .list li a::before { position: absolute; content: ''; width: 1rem; height: 1rem; left: 0; top: 0; background: url(../images/icon_link_wap.png) no-repeat center center; background-size: contain; } .wap-article .box .list li a.no-link::before { display: none; } .wap-article .box .list li aside { padding-left: 1.5rem; padding-top: 3%; } .wap-article .box .edit-info { width: 106%; margin-left: -3%; padding: 5% 3%; } .wap-article .box .edit-info:not(:last-child) { margin-bottom: 3%; } .wap-article .box .edit-info p { margin: 0; line-height: 1.5rem; } .wap-article .box .edit-info:nth-child(2n-1) { background-color: #fcfcfc; } @media (min-width: 1025px) { .wap-article { display: none; } } /*@media (max-width: 1024px) { .article-scroll { display: none; } }*/ .list-history .year-all { background: #fafafa; margin: 2.5% 0; } .list-history .year-all dd { width: 25%; position: relative; border-right: 4px solid #fff; } .list-history .year-all dd:nth-child(1) { z-index: 4; } .list-history .year-all dd:nth-child(2) { z-index: 3; } .list-history .year-all dd:nth-child(3) { z-index: 2; } .list-history .year-all dd:nth-child(4) { z-index: 1; } .list-history .year-all dd::before { position: absolute; content: ''; background: #fafafa; z-index: 3; width: 34px; height: 34px; border: 4px solid #fff; top: 50%; margin-top: -17px; right: -17px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .list-history .year-all dd:last-child::before { display: none; } .list-history .year-all dd a { display: block; padding: 30px; background: #fafafa; position: relative; z-index: 4; color: #555; } .list-history .year-all dd h3 { margin: 0; font-size: 16px; } .list-history .year-all dd h2 { margin: 0; color: #027BB8; font-size: 16px; } .list-history .year-all dd h2 span { font-size: 24px; font-weight: normal; } .list-history .year-all dd p { line-height: 24px; } .list-history .year-all dd a, .list-history .year-all dd { transition: 0.2s; } .list-history .year-all dd:hover, .list-history .year-all dd:hover a, .list-history .year-all dd:hover::before { background: #027BB8; } .list-history .year-all dd:hover * { color: #fff; } .list-history .year-all dd:hover::before { border: 4px solid #027BB8; } /*@media (max-width: 1024px) { .list-history .year-all { display: block; } .list-history .year-all dd { width: auto; border-right: 0; border-bottom: 4px solid #fff; } .list-history .year-all dd::before { right: auto; left: 50%; margin-left: -17px; top: 100%; } .list-history .year-all dd h3 { font-size: 1rem; } .list-history .year-all dd h2 { font-size: 0.875rem; } .list-history .year-all dd h2 span { font-size: 1rem; } .list-history .year-all dd p { line-height: 1.25rem; } }*/ .list-history .box { padding: 2% 0; } .list-history .box .name { text-align: center; border-bottom: 1px solid #eee; padding-bottom: 17px; margin-bottom: 30px; } .list-history .box .name b { display: inline-block; position: relative; font-size: 16px; color: #fff; line-height: 50px; padding: 0 25px; background: #027BB8; border-radius: 5px; } .list-history .box .name b::after { position: absolute; content: ''; border: 10px solid transparent; border-top-color: #027BB8; top: 100%; left: 50%; margin-left: -5px; } .list-history .box li { position: relative; } .list-history .box li time { color: #027BB8; padding: 12px 0 12px 10px; border-radius: 5px; font-weight: bold; } .list-history .box li:hover time { background: #027BB8; color: #fff; padding-right: 10px; } .list-history .box li:hover time::after { position: absolute; content: ''; border: 7px solid transparent; border-left-color: #027BB8; left: 100%; top: 24px; } .list-history .box li time span { display: none; } .list-history .box li:hover time span { display: inline; } .list-history .box li .txt { border-left: 2px solid #eee; padding-left: 42px; padding-bottom: 20px; } .list-history .box li:last-child .txt { padding-bottom: 0; } .list-history .box li .txt { position: relative; } .list-history .box li .txt i { position: absolute; content: ''; left: -2px; top: 20px; width: 22px; height: 2px; background: #eee; } .list-history .box li .txt i::before { position: absolute; content: ''; left: -2px; top: 50%; margin-top: -3px; width: 6px; height: 6px; background: #027BB8; } .list-history .box li .txt dt { width: 15%; } .list-history .box li .txt dt img { display: block; width: 100%; } .list-history .box li .txt dd { width: 81%; margin-left: 4%; border-bottom: 1px solid #eee; padding-top: 1%; padding-bottom: 2%; } @media (min-width: 641px) { .list-history .box li { padding-left: 158px; } .list-history .box li time { position: absolute; left: 0; top: 0; width: 130px; text-align: right; } .list-history .box li:hover time { min-height: 66px; text-align: left; top: -12px; } } @media (min-width: 1025px) { .list-history .box li time { font-size: 16px; } .list-history .box li .txt dd { font-size: 16px; line-height: 26px; } } @media (max-width: 1200px) { .list-history .box li .txt dt { width: 30%; } .list-history .box li .txt dd { width: 66%; } } /*@media (max-width: 1024px) { .list-history .box .name b { font-size: 1rem; line-height: 2.5rem; } }*/ @media (max-width: 640px) { .list-history .box li { border-left: 2px solid #eee; padding-left: 30px; } .list-history .box li time { position: relative; display: block; margin-bottom: 10px; } .list-history .box li .txt { border-left: 0; padding-left: 0; } .list-history .box li .txt i { left: -32px; top: -32px; } .list-history .box li:hover time::after { left: -14px; crop: 50%; margin-top: -7px; border-left-color: transparent; border-right-color: #027BB8; } } .same-dots .slick-dots { text-align: center; padding: 30px 0; z-index: 3; } .same-dots .slick-dots li { cursor: pointer; display: inline-block; width: 20px; height: 20px; opacity: 1; border: 1px solid transparent; position: relative; background: none; margin: 0 5px; border-radius: 50%; } .same-dots .slick-dots li button { display: none; } .same-dots .slick-dots li::before { position: absolute; content: ''; left: 3px; top: 3px; right: 3px; bottom: 3px; border-radius: 50%; background: #ddd; } .same-dots .slick-dots li.slick-active { border-color: #7eacd4; background: #fff; } .same-dots .slick-dots li.slick-active::before { background: #027BB8; } @media (max-width: 768px) { .same-dots .slick-dots { padding: 3% 0; } .same-dots .slick-dots li { width: 16px; height: 16px; margin: 0 2px; } } .scroll-grid { position: relative; } .same-arrow .slick-arrow { position: absolute; cursor: pointer; width: 40px; height: 40px; border: 1px solid #dce2e7; border-radius: 50%; font-size: 0; background: none; } .same-arrow .slick-arrow::before { position: absolute; content: ''; width: 12px; height: 12px; border-top: 3px solid #dce2e7; border-right: 3px solid #dce2e7; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 50%; top: 50%; margin: -6px 0 0 -8px; } .same-arrow .slick-arrow:hover { background: #027BB8; } .same-arrow .slick-arrow:hover::before { border-color: #fff; } .same-arrow .slick-prev::before { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: -3px; } @media (min-width: 1201px) { .same-arrow .slick-arrow { top: 50%; margin-top: -20px; } .same-arrow .slick-prev { left: -5%; } .same-arrow .slick-next { right: -5%; } } @media (max-width: 1200px) { .same-arrow .slick-slider { padding-bottom: 50px; } .same-arrow .slick-arrow { bottom: 0; left: 50%; } .same-arrow .slick-prev { margin-left: -50px; } .same-arrow .slick-next { margin-right: -50px; } } /*@media (max-width: 1024px) { .scroll-grid { width: 150%; margin-left: -25%; } .scroll-grid .slick-arrow { display: none !important; } .singlePage-info-1 { overflow-x: hidden; } !*.same-arrow .slick-slider{ padding-bottom:0;}*! }*/ .all-more { display: inline-block; color: #027BB8; transition: 0.2s; } @media (min-width: 1025px) { .all-more { line-height: 36px; width: 80px; } .all-more span { display: none; } .all-more::after { color: #027BB8; display: inline-block; content: '>'; font-family: '宋体'; vertical-align: middle; margin-left: 5px; } .all-more:hover { text-align: center; color: #fff; background: #027BB8; width: 90px; } .all-more:hover::after { color: #fff; } } /*@media (max-width: 1024px) { .all-more { width: 7.5rem; line-height: 2.5rem; color: #027BB8; border: 1px solid #027BB8; border-radius: 5px; text-align: center; } .all-more:hover { background: #027BB8 s; color: #fff; } }*/ .same-list-news li h3 { margin: 0; font-weight: normal; } .same-list-news li p { color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .same-list-news li time { display: block; color: #999; } .same-list-news li .pic img { display: block; width: 100%; } @media (min-width: 1025px) { .same-list-news li h3 { font-size: 16px; line-height: 26px; } .same-list-news li h3.dot2 { height: 52px; } .same-list-news li p { margin: 8px 0 0 0; line-height: 24px; height: 48px; } } /* @media (max-width: 1024px) { .same-list-news li h3 { font-size: 1.25rem; } .same-list-news li p { margin: 5% 0; } */ } .news-top { position: relative; } .news-top .auto { max-width: 1260px; } .news-top::before { position: absolute; content: ''; width: 100%; left: 0; bottom: 0; background: #fafafa; height: 60%; } .news-top .auto { position: relative; z-index: 2; } .news-top li .txt, .news-top li .pic { margin: 0 30px; } .news-top li .txt { border-bottom: 1px solid #eee; padding-bottom: 18px; padding-top: 16px; } @media (min-width: 1025px) { .news-top li .txt time { line-height: 24px; } } /*@media (max-width: 1024px) { .news-top li .txt, .news-top li .pic { margin: 0 15px; } .news-top li .txt time { padding-bottom: 3%; } }*/ @media (max-width: 480px) { .news-top li .txt, .news-top li .pic { margin: 0; } } .list-news li { border-bottom: 1px solid #eee; margin-top: 6%; overflow: hidden; } @media (min-width: 1025px) { .list-news li { float: left; width: 50%; padding-right: 3%; } .list-news li:nth-child(2n) { padding-right: 0; padding-left: 3%; } .list-news li:nth-child(2n+1) { clear: left; } .list-news li .txt p { margin: 10px 0; } .list-news li .txt time { position: relative; } .list-news li .txt time .all-more { position: absolute; right: 0; top: 0; } } .list-news li > * { padding-bottom: 30px; } .list-news li .txt time { overflow: hidden; line-height: 36px; } @media (min-width: 769px) { .list-news li .pic { float: left; width: 42.555%; } .list-news li .txt { float: right; width: 51.6%; } } /*@media (max-width: 1024px) { .list-news li .txt time { padding-bottom: 0; } .list-news li .txt time .all-more { margin-top: 3%; display: block; } }*/ @media (max-width: 768px) { .list-news li .pic { padding-bottom: 2%; } } .Parsing-class-text .list .txt-main { position: relative; border: 1px solid #eee; border-radius: 7px; background: #fff; box-shadow: 0 0 20px rgba(238, 238, 238, 0.9); display: none; margin-bottom: 15px; } .Parsing-class-text .list .txt-main::before { position: absolute; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 14px; height: 14px; background: #fff; border: 1px solid #eee; left: 5%; top: -7px; } .Parsing-class-text .list .txt { padding: 20px; position: relative; background: #fff; z-index: 3; border-radius: 7px; } .Parsing-class-text .list .txt p { margin: 0; } .Parsing-class-text .list .click { line-height: 17px; margin: 0; font-size: 14px; padding: 10px 0; cursor: pointer; } .Parsing-class-text .list .click span { display: inline-block; position: relative; width: 17px; height: 17px; border-radius: 50%; background: #dce2e7; vertical-align: middle; margin-left: 5px; } .Parsing-class-text .list .click span::before { position: absolute; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 6px; height: 6px; top: 50%; left: 50%; border-top: 2px solid #fff; border-right: 2px solid #fff; margin: -3px 0 0 -5px; } .Parsing-class-text .list .active { padding-bottom: 20px; } .Parsing-class-text .list .active span { background: #027BB8; } .Parsing-class-text .list .active span::before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); margin-left: -3px; margin-top: -4px; } .Parsing-class-text .list .click:hover, .Parsing-class-text .list .active { color: #027BB8; } .Info-List .all-title { margin-bottom: 2%; } .Info-List .info-main { padding-bottom: 3%; } /* .Info-List .list li{overflow:hidden;} */ .Info-List .list li .pic img { display: block; width: 100%; } .Info-List .list li .txt { padding-top: 8px; } .Info-List .list li .txt h5 { margin: 0; } .Info-List .list li .txt h5 a { color: #555; } .Info-List .list li .txt h5 a:hover { color: #027BB8; } .Info-List .list li .txt p { color: #888; } .Info-List .list li .txt div.dothide { line-height: 24px; margin-top: 10px; } .Info-List .list li .txt div.dothide p { margin: 0px; padding: 0 } .Info-List .list li .txt .txtHide { display: none; } .Info-List-2 .list li .txt .txtHide { display: none; } .Info-List .list li .txt .infoA, .Info-List .list li .txt .infoAB { display: none; } .Info-List .list li.click .txt .infoA, .Info-List .list li.click .txt .infoAB { display: inline-block; color: #027BB8; transition: 0.2s; line-height: 30px; width: 80px; } .Info-List .list li.click .txt .infoA:after, .Info-List .list li.click .txt .infoAB:after { color: #027BB8; display: inline-block; content: '>'; font-family: '宋体'; vertical-align: middle; margin-left: 5px; } .Info-List .list li.click .txt .infoA:hover, .Info-List .list li.click .txt .infoAB:hover { text-align: center; color: #fff; background: #027BB8; width: 90px; } .Info-List .list li.click .txt .infoA:hover:after, .Info-List .list li.click .txt .infoAB:hover:after { color: #fff } .Info-List .list li .txt div.dothide { position: relative; } .Info-List .list li .txt div.dothide .infoA, .Info-List .list li .txt div.dothide .infoAB { position: absolute; right: 0; bottom: -10px; } .Info-List-1 { padding-bottom: 3%; } .Info-List-1 .list li { margin-bottom: 3%; } @media (min-width: 1200px) { /* .Info-List .list li .txt p{height:69px;} */ } @media (min-width: 1025px) { .Info-List .info-main { line-height: 24px; max-width: 534px; } .Info-List .list li .txt h5 { font-size: 14px; } /* .Info-List .list li .txt p{line-height:24px; margin:10px 0 0 0;} */ .Info-List .list li .pic { float: left; width: 33.334%; } .Info-List .list li .txt { float: right; width: 61.668%; } .Info-List-2 .list { position: relative; } .Info-List-2 .list li { margin-top: 25px !important; margin-bottom: 25px; float: left; width: 50%; } .Info-List-2 .list li .pic { width: 34.354%; } .Info-List-2 .list li .pic img { max-height: 134px; } .Info-List-2 .list li .txt { width: 59.354%; padding-right: 3%; } } @media (min-width: 769px) { .Info-List-1 .list li { float: left; width: 50%; padding-right: 5%; } .Info-List-1 .list li:nth-child(2n) { padding-right: 0; padding-left: 5%; } .Info-List-1 .list li:nth-child(2n+1) { clear: left; } } .Info-List-2 { background: #f5f7f9; padding: 2% 0 3% 0; } /*@media (max-width: 1024px) { .Info-List .info-main { padding: 3% 0 8% 0; } .Info-List .list li .txt { padding-top: 10%; } .Info-List .list li .txt h5 { font-size: 1.125rem; } !* .Info-List .list li .txt p{font-size:0.875rem;line-height:1.5rem;} *! .Info-List-2 .list li { margin-top: 10px !important; margin-bottom: 10px; } }*/ .Info-List-2 .slick-arrow { position: absolute; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #dce2e7; cursor: pointer; font-size: 0; background: none; } .Info-List-2 .slick-arrow::before { position: absolute; content: ''; width: 12px; height: 12px; border-top: 3px solid #dce2e7; border-right: 3px solid #dce2e7; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 50%; left: 50%; margin: -6px 0 0 -7px; border-radius: 0 0 0 4px; } .Info-List-2 .slick-arrow:hover { background: #027BB8; border-color: #027BB8; } .Info-List-2 .slick-arrow:hover::before { border-color: #fff; } .Info-List-2 .slick-prev::before { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: -4px; } @media (min-width: 1281px) { .Info-List-2 .slick-arrow { top: 50%; margin-top: -20px; } .Info-List-2 .slick-prev { left: -7%; } .Info-List-2 .slick-next { right: -7%; } } @media (min-width: 1025px) and (max-width: 1280px) { .Info-List-2 .silder { padding-bottom: 50px; } .Info-List-2 .slick-arrow { bottom: 0; left: 50%; } .Info-List-2 .slick-prev { margin-left: -50px; } .Info-List-2 .slick-next { margin-right: -50px; } } @media (min-width: 1025px) { .wap-gongyi { display: none; } } /*@media (max-width: 1024px) { .pc-gongyi { display: none; } .wap-gongyi dl { position: relative; z-index: 100; } .wap-gongyi dt { position: relative; border: 1px solid #eee; line-height: 2.8125rem; padding: 0 1rem; background: #fff; font-size: 1.5rem; } .wap-gongyi dt::after { position: absolute; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); content: ''; width: 0.875rem; height: 0.875rem; margin-top: -0.4375rem; background: url(../images/tabli_a.png) no-repeat center center; top: 50%; background-size: contain; right: 3%; } .wap-gongyi dd { border: 1px solid #eee; border-top: 0; position: absolute; left: 0; top: 100%; width: 100%; z-index: 100; background: #fff; display: none; } .wap-gongyi dd a { display: block; line-height: 2.5rem; padding: 0 1rem; } !*.wap-gongyi .afterHtml li .pic{ padding-top:30px;} .wap-gongyi .afterHtml li .txt{ padding:0 0 20px 0;} .wap-gongyi .afterHtml li h5{font-size:1.125rem; margin:0;} .wap-gongyi .afterHtml li p{font-size:0.875rem; line-height:1.5rem;-webkit-line-clamp:3;}*! .Info-List-2 { background: #fbfbfb; } .Info-List-2 .slick-arrow { display: none !important; } .Info-List-2 { padding-bottom: 0; } .Info-List-2 .slick-dots { background: #fff; text-align: center; padding: 3% 0 0 0; width: 106%; margin-left: -3%; } .Info-List-2 .slick-dots li { display: inline-block; width: 0.625rem; height: 0.625rem; margin: 0 0.3125rem; border-radius: 50%; background: #eee; } .Info-List-2 .slick-dots li button { display: none; } .Info-List-2 .slick-dots li.slick-active { background: #027BB8; } .Info-List-2 .list li .txt { padding-bottom: 3%; } !* .swiper-btn{text-align:center;} .swiper-btn a{position:relative;display:inline-block;margin:0 20px;}*! }*/ /*.swiper-btn a.prev::before{transform:rotate(-135deg);margin-left:-4px;} .swiper-btn a.swiper-button-disabled{cursor:default;} .swiper-btn a.swiper-button-disabled:hover{border-color:#dce2e7;background:none;} .swiper-btn a.swiper-button-disabled:hover::before{border-color:#dce2e7;}*/ .list-activities li { margin-bottom: 2%; background: #fafafa; border-radius: 5px; padding: 2%; transition: 0.3s; overflow: hidden; } .list-activities li .txt { padding-top: 3%; } .list-activities li .txt time { padding-top: 4%; padding-bottom: 6%; } .list-activities li:hover { background: #027BB8; } .list-activities li:hover h3 { color: #fff; } .list-activities li:hover a { color: #fff; } @media (min-width: 1025px) { .list-activities li:hover a.all-more::after { color: #fff; } } .list-activities li:hover .txt time { color: #fff; } /*.list-activities .Pages{ border-top:0;}*/ @media (min-width: 769px) { .list-activities li { float: left; width: 48%; margin-right: 2%; } .list-activities li:nth-child(2n) { margin-right: 0; margin-left: 2%; } .list-activities li:nth-child(2n+1) { clear: left; } } @media (min-width: 481px) { .list-activities li .pic { float: left; width: 45.454545%; } .list-activities li .txt { float: right; width: 49.24%; padding-top: 3%; } } @media (max-width: 480px) { .list-activities li { padding: 5%; } } .list-video li { float: left; margin-bottom: 2%; } .list-video li .pic { position: relative; } .list-video li .pic img { display: block; width: 100%; } .list-video li .pic a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 179, 220, 0.6); transition: 0.3s; } .list-video li:hover .pic a { opacity: 0; } .list-video li .pic a::before { position: absolute; content: ''; width: 64px; height: 64px; border: 3px solid rgba(255, 255, 255, 0.8); border-radius: 50%; left: 50%; top: 50%; margin: -32px 0 0 -32px; background: url(../images/a_video.png) no-repeat center center; background-size: 41% auto; } .list-video li .txt { background: #fafafa; padding: 4% 3% 3% 3%; } .list-video li .txt p { margin: 0; font-size: 16px; line-height: 26px; height: 52px; text-align: center; } @media (min-width: 769px) { .list-video li { width: 30%; margin-right: 5%; } .list-video li:nth-child(3n) { margin-right: 0; } .list-video li:nth-child(3n+1) { clear: left; } } @media (max-width: 768px) { .list-video li { width: 48%; margin-right: 4%; } .list-video li:nth-child(2n) { margin-right: 0; } .list-video li:nth-child(2n+1) { clear: left; } } @media (max-width: 480px) { .list-video li .pic a::before { width: 48px; height: 48px; margin: -24px 0 0 -24px; } .list-video li .txt p { font-size: 14px; line-height: 22px; height: 44px; } } .video-files { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 300; background: rgba(0, 0, 0, 0.6); display: block; } .video-files .main { height: 50%; width: 90%; max-width: 900px; margin: 0 auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .video-files .main .close { cursor: pointer; position: absolute; right: -30px; top: -30px; width: 30px; height: 30px; } .video-files .main .close::before, .video-files .main .close::after { position: absolute; content: ''; width: 100%; height: 3px; left: 0; top: 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: #fff; border-radius: 3px; } .video-files .main .close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .video-files .main video { background: #000; width: 100%; height: 56vh; } @media (max-width: 768px) { .video-files .main video { height: 100%; } .video-files .main { max-height: 320px; } .video-files .main .close { right: auto; left: 50%; top: auto; bottom: -40px; margin-left: -15px; } } @media (max-width: 480px) { .video-files .main { max-height: 280px; } } .list-SpecialColumn { padding-bottom: 3%; } .list-SpecialColumn li { background: #fafafa; padding: 1.65%; margin-bottom: 3%; transition: 0.3s; } @media (min-width: 641px) { .list-SpecialColumn li { float: left; width: 48.3%; margin-right: 3.4%; } .list-SpecialColumn li:nth-child(2n) { margin-right: 0; } .list-SpecialColumn li:nth-child(2n+1) { clear: left; } } .list-SpecialColumn li .pic { display: block; position: relative; } .list-SpecialColumn li .pic img { display: block; width: 100%; } .list-SpecialColumn li .hover { opacity: 0; background: rgba(0, 0, 0, 0.8); position: absolute; left: 0; bottom: 0; right: 0; padding: 5%; color: #fff; transition: 0.3s; } .list-SpecialColumn li .hover aside { line-height: 30px; height: 90px; } .list-SpecialColumn li p { margin: 0; line-height: 36px; padding-top: 3%; } .list-SpecialColumn li p .dot { font-size: 22px; color: #666; padding-right: 5%; } .list-SpecialColumn li p .all-more { float: right; } .list-SpecialColumn li:hover { background: #027BB8; } .list-SpecialColumn li:hover .hover { opacity: 1; } .list-SpecialColumn li:hover p .dot { color: #fff; } @media (min-width: 1025px) { .list-SpecialColumn li:hover .all-more, .list-SpecialColumn li:hover .all-more::after { color: #fff; } } @media (min-width: 641px) and (max-width: 1024px) { .list-SpecialColumn li p .dot { font-size: 16px; } .list-SpecialColumn li .hover aside { line-height: 24px; height: 72px; } } @media (max-width: 640px) { .list-SpecialColumn li { padding: 5%; } } @media (max-width: 480px) { .list-SpecialColumn li p .dot { font-size: 16px; } .list-SpecialColumn li .hover aside { line-height: 24px; height: 72px; } } .list-download { /*padding-bottom: 5%;*/ } .list-download li { float: left; margin-bottom: 5%; } .list-download li a { display: block; color: #555; } .list-download li img { display: block; width: 100%; border: 1px solid #ccc; } .list-download li p { line-height: 50px; margin: 0 auto; background: url(../images/a_download.gif) no-repeat right center; padding-right: 30px; } .list-download li a:hover p { color: #027BB8; } @media (min-width: 769px) { .list-download li { width: 20%; margin-right: 2.5%; margin-left: 2.5%; } .list-download li:nth-child(4n+1) { clear: left; } } /*@media (min-width:641px) and (max-width:768px){ .list-download li{width:30.33333333%;margin-right:1.5%;margin-left:1.5%;} .list-download li:nth-child(3n+1){clear:left;} }*/ @media (max-width: 768px) { .list-download li { width: 45%; margin-right: 2.5%; margin-left: 2.5%; } .list-download li:nth-child(2n+1) { clear: left; } .list-download li p { background-image: url(../images/a_download_wap.png); padding-right: 1rem; line-height: 3rem; background-size: 13px; } } .list-link li { float: left; margin-bottom: 5%; } .list-link li a { display: block; color: #555; } .list-link li img { display: block; width: 100%; } .list-link li p { line-height: 50px; margin: 0 auto; text-align: center; padding-right: 30px; } .list-link li a:hover p { color: #027BB8; } @media (min-width: 769px) { .list-link li { width: 20%; margin-right: 2.5%; margin-left: 2.5%; } .list-link li:nth-child(4n+1) { clear: left; } } @media (min-width: 641px) and (max-width: 768px) { .list-link li { width: 30.33333333%; margin-right: 1.5%; margin-left: 1.5%; } .list-link li:nth-child(3n+1) { clear: left; } } @media (max-width: 640px) { .list-link li { width: 45%; margin-right: 2.5%; margin-left: 2.5%; } .list-link li:nth-child(2n+1) { clear: left; } } .ordinary-singlePage { padding: 4% 0; } .ordinary-singlePage-nopt { padding-top: 0; } .scroll-logo { position: relative; margin-top: 4%; } .scroll-logo ol { padding: 0 15px; } .scroll-logo li { position: relative; /* display:-webkit-box; display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center; */ display: table; background: #fff; margin: 10px 0; } .scroll-logo li a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #eee; } .scroll-logo li .img { width: 45.37%; vertical-align: middle; display: table-cell; } .scroll-logo li .img img { width: 100%; } .scroll-logo li p { width: 54.63%; display: table-cell; vertical-align: middle; padding: 0 10px; } .singlePage-info-1-has-border { padding-top: 0; } .singlePage-info-1-has-border .auto { border-top: 1px solid #eee; padding-top: 3%; } .form-content { padding-bottom: 4%; } .form-content .all-title { margin-bottom: 0; } .form-content .left { padding: 2% 0; } .form-content .left p { margin-bottom: 3%; } .form-content .right img { display: block; width: 100%; } .form-content .left td { vertical-align: top; line-height: 36px; padding-bottom: 22px; } .form-content .left td.f-name { width: 95px; text-align: right; padding-right: 10px; } .form-content .left td div { position: relative; padding-right: 15px; } .form-content .left td div.max-text { max-width: 255px; } .form-content .left td div .form_err { line-height: none; position: absolute; right: 0; top: 0; color: #f00; } .form-content .left td .text { width: 100%; line-height: 36px; height: 36px; border: 1px solid #eee; padding: 0 10px; } .form-content .left td textarea.text { display: block; height: 128px; padding: 10px; } .form-content .left td .btn { width: 30%; max-width: 80px; background: none; border: 1px solid #027BB8; color: #027BB8; border-radius: 4px; height: 40px; cursor: pointer; font-size: 16px; font-weight: bold; margin-right: 10px; } .form-content .left td .btn_submit { width: 50%; max-width: 150px; } .form-content .left td .btn:hover { background: #027BB8; color: #fff; } @media (min-width: 769px) { .form-content .all-title { max-width: 58.3%; } .form-content .left { float: left; width: 58.3%; } .form-content .right { float: right; width: 35%; } } /*@media (max-width: 1024px) { .form-content .left td.f-name { width: 5.3125rem; } .form-content .left td div.max-text { max-width: none; } .form-content .left td { line-height: 2rem; } .form-content .left td .text { height: 2rem; line-height: 2rem; } .form-content .left td textarea.text { height: 6rem; padding: 0 1rem; font-size: 0.85rem; } .form-content .left td .btn { max-width: none; font-weight: normal; height: 2rem; font-size: 1rem; } }*/ @media (min-width: 1200px) { .scroll-logo li .img img { width: 95px; height: 95px; } } .myform { display: none; position: fixed; z-index: 600; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .myform .xycenterbox { width: 100%; height: 100%; display: block; } .myform .main { position: relative; border-radius: 5px; background: #fff; width: 96%; max-width: 1000px; padding: 1% 2% 2% 1%; overflow-y: auto; overflow-x: visible; max-height: 100%; position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .myform .close { position: absolute; right: 0; top: 0; width: 70px; height: 70px; border-radius: 50%; cursor: pointer; } .myform .close::before, .myform .close::after { position: absolute; content: ''; width: 60%; left: 20%; top: 50%; margin-top: -1px; height: 2px; background: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .myform .close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .myform .all-title { text-align: center; } .myform .table ul li { position: relative; padding-left: 156px; min-height: 36px; margin-bottom: 15px; } .myform .table ul li label { position: absolute; left: 0; top: 0; line-height: 36px; font-size: 16px; width: 156px; } .myform .table div { position: relative; padding-right: 15px; } .myform .table div .form_err { line-height: none; position: absolute; right: 0; top: 0; color: #f00; } .myform .table .text { width: 100%; line-height: 36px; height: 36px; border: 1px solid #eee; padding: 0 10px; } .myform .btn { margin-top: 3%; padding-top: 3%; border-top: 1px solid #eee; text-align: center; } .myform .btn input { width: 50%; max-width: 150px; background: none; border: 1px solid #027BB8; color: #027BB8; border-radius: 4px; height: 40px; cursor: pointer; font-size: 16px; font-weight: bold; } .myform .btn input:hover { background-color: #027BB8; color: #fff; } .myform .table textarea.text { display: block; height: 128px; padding: 10px; } .myform .table .placeholder .webuploader-pick { background: #666; } .myform .table .statusBar .btns .uploadBtn { background: #666; float: right; margin-right: 180px; } .myform .table .placeholder { padding: 15px; font-size: 14px; } .myform .table .placeholder div { padding: 0; word-break: break-all; } .myform .table .wu-example .queueList { padding: 0; margin: 0; } .myform .table .wu-example .webuploader-container { padding: 0; } .myform .table .wu-example .webuploader-pick { font-size: 14px; text-align: center; padding: 0; width: 100%; } @media (min-width: 1025px) { .myform .table ul { float: left; width: 48%; } .myform .table ul:nth-child(2n) { float: right; } .myform .table ul.ul_end { width: auto; float: none; clear: both; } } @media (max-width: 1160px) { .myform .close { right: 5%; top: 10px; background: #666; width: 40px; height: 40px; z-index: 10; } } /*@media (max-width:1024px){ .myform .table ul li{padding-left:115px;} .myform .table ul li label{font-size:14px;width:115px;line-height:normal;} } @media (max-width:480px){ .myform .table ul li{margin-bottom:5px;} .myform .table ul li label{font-size:12px;} }*/ .noindent { text-indent: 0 !important; } .no-bg { background-color: transparent !important; } .rel { position: relative; } .no-margin { margin: 0 !important; } .icon-white .swiper-pagination-bullet { background-color: #fff; width: 12px; height: 12px; position: relative; margin: 0 8px !important; } .icon-white .swiper-pagination-bullet-active:before { content: ''; width: 18px; height: 18px; display: block; position: absolute; border: solid 1px #fff; left: -3px; top: -3px; border-radius: 100px; } .icon-blue .swiper-pagination-bullet { background-color: #027BB8; width: 12px; height: 12px; position: relative; margin: 0 8px !important; } .icon-blue .swiper-pagination-bullet-active:before { content: ''; width: 18px; height: 18px; display: block; position: absolute; border: solid 1px #027BB8; left: -3px; top: -3px; border-radius: 100px; } .swiper-button-next, .swiper-button-prev { background-size: 40px 40px !important; width: 40px !important; height: 40px !important; } .swiper-button-next { background-image: url(../images/arrow-right.png) !important; right: -60px !important; } .swiper-button-prev { background-image: url(../images/arrow-left.png) !important; left: -60px !important; } @media (max-width: 1025px) { .swiper-button-next, .swiper-button-prev { display: none; } } .pm { padding: 0; margin: 0; } .bgcolor { background-color: #f5f7f9; padding: 3% 0; margin-bottom: 2%; } .bgcolor-rgb { background: #f5f7f9; /* Old browsers */ background: -moz-linear-gradient(top, #f5f7f9 37%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f5f7f9 37%, #ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f5f7f9 37%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f7f9', endColorstr='#ffffff', GradientType=0); /* IE6-9 */ } @media (min-width: 769px) { .edit-info-w { width: 58.33%; float: right; } .edit-info-w.nofloat { float: none; } } ol.kjfw-icon-txt { padding: 0; margin: 0; } ol.kjfw-icon-txt li { list-style: none; padding: 10px 0; text-align: center; } ol.kjfw-icon-txt li pre { display: none; } ol.kjfw-icon-txt li:nth-child(3n+1) { text-align: left; } ol.kjfw-icon-txt li:nth-child(3n+3) { text-align: right; } ol.kjfw-icon-txt li a { display: block; text-align: center; overflow: hidden; } ol.kjfw-icon-txt li .icon { position: relative; border: solid 1px #eeeeee; border-radius: 50%; width: 80px; height: 80px; margin: 10px auto; overflow: hidden; transition: 0.3s; } ol.kjfw-icon-txt li .icon img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } ol.kjfw-icon-txt li .icon:hover { background: #027BB8; border-color: #027BB8; } ol.kjfw-icon-txt li .icon .hover { opacity: 0; } ol.kjfw-icon-txt li .icon:hover .hover { opacity: 1; } ol.kjfw-icon-txt.col-2 li { width: 50%; } ol.kjfw-icon-txt-has-pre li { position: relative; margin-bottom: 4%; } ol.kjfw-icon-txt-has-pre li > a { display: block; } ol.kjfw-icon-txt-has-pre li > a:hover h5 { font-weight: bold; } /*ol.kjfw-icon-txt-has-pre li > a:hover .icon img{background-color:#027BB8;border-color:#027BB8;}*/ ol.kjfw-icon-txt-has-pre li pre { display: block; text-indent: 25px; } ol.kjfw-icon-txt-has-pre li h5 { font-size: 14px; } @media (min-width: 1025px) { ol.kjfw-icon-txt li { float: left; width: 33.333%; } ol.kjfw-icon-txt li .icon img { max-width: 50px; } ol.kjfw-icon-txt li h5 { padding: 0; margin: 0; height: 48px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } ol.kjfw-icon-txt-has-pre li { width: 48%; margin-right: 4%; } ol.kjfw-icon-txt-has-pre li:nth-child(2n) { margin-right: 0; } ol.kjfw-icon-txt-has-pre li:nth-child(2n+1) { clear: left; } ol.kjfw-icon-txt-has-pre li { padding-left: 150px; } ol.kjfw-icon-txt-has-pre li > a { position: absolute; left: 0; top: 0; } ol.kjfw-icon-txt-has-pre li > a { width: 130px; } } /*@media (max-width: 1024px) { ol.kjfw-icon-txt-has-pre li { float: none; width: auto; } ol.kjfw-icon-txt li .icon { width: 8.125rem; height: 8.125rem; } ol.kjfw-icon-txt li .icon img { width: 4.375rem; } ol.kjfw-icon-txt li h5 { font-size: 1.25rem; font-weight: normal; margin: 5% 0 3% 0; } ol.kjfw-icon-txt-has-pre li pre { line-height: 1.5rem; font-size: 0.875rem; text-indent: 1.5625rem; } }*/ .list-yqpd-equipment { padding: 2% 0; } .list-yqpd-equipment ul { position: relative; } .list-yqpd-equipment ul li { margin-bottom: 50px; } .list-yqpd-equipment ul li figure { width: 53%; float: left; } .list-yqpd-equipment ul li .txt { width: 47%; padding: 0 2%; float: right; } .list-yqpd-equipment ul li .txt .more { display: inline-block; text-align: center; border-radius: 6px; color: #027BB8; border: solid 1px #027BB8; transition: 0.3s ease-in-out; } .list-yqpd-equipment ul li:hover .txt .more { color: #fff; background-color: #027BB8; } @media (min-width: 1025px) { .list-yqpd-equipment ul li .txt h5 { font-size: 14px; } .list-yqpd-equipment ul li { float: left; width: 48%; } .list-yqpd-equipment ul li:nth-child(2n+1) { margin-right: 1%; clear: both; } .list-yqpd-equipment ul li:nth-child(2n+1):after { position: absolute; content: ''; width: 100%; display: block; margin-top: 26px; border-bottom: dotted 1px #eeeeee; } .list-yqpd-equipment ul li .txt .more { line-height: 38px; font-size: 16px; margin-top: 20px; width: 120px; } } /*@media (max-width: 1024px) { .list-yqpd-equipment ul li { margin-bottom: 16px; } .list-yqpd-equipment ul li figure { width: 50%; } .list-yqpd-equipment ul li .txt { width: 50%; } .list-yqpd-equipment ul li:after { content: ''; width: 100%; display: block; margin-top: 16px; border-bottom: dotted 1px #eeeeee; } .list-yqpd-equipment ul li .txt h5 { font-size: 1rem; margin: 0; } .list-yqpd-equipment ul li .txt div.dot2 { margin: 5% 0; } .list-yqpd-equipment ul li .txt .more { width: 7rem; line-height: 2.2rem; } }*/ @media (min-width: 1200px) { .list-yqpd-equipment ul li figure img { width: 300px; height: 300px; } } .list-yqpd-shiji { padding: 2% 0; } .list-yqpd-shiji ul { position: relative; } .list-yqpd-shiji ul li { padding: 4% 0; border-bottom: dotted 1px #eeeeee; } .list-yqpd-shiji ul li figure { float: left; width: 38.2%; } .list-yqpd-shiji ul li .txt { float: right; width: 59.8%; padding: 0 2%; } .list-yqpd-shiji ul li .txt p { text-indent: 2em; } .list-yqpd-shiji ul li .txt dl { min-height: 24px; position: relative; padding-left: 70px; } .list-yqpd-shiji ul li .txt dl span { position: absolute; left: 0; } .list-yqpd-shiji ul li .txt .more a { display: block; text-align: center; border-radius: 6px; color: #027BB8; border: solid 1px #027BB8; transition: 0.3s ease-in-out; } .list-yqpd-shiji ul li .txt .more a:hover { color: #fff; background-color: #027BB8; } @media (min-width: 1025px) { .list-yqpd-shiji ul li .h4 { font-size: 16px; } .list-yqpd-shiji ul li { line-height: 24px; } .list-yqpd-shiji ul li .txt .more a { line-height: 50px; font-size: 16px; margin-top: 20px; width: 150px; } } /*@media (max-width: 1024px) { .list-yqpd-shiji ul li .h4 { font-size: 1rem; margin: 0; } .list-yqpd-shiji ul li .txt dl { padding-left: 5rem; } .list-yqpd-shiji ul li .txt .more { padding-top: 3%; display: block; } }*/ @media (max-width: 768px) { .list-yqpd-shiji ul li figure, .list-yqpd-shiji ul li .txt { float: none; width: auto; } .list-yqpd-shiji ul li figure { padding-bottom: 3%; } .list-yqpd-shiji ul li figure img { display: block; width: 100%; } .list-yqpd-shiji ul li .txt .more a { width: 7rem; line-height: 2.2rem; } } .pagebanner h2.f36 { font-size: 36px; } .pagebanner p.f18 { font-size: 18px; } .pagebanner p.f18:before { content: ''; display: inline-block; margin-right: 5px; position: relative; top: -4px; width: 50px; height: 1px; background-color: #fff; } /*@media (max-width: 1024px) { .pagebanner h2.f36 { font-size: 28px; } .pagebanner p.f18 { font-size: 14px; } }*/ @media (max-width: 640px) { .pagebanner h2.f36 { font-size: 20px; } } .singlePage-about { padding: 4% 0; } .singlePage-about .fl .swiper-pagination { position: relative; bottom: 0; padding: 12px 0; } /*.singlePage-about .fl .txt{font-weight:bold;line-height:35px;padding-top:5%;}*/ .singlePage-about .fr .txt { display: none; } @media (min-width: 1025px) { .singlePage-about { font-size: 16px; line-height: 24px; } .singlePage-about .fl { float: left; width: 41.5%; } .singlePage-about .fr { float: right; width: 54%; } .singlePage-about .fr .h4 b { cursor: pointer; } .singlePage-about .fr .h4:before { margin-right: 6px; top: -3px; position: relative; content: ''; display: inline-block; background-color: #7d7d7d; border-radius: 100px; width: 4px; height: 4px; } .singlePage-about .fr .h4 b:after { content: ''; border-radius: 100px; width: 17px; height: 17px; display: inline-block; margin-left: 10px; background: #dce2e7 url(../images/icon_jt_white.png) no-repeat center center; } .singlePage-about .fr .on .h4 b:after { background-color: #027BB8; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .singlePage-about .fr .txt { position: relative; padding: 2%; font-size: 14px; border: solid 1px #eeeeee; box-shadow: 0px 0px 20px 12px rgba(238, 238, 238, 0.5); border-radius: 8px; } .singlePage-about .fr .txt p { text-indent: 2em; } .singlePage-about .fr .txt:before { content: ''; position: absolute; left: 10%; top: -10px; background: url(../images/jt_up.png) no-repeat; width: 14px; height: 10px; } .singlePage-about .fr .h4:hover b, .singlePage-about .fr .on .h4 b { color: #027BB8; } .singlePage-about .fr .list.first .h4 { margin-top: 0; } } /*@media (max-width: 1024px) { .singlePage-about .scroll-pic li.slick-slide img { display: block; width: 100%; } .singlePage-about .fr .list { border-bottom: 1px solid #eee; margin-bottom: 5%; } .singlePage-about .fr .list .h4 { margin: 0; padding: 4% 0; position: relative; } .singlePage-about .fr .list .h4::after { position: absolute; content: ''; right: 3%; top: 50%; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); width: 0.875rem; height: 0.875rem; background: url(../images/tabli_a.png) no-repeat center center; background-size: contain; transition: 0.3s; } .singlePage-about .fr .list.on .h4::after { -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .singlePage-about .fr .list .h4 b { display: block; font-size: 1.125rem; font-weight: normal; } .singlePage-about .fr .txt p { text-indent: 2rem; line-height: 1.5rem; } }*/ .single-qqfb { padding: 4% 0; } .list-zjhd-team ul li { float: left; margin-top: 2%; margin-bottom: 2%; } .list-zjhd-team ul li figure { padding-bottom: 125%; background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: #eeeeee; } .list-zjhd-team ul li .txt { background-color: #fafafa; padding: 5%; line-height: 24px; } .list-zjhd-team ul li .txt h5 { margin: 0; padding: 10px 0; } .list-zjhd-team ul li .txt p { height: 72px; padding: 0; margin: 0; } .list-zjhd-team ul li .txt span { color: #027BB8; } .list-zjhd-team ul li .txt span i { font-style: normal; font-family: '宋体'; } @media (min-width: 1025px) { .list-zjhd-team ul li .txt { line-height: 24px; } .list-zjhd-team ul li .txt h5 { font-size: 16px; } .list-zjhd-team ul li .txt p { height: 72px; } } @media (min-width: 1200px) { .list-zjhd-team ul li { width: 22%; margin-right: 4%; } .list-zjhd-team ul li:nth-child(4n) { margin-right: 0; } } @media (min-width: 1025px) and (max-width: 1200px) { .list-zjhd-team ul li { width: 32%; margin-right: 2%; } .list-zjhd-team ul li:nth-child(3n) { margin-right: 0; } } /*@media (max-width: 1024px) { .list-zjhd-team ul li { width: 47.5%; margin-right: 5%; } .list-zjhd-team ul li:nth-child(2n) { margin-right: 0; } .list-zjhd-team ul li .txt { line-height: 1.2rem; } .list-zjhd-team ul li .txt h5 { font-size: 1rem; padding: 7% 0; } .list-zjhd-team ul li .txt p { height: 3.6rem; margin-bottom: 5%; } }*/ .single-tzzgx { padding: 3% 0; } .single-tzzgx .fr { background-color: #fafafa; position: relative; padding: 3%; } .single-tzzgx .fr:before { display: none; left: -30px; top: -30px; position: absolute; content: ''; border: solid 30px transparent; border-right-color: #eeeeee; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .single-tzzgx .fr p { padding: 8px 0px 8px 2rem; position: relative; } .single-tzzgx .fr p img { position: absolute; left: 0; width: 1.25rem; } @media (min-width: 1025px) { .single-tzzgx .fr:before { display: block; } .single-tzzgx { line-height: 24px; } .single-tzzgx .fl { float: left; width: 48%; } .single-tzzgx .fr { float: right; width: 48%; } .single-tzzgx .fr p { padding-right: 40px; } .single-tzzgx .fr p img { width: 20px; } } .block-gjjyk-grid .cont-box .icon .hover { opacity: 0; } @media (min-width: 1025px) { .block-gjjyk-grid { padding: 3% 0; border-top: 1px #eee solid; color: #555; margin: 3% 0; } .block-gjjyk-grid .row { margin-left: -10px; margin-right: -10px; } .block-gjjyk-grid .col { width: 25%; padding: 10px; float: left; } .block-gjjyk-grid .cont-box { background-color: #fbfbfb; min-height: 300px; padding: 25px; } .block-gjjyk-grid .cont-box .icon { width: 80px; height: 80px; background-color: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.04); display: block; border-radius: 50%; position: relative; transition: 0.3s; overflow: hidden; } .block-gjjyk-grid .cont-box .icon img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 50px; } .block-gjjyk-grid .col:hover .icon { background: #027BB8; border-color: #027BB8; } .block-gjjyk-grid .col:hover .icon .hover { opacity: 1; } .block-gjjyk-grid .cont-box .title { font-weight: bold; margin-top: 25px; } .block-gjjyk-grid .cont-box p { margin-top: 20px; line-height: 24px; } .singlePage-info-swybk .wap { display: none; } .singlePage-info-swybk .pc { display: block; width: 100%; } .singlePage-info-swybk .silder { display: none; } } /*@media (max-width: 1024px) { .block-gjjyk-grid { background: #fbfbfb; padding: 10% 0; } .singlePage-info-swybk .pc { display: none; } .singlePage-info-swybk .wap { display: block; width: 100%; } .singlePage-info-swybk .silder li.slick-list a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; } .same-silder .icon { position: relative; border-radius: 50%; background: #fff; margin: 0 auto; width: 8.125rem; height: 8.125rem; } .same-silder .icon img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 4.375rem; } .same-silder .tit, .same-silder .title { text-align: center; padding: 3% 0; } .same-silder .silder p { max-width: 15.3125rem; margin: 0 auto; line-height: 1.5rem; } .same-silder .slick-dots { padding: 10% 0; text-align: center; } .same-silder .slick-dots li { display: inline-block; background: #eee; border-radius: 50%; width: 0.625rem; height: 0.625rem; margin: 0 0.3125rem; } .same-silder .slick-dots li button { display: none; } .same-silder .slick-dots li.slick-active { background: #027BB8; } }*/ /*@media (max-width:640px){ .block-gjjyk-grid .col{width:100%;} }*/ .block-jkfw-grid .block-title { text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 20px; padding-top: 40px; } .block-jkfw-grid .row { margin: 0 -210px; } .block-jkfw-grid .col { width: 33.33333333%; padding: 0 210px; margin: 20px 0; float: left; text-align: center; } .block-jkfw-grid .col .icon, .block-contact .icon { width: 120px; height: 120px; background-color: #fff; border: 1px #eeefef solid; display: block; border-radius: 100%; position: relative; transition: 0.2s; } .block-jkfw-grid .col .icon img, .block-contact .icon img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .block-jkfw-grid .col .icon img.hover { opacity: 0; } .block-jkfw-grid .col .col-title { margin: 20px 0; } .block-jkfw-grid .col .icon:hover { background-color: #027BB8; border: 1px #027BB8 solid; } .block-jkfw-grid .col .icon:hover img { opacity: 0; } .block-jkfw-grid .col .icon:hover img.hover { opacity: 1; } .block-contact .icon { float: left; margin-right: 40px; } /*@media (max-width: 1024px) { .block-jkfw-grid .row { margin: 0; } .block-jkfw-grid .col { width: 33.33333333%; padding: 0px; } .block-jkfw-grid .col .icon { margin: 0 auto; } .block-jkfw-grid .col .col-title { margin: 40px 0; } }*/ @media (max-width: 425px) { .block-contact, .block-contact p { text-align: center !important; } .block-contact .icon { float: none; margin: 0 auto; } .block-jkfw-grid .col { width: 50%; } } .block-zdxm figure { border: 1px #eee solid; border-radius: 100%; position: relative; } .block-zdxm figure img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (min-width: 769px) { .block-zdxm { padding: 35px 0 70px; } .block-zdxm ul { margin-left: -40px; margin-right: -40px; } .block-zdxm li { overflow: hidden; float: left; width: 33.33333333%; padding: 0 40px; } .block-zdxm figure { width: 130px; height: 130px; float: left; margin-right: 15px; } .block-zdxm h4 { padding-top: 25px; } .block-zdxm figure img { max-width: 60px; } } @media (min-width: 769px) and (max-width: 1024px) { .block-zdxm li { width: 50%; } } @media (max-width: 768px) { .block-zdxm li { text-align: center; } .block-zdxm li h4 { font-size: 1.25rem; font-weight: normal; margin-bottom: 0; } .block-zdxm li p { margin-top: 0; } .block-zdxm figure { width: 8.125rem; height: 8.125rem; margin: 0 auto; } .block-zdxm figure img { width: 4.0625rem; } } .page-yjjg .pic { width: 50%; margin-left: 0; text-align: right; } .page-yjjg .pic img { display: inline-block; width: auto; max-width: 100%; } @media (max-width: 612px) { .page-yjjg .pic { text-align: center; width: 100%; margin-left: 0; } } .block-yjjg-grid .block-title { text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 20px; padding-top: 40px; } .block-yjjg-grid .col { text-align: center; } .block-yjjg-grid .col .icon { background-color: #fff; border: 1px #eeefef solid; display: block; border-radius: 100%; position: relative; transition: 0.2s; margin: 0 auto; } .block-yjjg-grid .col .icon img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .block-yjjg-grid .col .icon img.hover { opacity: 0; } .block-yjjg-grid .col .col-title { margin: 20px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } @media (min-width: 1025px) { .block-yjjg-grid .row { margin-left: -60px; margin-right: -60px; } .block-yjjg-grid .col { width: 20%; padding-left: 60px; padding-right: 60px; margin: 20px 0; float: left; } .block-yjjg-grid .col .icon { width: 120px; height: 120px; } .block-yjjg-grid .col .icon img { max-width: 50px; } .block-yjjg-grid .col .icon:hover { background-color: #027BB8; border: 1px #027BB8 solid; } .block-yjjg-grid .col .icon:hover img { opacity: 0; } .block-yjjg-grid .col .icon:hover img.hover { opacity: 1; } } /*@media (max-width: 1024px) { .block-yjjg-grid .col .icon { width: 8.125rem; height: 8.125rem; margin: 0 auto; } .block-yjjg-grid .col .icon img { width: 4.0625rem; } .block-yjjg-grid .col .col-title { margin: 0; font-size: 1.25rem; padding: 4% 0 8% 0; } }*/ .page-bzyzl .scroll-grid { text-align: center; padding: 30px 0; } .page-bzyzl .floor2 .auto { max-width: 1226px; } .page-bzyzl #scroll-grid1 .slick-list { padding: 20px 0; } .page-bzyzl .scroll-grid .img { margin: 0 13px; } .page-bzyzl .scroll-grid .img img { width: 100%; transition: 0.3s; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 rgba(0, 0, 0, 0); border: 1px transparent solid; } .page-bzyzl .scroll-grid .img img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); border: 1px #027BB8 solid; } .page-bzyzl .scroll-grid p { text-align: center; } .page-bzyzl .floor2 { position: relative; } .page-bzyzl .floor2::after { content: " "; position: absolute; width: 50px; height: 50px; left: 50%; top: -25px; background-color: #fff; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -o-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } .page-bzyzl .floor3 figure { padding: 10px; } .page-bzyzl .floor3 .slide-img { text-align: center; } .page-bzyzl .floor3 .slide-img img { max-width: 100%; display: block; margin: 0 auto; } @media (min-width: 1025px) { .page-bzyzl .floor3 .slide-img { border: 1px #ccc solid; } } /*@media (max-width: 1024px) { .page-bzyzl .floor3 .slide-img img { width: 100%; } .page-bzyzl .scroll-grid { width: 100%; margin: 0; } .page-bzyzl .scroll-grid p { font-size: 0.875rem; } }*/ .page-ry-style1 .swiper-button-next { right: 0 !important; } .page-ry-style1 .swiper-button-prev { left: 0 !important; } .timeline { position: relative; margin-top: 40px; margin-bottom: 70px; margin-left: 60px; margin-right: 60px; } .timeline li a { border-bottom: 1px #eee solid; position: relative; display: block; height: 51px; line-height: 51px; text-align: center; border-radius: 6px; transition: 0.2s; cursor: pointer; } .timeline li a::after { content: " "; width: 1px; height: 10px; left: 50%; bottom: 0; background-color: #eee; position: absolute; z-index: -1; } .timeline li:hover a, .timeline li.slick-current a { background-color: #027BB8; color: #fff; } .timeline-item-col { float: left; width: 50%; padding: 5px; } .timeline-item-col:nth-child(2n+1) { clear: left; } .timeline-item-col .cont-box { background-color: #fafafa; padding: 15px 30px; min-height: 180px; cursor: pointer; transition: 0.2s; } .timeline-item-col strong { display: block; margin-bottom: 10px; } .timeline-item-col p { margin: 0; line-height: 24px; } .timeline-item-col .cont-box:hover { background-color: #027BB8; color: #fff; } @media (max-width: 1200px) { .timeline .slick-slider { padding-bottom: 0; } .timeline .slick-arrow { bottom: auto; top: 50%; margin-top: -20px; } .timeline .slick-prev { margin-left: 0; left: -50px; } .timeline .slick-next { left: auto; margin-right: 0; right: -50px; } } /*@media (max-width: 1024px) { .timeline-content, .timeline { display: none !important; } }*/ .table > thead > tr > th, .table > tbody > tr > th, .table > thead > tr > td, .table > tbody > tr > td { text-align: center; padding: 8px 15px; line-height: 1.42857143; vertical-align: middle; border-top: 1px solid #dddddd; color: #555; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd; } .table > tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #ffffff; } .table-bordered { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-bordered > thead > tr > th { background-color: #fafafa; border-bottom-width: 0; } .table-responsive { overflow-x: auto; min-height: 0.01%; margin-top: 50px; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #dddddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td { border-bottom: 0; } } .jkfw-rmcp-block { padding-bottom: 60px; } .jkfw-rmcp-block .row { margin: 0 -10px; } .jkfw-rmcp-block .row .col { padding: 0 10px; margin: 20px 0; float: left; text-align: center; } .jkfw-rmcp-block .row .icon-col-5 { width: 20%; } .jkfw-rmcp-block .row .icon-col-6 { width: 16.66666666%; } .jkfw-rmcp-block .row .img-col-4 { width: 25%; } .jkfw-rmcp-block .row .icon, .jkfw-rmcp-block .row .img { margin: 10px 0; } .product-list .block-title { text-align: center; font-weight: bold; font-size: 16px; color: #555; padding-bottom: 2%; } .product-list li { float: left; width: 33.333%; text-align: center; margin-bottom: 4%; padding: 0 2%; } .product-list li .Ispic { display: block; padding-bottom: 50.5%; background-size: contain; } .product-list li h5, .product-list li p { max-width: 260px; margin: 0 auto; } .product-list li h5 { font-size: 14px; margin-top: 5px; margin-bottom: 5px; } .product-list li p { line-height: 24px; height: 48px; } @media (max-width: 768px) { .product-list li { width: 50%; } } @media (max-width: 480px) { .product-list li { width: 100%; } } /*edit*************************************************************************************/ @media (min-width: 1201px) { /* .edit-p-w{max-width:700px;} */ } .info-lr-structure li { float: left; width: 48%; } .info-lr-structure li:nth-child(2n+1) { clear: left; } .has-icon { display: inline-block; padding-left: 25px; background-repeat: no-repeat; background-position: left center; } .has-icon-tel { background-image: url(../images/icon_tel.png); } .has-icon-email { background-image: url(../images/icon_email.png); } .has-icon-add { background-image: url(../images/icon_add.png); } .has-icon-fax { background-image: url(../images/icon_fax.png); } .has-icon-code { background-image: url(../images/icon_code.png); } .has-icon-link { background-image: url(../images/icon_link.png); padding-left: 20px; } .edit-table { padding-top: 40px; overflow: hidden; } .edit-table table { border: 1px solid #eee; width: 100%; } .edit-table td { border: 1px solid #eee; vertical-align: top; } .edit-table th { padding: 20px 0; } .edit-table-1 tr:nth-child(2n-1) td { background: #f6f6f6; } .table-has-title-1 tr td { background: #fff; } .table-has-title-1 tr:nth-child(2n-1) td { background: #fff; } .table-has-title-1 tr:nth-child(2n) td { background: #f6f6f6; } @media (min-width: 1025px) { .edit-table td { line-height: 18px; padding: 18px 10px 18px 20px; } .table-td-padding-1 td { padding-left: 15%; } .table-row-2-12 td { padding-left: 10%; } } /*@media (max-width: 1024px) { .edit-table td { padding: 0.625rem; } }*/ .table-row-3 td { width: 33.333333%; } .table-row-2 td { width: 50%; } .table-row-2-12 td:nth-child(1) { width: 40%; } .table-row-2-12 td:nth-child(2) { width: 60%; } .has-tdbg-color { background: #f6f6f6; } .jubao-info .box h3 { margin-top: 0; } @media (min-width: 1025px) { .jubao-info .box h3 { font-size: 16px; } .jubao-info .box p { line-height: 24px; } } .jubao-info .box figure { max-width: 160px; border: 1px solid #eee; } .jubao-info .box .a_link { border: 1px solid #027BB8; color: #027BB8; line-height: 50px; display: block; width: 200px; text-align: center; border-radius: 5px; font-size: 16px; font-weight: bold; transition: 0.3s; } .jubao-info .box .a_link:hover { background: #027BB8; color: #fff; } @media (min-width: 769px) { .jubao-info { padding-bottom: 20%; } .jubao-info .box { float: left; } .jubao-info .box:nth-child(1) { width: 40%; } .jubao-info .box:nth-child(2) { width: 25%; margin: 0 5%; } .jubao-info .box:nth-child(3) { width: 25%; } } @media (max-width: 768px) { .jubao-info .box { padding: 3% 0; } } /*@media (max-width: 1024px) { .jubao-info .box .a_link { line-height: 2.5rem; width: 9rem; font-size: 1rem; } }*/ .contact-con { padding-bottom: 10%; } .contact-con .all-title { margin-bottom: 0; } .contact-con .info { padding: 3% 0; } .contact-con .map { border: 1px solid #eee; padding: 10px; } .contact-con .map #allmap { height: 376px; } .contact-con .map #allmap * { box-sizing: content-box; } .contact-con .map #allmap img { max-width: none; } @media (min-width: 769px) { .contact-con .all-title { width: 45.8%; } .contact-con .info { float: left; width: 45.8%; } .contact-con .map { float: right; width: 50%; } } /*Floor002595 */ .Floor002595 { padding: 2% 0; } .Floor002595 dd { margin: 0 3%; } .Floor002595 dd p { margin: 5px 0 0 0; } .Floor002595 dd .num { display: table; margin: 0 auto; overflow: hidden; position: relative; padding-right: 34px; } .Floor002595 dd .num i, .Floor002595 dd .num em { font-style: normal; } .Floor002595 dd .num i { font-size: 40px; font-family: "dinbold"; float: left; } .Floor002595 dd .num em { position: absolute; right: 0; bottom: 0px; text-align: right; width: 34px; } .Floor002595 dd.em-left .num em { text-align: left; } .Floor002595 dd .num em b { font-size: 30px; position: absolute; left: 0; top: -33px; font-family: "dinbold"; } .Floor002595 dd .num span { float: left; width: 34px; text-align: center; height: 48px; overflow: hidden; } .Floor002595 dd .num span:before { font-size: 48px; color: #5f5d5d; font-family: "dinbold"; line-height: 48px; display: block; font-weight: bold; white-space: normal; transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); transition: 0s 0.2s; -moz-transition: 0s 0.2s; -ms-transition: 0s 0.2s; -o-transition: 0s 0.2s; -webkit-transition: 0s 0.2s; } .Floor002595.Floor002595_active dd .num span:before { transition: transform 2s ease-out 0.2s; -moz-transition: transform 2s ease-out 0.2s; -ms-transition: transform 2s ease-out 0.2s; -o-transition: transform 2s ease-out 0.2s; -webkit-transition: transform 2s ease-out 0.2s; } .Floor002595 dd .num span:nth-child(2n):before { content: '0 0 0 0 0 0 0 0 0 0 0 1 2 3 4 5 6 7 8 9'; } .Floor002595 dd .num span:nth-child(2n+1):before { content: '0 1 2 3 4 5 6 7 8 9 0 0 0 0 0 0 0 0 0 0'; } .Floor002595 dd .num span.n0:nth-child(2n):before, .Floor002595.Floor002595_active dd .num span.n0:nth-child(2n+1):before { transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); } .Floor002595 dd .num span.n1:nth-child(2n):before, .Floor002595.Floor002595_active dd .num span.n1:nth-child(2n+1):before { transform: translateY(-5%); -moz-transform: translateY(-5%); -ms-transform: translateY(-5%); -o-transform: translateY(-5%); -webkit-transform: translateY(-5%); } .Floor002595 dd .num span.n2:nth-child(2n):before, .Floor002595.Floor002595_active dd .num span.n2:nth-child(2n+1):before { transform: translateY(-10%); -moz-transform: translateY(-10%); -ms-transform: translateY(-10%); -o-transform: translateY(-10%); -webkit-transform: translateY(-10%); } .Floor002595 dd .num span.n3:nth-child(2n):before, .Floor002595.Floor002595_active dd .num span.n3:nth-child(2n+1):before { transform: translateY(-15%); -moz-transform: translateY(-15%); -ms-transform: translateY(-15%); -o-transform: translateY(-15%); -webkit-transform: translateY(-15%); } .Floor002595 dd .num span.n4:nth-child(2n):before, .Floor002595.Floor002595_active dd .num span.n4:nth-child(2n+1):before { transform: translateY(-20%); -moz-transform: translateY(-20%); -ms-transform: translateY(-20%); -o-transform: translateY(-20%); -webkit-transform: translateY(-20%); } .Floor002595 dd .num span.n5:nth-child(2n):before, .Floor002595.Floor002595_active dd .num span.n5:nth-child(2n+1):before { transform: translateY(-25%); -moz-transform: translateY(-25%); -ms-transform: translateY(-25%); -o-transform: translateY(-25%); -webkit-transform: translateY(-25%); } .Floor002595 dd .num span.n6:nth-child(2n):before, .Floor002595.Floor002595_active dd .num span.n6:nth-child(2n+1):before { transform: translateY(-30%); -moz-transform: translateY(-30%); -ms-transform: translateY(-30%); -o-transform: translateY(-30%); -webkit-transform: translateY(-30%); } .Floor002595 dd .num span.n7:nth-child(2n):before, .Floor002595.Floor002595_active dd .num span.n7:nth-child(2n+1):before { transform: translateY(-35%); -moz-transform: translateY(-35%); -ms-transform: translateY(-35%); -o-transform: translateY(-35%); -webkit-transform: translateY(-35%); } .Floor002595 dd .num span.n8:nth-child(2n):before, .Floor002595.Floor002595_active dd .num span.n8:nth-child(2n+1):before { transform: translateY(-40%); -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -o-transform: translateY(-40%); -webkit-transform: translateY(-40%); } .Floor002595 dd .num span.n9:nth-child(2n):before, .Floor002595.Floor002595_active dd .num span.n9:nth-child(2n+1):before { transform: translateY(-45%); -moz-transform: translateY(-45%); -ms-transform: translateY(-45%); -o-transform: translateY(-45%); -webkit-transform: translateY(-45%); } .Floor002595 dd .num span.n0:nth-child(2n+1):before, .Floor002595.Floor002595_active dd .num span.n0:nth-child(2n):before { transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .Floor002595 dd .num span.n1:nth-child(2n+1):before, .Floor002595.Floor002595_active dd .num span.n1:nth-child(2n):before { transform: translateY(-55%); -moz-transform: translateY(-55%); -ms-transform: translateY(-55%); -o-transform: translateY(-55%); -webkit-transform: translateY(-55%); } .Floor002595 dd .num span.n2:nth-child(2n+1):before, .Floor002595.Floor002595_active dd .num span.n2:nth-child(2n):before { transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); -webkit-transform: translateY(-60%); } .Floor002595 dd .num span.n3:nth-child(2n+1):before, .Floor002595.Floor002595_active dd .num span.n3:nth-child(2n):before { transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); -webkit-transform: translateY(-65%); } .Floor002595 dd .num span.n4:nth-child(2n+1):before, .Floor002595.Floor002595_active dd .num span.n4:nth-child(2n):before { transform: translateY(-70%); -moz-transform: translateY(-70%); -ms-transform: translateY(-70%); -o-transform: translateY(-70%); -webkit-transform: translateY(-70%); } .Floor002595 dd .num span.n5:nth-child(2n+1):before, .Floor002595.Floor002595_active dd .num span.n5:nth-child(2n):before { transform: translateY(-75%); -moz-transform: translateY(-75%); -ms-transform: translateY(-75%); -o-transform: translateY(-75%); -webkit-transform: translateY(-75%); } .Floor002595 dd .num span.n6:nth-child(2n+1):before, .Floor002595.Floor002595_active dd .num span.n6:nth-child(2n):before { transform: translateY(-80%); -moz-transform: translateY(-80%); -ms-transform: translateY(-80%); -o-transform: translateY(-80%); -webkit-transform: translateY(-80%); } .Floor002595 dd .num span.n7:nth-child(2n+1):before, .Floor002595.Floor002595_active dd .num span.n7:nth-child(2n):before { transform: translateY(-85%); -moz-transform: translateY(-85%); -ms-transform: translateY(-85%); -o-transform: translateY(-85%); -webkit-transform: translateY(-85%); } .Floor002595 dd .num span.n8:nth-child(2n+1):before, .Floor002595.Floor002595_active dd .num span.n8:nth-child(2n):before { transform: translateY(-90%); -moz-transform: translateY(-90%); -ms-transform: translateY(-90%); -o-transform: translateY(-90%); -webkit-transform: translateY(-90%); } .Floor002595 dd .num span.n9:nth-child(2n+1):before, .Floor002595.Floor002595_active dd .num span.n9:nth-child(2n):before { transform: translateY(-95%); -moz-transform: translateY(-95%); -ms-transform: translateY(-95%); -o-transform: translateY(-95%); -webkit-transform: translateY(-95%); } @media (max-width: 768px) { .Floor002595 dl { display: block; text-align: center; } .Floor002595 dd { margin-bottom: 4%; } } .swiper-slide, .swiper-wrapper { height: auto !important; } .edit-43 { padding-top: 5%; } .edit-43 li { position: relative; } .edit-43 li .img { background: #027BB8; } .edit-43 li .Ispic { padding-bottom: 143.59%; } .edit-43 li h5 { margin: 15px 0; text-align: center; font-size: 14px; } @media (min-width: 641px) { .edit-43 li { float: left; width: 16.25%; transition: width 0.2s; } .edit-43 li::before { position: absolute; content: ''; width: 1px; height: 100%; background: #fff; z-index: 10; right: 0; top: 0; } .edit-43 li:last-child::before { display: none; } .edit-43 li .img .Ispic { opacity: 0.5; transition: 0.2s; } .edit-43 li.hover .Ispic { padding-bottom: 66.67%; } .edit-43 li.hover h5 { color: #027BB8; } .edit-43 li p { line-height: 24px; opacity: 0; height: 0; overflow: hidden; -webkit-transform: translateY(-300px); -ms-transform: translateY(-300px); -o-transform: translateY(-300px); transform: translateY(-300px); -webkit-transition: opacity 0.2s 0.3s; -o-transition: opacity 0.2s 0.3s; transition: opacity 0.2s 0.3s; } .edit-43 li.hover p { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); height: auto; opacity: 1; } .edit-43 li.hover { width: 35%; } .edit-43 li.hover .img .Ispic { opacity: 1; } } @media (max-width: 640px) { .edit-43 li .Ispic { padding-bottom: 66%; } } .edit-list-65 .select { position: relative; z-index: 20; margin-bottom: 20px; } .edit-list-65 .select dt { cursor: pointer; border: 1px solid #eee; position: relative; padding-right: 40px; line-height: 40px; } .edit-list-65 .select dt span { border-right: 1px solid #eee; padding: 0 12px; font-weight: bold; } .edit-list-65 .select dt::after { position: absolute; content: ''; border: 6px solid transparent; border-top-color: #027BB8; right: 15px; top: 50%; margin-top: -3px; } .edit-list-65 .select dd { position: absolute; left: 0; top: 100%; border: 1px solid #eee; border-top: 0; background: #fff; width: 100%; } .edit-list-65 .select dd a { display: block; cursor: pointer; padding: 0 12px; line-height: 40px; border-bottom: 1px solid #eee; } .edit-list-65 .select dd a:last-child { border-bottom: 0; } /*@media (max-width: 1024px) { .edit-list-65 .select dt { padding-right: 2.5rem; line-height: 2.5rem; } .edit-list-65 .select dt::after { right: 1rem; } .edit-list-65 .select dd a { line-height: 2rem; } .edit-list-65 .list-con .con td { line-height: normal; } .edit-list-65 .list-con .con td:nth-child(1) { width: 3rem; } .edit-list-65 .list-con .con > div { line-height: normal !important; } .edit-list-65 .select dt::after { border-width: 0.3rem; margin-top: -0.15rem; } }*/ .edit-info-134 ul { display: table; width: 100%; margin-bottom: 5%; } .edit-info-134 ul li { display: table-cell; position: relative; width: 50%; vertical-align: top; } .edit-info-134 ul li:before { position: absolute; content: ''; width: 94%; background: #fafafa; height: 100%; left: 0; top: 0; z-index: 0; } .edit-info-134 ul.ul-man li:before { background: #f1f6f7; border-radius: 0 5px 5px 5px; width: 69%; z-index: 1; } .edit-info-134 ul.ul-man li:nth-child(1):before { right: 6%; left: auto; } .edit-info-134 ul li .main { position: relative; z-index: 10; margin-right: 6%; } .edit-info-134 ul.ul-man .main { overflow: hidden; } .edit-info-134 ul.ul-man .pic { float: left; width: 21.2%; } .edit-info-134 ul.ul-man .pic img { display: block; width: 100%; border-radius: 50%; } .edit-info-134 ul.ul-man .info { float: right; width: 72.5%; padding: 20px; } .edit-info-134 ul.ul-man .info p { margin: 0; } .edit-info-134 ul.ul-man li::after { position: absolute; content: ''; border: 16px solid transparent; left: 31%; margin-left: -16px; top: -16px; border-bottom-color: #d9e7ea; z-index: 0; } .edit-info-134 ul.ul-man li:nth-child(1)::after { left: 25%; } .edit-info-134 ul li:nth-child(2) .main { margin-left: 6%; margin-right: 0; } .edit-info-134 ul li:nth-child(2):before { left: auto; right: 0; } .edit-info-134 ul li .main aside { display: table; min-height: 87px; border-radius: 5px 5px 5px 0; padding: 10px 20px; } .edit-info-134 ul li .main figure::before { position: absolute; content: ''; border: 16px solid transparent; left: -20px; top: 100%; margin-top: -8px; } .edit-info-134 ul li .main aside figure { position: relative; display: table-cell; color: #fff; vertical-align: middle; } .edit-info-134 .color-1 { background-color: #027BB8; } .edit-info-134 ul li .main aside.color-1 figure::before { border-left-color: #027BB8; } .edit-info-134 .color-2 { background-color: #0096dc; } .edit-info-134 ul li .main aside.color-2 figure::before { border-left-color: #0096dc; } .edit-info-134 .color-3 { background-color: #1bc7b1; } .edit-info-134 ul li .main aside.color-3 figure::before { border-left-color: #1bc7b1; } .edit-info-134 ul li .img { padding: 20px 20px 0 20px; } .edit-info-134 ul li .ytable { display: table; /*width:100%;*/ } .edit-info-134 ul li .ytable-cell { display: table-cell; vertical-align: middle; padding-right: 10px; } .edit-info-134 ul.ul-long li::before { display: none; } .edit-info-134 ul.ul-long { background: #fafafa; padding: 4% 0; } .edit-info-134 ul.ul-long li { vertical-align: middle; } @media (min-width: 1025px) { .edit-info-134 ul li .txt { padding: 20px; line-height: 24px; text-indent: 25px; } .edit-info-134 ul li .main aside { font-size: 16px; } .edit-info-134 ul li .main aside b { font-size: 18px; } .edit-info-134 ul.ul-man .info p { line-height: 24px; text-indent: 25px; } .edit-info-134 ul.ul-long li img.wap { display: none; } } /*@media (max-width: 1024px) { .edit-info-134 { width: 106%; margin-left: -3%; overflow: hidden; } .edit-info-134 ul, .edit-info-134 ul li { display: block; } .edit-info-134 ul li { width: auto; padding: 0 3%; } .edit-info-134 ul li:last-child { margin-top: 4%; } .edit-info-134 ul li .main { margin: 0 !important; } !*.edit-info-134 ul.ul-man{ margin:0 3%;}*! .edit-info-134 ul.ul-man li:before { width: 75%; } .edit-info-134 ul.ul-man li:nth-child(1):before { right: 0; } .edit-info-134 ul.ul-man li::after { left: 25%; } .edit-info-134 ul:not(.ul-man) li:before { display: none; } .edit-info-134 ul li .txt { padding: 1rem 0; line-height: 1.5rem; font-size: 0.875rem; text-indent: 2rem; } .edit-info-134 ul li .main aside { font-size: 1.125rem; } .edit-info-134 ul li .img .ytable, .edit-info-134 ul li .img .ytable-cell { display: block; } .edit-info-134 ul li .img .ytable-cell:nth-child(1) img { width: 40%; } .edit-info-134 ul li .img .ytable-cell:nth-child(2) { padding-top: 3%; } .edit-info-134 ul.ul-wap li { padding: 3%; } .edit-info-134 ul.ul-wap li:nth-child(2n-1) { background: #fafafa; } .edit-info-134 ul.ul-wap li .img { padding: 0; } .edit-info-134 ul.ul-long { background: none; } .edit-info-134 ul.ul-long li:nth-child(1) { padding: 3%; background: #fafafa; } .edit-info-134 ul.ul-long li:nth-child(2) { background: #fff; padding: 4% 0; margin-top: 0; } .edit-info-134 ul.ul-long li:nth-child(2) img { width: 100%; } .edit-info-134 ul.ul-long li img.pc { display: none; } }*/ .list-sitemap { border: 1px solid #eee; } .list-sitemap li:not(:last-child) { margin-bottom: 2px; } .list-sitemap li em { background: #027BB8; display: block; font-size: 20px; font-weight: bold; border-bottom: 1px solid #eee; font-style: normal; padding: 10px; } .list-sitemap li em a { color: #fff; } /*.list-sitemap li .sub{ padding:2%;}*/ .list-sitemap li .sub .list { padding: 2%; } .list-sitemap li .sub .list:nth-child(2n) { background: #f9f9f9; } .list-sitemap li h2 { margin: 0; font-size: 16px; } .list-sitemap li dl { padding: 10px 0; } .list-sitemap li dt { padding-bottom: 5px; display: block; font-weight: bold; } .list-sitemap li dd { display: inline-block; margin-right: 10px; line-height: 22px; } .list-sitemap li dd a { color: #777; } .list-sitemap li dd a:hover { color: #027BB8; } @media (min-width: 1025px) { .page404 .Top { min-height: 100px; } .page404 .Top > *:not(.logo) { display: none; } .page404 .main { max-width: 825px; width: 90%; margin: 0 auto; } .page404 .main p { line-height: 20px; margin-bottom: 0; } .page404 .back-home a { width: 119px; height: 36px; line-height: 34px; } .page404 .main .wap { display: none; } .page404 .main table { width: auto; } .page404 .main aside { display: none; } } .page404 { background: #027BB8; } .page404 .main { color: #fff; } .page404 .ytable { display: table; width: 100%; height: 100%; } .page404 .ytable-cell { display: table-cell; vertical-align: middle; } .page404 .back-home { text-align: center; padding-top: 3%; } .page404 .back-home a { display: inline-block; border-radius: 5px; background: #fff; color: #027BB8; text-align: center; border: 1px solid transparent; transition: 0.3s ease-in-out; } .page404 .back-home a:hover { background: #027BB8; color: #fff; border-color: #fff; } /*@media (max-width: 1024px) { .page404 .back-home { padding-top: 13%; } .page404 .back-home a { line-height: 2.5rem; width: 7.5rem; } .page404 .main .pc { display: none; } .page404 .main p { opacity: 0.5; margin-bottom: 0; } .page404 .main aside { font-size: 1.875rem; } .page404 .main table td { font-size: 0.75rem; vertical-align: top; } .page404 .main table td:nth-child(1) { width: 5rem; } .page404 .main p, .page404 .main aside, .page404 .main table { max-width: 16.25rem; margin-left: auto; margin-right: auto; } .page404 .top-Height { display: none; } }*/ .edit-article * { font-size: 14px !important; } .edit-article p { font-weight: bold; padding-bottom: 5px; } .edit-article p:nth-child(3n) { margin-bottom: 3%; } .edit-article p a { display: block; line-height: 18px; font-weight: normal; padding-left: 32px; padding-bottom: 2px; background: url(../images/icon_link.png) no-repeat 12px 0; color: #999; } .search-index { padding: 3% 0; color: #555; } .search-input { max-width: 800px; position: relative; } .search-input .text { width: 100%; border: 1px solid #eee; padding: 0 70px 0 20px; line-height: 50px; border-radius: 4px; font-size: 14px; } .search-input .btn { position: absolute; right: 0; top: 0; height: 100%; width: 70px; background: url(../images/icon_search.png) no-repeat center center; } .search-index .keystxt { padding: 5px 0; font-weight: bold; } .search-index .keystxt span { color: #027BB8; } .search-con .left-category li { line-height: 36px; cursor: pointer; } .search-con .left-category li i { position: relative; display: inline-block; vertical-align: middle; border-radius: 50%; border: 1px solid #dedede; } .search-con .left-category li.on i::after { position: absolute; content: ''; border-radius: 50%; background: #027BB8; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .search-con .list h5 { border-bottom: 1px solid #eee; } .search-con .list li { border-bottom: 1px solid #eee; } .search-con .list li a:hover { background-color: #f1f6f7; } .search-con .list li a:hover span { color: #555; } @media (min-width: 1025px) { .search-con { position: relative; margin-top: 50px; padding-left: 130px; } .search-con .left-category { position: absolute; left: 0; top: 0; width: 130px; } .search-con .left-category p { margin-top: 0; } .search-con .left-category li i { width: 16px; height: 16px; margin-right: 10px; } .search-con .left-category li.on i::after { width: 8px; height: 8px; } .search-con .list { border-left: 1px solid #eee; min-height: 200px; padding-left: 60px; } .search-con .list h5 { font-size: 14px; margin-top: 0; padding-bottom: 10px; } .search-con .list li { line-height: 50px; } .search-input { height: 52px !important; } .search-input .text { height: 52px; } .search-con .list li a { background: url(../images/a.gif) no-repeat 8px center; } .search-con .list li span { float: left; width: 152px; padding-left: 19px; padding-right: 10px; } } /*@media (max-width: 1024px) { .search-body .pagebanner { display: none; } .search-index { padding-top: 0; } .search-body .top-language { position: absolute; right: 3%; top: 50%; z-index: 15; display: block !important; margin-top: -0.78125rem; line-height: 1.5625rem !important; font-size: 1.125rem; } .search-body .top-language a { color: #027BB8; } .search-body .top-search .open-search { display: none !important; } .search-body .search-box { !* padding-bottom:0; *! background: #fff; border-top: 1px solid #eee; display: block !important; } .search-body .search-box .text { font-size: 0.875rem; color: #555; background: none; border-bottom-color: #e0eaec; } .search-index .keystxt { font-size: 0.875rem; font-weight: normal; padding: 0 2%; color: #999; } .search-index .keystxt b { font-weight: normal; } .search-input * { display: none; } .search-con .list h5, .search-con .left-category p { font-size: 1.125rem; line-height: 2.34375rem; border-bottom: 1px solid #eee; } .search-con .left-category ul { overflow: hidden; padding-bottom: 1.125rem; } .search-con .left-category li { float: left; width: 50%; padding-top: 1.125rem; } .search-con .left-category li i { width: 1.25rem; height: 1.25rem; margin-right: 0.625rem; } .search-con .left-category li.on i::after { width: 0.625rem; height: 0.625rem; } .search-con .list h5 { font-weight: normal; margin-top: 0; } .search-con .list li { margin-bottom: 8%; } .search-con .list li a { line-height: 2.2rem; font-size: 0.875rem; } .search-con .list li span { font-weight: bold; line-height: normal; } }*/ /* 弹出框 */ .popbox { width: 100%; height: 100%; position: fixed; z-index: 700; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); display: none; } .popbox .contwrap { width: 90%; max-width: 350px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; border-radius: 3px; } .popbox .close { width: 30px; height: 30px; background-color: rgba(0, 0, 0, 0.5); position: absolute; right: 0; top: 0; cursor: pointer; } .popbox .close:hover { background-color: rgba(255, 0, 0, 0.5); } .popbox .close:before, .popbox .close:after { content: ''; width: 100%; height: 1px; display: block; background-color: #fff; position: absolute; left: 0; top: 50%; } .popbox .close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .popbox .close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .popbox .contbox { padding: 40px 20px 20px; } /* 提交表单提示 */ .pop-form-tips .contbox span { color: #f00; margin-left: 5px; } .singlePage_blockChain { padding-top: 30px; } .singlePage_blockChain .h3 { margin: 0; padding: 0; } .singlePage_blockChain .blockChain { color: #555; } .singlePage_blockChain .blockChainF1 { } .singlePage_blockChain .blockChainF1 .title { margin-bottom: 20px; } .singlePage_blockChain .blockChain .title { border-bottom: 1px solid #eee; padding-bottom: 10px; } .singlePage_blockChain .blockChainF1 .title .h3 { margin: 0; padding: 0; font-size: 18px; font-weight: normal; } .singlePage_blockChain .blockChainF1 .F1Left .h3 { font-size: 16px; } .singlePage_blockChain .blockChainF1 .F1Right .img img { width: 100%; } .singlePage_blockChain .blockChainF1 .bottomimg { padding: 30px 0; } .singlePage_blockChain .blockChainF1 .bottomimg img { width: 100%; } @media (min-width: 768px) { .singlePage_blockChain { padding-top: 50px; } .singlePage_blockChain .blockChainF1 .F1Left { float: left; width: 48%; } .singlePage_blockChain .blockChainF1 .F1Right { float: right; width: 48%; } .singlePage_blockChain .blockChainF1 .bottomimg { padding: 50px 0 40px; } } @media (min-width: 1200px) { .singlePage_blockChain { padding-top: 70px; } .singlePage_blockChain .blockChain .title { padding-bottom: 20px; } .singlePage_blockChain .blockChainF1 .title { margin-bottom: 35px; } .singlePage_blockChain .blockChainF1 .F1Left { float: left; width: 46.25%; } .singlePage_blockChain .blockChainF1 .F1Right { float: right; width: 50%; } .singlePage_blockChain .blockChainF1 .bottomimg { padding: 70px 0 90px; } } .blockChainF2 { background: #f5f7f9; padding-top: 30px; } .blockChainF2 .bottomImg { text-align: center; padding-top: 30px; } .blockChainF2 .bottomImg img { max-width: 100%; } @media (min-width: 768px) { .blockChainF2 .txt .txtleft { width: 47%; float: left; } .blockChainF2 .txt .txtright { width: 47%; float: right; } .blockChainF2 .bottomImg { padding-top: 50px; } } @media (min-width: 1200px) { .blockChainF2 { padding-top: 70px; } .blockChainF2 .bottomImg { padding-top: 70px; } } .blockChainF3 { padding: 30px 0; } .blockChainF3 .bottomImg { text-align: center; padding-top: 30px; } .blockChainF3 .bottomImg img { max-width: 100%; } @media (min-width: 768px) { .blockChainF3 { padding: 50px 0; } .blockChainF3 .txt .txtleft { width: 47%; float: left; } .blockChainF3 .txt .txtright { width: 47%; float: right; } } @media (min-width: 1200px) { .blockChainF3 { padding: 70px 0; } .blockChainF3 .bottomImg { padding-top: 40px; } } .blockChainF4 { padding: 30px 0; background: url('../images/txtbig.png') repeat-x 0 0; } .blockChainF4 .bottomImg { text-align: center; padding-top: 30px; } .blockChainF4 .bottomImg img { max-width: 100%; } @media (min-width: 768px) { .blockChainF4 { padding: 50px 0; } .blockChainF4 .txt .txtleft { width: 47%; float: left; } .blockChainF4 .txt .txtright { width: 47%; float: right; } } @media (min-width: 1200px) { .blockChainF4 { padding: 70px 0; } .blockChainF4 .bottomImg { padding-top: 40px; } } /*弹出层样式*/ .socialmask { position: fixed; display: none; background: rgba(0, 0, 0, .8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000, endColorstr=#C8000000); left: 0; top: 0; z-index: 9999; } .socialmask .MaskBox { z-index: 999; background: #fff; width: 800px; padding: 0 15px; margin: 0px auto; position: relative; height: 490px; /*这个高度可以去掉如果不去掉。会导致弹出层看的像不是垂直居中*/ } .socialmask .MaskBox a.MaskClore { display: block; width: 40px; height: 40px; font-size: 24px; color: red; position: absolute; right: 0; top: 0px; line-height: 40px; text-align: center; } .socialmask .MaskForm { width: 100%; background: #fff; padding: 40px 0 30px; } .socialmask .MaskForm .maskCenter { max-height: 420px; overflow-y: auto; } /*弹出层样式*/ .video_image { position: relative; display: inline-block; z-index: 100; } .vedo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; text-align: center; left: 0; display: inline-block; z-index: 33; } .vedo a { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, .5); } .vedo a:after { content: ""; position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; background: url(../images/bf.png) no-repeat center center; } .video_image:hover.vedo { display: none; } .video_image:hover video { position: relative; z-index: 101; } .vedo:hover a { display: none; } .vedo:hover img { display: none; } .news_info .info .video_image_parent { text-align: center; } .page-bzyzl .floor2 .single-Nav { border-bottom: 1px solid #eee; margin-bottom: 70px; } .page-bzyzl .floor2 .single-Nav a { display: inline-block; height: 50px; line-height: 50px; padding: 0 8px; color: #263147; font-size: 16px } .page-bzyzl .floor2 .single-Nav a + a { margin-left: 10%; } .page-bzyzl .floor2 .single-Nav a.on, .page-bzyzl .floor2 .single-Nav a:hover { color: #027BB8; border-bottom: 1px solid #027BB8; } .page-bzyzl .floor2 .single-content { } .page-bzyzl .floor2 .single-content .scroll-grid { display: none; } .page-bzyzl .floor2 .single-content .scroll-grid.on { display: block; } .page-bzyzl .floor2 .single-content .owl-nav { position: absolute; left: 0; top: 50%; width: 100%; display: block; } .page-bzyzl .floor2 .single-content .owl-nav .owl-prev, .page-bzyzl .floor2 .single-content .owl-nav .owl-next { position: absolute; left: -60px; top: 50%; margin-top: -25px; display: block; } .page-bzyzl .floor2 .single-content .owl-nav .owl-prev span, .page-bzyzl .floor2 .single-content .owl-nav .owl-next span { display: block; width: 50px; height: 50px; line-height: 44px; background-color: #ddd; border-radius: 50%; font-size: 40px; } .page-bzyzl .floor2 .single-content .owl-nav .owl-next { left: auto; right: -60px; } .page-bzyzl .floor2 .single-content .owl-dots { display: none; } .kf_content { margin-top: 20px; } .kf_content .kfbaner { width: 100%; overflow: hidden; background-color: #2e2e2e; position: relative; } .kf_content .kfbaner ul { margin: 0 auto; padding: 0; list-style: none; width: 100%; padding: 0 10%; overflow: hidden } .kf_content .kfbaner ul li { float: left; width: 100%; margin-bottom: -4px; } .kf_content .kfbaner ul li img { width: 100%; } .kf_content .kfbaner ul button { position: absolute; top: 50%; transform: translateY(-50%); border: none; padding: 40px; cursor: pointer; outline: none; font-size: 0; } .kf_content .txt { text-align: right; font-size: 30px; color: #666666; font-weight: normal; } .kf_content .kf_zan { text-align: center; margin: 0px 0; } .kf_content .kf_zan a { display: inline-block; } .kf_content .kf_zan p { font-size: 56px; font-weight: normal; } .kf_content .kf_textaera { margin: 0px auto; padding-bottom: 50px; overflow: hidden; } .kf_content .kf_textaera textarea { display: block; margin: 0 auto; width: 80%; height: 290px; outline: none; appearance: none; -webkit-appearance: none; padding: 30px 50px; color: #666666; font-size: 30px; border: 15px solid #c0c1c2; border-radius: 60px; } .kf_content .kf_textaera .subumit_a { float: right; margin-right: 6%; text-decoration: none; margin-top: 30px; font-size: 30px; color: white; background-color: #ba251f; text-align: center; padding: 5px 50px; } .kf_content .kf_list { width: 100%; overflow: hidden; } .kf_content .kf_list ul { margin: 0 auto; padding: 0; list-style: none; width: 80%; overflow: hidden; } .kf_content .kf_list ul li { font-size: 22px; padding: 10px 0; outline: none; } .kf_content .kf_list ul li .tit { color: #ba251f; display: inline-block; margin-right: 10px; } .kf_content .bootom_lo { text-align: center; margin: 30px 0; } @media (max-width: 768px) { .kf_content { margin-top: 0 } .kf_content .kfbaner ul { padding: 0 0% } .kf_content .kfbaner ul button { padding: 16px } .kf_content .kfbaner ul li { padding: 0 } .kf_content .kf_zan a img { max-width: 60px } .kf_content .txt { font-size: 14px } .kf_content .kf_zan p { font-size: 16px; margin-top: 10px } .kf_content .kf_zan { margin: 0px 0 } .kf_content .kf_textaera textarea { width: 95%; padding: 15px; font-size: 16px; height: 100px; border: 2px solid #c0c1c2; border-radius: 20px } .kf_content .kf_textaera { padding-bottom: 0px } .kf_content .bootom_lo { width: 50%; margin: 20px 25% } .kf_content .kf_textaera .subumit_a { font-size: 20px; margin-top: 10px; padding: 5px 30px } .kf_content .kf_list ul { width: 90%; } .kf_content .kf_list ul li { font-size: 16px; padding: 5px 0 } } /* 火眼实验室 */ .fl { float: left; } .fr { float: right; } .top_hy { line-height: 35px; padding: 18px 0; position: fixed; top: 0; width: 100%; z-index: 9; background: #fff; box-shadow: 0 0 10px #ccc; } .top_hy .hy_nav li { font-weight: 600; float: left; } .top_hy .hy_nav li a { padding: 0 15px; color: #191919; } /* border-right: solid 1px #ccc; */ .top_hy a:hover, .top_hy .hy_nav li.now a, .top_hy .hy_nav li a:hover { color: #cb000c; } .top_hy .language { font-weight: 600; padding: 0 15px; display: none; } .top_hy .hy_logo img { max-height: 35px; } .top_hy .auto.auto_1000.clearfix { max-width: 960px; } .web_utw { display: none; } .hy_shell { color: #323232; line-height: 30px; } .about_wez { font-size: 16px; } .about_wez .wenben { overflow: hidden; } .about_wez .hunar { float: left; width: 78%; } .about_wez .utwa { float: right; width: 20%; border: 1px solid rgba(205, 205, 205); padding: 25px 15px 30px 15px; } .about_wez .text { padding-top: 15px; } .about_wez .text .wapimg { display: none; } .hy_shell01 { padding: 50px 0; } .hy_shell01 .ul { font-size: 0; padding-top: 30px; text-align: center; overflow: hidden; } .hy_shell01 li { width: 24%; text-align: center; display: inline-block; vertical-align: middle; } .hy_shell01 li .p { color: #323232; font-size: 18px; margin: 10px 0; font-weight: bold; } .hy_shell01 li span { background-color: #cb000c; display: inline-block; width: 90px; height: 90px; background-size: contain; background-position: center; vertical-align: middle; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .hy_shell .tab_c { border: solid 2px #cccccc; overflow: hidden; } .hy_shell .tab_b { font-size: 0; border-left: solid 2px #cccccc; } .hy_shell .tab_b span { font-weight: bold; cursor: pointer; border-top: solid 2px #cccccc; font-size: 16px; color: #fff; background-color: #cccccc; display: inline-block; padding: 5px; min-width: 200px; text-align: center; vertical-align: middle; } .hy_shell .tab_b span:last-child { border-right: solid 2px #cccccc; } .hy_shell .tab_b span.on { color: #323232; background: none; position: relative; } /* .hy_shell .tab_b span.on:after{ content: ''; width: 100%; height: 2px; background: #fff; position: absolute; bottom: -2px; left: 0; } */ .hy_shell .ma { margin: 0; } .hy_shell .text_center { text-align: center; } .hy_shell .tab_c { padding: 20px; } .hy_shell06, .hy_shell05, .hy_shell04, .hy_shell03, .hy_shell02 { margin-top: 50px; } .hy_shell03 .list_swiper { overflow: hidden; } .hy_shell03 .liwu { width: 50%; float: left; position: relative; margin-bottom: 40px; } .hy_shell03 .liwu .img_tu { display: block; padding-bottom: 60%; background-color: #e6e6e6; background-size: cover; background-position: center; background-repeat: no-repeat; } .hy_shell03 .liwu .img_tu img { display: none; } .hy_shell03 .liwu:nth-child(2n) .img_tu { display: block; padding-bottom: 60%; background-color: #cccccc; } .hy_shell03 .liwu:nth-child(2n+1) .img_tu { display: block; padding-bottom: 60%; background-color: #cccccc; } .hy_shell03 .liwu:nth-child(3n+1) .img_tu { display: block; padding-bottom: 60%; background-color: #e6e6e6; } .hy_shell03 .liwu:nth-child(4n+1) .img_tu { display: block; padding-bottom: 60%; background-color: #e6e6e6; } .hy_shell03 .liwu .text { position: absolute; bottom: 5px; width: 70%; padding: 0 20px; z-index: 2; } /* .hy_shell03 .liwu .text span{ background: url(../images/jiantou.png) no-repeat left center; padding-left:20px;} */ .hy_shell03 .link { position: absolute; left: 0; top: 0; width: 100%; height: 88%; } .hy_shell03 .link:hover { background: rgba(203, 0, 13, 0.3); } .hy_shell03 .pagination { width: 100%; text-align: right; padding: 5px 20px; overflow: hidden; } .hy_shell03 .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #555; margin: 0 2px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; } .hy_shell03 .swiper-active-switch { background: #cb000d; } .hy_shell04 .img_tu { text-align: center; display: block; } .hy_shell04 .swiper-container { position: relative; } .hy_shell04 .arrow { cursor: pointer; width: 18px; height: 30px; display: block; position: absolute; top: 50%; margin-top: -25px; background-size: contain; z-index: 9; } .hy_shell04 .arrow-left { left: 0; background: url(../images/zy-l2.png) no-repeat center; } .hy_shell04 .arrow-right { right: 0; background: url(../images/zy-r2.png) no-repeat center; } .hy_shell04 .arrow-left:hover { left: 0; background: url(../images/zy-l.png) no-repeat center; } .hy_shell04 .arrow-right:hover { right: 0; background: url(../images/zy-r.png) no-repeat center; } .hy_shell05 .tab_b { border-left: solid 1px #cccccc; } /* .hy_shell05 .tab_b span{ border-top: solid 1px #cccccc; background-color: #fff; color: #323232;} */ .hy_shell05 .tab_b span { background-color: #7c000d; color: #fff; border-right: 1px solid #fff; border-top: none; padding: 5px 15px; } .hy_shell05 .tab_b span:last-child { border-right: solid 1px transparent; } .hy_shell05 .tab_c { min-height: 100px; padding: 0; border: solid 1px #cccccc; } /* .hy_shell05 .tab_b span.on{ background-color: #ccc; color: #fff;} */ .hy_shell05 .tab_b span.on { background-color: #ca000c; color: #fff; } .hy_shell05 .tab_b span:hover { background-color: #ca000c; color: #fff; } .hy_shell05 .ul { width: 100%; padding-top: 0; font-size: 0; } .hy_shell05 .ul.video_list_zy li { width: 100%; height: 0; padding-bottom: 56.2%; overflow: hidden; } .hy_shell05 .ul.video_list_zy li video { width: 100%; } .hy_shell05 .ul li { width: 16.666%; float: left; overflow: hidden; } .hy_shell05 .ul li a { cursor: pointer; } .hy_shell05 .ul li span { display: block; width: 100%; padding-bottom: 67%; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: inherit; transition: all .5s; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } .hy_shell05 .ul li img { display: none; } .hy_shell05 .ul li a:hover span { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .hy_shell06 .news_list { overflow: hidden; margin-bottom: 30px; } /* border-bottom: solid 1px #323232; */ .hy_shell06 .news_list li { margin-bottom: 30px; width: 48%; float: left; } .hy_shell06 .news_list li:nth-child(2n) { float: right; } .hy_shell06 .news_list li .pic { width: 50%; float: left; } .hy_shell06 .news_list li .pic span { background-color: #cb000c; display: block; padding-bottom: 60%; background-size: cover; } .hy_shell06 .news_list li .pic img { display: none; } .hy_shell06 .news_list li .text { width: 48%; padding-top: 10px; float: right; } .hy_shell06 .news_list li h3 { min-height: 100px; line-height: 25px; margin: 0 auto; font-size: 16px; color: #323232; } .hy_shell06 .news_list li .time { font-size: 14px; color: #808080; } .hy_shell06 .news_list li .time em { font-style: normal; } .hy_shell06 .news_list li .time span { float: right; } .hy_shell07 { padding-bottom: 30px; } .hy_shell07 .ul { float: left; } .hy_shell07 .ul li { line-height: 25px; color: #323232; } .hy_shell07 .ul li a:hover { color: #cb000c; } .hy_shell07 .logo_bot { float: right; } .hy_shell07 .logo_bot a { max-height: 40px; } .hy_shell07 .logo_bot a img { max-height: 40px; margin-left: 30px; } @media (max-width: 1000px) { .hy_shell07 .logo_bot a img { margin-left: 10px; } .web_utw { width: 35px; height: 35px; display: block; position: relative; } .web_utw i { position: absolute; width: 80%; background: #cb000c; height: 2px; margin-top: -2px; left: 10%; top: 50%; } .web_utw i::before, .web_utw i::after { position: absolute; background: #cb000c; right: 0; width: 100%; height: 100%; content: ''; transition: transform 0.3s; } .web_utw i::before { top: 8px; } .web_utw i::after { top: -8px; } .web_utw.open i { background: none !important; } .web_utw.open i::before, .web_utw.open i::after { top: 0 !important; } .web_utw.open i::before { transform: rotate(40deg); } .web_utw.open i::after { transform: rotate(-40deg); } .top_hy { padding: 10px 0; } .top_hy .hy_nav { position: fixed; right: -40%; top: 56px; width: 40%; height: 91.2vh; text-align: center; z-index: 9; background: #fff; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } .top_hy .hy_nav li { width: 100%; border-bottom: solid 1px #ccc; line-height: 40px; } .top_hy .hy_nav li a { border-right: none; } .top_hy .hy_nav.on_uw { right: 0; } .hy_shell01 li span { width: 70px; height: 70px; } .hy_shell01 li .p { margin: 5px 0; font-size: 16px; } .hy_shell .tab_b span { width: 100%; border-right: none; border-bottom: 1px solid #fff; } .hy_shell05 .ul li { width: 33.33%; } } @media (max-width: 640px) { .hy_shell03 .liwu .text { padding: 0 5px; } .hy_shell03 .liwu .text span { font-size: 12px; padding-left: 15px; background-size: 10px; } .hy_shell03 .pagination { padding: 5px; } .hy_shell03 .link { height: 73%; } .hy_shell06 .news_list li .pic { width: 100%; } .hy_shell06 .news_list li .text { width: 100%; } .hy_shell07 .logo_bot { margin-top: 20px; width: 100%; text-align: center; } } /* banner_hy */ .banner_hy { padding-top: 73px; } .banner_hy .pagination { position: absolute; z-index: 20; bottom: 10px; width: 100%; text-align: center; } .banner_hy .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #555; margin: 0 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; } .banner_hy .swiper-active-switch { background: #fff; } @media (max-width: 1000px) { .banner_hy { padding-top: 56px; } } /* 20210107 */ .hy_shell03 .swiper-pagination-switch { opacity: 0; } .hy_shell03 .liwu .text { width: 100%; } .hy_shell03 .liwu .text span { width: 70%; } .hy_shell03 .liwu .text .btna { position: absolute; right: 20px; top: 0; height: 30px; display: none; width: 21px; background: url('../images/zy_more.png') no-repeat center; background-size: 21px; z-index: 1; } .hy_shell03 .liwu .text a.link2 { position: absolute; right: 20px; top: 0; height: 30px; display: none; width: 21px; z-index: 9; } .zy_hy * { font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; } .zy_hy .hy_shell01 { padding: 30px 0 0; margin-bottom: -10px; } .zy_hy .about_wez .text:first-child h2 { margin-bottom: 0px; } .banner_hy .swiper-container .swiper-slide img.pcimg { display: block; } .banner_hy .swiper-container .swiper-slide img.wapimg { display: none; } .zy_hy .auto_1000 { max-width: 960px; } @media (max-width: 640px) { .banner_hy .swiper-container .swiper-slide img.pcimg { display: none; } .banner_hy .swiper-container .swiper-slide img.wapimg { display: block; } .hy_shell03 .liwu .text a.link2, .hy_shell03 .liwu .text .btna { right: 5px; } .hy_shell04 .arrow { width: 15px; height: 25px; } .hy_shell04 .arrow-left, .hy_shell04 .arrow-right { background-size: 100%; } .about_wez .wenben { position: relative; } .about_wez .wenben .hunar { width: 100%; } .about_wez .wenben .hunar p:first-child { padding-right: 50%; } .about_wez .utwa { position: absolute; right: 2.5%; top: 30px; width: 45%; } } .zyswiper p.text_center { /* border: 1px solid #ccc; */ } .zyswiper p.text_center img.pc { display: block; margin: 0 auto; } .zyswiper .swiper-slide { position: relative; } .zyswiper .swiper-slide span.s1 { padding: 0 30px; height: 30px; display: block; position: absolute; left: 20px; top: 20px; background: #ca000d; color: #ffffff; font-size: 16px; display: none; } .zyswiper .pagination { position: absolute; z-index: 20; bottom: 10px; width: 100%; text-align: center; } .zyswiper .pagination .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #555; margin: 0 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; } .zyswiper .pagination .swiper-active-switch { background: #ca000d; } .hy_shell03 .liwu .text { text-align: center; } .hy_shell07 .auto { position: relative; } .zy_top { width: auto; position: absolute; top: 0%; right: 0%; height: 30px; } .zy_top a { display: block; width: auto; height: 100%; background: url('../images/zygotop.png') no-repeat center right; padding-right: 40px; } .zy_top a:hover { background: url('../images/zygotop2.png') no-repeat center right; color: rgba(203, 0, 13); } .pcimgbox { display: block; } .wapimgbox { display: none; } @media (max-width: 640px) { .pcimgbox { display: none; } .wapimgbox { display: block; } .zyswiper .swiper-slide span.s1 { padding: 0 15px; height: 20px; position: absolute; left: 10px; top: 0px; font-size: 12px; line-height: 20px; display: none; } .zy_top { right: 0; } .about_wez .text .wapimg { display: block; border: 1px solid rgba(205, 205, 205); padding: 25px 15px 30px 15px; margin: 10px auto; max-width: 180px; } .about_wez .utwa { display: none; } .about_wez .wenben .hunar p:first-child { padding-right: 0; } } /*20200201*/ .top_hy .language { display: block; } .Top .top-menu li#m8 .sub .list h2 { display: block; } .hy_shell01 .ul.zy_ul2 li .s1 { background-image: url('../images/20210112160124240.png'); } .hy_shell01 .ul.zy_ul2 li .s2 { background-image: url('../images/20210112160125216.png'); } .hy_shell01 .ul.zy_ul2 li .s3 { background-image: url('../images/20210112160129941.png'); } .hy_shell01 .ul.zy_ul2 li .s4 { background-image: url('../images/20210112160133647.png'); } .hy_shell04 .img_tu p { margin: 0 auto; color: #cb000c; font-weight: 600; font-size: 18px; } /*20210510*/ .scroll-grid .slick-arrow { width: 50px; height: 50px; line-height: 44px; background-color: #ddd; border-radius: 50%; font-size: 0; position: absolute; top: 50%; margin-top: -25px; border: none; cursor: pointer; } .scroll-grid .slick-arrow:after { content: ""; position: absolute; width: 12px; height: 12px; border-right: 2px solid #333; border-bottom: 2px solid #333; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .scroll-grid .slick-prev.slick-arrow { left: -50px; } .scroll-grid .slick-prev.slick-arrow:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .scroll-grid .slick-next.slick-arrow { right: -50px; } @media (max-width: 768px) { .scroll-grid .slick-prev.slick-arrow { left: 0; } .scroll-grid .slick-next.slick-arrow { right: 0; } } .news_info .info video { display: block; margin: auto; max-width: 100%; height: auto; } /*HGP专题页*/ @font-face { font-family: 'BGIMedium'; src: url('../fonts/BGIMedium.eot') format('embedded-opentype'), url('../fonts/bgimedium.woff2') format('woff2'), url('../fonts/bgimedium.woff') format('woff'), url('../fonts/bgimedium.svg#bgiregular') format('svg'); } @font-face { font-family: 'BGIBold'; src: url('../fonts/bgibold.eot') format('embedded-opentype'), url('../fonts/bgibold.woff2') format('woff2'), url('../fonts/bgibold.woff') format('woff'), url('../fonts/bgibold.svg#bgiregular') format('svg'); } @font-face { font-family: 'llcht'; src: url('../fonts/llcht.ttf'), url('../fonts/llcht.eot') format('embedded-opentype'), url('../fonts/llcht.woff') format('woff'), url('../fonts/llcht.svg#fzltdhjw') format('svg'); } /*body {*/ /* margin: 0 auto;*/ /* max-width: 1920px;*/ /* min-width: 350px;*/ /*}*/ .HGP { font-family: "BGIRegular"; padding-top: 75px; } .HGP a { color: #333333; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none; } .BGIBold { font-family: BGIBold; } .HGP * { box-sizing: border-box; margin: 0; padding: 0; font-family: '微软雅黑'; } .HGP img { max-width: 100%; } .hgpBttom { background: #fff; } .hgpBttom .links { display: block } .w1200 { max-width: 1200px; margin: 0 auto; overflow: hidden; } .HGP_top { background-color: #fff; padding: 20px 0; position: fixed; left: 0; top: 0; width: 100%; z-index: 999; background-color: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .HGP_top .left { float: left; } .HGP_top .left .wap { display: none; } .HGP_top .HGP_menu { float: right; font-size: 0; text-align: right; line-height: 30px; } .HGP_top .HGP_menu li { display: inline-block; font-size: 14px; font-weight: bold; } .HGP_top .HGP_menu li + li { margin-left: 80px; } .HGP_top .HGP_menu li a { color: #000000; } .HGP_top .HGP_menu li a:hover, .HGP_top .HGP_menu li a.on { color: #844f38; } .ispic { background-size: cover; background-repeat: no-repeat; background-position: center center; } .HGP_banner.ispic { min-height: 450px; padding: 30px 0; } .HGP_banner .txtBox { float: left; max-width: 480px; font-size: 24px; color: #d41c10; padding-top: 25px; } .HGP_banner .txtBox h2 { font-size: 77px; margin: 0 0 15px 0; line-height: 1.1; font-family: llcht } .HGP_banner .txtBox h3 { font-size: 72px; margin: 0; line-height: 1.2; font-family: BGIBold } .HGP_banner .txtBox p { margin: 0 } .HGP_banner .slickBox { float: right; text-align: center; max-width: 700px; position: relative; } .HGP_banner .slickBox img { display: inline; min-width: 404px } .HGP_banner .slickBox .slick-dots { position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; padding: 0; z-index: 99; } .HGP_banner .slickBox .slick-dots button { display: none; font-size: 0; } .HGP_banner .slickBox .slick-dots li { cursor: pointer; display: inline-block; margin: 0 8px; padding: 5px; border-radius: 50%; background-color: #996c33; } .HGP_banner .slickBox .slick-dots li.slick-active { background-color: #a40000; } .Hgp_title h3 { font-size: 18px; margin-bottom: 40px; } .hgpinfo { padding: 5% 0; } .hgpinfo .txtBox { float: left; width: 60%; max-width: 690px; } .hgpinfo .txtBox h3 { } .hgpinfo .txtBox .info { line-height: 1.8; font-size: 12px; } .hgpinfo .txtBox .info .p { margin: 15px 0; } .hgpinfo .img { float: right; width: 40%; text-align: right; } .hgp_ztbd ul { overflow: hidden; display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; } .hgp_ztbd li { float: left; width: 31%; margin-right: 3.5%; margin-bottom: 1.5%; list-style: none; } .hgp_ztbd li:nth-child(3n) { margin-right: 0; } .hgp_ztbd li .txtBox { padding: 5px 10px; } .hgp_ztbd li .txtBox h3 { font-size: 14px; } .hgp_ztbd li .dateM { overflow: hidden; color: #808080; font-size: 13px; margin-top: 10px; } .hgp_ztbd li .dateM .date { float: left; font-size: 14px; } .hgp_ztbd li .dateM .detail { float: right; } .hgp_jnhb { padding: 5% 0; position: relative; } .hgp_jnhb .itemBox { overflow: hidden; display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; } .hgp_jnhb .item { float: left; width: 30%; margin-right: 5%; margin-bottom: 5%; } .hgp_jnhb .item:nth-child(3n) { margin-right: 0; } .hgp_jnhb .download { font-weight: bold; display: inline-block; border-radius: 10px; border: 2px solid #7d0022; padding: 10px 32px; margin-top: 20px; } .hgp_jnhb .download:hover { color: white; background-color: #7d0022; } .hgp_jnhb .slick-dots { position: absolute; left: 0; bottom: -30px; width: 100%; text-align: center; padding: 0; z-index: 99; } .hgp_jnhb .slick-dots button { display: none; font-size: 0; } .hgp_jnhb .slick-dots li { cursor: pointer; display: inline-block; margin: 0 8px; padding: 5px; border-radius: 50%; background-color: #996c33; } .hgp_jnhb .slick-dots li.slick-active { background-color: #a40000; } @media (max-width: 1200px) { .w1200 { padding: 0 2%; } .HGP_banner .txtBox { float: none; width: 100%; max-width: none; } .HGP_banner .txtBox h2 { font-size: 60px; } .HGP_banner .slickBox { float: none; width: 100%; max-width: none; } } @media (max-width: 768px) { .HGP_top .left { max-width: 30%; } .HGP_top .left .pc { display: none; } .HGP_top .left .wap { display: inline; } .HGP_top .HGP_menu li + li { margin-left: 15px; } .HGP_banner .txtBox img { max-width: 80%; margin: 0 auto; display: block; } .HGP_banner .txtBox { font-size: 18px; padding-top: 0 } .HGP_banner .txtBox h3 { font-size: 30px; } .HGP_banner .txtBox h2 { font-size: 36px; } .HGP_banner .slickBox img { min-width: auto; } .HGP_banner .slickBox .slick-dots { bottom: 10px; } .Hgp_title h3, .hgpinfo .txtBox h3 { margin-bottom: 20px; font-size: 16px; } .hgpinfo .txtBox { float: none; width: 100%; margin-bottom: 20px; } .hgpinfo .img { float: none; width: 100%; text-align: center; } .hgp_ztbd li { width: 49%; margin-right: 2%; } .hgp_ztbd li:nth-child(3n) { margin-right: 2%; margin-bottom: 20px; } .hgp_ztbd li:nth-child(2n) { margin-right: 0; } .hgp_ztbd li .txtBox { padding: 5px; } .hgp_ztbd li .txtBox h3 { font-size: 13px; } .hgp_jnhb .itemBox { overflow: initial; } .hgp_jnhb .item { margin: 0; width: 100% } .hgp_jnhb .item img { display: inline; min-height: 300px; min-width: 200px } .hgp_jnhb .download { margin-top: 80px; } } .listbox { background-color: #F2F2F2; padding: 20px; } .listbox .list { margin: 15px 0; } .content-well .home-page-tile .tile-wrapper .tile .text-container .more{ display: inline-block; font-size: 14px; color: #666; margin-top: 28px; transition: all .3s; } .content-well .home-page-tile .tile-wrapper .tile .text-container .words { font-size: 16px; color: #666; line-height: 24px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } #manual li .imgbox { width: 100%; max-width: 100%; height: auto; overflow: hidden; /*border: 1px solid #ccc;*/ }