body{overflow-x:hidden; font-family:Microsoft YaHei; background:#efefef } ul { padding:0; margin:0 } ul li { list-style:none } a { color:#9c8174; 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 } .max-container { max-width:1400px; margin:0 auto } @media (max-width:1680px) { .max-container { width:98% } } @media (max-width:767px) { .max-container { padding:0 2%; } } @media (min-width:1600px) and (max-width:1920px) { .container { width:1370px } }.hot-keys:after,.product-detail-tab .product-detail-tabli:after,.tag-list-product .tag-wz .tab-fenli:after,.xy-head-navbar .xy-search:after,.xy-menu:after,.xypg-detail-file-dwon:after,.xypg-detail-info-bar .xypg-file-down .file-down-list li:after,.xypg-detail-info-bar:after,.xypg-detail-pn div:after,.xypg-download-list .download-item .download-item-span:after,.xypg-download-list .download-item:after,.xypg-download-list .download-title:after,.xypg-job-list .job-item .job-item-span:after,.xypg-job-list .job-item:after,.xypg-job-list .job-title:after { content:""; display:table; clear:both } .cover-item .item-first .wz h3,.cover-item .item-list h4,.hot-keys li a,.latest-news li a,.relate-news-list li a,.tag-list-product .tag-wz .tab-fenli p,.tag-list-product .tag-wz h1,.xy-menu .xy-sub-menu>li>a,.xypg-album-cate li .album-title,.xypg-album-list li h3,.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p,.xypg-detail-pn div a,.xypg-download-list .download-item .download-item-span .download-item-con,.xypg-download-list .download-item .download-item-span.download-item-first,.xypg-job-list .job-item .job-item-span .job-item-con,.xypg-jod-detail .job-detail-title,.xypg-left-nav .xypg-left-subnav>li>a,.xypg-left-nav .xypg-left-threenav>li>a,.xypg-left-nav>li>a,.xypg-product-list li h3 a { text-overflow:ellipsis; white-space:nowrap; overflow:hidden } @media (max-width:768px) { body { padding-top:60px } }@font-face{font-family:iconfont;src:url("../fonts/iconfont/iconfont.eot?t=1521099028790");src:url("../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("../fonts/iconfont/iconfont.ttf?t=1521099028790") format("truetype"),url("../fonts/iconfont/iconfont.svg?t=1521099028790#iconfont") format("svg")}.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;src:url("//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.eot");src:url("//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.eot?#iefix") format("embedded-opentype"),url("//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.woff") format("woff"),url("//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.ttf") format("truetype"),url("//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.svg#iconfont") format("svg")}.filetypeicon{font-family:filetypeicon;font-size:13px;font-style:normal} /*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} /*滚动*/ #demo{overflow:hidden;width:100%;margin:0 auto;} #indemo {float: left;width:800%!important;} #demo1 {float: left;} #demo2 {float: left;} #m_demo{overflow:hidden;width:92%;margin:0 auto;} #m_indemo {float: left;width:800%!important;} #m_demo1 {float: left;} #m_demo2 {float: left;} .wh{width: 1200px;margin:0 auto;} .pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;} .com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;} .com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;} .com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);} .xy-head-left .logo { display:block; -webkit-transition:all .7s; transition:all .7s; line-height:80px; } .xy-head-left .logo h1 { display:inline-block; margin:0; vertical-align:middle } .xy-head-left .logo img { max-width:100% } .roll_product {float: left;} .plist{margin-top: 56px;} .plist li{margin-right: 15px;margin-bottom: 15px;} .plist li:nth-child(3n){margin-right: 0;} .plist li a.img{border:1px solid #e5e5e5;display: block;} .plist li a.img img{width: 388px;height: 388px;} .plist li h3 a{display: block;color: #fff;font-size: 16px;font-weight: normal;} /*头部样式*/ .topLink{float:right;text-align:right;position: relative;z-index: 9999;} .translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;} .tran-in{left:120px;} .translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;} .translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;} .translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;} .translate-en{display: none;padding: 6px;padding-top:0px;} .translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;} .translate li .translate-en a:hover{font-weight: bold;} .topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;} .topLink .k1 a{color: #595959;} .topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";} #menu{background: #9c8174;} /*热门搜索*/ .sou{margin: 15px 0;} .hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;} #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;} /*搜索和热门搜索*/ .hotSearch a{margin-right:6px;} /*首页banner*/ .banner{position:relative;} .banner{width:100%;height:100%;} .banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;width:100%;height:100%;} .banner ul.bb li{position:absolute;display:none;width:100%;height:100%;} .banner ul.bb li a{width:100%;display:block;height:100%;} .banner ul.bb li a img{width:100%;height:100%;} .banner .num{position:absolute;right:0;bottom:40px;z-index:100;text-align: center;width: 100%;} .banner .num li{display:inline-block;margin:0 5px;width:61px;height: 6px; text-indent:-100px;overflow:hidden;background: #9c8174;} .banner .num li.num_hover{background-color:#e15616;} .banner .num li.num_hover a{color:#fff;} .banner .num li a{float:left;display:inline;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:16px;height:16px;line-height:16px;} /*导航栏样式*/ .nav li{text-align:center;float:left;position:relative;z-index:999;width: 133px; } .nav li a{display:block;line-height:62px;color:#fff;height:62px;padding: 0;font-size: 16px;padding: 0;} .nav li a:hover{color:#fff;text-decoration:none;background-color:#e15616;} .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: #e15616; } .nav .sec{height:0;background:#9c8174;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:62px;left:0px;width: 100%;} .nav .sec a{background:#9c8174;color:#fff;height:38px;line-height:38px;font-size: 14px;} .nav .sec a:hover{background:#e15616;text-decoration:none;} .xy-head { position: relative; top: 0; left: 0; right: 0; z-index: 9999; background:#18181e; } .xy-head-left .logo { display: block; -webkit-transition: all .7s; transition: all .7s } .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 5px } .xy-head-navbar { position: relative; -webkit-transition: all .7s ease; transition: all .7s ease } .xy-head .xy-head-navbar .xy-search { position:absolute; right:0; top:30px; height:30px; overflow:hidden } .xy-head .xy-head-navbar .ss{ position:absolute; top: 85px; right: 0px; width: 130px; height:27px; border:1px solid #9c8174; } .xy-head .xy-head-navbar .ss #keyword { float:left; width:80%; height:28px; background:none; border:none; color:#9c8174; padding-left:10px; font-size:12px; outline:none } .xy-head .xy-head-navbar .ss #s_btn { float:right; width:20%; height:28px; background:none; font-size:18px; color:#9c8174; border:none; cursor:pointer; padding:0; outline:none } .xy-head:not(.login-head).scroll { position: fixed; -webkit-transition: all .7s ease; transition: all .7s ease; } .xy-head:not(.login-head).scroll .xy-menu>li>a{color: #fff;} .xy-head:not(.login-head).scroll .xy-head-right .xy-head-links { height: 0; margin: 0; opacity: 0 } .xy-head:not(.login-head).scroll .xy-head-right .xy-head-navbar { margin-top: 18px } @media (max-width:768px) { .xy-head { display: none } } .xy-menu { padding-right: 30px } .xy-menu>li { float: left; width: 13.666666%; 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: #b4aeae; line-height: 80px } .xy-menu>li>a:hover{ color:#caa3a1; background:url(../images/heng.jpg)no-repeat center 56px; } .xy-menu .xy-sub-menu { display: none; position: absolute; width: 160%; border-top: 2px solid #caa3a1; left: 0; top: 80px; -webkit-box-shadow: 0 4px 6.86px .14px rgba(8,1,3,.52); box-shadow: 0 4px 6.86px .14px rgba(8,1,3,.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; background: url(../images/xy-sub-nav-jt.png) 0 -7px no-repeat } .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 } } .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,.3); background-repeat: no-repeat; background-size: auto; background-image: url(../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,.5) } .slick-banner .slick-dots { position: absolute; left: 0; right: 0; text-align: center; font-size: 0; z-index: 9; bottom: 30px } .slick-banner .slick-dots li { display: inline-block; margin: 0 10px; width: 30px; height: 16px; background: url(../images/dot.png) 50% no-repeat; background-size: 100%; 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: url(../images/dot-on.png) 50% no-repeat; background-size: 100% } @media (max-width:768px) { .slick-banner .slick-dots li { width: 20px; height: 12px; margin: 0 5px } } @media (max-width:768px) { .slick-banner .slick-dots { bottom: 10px } } .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; -webkit-transform: translateY(-50%); transform: translateY(-50%); 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: #c9a370; border-color: #c9a370; 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 } } #mob-banner { display: none } @media (max-width:768px) { #pc-banner { display: none } #mob-banner { display: block } } .xyin-product { padding: 50px 0 } .xyin-title { text-align: center; font-size: 30px; color: #1e1b1e; padding-bottom: 15px; background: url(../images/bottomline.png) bottom no-repeat } @media (max-width:768px) { .xyin-title { font-size: 20px } } .xyin-product-list { margin-top: 40px } .xyin-product-list .product-cate-tab { text-align: center; margin-bottom: 40px } .xyin-product-list .product-cate-tab li { display: inline-block; width: 120px; height: 20px; line-height: 20px; border-right: 1px solid #1e1b1e } .xyin-product-list .product-cate-tab li a { color: #1e1b1e; -webkit-transition: all .3s; transition: all .3s } .xyin-product-list .product-cate-tab li.active a,.xyin-product-list .product-cate-tab li a:hover { color: #c9a370 } .xyin-product-list .product-cate-tab li:last-child { border-right: 0 } .xyin-product-list .product-content-tab { display: none } .xyin-product-list .product-content-tab ul { text-align: center } .xyin-product-list .product-content-tab ul li { display: inline-block; width: calc(25% - 10px); margin: 0 3px 10px } .xyin-product-list .product-content-tab ul li a { display: block; color: #1e1b1e } .xyin-product-list .product-content-tab ul li a img { max-width: 100% } .xyin-product-list .product-content-tab ul li a .wz { background: #fff; padding-bottom: 0px } .xyin-product-list .product-content-tab ul li a .wz h3 { text-align: left; text-indent: 20px; padding: 20px 0; font-size: 16px } .xyin-product-list .product-content-tab ul li:hover a { color: #fff } .xyin-product-list .product-content-tab ul li:hover a .wz { background: #333333 } @media (max-width:768px) { .xyin-product-list .product-content-tab ul li { width: calc(50% - 10px); margin-bottom: 10px } } .xyin-product-list a.more { margin: 0 auto; margin-top: 30px; display: block; background: #9c8174; width: 175px; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 14px } @media (max-width:768px) { .xyin-product { padding: 25px 0 } } .xyin-brand { width: 100% } .xyin-brand ul li { width: 50%; float: left } .xyin-brand ul li a { display: block; color: #1e1b1e } .xyin-brand ul li a .info { background: #f7f6f5; padding-left: 15% } @media (max-width:768px) { .xyin-brand ul li a .info { padding: 0 5% } } .xyin-brand ul li a .info h3 { font-size: 16px; padding: 20px 0 } .xyin-brand ul li a .info .summary { color: #787878; padding-bottom: 20px } .xyin-brand ul li a img { max-width: 100% } .xyin-brand ul li a:hover { color: #fff } .xyin-brand ul li a:hover .info { background: #333333 } .xyin-brand ul li a:hover .summary { color: #fff } @media (max-width:992px) { .xyin-brand ul li { width: 100% } } .xyin-about { background: #f7f6f5; padding: 50px 0 } .xyin-about .wz { line-height: 1.7; color: #666; margin: 30px 0 } .xyin-about .wz,.xyin-more { text-align: center } .xyin-more a { display: inline-block; padding: 6px 30px; border: 1px solid #9c8174; color: #9c8174; -webkit-transition: all .5s; transition: all .5s } .xyin-more a:hover { color: #fff; background: #9c8174 } @media (max-width:768px) { .xyin-more a { padding: 5px 20px } } @media (max-width:768px) { .xyin-about { padding: 25px 0 } } .xyin-advantage { width: 100%; background: #fff; padding: 60px 0 } @media (max-width:768px) { .xyin-advantage { padding: 30px 0 } } .xyin-advantage ul li { display: inline-block; width: calc(25% - 72px); margin: 0 34px; background: #efefef; border-radius: 5px; -webkit-box-shadow: 1px 1px 3px #efefef; box-shadow: 1px 1px 3px #efefef; } .xyin-advantage ul li .info { padding: 20px 22px } .xyin-advantage ul li .info h3 { font-size: 16px; color: #1e1b1e; margin: 20px 0 } .xyin-advantage ul li .info .summary { color: #787878; line-height: 25px } @media (max-width:768px) { .xyin-advantage ul li { width: calc(50% - 9px); margin:0 3px; margin-bottom: 10px } .xyin-advantage ul li .info .summary{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } } .xyin-ads { background: #efefef } .xyin-ads .xyin-ads-img { width: 50%; height: 400px; float: left; background-size: cover; background-repeat: no-repeat; background-position: 50% } .xyin-ads .xyin-ads-img img { max-width: 100% } @media (max-width:992px) { .xyin-ads .xyin-ads-img { width: 100%; height: 16rem } } .xyin-ads .xyin-ads-content { float: left; color: #333333; padding: 80px; max-width: 600px; height: 400px } @media (min-width:992px) and (max-width:1400px) { .xyin-ads .xyin-ads-content { width: 50% } } @media (max-width:992px) { .xyin-ads .xyin-ads-content { width: 100%; padding: 40px; height: auto } } .xyin-news { background: #fff; padding: 45px 0 } .xyin-news .xyin-news-list { margin: 40px 0 } .xyin-news .xyin-news-list li { display: inline-block; width: calc(50% - 10px); margin: 0 3px; padding: 10px 0; } .xyin-news .xyin-news-list li a { color: #787878 } .xyin-news .xyin-news-list li a .xyin-news-content { padding: 20px 40px } .xyin-news .xyin-news-list li a .xyin-news-content h3 { font-size: 16px; color: #1e1b1e; margin-bottom: 20px; } .xyin-news .xyin-news-list li a .xyin-news-content .summary { color: #787878; line-height: 25px; margin-bottom: 30px } .xyin-news .xyin-news-list li a .xyin-news-content span { display: block; height: 60px; line-height: 60px; font-size: 20px; float: left; border-top: 2px solid #1e1b1e; color: #989898; } @media (max-width:768px) { .xyin-news .xyin-news-list li a .xyin-news-content { padding: 20px } } .xyin-news .xyin-news-list li:hover { background: #efefef; } .xyin-news .xyin-news-list li:hover a .xyin-news-content span { border-top: 2px solid #ae9488 } @media (max-width:768px) { .xyin-news .xyin-news-list li { width: 100% } } .xyin-news a.more { margin: 0 auto; margin-top: 30px; display: block; background: #9c8174; width: 175px; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 14px } .xyin-links { background: #d6d6d6; padding: 10px 0 } .xyin-links span { font-size: 16px; color: #333 } .xyin-links a { display: inline-block; font-size: 14px; color: #666; padding-right: 10px; line-height: 25px } .xy-tonglan { background: url(../images/footbg.jpg) 0 no-repeat; background-size: 100% 100%; padding: 60px 0; color: #c2c2c2; line-height: 24px; } .xy-tonglan a{color: #c2c2c2;} .xy-tonglan .foot-contact { border-bottom: 1px solid #555556; padding-bottom: 20px } .xy-tonglan .foot-contact .foot-nav h3 { font-size: 16px; padding: 15px 0; margin-bottom: 15px; background: url(../images/line.jpg) 0 100% no-repeat } .xy-tonglan .links { margin-top: 30px; margin-bottom: 30px; } .xy-tonglan .links a { color: #c1c1c1 } .xy-tonglan .links a:hover { color: #c9a370 } .xy-tonglan .foot-message .input-item { width: 100%; margin-bottom: 5px } .xy-tonglan .foot-message .input-item span { display: inline-block; vertical-align: top; width: 20%; margin-right: 3%; text-align: right } .xy-tonglan .foot-message .input-item input[type=text] { border: 1px solid #626161; background: rgba(255,255,255,.08); width: 75%; height: 30px; text-indent: 5px } .xy-tonglan .foot-message .input-item input[type=text]#checkcode { width: 48% } .xy-tonglan .foot-message .input-item .content { border: 1px solid #626161; background: rgba(255,255,255,.08); width: 75%; resize: none } .xy-tonglan .foot-message .input-item #checkCodeImg1 { width: 25%; height: 30px } .xy-tonglan .foot-message .input-item .msgbtn { width: 110px; height: 30px; background: #ae9488; border: 1px solid #ae9488; color: #fff } .xy-footer { padding: 20px 0; background: #000; position: relative } .xy-footer a { color: hsla(0,0%,100%,.5) } .xy-footer .xy-ft-cpy { font-size: 13px; color: hsla(0,0%,100%,.4); padding-top: 5px; line-height: 1.6 } .xy-footer .xy-ft-cpy a { color: hsla(0,0%,100%,.5) } @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-head .max-container{max-width: 1640px;} .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: #9c8174; font-weight: 700; margin: 0 } .xypg-left-con { border: 1px solid #ebebeb; padding: 15px } .xypg-right-mbx { border-bottom: 1px solid #ebebeb; font-size: 14px; color: #666; line-height: 25px; padding: 9px 0 17px 20px; background: url(../images/home.png) left 13px no-repeat; } .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: #9c8174; text-decoration: underline } @media (max-width:992px) { .xypg-right-mbx { padding-top: 0 } } @media (max-width:767px) { .xypg-right-mbx { padding: 9px 0 17px 20px; } } .xypg-right-content { font-size: 14px; color: #333; line-height: 1.7; padding: 40px 0 } .xypg-right-content p img { max-width: 100% } .navigation a { display: inline-block; font-size: 14px; color: #333; 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: #ab001a; background: #ab001a } .xypg-wrap .xymob-page-icon { position: fixed; right: 0; 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: hsla(34, 45%, 61%, .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 } .xypg-left-nav { background: #fafafa } .xypg-left-nav>li { position: relative; display: inline-block; line-height: 75px } .xypg-left-nav>li>a { padding: 0 20px; font-size: 14px; color: #666; position: relative; line-height: 40px } .xypg-left-nav>li .first-nav-btn { position: absolute; z-index: 99; width: 15px; height: 15px; background: url(../images/xypg-left-jt.png) 0 1px no-repeat; right: 0; top: 33% } .xypg-left-nav>li .first-nav-btn.clicked { background: url(../images/xypg-left-jt-hover.png) 0 1px no-repeat } .xypg-left-nav>li:last-child { margin-bottom: 0 } .xypg-left-nav>li.clicked>a, .xypg-left-nav>li:hover>a { color: #9c8174 } .xypg-left-nav>li.clicked .first-nav-btn, .xypg-left-nav>li:hover .first-nav-btn { background: url(../images/xypg-left-jt-hover.png) 0 1px no-repeat } .xypg-left-nav .xypg-left-subnav { display: none; position: absolute; top: 35px; z-index: 99; background: #fafafa; width: 100%; padding: 10px 0; } .xypg-left-nav .xypg-left-subnav>li>a { display: block; line-height: 35px; color: #666; font-size: 12px; padding-left: 0; padding-right:0; padding: 0; text-indent:20px; } .xypg-left-nav .xypg-left-subnav > li{border-top: none;} .xypg-left-nav .xypg-left-subnav>li.clicked>a, .xypg-left-nav .xypg-left-subnav>li>a:hover { color: #9c8174 } .xypg-left-nav > li{border-bottom: none;} .xypg-left-nav li:hover .xypg-left-subnav{display: block;} .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: #999; 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.clicked>a, .xypg-left-nav .xypg-left-threenav>li>a:hover { color: #9c8174 } @media (max-width:990px) { .xypg-left-nav .xypg-left-threenav { display: block } .xypg-right-content p img { width: 100%!important; height:auto!important; } } .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: 23%; margin: 0 1% 40px; padding: 0; border: none; } .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: 400; margin: 0 0 0; } .xypg-product-list li h3 a { color: #333; display: block; text-indent: 15px; background: rgba(239,239,239); text-align: left; } .xypg-product-list li:hover h3 a { color: #fff; background: #9c8174; } @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 } /*内页左侧样式*/ /*.left{width: 225px;float: left;} .right{width: 940px;float: right;} .xypg-case-list li{width:300px;} .xypg-product-list li{width: 293px;} .xypg-product-list li .img img{width: 271px;height: 205px;} .relate-product-slick .owl-item .img img{ width: 213px;height: 159px;} .xypg-case-list li .img img{width: 300px;height: 300px;} .page-product-inquiry a{color: #fff;} .page-mob-tool{display: none;}*/ .page-product-inquiry a{color: #fff;}