/*鎵嬫満澶撮儴*/ .mc_header { display: none; height: 61px; background: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; padding: 0 20px; border-bottom: 1px solid #eee; } .mc_header_con { height: 60px; overflow: hidden; } .mc_logo { line-height: 60px; height: 60px; width: calc(100% - 60px); text-align: center; float: left; padding: 0 10px; } .mc_logo img { width: auto; max-width: 100%; max-height: 35px; } .mc_nav { width: 30px; height: 20px; position: relative; overflow: hidden; float: left; margin-top: 20px; } .mc_nav span { width: 100%; height: 2px; background: #000; display: block; -webkit-transition: all .5s; transition: all .5s; } .mc_nav span:nth-child(1) { position: absolute; top: 0; left: 0; -webkit-transform-origin: 7.5%; transform-origin: 7.5%; } .mc_nav span:nth-child(2) { position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .mc_nav span:nth-child(3) { position: absolute; bottom: 0; left: 0; -webkit-transform-origin: 7.5%; transform-origin: 7.5%; } .mc_nav.click span:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mc_nav.click span:nth-child(2) { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } .mc_nav.click span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .mc_sousuo { width: 30px; height: 30px; position: relative; overflow: hidden; background-position: center; background-image: url(../images/mc_ico.png); background-size: 20px auto; background-repeat: no-repeat; float: left; margin-top: 15px; } .mc_nav_con { background: #000; padding: 20px; display: none; position: fixed; top: 61px; left: 0; z-index: 99999; width: 100%; } .mc_nav_con ul { overflow: hidden; overflow-y: auto; height: calc(100vh - 100px); } .mc_nav_con ul>li { position: relative; border-bottom: 1px solid #2b2b2b; } .mc_nav_con ul>li>a { font-size: 16px; line-height: 50px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 50px; display: block; } .mc_nav_con ul>li>span { width: 35px; height: 30px; background-image: url(../images/icon_spirit.png); background-repeat: no-repeat; position: absolute; right: 0; top: 10px; z-index: 99; background-position: -30px -240px; } .mc_nav_con ul>li>span.click { background-position: -30px -265px; } .mc_nav_erji { background: #1E1E1E; display: none; } .mc_nav_erji .mc_nav_erji_li { border-top: 1px dashed #2b2b2b; } .mc_nav_erji .mc_nav_erji_li:last-child { border-top: 0px dashed #2b2b2b; } .mc_nav_sanji_li { padding-left: 15px; } .mc_nav_siji_li { padding-left: 15px; } .mc_nav_wuji_li { padding-left: 15px; } .mc_nav_erji a { font-size: 14px; line-height: 35px; color: #fff; display: block; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mc_sousuo_con { background: #ac6249; position: fixed; top: 60px; width: 100%; left: 0; z-index: 999; font-size: 0; display: none; } .mc_sousuo_con_shuru { font-size: 16px; height: 40px; height: 40px; color: #fff; background: none; width: calc(100% - 50px); padding: 0 20px !important; border: 0; border-right: 1px solid #fff; outline: none; } .mc_sousuo_con_shuru:focus { border-right-color: #fff !important; } .mc_sousuo_con_shuru::-webkit-input-placeholder { color: #fff; } .mc_sousuo_con_tijiao { width: 50px; height: 40px; background: none !important; border: 0 !important; background: url(../images/mc_sousuo.png) no-repeat center !important; } @media(max-width:991px) { #pc_header { display: none; } .mc_header { display: block; } } @media(max-width:768px) { .mc_header { padding: 0 15px; } } /*鎮诞鍙充晶鏍?/ .icon-font { position: relative; } .icon-font:after { content: ""; width: 30px; height: 30px; background-image: url(../images/icon_spirit.png); background-repeat: no-repeat; position: absolute; left: calc(50% - 15px); top: calc(50% - 15px); } #toolbar { position: fixed; z-index: 9999; right: 17px; bottom: 20%; } #toolbar li { margin-bottom: 3px; font-size: 0; width: 57px; height: 57px; right: 0; position: relative; } #toolbar li a { display: block; position: absolute; z-index: 9; right: 0; top: 0; width: 57px; height: 57px; overflow: hidden; background: #292e39; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: nowrap; font-size: 0; } #toolbar li .icon-font { display: inline-block; vertical-align: middle; width: 57px; height: 57px; background-color: #d9d9d9; } #toolbar li .icon-qq:after { background-position: 0 -150px; } #toolbar li .icon-phone:after { background-position: 0 -90px; } #toolbar li .icon-ewm:after { background-position: 0 -30px; } #toolbar li .icon-message:after { background-position: 0 -120px; } #toolbar li .icon-top:after { background-position: 0 -60px; } #toolbar li .icon-wangwang:after { background-position: 0 0; } #toolbar li .wz { display: inline-block; line-height: 57px; font-size: 14px; color: #fff; vertical-align: middle; padding-left: 10px; } #toolbar li.ewm .ewm-box { position: absolute; z-index: 1; padding: 5px; background: #292e39; width: 110px; right: 120%; bottom: 0; opacity: 0; visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .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 #292e39; border-right: none; } #toolbar li.ewm:hover .icon { background-position: -57px -180px; } #toolbar li.ewm:hover .ewm-box { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } #toolbar li.backtop { cursor: pointer; } #toolbar li.backtop .iconfont { color: #fff; background-color: #292e39; } #toolbar li:hover a { width: 200px; } #toolbar li:hover .icon-font { background-color: #292e39; } #toolbar li:hover .icon-qq:after { background-position: -30px -150px; } #toolbar li:hover .icon-phone:after { background-position: -30px -90px; } #toolbar li:hover .icon-ewm:after { background-position: -30px -30px; } #toolbar li:hover .icon-message:after { background-position: -30px -120px; } #toolbar li:hover .icon-wangwang:after { background-position: -30px 0; } #toolbar li:hover .icon-top:after { background-position: -30px -60px; } @media (max-width: 990px) { #toolbar { display: none; } } /*鍐呴〉banner*/ .nybanner img { width: 100%; } /*浣嶇疆*/ .com_bread { padding: 25px 0; font-size: 16px; line-height: 2; color: #666; } .com_bread h3 { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .com_bread a { color: #666; } .com_bread a:hover { color: #ac6249; } @media(max-width:768px) { .com_bread { padding: 15px 0; } } /*宸︿晶鏍?/ .ny_pagecon { padding-bottom: 5%; } @media(max-width:768px) { .ny_pagecon { padding-bottom: 25px; } } .page-wrap-right { overflow: hidden; /*width: calc(96% - 305px);*/ /*float: right;*/ } .page-wrap-right-con { font-size: 16px; line-height: 2; color: #333; } .page-wrap-right-con_dy img { max-width: 100%; width: auto !important; height: auto; } @media (min-width: 990px) { .page-wrap-left { float: left; width: 280px; margin-right: 5%; } } .aspg-left-box { margin-bottom: 20px; } .aspg-left-title { background: #ac6249; padding: 10px 20px; position: relative; } .aspg-left-title h3 { font-size: 20px; color: #ffffff; line-height: 30px; font-weight: bold; position: relative; z-index: 9; } .aspg-left-title i { position: absolute; left: -5px; top: -9px; font-style: normal; font-size: 67px; font-weight: bold; opacity: .1; color: #fff; line-height: 1; z-index: 1; text-transform: uppercase; } .aspg-left-title span { font-weight: normal; font-size: 16px; color: #fff; opacity: .6; margin-left: 10px; text-transform: capitalize; } .aspg-left-title span:before { content: "/"; padding-right: 5px; } .aspg-left-con { border: 1px solid #d2d2d2; border-top: none; } .latest-news { padding: 10px 0; } .latest-news li { padding: 8px 15px; font-size: 14px; } .latest-news li a { display: block; line-height: 1.5; color: #5a5a5a; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .latest-news li a:before { content: '+'; font-weight: bold; margin-right: 5px; font-size: 16px; } .latest-news li a:hover { color: #ac6249; } .latest-news li a:hover:before { color: #ac6249; } .page-wrap-contact { padding: 10px 0; font-size: 14px; } .page-wrap-contact h4 { padding: 4px 15px 12px; font-size: 16px; color: #000000; } .page-wrap-contact p { border-top: 1px solid #eee; position: relative; margin-bottom: 0; padding: 11px 15px; color: #2f2f2f; } .page-message-img img { width: 100%; } .page-mob-tool { position: fixed; right: 15px; bottom: 100px; z-index: 9999; } .page-mob-tool li { width: 40px; height: 40px; line-height: 40px; text-align: center; margin-bottom: 1px; cursor: pointer; position: relative; } .page-mob-tool li:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #ac6249; opacity: .7; } .page-mob-tool li i { display: block; width: 100%; height: 100%; } .page-mob-tool li .icon-dots-horizontal:after { background-position: -30px -390px; } .page-mob-tool li .icon-top:after { background-position: -30px -60px; } @media (min-width: 992px) { .page-mob-tool { display: none; } } /* 鎵嬫満绔 宸︿晶瀵艰埅寮瑰嚭鐗规晥 */ .asmob-left-close-btn { display: none; } @media (max-width: 990px) { /* 寮瑰嚭妗嗕箣鍚 body 涓婂鍔犱竴涓姝㈡粴鍔ㄧ殑绫?/ body.no-scroll, html.no-scroll { height: 100vh; overflow: hidden; } .asmob-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); } .asmob-menu-click .aspg-left-news, .asmob-menu-click .aspg-left-contact, .asmob-menu-click .page-message-img { display: none; } .asmob-menu-click .asmob-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; z-index: 999; } .asmob-menu-click .asmob-left-close-btn .icon-font { display: block; width: 100%; height: 100%; } .asmob-menu-click .asmob-left-close-btn .icon-font:after { background-position: -30px -300px; } .asmob-menu-click .aspg-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; } .asmob-menu-click .aspg-left .aspg-left-menu { width: 90%; background: #fff; } .asmob-menu-click.click { left: 0; } } /*宸︿晶瀵艰埅*/ .aspg-left-nav>li { position: relative; border-bottom: 1px solid #eeeeee; } .aspg-left-nav>li:last-child { border-bottom: none; } .aspg-left-nav>li>a { display: block; font-size: 16px; line-height: 22px; color: #2e2e2e; padding: 15px 45px 15px 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .aspg-left-nav>li>a.active { color: #ac6249; } .aspg-left-nav>li .first-nav-btn { position: absolute; z-index: 99; width: 30px; height: 30px; text-align: center; top: 10px; right: 20px; cursor: pointer; background: url(../images/icon_spirit.png) 0 -240px no-repeat; } .aspg-left-nav>li .first-nav-btn.cur { background-position: 0 -270px; } .aspg-left-nav>li:hover>a, .aspg-left-nav>li.clicked>a { color: #ac6249; } .aspg-left-nav>li:hover .first-nav-btn, .aspg-left-nav>li.clicked .first-nav-btn { color: #ac6249; } .aspg-left-nav .aspg-left-subnav { display: none; padding: 0 10px; } .aspg-left-nav .aspg-left-subnav>li { border-top: 1px dashed #eeeeee; } .aspg-left-nav .aspg-left-subnav>li>a { padding: 10px 20px; display: block; line-height: 20px; color: #818181; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .aspg-left-nav .aspg-left-subnav>li>a.active { color: #ac6249; } .aspg-left-nav .aspg-left-subnav>li>a:hover { color: #ac6249; } .aspg-left-nav .aspg-left-subnav>li.clicked>a { color: #ac6249; } .aspg-left-nav .aspg-left-threenav>li>a { padding: 5px 10px; display: block; font-size: 14px; line-height: 24px; color: #999999; } .aspg-left-nav .aspg-left-threenav>li>a:before { content: '\2014 '; } .aspg-left-nav .aspg-left-threenav>li>a:hover { color: #ac6249; } .aspg-left-nav .aspg-left-threenav>li.clicked>a { color: #ac6249; } @media (max-width: 990px) { .aspg-left-nav .aspg-left-threenav { display: block; } } /*鍒嗛〉*/ .pglist { text-align: center; margin-top: 20px; font-size: 14px; color: #333333; line-height: 26px; } .pglist2 { display: none; } .pglist1 li { display: inline-block; font-size: 14px; color: #333333; font-family: "Microsoft YaHei", Arial; line-height: 26px; border: 1px solid #cbcbcb; margin: 0 5px; padding: 0 8px; cursor: pointer; } .pglist1 li a { color: #333; } .pglist1 li.active { color: #fff; background: #ac6249; } .pglist1 li.active a { color: #fff; } .pglist1 li:hover { color: #fff; background: #ac6249; } .pglist1 li:hover a { color: #fff; } .pglist2 { font-size: 0; } .pglist2 li { display: inline-block; font-size: 14px; line-height: 26px; color: #333; margin: 0 2px; } .pglist2 li span, .pglist2 li a { border: 1px solid #cbcbcb; padding: 0 8px; display: block; cursor: pointer; } .pglist2 li span.current, .pglist2 li a.current { color: #fff; background: #ac6249; border: 1px solid #ac6249; } .pglist2 li span:hover, .pglist2 li a:hover { color: #fff; background: #ac6249; border: 1px solid #ac6249; } @media(max-width:991px) { .pglist1 { display: none; } .pglist2 { display: block; } .pglist { font-size: 0; } } @media(max-width:468px) { .pglist2 li { margin: 0 2px; } } /*鍐呴〉鏂伴椈*/ .aspg-news-list li { border: 1px solid #e1e1e1; padding: 20px; background: #fff; margin-bottom: 20px; -webkit-transition: all .5s; transition: all .5s; } .aspg-news-list li .tit { border-bottom: 1px solid #cbcbcb; margin-bottom: 10px; position: relative; } .aspg-news-list li .tit h3 { padding-bottom: 10px; font-size: 18px; color: #565656; font-weight: normal; padding-right: 85px; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .aspg-news-list li .tit .date { position: absolute; right: 0; top: 0; font-size: 14px; color: #666666; } .aspg-news-list li .info { font-size: 14px; line-height: 2; color: #999999; } .aspg-news-list li .more { margin-top: 15px; } .aspg-news-list li .more span { display: inline-block; width: 130px; line-height: 33px; text-align: center; font-size: 14px; color: #666666; border: 1px solid #e1e1e1; -webkit-transition: all .5s ease; transition: all .5s ease; } .aspg-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); } .aspg-news-list li:hover .tit h3 { color: #ac6249; } .aspg-news-list li:hover .more span { color: #fff; background-color: #ac6249; } @media (max-width: 990px) { .aspg-news-list li .tit { border-bottom: none; } .aspg-news-list li .tit h3 { padding-right: 0; padding-bottom: 10px; } .aspg-news-list li .tit .date { position: static; border-bottom: 1px solid #cbcbcb; padding-bottom: 5px; color: #999; } } @media (max-width: 468px) { .aspg-news-list li { padding: 15px; } .aspg-news-list li .tit h3 { padding-bottom: 0; } } /*鐣欒█*/ .message-form { width: 80%; max-width: 600px; display: block; margin-left: 50px; } .message-form li { overflow: hidden; margin: 15px 0; } .message-form li h3 { font-size: 15px; line-height: 36px; color: #333; font-weight: bold; float: left; width: 80px; } .message-form li h3 span { color: red; margin-right: 5px; } .message-form li input { width: calc(100% - 90px); float: right; height: 36px; padding: 0 12px; font-size: 14px; color: #333; line-height: 34px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; outline: none; } .message-form .nyxuanze { overflow: hidden; } .message-form .nyxuanze h3 { font-size: 15px; line-height: 36px; color: #333; font-weight: bold; float: left; width: 90px; } .message-form .nyxuanze h3 span { color: red; margin-right: 5px; } .message-form .nyxuanze .nyxuanze_xuan { font-size: 14px; line-height: 36px; font-weight: bold; vertical-align: middle; float: left; } .message-form li textarea { font: 14px/1.5 Microsoft YaHei, arial, 瀹嬩綋, sans-serif; width: calc(100% - 90px); float: right; height: 128px; padding: 10px 12px; font-size: 14px; color: #333; line-height: 34px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; outline: none; } .message-form li input::-webkit-autofill { -webkit-text-fill-color: #666 !important; transition: background-color 5000s ease-in-out 0s; } .message-form li input::placeholder { color: #666; } .nyliuyan_tijiao input { width: 128px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: #ac6249; border: 0; outline: none; border-radius: 8px; margin-left: 90px; cursor: pointer; } @media(max-width:991px) { .message-form { margin-left: 0; margin: 0 auto; } } @media(max-width:768px) { .message-form { width: 100%; max-width: 100%; } } @media(max-width:468px) { .message-form li h3 { width: 100%; margin-bottom: 5px; } .message-form .nyxuanze .nyxuanze_xuan { width: 100%; } .message-form li input { width: 100%; } .message-form li textarea { width: 100%; } .nyliuyan_tijiao input { margin-left: 0; display: block; margin: 0 auto; } } /*妗堜緥涓績*/ .aspg-case-list { font-size: 0; } .aspg-case-list li { display: inline-block; vertical-align: bottom; width: 32%; margin-right: 2%; text-align: center; } .aspg-case-list li:nth-child(3n) { margin-right: 0; } .aspg-case-list li .img { overflow: hidden; } .aspg-case-list li img { width: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; } .aspg-case-list li:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .aspg-case-list li .wz h3 { font-size: 16px; line-height: 2; color: #5a5a5a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px 5px; } .aspg-case-list li:hover .wz h3 { color: #ac6249; } @media(max-width:768px) { .aspg-case-list li { width: 49%; margin-right: 2%; } .aspg-case-list li:nth-child(3n) { margin-right: 2%; } .aspg-case-list li:nth-child(2n) { margin-right: 0; } } @media(max-width:468px) { .aspg-case-list li { width: 100%; margin-right: 0 !important; } } /*浜у搧涓績*/ .aspg-product-list { font-size: 0; } .aspg-product-list li { display: inline-block; vertical-align: bottom; width: 32%; border: 1px solid #ddd; margin-right: 2%; margin-bottom: 2%; padding: 10px; text-align: center; -webkit-transition: all .5s ease; transition: all .5s ease; } .aspg-product-list li:nth-child(3n) { margin-right: 0; } .aspg-product-list li .img { overflow: hidden; } .aspg-product-list li img { width: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; } .aspg-product-list li:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .aspg-product-list li .wz h3 { font-size: 16px; line-height: 2; color: #5a5a5a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 5px; } .aspg-product-list li:hover { border: 1px solid #ac6249; } .aspg-product-list li:hover .wz h3 { color: #ac6249; } @media(max-width:768px) { .aspg-product-list li { width: 49%; margin-right: 2%; } .aspg-product-list li:nth-child(3n) { margin-right: 2%; } .aspg-product-list li:nth-child(2n) { margin-right: 0; } } @media(max-width:468px) { .aspg-product-list li { width: 100%; margin-right: 0 !important; margin-bottom: 15px; } } /*鎼滅储椤?/ .search-tag { margin-bottom: 20px; border: 1px solid #efefef; border-radius: 5px; overflow: hidden; } .search-tag a { display: inline-block; vertical-align: middle; line-height: 40px; padding: 0 30px; font-size: 16px; color: #333; } .search-tag a:hover, .search-tag a.on { color: #ac6249; } @media(max-width:768px) { .search-tag a { padding: 0 15px; } } /*鏂伴椈鍐呴〉*/ .page_news_content_bt { font-size: 20px; color: #363636; font-weight: bold; margin-bottom: 10px; line-height: 1.7; } .page_news_content_bar { font-size: 14px; font-family: Arial; color: #9e9e9e; line-height: 35px; border-bottom: 1px dashed #cfcfcf; margin-bottom: 20px; overflow: hidden; } .page_news_content_bar .baidu-share { float: left; margin-left: 25px; margin-top: 7px; } .page_news_content_bar .detail-info-time { float: left; margin-right: 20px; position: relative; padding-left: 25px; } .page_news_content_bar .detail-info-time i { position: absolute; width: 20px; height: 20px; top: calc(50% - 10px); left: 0; } .page_news_content_bar .detail-info-time i:after { opacity: .5; background-position: 0 -360px; } .page_news_content_bar .detail-info-numbers { float: left; position: relative; padding-left: 25px; } .page_news_content_bar .detail-info-numbers i { position: absolute; width: 20px; height: 20px; top: calc(50% - 10px); left: 0; } .page_news_content_bar .detail-info-numbers i:after { opacity: .5; background-position: 0 -330px; } .page_news_content_wen { font-size: 16px; line-height: 2; color: #666; text-align: justify; } .page_news_content_wen img { max-width: 100% !important; width: auto !important; height: auto !important; } @media(max-width:768px) { .page_news_content_bt { font-size: 18px; } } /*鍒嗕韩鎻掍欢*/ #as-share { text-align: right; margin: 15px 0; } /*鏍囩*/ .ny_biaoqian h3 { padding: 0 30px; font-size: 18px; color: #ac6249; line-height: 40px; border-bottom: 1px solid #c3c3c3; position: relative; font-weight: bold; } .ny_biaoqian h3:before { content: ''; position: absolute; left: 0; bottom: -2px; width: 100px; border-bottom: 3px solid #ac6249; } .ny_biaoqian_li { margin: 10px 0; } .ny_biaoqian_li a { font-size: 15px; color: #2f2f2f; display: inline-block; margin-right: 9px; background: #f4f4f4; line-height: 2; padding: 0 15px; margin: 10px 5px; } .ny_biaoqian_li a:hover { color: #ac6249; } /*缃戝潃*/ .ny_wangzhi-detail-url { font-size: 15px; color: #2f2f2f; line-height: 2; } .ny_wangzhi-detail-url a { font-size: 15px; color: #2f2f2f; } .ny_wangzhi-detail-url a:hover { color: #ac6249; } /*涓婁笅绡?/ .ny_detail-pn { margin-top: 30px; } .ny_detail-pn>div+div { margin-top: 15px; } .ny_detail-pn>div { line-height: 40px; position: relative; border: 1px solid #eeeeee; overflow: hidden; } .ny_detail-pn>div b { font-size: 15px; color: #ac6249; width: 70px; float: left; font-weight: normal; position: absolute; left: 10px; top: 0; z-index: 9; } .ny_detail-pn .ny_detail-pn_nn { float: left; width: 100%; padding: 0 110px 0 80px; } .ny_detail-pn>div a { width: 100%; display: block; font-size: 15px; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ny_detail-pn>div span { float: right; color: #666; width: 100px; text-align: right; position: absolute; right: 10px; top: 0; z-index: 9; } .ny_detail-pn>div a:hover { color: #ac6249; } @media(max-width:468px) { .ny_detail-pn>div b { font-size: 14px; width: 60px; } .ny_detail-pn>div a { font-size: 14px; } .ny_detail-pn .ny_detail-pn_nn { padding: 0px 90px 0 70px; } .ny_detail-pn>div span { font-size: 14px; width: 85px; } } /*妗堜緥璇︽儏*/ .page_case_content_img { text-align: center; } .page_case_content_img img { max-width: 100%; } .page_case_tab { margin: 25px 0; border: 1px solid #eee; font-size: 16px; height: 42px; overflow: hidden; } .page_case_tab li { width: 140px; line-height: 38px; text-align: center; float: left; border: 1px solid #eee; } .page_case_tab li.on { border: 1px solid #ac6249; color: #ac6249; } /*浜у搧璇︽儏*/ /** * EasyZoom core styles */ .easyzoom { position: relative; /* 'Shrink-wrap' the element */ display: inline-block; *display: inline; *zoom: 1; } .easyzoom img { vertical-align: bottom; } .easyzoom.is-loading img { cursor: progress; } .easyzoom.is-ready img { cursor: crosshair; } .easyzoom.is-error img { cursor: not-allowed; } .easyzoom-notice { position: absolute; top: 50%; left: 50%; z-index: 150; width: 10em; margin: -1em 0 0 -5em; line-height: 2em; text-align: center; background: #FFF; box-shadow: 0 0 10px #888; } .easyzoom-flyout { position: absolute; z-index: 100; overflow: hidden; background: #FFF; } /** * EasyZoom layout variations */ .easyzoom--overlay .easyzoom-flyout { top: 0; left: 0; width: 100%; height: 100%; } .easyzoom--adjacent .easyzoom-flyout { top: 0; left: 100%; width: 100%; height: 100%; margin-left: 20px; } /**/ .page_product_tuji { overflow: hidden; } .page_product_tuji { padding-bottom: 20px; } .page_product_tuji_fl { width: 40%; overflow: hidden; border: 1px solid #ddd; } .page_product_tuji_fl a { height: 100%; height: 390px; display: block; line-height: 390px; text-align: center; } .page_product_tuji_fl .xqydatu { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; } .page_product_tuji_fl .easyzoom { width: 100%; } .page_product_tuji_fr { width: 55%; } .page_product_tuji_fr h1 { font-size: 18px; line-height: 1.5; color: #333; } .page_product_tuji_fr_fc { margin: 15px 0 25px; font-size: 16px; line-height: 2; color: #777272; } .page_product_tuji_fr_fb { overflow: hidden; position: relative; cursor: pointer; } .page_product_tuji_fr_fb img { width: 100%; } .page_product_tuji_fr_fb_li { border: 1px solid #ddd; padding: 5px; } .page_product_tuji_fr_fb_li.active { border: 1px solid #ac6249; } .page_product_tuji_btnl { position: absolute; left: 0; top: 50%; z-index: 99; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 30px; background: rgba(0, 0, 0, .8); border-radius: 50%; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .page_product_tuji_btnr { position: absolute; right: 0; top: 50%; z-index: 99; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 30px; background: rgba(0, 0, 0, .8); border-radius: 50%; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .page_product_tuji_btnl:after { background-position: 1px -509px; } .page_product_tuji_btnr:after { background-position: -27px -240px; } .page_product_tuji_fr_fb:hover .page_product_tuji_btnl { opacity: 1; } .page_product_tuji_fr_fb:hover .page_product_tuji_btnr { opacity: 1; } .page_product_tuji_fr_fb1 { margin-top: 25px; } .page_product_tuji_fr_fb1 a { font-size: 16px; color: #ffffff; display: inline-block; background: #ac6249; padding: 8px 30px; border-radius: 25px; } @media(max-width:768px) { .page_product_tuji_fl { width: 100%; } .page_product_tuji_fr { width: 100%; margin-top: 15px; } } @media(max-width:468px) { .page_product_tuji_fl a { height: auto; line-height: 1; } }