@charset "UTF-8"; body { overflow-x: hidden; font-family: "Microsoft YaHei"; padding-top: 0px!important; } 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; } .xy-head-navbar .xy-search:after, .xy-menu:after, .xy-tl-nav:after, .hot-keys: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, .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, .product-detail-tab .product-detail-tabli:after, .tag-list-product .tag-wz .tab-fenli:after, .xylogin-form .input-g:after, .personal-cont li:after { content: ""; display: table; clear: both; } .xy-menu .xy-sub-menu > li > a, .xyin-product-list li .wz h3, .xyin-case-item .wz h3, .xyin-news-slick .slick-con .wz h3, .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, .xypg-product-list li h3 a, .xypg-news-list li .tit h3, .xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p, .xypg-detail-pn div a, .relate-news-list li a, .xypg-jod-detail .job-detail-title, .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, .tag-list-product .tag-wz h1, .tag-list-product .tag-wz .tab-fenli p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } @media (max-width: 768px) { body { padding-top: 60px; } } @font-face { font-family: "iconfont"; src: url("/template/default/fonts/iconfont/iconfont.eot?t=1521099028790"); /* IE9*/ src: url("/template/default/fonts/iconfont/iconfont.eot?t=1521099028790#iefix") format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("/template/default/fonts/iconfont/iconfont.ttf?t=1521099028790") format("truetype"), url("/template/default/fonts/iconfont/iconfont.svg?t=1521099028790#iconfont") format("svg"); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-msnui-qr-code:before { content: "\e66a"; } .icon-msnui-download:before { content: "\e67b"; } .icon-tubiao209:before { content: "\e61b"; } .icon-huiyuan21:before { content: "\e641"; } .icon-zhiding:before { content: "\e66d"; } .icon-qq:before { content: "\e62d"; } .icon-icon-inquiry:before { content: "\e645"; } .icon-iconfontphone:before { content: "\e634"; } .icon-tuichu:before { content: "\e642"; } .icon-gengduo:before { content: "\e688"; } .icon-emiyanzhengma:before { content: "\e61c"; } .icon-shouji:before { content: "\e6a1"; } .icon-shijian:before { content: "\e6b5"; } .icon-weixin:before { content: "\e64f"; } .icon-arrowdown:before { content: "\e692"; } .icon-arrowleft:before { content: "\e693"; } .icon-arrowright:before { content: "\e694"; } .icon-arrowup:before { content: "\e695"; } .icon-close:before { content: "\e69a"; } .icon-account:before { content: "\e6a3"; } .icon-search:before { content: "\e6a5"; } .icon-up:before { content: "\e6a9"; } .icon-add:before { content: "\e6b9"; } .icon-minus:before { content: "\e6ba"; } .icon-atm:before { content: "\e6bd"; } .icon-dizhi:before { content: "\e61a"; } .icon-mimaffffffpx:before { content: "\e604"; } .icon-chakan:before { content: "\e605"; } .icon-wenjianxiazaiicon:before { content: "\e603"; } /* 自动获取下载文件类型图标样式 */ @font-face { font-family: 'filetypeicon'; /* project id 455609 */ src: url("/alicdn.com/t/font_455609_md6xsqc4pwrk9.eot"); src: url("/alicdn.com/t/font_455609_md6xsqc4pwrk9.eot#iefix") format("embedded-opentype"), url("/alicdn.com/t/font_455609_md6xsqc4pwrk9.woff") format("woff"), url("/alicdn.com/t/font_455609_md6xsqc4pwrk9.ttf") format("truetype"), url("/alicdn.com/t/font_455609_md6xsqc4pwrk9.svg#iconfont") format("svg"); } .filetypeicon { font-family: "filetypeicon"; font-size: 13px; font-style: normal; } /*手机端头部*/ .xymob-head { position: fixed; top: 0; z-index: 999999; left: 0; right: 0; background: #151515; } .xymob-head-box { position: relative; height: 60px; display: none; } .xymob-head-box .xymob-logo { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; width: 70%; height: 61px; 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: 56px; } .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 .5s; transition: all .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); } .hotSearch22{ float: left; width: 23%; font:400 14px/35px "Microsoft YaHei"; } .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 i { font-size: 24px; color: #fff; } .xymob-menu { display: none; position: absolute; left: 0; right: 0; height: 100vh; background: #151515; padding: 0 10%; } .xymob-menu .xymob-menu-box { height: 100vh; overflow: scroll; 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 i { font-size: 18px; color: #fff; } .xymob-nav .xymob-menu-jt.clicked i:before { content: '\e692'; } .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: #ab001a; color: #fff; font-size: 16px; border-radius: 5px; } .xymob-dlbtn a i { font-size: 20px; color: #fff; vertical-align: -2px; margin-right: 10px; } .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 .5s; transition: all .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 { font-size: 20px; color: #fff; } .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 input[type="submit"] { width: 20%; height: 50px; background: none; outline: none; border: none; cursor: pointer; font-size: 20px; color: #fff; } .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; } /*头部公用样式*/ .xy-head { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: rgba(255,255,255,0.9); padding:0 9%; } .xy-head-left .logo { display: block; -webkit-transition: all .7s; transition: all .7s; padding-right: 20%; } .xy-head-left .logo h1 { display: inline-block; margin: 0; vertical-align: middle; } .xy-head-left .logo img { max-width: 100%; } .xy-head-right .xy-head-links { margin: 20px 0; color: #fff; -webkit-transition: all .7s ease; transition: all .7s ease; overflow: hidden; height: 20px; opacity: 1; } .xy-head-right .xy-head-links a { color: #fff; padding: 0 10px; } .xy-head-navbar { position: relative; -webkit-transition: all .7s ease; transition: all .7s ease; } .xy-head-navbar .xy-search { position: absolute; right: 0; top: 0; width: 130px; height: 30px; border: 1px solid #fff; border-radius: 15px; background-color: rgba(255, 255, 255, 0.1); } .xy-head-navbar .xy-search #keyword { float: left; width: 80%; height: 28px; background: none; border: none; color: #fff; padding-left: 10px; font-size: 12px; outline: none; } .xy-head-navbar .xy-search #s_btn { float: right; width: 20%; height: 28px; background: none; font-size: 18px; color: #fff; border: none; cursor: pointer; padding: 0; outline: none; } .xy-head.scroll { position: fixed; background: rgba(0, 0, 0, 0.5); -webkit-transition: all .7s ease; transition: all .7s ease; } .xy-head.scroll .xy-head-left .logo { padding-top: 10px; } .xy-head.scroll .xy-head-right .xy-head-links { height: 0; margin: 0; opacity: 0; } .xy-head.scroll .xy-head-right .xy-head-navbar { margin-top: 18px; } @media (max-width: 768px) { .xy-head { display: none; } .xymob-head-box{ display: block; } } .n_banner{ margin-top: 100px; } .n_banner img{ width: 100%; height: auto; } /* 导航样式 */ .xy-menu { } .xy-menu > li { float: left; width: 12%; position: relative; } .xy-menu > li:after { position: absolute; left: 0; right: 0; height: 17px; content: ''; opacity: 0; } .xy-menu > li > a { display: block; text-align: center; font-size: 16px; color: #5a5a5a; line-height: 100px; } .xy-menu > li:hover a{ color: #17972b; } .xy-menu .xy-sub-menu { display: none; position: absolute; width: 160%; border-top: 2px solid #17972b; left: 0; top: 100px; -webkit-box-shadow: 0px 4px 6.86px 0.14px rgba(8, 1, 3, 0.52); box-shadow: 0px 4px 6.86px 0.14px rgba(8, 1, 3, 0.52); background: #fff; padding-bottom: 4px; } .xy-menu .xy-sub-menu > li { border-bottom: 1px solid #e5e5e5; } .xy-menu .xy-sub-menu > li > a { display: block; line-height: 50px; font-size: 14px; color: #989898; position: relative; padding-left: 15%; -webkit-transition: all .5s ease; transition: all .5s ease; padding-right: 15%; } .xy-menu .xy-sub-menu > li > a:after { position: absolute; right: 12%; top: calc(50% - 3.5px); content: ''; width: 5px; height: 7px; } .xy-menu .xy-sub-menu > li > a:hover { background: #ececec; color: #4a4a4a; padding-left: 22%; } .xy-menu .xy-sub-menu > li > a:hover:after { background-position: 0 0; } @media (max-width: 1200px) { .xy-menu > li > a { font-size: 14px; } .xy-menu .xy-sub-menu > li > a { line-height: 35px; font-size: 12px; } } /*首页banner样式*/ .slick-banner { position: relative; } .slick-banner .slick-arrow { position: absolute; z-index: 99; width: 60px; height: 60px; margin-top: -30px; top: 50%; background-color: rgba(0, 0, 0, 0.3); background-repeat: no-repeat; background-size: auto; background-image: url(/template/default/images/xyin-banner-jt.png); border-radius: 5px; cursor: pointer; outline: none; border: none; font-size: 0; -webkit-transition: all .5s; transition: all .5s; } .slick-banner .slick-arrow.slick-prev { left: 7.8125%; background-position: 0 0; } .slick-banner .slick-arrow.slick-next { right: 7.8125%; background-position: -60px 0; } .slick-banner .slick-arrow:hover { background-color: rgba(0, 0, 0, 0.5); } .slick-banner .slick-dots { position: absolute; left: 0; right: 0; text-align: center; font-size: 0; z-index: 9; bottom: 10px; } .slick-banner .slick-dots li { display: inline-block; margin: 0 5px; width: 52px; height: 5px; background: #efefef; cursor: pointer; } .slick-banner .slick-dots li button { background: none; outline: none; border: none; font-size: 0; } .slick-banner .slick-dots li.slick-active { background: #17972b; } .slick-banner .img img { width: 100%; } .slick-banner .slick-con { position: relative; } .slick-banner .wz { position: absolute; left: 0; right: 0; z-index: 9; top: 50%; text-align: center; color: #fff; display: none; } .slick-banner .wz .wz1 { font-size: 60px; margin-bottom: 10px; } .slick-banner .wz .wz2 { font-size: 30px; margin-bottom: 55px; } .slick-banner .wz .wz-more { display: inline-block; padding: 15px 25px; font-size: 16px; color: #fff; border: 2px solid #fff; font-family: Arial; -webkit-transition: all .5s; transition: all .5s; } .slick-banner .wz .wz-more:hover { background: #ab001a; border-color: #ab001a; text-decoration: none; } @media (max-width: 1200px) { .slick-banner .wz .wz1 { font-size: 40px; margin-bottom: 10px; } .slick-banner .wz .wz2 { font-size: 20px; margin-bottom: 30px; } .slick-banner .wz .wz-more { padding: 10px 25px; font-size: 12px; border: 1px solid #fff; } } @media (max-width: 768px) { #pc-banner { display: none; } #mob-banner { display: block; } } /*搜索*/ .nei{ padding: 0 4%; background: #fcfcfc; height: 41px; border-bottom: #f7f7f7 1px solid; } .sout{ padding:0 8%; max-width: 1200px; margin: 0 auto; } .hotSearch a{margin-right:6px;} #formsearch1 input{height:26px;background:none;border:none;line-height:26px;float: left;width: 190px;outline: none} #formsearch1 input#keyword{height:26px;line-height:26px;padding-left:34px;color:#666;} #formsearch1 input#s_btn{float: right;width:46px;height:26px;line-height:26px;text-align:center;background-color:none;color:#fff;border:none;cursor:pointer;} #formsearch1{width:326px;float:left;background: url(/template/default/images/ss.jpg) no-repeat;margin-top: 8px;margin-left:5%;} .hotSearch1{;height:41px;line-height:41px;font-weight:normal;color: #5a5a5a;text-align: right;} .hotSearch1 a{ color: #5a5a5a; background: url(/template/default/images/left.jpg) right center no-repeat; width: 2px; padding:0 6px; } /*核心产品*/ .hexin{ padding:0 9%; } .heti{ background: url(/template/default/images/left1.jpg) top center no-repeat; background-size: 93% 112%; text-align: center; box-sizing: border-box; padding:3% 0; font:400 28px/60px "Microsoft Yahei"; color: #17972b; } /*xyin-honor*/ .xyin-honor { background: #fff url(/template/default/images/honor_bg.jpg) top center no-repeat; background-size: cover; padding: 10px 0 40px 0; box-sizing: border-box; padding:0 13%; } .xyin-honor .honor-tit { background: url(/template/default/images/honor_bg.png) top 20px right 55px no-repeat; margin-bottom: 25px; } .xyin-honor .honor-tit li { display: inline-block; width: 147px; line-height: 44px; text-align: center; background: #288fc7; font-size: 20px; } .xyin-honor .honor-tit li a { color: #ffffff; } .xyin-honor .honor-tit li:hover { background: #0b6a9f; } .xyin-honor .honor-tit li + li { margin-left: 10px; } .xyin-honor .honor-tit .more { float: right; font-size: 14px; color: #000000; margin-top: -30px; } .xyin-honor .honor-slick { position: relative; } .xyin-honor .honor-slick .slick-list { margin: 0 -10px; } .xyin-honor .honor-slick .slick-con { display: block; margin: 0 10px; position: relative; } .xyin-honor .honor-slick .slick-con img { display: block; width: 100%; } .xyin-honor .honor-slick .slick-con h3 { text-align: center; font-size: 14px; color: #666666; line-height: 30px; } .xyin-honor .honor-slick .slick-arrow { position: absolute; top: 30%; width: 30px; height: 60px; outline: none; border: none; font-size: 0; } .xyin-honor .honor-slick .slick-arrow.slick-prev { background: url(/template/default/images/honor-left.png) center no-repeat; left: -90px; } .xyin-honor .honor-slick .slick-arrow.slick-next { background: url(/template/default/images/honor-right.png) center no-repeat; right: -90px; } .xyin-honor .honor-slick .slick-arrow.slick-prev:hover { background: url(/template/default/images/honor-left.png) center no-repeat; left: -90px; } .xyin-honor .honor-slick .slick-arrow.slick-next:hover { background: url(/template/default/images/honor-right.png) center no-repeat; right: -90px; } .slick-slide .slick-cloned{ position: relative; } .chanmg{ text-align: center; font:400 14px/40px "Microsoft Yahei"; } .slick-slide:hover a{ color: #17972b; } .chanmg a{ color: #333; } .xyin-honor .honor-slick .slick-con:hover .chanmo{ display: block; } .chanmo{ position: absolute; top:0px; left:0px; background: rgba(23,151,43,0.4); display: block; width: 100%; height: 100%; display: none; } @media (max-width: 768px) { .xyin-honor { padding: 2px 0 30px 0; } .heti{ background: url(/template/default/images/left1.jpg) top center no-repeat; background-size: 114% 125%; text-align: center; box-sizing: border-box; padding: 3% 0; font: 400 28px/60px "Microsoft Yahei"; color: #17972b; } .xyin-honor .honor-tit { background: none; margin-bottom: 25px; } .xyin-honor .honor-tit li { width: 100px; line-height: 35px; font-size: 16px; } } .anli1{ padding:0 13%; background: url(/template/default/images/nei11.jpg) top center no-repeat; /* background-size: 100% 100%;*/ margin-top: 3%; } .anli{ padding:0 13%; background: url(/template/default/images/nei12.jpg) top center no-repeat; /* background-size: 100% 100%;*/ margin-top: 3%; } .anliti{ text-align: center; color: #17972b; font:400 28px/40px "Microsoft Yahei"; padding-top:6%; } .slick-wrap {} .slick-contanier { background: none;position: relative;} .slick-contanier .slick-slide { outline: none; } .slick-contanier img { display: inline-block; width: 100%; } .slick-contanier .slick-con { display: block; margin: 0 5%; position: relative;border: #fff 1px solid;} .cop{ position: absolute; bottom: 0px; left:0px; background: #17972b url(/template/default/images/more.png) 90% center no-repeat; width: 100%; text-align: center; color: #fff; font:400 14px/30px "Microsot Yahei"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tab-li { text-align: center; font-size: 0; cursor: pointer; margin:4% 0;} .tab-li li { display: inline-block; margin: 0 10px; font-size: 16px; background: #9c9c9b;border: #fff 1px solid;padding:1.2% 5%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tab-li li:hover, .tab-li li.active { background: #17972b;border: #fff 1px solid;color: #fff;} .tab-li li:nth-child(1){ background:#9c9c9b url(/template/default/images/tu.png) 10px center no-repeat; } .tab-li li:nth-child(2){ background:#9c9c9b url(/template/default/images/tu1.png) 10px center no-repeat; } .tab-li li:nth-child(3){ background:#9c9c9b url(/template/default/images/tu2.png) 10px center no-repeat; } .tab-li li:nth-child(4){ background:#9c9c9b url(/template/default/images/tu3.png) 10px center no-repeat; } .tab-li li:nth-child(1):hover{ background:#17972b url(/template/default/images/tu.png) 10px center no-repeat; } .tab-li li:nth-child(2):hover{ background:#17972b url(/template/default/images/tu1.png) 10px center no-repeat; } .tab-li li:nth-child(3):hover{ background:#17972b url(/template/default/images/tu2.png) 10px center no-repeat; } .tab-li li:nth-child(4):hover{ background:#17972b url(/template/default/images/tu3.png) 10px center no-repeat; } .tab-li1 { text-align: center; font-size: 0; cursor: pointer; margin:4% 0;} .tab-li1 li { display: inline-block; margin: 0 10px; font-size: 16px; background: #9c9c9b;border: #fff 1px solid;padding:1.2% 5%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tab-li1 li:hover, .tab-li li.active { /*background: #17972b;border: #fff 1px solid;color: #fff;*/} .tab-li1 li:nth-child(1){ background:#9c9c9b url(/template/default/images/tu.png) 10px center no-repeat; } .tab-li1 li:nth-child(2){ background:#9c9c9b url(/template/default/images/tu1.png) 10px center no-repeat; } .tab-li1 li:nth-child(3){ background:#9c9c9b url(/template/default/images/tu2.png) 10px center no-repeat; } .tab-li1 li:nth-child(4){ background:#9c9c9b url(/template/default/images/tu3.png) 10px center no-repeat; } .tab-li1 li:nth-child(1):hover{ background:#17972b url(/template/default/images/tu.png) 10px center no-repeat; } .tab-li1 li:nth-child(2):hover{ background:#17972b url(/template/default/images/tu1.png) 10px center no-repeat; } .tab-li1 li:nth-child(3):hover{ background:#17972b url(/template/default/images/tu2.png) 10px center no-repeat; } .tab-li1 li:nth-child(4):hover{ background:#17972b url(/template/default/images/tu3.png) 10px center no-repeat; } .tab-con1 .tab-main1 { height: 0; overflow: hidden;} .tab-con1 .tab-main1.active { height: auto; } .tab-con .tab-main { height: 0; overflow: hidden;} .tab-con .tab-main.active { height: auto; } .slick-contanier .slick-prev{ position: absolute; left:0px; z-index: 9999; background: url(/template/default/images/left01.png) no-repeat; width:49px; height: 49px; font-size: 0px; border: none; top:30%; } .slick-contanier .slick-next{ position: absolute; right:0px; z-index: 9999; background: url(/template/default/images/left02.png) no-repeat; width:49px; height: 49px; font-size: 0px; border: none; top:30%; } .slick-contanier .slick-list{ margin:0 5%; } .tab-con{ padding: 2% 0 5% 0; } .slick-contanier .slick-prev:hover{ background: url(/template/default/images/left03.png) no-repeat; } .slick-contanier .slick-next:hover{ background: url(/template/default/images/left04.png) no-repeat; } /*我们的优势*/ .yous{ padding: 0 5%; } .youti{ text-align: center; font:500 28px/60px "Microsoft Yahei"; color: #17972b; background: url(/template/default/images/leftt.png) top center no-repeat; padding-top:5.4%; padding-bottom: 2%; } .younei{ height: 100%; display: block; box-sizing: border-box; color: #fff; padding:7%!important; } .youss .col-md-4{ padding:0px; } .youss .col-md-6{ padding:0px; } .youimg img{ width: 100%; height: auto; } .youss li{ background: #626262; } .youss li:hover{ background: #17962d; } .yousti{ font:400 18px/35px "Microsft Yahei"; border-bottom: #e0f1e3 1px solid; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .yousti span{ font:400 24px/35px "Microsoft Yahei"; padding-right: 4%; } .youneir{ background: url(/template/default/images/tup.png) 4px 18px no-repeat; text-indent: 20px; font:400 12px/22px "Microsoft Yahei"; padding-top: 4%; } .youss li:nth-child(4) .youimg{ float: right; } .youss li:nth-child(5) .youimg{ float: right; } .youss li:nth-child(6) .younei{ float: left!important; display: none; } .youss li:nth-child(6) .youimg{ width:100%; float: right; } .youss li:nth-child(4) .younei{ float: left!important; } .youss li:nth-child(5) .younei{ float: left!important; } .rongyu{ padding: 4% 8%; } .rongty{ border-bottom: #bababa 1px solid; font:400 20px/40px "Microsoft Yahei"; color: #5a5a5a; background: url(/template/default/images/xian.png) left bottom no-repeat; } .responsive {} .rongyy{ margin: 25% 10px 14px 10px; padding: 2%; position: relative; text-align: center; } .rongyy img{ display: block; width: 100%; } .rihh{ margin: 23.5% 10px 10px 10px; padding: 2%; position: relative; text-align: center; } .rihh img{ display: block; width: 100%; } .slick-list li{ text-align: center; } .uuu .slick-prev{ background: url(/template/default/images/niu.png) no-repeat; width:27px; height: 27px; position: absolute; bottom: -50px; left:45%; z-index: 9999; font-size: 0px; outline: none; border: none; } .uuu .slick-next{ background: url(/template/default/images/niu1.png) no-repeat; width:27px; height: 27px; position: absolute; bottom: -50px; right:45%; z-index: 9999; font-size: 0px; outline: none; border: none; } .uuu .slick-slide { display: block; position: relative; } .mmyt{ position: relative; } .mmyt img{ height: auto; text-align: center; display: block; } .slick-list li{ text-align: center; } .mmyt .slick-prev{ background: url(/template/default/images/niu.png) no-repeat; width:27px; height: 27px; position: absolute; bottom: -50px; left:45%; z-index: 9999; font-size: 0px; outline: none; border: none; } .mmyt .slick-next{ background: url(/template/default/images/niu1.png) no-repeat; width:27px; height: 27px; position: absolute; bottom: -50px; right:45%; z-index: 9999; font-size: 0px; outline: none; border: none; } .mmyt .slick-slide { display: block; position: relative; } /*新闻资讯*/ .xww{ padding:0 8%; } .xwti{ background: url(/template/default/images/xw.jpg) top center no-repeat; font:400 28px/45px "Microsoft Yahei"; text-align: center; color: #17972b; padding-top: 4.4%; padding-bottom: 3%; } .xwgong{ border-bottom: #bababa 1px solid; font: 400 20px/40px "Microsoft Yahei"; color: #5a5a5a; background: url(/template/default/images/xian.png) left bottom no-repeat; position: relative; } .xwgong a{ position: absolute; top:0px; right: 1%; background: url(/template/default/images/more.jpg) no-repeat; width:52px; height: 24px; } .xwneit .col-md-2{ padding:0px; } .xwimg{ text-align: center; background: #4a4a4a; box-sizing: border-box; padding: 15% 0; } .xwziqi{ font:400 18px/28px "Microsoft Yahei"; color: #fff; } .xwziti{ font:600 53px/50px "Microsoft Yahei"; color: #fff; } .xwneit .lei{ margin: 2% 0; border-bottom: #626262 1px dashed; padding-bottom: 2%; } .xwneit{ margin-top: 3%; } .xwnei{ font:400 18px/40px "Microsoft Yahei"; color: #17972b; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xwneirong{ font:400 16px/30px "Microsoft Yahei"; color: #5a5a5a; } .xwneit .lei:hover .xwimg{ background: #17972b; cursor: pointer; } .xwneit .lei:hover .xwneirong{ color: #17972b; cursor: pointer; } .ba{ padding:4% 8%; background: url(/template/default/images/nei23.jpg) top center no-repeat; background-size: 100% 100%; margin:4% 0 0 0; } .abbti{ text-align: center; font: 500 28px/60px "Microsoft Yahei"; color: #17972b; padding-bottom: 2%; } .abnei{ padding:4% 15% 1% 15%; font:400 18px/35px "Microsoft Yahei"; color: #323232; } .abmore{ width: 150px; margin:0 auto; font:400 18px/49px "Microsoft Yahei"; color: #fff; border: #17972b 1px solid; text-align: center; border-radius: 8px; color: #17972b; } .abmore:hover{ background: #17972b; color: #fff; cursor: pointer; } .ffht{ background: #000; padding:1% 8%; } .lian{ font:500 30px/55px "Microsoft Yahei"; color: #fff; text-align: center; text-transform: uppercase; background: url(/template/default/images/left07.jpg) bottom center no-repeat; } .lianxnei{ padding:2% 0; color: #fff; } @media (max-width: 1680px) { .youss li:nth-child(6) .youimg img { max-width: 432px!important; height:249px; } } @media (max-width: 1440px) { .youss li:nth-child(6) .youimg img { max-width: 432px!important; height:259px; } .tab-li li:nth-child(3):hover{ background: #17972b url(/template/default/images/tu2.png) 3px center no-repeat; } .tab-li li:nth-child(3){ background: #9c9c9b url(/template/default/images/tu2.png) 3px center no-repeat; } } @media (max-width: 1024px){ .anli{ padding: 0 1%; background: url(/template/default/images/nei1.jpg) top center no-repeat; background-size: 100% 100%; margin-top: 3%; } .yous{ display: none; } .rongyu{ padding: 4% 0; } .xwti{ background: url(/template/default/images/xw.jpg) top center no-repeat; font: 400 28px/45px "Microsoft Yahei"; text-align: center; color: #17972b; padding-top: 6.4%; padding-bottom: 3%; } .xww{ padding:0px; } .abnei{ padding: 0px; font: 400 18px/35px "Microsoft Yahei"; color: #323232; } } @media (max-width: 768px) { .sout { padding:0px; } .hotSearch22{ display:none; } } /*首页产品列表部分*/ .xyin-product { padding: 50px 0; } .xyin-title { text-align: center; font-size: 35px; color: #101622; } @media (max-width: 768px) { .xyin-title { font-size: 20px; } } .xyin-product-list { padding: 0 11%; margin-top: 40px; } .xyin-product-list li { float: left; position: relative; width: 22%; margin: 0 1.5%; overflow: hidden; } .xyin-product-list li .img { width: 100%; } .xyin-product-list li .wz { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 0.5); padding: 35% 10% 0 10%; -webkit-transition: all .7s ease; transition: all .7s ease; } .xyin-product-list li .wz h3 { color: #fff; font-size: 20px; text-align: center; position: relative; padding-bottom: 20px; margin-bottom: 25px; } .xyin-product-list li .wz h3:after { content: ''; position: absolute; left: 42.5%; bottom: 0; width: 15%; height: 1px; background: #fff; } .xyin-product-list li .wz .wzcon { opacity: 0; -webkit-transition: all .7s ease; transition: all .7s ease; } .xyin-product-list li .wz .wzcon .info { text-align: center; color: #fff; line-height: 1.7; height: 48px; overflow: hidden; margin-bottom: 35px; } @media (max-width: 1600px) { .xyin-product-list li .wz .wzcon .info { margin-bottom: 20px; } } .xyin-product-list li .wz .wzcon .more { text-align: center; } .xyin-product-list li .wz .wzcon .more .iconfont { display: inline-block; background-color: #86001d; width: 32px; height: 32px; border-radius: 50%; line-height: 32px; color: #fff; font-size: 12px; } @media (min-width: 990px) { .xyin-product-list li:hover .wz { padding-top: 15%; background: rgba(0, 0, 0, 0.4); } .xyin-product-list li:hover .wz .wzcon { opacity: 1; } } @media (max-width: 1200px) { .xyin-product-list { padding: 0 5%; } .xyin-product-list li .wz .wzcon .info { margin-bottom: 15px; } } @media (max-width: 768px) { .xyin-product-list { margin-top: 20px; } .xyin-product-list li { width: 47%; margin-bottom: 15px; } .xyin-product-list li .wz h3 { font-size: 16px; padding-bottom: 10px; } } @media (max-width: 768px) { .xyin-product { padding: 25px 0; } } /*首页公司简介*/ .xyin-about { background: #f6f6f6; padding: 50px 0; } .xyin-about .wz { line-height: 1.7; color: #666666; text-align: center; margin: 30px 0; } .xyin-more { text-align: center; } .xyin-more a { display: inline-block; padding: 10px 30px; border: 1px solid #ab001a; color: #ab001a; -webkit-transition: all .5s; transition: all .5s; } .xyin-more a:hover { color: #fff; background: #ab001a; } @media (max-width: 768px) { .xyin-more a { padding: 5px 20px; } } @media (max-width: 768px) { .xyin-about { padding: 25px 0; } } /*首页中间横幅*/ .xyin-midhf { position: relative; background-size: cover; } .xyin-midhf .img { opacity: 0; width: 100%; } .xyin-midhf .wz { position: absolute; left: 0; right: 0; z-index: 99; top: 50%; color: #fff; } .xyin-midhf .wz h3 { font-size: 45px; margin: 0 0 30px 0; } .xyin-midhf .wz h4 { font-size: 25px; } @media (min-width: 768px) { .xyin-midhf { background-attachment: fixed; } } @media (max-width: 768px) { .xyin-midhf { height: 250px; background-size: cover; } .xyin-midhf .wz h3 { font-size: 30px; margin: 0 0 20px 0; } .xyin-midhf .wz h4 { font-size: 18px; } } /*首页案例*/ .xyin-case { padding: 50px 0 30px 0; } .xyin-case-box { margin-top: 40px; } .xyin-case-big img { width: 100%; } @media (max-width: 768px) { .xyin-case-box .xyin-case-pd { padding: 0 10px; } } .xyin-case-item { position: relative; margin-bottom: 20px; overflow: hidden; } .xyin-case-item .img { width: 100%; } .xyin-case-item .wz { position: absolute; z-index: 9; bottom: -90px; left: 0; right: 0; padding: 0 25px; -webkit-transition: all .7s ease; transition: all .7s ease; } .xyin-case-item .wz .add-icon { text-align: center; opacity: 0; -webkit-transition: all .7s ease; transition: all .7s ease; } .xyin-case-item .wz .add-icon .iconfont { display: inline-block; width: 38px; height: 38px; color: #fff; font-size: 38px; line-height: 38px; } .xyin-case-item .wz h3 { margin: 30px 0 20px 0; font-size: 18px; color: #ffffff; text-align: center; } .xyin-case-item .wz .info { line-height: 1.7; color: rgba(255, 255, 255, 0.5); margin-bottom: 40px; height: 48px; overflow: hidden; opacity: 0; -webkit-transition: all .7s ease; transition: all .7s ease; } .xyin-case-item:after { content: ''; position: absolute; z-index: 8; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: all .7s ease; transition: all .7s ease; } .xyin-case-item:before { content: ''; position: absolute; z-index: 9; left: 0; bottom: 0; right: 0; height: 50px; background: rgba(0, 0, 0, 0.5); -webkit-transition: all .5s; transition: all .5s; } @media (min-width: 990px) { .xyin-case-item:hover .wz { bottom: 0; } .xyin-case-item:hover .wz .add-icon { opacity: 1; } .xyin-case-item:hover .wz .info { opacity: 1; } .xyin-case-item:hover:after { opacity: 1; } .xyin-case-item:hover:before { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @media (max-width: 768px) { .xyin-case-box { margin-top: 20px; } .xyin-case-item:before { height: 40px; } .xyin-case-item .wz h3 { margin: 30px 0 13px 0; font-size: 16px; } } @media (max-width: 768px) { .xyin-case { padding: 25px 0 5px 0; } } /*xyin-news*/ .xyin-news { background: #f6f6f6; padding: 45px 0; } .xyin-news .xyin-news-title { position: relative; margin-bottom: 30px; } .xyin-news .xyin-news-title .xyin-title { text-align: left; } .xyin-news .xyin-news-title .xyin-more { position: absolute; right: 0; top: 0; z-index: 9; } .xyin-news-slick .slick-list { padding: 10px 0 15px 0; margin: 0 -15px; } .xyin-news-slick .slick-slide { outline: none; } .xyin-news-slick .slick-slide img { display: inline-block; width: 100%; } .xyin-news-slick .slick-dots { text-align: center; margin-top: 25px; } .xyin-news-slick .slick-dots li { display: inline-block; margin: 0 8px; width: 14px; height: 14px; border-radius: 50%; background: #303030; cursor: pointer; } .xyin-news-slick .slick-dots li button { background: none; outline: none; border: none; font-size: 0; } .xyin-news-slick .slick-dots li.slick-active { background: #ab001a; } @media (max-width: 768px) { .xyin-news-slick .slick-dots li { width: 10px; height: 10px; margin: 0 4px; } } .xyin-news-slick .slick-con { border: 1px solid #e9e9e9; background: #fff; margin: 0 15px; -webkit-transition: all .5s ease; transition: all .5s ease; position: relative; } .xyin-news-slick .slick-con .img { position: relative; margin-bottom: 30px; } .xyin-news-slick .slick-con .img .date { position: absolute; right: 0; bottom: 0; background: rgba(44, 45, 45, 0.9); width: 80px; padding: 5px 0; color: #fff; text-align: center; font-family: Arial; font-size: 20px; -webkit-transition: all .5s ease; transition: all .5s ease; } .xyin-news-slick .slick-con .img .date span { display: block; font-size: 30px; } .xyin-news-slick .slick-con .wz { padding: 0 15px 30px 15px; } .xyin-news-slick .slick-con .wz h3 { font-size: 16px; color: #565656; margin: 0 0 10px 0; -webkit-transition: all .5s ease; transition: all .5s ease; } .xyin-news-slick .slick-con .wz .info { font-size: 14px; color: #999999; line-height: 1.57; max-height: 63px; overflow: hidden; } .xyin-news-slick .slick-con .wz span.more { display: inline-block; width: 85px; line-height: 25px; text-align: center; color: #333; font-size: 14px; margin-top: 15px; -webkit-transition: all .5s ease; transition: all .5s ease; } .xyin-news-slick .slick-con a { outline: none; display: block; } .xyin-news-slick .slick-con a:hover { text-decoration: none; } .xyin-news-slick .slick-con:after { content: ''; position: absolute; left: 0; right: 0; height: 2px; bottom: -1px; background: #ab001a; opacity: 0; -webkit-transition: all .5s; transition: all .5s; } .xyin-news-slick .slick-con:hover { -webkit-box-shadow: 0px 2px 12.09px 0.91px rgba(8, 1, 3, 0.35); box-shadow: 0px 2px 12.09px 0.91px rgba(8, 1, 3, 0.35); } .xyin-news-slick .slick-con:hover .img .date { background: rgba(171, 0, 26, 0.9); } .xyin-news-slick .slick-con:hover .wz h3 { color: #ab001a; } .xyin-news-slick .slick-con:hover .wz span.more { background: #ab001a; color: #fff; } .xyin-news-slick .slick-con:hover:after { opacity: 1; } /*xyin-links*/ .xyin-links { background: #d6d6d6; padding: 10px 0; } .xyin-links span { font-size: 16px; color: #333333; } .xyin-links a { display: inline-block; font-size: 14px; color: #666; padding-right: 10px; line-height: 25px; } /*通栏*/ .xy-tonglan { background: #282834; padding: 60px 0; } .xy-tonglan .xy-tl-title { position: relative; margin-bottom: 20px; font-size: 18px; color: #ffffff; font-weight: bold; padding-bottom: 10px; } .xy-tonglan .xy-tl-title:before { content: ''; position: absolute; width: 30px; height: 1px; background: #ab001a; left: 0; bottom: 0; } .xy-tl-nav dl { width: 16.333%; float: left; } .xy-tl-nav dd { margin-bottom: 10px; } .xy-tl-nav dd a { font-size: 14px; color: rgba(255, 255, 255, 0.5); line-height: 25px; } .xy-tl-nav dd a:hover { color: rgba(255, 255, 255, 0.8); } .xy-tonglan .xy-tl-box { font-size: 14px; color: rgba(255, 255, 255, 0.4); line-height: 25px; } .xy-tonglan .xy-tl-box img { display: inline-block; margin-right: 15px; } .xy-tonglan .xy-tl-ewm { display: inline-block; font-size: 16px; color: #ffffff; padding-top: 30px; } .xy-tonglan .xy-tl-ewm img { max-width: 100%; } @media (max-width: 768px) { .xy-tonglan { padding: 20px 0; } } /*页脚*/ .xy-footer { background: #282834; position: relative; } .xy-footer .xy-ft-cpy { font-size: 13px; color: #fff; padding-top: 15px; line-height: 1.6; text-align: center; } .xy-footer .xy-ft-cpy a { color: rgba(255, 255, 255, 0.5); } .xy-footer .xy-ft-rtcp { font-size: 13px; color: rgba(255, 255, 255, 0.6); padding-left: 45px; line-height: 45px; position: relative; z-index: 8; } .xy-footer .xy-ft-rtcp a { color: rgba(255, 255, 255, 0.6); } .xy-footer .xy-ft-rtcp a:hover { color: rgba(255, 255, 255, 0.8); } @media (max-width: 1230px) { .xy-footer .xy-ft-rtcp { font-size: 12px; padding-left: 35px; } } @media (max-width: 990px) { .xy-footer:before { display: none; } } @media (max-width: 768px) { .xy-footer { padding: 10px 0; border-top: 1px solid #5B5C63; text-align: center; } .xy-footer .xy-ft-cpy { padding-top: 0; } .xy-footer span.jszc { display: block; } } /*左侧工具条*/ #toolbar { position: fixed; z-index: 9999; right: 33px; bottom: 30%; } #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: #ab001a; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: nowrap; font-size: 0; } #toolbar li .iconfont { display: inline-block; vertical-align: middle; width: 57px; height: 57px; background-color: #d9d9d9; vertical-align: middle; text-align: center; line-height: 57px; color: #2b2b2b; font-size: 26px; } #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: #ab001a; width: 110px; right: 120%; bottom: 0; opacity: 0; visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .7s; transition: all .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 #ab001a; 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: #ab001a; } #toolbar li:hover a { width: 200px; } #toolbar li:hover .iconfont { background-color: #ab001a; color: #fff; } @media (max-width: 990px) { #toolbar { display: none; } } /*内页banner样式*/ .xypg-banner { position: relative; } .xypg-banner .img { height: 540px; background-repeat: no-repeat; background-size: cover; } .xypg-banner .wz { position: absolute; left: 0; right: 0; top: 50%; text-align: center; width: 50%; margin: 0 auto; } .xypg-banner .wz h3 { font-size: 30px; padding-bottom: 20px; margin: 0; color: #fff; } .xypg-banner .wz h3:after { content: ''; position: absolute; bottom: 0; width: 50px; height: 2px; left: 0; right: 0; background: #fff; margin: 0 auto; } @media (max-width: 1200px) { .xypg-banner .img { height: 400px; } } @media (max-width: 1024px) { .xypg-banner .img { height: 300px; } } @media (max-width: 768px) { .xypg-banner .img { height: 220px; } .xypg-banner .wz { top: 0; bottom: 0; margin: auto; height: 50px; } } /* 内页基本样式 */ .xypg-wrap { padding-top: 20px; padding-bottom: 40px; } .xypg-left-box { margin-bottom: 20px; } .xypg-left-title { line-height: 62px; text-align: center; color: #fff; font-size: 22px; background: #17972b; font-weight: bold; margin: 0; } .xypg-left-con { border: 1px solid #ebebeb; padding: 15px; } .latest-news li { margin-top: 15px; } .latest-news li a { display: block; font-size: 14px; line-height: 20px; color: #666666; } .latest-news li a:before { content: ''; display: inline-block; width: 14px; height: 14px; background: #d1d1d1 url(/template/default/images/xypg-left-jt.png) -1px -16px no-repeat; border-radius: 50%; vertical-align: middle; margin-right: 10px; } .latest-news li a:hover { color: #17972b; text-decoration: underline; } .latest-news li a:hover:before { background-color: #17972b; } .hot-keys li { width: 47%; float: left; margin: 6px 0; } .hot-keys li a { display: block; text-align: center; font-size: 14px; color: #666666; line-height: 36px; background: #ededed; } .hot-keys li a:hover { color: #17972b; text-decoration: underline; } .hot-keys li:nth-child(even) { float: right; } .contact-box .hot-line { background: url(/template/default/images/xypg-right-phone.png) left 5px no-repeat; padding-left: 70px; margin-bottom: 15px; } .contact-box .hot-line h4 { font-weight: normal; margin: 0; font-size: 14px; color: #666666; } .contact-box .hot-line p { font-size: 25px; font-family: Arial; font-weight: bold; color: #ab001a; margin-bottom: 0; } .contact-box .gs-name { font-size: 15px; font-weight: bold; color: #333333; margin-bottom: 10px; } .contact-box .contact-info p { margin-bottom: 0; border-bottom: 1px dotted #b8b8b8; font-size: 14px; color: #333333; padding: 8px 0; } .contact-box .contact-info p:last-child { border-bottom: 0; } .xypg-right-mbx { border-bottom: 1px solid #ebebeb; font-size: 14px; color: #666666; line-height: 25px; padding: 17px 0 7px 0; } .xypg-right-mbx .cur-pos { display: inline-block; color: #333; } .xypg-right-mbx .cur-pos .iconfont { font-size: 25px; display: inline-block; height: 25px; color: #000; margin-right: 5px; } .xypg-right-mbx a { color: #666; } .xypg-right-mbx a:hover { color: #ab001a; text-decoration: underline; } @media (max-width: 992px) { .xypg-right-mbx { padding-top: 0; } } .xypg-right-content { font-size: 14px; color: #333; line-height: 1.7; padding: 15px 0; } .xypg-right-content p img { max-width: 100%; } .xypg-wrap .xymob-page-icon { position: fixed; right: 15px; bottom: 100px; z-index: 9999; } .xypg-wrap .xymob-page-icon li { width: 40px; height: 40px; line-height: 40px; text-align: center; margin-bottom: 1px; background: rgba(23, 151, 43, 0.7); cursor: pointer; } .xypg-wrap .xymob-page-icon li i { font-size: 20px; color: #fff; } @media (min-width: 992px) { .xypg-wrap .xymob-page-icon { display: none; } } /* 手机站 左侧导航弹出特效 */ .xymob-left-close-btn { display: none; } @media (max-width: 990px) { /* 弹出框之后 body 上增加一个禁止滚动的类*/ body.no-scroll, html.no-scroll { height: 100vh; overflow: hidden; } .xymob-menu-click { position: fixed; width: 100vw; overflow-y: scroll; top: 0; left: 100%; -webkit-transition: all .5s ease; transition: all .5s ease; z-index: 999999; height: 100vh; background: rgba(0, 0, 0, 0.7); } .xymob-menu-click .xypg-left-news, .xymob-menu-click .xypg-left-keys, .xymob-menu-click .xypg-left-contact { display: none; } .xymob-menu-click .xymob-left-close-btn { display: block; position: absolute; top: 15px; right: 15px; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; border: 1px solid #fff; text-align: center; background: black; } .xymob-menu-click .xymob-left-close-btn i { font-size: 18px; color: #fff; } .xymob-menu-click .xypg-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 90vh; padding: 5vh 0; } .xymob-menu-click .xypg-left .xypg-left-menu { width: 90%; background: #fff; } .xymob-menu-click.click { left: 0; } } /* 内页左侧导航栏样式 */ .xypg-left-nav > li { margin-bottom: 12px; position: relative; } .xypg-left-nav > li > a { display: block; text-indent: 27px; font-size: 14px; color: #666666; position: relative; line-height: 40px; border: 1px solid #e4e4e4; padding-right: 15%; } .xypg-left-nav > li .first-nav-btn { position: absolute; z-index: 99; width: 16px; height: 16px; border-radius: 50%; background: #d1d1d1 url(/template/default/images/xypg-left-jt.png) 0 -15px no-repeat; right: 10%; top: 13px; } .xypg-left-nav > li .first-nav-btn.clicked { background: #ab001a url(/template/default/images/xypg-left-jt.png) 0 1px no-repeat; } .xypg-left-nav > li:last-child { margin-bottom: 0; } .xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a { color: #17972b; } .xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn { background-color: #17972b; } .xypg-left-nav .xypg-left-subnav { display: none; margin-top: 10px; } .xypg-left-nav .xypg-left-subnav > li > a { display: block; line-height: 35px; color: #666666; font-size: 14px; padding-left: 15%; padding-right: 5%; } .xypg-left-nav .xypg-left-subnav > li > a:before { content: ''; 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 #d4d4d4; border-right: none; vertical-align: 5px; margin-right: 10px; } .xypg-left-nav .xypg-left-subnav > li > a:hover { color: #ab001a; } .xypg-left-nav .xypg-left-subnav > li > a:hover:before { border-left-color: #ab001a; } .xypg-left-nav .xypg-left-subnav > li.hover > a:before { content: ''; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 5px; cursor: pointer; border-style: solid dashed dashed dashed; border-color: #ab001a transparent transparent transparent; border-bottom: none; vertical-align: middle; margin-right: 5px; } .xypg-left-nav .xypg-left-threenav { display: none; } .xypg-left-nav .xypg-left-threenav > li > a { display: block; font-size: 14px; line-height: 24px; color: #999999; padding-left: calc(15% + 15px); padding-right: 5%; } .xypg-left-nav .xypg-left-threenav > li > a:before { content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 2px; background: #d4d4d4; margin-right: 5px; } .xypg-left-nav .xypg-left-threenav > li > a:hover { color: #ab001a; } @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; } .xypg-product-list { margin: 0 -1%; font-size: 0; } .xypg-product-list li { display: inline-block; vertical-align: bottom; width: 31.333%; margin: 0 1% 20px 1%; } .xypg-product-list li .img { display: block; overflow: hidden; } .xypg-product-list li .img img { width: 100%; -webkit-transition: all .7s ease; transition: all .7s ease; } .xypg-product-list li .img:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .xypg-product-list li h3 { font-size: 16px; font-weight: normal; margin: 15px 0 0 0; } .xypg-product-list li h3 a { color: #333333; display: block; text-align: center; } .xypg-product-list li h3 a:hover { color: #ab001a; } @media (max-width: 768px) { .xypg-product-list li { width: 48%; } } @media (max-width: 375px) { .xypg-product-list li { width: 98%; } } /* 分页基本样式 */ .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 #17972b; margin: 0 5px; padding: 0 8px; } .xypg-pagination #current, .xypg-pagination a:hover { color: #fff; border-color: #17972b; background: #17972b; } .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; } } /* 内页新闻列表 */ .xypg-news-list li { border: 1px solid #e1e1e1; padding: 30px; background: #fff; margin-bottom: 35px; -webkit-transition: all .5s; transition: all .5s; } .xypg-news-list li .tit { border-bottom: 1px solid #cbcbcb; margin-bottom: 15px; position: relative; } .xypg-news-list li .tit h3 { padding-bottom: 15px; font-size: 18px; color: #565656; font-weight: normal; padding-right: 25%; margin: 0; } .xypg-news-list li .tit .date { position: absolute; right: 0; top: 0; font-size: 14px; color: #666666; } .xypg-news-list li .info { font-size: 14px; line-height: 2; color: #999999; } .xypg-news-list li .more { margin-top: 15px; } .xypg-news-list 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 .5s ease; transition: all .5s ease; } .xypg-news-list 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); } .xypg-news-list li:hover .tit h3 { color: #17972b; } .xypg-news-list li:hover .more span { color: #fff; background-color: #17972b; } @media (max-width: 990px) { .xypg-news-list li .tit { border-bottom: none; } .xypg-news-list li .tit h3 { padding-right: 0; padding-bottom: 10px; } .xypg-news-list li .tit .date { position: static; border-bottom: 1px solid #cbcbcb; padding-bottom: 5px; color: #999; } } /*内页详情页面公用样式*/ .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; } .xypg-detail-info-bar .detail-info-time i { margin-right: 4px; } .xypg-detail-info-bar .detail-info-numbers { float: left; } .xypg-detail-info-bar .detail-info-numbers i { font-size: 12px; margin-right: 4px; } .xypg-detail-info-bar .xypg-file-down { float: right; position: relative; } .xypg-detail-info-bar .xypg-file-down .file-down-title { cursor: pointer; } .xypg-detail-info-bar .xypg-file-down .file-down-title i { margin-right: 5px; } .xypg-detail-info-bar .xypg-file-down .file-down-title:hover { color: #ab001a; } .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: #ab001a; } .xypg-detail-con-title { margin: 20px 0 10px 0; } .xypg-detail-con-title span { display: inline-block; font-size: 18px; color: #17972b; } .xypg-detail-tags { margin-top: 40px; } .xypg-detail-tags .tags-title { border-bottom: 1px solid #17972b; position: relative; } .xypg-detail-tags .tags-title h3 { display: inline-block; padding: 0 30px; font-size: 16px; color: #17972b; line-height: 40px; border-bottom: 3px solid #17972b; margin-bottom: -1px; } .xypg-detail-tags .tags-title .baidu-share { position: absolute; right: 0; top: 8px; } .xypg-detail-tags .tags-content { padding-top: 10px; } .xypg-detail-tags .tags-content a { font-size: 13px; color: #666666; display: inline-block; margin-right: 20px; } .xypg-detail-tags .tags-content a:hover { color: #ab001a; } .xypg-detail-pn { margin-top: 30px; } .xypg-detail-pn div { margin-bottom: 10px; background: #ededed; line-height: 35px; padding: 0 20px; position: relative; } .xypg-detail-pn div b { font-size: 16px; color: #333333; float: left; font-weight: normal; } .xypg-detail-pn div a { float: left; width: 75%; font-size: 14px; color: #565656; } .xypg-detail-pn div a:hover { color: #ab001a; } @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: 0; font-size: 13px; color: #666666; } /*相关产品 和 相关新闻*/ .xypg-relate { margin-top: 50px; } .xypg-relate .relate-title { background: #17972b; color: #fff; font-size: 16px; line-height: 50px; padding-left: 25px; margin-bottom: 20px; } .relate-product-slick { padding: 0 5%; position: relative; } .relate-product-slick .slick-arrow { position: absolute; top: 50%; width: 14px; height: 26px; margin-top: -13px; outline: none; border: none; font-size: 0; } .relate-product-slick .slick-arrow.slick-prev { left: 0; background: url(/template/default/images/xypg-relate-pro-ljt.png) center no-repeat; } .relate-product-slick .slick-arrow.slick-next { right: 0; background: url(/template/default/images/xypg-relate-pro-rjt.png) center no-repeat; } .relate-product-slick .slick-list { margin: 0 -7px; } .relate-product-slick .slick-slide { outline: none; } .relate-product-slick .slick-slide img { display: inline-block; width: 100%; } .relate-product-slick .slick-con { padding: 0 7px; } .xypg-relate .relate-news { margin-top: 40px; } .relate-news-list li { float: left; width: 48%; position: relative; line-height: 30px; font-size: 14px; color: #666666; } .relate-news-list li:nth-child(even) { float: right; } .relate-news-list li a { display: block; padding-right: 30%; color: #666666; } .relate-news-list li a:before { content: ''; display: inline-block; width: 14px; height: 14px; background: #d1d1d1 url(/template/default/images/xypg-left-jt.png) -1px -16px no-repeat; border-radius: 50%; vertical-align: middle; margin-right: 10px; } .relate-news-list li span { position: absolute; right: 0; top: 0; } .relate-news-list li:hover a { color: #17972b; } .relate-news-list li:hover a:before { background-color: #17972b; } .relate-news-list li:hover span { color: #ab001a; } @media (max-width: 990px) { .xypg-relate { display: none; } } /*新闻详情页*/ /*案例基本详情页*/ .xypg-case-detail .main-img { text-align: center; } .xypg-case-detail .main-img img { max-width: 100%; } /* 招聘详情页面 */ .xypg-jod-detail .job-detail-title { font-size: 16px; color: #ffffff; background: #17972b; line-height: 60px; padding-left: 25px; } .xypg-jod-detail .job-detail-con { background: #f8f8f8; padding: 25px; } .xypg-jod-detail .job-detail-small-title { font-size: 16px; color: #17972b; margin-bottom: 10px; } .xypg-jod-detail .job-detail-con-box { font-size: 14px; color: #666666; margin-bottom: 20px; } .xypg-jod-detail .job-detail-btn a { display: inline-block; font-size: 14px; color: #ffffff; background: #666666; width: 200px; line-height: 50px; text-align: center; border-radius: 5px; } .xypg-jod-detail .job-detail-btn a:hover { background: #ab001a; } /* 简历提交表格 */ .job-detail-form .form-title { border-bottom: 1px solid #ccc; font-size: 20px; line-height: 2.5; } .job-detail-form .form-info { line-height: 2; margin: 10px 0; } .job-detail-form .form-info span { color: red; } .job-detail-form .red-star { color: red; } .job-detail-form textarea { resize: none; } .job-detail-form #checkcode { display: inline-block; width: 30%; } .job-detail-form #checkCodeImg { vertical-align: top; margin-left: 10px; } .job-detail-form #change_code { line-height: 34px; padding: 0 10px; color: #ab001a; } .job-detail-form .form-small-tit { line-height: 2; font-size: 16px; border-bottom: 1px solid #ccc; margin-bottom: 15px; } .job-detail-form .form-prompt { font-size: 12px; margin-bottom: 15px; color: #999; } /* 在线留言页面 */ #message-form .red-star { color: red; } #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: #ab001a; } @media (max-width: 768px) { #message-form.n-default .msg-wrap { position: static; } } /* 下载详情页面 */ .xypg-download-list.xypg-download-detail-list .download-title { background: #f3f3f3; } .xypg-download-list.xypg-download-detail-list .download-title .file-name { width: 35%; } .xypg-download-list.xypg-download-detail-list .download-title span { width: 16.25%; } .xypg-download-list.xypg-download-detail-list .download-item .download-item-span { width: 16.25%; } .xypg-download-list.xypg-download-detail-list .download-item .download-item-span.download-item-first { width: 35%; } @media (max-width: 768px) { .xypg-download-list.xypg-download-detail-list .download-item .download-item-span { width: 100%; } .xypg-download-list.xypg-download-detail-list .download-item .download-item-span.download-item-first { width: 100%; } } /* 搜索结果页面样式 */ .xypg-search-result .tag-total { border: 1px solid #ab001a; padding: 10px; line-height: 1.6; z-index: 14px; color: #333; margin-bottom: 20px; background: #efefef; } .xypg-search-result-box { margin-bottom: 20px; } .xypg-search-result-box .xypg-search-title { border-left: 3px solid #ab001a; padding-left: 15px; font-size: 18px; line-height: 35px; margin-bottom: 15px; font-weight: bold; } /* 详情页面下载列表样式 */ .xypg-detail-file-dwon li { padding: 10px 0; border-bottom: 1px dashed #cfcfcf; width: 50%; float: left; } .xypg-detail-file-dwon li .icon { float: left; font-size: 40px; line-height: 40px; margin-right: 5px; height: 40px; } .xypg-detail-file-dwon li .list-con { overflow: hidden; line-height: 1; } .xypg-detail-file-dwon li .list-con p { font-size: 12px; margin-bottom: 0; line-height: 20px; } .xypg-detail-file-dwon li .list-con a { font-size: 12px; } .xypg-detail-file-dwon li .list-con a:hover { color: #ab001a; } /* 相册列表页 */ .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 .5s ease; transition: all .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: #ab001a; } .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: #17972b; 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; } .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(/template/default/images/xypg-job-jt.png) center no-repeat; border-radius: 50%; } .xypg-job-list .job-item .job-more a:hover { background-color: #ab001a; } .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; } } /* 产品详情页面 */ .product-detail-swiper { width: 399px; float: left; } .product-detail-swiper .view { border: 1px solid #e5e5e5; } .product-detail-swiper .view .swiper-slide { outline: none; } .product-detail-swiper .view .slick-con { text-align: center; display: block; height: 318px; line-height: 318px; font-size: 0; } .product-detail-swiper .view .slick-con img { max-width: 100%; max-height: 100%; vertical-align: middle; } .product-detail-swiper .view .slick-con:after { content: ""; height: 100%; vertical-align: middle; display: inline-block; } .product-detail-swiper .preview { margin: 0 -5px; position: relative; margin-top: 10px; } .product-detail-swiper .preview .swiper-slide { outline: none; } .product-detail-swiper .preview .swiper-slide.active-nav .slick-con { border-color: #17972b; } .product-detail-swiper .preview .slick-con { text-align: center; display: block; height: 101px; line-height: 99px; margin: 0 5px; border: 1px solid #e1e1e1; font-size: 0; } .product-detail-swiper .preview .slick-con img { max-width: 100%; max-height: 100%; vertical-align: middle; } .product-detail-swiper .preview .slick-con:after { content: ""; height: 100%; vertical-align: middle; display: inline-block; } .product-detail-swiper .preview .arrow-left, .product-detail-swiper .preview .arrow-right { position: absolute; z-index: 99; top: 50%; margin-top: -25px; width: 20px; height: 50px; background: rgba(89, 89, 89, 0.8); text-align: center; line-height: 50px; color: #fff; font-size: 20px; } .product-detail-swiper .preview .arrow-left { left: 5px; } .product-detail-swiper .preview .arrow-right { right: 5px; } .product-detail-list { width: calc(100% - 440px); padding-top: 20px; float: right; } .product-detail-list h1 { font-size: 30px; font-weight: bold; color: #333333; line-height: 65px; } .product-detail-list .product-detail-item li { border-top: 1px solid #eee; padding: 25px 0; font-size: 18px; color: #333333; } .product-detail-list .product-detail-item li span { font-size: 14px; color: #666666; } .product-detail-list .product-detail-inquiry { margin-bottom: 20px; } .product-detail-list .product-detail-inquiry a { display: inline-block; width: 80%; line-height: 60px; font-size: 18px; color: #ffffff; text-align: center; background: #17972b; border-radius: 2px; } .product-detail-list .product-detail-inquiry a i { font-size: 20px; line-height: 0; vertical-align: -2px; margin-right: 5px; } .product-detail-list .service-number { font-size: 14px; color: #333333; } .product-detail-list .service-number span { font-size: 25px; color: #b80024; } @media (max-width: 1200px) { .product-detail-list h1 { font-size: 20px; line-height: 50px; } .product-detail-list .product-detail-item li { padding: 10px 0; font-size: 16px; } .product-detail-list .product-detail-inquiry { margin-bottom: 20px; } .product-detail-list .product-detail-inquiry a { width: 85%; line-height: 45px; font-size: 16px; } .product-detail-list .service-number span { display: block; } } @media (max-width: 768px) { .product-detail-swiper { width: 100%; float: none; } .product-detail-swiper .view .slick-con { height: auto; line-height: 0; } .product-detail-swiper .preview .slick-con { height: auto; line-height: 0; } .product-detail-swiper .preview .arrow-left, .product-detail-swiper .preview .arrow-right { position: absolute; z-index: 99; top: 50%; margin-top: -25px; width: 20px; height: 50px; background: rgba(89, 89, 89, 0.8); text-align: center; line-height: 50px; color: #fff; font-size: 20px; } .product-detail-list { width: 100%; float: none; } } .product-detail-tab { margin-top: 50px; } .product-detail-tab .product-detail-tabli { border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; height: 45px; } .product-detail-tab .product-detail-tabli li { float: left; width: 20%; line-height: 45px; margin-top: -1px; text-align: center; font-size: 15px; color: #333333; cursor: pointer; } .product-detail-tab .product-detail-tabli li.on, .product-detail-tab .product-detail-tabli li:hover { background: #333333; color: #fff; } .product-detail-tab .product-detail-tabcon { padding: 15px 0; } @media (max-width: 768px) { .product-detail-tab .product-detail-tabli { height: 40px; } .product-detail-tab .product-detail-tabli li { font-size: 14px; line-height: 40px; } } @media (max-width: 420px) { .product-detail-tab .product-detail-tabli { height: 40px; } .product-detail-tab .product-detail-tabli li { font-size: 12px; line-height: 40px; } } /* 站点地图样式 */ .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; } /* 网站标签页面样式 */ .tagdescription { border: 1px solid #ccc; padding: 10px; font-size: 14px; line-height: 1.7; background: #efefef; margin-bottom: 20px; } .tag-category { margin-bottom: 20px; } .tag-category span { font-size: 16px; color: #000; display: inline-block; } .tag-category a { display: inline-block; line-height: 25px; padding: 0 15px; border: 1px solid #e1e1e1; border-radius: 5px; color: #333; margin-right: 10px; } .tag-category a:hover { background: #ab001a; color: #fff; } .tag-list-product li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; } .tag-list-product li:last-child { padding-bottom: 0; border-bottom: 0; } .tag-list-product .tag-img { width: 220px; float: left; margin-right: 20px; } .tag-list-product .tag-img .img { display: block; border: 1px solid #e1e1e1; } .tag-list-product .tag-img .img img { width: 100%; } .tag-list-product .tag-wz { overflow: hidden; } .tag-list-product .tag-wz h1 { font-size: 16px; line-height: 30px; font-weight: bold; margin-bottom: 5px; } .tag-list-product .tag-wz h1 a { color: #000; } .tag-list-product .tag-wz .tab-fenli p { width: 50%; float: left; font-size: 14px; color: #333; margin-bottom: 0; } .tag-list-product .tag-wz .desp { font-size: 12px; line-height: 2; height: 48px; overflow: hidden; color: #666; margin: 5px 0; } @media (max-width: 768px) { .tag-list-product .tag-img { width: 100%; float: none; text-align: center; margin-bottom: 10px; } .tag-list-product .tag-img .img img { width: auto; max-width: 100%; } .tag-list-product .tag-wz .tab-fenli p { width: 100%; float: none; } } .xytag-title { font-size: 18px; border-bottom: 1px solid #ccc; line-height: 40px; margin-bottom: 10px; } .xytag-recom-product ul { margin: 0 -1%; } .xytag-recom-product li { float: left; position: relative; width: 18%; margin: 0 1%; overflow: hidden; } .xytag-recom-product li img { width: 100%; -webkit-transition: all .5s ease; transition: all .5s ease; } .xytag-recom-product li .zz-bg { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 0.5); -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease; } .xytag-recom-product li .zz-bg h2 { position: absolute; z-index: 9; left: 0; right: 0; bottom: 0; top: 0; width: 100%; text-align: center; font-size: 16px; line-height: 30px; color: #fff; height: 30px; margin: auto; } .xytag-recom-product li:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .xytag-recom-product li:hover .zz-bg { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } /* 会员登录注册页面样式 */ .xy-head.login-head { position: static; padding: 15px 0; } .xy-head.login-head .xy-head-left .logo { padding-top: 0; -webkit-transition: none; transition: none; } .xy-head.login-head .xy-head-links { display: none; } .xy-head.login-head .xy-menu > li { color: #333333; } .xy-head.login-head .xy-menu > li > a { color: #333333; } .xy-head.login-head .xy-menu > li > a .creat { width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 3px; cursor: pointer; border-style: solid dashed dashed dashed; border-color: #333333 transparent transparent transparent; border-bottom: none; } .xy-head.login-head .xy-menu > li + li { background: url(/template/default/images/xy-login-navlibg.png) left center no-repeat; } .xy-head.login-head .xy-head-navbar { margin-top: 10px; -webkit-transition: none; transition: none; } .xy-head.login-head .xy-head-navbar .xy-search { border-color: #afafaf; } .xy-head.login-head .xy-head-navbar .xy-search #keyword { color: #afafaf; } .xy-head.login-head .xy-head-navbar .xy-search #s_btn { color: #afafaf; } .xylogin-content { background: #ededed; min-height: calc(100vh - 103px); } .xylogin-content .xylogin-banenr { height: 189px; background-size: cover; } .xylogin-form { width: 600px; margin: -60px auto 0 auto; background: #ffffff; border-radius: 10px; padding: 45px 65px; } .xylogin-form .form-title { position: relative; margin-bottom: 25px; } .xylogin-form .form-title h3 { font-size: 30px; color: #363636; display: inline-block; font-weight: bold; } .xylogin-form .form-title a { position: absolute; right: 0; bottom: 0; font-size: 16px; color: #ab001a; } .xylogin-form .form-title a:hover { text-decoration: underline; } .xylogin-form .input-g { border-bottom: 1px solid #c7c7c7; margin-bottom: 15px; padding: 5px 0; } .xylogin-form .input-g label { color: #565656; margin-right: 5px; line-height: 25px; font-size: 18px; } .xylogin-form .input-g .input-text { width: calc(100% - 50px); border: none; outline: none; height: 25px; background: none; font-size: 16px; color: #565656; } .xylogin-form .input-g .input-text.msg { width: 50%; } .xylogin-form .input-g .msgcode { float: right; border: 1px solid #e1e1e1; background: none; padding: 0 5px; line-height: 25px; border-radius: 5px; font-size: 12px; color: #565656; outline: none; } .xylogin-form .input-g .msgcode:hover { background: #ab001a; color: #fff; } .xylogin-form .input-g #valicode { width: 50%; } .xylogin-form .input-g #codeimg { float: right; } .xylogin-form .forget-pwd { position: relative; line-height: 20px; } .xylogin-form .forget-pwd .jzdlzh { display: inline-block; font-size: 14px; color: #797979; } .xylogin-form .forget-pwd .jzdlzh #remmber { display: inline-block; vertical-align: -2px; } .xylogin-form .forget-pwd a { font-size: 13px; color: #337ab7; } .xylogin-form .forget-pwd a:hover { text-decoration: underline; color: #ab001a; } .xylogin-form .btn-g { margin-top: 20px; } .xylogin-form .btn-g input[type="submit"] { width: 100%; background: #363636; line-height: 50px; color: #fff; font-size: 18px; border: none; border-radius: 5px; outline: none; } .xylogin-form .btn-g input[type="submit"]:hover { background: #ab001a; } .xylogin-form .btn-g.zhuce-btn { margin-top: 35px; } @media (max-width: 768px) { .xylogin-form { width: 90%; padding: 30px 30px; } } @media (max-width: 480px) { .xylogin-form .input-g { font-size: 12px; } .xylogin-form .input-g #valicode { width: 44%; } .xylogin-form .input-g #codeimg { width: 100px; height: 25px; } .xylogin-form .btn-g { margin-top: 20px; } .xylogin-form .btn-g input[type="submit"] { line-height: 40px; font-size: 16px; } } .xylogin-footer { background: #ededed; text-align: center; color: #666666; line-height: 30px; padding: 15px 0; } .xylogin-footer a { color: #666; } /* 个人中心页面样式 */ .personal-cont li { margin-bottom: 15px; } .personal-cont li label { width: 120px; font-size: 16px; text-align: right; line-height: 40px; float: left; margin-right: 10px; font-weight: normal; } .personal-cont li .input-pwd { overflow: hidden; height: 40px; border: 1px solid #e1e1e1; border-radius: 5px; width: 40%; padding-left: 10px; outline: none; } .personal-cont li .input-pwd:focus { border-color: #00acd8; -webkit-box-shadow: 0 0 6px #00acd8; box-shadow: 0 0 6px #00acd8; } .personal-cont li .save-send { width: 30%; line-height: 40px; background: #ab001a; color: #fff; font-size: 16px; border: none; outline: none; border-radius: 5px; } @media (max-width: 768px) { .personal-cont li label { width: 100px; } .personal-cont li .input-pwd { width: calc(90% - 110px); } .personal-cont li .save-send { width: 40%; } } @media (max-width: 420px) { .personal-cont li label { width: 100%; text-align: left; margin-bottom: 0; } .personal-cont li .input-pwd { width: 100%; } .personal-cont li .save-send { width: 100%; } } /* 会员权限跳转 */ .jump-center { text-align: center; } .jump-center .iconfont { font-size: 200px; font-weight: bold; color: #ab001a; } .jump-center #show { margin-bottom: 20px; font-size: 16px; color: #000; } .jump-center #show span { font-size: 20px; color: #ab001a; } @media (max-width: 768px){ .tab-li li:nth-child(1){ background: #a5a5a4; } .tab-li li:nth-child(1):hover{ background: #17972b; } .tab-li li:nth-child(2){ background: #a5a5a4; } .tab-li li:nth-child(2):hover{ background: #17972b; } .tab-li li:nth-child(3){ background: #a5a5a4; } .tab-li li:nth-child(3):hover{ background: #17972b; } .tab-li li:nth-child(4){ background: #a5a5a4; } .tab-li li:nth-child(4):hover{ background: #17972b; } .slick-contanier .slick-prev{ background: none; } .slick-contanier .slick-next{ background: none; } .cop{ background: #17972b; } .anliti{ text-align: center; color: #17972b; font: 400 28px/40px "Microsoft Yahei"; padding-top: 3%; } .rongyy{ margin: 4% 10px 14px 10px; padding: 2%; position: relative; text-align: center; } .rihh{ margin: 5% 10px 10px 10px; padding: 2%; position: relative; text-align: center; } .ba{ padding: 4% 8%; background: url(/template/default/images/nei2.jpg) top center no-repeat; background-size: 210% 100%; margin: 4% 0 0 0; } .abbti{ padding-top: 4%; } .xyin-banner{ margin-top: 60px; } .n_banner{ margin-top: 60px; } } @media (max-width: 768px){ .tab-li1 li:nth-child(1){ background: #a5a5a4; } .tab-li1 li:nth-child(1):hover{ background: #17972b; } .tab-li1 li:nth-child(2){ background: #a5a5a4; } .tab-li1 li:nth-child(2):hover{ background: #17972b; } .tab-li1 li:nth-child(3){ background: #a5a5a4; } .tab-li1 li:nth-child(3):hover{ background: #17972b; } .tab-li1 li:nth-child(4){ background: #a5a5a4; } .tab-li1 li:nth-child(4):hover{ background: #17972b; } .slick-contanier .slick-prev{ background: none; } .slick-contanier .slick-next{ background: none; } .cop{ background: #17972b; } .anliti{ text-align: center; color: #17972b; font: 400 28px/40px "Microsoft Yahei"; padding-top: 3%; } .rongyy{ margin: 4% 10px 14px 10px; padding: 2%; position: relative; text-align: center; } .rihh{ margin: 5% 10px 10px 10px; padding: 2%; position: relative; text-align: center; } .ba{ padding: 4% 8%; background: url(/template/default/images/nei2.jpg) top center no-repeat; background-size: 210% 100%; margin: 4% 0 0 0; } .abbti{ padding-top: 4%; } .xyin-banner{ margin-top: 60px; } .n_banner{ margin-top: 60px; } } @media (max-width: 425px){ .nei{ display: none; } .rongyy img{ display: block; width: 50%; margin-left: 28%; text-align: center; } .ba{ background: #dededd; } .abnei{ font:400 14px/24px "Microsoft Yahei"; } .abmore{ width: 119px; margin: 0 auto; font: 400 14px/33px "Microsoft Yahei"; color: #fff; border: #17972b 1px solid; text-align: center; border-radius: 8px; color: #17972b; } .heti{ background: none; } .tab-li1 li{ display: inline-block; margin: 0 10px; font-size: 16px; background: #9c9c9b; border: #fff 1px solid; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 1.2% 2%; } .xwnei{ font: 400 14px/30px "Microsoft Yahei"; color: #17972b; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xwneirong{ font: 400 14px/25px "Microsoft Yahei"; color: #5a5a5a; } .xwziti{ font: 600 33px/40px "Microsoft Yahei"; color: #fff; } .xwziqi{ font: 400 14px/24px "Microsoft Yahei"; color: #fff; } .xyin-banner{ margin-top: 60px; } } /*# sourceMappingURL=xyDemo.css.map */ /* FILE ARCHIVED ON 15:00:12 Jan 21, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 20:38:29 Oct 20, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.525 exclusion.robots: 0.027 exclusion.robots.policy: 0.016 esindex: 0.01 cdx.remote: 13.347 LoadShardBlock: 236.821 (3) PetaboxLoader3.datanode: 218.81 (4) PetaboxLoader3.resolve: 67.128 (2) load_resource: 82.388 */