锘緻charset "UTF-8"; body { overflow-x:hidden; font-family:"Microsoft YaHei"; } ul { padding:0; margin:0; } ul li { list-style:none; } a { color:#337ab7; text-decoration:none; } h1,h2,h3,h4,h5 { margin:0; } a:focus,a:hover { color:#23527c; text-decoration:none; } a:focus { outline:none; outline-offset:-2px; } .hot-keys:after,.xypg-download-list .download-title:after,.xypg-download-list .download-item:after,.xypg-download-list .download-item .download-item-span:after,.xypg-job-list .job-title:after,.xypg-job-list .job-item:after,.xypg-job-list .job-item .job-item-span:after,.xypg-detail-info-bar:after,.xypg-detail-info-bar .xypg-file-down .file-down-list li:after,.xypg-detail-pn div:after,.xypg-detail-file-dwon:after,.product-detail-tab .product-detail-tabli:after,.tag-list-product .tag-wz .tab-fenli:after { content:""; display:table; clear:both; } .x-header-right .x-login .username,.x-product-list li h3,.x-case-item .wz h3,.x-news-top h3,.x-news-list li a,.latest-news li a,.hot-keys li a,.xypg-left-nav > li > a,.xypg-left-nav .xypg-left-subnav > li > a,.xypg-left-nav .xypg-left-threenav > li > a,.picList li h3 a,.imgList li h3 a,.newsList li .tit h3,.xypg-album-cate li .album-title,.xypg-album-list li h3,.xypg-download-list .download-item .download-item-span.download-item-first,.xypg-download-list .download-item .download-item-span .download-item-con,.xypg-job-list .job-item .job-item-span .job-item-con,.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p,.xypg-detail-pn div a,.relate-product-slick .owl-item p,.relate-news-list li a,.xypg-jod-detail .job-detail-title,.cover-item .item-first .wz h3,.cover-item .item-list h4,.tag-list-product .tag-wz h1,.tag-list-product .tag-wz .tab-fenli p { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .x-banner .owl-carousel .banner-item a,.x-product-list li .img,.x-case-item .img,.x-news-img,.page-banner,.picList li .img,.imgList li .img,.relate-product-slick .owl-item .img,.x-logo a,.x-layout-logo,.x-layout-ewm img,.page-message-img { font-size:0; } .x-banner .owl-carousel .banner-item a img,.x-product-list li .img img,.x-case-item .img img,.x-news-img img,.page-banner img,.picList li .img img,.imgList li .img img,.relate-product-slick .owl-item .img img { width:100%; } .x-logo a img,.x-layout-logo img,.x-layout-ewm img img,.page-message-img img { max-width:100%; } .x-product-list li .img,.x-case-item .img,.x-news-img,.picList li .img,.imgList li .img,.relate-product-slick .owl-item .img { overflow:hidden; } .x-product-list li .img img,.x-case-item .img img,.x-news-img img,.picList li .img img,.imgList li .img img,.relate-product-slick .owl-item .img img { -webkit-transition:all 0.5s ease; transition:all 0.5s ease; } .x-product-list li .img:hover img,.x-case-item .img:hover img,.x-news-img:hover img,.picList li .img:hover img,.imgList li .img:hover img,.relate-product-slick .owl-item .img:hover img { -webkit-transform:scale(1.1); transform:scale(1.1); } .container-fluid { padding:0 8.33333333%; } @media (max-width:768px) { body { padding-top:60px; } } .icon-font { position:relative; } .icon-font:after { content:""; width:30px; height:30px; background-image:url(../images/icon_spirit.png); background-repeat:no-repeat; position:absolute; left:calc(50% - 15px); top:calc(50% - 15px); } .n-loading .n-icon { background:url("../images/loading.gif") 0 center no-repeat !important; } .n-default .msg-wrap .n-icon { background-image:url("../images/validator_default.png") !important; } .n-simple .msg-wrap .n-icon { background-image:url("../images/validator_simple.png") !important; } .n-yellow .msg-wrap .n-icon { background-image:url("../images/validator_simple.png") !important; } /*鎵嬫満绔ご閮?/ .xymob-head { position:fixed; top:0; z-index:999999; left:0; right:0; background:#151515; } .xymob-head-box { position:relative; height:60px; } .xymob-head-box .xymob-logo { position:absolute; left:0; right:0; bottom:0; top:0; margin:auto; width:70%; height:30px; text-align:center; } .xymob-head-box .xymob-logo h1,.xymob-head-box .xymob-logo a { display:inline; font-size:0; } .xymob-head-box .xymob-logo img { height:25px; } .xymob-navbtn { position:absolute; z-index:9; top:0; bottom:0; right:0; left:0; margin:auto 0 auto 27px; width:30px; height:20px; } .xymob-navbtn span,.xymob-navbtn:after,.xymob-navbtn:before { display:block; height:2px; width:100%; background:#fff; -webkit-transition:all 0.5s; transition:all 0.5s; } .xymob-navbtn span { margin:7px 0; } .xymob-navbtn:after,.xymob-navbtn:before { content:""; -webkit-transform-origin:7.5%; transform-origin:7.5%; } .xymob-navbtn.clicked span { -webkit-transform:translateX(-100%); transform:translateX(-100%); opacity:0; } .xymob-navbtn.clicked:after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg); } .xymob-navbtn.clicked:before { -webkit-transform:rotate(45deg); transform:rotate(45deg); } .xymob-search-btn { position:absolute; z-index:9; right:0; top:0; bottom:0; width:14%; text-align:center; line-height:60px; } .xymob-search-btn .icon-font { display:block; width:100%; height:100%; } .xymob-search-btn .icon-font:after { background-position:-30px -210px; } .xymob-menu { display:none; position:absolute; z-index:9999; left:0; right:0; height:100vh; background:#151515; padding:0 10%; } .xymob-menu .xymob-menu-box { height:100vh; overflow:auto; padding-bottom:80px; } .xymob-nav > li { border-bottom:1px solid #2b2b2b; position:relative; } .xymob-nav > li > a { display:block; line-height:50px; font-size:16px; color:#ffffff; } .xymob-nav .xymob-menu-jt { position:absolute; width:20%; height:50px; line-height:50px; right:0; top:0; text-align:center; z-index:9; } .xymob-nav .xymob-menu-jt .icon-font { display:block; width:100%; height:100%; } .xymob-nav .xymob-menu-jt .icon-font:after { background-position:-30px -240px; } .xymob-nav .xymob-menu-jt.clicked .icon-font:after { background-position:-30px -270px; } .xymob-nav .xymob-sub-menu { background:#1e1e1e; display:none; } .xymob-nav .xymob-sub-menu > li { border-top:1px dashed #2b2b2b; } .xymob-nav .xymob-sub-menu > li > a { display:block; font-size:14px; color:rgba(255,255,255,0.8); line-height:40px; text-indent:2em; } .xymob-dlbtn { margin-top:40px; } .xymob-dlbtn a { text-align:center; display:block; width:100%; height:40px; line-height:40px; background:#292e39; color:#fff; font-size:16px; border-radius:5px; } .xymob-dlbtn a i { display:inline-block; vertical-align:middle; width:30px; height:30px; margin-right:5px; } .xymob-dlbtn a .icon-dl:after { background-position:-30px -540px; } .xymob-dlbtn a .icon-pn:after { background-position:-30px -600px; } .xymob-dlbtn a .icon-tc:after { background-position:-30px -570px; } .xymob-dlbtn .zx-btn { margin-top:10px; background:none; border:1px solid #fff; } .xymob-search { position:fixed; z-index:99999; left:100%; bottom:0; top:0; width:100%; background:#151515; padding:15px 15% 0 15%; -webkit-transition:all 0.5s; transition:all 0.5s; } .xymob-search .xymob-search-close-btn { position:absolute; top:27px; left:30px; width:30px; height:30px; text-align:center; line-height:30px; } @media (max-width:420px) { .xymob-search .xymob-search-close-btn { left:15px; } } .xymob-search .xymob-search-close-btn i { width:100%; height:100%; display:block; } .xymob-search .xymob-search-close-btn i:after { background-position:-30px -300px; } .xymob-search .xymob-search-box { height:50px; border-bottom:2px solid #2d2d2d; } .xymob-search .xymob-search-box input[type="text"] { width:80%; float:left; background:none; border:none; outline:none; color:rgba(255,255,255,0.3); font-family:"Microsoft YaHei"; font-size:16px; height:50px; } .xymob-search .xymob-search-box #s_btn { width:20%; height:50px; outline:none; border:none; cursor:pointer; font-size:0; background:none; border:none; } .xymob-search .xymob-search-box #s_btn .icon-font { display:block; width:100%; height:100%; } .xymob-search .xymob-search-box #s_btn .icon-font:after { background-position:-30px -210px; } .xymob-search .xymob-seaerch-wz span,.xymob-search .xymob-seaerch-wz a { display:block; font-size:14px; color:rgba(255,255,255,0.9); line-height:45px; border-bottom:1px solid #2b2b2b; } .xymob-search.clicked { left:0; } .x-header { background:#ffffff; padding:1.30208333% 0; } .x-logo { float:left; width:15.3125%; } .x-logo a { display:block; } .x-header-right { float:right; width:25%; text-align:right; } .x-header-right #formsearch,.x-header-right .x-login { display:inline-block; vertical-align:middle; } .x-header-right #formsearch { width:calc(100% - 100px); position:relative; } .x-header-right #formsearch:before { content:"|"; position:absolute; left:36px; top:5px; } .x-header-right #formsearch #s_btn { float:left; outline:none; border:none; width:35px; height:30px; font-size:0; background-image:url(../images/icon_spirit.png); background-color:transparent; background-repeat:no-repeat; background-position:0 -210px; } .x-header-right #formsearch #keyword { float:left; background:none; outline:none; border:none; width:calc(100% - 35px); color:rgba(0,0,0,0.8); margin-top:5px; height:20px; padding-left:10px; } .x-header-right .x-login { font-size:14px; color:#000000; line-height:1.6; line-height:30px; } .x-header-right .x-login .username { max-width:75px; vertical-align:-10px; display:inline-block; } .x-header-right .x-login a { color:#000; } .x-header-right .x-login a:hover { color:#0762bf; } /* 鎵ヨ矾 */ .xa-login { position:absolute; width:50%; text-align:right; top:0; right:8.33333333%; } /* 瀵艰埅鏍峰紡 */ .x-menu { width:58.75%; float:left; } .x-menu > li { float:left; position:relative; margin:0 0.15vw; } .x-menu > li > a { display:block; padding:0 0.8vw; font-size:14px; color:#000000; line-height:2.4; } .x-menu > li > a:hover { background:#292e39; color:#fff; } .x-menu > li.active > a { background:#292e39; color:#fff; } .x-menu > li:after { content:""; position:absolute; z-index:100; width:100%; left:0; height:40px; opacity:0; top:100%; } .x-menu > li:hover .x-sub-menu { opacity:1; visibility:visible; -webkit-transform:translateY(0); transform:translateY(0); } .x-sub-menu { position:absolute; z-index:99; width:150%; left:-25%; top:65px; background:#fff; border-radius:5px; padding:10px 0; opacity:0; visibility:hidden; -webkit-transform:translateY(20px); transform:translateY(20px); -webkit-transition:all 0.5s ease; transition:all 0.5s ease; } .x-sub-menu > li > a { display:block; text-align:center; line-height:2; font-size:14px; color:#333; line-height:1.5; padding:0.5em; } .x-sub-menu > li > a:hover { background:#e9eaeb; } .x-sub-menu:after { content:""; width:0; height:0; line-height:0; font-size:0; overflow:hidden; border-width:10px; cursor:pointer; border-style:dashed dashed solid dashed; border-color:transparent transparent #fff transparent; border-top:none; position:absolute; top:-10px; left:50%; margin-left:-10px; z-index:99; } /* 棣栭〉banner鏍峰紡 */ .x-banner .owl-carousel { position:relative; } .x-banner .owl-carousel .banner-item a { display:block; } .x-banner .owl-carousel .owl-nav .owl-prev { left:0; } .x-banner .owl-carousel .owl-nav .owl-next { right:0; } .x-banner .owl-carousel .owl-nav button.owl-prev,.x-banner .owl-carousel .owl-nav button.owl-next { outline:none; position:absolute; top:50%; z-index:9999; background:#424246; height:65px; width:50px; margin-top:-32.5px; border-radius:0; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; } .x-banner .owl-carousel .owl-nav button.owl-prev:hover,.x-banner .owl-carousel .owl-nav button.owl-next:hover { background:#0762bf; } .x-banner .owl-carousel .owl-nav .icon-font { display:block; width:100%; height:100%; } .x-banner .owl-carousel .owl-nav .icon-left-arrow:after { background-position:-34px -180px; } .x-banner .owl-carousel .owl-nav .icon-right-arrow:after { background-position:-26px -480px; } @media (max-width:990px) { .x-banner .owl-carousel .owl-nav button.owl-prev,.x-banner .owl-carousel .owl-nav button.owl-next { height:40px; width:30px; margin-top:-20px; } .x-banner .owl-carousel .owl-nav .iconfont { font-size:20px; } } .x-banner .owl-carousel .owl-dots { position:absolute; z-index:999; left:0; width:100%; text-align:center; font-size:0; bottom:5%; } .x-banner .owl-carousel .owl-dots button.owl-dot { display:inline-block; vertical-align:middle; font-size:14px; margin:0 0.5em; outline:none; background:#fff; border-radius:50%; width:12px; height:12px; opacity:0.5; } .x-banner .owl-carousel .owl-dots button.owl-dot:hover { opacity:0.5; } .x-banner .owl-carousel .owl-dots button.owl-dot.active { opacity:1; } @media (max-width:990px) { .x-banner .owl-carousel .owl-dots button.owl-dot { font-size:12px; } } .x-about { background:#ffffff; padding:6.25% 0; } @media (min-width:990px) { .x-about .x-title { float:left; width:32.5%; } } .x-title { color:#000; position:relative; } .x-title p { text-transform:uppercase; font-size:12px; color:inherit; line-height:1.6; opacity:0.7; margin-bottom:0; } .x-title h3 { font-size:26px; color:inherit; line-height:1.3; margin-top:1em; } .x-title h3 span { display:block; } .x-title a { position:absolute; bottom:0; right:0; border:1px solid #000; width:35px; height:35px; line-height:35px; text-align:center; } .x-title a:hover { background:#000; } .x-title a:hover .icon-add:after { background-position:-30px -450px; } .x-title .icon-add { width:100%; height:100%; display:block; } .x-title .icon-add:after { background-position:0 -450px; } @media (max-width:1024px) { .x-title h3 { font-size:20px; } .x-title a { width:30px; height:30px; line-height:30px; } } .x-title.white { color:#fff; } .x-title.white a { border:1px solid #fff; background:transparent; opacity:0.8; } .x-title.white a .icon-font:after { background-position:-30px -450px; } .x-title.white a:hover { background:#fff; } .x-title.white a:hover .icon-font:after { background-position:0 -450px; } @media (min-width:990px) { .x-about-box { overflow:hidden; } } @media (min-width:990px) { .x-about-left { width:37.38317757%; border-right:1px solid #e3e3e3; padding-right:2.80373832%; float:left; } } .x-about-left > p { font-size:16px; color:#000; line-height:1.6; margin-bottom:1em; } .x-about-left ul { font-size:0; } .x-about-left ul li { display:inline-block; width:33.33333%; vertical-align:middle; } .x-about-left ul li h3 { font-size:40px; color:#0762bf; line-height:1.6; } @media (max-width:1366px) { .x-about-left ul li h3 { font-size:30px; } } .x-about-left ul li p { font-size:16px; color:rgba(0,0,0,0.9); line-height:1.6; margin-bottom:0; } @media (max-width:1024px) { .x-about-left > p { font-size:14px; } .x-about-left ul li h3 { font-size:20px; } .x-about-left ul li p { font-size:14px; } } .x-about-right { font-size:13px; color:rgba(0,0,0,0.9); line-height:1.846; } @media (min-width:990px) { .x-about-right { overflow:hidden; padding-left:4.6728972%; } } .x-about-right strong { display:block; font-size:16px; color:#000; line-height:1.6; margin-bottom:1.1em; font-weight:normal; } .x-about-right p { margin-bottom:0; } @media (max-width:1024px) { .x-about-right { font-size:12px; } .x-about-right strong { font-size:14px; color:#000; line-height:1.6; margin-bottom:10px; } } .x-product { padding:4.16666667% 0 3.125%; background:#fff url(../images/pro_bg.jpg) repeat-x; background:-webkit-gradient( linear,left top,left bottom,color-stop(30%,#f0f0f0),color-stop(30%,#fff),to(#fff) ); background:linear-gradient(to bottom,#f0f0f0 30%,#fff 30%,#fff 100%); } .x-product-list { font-size:0; margin:3.125% -12px 0 -12px; } .x-product-list li { display:inline-block; vertical-align:top; width:calc(25% - 24px); margin:0 12px 45px 12px; } .x-product-list li h3 { border:1px solid transparent; border-top:none; font-size:16px; color:#000; line-height:1; padding:2.2em 0; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; } .x-product-list li:hover h3 { border-color:#e5e5e5; padding-left:0.5em; padding-right:0.5em; color:#0762bf; } @media (max-width:1024px) { .x-product-list li { margin-bottom:20px; } .x-product-list li h3 { font-size:14px; padding:1em 0; } } .x-case { padding:4.16666667% 0 5.20833333%; background:#fff url(../images/case_bg.jpg) repeat-x; background:-webkit-gradient( linear,left top,left bottom,color-stop(45%,#292e39),color-stop(45%,#fff),to(#fff) ); background:linear-gradient(to bottom,#292e39 45%,#fff 45%,#fff 100%); } .x-case-list { margin-top:2.5%; margin-left:13.75%; } @media (max-width:1024px) { .x-case-list { margin-left:6.25%; } } .x-case-item { padding:0 1px; background:#fff; } .x-case-item a { display:block; padding:10px 20px 40px 20px; border:1px solid transparent; } .x-case-item .wz { margin-top:30px; } .x-case-item .wz h3 { font-size:20px; color:#000; line-height:1.6; margin-bottom:0.6em; } .x-case-item .wz p { font-size:14px; color:#000; line-height:1.6; font-weight:100; margin-bottom:2em; } .x-case-item .wz span { display:block; } .x-case-item .wz .icon-right-arrow { display:block; width:25px; height:25px; border:1px solid #b0b3b8; border-radius:50%; } .x-case-item .wz .icon-right-arrow:after { background-position:2px -241px; opacity:0.4; } @media (max-width:1024px) { .x-case-item .wz { margin-top:10px; } .x-case-item .wz h3 { font-size:16px; } .x-case-item .wz p { font-size:13px; margin-bottom:1.5em; } } .x-case-item:hover a { border-color:#e5e5e5; } .x-case-item:hover .icon-right-arrow { background:#000; border-color:#000; } .x-case-item:hover .icon-right-arrow:after { background-position:-28px -241px; opacity:1; } .x-company { background:#f0f0f0; padding:2.60416667% 0 2.08333333%; } .x-company-title { font-size:20px; color:rgba(0,0,0,0.9); line-height:1.6; } .x-company-title:after { content:""; display:block; width:20px; height:4px; background:#3d3d3d; margin-top:10px; } @media (max-width:990px) { .x-company-title { font-size:18px; } .x-company-title:after { height:3px; } } .x-company-list { margin-top:1.875%; } .x-company-item { padding:0 15px; } .x-company-item a { display:block; text-align:center; width:100%; height:45px; font-size:0; } .x-company-item a img { max-width:100%; max-height:100%; display:inline-block; vertical-align:middle; } .x-company-item a:after { content:""; height:100%; display:inline-block; vertical-align:middle; } .x-company-item a img { width:auto !important; display:inline-block !important; } .x-news { background:#fff; padding:5.20833333% 0; } .x-news-box { margin-top:3.125%; font-size:0; } @media (min-width:990px) { .x-news-img { width:43.75%; margin-right:3.4375%; display:inline-block; vertical-align:middle; } } @media (min-width:990px) { .x-news-right { display:inline-block; vertical-align:middle; width:52.8125%; } } .x-news-top { position:relative; padding-right:18.93491124%; margin-bottom:5.91715976%; } .x-news-top h3 { font-size:18px; color:#000000; line-height:1.6; border-bottom:1px solid #ededed; padding-bottom:15px; margin-bottom:15px; } .x-news-top p { font-weight:100; font-size:13px; color:#000; line-height:1.6; } .x-news-top .date { position:absolute; right:0; top:0; text-align:center; width:70px; } .x-news-top .date h4 { font-size:44px; color:rgba(0,0,0,0.7); line-height:1; } .x-news-top .date h5 { font-size:15px; color:rgba(0,0,0,0.7); line-height:1.6; } .x-news-top .date span { display:inline-block; } .x-news-top .date span .icon-right-arrow { display:block; color:#fff; width:25px; height:25px; background:#000; border-radius:50%; } .x-news-top .date span .icon-right-arrow:after { background-position:-28px -241px; } .x-news-top:hover h3 { color:#0762bf; } .x-news-list li { position:relative; padding:18px 80px 18px 0; border-bottom:1px solid #ededed; } @media (max-width:1366px) { .x-news-list li { padding-top:9px; padding-bottom:9px; } } .x-news-list li a { display:block; font-size:14px; color:rgba(0,0,0,0.9); } .x-news-list li a:hover { color:#0762bf; } .x-news-list li span { position:absolute; right:0; width:80px; text-align:right; top:50%; margin-top:-9px; font-size:13px; color:rgba(0,0,0,0.5); } .x-link { background:#fff; padding-bottom:1.5%; } .x-message { background:#f0f0f0; padding:2.34375% 0; } .x-message-wrap { margin-left:24.375%; margin-right:24.375%; } @media (max-width:1366px) { .x-message-wrap { margin-left:12.5%; margin-right:12.5%; } } .x-message-wrap .row { margin-left:-5px; font-size:0; margin-right:-5px; } .x-message-wrap div[class^="col-"] { padding-left:5px; padding-right:5px; position:relative; } .x-message-wrap input[type="text"],.x-message-wrap textarea { width:100%; height:42px; border:1px solid #d8d8d8; padding:0 10px; font-size:14px; color:rgba(0,0,0,0.9); background:#f0f0f0; outline:none; margin-bottom:10px; } .x-message-wrap input[type="text"]::-webkit-input-placeholder,.x-message-wrap textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.8); } .x-message-wrap input[type="text"]:-ms-input-placeholder,.x-message-wrap textarea:-ms-input-placeholder { color:rgba(0,0,0,0.8); } .x-message-wrap input[type="text"]::-ms-input-placeholder,.x-message-wrap textarea::-ms-input-placeholder { color:rgba(0,0,0,0.8); } .x-message-wrap input[type="text"]::placeholder,.x-message-wrap textarea::placeholder { color:rgba(0,0,0,0.8); } .x-message-wrap textarea { padding-top:5px; height:95px; resize:none; } .x-message-wrap #checkcode { float:left; width:32.29813665%; margin-bottom:0; } .x-message-wrap .checkCodeImg { float:left; display:block; text-align:center; width:17.39130435%; height:42px; font-size:0; background:#e7e4e4; padding:5px 10px; } .x-message-wrap .checkCodeImg img { max-width:100%; max-height:100%; display:inline-block; vertical-align:middle; } .x-message-wrap .checkCodeImg:after { content:""; height:100%; display:inline-block; vertical-align:middle; } .x-message-wrap .checkCodeImg img { cursor:pointer; } .x-message-wrap .x-submit { float:right; width:49.68944099%; height:42px; background:#2d323b; color:#fff; font-size:14px; border:none; outline:none; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; } .x-message-wrap .x-submit:hover { background:#0762bf; } .n-default .n-invalid { border-color:#0762bf !important; } .n-default .msg-wrap { top:8px; right:5px; margin-left:0; } .n-default .x-textarea .msg-wrap { top:65px; } /* 鎵嬫満鏍峰紡 */ @media (max-width:990px) { .x-title h3 { font-size:14px; margin-top:5px; } .x-title h3 span { display:inline-block; margin-left:5px; } .x-title h3 span:before { margin-right:5px; content:"-"; } .x-about .x-title { margin-bottom:20px; } .x-about-left { margin-bottom:15px; border-bottom:1px solid #efefef; padding-bottom:10px; } .x-product-list { margin-left:-5px; margin-right:-5px; margin-top:20px; } .x-product-list li { width:calc(50% - 10px); margin-left:5px; margin-right:5px; margin-bottom:10px; } .x-case-list { margin-left:0; margin-top:20px; } .x-case-item a { padding:10px; } .x-company-title { font-size:14px; } .x-company-title p { margin-bottom:0; } .x-company-title:after { margin-top:5px; } .x-company-list { margin-top:15px; } .x-news-box { margin-top:20px; } .x-news-img,.x-news-right { width:100%; } .x-news-img { margin-bottom:15px; } .x-news-top h3 { font-size:16px; padding-bottom:7px; margin-bottom:7px; } .x-news-top p { font-size:12px; } .x-news-top .date h4 { font-size:30px; } .x-news-top .date h5 { font-size:12px; } .x-message-wrap { margin-left:0; margin-right:0; } .x-message-wrap #checkcode { width:65%; } .x-message-wrap .checkCodeImg { width:35%; } .x-message-wrap .x-submit { float:none; margin-top:10px; width:100%; } } #container { width:100%; max-width:1000px; margin:0 auto; margin-top:10px; border:1px solid #f4f4f4; padding:10px; } #container .city_list { padding-top:10px; } #container .city_list .item { padding:10px 0; line-height:24px; overflow:hidden; border-bottom:1px dashed #ddd; } #container .city_list .item dt { float:left; font-family:arial; font-weight:bold; font-size:18px; width:35px; padding-left:25px; color:#444; display:table-cell; } #container .city_list .item dd { margin:0 0 0 55px; padding-left:15px; border-left:1px dashed #b2b2b2; } #container .city_list .item dd a { padding:1px 12px 1px 12px; white-space:nowrap; float:left; color:#333; font-size:14px; text-decoration:none; } #container .city_list .item dd a:hover { text-decoration:none; background:#eb2830; color:#fff; } #foot { width:1000px; margin:0 auto; text-align:center; margin-top:10px; line-height:24px; color:#666; border-top:2px solid #eb2830; padding-top:10px; font-size:14px; } #foot a { color:#666; text-decoration:none; } #foot a:hover { color:#0aa8dd; } .return { position:relative; height:36px; padding:6px; max-width:1000px; width:100%; margin:0 auto; text-align:left; font:bold 22px/42px "\5FAE\8F6F\96C5\9ED1"; color:#737372; } .return a { position:absolute; right:10px; top:12px; height:36px; width:100px; text-align:center; display:block; background:#eb2830; color:#fff; line-height:36px; font-size:12px; font-weight:bold; } .return a:hover { text-decoration:none; background:#f39c11; color:#fff; } .x-layout { background:url(../images/layout_bg.jpg) top center no-repeat; background-size:cover; padding:4.16666667%; } .x-layout-logo { margin-bottom:20px; } .x-layout-desc { font-size:12px; color:rgba(255,255,255,0.5); } .x-layout-contact { margin-top:30px; } .x-layout-contact p { margin-bottom:0; font-size:14px; color:rgba(255,255,255,0.7); line-height:1.7; } .x-layout-contact strong { display:block; font-size:24px; color:rgba(255,255,255,0.8); } .x-layout-contact a { color:#fff; } .x-layout-menu dl { float:left; width:20%; text-align:center; } .x-layout-menu dl dt { font-size:14px; color:#fff; margin-bottom:1.43em; } .x-layout-menu dl dd a { display:block; font-size:14px; color:rgba(255,255,255,0.4); line-height:2; } .x-layout-ewm { text-align:center; } .x-layout-ewm p { background:rgba(255,255,255,0.1); font-size:13px; font-weight:100; padding:0.8em 0; line-height:1.7; color:rgba(255,255,255,0.7); margin:15px 0 0 0; } .x-footer { background:#161618; padding:15px 0; text-align:center; font-size:12px; color:rgba(255,255,255,0.5); line-height:1.7; } .x-footer a { color:rgba(255,255,255,0.5); } .x-footer a:hover { color:rgba(255,255,255,0.8); } .x-copyright { margin:5px 0; } /*宸︿晶宸ュ叿鏉?/ #toolbar { position:fixed; z-index:9999; right:17px; bottom:10%; } #toolbar li { margin-bottom:3px; font-size:0; width:57px; height:57px; right:0; position:relative; } #toolbar li a { display:block; position:absolute; z-index:9; right:0; top:0; width:57px; height:57px; overflow:hidden; background:#292e39; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; white-space:nowrap; font-size:0; } #toolbar li .icon-font { display:inline-block; vertical-align:middle; width:57px; height:57px; background-color:#d9d9d9; } #toolbar li .icon-qq:after { background-position:0 -150px; } #toolbar li .icon-phone:after { background-position:0 -90px; } #toolbar li .icon-ewm:after { background-position:0 -30px; } #toolbar li .icon-message:after { background-position:0 -120px; } #toolbar li .icon-top:after { background-position:0 -60px; } #toolbar li .icon-wangwang:after { background-position:0 0; } #toolbar li .wz { display:inline-block; line-height:57px; font-size:14px; color:#fff; vertical-align:middle; padding-left:10px; } #toolbar li.ewm .ewm-box { position:absolute; z-index:1; padding:5px; background:#292e39; width:110px; right:120%; bottom:0; opacity:0; visibility:hidden; -webkit-transform:translateX(100%); transform:translateX(100%); -webkit-transition:all 0.7s; transition:all 0.7s; } #toolbar li.ewm .ewm-box p { margin-bottom:0; } #toolbar li.ewm .ewm-box img { max-width:100%; } #toolbar li.ewm .ewm-box:after { content:""; position:absolute; right:-5px; bottom:20px; width:0; height:0; line-height:0; font-size:0; overflow:hidden; border-width:5px; cursor:pointer; border-style:dashed dashed dashed solid; border-color:transparent transparent transparent #292e39; border-right:none; } #toolbar li.ewm:hover .icon { background-position:-57px -180px; } #toolbar li.ewm:hover .ewm-box { opacity:1; visibility:visible; -webkit-transform:translateY(0); transform:translateY(0); } #toolbar li.backtop { cursor:pointer; } #toolbar li.backtop .iconfont { color:#fff; background-color:#292e39; } #toolbar li:hover a { width:200px; } #toolbar li:hover .icon-font { background-color:#292e39; } #toolbar li:hover .icon-qq:after { background-position:-30px -150px; } #toolbar li:hover .icon-phone:after { background-position:-30px -90px; } #toolbar li:hover .icon-ewm:after { background-position:-30px -30px; } #toolbar li:hover .icon-message:after { background-position:-30px -120px; } #toolbar li:hover .icon-wangwang:after { background-position:-30px 0; } #toolbar li:hover .icon-top:after { background-position:-30px -60px; } @media (max-width:990px) { #toolbar { display:none; } } .page-position { padding:15px 0; font-size:14px; color:#2f2f2f; } .page-position a { color:#2f2f2f; } .page-position a:hover { color:#0762bf; } .page-wrap { background:#ffffff; padding-bottom:3.38541667%; } .page-wrap-left { float:left; width:305px; margin-right:4.16666667%; } .xypg-left-box { margin-bottom:20px; } .xypg-left-title { background-color: #1258c6; padding: 10px 20px; position: relative; } .xypg-left-title h3 { font-size:20px; color:#ffffff; line-height:30px; font-weight:bold; position:relative; z-index:9; } .xypg-left-title i { position:absolute; left:-5px; top:-9px; font-style:normal; font-size:67px; font-weight:bold; opacity:0.1; color:#fff; line-height:1; z-index:1; text-transform:uppercase; } .xypg-left-title span { font-weight:normal; font-size:16px; color:#fff; opacity:0.6; margin-left:10px; text-transform:capitalize; } .xypg-left-title span:before { content:"/"; padding-right:5px; } .xypg-left-con { border:1px solid #d2d2d2; border-top:none; } .latest-news { padding:10px 0; } .latest-news li { padding:0.5em 1em; font-size:14px; } .latest-news li a { display:block; line-height:1.2; color:#5a5a5a; } .latest-news li a:before { content:"+"; font-weight:bold; margin-right:5px; font-size:16px; } .latest-news li a:hover { color:#0762bf; } .latest-news li a:hover:before { color:#0762bf; } .hot-keys { padding:20px 7px 8px 7px; } .hot-keys li { width:calc(50% - 14px); float:left; margin:0 7px 14px 7px; } .hot-keys li a { display:block; text-align:center; font-size:14px; color:#5a5a5a; line-height:2.857; border:1px dashed #f1f1f1; } .hot-keys li a:hover { color:#0762bf; border-color:#0762bf; } .page-wrap-contact { padding:10px 0; font-size:14px; } .page-wrap-contact h4 { padding:0.3em 1.4em 0.8em 1.4em; font-size:16px; color:#000000; } .page-wrap-contact p { padding:0.8em 1.4em; color:#2f2f2f; } .page-message-img img { border:1px solid #d2d2d2; } .page-wrap-right { overflow:hidden; } .page-mob-tool { position:fixed; right:15px; bottom:100px; z-index:9999; display:none; } .page-mob-tool li { width:40px; height:40px; line-height:40px; text-align:center; margin-bottom:1px; cursor:pointer; position:relative; } .page-mob-tool li:before { content:""; position:absolute; left:0; right:0; bottom:0; top:0; background:#292e39; opacity:0.7; } .page-mob-tool li i { display:block; width:100%; height:100%; } .page-mob-tool li .icon-dots-horizontal:after { background-position:-30px -390px; } .page-mob-tool li .icon-top:after { background-position:-30px -60px; } @media (min-width:992px) { .page-mob-tool { display:none; } } .navigation a { display:inline-block; font-size:14px; color:#333333; font-family:"Microsoft YaHei",Arial; line-height:26px; border:1px solid #cbcbcb; margin:0 5px; padding:0 8px; } .navigation a.previous_page { float:left; } .navigation a.next_page { float:right; } .navigation a:hover { color:#fff; border-color:#0762bf; background:#0762bf; } /* 鎵嬫満绔 宸︿晶瀵艰埅寮瑰嚭鐗规晥 */ .xymob-left-close-btn { display:none; } /* 鍐呴〉宸︿晶瀵艰埅鏍忔牱寮 */ .xypg-left-nav { margin:0 -1px; } .xypg-left-nav > li { position:relative; border-bottom:1px solid #eeeeee; } .xypg-left-nav > li:last-child { border-bottom:none; } .xypg-left-nav > li > h3 { display:block; font-size:16px; line-height:46px; height:46px; color:#2e2e2e; margin-left:18px; background:url(../images/icon_spirit.png) 240px -232px no-repeat; } .xypg-left-nav > li a { color:#2e2e2e; } .xypg-left-nav > li .first-nav-btn.clicked { background-position:0 -270px; } .xypg-left-nav > li:hover h3 > a,.xypg-left-nav > li.on h3> a { color:#eb2830; } .xypg-left-nav .xypg-left-subnav { display:none; padding:0 10px; } .xypg-left-nav .xypg-left-subnav > li { border-top:1px dashed #eeeeee; } .xypg-left-nav .xypg-left-subnav > li > a { padding:8px; display:block; line-height:20px; color:#818181; font-size:16px; } .xypg-left-nav .xypg-left-subnav > li > a:hover { color:#0762bf; } .xypg-left-nav .xypg-left-subnav > li.clicked > a { color:#0762bf; } .xypg-left-nav .xypg-left-threenav > li > a { padding:5px 10px; display:block; font-size:14px; line-height:24px; color:#999999; } .xypg-left-nav .xypg-left-threenav > li > a:before { content:"\2014 "; } .xypg-left-nav .xypg-left-threenav > li > a:hover { color:#0762bf; } .xypg-left-nav .xypg-left-threenav > li.clicked > a { color:#0762bf; } @media (max-width:990px) { .xypg-left-nav .xypg-left-threenav { display:block; } } .xypg-pro-description { border:1px solid #e5e5e5; background:#f9f9f9; line-height:24px; padding:10px; margin-bottom:15px; text-indent:2em; } .picList { margin:0 -1.5%; font-size:0; } .picList li { display:inline-block; vertical-align:bottom; width:30.333%; margin:0 1.5% 20px 1.5%; padding:10px 10px 0 10px; border:1px solid #eeeeee; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; } .picList li .img { display:block; } .picList li h4 a { display:block; text-align:center; font-size:14px; color:#5a5a5a; line-height:1.6; padding:0.8em 0; } .picList li:hover { border-color:#292e39; } .picList .no-result { margin:0 1.5%; font-size:14px; } .imgList { margin:0 -1%; font-size:0; } .imgList li { display:inline-block; vertical-align:bottom; width:31.333%; margin:0 1% 10px 1%; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; } .imgList li .img { display:block; } .imgList li h4 a { display:block; text-align:center; font-size:14px; color:#5a5a5a; line-height:1.6; padding:0.8em 0; } .imgList li:hover h4 a { color:#0762bf; } #layerPhoto .img { cursor: zoom-in; } /* 鍐呴〉鏂伴椈鍒楄〃 */ .newsList li { border:1px solid #e1e1e1; padding:30px; background:#fff; margin-bottom:35px; -webkit-transition:all 0.5s; transition:all 0.5s; } .newsList li .tit { border-bottom:1px solid #cbcbcb; margin-bottom:15px; position:relative; } .newsList li .tit h3 { padding-bottom:15px; font-size:18px; color:#565656; font-weight:normal; padding-right:25%; margin:0; } .newsList li .tit .date { position:absolute; right:0; top:0; font-size:14px; color:#666666; } .newsList li .info { font-size:14px; line-height:2; color:#999999; } .newsList li .more { margin-top:15px; } .newsList li .more span { display:inline-block; width:130px; line-height:33px; text-align:center; color:#000; font-size:14px; color:#666666; border:1px solid #e1e1e1; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; } .newsList li:hover { -webkit-box-shadow:0px 2px 13px 1px rgba(8,1,3,0.18); box-shadow:0px 2px 13px 1px rgba(8,1,3,0.18); } .newsList li:hover .tit h3 { color:#292e39; } .newsList li:hover .more span { color:#fff; background-color:#292e39; } @media (max-width:990px) { .newsList li .tit { border-bottom:none; } .newsList li .tit h3 { padding-right:0; padding-bottom:10px; } .newsList li .tit .date { position:static; border-bottom:1px solid #cbcbcb; padding-bottom:5px; color:#999; } } .xypg-album-cate { margin:0 -1%; } .xypg-album-cate li { float:left; width:31.33333%; margin:0 1% 20px 1%; border:1px solid #eaeaea; padding:10px; } .xypg-album-cate li .album-img { margin-bottom:15px; } .xypg-album-cate li .album-img img { width:100%; } .xypg-album-cate li .album-title { text-align:center; font-size:15px; color:#666666; margin-bottom:5px; } .xypg-album-cate li .album-num { font-size:16px; color:#333333; text-align:center; } .xypg-album-cate li .album-num span { display:inline-block; margin-right:5px; } @media (max-width:768px) { .xypg-album-cate li { width:48%; } } @media (max-width:420px) { .xypg-album-cate { margin:0; } .xypg-album-cate li { width:100%; margin:0 0 20px 0; } } .xypg-album-list { margin:0 -1%; } .xypg-album-list li { float:left; width:31.33333%; margin:0 1% 20px 1%; position:relative; } .xypg-album-list li .img { display:block; overflow:hidden; } .xypg-album-list li .img img { width:100%; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; } .xypg-album-list li h3 { position:absolute; left:0; right:0; bottom:0; z-index:9; background:rgba(0,0,0,0.5); text-align:center; color:#fff; line-height:40px; font-weight:normal; font-size:16px; } .xypg-album-list li:hover .img img { -webkit-transform:scale(1.1); transform:scale(1.1); } @media (max-width:768px) { .xypg-album-list li { width:48%; } } @media (max-width:420px) { .xypg-album-list { margin:0; } .xypg-album-list li { width:100%; margin:0 0 20px 0; } } .xypg-album-list.xypg-getkey-list li { width:18%; } @media (max-width:1200px) { .xypg-album-list.xypg-getkey-list li { width:31.3333%; } } @media (max-width:768px) { .xypg-album-list.xypg-getkey-list li { width:48%; } } @media (max-width:420px) { .xypg-album-list.xypg-getkey-list { margin:0; } .xypg-album-list.xypg-getkey-list li { width:100%; margin:0 0 20px 0; } } /* 涓嬭浇鍒楄〃椤 */ .xypg-download-list .download-title { line-height:60px; background:#d9d9d9; font-size:18px; color:#333333; } .xypg-download-list .download-title span { display:block; float:left; text-align:center; width:19%; } .xypg-download-list .download-title .file-name { width:43%; text-align:left; padding-left:5%; } .xypg-download-list .download-item { line-height:50px; } .xypg-download-list .download-item .download-item-span { float:left; width:19%; text-align:center; font-size:14px; color:#555555; } .xypg-download-list .download-item .download-item-span.download-item-first { padding-left:4%; width:43%; text-align:left; } .xypg-download-list .download-item .download-item-span.download-item-iocn .iconfont { margin-right:5px; font-size:14px; } .xypg-download-list .download-item .download-item-span.download-item-iocn a { color:#292e39; } .xypg-download-list .download-item .download-item-span.download-item-iocn a:hover { text-decoration:underline; } .xypg-download-list .download-item:nth-child(odd) { background:#f3f3f3; } .xypg-download-list .download-item .mob-download-title { display:none; } @media (max-width:768px) { .xypg-download-list .download-title { display:none; } .xypg-download-list .download-item { border:1px solid #ebebeb; margin-bottom:20px; background:#fff !important; } .xypg-download-list .download-item .download-item-span { float:none; width:100%; } .xypg-download-list .download-item .download-item-span.download-item-first { padding-left:0; width:100%; } .xypg-download-list .download-item .download-item-span .mob-download-title { float:left; display:block; width:130px; padding-left:15px; text-align:left; font-weight:bold; } .xypg-download-list .download-item .download-item-span .download-item-con { float:right; width:calc(100% - 130px); text-align:right; padding-right:20px; } .xypg-download-list .download-item .download-item-span + .download-item-span { border-top:1px dashed #ebebeb; } } /* 涓嬫嫑鑱樺垪琛ㄩ〉 */ .xypg-job-list .job-name { width:32.5%; padding-left:4%; } .xypg-job-list .job-xlyq { width:32.5%; padding-left:4%; } .xypg-job-list .job-number { width:20%; text-align:center; } .xypg-job-list .job-more { width:15%; text-align:center; } .xypg-job-list .job-title { line-height:60px; background:#292e39; font-size:18px; color:#fff; } .xypg-job-list .job-title span { display:block; float:left; font-weight:bold; } .xypg-job-list .job-item { margin-top:20px; line-height:60px; background:#f8f8f8; } .xypg-job-list .job-item .job-item-span { float:left; font-size:16px; color:#333333; min-height:1px; } .xypg-job-list .job-item .job-item-span .job-item-con { display:block; } .xypg-job-list .job-item .job-more a { float:right; display:block; text-align:center; background:#000; width:29px; height:29px; margin:15px 30px 0 0; background:#9c9c9c url(../images/xypg-job-jt.png) center no-repeat; border-radius:50%; } .xypg-job-list .job-item .job-more a:hover { background-color:#292e39; } .xypg-job-list .job-item .mob-job-title { display:none; } @media (max-width:768px) { .xypg-job-list .job-title { display:none; } .xypg-job-list .job-item { border:1px solid #ebebeb; margin-bottom:20px; background:#fff !important; line-height:50px; } .xypg-job-list .job-item .job-item-span { float:none; width:100%; padding-left:0; font-size:14px; } .xypg-job-list .job-item .job-item-span .mob-job-title { float:left; display:block; width:130px; padding-left:15px; text-align:left; font-weight:bold; } .xypg-job-list .job-item .job-item-span .job-item-con { float:right; width:calc(100% - 130px); text-align:right; padding-right:20px; } .xypg-job-list .job-item .job-more a { margin:12px 0 0 0; } .xypg-job-list .job-item .job-item-span + .job-item-span { border-top:1px dashed #ebebeb; } } @media (max-width:768px) { .picList li { width:47%; } .imgList li { width:48%; } } @media (max-width:375px) { .picList li { width:97%; } .imgList li { width:98%; } } /* 鍒嗛〉鍩烘湰鏍峰紡 */ /*鍒嗛〉*/ .footpage { overflow:hidden; padding:20px 0; text-align:center; } .footpage ul { margin:0 auto; display:table; /* border-top:solid 1px #dedede; border-right:1px solid #dedede; */ } .footpage ul li { text-align:center; margin:0 0 0 4px; font-size:14px; font-weight:400; line-height:30px; display:inline-block; border:1px solid #353535; transition:all 0.2s linear; overflow:hidden; } .footpage ul li.num { font-weight:100; } .footpage ul li a { padding:7px 11px; color:#353535; } .footpage ul li a.iconfont { font-size:14px; } .footpage ul li.on,.footpage ul li:hover { background-color:#353535; transition:all 0.2s linear; } .footpage ul li.pageStop a { cursor:not-allowed; transition:all 0.2s linear; } .footpage ul li.pageStop:hover { background-color:#353535; transition:all 0.2s linear; } .footpage ul li.on a,.footpage ul li:hover a { color:#fff; transition:all 0.2s linear; } .xypg-pagination { margin-top:20px; text-align:center; font-size:0; } .xypg-pagination .pagin-left,.xypg-pagination .pagin-mid,.xypg-pagination .pagin-right,.xypg-pagination .pagin-select { display:inline-block; vertical-align:middle; } .xypg-pagination a,.xypg-pagination #current { display:inline-block; font-size:14px; color:#333333; font-family:"Microsoft YaHei",Arial; line-height:26px; border:1px solid #cbcbcb; margin:0 5px; padding:0 8px; } .xypg-pagination #current,.xypg-pagination a:hover { color:#fff; border-color:#292e39; background:#292e39; } .xypg-pagination .pagin-mid { font-size:14px; } .xypg-pagination .pagin-mid .mob-pagin-mid { display:none; } .xypg-pagination .pagin-select { font-size:14px; } .xypg-pagination .pagin-select select { height:28px; padding:0 8px; margin:-1px 5px 0 5px; } @media (max-width:768px) { .xypg-pagination .pagin-mid .pc-pagin-mid { display:none; } .xypg-pagination .pagin-mid .mob-pagin-mid { display:block; } .xypg-pagination .pagin-mid .mob-pagin-mid span { display:inline-block; padding:0 8px; line-height:28px; font-size:14px; } .xypg-pagination .pagin-select { display:none; } } /* 璇︾粏椤靛垎椤垫牱寮 */ .paging_num { padding:10px 0; } .paging_num a { padding:0 7px; text-align:center; display:inline-block; border:1px dashed #e0e1dc; color:#666; margin-right:8px; } .paging_num a.paging_hover,.paging_num a:hover { border-color:#0762bf; } /*鍐呴〉璇︽儏椤甸潰鍏敤鏍峰紡*/ .xypg-detail-title { font-size:20px; color:#363636; font-weight:bold; margin-bottom:10px; line-height:1.7; } .xypg-detail-info-bar { font-size:14px; font-family:Arial; color:#9e9e9e; line-height:35px; border-bottom:1px dashed #cfcfcf; margin-bottom:20px; } .xypg-detail-info-bar .detail-info-time { float:left; margin-right:20px; position:relative; padding-left:25px; } .xypg-detail-info-bar .detail-info-time i { position:absolute; width:20px; height:20px; top:calc(50% - 10px); left:0; } .xypg-detail-info-bar .detail-info-time i:after { opacity:0.5; background-position:0 -360px; } .xypg-detail-info-bar .detail-info-numbers { float:left; position:relative; padding-left:25px; } .xypg-detail-info-bar .detail-info-numbers i { position:absolute; width:20px; height:20px; top:calc(50% - 10px); left:0; } .xypg-detail-info-bar .detail-info-numbers i:after { opacity:0.5; background-position:0 -330px; } .xypg-detail-info-bar .xypg-file-down { float:right; position:relative; } .xypg-detail-info-bar .xypg-file-down .file-down-title { cursor:pointer; position:relative; padding-left:25px; } .xypg-detail-info-bar .xypg-file-down .file-down-title i { position:absolute; width:20px; height:20px; top:calc(50% - 10px); left:0; } .xypg-detail-info-bar .xypg-file-down .file-down-title i:after { background-position:0 -630px; } .xypg-detail-info-bar .xypg-file-down .file-down-title:hover { color:#292e39; } .xypg-detail-info-bar .xypg-file-down .file-down-list { position:absolute; z-index:9999; width:250%; right:0; background:#fff; display:none; } .xypg-detail-info-bar .xypg-file-down .file-down-list li { padding:10px 0; border-top:1px dashed #cfcfcf; } .xypg-detail-info-bar .xypg-file-down .file-down-list li .icon { float:left; font-size:40px; line-height:40px; margin-right:5px; height:40px; } .xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con { overflow:hidden; line-height:1; } .xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p { font-size:12px; margin-bottom:0; line-height:20px; } .xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con a { font-size:12px; } .xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con a:hover { color:#292e39; } .xypg-detail-con-title { margin:20px 0 10px 0; } .xypg-detail-con-title span { display:inline-block; font-size:18px; color:#292e39; } .xypg-detail-con,.detailTxt { font-size:16px; color:#333; line-height:1.7; min-height: 300px; } .xypg-detail-con img,.xypg-detail-con p img { width:auto !important; max-width:100%; height:auto !important; } .xypg-detail-tags { margin-top:40px; } .xypg-detail-tags .tags-title { border-bottom:1px solid #c3c3c3; position:relative; } .xypg-detail-tags .tags-title h3 { display:inline-block; padding:0 30px; font-size:16px; color:#292e39; line-height:40px; border-bottom:3px solid #0762bf; margin-bottom:-1px; } .xypg-detail-tags .tags-title .baidu-share { position:absolute; right:0; top:8px; } .xypg-detail-tags .tags-content { padding-top:12px; } .xypg-detail-tags .tags-content a { font-size:12px; color:#2f2f2f; display:inline-block; margin-right:9px; background:#f4f4f4; line-height:28px; padding:0 15px; } .xypg-detail-tags .tags-content a:hover { color:#0762bf; } .xypg-detail-url { margin-top:15px; } .xypg-detail-url a { word-break:break-all; } .xypg-detail-article p { margin:10px 0 20px 0; line-height:24px; } .xypg-detail-pn { margin-top:30px; } .xypg-detail-pn div + div { margin-top:15px; } .xypg-detail-pn div { line-height:22px; padding:10px; position:relative; border:1px solid #eeeeee; } .xypg-detail-pn div b { font-size:14px; color:#292e39; float:left; font-weight:normal; } .xypg-detail-pn div b:after { content:"\FF1A"; } .xypg-detail-pn div a { float:left; width:75%; font-size:14px; color:#666666; } .xypg-detail-pn div a:hover { color:#0762bf; } @media (max-width:600px) { .xypg-detail-pn div a { width:60%; } } @media (max-width:600px) { .xypg-detail-pn div a { width:50%; } } .xypg-detail-pn div span { position:absolute; right:20px; top:11px; font-size:14px; color:#666666; } .detail-return{ margin:20px auto; width:80px; height:30px; line-height: 30px; background-color: #353535; text-align: center; font-size: 14px; } .detail-return a{ color:#FFF; } /*鏂伴椈璇︽儏椤?/ /*妗堜緥鍩烘湰璇︽儏椤?/ .xypg-case-detail .main-img { text-align:center; } .xypg-case-detail .main-img img { max-width:100%; } /* 鍦ㄧ嚎鐣欒█椤甸潰 */ #message-form { font-size:0; } #message-form .red-star { color:red; } #message-form label { font-size:14px; } #message-form textarea { resize:none; } #message-form #checkcode { display:inline-block; width:30%; } #message-form #checkCodeImg { vertical-align:top; margin-left:10px; } #message-form #change_code { line-height:34px; padding:0 10px; color:#292e39; font-size:14px; } #message-form .error-info { padding-top:4px; display:inline-block; vertical-align:top; position:absolute; } @media (max-width:768px) { #message-form .form-group { margin-bottom:25px; } #message-form .error-info { display:block; padding-top:0; float:none !important; padding-left:10px; } #message-form #change_code + .error-info { padding-left:0px; margin-left:-7px; } } #message-form.n-default .msg-wrap { position:static; } /* 鎼滅储缁撴灉椤甸潰鏍峰紡 */ .xypg-search-result .search-tag { margin-bottom:20px; border:1px solid #efefef; border-radius:5px; overflow:hidden; } .xypg-search-result .search-tag a { display:inline-block; vertical-align:middle; line-height:40px; padding:0 30px; font-size:16px; color:#333; } .xypg-search-result .search-tag a:hover,.xypg-search-result .search-tag a.on { color:#0762bf; } .xypg-search-result-box { margin-bottom:20px; } .xypg-search-result-box .xypg-search-title { border-left:3px solid #292e39; padding-left:15px; font-size:18px; line-height:35px; margin-bottom:15px; font-weight:bold; } /* 绔欑偣鍦板浘鏍峰紡 */ .xypg-sitemap .map_title { line-height:40px; background-color:#f5f8fa; border:1px solid #d6dbe1; text-indent:20px; color:#666; border-bottom:2px solid #ccc; font-size:16px; } .xypg-sitemap .map_list { line-height:30px; padding:0 5px; margin-top:8px; margin-bottom:8px; } .xypg-sitemap .map_list a { padding:4px; white-space:nowrap; font-size:14px; color:#666; } .xypg-sitemap .map_list a:hover { text-decoration:none; color:#3b639f; padding:4px; } .xypg-sitemap .map_list .layer1 { margin-bottom:10px; } .xypg-sitemap .map_list h3 { border-bottom:1px dashed #ccc; margin-bottom:10px; line-height:36px; } .xypg-sitemap .map_list h3 a { font-weight:normal; } .xypg-sitemap .map_list .layer2 a { color:#999; } .xypg-sitemap .map_list .layer2 a:hover { text-decoration:none; color:#3b639f; }