/** * 人人站CMS * ============================================================================ * 版权所有 2015-2030 山东康程信息科技有限公司，并保留所有权利。 * 网站地址: http://www.rrzcms.com * ---------------------------------------------------------------------------- * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷. * ============================================================================ */@charset "utf-8";*{padding:0;margin:0;outline:0;text-decoration:none;list-style:none} html,body{font-size:14px;font-family:"Microsoft YaHei";color:#8c8c8c} input,textarea{border:none;font-family:"Microsoft YaHei"} img{border:none} h1,h2,h3,h4,h5{font-weight:normal} table{width:100%;border-collapse:collapse} audio,canvas,video{display:inline-block;*display:inline;*zoom:1} p{line-height:1.6em;color:#8c8c8c} a{color:#000} .fl{float:left} .fr{float:right} .container{width:1388px;margin:0 auto} .clear:after{content:'';display:table;clear:both} .w1388{width:1388px;margin:0 auto} .w138888{width:1388px;margin:0 auto;text-align:center;} .w1200{width:1200px;margin:0 auto} .w1128{width:1128px;margin:0 auto} .bg15{background:#004599} .relative{position:relative} .img100 img{width:100%;vertical-align:bottom} .pc-show{display:block} .phone-show{display:none} .table{display:table;text-align:center;width:100%;height:100%;table-layout:fixed} .table-cell{display:table-cell;vertical-align:middle} .table-cell b{color:#fff} .margin-t60{margin-top:60px} .text-center{text-align:center} .paddin-tb60{padding:60px 0} .header{position:relative;z-index:99999} .head-top{height:5px;line-height:40px;overflow:hidden} .head-top2{position:fixed;z-index:99999;left:0;bottom:0;width:100%;background:#b5004e} .head-top2.active{bottom:-50px} .head-top div,.head-top span{font-size:12px} .hotLine .span1{color:#b5004e;position:relative;padding-left:20px} .hotLine .span1:before{content:'';position:absolute;top:50%;margin-top:-8px;left:0;width:15px;height:14px;background:url("../img/i0.png")} .head-top2 .hotLine .span1:before{width:28px;height:25px;background:url("../img/tel2.png") no-repeat center;background-size:cover;margin-top:-12px;margin-right:2px} .hotLine .span2{color:#fff;font-weight:bold} .head-top2 .hotLine .span1{color:#fff;padding-left:30px} .head-top2 .hotLine span{font-size:16px} .head-mid{height:100px} .head-con{width:100%;background:#fff;height:100px;transform:translateZ(0);-webkit-transform:translateZ(0)} .header.active .head-con{position:fixed;top:0;left:0;box-shadow:0 2px 4px #ddd;height:80px} .header.active .nav-yi,.header.active .language{line-height:80px} .header.active .logo{top:5px} .logo{position:absolute;top:15px;left:0} .logo img{vertical-align:bottom;max-width:180px} .menu-handler{width:30px;height:32px;cursor:pointer;position:absolute;right:20px;top:14px;transition:all 0s cubic-bezier(0.445,0.145,0.355,1);-webkit-transition:all 0s cubic-bezier(0.445,0.145,0.355,1);-moz-transition:all 0s cubic-bezier(0.445,0.145,0.355,1);display:none} .menu-handler .burger{height:2px;background:#b5004e;display:block;width:20px;position:absolute;z-index:5;left:5px;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center;border-radius:2px;-webkit-border-radius:2px;top:8px} .menu-handler .burger-2{top:15px} .menu-handler .burger-3{top:22px} .menu-handler.active .burger-1{top:15px;-moz-transform:rotate(225deg);-webkit-transform:rotate(225deg);-o-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)} .menu-handler.active .burger-2{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0} .menu-handler.active .burger-3{top:15px;-moz-transform:rotate(-225deg);-webkit-transform:rotate(-225deg);-o-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg)} .menu-box{margin-right:120px} .menu-box li{float:left;margin-left:60px;position:relative} .menu-box li:first-child{margin-left:0} .nav-yi{display:inline-block;line-height:100px;color:#808080;position:relative} .nav-er-box{position:absolute;width:140px;text-align:center;left:50%;margin-left:-70px;background:#fff;-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .3s .2s;transition:transform .3s .2s} .nav-tap{opacity:0;-webkit-transform:translate(0,-20px);-ms-transform:translate(0,-20px);transform:translate(0,-20px);-webkit-transition:all .2s;transition:all .2s} .menu-box li:hover .nav-er-box{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)} .menu-box li:hover .nav-tap{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} .nav-san-box{position:absolute;left:100%;top:0;width:0;background:#fff;overflow:hidden} .nav-san-box a{width:140px;font-size:12px} .nav-er-box a{display:block;line-height:45px;color:#808080;font-size:12px} .language{position:absolute;right:40px;top:0;line-height:100px;color:#313131;font-weight:bold;padding-left:20px;font-family:dincondBold;font-size:16px} .language:before{width:14px;height:14px;left:0;top:50%;margin-top:-7px;background:url("../img/earth.jpg");content:'';position:absolute} .nav-yi:after{content:'';position:absolute;width:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);bottom:0;border-top:2px solid #004599} .menu-box li.active .nav-yi:after{width:100%} .menu-box li.active .nav-yi{color:#004599} .ljgd{display:block;width:150px;line-height:50px;background:#b5004e;color:#fff;text-align:center;font-size:16px} .banner .ljgd{position:absolute;left:50%;margin-left:-75px;bottom:25%} .ljgd:hover{background:#fff;color:#b5004e} .swiper-slide-active .ljgd{animation:toUp 1s linear both} @keyframes toUp{0%{transform:translateY(50px);-webkit-transform:translateY(50px);opacity:0} 100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1} } .swiper-pagination-bullets.pagination-style{z-index:4;text-align:center} .banner .pagination1.pagination-style{position:absolute;bottom:5%;text-align:center} .swiper-pagination-bullets.pagination-style .swiper-pagination-bullet{width:10px;height:10px;opacity:1;background:#fff;margin:0 15px} .anlixq-img .swiper-pagination-bullets.pagination-style .swiper-pagination-bullet{background:#dcdcdc} .swiper-pagination-bullets.pagination-style .swiper-pagination-bullet-active{background:#b5004e !important} .anlixq-img .swiper-pagination-bullets.pagination-style .swiper-pagination-bullet{margin:0 6px} .anlixq-img .pagination1{margin-top:12px} .index-a li{float:left;width:24.5%;margin-right:0.66%;margin-top:0.66%} .index-a li:last-child{margin-right:0} .index-a-con{position:absolute;left:0;top:0;width:100%;height:100%} .index-a li a{display:block;overflow:hidden} .index-a .img img{width:48px;max-width:50%;vertical-align:bottom} .index-a h3{font-size:20px;color:#fff;margin-top:10px} .index-a i{display:block;width:35px;height:35px;background-image:url("../img/i6.png");margin:25px auto 0;transform:translateY(35px) translateZ(0);-webkit-transform:translateY(35px) translateZ(0);opacity:0} .index-a-title{margin-top:45px} .title1 h3{font-size:26px;color:#333} .title1 i{display:block;margin:8px auto;width:30px;border-top:1px solid #b5004e} .title1{margin-bottom:40px} .ppgs-l{width:55%;cursor:pointer} .ppgs-l .img100,.about-vd .img100{position:absolute;width:100%;left:0;top:0;height:100%} .ppgs-r{position:absolute;right:0;top:0;height:100%;width:45%;background:#f3f3f3} .ppgs-warp{width:440px;margin:0 auto;max-width:90%} .ppgs-title{margin-bottom:25px} .ppgs-title h4{font-size:24px;color:#333;letter-spacing:5px;text-indent:5px;margin-bottom:6px} .ppgs-title span{color:#999} .ppgs-txt{text-align:left} .ljgd2{width:118px;line-height:38px;text-align:center;display:block;border:1px solid #d6d6d6;color:#808080;margin:20px auto 0} .ljgd2:hover{color:#fff;background:#b5004e;border-color:#b5004e} .i7{position:absolute;width:50px;height:50px;left:50%;top:50%;margin:-25px 0 0 -25px;background-image:url("../img/i7.png")} .ppgs-l:hover .i7{transform:scale(1.2);-webkit-transform:scale(1.2);background-image:url("../img/i7-1.png")} .sptc{position:fixed;z-index:9999999;background:rgba(0,0,0,0.5);left:0;right:0;top:0;bottom:0;display:none} .video_t{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:1270px;max-width:90%} .video_t a{position:absolute;width:38px;height:38px;right:-19px;top:-19px;background-image:url("../img/close.png");z-index:9} .video_t a img{width:100%;vertical-align:bottom} .video_t video{width:100%;vertical-align:bottom} .cptd1 li{float:left;width:24.5%;margin-right:0.66%;margin-bottom:0.66%;overflow:hidden} .cptd1 li:last-child{margin-right:0} .cptd1 li a{display:block} .cptd1-con{position:absolute;left:0;width:100%;bottom:0;height:80px;background:rgba(255,255,255,.8)} .cptd1-con p{display:none;width:260px;margin:0 auto;color:#fff;text-align:left} .cptd1-title{font-size:18px;color:#4d4d4d} .cptd1-title img{vertical-align:middle;margin-right:10px} .cptd1-title .img1{margin-top:-4px} .cptd1-title .img2{display:none} .cptd1-con i{display:block;border-top:1px solid rgba(255,255,255,.7);width:0} .cptd1 li:hover .img1{display:none} .cptd1 li:hover .img2{display:inline-block;margin-top:-5px} .cptd1 li:hover .cptd1-con{height:100%;background:rgba(181,0,78,.9)} .cptd1 li:hover p{display:block} .cptd1 li:hover .cptd1-title{color:#fff} .cptd1 li:hover .cptd1-con i{width:50px;margin:20px auto} .cptd2 li{width:49.67%;margin-right:0.66%;float:left} .cptd2-con{width:340px;height:180px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);background:rgba(255,255,255,.9)} .cptd2 li a{display:block;position:relative} .cptd2 li:last-child{margin-right:0} .cptd2-con h4{font-size:28px;color:#333;margin-bottom:10px} .cptd2-con span{font-size:16px;color:#8c8c8c} .cptd2 li:hover .cptd2-con{background:rgba(181,0,78,.9)} .cptd2 li:hover h4{color:#fff} .cptd2 li:hover span{color:#fff} .tab-btn{font-size:0;text-align:center} .tab-btn a{display:inline-block;font-size:14px;color:#666;text-align:center;width:120px;line-height:40px;background:#f5f5f5;margin:0 10px} .tab-btn a.active{background:#b5004e;color:#fff} .tab-btn a:hover{background:#b5004e;color:#fff} .anli-list li{float:left;width:24.5%;margin-right:0.66%;margin-bottom:0.66%} .anli-list li a{display:block} .anli-list li:nth-child(4n){margin-right:0} .margin-t50{margin-top:50px} .anli-con{position:absolute;width:100%;height:100%;background:rgba(181,0,78,.75);left:0;top:0;opacity:0} .anli-con h4{font-size:16px;color:#fff} .anli-con i{display:block;width:36px;height:36px;background-image:url("../img/gor.png");margin:20px auto 0} .tabpage{display:none} .tabpage.active{display:block} .xw-list li{float:left;width:48%;margin-right:4%;margin-bottom:4%} .xw-list a{display:block} .xw-list li:nth-child(even){margin-right:0} .xw-list .img100{width:36%} .xw-con{position:absolute;height:100%;right:0;width:62%;top:0;border:1px solid #e0e0e0;text-align:left} .xw-txt{text-align:left;width:86%;margin:0 auto} .xw-con h4{font-size:14px;color:#333;font-weight:bold} .xw-con span{font-size:16px;font-family:dincondBold;color:#8c8c8c;position:relative;padding-left:40px;display:block} .xw-con span:before{content:'';position:absolute;left:0;top:50%;width:30px;border-top:1px solid #999} .xw-con p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:3.2em} .xw-list li:hover h4,.xw-list li:hover span,.xw-list li:hover p{color:#b5004e} .xw-list li:hover span:before{border-color:#b5004e} .footer-top{height:120px;overflow:hidden} .footer{margin-top:40px} .logo2{margin-top:29px} .footer-mid-left dl{float:left;margin-right:80px} .footer-mid{margin-top:50px;background:#d0d8d8} .footer-mid-left dt{margin-bottom:5px} .footer-mid-left dt a{color:#333;font-weight:bold} .footer-mid-left dd a{color:#8c8c8c;font-size:12px} .footer-mid-left dd a:hover{color:#b5004e} .fot-lxwm h5{font-size:14px;font-weight:bold;color:#333;margin-bottom:10px} .bdsharebuttonbox.forlink{margin-top:25px} .bdsharebuttonbox.forlink a{width:27px;height:27px;padding:0;margin:0 0 0 10px} .forlink .weibo{background-image:url("../img/weibo.png")} .forlink .weixin{background-image:url("../img/weixin.png")} .forlink .tenxun{background-image:url("../img/qq.png")} .bdsharebuttonbox.forlink span{color:#333;font-weight:bold} .footer-bot{padding:25px 0;background:#c2cccc;} .footer-bot .zt{font-family:dincond} .fubox{position:fixed;right:-50px;top:50%;z-index:999;transform:translateZ(0);-webkit-transform:translateZ(0)} .fubox.active{right:0} .fu-icon{background-color:#b5004e;width:50px} .fu-icon img{width:100%;vertical-align:bottom} .fu-list{margin-top:1px;cursor:pointer;position:relative} .fu-warp{background:#b5004e;overflow:hidden;height:50px;width:0} .fu-txt{padding-right:10px} .fu-warp p{color:#fff;line-height:50px} .fu-list-tel:hover .fu-warp{width:102px} .fu-list-tel .fu-txt{width:102px} .fu-list-qq .fu-txt{width:66px} .fu-list-qq:hover .fu-warp{width:66px} .weixin-code{position:absolute;right:100%;margin-right:4px;top:0;width:0;overflow:hidden} .weixin-code img{width:128px;vertical-align:bottom;border:1px solid #ddd} .fu-list:hover .weixin-code{width:130px} .position{line-height:70px;margin-top:-70px;z-index:6} .position h2{width:180px;text-align:center;background:url("../img/gkgk.jpg") no-repeat center;background-size:cover;color:#fff;font-size:18px;font-weight:bold;position:relative} .gk-title img{vertical-align:middle;margin:-4px 5px 0 0} .position h2:before{content:'';position:absolute;width:100%;height:5px;bottom:0;background:#004599;left:0} .brief-nav{width:180px;text-align:center;position:absolute;left:0;top:80px} .brief-nav-con li{margin-top:2px;position:relative} .left-yi{display:block;line-height:60px;background:#f5f5f5;color:#808080;position:relative} .left-yi:before{content:'';position:absolute;height:100%;background:#004599;left:0;top:0;width:0} .brief-nav-con li.active .left-yi:before{width:100%} .brief-nav-con li.active .left-yi{color:#fff} .left-er-box{padding:20px 0;border:1px solid #e5e5e5;background:#fff;display:none} .left-er-box a{display:block;color:#8c8c8c;line-height:40px;font-size:12px} .left-er-box a:hover{color:#b5004e} .left-er-box a.active{color:#b5004e} .zksq{cursor:pointer;z-index:9;display:none;content:'';position:absolute;width:14px;height:14px;background:url("../img/add.png") no-repeat center;background-size:cover;top:24px;right:25px} li.none .zksq{display:none !important} li.has .zksq{display:block !important} .zksq.active{transform:rotate(45deg)} li:hover .zksq{background:url("../img/add2.png") no-repeat center;background-size:cover} li.active .zksq{background:url("../img/add2.png") no-repeat center;background-size:cover} .box-right{margin-left:260px} .pin-wrapper{position:absolute} .box-right{padding-top:60px} .title2{border-bottom:1px solid #dcdcdc;line-height:50px} .title2 h4{color:#333;font-size:20px;font-weight:bold;position:relative} .title2 h4 img{vertical-align:middle;margin:-4px 5px 0 0;filter:grayscale(1)} .title2 h4:after{content:'';position:absolute;left:0;width:100%;bottom:-1px;border-top:1px solid #333} .title2 span{font-size:20px;color:#b2b2b2;text-transform:uppercase;font-family:dincondBold} .margin-t40{margin-top:40px} .about-vd{width:855px;margin:0 auto;max-width:100%;cursor:pointer} .bofang{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6)} .bofang i{position:absolute;width:48px;height:48px;left:50%;top:50%;background-image:url("../img/bofang.png");transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)} .gtrz .img100{width:55%} .gtrz-con{width:44%;position:absolute;right:0;top:0;height:100%;border:1px solid #e6e6e6;background:#fafafa} .gtrz-txt{width:300px;margin:0 auto;text-align:left;position:relative;z-index:4} .gtrz-txt h5{font-size:19px;font-weight:bold;color:#2b2b2b} .gtrz-txt i{display:block;width:38px;border-top:1px solid #ccc;margin-top:5px} .gtrz-txt b{font-size:48px;color:#c00050;font-family:dincondBold;margin-right:8px;min-width:57px;display:inline-block} .gtrz-txt span{font-size:16px;color:#666} .gtrz-txt ul{margin-top:10%} .ball{width:72px;height:68px;position:absolute;right:0;bottom:0;background-image:url("../img/boal.jpg")} .contentbox{padding-bottom:40px;min-height:500px} .contentbox{padding-bottom:40px;min-height:500px} .history-top{width:720px;max-width:100%;margin:60px auto 0} .history-year{width:200px;height:160px;border:1px solid #e0e0e0} .history-year h5{color:#cdcdcd;font-size:40px;font-family:dincondBold} .history-year img{max-width:100%;max-height:100%;vertical-align:middle} .history-con{position:absolute;height:100%;right:0;left:204px;top:0;background:#f7f7f7} .history-txt{width:90%;margin:0 auto;text-align:left} .history-bot{margin-top:50px} .preview{margin:0 40px} .preview:before{position:absolute;content:'';left:0;width:100%;top:50%;border-top:1px solid #d6d6d6} .preview .swiper-slide{width:20%;text-align:center;height:120px;cursor:pointer} .his-dots{position:absolute;width:10px;height:10px;border-radius:100%;background:#d6d6d6;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)} .his-line{height:20px;border-right:1px solid #d6d6d6;position:absolute;left:50%} .preview .swiper-slide:nth-child(odd) .his-line{bottom:50%;margin-bottom:8px} .preview .swiper-slide:nth-child(even) .his-line{top:50%;margin-top:8px} .his-nian{position:absolute;width:100%;left:0;font-size:30px;color:#333;font-family:dincondBold} .preview .swiper-slide:nth-child(odd) .his-nian{bottom:50%;margin-bottom:28px} .preview .swiper-slide:nth-child(even) .his-nian{top:50%;margin-top:28px} .his-btn a{position:absolute;width:28px;height:28px;top:50%;margin-top:-14px} .arrow-left{background-image:url("../img/btn01.png");left:0} .arrow-right{background-image:url("../img/btn02.png");right:0} .arrow-left:hover{background-image:url("../img/btn01-1.png")} .arrow-right:hover{background-image:url("../img/btn02-1.png")} .swiper-slide.active-nav .his-nian{color:#c00050} .swiper-slide.active-nav .his-dots{background:#c00050} .swiper-slide.active-nav .his-line{border-color:#c00050} .swiper-slide:hover .his-nian{color:#c00050} .swiper-slide:hover .his-dots{background:#c00050} .swiper-slide:hover .his-line{border-color:#c00050} .whbox .img100{width:53.5%} .whbox li{position:relative} .whbox li:nth-child(odd) .img100{float:left} .whbox li:nth-child(even) .img100{float:right} .whbox-con{position:absolute;height:100%;width:46%;border:1px solid #e0e0e0;top:0} .whbox li:nth-child(odd) .whbox-con{right:0} .whbox li:nth-child(even) .whbox-con{left:0} .whbox li:last-child{margin-top:50px} .wh-text{text-align:left;width:80%;margin:0 auto} .wh-title h4{font-size:18px;font-weight:bold;color:#333} .wh-title span{font-size:20px;color:#b2b2b2;font-family:dincondBold;text-transform:uppercase;margin:5px 0 2px;display:block} .wh-title i{display:block;width:50px;border-top:1px solid #e0d5d5} .wh-text b{display:block;font-size:20px;color:#c00050;margin-top:10%} .map{width:75.5%;float:left;margin-top:60px;margin-bottom:60px;padding-bottom:56.9%;position:relative} #containerMap{position:absolute;left:0;top:0;width:100%;height:100%} .map-info{width:23%;float:right;margin-left:1%;margin-top:100px;margin-bottom:60px} .map-tit{margin:20px auto;border-left:6px solid #b5004e;text-indent:20px} .map-tit h2{font-size:24px;color:#b5004e;font-weight:bold} .map-tit > div{color:#231815;font-size:16px} .map-name{font-size:18px;color:#fff;background:#b5004e;padding:15px 0;text-align:center} .map-otherInfo{margin-top:1px;max-height:389px;overflow:auto} .map-otherInfo p{text-align:center;margin-bottom:1px;background:#f4f4f4;padding:10px 2px} path{cursor:pointer} path:hover{fill:#b5004e} .fillRed{fill:#b5004e;fill:#b5004e !important} .addCircle{position:absolute;width:40px;height:20px;display:block;text-align:center;cursor:pointer;color:#231815;padding:25px 0 0 0;font-size:12px;background:url("../img/circle.png")center top/20px no-repeat} path:hover .addCircle{background:url("../img/hovercircle.png")center top/20px no-repeat} .addCircle.xin{left:20%;top:29%} .addCircle.gud{left:65%;top:81%} .addCircle.tib{left:19%;top:54%} .addCircle.qih{left:35%;top:47%} .addCircle.gan{left:37%;top:33%} .addCircle.nmg{left:58%;top:32%} .addCircle.hlj{left:84%;top:14%} .addCircle.jil{left:82%;top:24%} .addCircle.lia{left:78%;top:30%} .addCircle.heb{left:67%;top:41%} .addCircle.shd{left:71%;top:45%} .addCircle.shx{left:61%;top:44%} .addCircle.sha{left:56%;top:50%} .addCircle.nxa{left:51%;top:45%} .addCircle.hen{left:66%;top:52%} .addCircle.sch{left:46%;top:63%} .addCircle.chq{left:55%;top:61%} .addCircle.hub{left:63%;top:60%} .addCircle.anh{left:71%;top:57%} .addCircle.jsu{left:75%;top:53%} .addCircle.yun{left:42%;top:79%} .addCircle.gui{left:55%;top:73%} .addCircle.hun{left:63%;top:69%} .addCircle.jxi{left:69%;top:68%} .addCircle.zhj{left:76%;top:65%} .addCircle.fuj{left:73%;top:74%} .addCircle.gxi{left:58%;top:82%} .addCircle.hai{left:59%;top:93%} .addCircle.tai{left:79%;top:80%} .addCircle.bej{left:67.5%;top:34%} .addCircle.shh{left:80%;top:58%} .addCircle.taj{left:70%;top:37%} .addCircle.hkg{left:68%;top:85%} .addCircle.mac{left:65%;top:87%} .add1{left:20%;top:29%} .map-bot{background:#b5004e;color:#fff;text-align:center;padding:12px} .proj-select{line-height:32px;margin-bottom:15px} .proj-text{position:absolute;left:0;top:0} .proj-sel{margin-left:90px;border:1px solid #ddd} .sel-list{position:absolute;background:#fff;width:100%;box-shadow:0 2px 4px #ddd;max-height:25em;overflow:auto;display:none;top:33px} .sel-list a{display:block;margin:0 10px;border-bottom:1px solid #ddd;line-height:2.5em} .sel-list a:last-child{border:none} .sel-list a.active{color:#b5004e} .sel-val{text-align:center;margin-right:32px;color:#333} .sel-btn{width:32px;height:32px;position:absolute;background:#b5004e;right:0;top:0} .sel-btn:after{content:'';position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;width:0;height:0;border-top:8px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent} .proj-sel.active .sel-btn:after{transform:rotate(180deg);-webkit-transform:rotate(180deg)} .yunu-section{padding:60px 0} .yunu-section-title{text-align:center;font-size:40px;margin-bottom:40px} .yunu-section-title span{display:inline-block;position:relative;padding:0 30px;font-weight:bold} .yunu-section-title span:before,.yunu-section-title span:after{width:20px;height:1px;position:absolute;content:'';top:50%;background-color:#000} .yunu-section-title span:before{right:100%} .yunu-section-title span:after{left:100%} .yunu-section-title p{margin:0;font-size:20px} .yunu-section-title.white{color:#fff} .yunu-section-title.white span:before,.yunu-section-title.white span:after{background-color:#fff} .yunu-pinzhi{margin-left:-8px} .yunu-pinzhi li{float:left;width:20%} .yunu-pinzhi li a{display:block;margin-left:8px;position:relative;overflow:hidden} .yunu-pinzhi li .text{background-color:#fff;text-align:center;position:relative;z-index:1;height:232px} .yunu-pinzhi li i{display:inline-block;background:no-repeat center;height:68px;margin-top:-34px;width:68px;vertical-align:middle} .yunu-pinzhi li h4{line-height:50px;background:url(../img/pinz_line01.gif) no-repeat center bottom;font-size:18px;margin:0} .yunu-pinzhi li p{color:#777;line-height:1.8} .yunu-pinzhi li .box{position:absolute;left:0;top:100%;width:100%;height:100%;background-color:rgb(181,0,78);color:#fff;-webkit-transition:all 0.5s;transition:all 0.5s} .yunu-pinzhi li .box i{margin-top:110px} .yunu-pinzhi li .box h4{background-image:url(../img/pinz_line02.gif)} .yunu-pinzhi li .box p{color:#fff} .yunu-pinzhi li a:hover .text{opacity:0} .yunu-pinzhi li a:hover .box{top:0;opacity:1} .product-list li{float:left;width:32%;margin-right:2%;margin-bottom:5%} .product-list li:nth-child(3n){margin-right:0} .pro-list-bot{padding:15px;border-bottom:1px solid #e0e0e0;position:relative} .pro-list-bot:after{position:absolute;width:0;left:0;bottom:0;border-top:1px solid #b5004e;content:''} .pro-list-bot h5{color:#8c8c8c;font-size:14px;line-height:1.35em;margin-right:30px} .pro-list-bot b{font-size:16px;font-family:dincondBold;color:#8c8c8c;color:#333;margin-right:5px;margin-bottom:5px;height:1.5em;display:block;text-align:center} .pro-list-bot span{color:#8c8c8c} .pro-i{position:absolute;width:26px;height:26px;right:15px;top:50%;margin-top:-13px;background-image:url("../img/pro-i.png")} .product-list li:hover h5{color:#c00050} .product-list .img100{background:#e6e6e6} .product-list li:hover b{color:#c00050} .product-list li:hover span{color:#c00050} .product-list li:hover .pro-i{background-image:url("../img/pro-i2.png")} .product-list li:hover .pro-list-bot:after{width:100%} .ny-title-r a{position:relative;padding-left:10px;margin-left:10px;line-height:29px;color:#8c8c8c} .ny-title-r a:before{content:'';position:absolute;left:0;top:50%;margin-top:-5px;width:6px;height:10px;background-image:url("../img/arrow2.png")} .ny-title-r a:hover:before{background-image:url("../img/arrow2-on2.png")} .ny-title-r a:hover{color:#333} .proxqimg{width:54.4%;background:#e6e6e6} .proxq-r{width:40%} .pro-cs-a{margin:25px 0} .pro-cs-a span{font-size:15px} .pro-cs-a h4{font-size:22px;color:#333;font-weight:bold} .price{color:#c00050} .price span{font-size:18px} .price b{font-size:38px;font-family:dincondBold;margin-right:2px} .pri-online{margin-top:25px} .pri-online a{line-height:40px;background:#c00050;color:#fff;width:140px;max-width:48%;margin-right:2%;text-align:center} .pri-online .zxzx2{font-family:dincondBold} .pri-online a img{vertical-align:middle;margin:-2px 5px 0 0} .proxq-sm .his-btn{margin:30px 0} .proxq-sm .his-btn a{position:static;margin-top:0} .proxq-sm .his-btn a.fl{margin-right:15px} .xqsmimg .swiper-slide{width:32%;margin-right:2%;cursor:pointer;background:#e6e6e6} .xqsmimg .swiper-slide:before{content:'';position:absolute;width:100%;height:100%;border:2px solid #b5004e;box-sizing:border-box;opacity:0} .xqsmimg .active-nav.swiper-slide:before{opacity:1} .proxq-b h5{background:#f5f5f5;line-height:50px;padding:0 20px;font-size:14px;color:#333;font-weight:bold} .poroxq-b-con{border:1px solid #e6e6e6;padding:50px} .cs-page:first-child{margin-top:0} .cs-page p{color:#333} .cs-page{margin-top:30px} .cs-page b{display:block;color:#b5004e;margin-bottom:8px} .gdcp-list{margin-top:25px} .gdcp-list li{float:left;width:24.5%;margin-right:0.66%} .gdcp-list li:nth-child(4n){margin-right:0} .gdcp-list a{display:block;position:relative} .gdcp-txt{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(192,0,80,.7);opacity:0} .gdcp-txt h5{color:#fff;font-size:14px;max-width:90%;margin:0 auto} .gdcp-list a:hover .gdcp-txt{opacity:1} .gdcp h4{font-size:18px;font-weight:bold;color:#333} .gcal-list li{float:left;width:24.5%;margin-right:0.66%;text-align:center;margin-bottom:30px} .gcal-list li:nth-child(4n){margin-right:0} .gcal-list p{color:#333;margin-top:5px;height:3.2em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .gcal-list li:hover p{color:#c00050} .page{margin-top:20px} .page a{border:1px solid #ddd;line-height:25px;padding:0px 8px;border-radius:2px;-webkit-border-radius:2px;color:#737373;display:inline-block;margin:2px} .page a:hover,.page a.on{background:#c00050;color:#fff;border:1px solid #c00050} .page input{height:34px;width:34px;border:1px solid #ddd;color:#c00050;border-radius:6px;-webkit-border-radius:6px;text-align:center;font-size:16px} .page span,.page input,.pages{display:inline-block;vertical-align:middle;margin:0 2px} .go{background:#c00050;color:#fff;display:inline-block;border-color:#c00050} .alxq-title h4{font-size:16px;font-weight:bold;color:#333;margin-bottom:8px} .alxq-title span{margin:0 10px} .alxq-title span:nth-child(2){font-family:dincond;font-size:16px} .xw-con h4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:2.7em} .edibox img{display:block;margin:0 auto;max-width:100%;vertical-align:bottom;height:auto !important} .edipage{margin-top:25px} .tmms{margin-top:15px} .xwfy-a{max-width:48%} .xwfy{border-top:1px solid #e0e0e0;padding-top:15px;margin-top:40px} .xwfy a{position:relative;color:#8c8c8c;display:block} .xwfy a:hover{color:#c00050} .fy-go{position:absolute;top:0} .fl .fy-go{left:0;padding-right:20px} .fr .fy-go{right:0;padding-left:20px} .fl.xwfy-a a{padding-left:70px} .fr.xwfy-a a{padding-right:70px} .fy-go span{position:absolute;top:0} .fl.xwfy-a span{right:0} .fr.xwfy-a span{left:0} .honnor li{float:left;width:25%;text-align:center;margin-right:12.5%;margin-bottom:40px;cursor:pointer} .honnor li:nth-child(3n){margin-right:0} .honnor li p{color:#666;margin-top:20px} .honnor li:hover p{color:#c00050} #container{height:640px;width:100%} .map-lxwm{padding:40px 50px;background:#fff} .lxwm-tou b{font-size:18px;color:#333;display:inline-block;vertical-align:middle} .lxwm-tou span{font-size:22px;color:#999;font-family:dincondBold;margin-left:10px;display:inline-block;vertical-align:middle} .lxwm-tou{border-bottom:1px solid #d0d0d0;line-height:36px} .contact-page{max-width:48%;width:518px} .ditu-bot{position:relative;z-index:9;margin-top:-80px} .contact-bot{padding-top:20px} .contact-page li{position:relative;padding-left:80px;color:#4c4c4c;margin-bottom:5px} .contact-page li span{position:absolute;left:0;top:0} .contact-page li span img{vertical-align:middle;margin:-4px 10px 0 0} .line-box div{position:absolute;background:#b5004e} .line-01,.line-02{bottom:0;height:3px;width:0} .line-01{right:50%} .line-02{left:50%} .line-03,.line-04{bottom:0;width:3px;height:0} .line-03{left:0} .line-04{right:0} .line-05,.line-06{height:3px;width:0;top:0} .line-05{left:0} .line-06{right:0} .cptd2 li:hover div{transition:all .2s linear;-webkit-transition:all .2s linear} .cptd2 li:hover .line-box .line-01,.cptd2 li:hover .line-box .line-02{width:50%} .cptd2 li:hover .line-box .line-03,.cptd2 li:hover .line-box .line-04{height:100%;transition-delay:.2s !important} .cptd2 li:hover .line-box .line-05,.cptd2 li:hover .line-box .line-06{width:50%;transition-delay:.4s !important} .search-body .header{border-bottom:1px solid #ddd} .search-list{margin-bottom:50px} .result-box .search-list li{margin-bottom:0;margin-top:40px} .result-box{margin-bottom:100px} .top-search{position:absolute;top:0;right:0;height:100%;cursor:pointer} .search-btn{width:24px;height:24px;background:url("../img/search.png") no-repeat center;background-size:cover;margin-top:38px} .header.active .search-btn{margin-top:28px} .search-nr{position:absolute;right:0;top:50%;margin-top:-16px;background:#d9d9d9;width:0;z-index:9;overflow:hidden} .search-nr.active{width:240px} .search-nr .text{width:240px;display:block;height:32px;text-indent:1em;background:#d9d9d9} .search-nr .sbmit{position:absolute;right:40px;top:0;width:32px;height:32px;background:url("../img/search2.png") no-repeat center;cursor:pointer} .search-close{position:absolute;width:32px;height:100%;right:0;top:0;background:url("../img/gb.png") no-repeat center;background-size:cover} .menu-box.active .menu-box-ul{opacity:0} .search-nr-wap:before{content:'';position:absolute;height:50%;top:25%;right:35px;border-left:1px solid #999} .search-nr-wap{width:240px;position:relative} .hide-honor{position:fixed;left:0;right:0;top:0;bottom:0;z-index:999999;background:rgba(0,0,0,0.8);display:none} .hide-honor-play{height:100%} .hide-honor-con{position:absolute;width:600px;left:50%;top:0;height:100%;margin-left:-300px} .hide-honor-con .img img{vertical-align:bottom;max-width:100%;max-height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)} .hide-honor-con .img p{position:absolute;bottom:10%;width:100%;font-size:16px;margin-bottom:-40px} .honor-close{position:absolute;width:40px;height:40px;top:10%;right:-40px;background:url(../img/24-fff.jpg) no-repeat center;background-size:cover;z-index:99;cursor:pointer} .hide-honor-bth div{position:absolute;cursor:pointer;width:34px;height:34px;top:50%;margin-top:-17px;z-index:999} .hide-honor-bth1{left:-35px;background-image:url(../img/bth555.png)} .hide-honor-bth2{right:-35px;background-image:url(../img/bth666.png)} .hide-honor-bth div.swiper-button-disabled{display:none} .hide-honor-bth1:hover{background-image:url(../img/bth555-1.png)} .hide-honor-bth2:hover{background-image:url(../img/bth666-1.png)} .fanghui1{margin-top:30px} .fanghui1 a{display:block;width:120px;line-height:40px;-webkit-border-radius:40px;border-radius:40px;border:1px solid #ddd;margin:0 auto;color:#666} .fanghui1 a:hover{border-color:#b5004e;color:#b5004e} .swiper-btn-style div{width:48px;height:48px;position:absolute;top:50%;margin-top:-24px;background-size:cover;background-repeat:no-repeat;background-position:center;z-index:10;cursor:pointer} .swiper-btn-style .swiper-btn-left{left:-50px;background-image:url("../img/btn1.png")} .swiper-btn-style .swiper-btn-right{right:-50px;background-image:url("../img/btn2.png")} .swiper-container:hover .swiper-btn-left{left:70px} .swiper-container:hover .swiper-btn-right{right:70px} .swiper-btn-style .swiper-btn-left:hover{background-image:url("../img/btn1-1.png")} .swiper-btn-style .swiper-btn-right:hover{background-image:url("../img/btn2-1.png")} .gywm-edit img{display:block;max-width:100%;margin:0 auto !important;height:auto !important} .imgscale .img100{overflow:hidden} .imgscale:hover .img100 img{transform:scale(1.1);-webkit-transform:scale(1.1)} .swiper-btn-style div,.menu-handler .burger,.nav-yi:after,.index-a i,.index-a-title,.index-a-con,.ljgd2,.cptd1-con,.cptd2-con,.anli-con,.fubox,.zksq,.gdcp-txt,.language,.sel-btn:after,.weixin-code,.i7,.imgscale .img100 img,.left-yi:before,.left-yi,.pro-list-bot:after,.nav-san-box,.search-nr,.menu-box-ul,.head-top2{transition:all .3s linear;-webkit-transition:all .3s linear} .fu-warp,.nav-er-box a{transition:all .2s linear;-webkit-transition:all .2s linear} .index-a i,.i7,.video_t a,.anli-con i,.footer-top,.bofang i,.ball,.his-btn a,.pro-i,.hide-honor-bth div{background-size:cover;background-repeat:no-repeat;background-position:center} #newBridge .icon-right-top{top:135px !important} .slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both} @-webkit-keyframes slideInUp{0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px)} 100%{opacity:1;filter:alpha(opacity=1);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0)} } @keyframes slideInUp{0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px)} 100%{opacity:1;filter:alpha(opacity=1);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0)} } /*news*/ pre { white-space: normal; font-family: "微软雅黑", microsoft yahei; } .product-descons ul, .product-descons ol, .newsContent ul, .newsContent ol, .w-text ul, .w-text ol { padding-left: 2em; } .light { color: #ff0000; } .col-li-div { /*position:relative;*/ } .col-table { margin: 0 -15px; } .col-table .col-table { margin: 0 -10px; } .div-table { table-layout: fixed; } .product-descons img, .w-text img, .newsContent img { max-width: 100%; } input[type='number'] { appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield; }/*消除input[type='number']右边箭头*/ input::-webkit-inner-spin-button { -webkit-appearance: none; }/*消除input[type='number']右边箭头*/ input::-webkit-outer-spin-button { -webkit-appearance: none; }/*消除input[type='number']右边箭头*/ #bdshare_weixin_qrcode_dialog { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .font18 { font-size: 18px; } .font20 { font-size: 20px; } .font22 { font-size: 22px; } .font24 { font-size: 24px; } .font26 { font-size: 26px; } .font30 { font-size: 30px; } .font32 { font-size: 32px; } .font36 { font-size: 36px; } .font48 { font-size: 48px; } .crumbsNew { max-width: 1200px; margin: 0 auto 1em; padding: 0.5em 0; } .w-section .row { position: relative; margin: 0 auto; } .w-section .row .row-mask { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3; } .w-section .row .wrap-content-in { position: relative; z-index: 3; }/*z-index设置是为了下面内容可浮在banner上*/ .highlightone1-dt { border: 3px solid #FB6704; animation: 1.2s ease 0s normal none infinite running blinkCur; margin: 0 -3px -3px; } @keyframes blinkCur { 50% { animation-timing-function: ease-out; border: 3px solid #FB6704; box-shadow:0 0 20px rgba(251,220,4,0.5); } 100% { animation-timing-function: ease-out; border: 3px solid hsla(0, 0%, 0%, 0); box-shadow:none; } } @keyframes blinkCur { 50% { animation-timing-function: ease-out; border: 3px solid #FB6704; box-shadow:0 0 20px rgba(251,220,4,0.5); } 100% { animation-timing-function: ease-out; border: 3px solid hsla(0, 0%, 0%, 0); box-shadow:none; } } .topTel { display: none; } /*------------------导航栏 start -----------------------*/ .mobile-nav-toggle, .nav_right_mask { display: none; } .w-header, .w-admin-header { position: relative; z-index: 100; } .w-logo-img { font-size: 0; } .w-logo-img img { max-height: 150px; max-width: 100%; /*vertical-align:bottom;*/ } .w-logo h1, .w-logo a { text-decoration: none !important; } .w-logo a { display: block; } .w-logo h1 { font-weight: normal; margin: 0; } .w-nav ul { display: inline-block; *display:inline; *zoom:1; list-style: none; padding-left: 0; } .w-nav .g-prev-next-ul { padding-left: 0 !important; padding-right: 0 !important; } /*.w-nav .nav_inner,.w-nav .nav_inner> li{*vertical-align:top;}*/ .w-nav .nav_inner> li { font-size: 14px; } .w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a { white-space: nowrap; } .w-nav li { float: left; position: relative; } .w-nav li a { display: inline-block; *display:block; padding: 5px 15px; line-height: 19px; text-align: center; } .w-nav li a:hover, .w-nav li a:focus { text-decoration: none; } .w-nav .li-parent-div { position: relative; *position:static; cursor: pointer; } .w-nav .li-parent-div .fa { position: absolute; right: 3px; top: 50%; margin-top: -0.5em; } .w-nav .li-parentOne-div span { display: none; } .w-nav .submenu { position: absolute; z-index: 1; display: none; font-size: 12px; box-shadow: 0 0 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1); } .w-nav .submenu ul { display: block; } .w-nav > .w-nav-in > .nav_inner > li:hover > .submenu, .w-nav .submenu li:hover > .submenu {/*display:block;*/ } .w-nav .submenu li { width: 150px; float: none; } .w-nav .submenu li .submenu { left: 150px; top: 0; } .w-nav .submenu li a { display: block;/*text-align:left;*/ padding: 8px 20px 8px 10px; } .nav_simpline_cur { display: none; } .nav_moveBox { display: none; } .mobile-nav-toggle {/*position:fixed;*/ position: absolute; top: 0.42rem; left: 0.35rem; z-index: 3; cursor: pointer; } .mobile-nav-toggle .fa { font-size: 0.75rem; } .w-nav .icon-sub { position: absolute; right: 5px; top: 0; bottom: 0; width: 14px; background: url(../images/nav_menu_sub.png) no-repeat center; } .back-div { display: none; } .w-shopCart .num { padding: 0 3px; color: #fff; background: #f00; font-size: 90%; display: inline-block; *display:inline; *zoom:1; margin-top: -15px; margin-left: -5px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; vertical-align: middle; line-height: 1.8; } .w-custom { position: relative; z-index: 9; padding-top: 10px; padding-bottom: 10px; } .w-custom .w-text { line-height: 1.5; } /*------------------导航栏 end -----------------------*/ .bx-viewport { border: 0; } .bx-wrapper .bx-pager.bx-default-pager a { opacity: 0.7; *filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { opacity: 1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } /*main*/ .wrap-content-in { padding: 20px 0; } .w-system { padding: 40px 0; } .div-table .td-w { vertical-align: top; } .div-table .td-w .div-padding { padding: 0 15px; } .div-tableaa ul {display:flex;flex-wrap: wrap;justify-content: space-between;} .div-tableaa ul li {float:left;list-style:none;width:47.5%;text-align:center;font-size:18px;color:#004599;} .div-table .div-table .td-w .div-padding { padding: 0 10px; } .pdTop-default { padding-top: 0 !important; } .pdTop-small { padding-top: 10px !important; } .pdTop-medium { padding-top: 20px !important; } .pdTop-big { padding-top: 30px !important; } .pdTop-large { padding-top: 40px !important; } .pdBottom-default { padding-bottom: 0 !important; } .pdBottom-small { padding-bottom: 10px !important; } .pdBottom-medium { padding-bottom: 20px !important; } .pdBottom-big { padding-bottom: 30px !important; } .pdBottom-large { padding-bottom: 40px !important; } /*---------------------------引导页-----------------------*/ .guide-page { min-height: 100%; background-repeat: no-repeat; background-position: center; } /*----------------------------------------------------组件---------------------------------------------- Start*/ /*w-title*/ /*.w-title,.w-foot-main .w-title {font-size:120%;}*/ .title-h-in { min-height: 25px; } .w-text { min-height: 25px; line-height: 2; /*word-break:break-all; word-wrap:break-word;*/ } .w-text ul, .w-text ul li { list-style: inside disc; } .w-text ol, .w-text ol li { list-style: inside decimal; } /*empty*/ .w-flash-empty { height: 150px; background: url(../images/flash-empty.png) no-repeat center; border: 1px solid #ced0d2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 0; text-align: center; cursor: pointer; } .image-empty { width: 100%; border: 1px solid #ced0d2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 0; text-align: center; } /*w-single image*/ .w-simImg .img { font-size: 0; } .w-simImg img { max-width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .w-simImg a { display: block; text-decoration: none; } .w-img-border-Hairline img { padding: 1px; } .w-img-border-Thin img { padding: 3px; } .w-img-border-Medium img { padding: 5px; } .w-img-border-Thick img { padding: 10px; } .w-img-border-gray img { border: 1px solid #ddd; } .w-img-border-black img { border: 1px solid #000; } .w-simImg .w-img-caption { padding-top: 5px; } .w-img-lightbox { position: fixed; top: 150px; left: 500px; z-index: 9; } .w-img-lightbox-in { padding: 10px; background: #fff; } .w-pop-close { position: absolute; right: -10px; top: -10px; width: 25px; height: 25px; cursor: pointer; } .w-icon-close { width: 25px; height: 25px; display: inline-block; *zoom:1; background: url(../images/w-icon-close.png) no-repeat center; } .w-mask { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); } /*w-mul-images*/ .multi-imgs ul, .multi-imgs li { list-style: none; margin: 0; padding: 0; } .multi-imgs ul { overflow: hidden; } .multi-imgs li { float: left; text-align: center; } .multi-imgs li .gallery-img {/*padding:5px;*/ } .multi-imgs li .gallery-img a, .multi-imgs li .gallery-img div { overflow: hidden; } /*w-delimiters*/ .w-delimiters { } .w-delimiters-hor, .w-delimiters-ver { margin: auto; text-align: center; } .w-delimiters-hor .delimiters { height: 1px; border: 0; background: #bbb; margin: 0; } .w-delimiters-ver .delimiters { width: 1px; border: 0; background: #bbb; margin: 0; } /*w-button*/ .btn-default-w { border: none; display: inline-block; *zoom:1; *display:inline; padding: 12px; cursor: pointer; line-height: 1.2; font-size: 100%; text-decoration: none; } .btn-black-w { border: none; display: inline-block; *zoom:1; *display:inline; padding: 12px; cursor: pointer; line-height: 1.2; background: #000; color: #fff; } .btn-global-w { border: none; display: inline-block; *zoom:1; *display:inline; padding: 12px; cursor: pointer; line-height: 1.2; background: #484848; color: #fff; } .btn-black-w:hover, .btn-black-w:focus, .btn-default-w:hover, .btn-default-w:focus, .btn-global-w:hover, .btn-global-w:focus { color: #fff; text-decoration: none; } .btn-large-w { } .btn-small-w { font-size: 90%; padding: 7px 15px; } /*w-searchbox*/ .search-w { display: inline-block; *display:inline; *zoom:1; } .search-defaut-w { position: relative; max-width: 400px; width: 100%; } .w-system .search-defaut-w { max-width: 100%; } .search-defaut-w .input-search-w { border: 1px solid #ddd; background: #fff; padding: 0 45px 0 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; *width:80%; color: #666; line-height: 3; height: 3em; overflow: hidden; } .search-defaut-w .search-btn-w { position: absolute; right: 0; top: 0; bottom: 0; z-index: 1; width: 40px; background: url(../images/input-search.png) no-repeat center; padding: 0; background-color: #fff; border: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .search-defaut-w .search-btn-w span { display: none; } .search-defaut2-w { } .search-defaut2-w .input-search-w { border: 1px solid #ddd; background: #fff; padding: 5px 10px; width: 200px; } .search-defaut2-w .search-btn-w { margin-left: 10px; padding: 5px 15px; } .search-defaut3-w { position: relative; width: 250px; } .search-defaut3-w .input-search-w { border: 1px solid #ddd; background: #fff; padding: 5px 10px 5px 35px; } .search-defaut3-w .search-btn-w { position: absolute; left: 0; top: 0; bottom: 0; width: 30px; background: url(../images/input-search.png) no-repeat center; } .search-defaut3-w .search-btn-w span { display: none; } /*w-gallery*/ .gallery-border { border-color: #666; border-style: solid; } .gallery-img { position: relative; overflow: hidden; z-index: 1; } .gallery-img a { display: block; text-decoration: none; } .gallery-img img { max-width: none; border-color: #666; border-style: solid; } .gallery-mar { position: relative; } .gallery-aspectRatio { position: relative; overflow: hidden; width: 100%; } .gallery-img-in { display: block; } .multi-imgs li .gallery-img img { position: absolute; } /*.gallery-img .gallery-caption{position:absolute; bottom:0; left:0; right:0; display:none;} .gallery-img:hover .gallery-caption{ display:block;} .gallery-img .gallery-caption .gallery-captionbg{position:absolute;top:0; bottom:0; left:0; right:0; background:#000; opacity:0.6; *filter:alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); z-index:0;} .gallery-img .gallery-caption .gallery-caption-text{ text-align:center; color:#fff; padding:10px; z-index:10; position:relative;word-break: break-all; word-wrap: break-word;} .gallery-img .gallery-caption-full{height:100%; font-size:24px;} .gallery-img .gallery-caption-full .gallery-caption-text{ display:table; height:100%; width:100%;} .gallery-img .gallery-caption-full .gallery-caption-text .gallery-caption-text-in{ display: table-cell; vertical-align: middle;} .caption-fadeInBottom .gallery-caption{ display:block; bottom:-100%;} .caption-fadeInBottom:hover .gallery-caption{ bottom:0; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s; }*/ /*social media*/ .social-item { display: inline-block; *zoom:1; margin-right: 5px; margin-bottom: 5px; text-decoration: none; } .social-item i { vertical-align: middle; } /*social-content*/ .icon-social { background: url(../images/icon-social-w.png) no-repeat; display: inline-block; *zoom:1; } .icon-social-facebook { background-position: 0 0; width: 25px; height: 25px; } .icon-social-twitter { background-position: -25px 0; width: 25px; height: 25px; } .icon-social-linkedin { background-position: -50px 0; width: 25px; height: 25px; } .icon-social-mail { background-position: -75px 0; width: 25px; height: 25px; } .icon-social-instagram { background-position: -100px 0; width: 25px; height: 25px; } .icon-social-flickr { background-position: -125px 0; width: 25px; height: 25px; } .icon-social-pinterest { background-position: -150px 0; width: 25px; height: 25px; } .icon-social-google { background-position: -175px 0; width: 25px; height: 25px; } .icon-social-rss { background-position: 0 -25px; width: 25px; height: 25px; } .icon-social-yahoo { background-position: -25px -25px; width: 25px; height: 25px; } .icon-social-vimeo { background-position: -50px -25px; width: 25px; height: 25px; } .icon-social-dribbble { background-position: -75px -25px; width: 25px; height: 25px; } .icon-social-youtube { background-position: -100px -25px; width: 25px; height: 25px; } .icon-social-douban { background-position: -125px -25px; width: 25px; height: 25px; } .icon-social-pengyouquan { background-position: -150px -25px; width: 25px; height: 25px; } .icon-social-weixin { background-position: -175px -25px; width: 25px; height: 25px; } .icon-social-QQ { background-position: 0 -50px; width: 25px; height: 25px; } .icon-social-zhihu { background-position: -25px -50px; width: 25px; height: 25px; } .icon-social-renren { background-position: -50px -50px; width: 25px; height: 25px; } .icon-social-tenxun { background-position: -75px -50px; width: 25px; height: 25px; } .icon-social-xinlang { background-position: -100px -50px; width: 25px; height: 25px; } .icon-social-QQkongjian { background-position: -125px -50px; width: 25px; height: 25px; } .icon-social-dazong { background-position: -150px -50px; width: 25px; height: 25px; } .icon-social-tianya { background-position: -175px -50px; width: 25px; height: 25px; } .icon-social-kaixin { background-position: 0 -75px; width: 25px; height: 25px; } .icon-social-pengyouweb { background-position: -25px -75px; width: 25px; height: 25px; } /*social-top*/ .socialBox .icon-social { background-image: url(../images/icon-social-w.png); } .custom-text { white-space: nowrap; } /*表单*/ .w-form, .w-survey { /*padding:10px;*/ } .w-form-code { margin-bottom: 1em; } .w-form-code .w-text-form { margin-right: 8px; width: 100px; } .w-form-code img { height: 2em; cursor: pointer; margin-top: -3px; } /*进度条*/ .progress_railbox_x { position: relative; padding-right: 10em; padding-left: 20px; margin-bottom: 0.5em; } .progress_railbox_x .progress_rail_x { width: 100%; background: #eeeeee; background-image: -webkit-linear-gradient(bottom, #d5d5d5, #eeeeee); background-image: -moz-linear-gradient(bottom, #d5d5d5, #eeeeee); background-image: -o-linear-gradient(bottom, #d5d5d5, #eeeeee); background-image: -ms-linear-gradient(bottom, #d5d5d5, #eeeeee); background-image: linear-gradient(to top, #d5d5d5, #eeeeee); FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#eeeeee, endColorStr=#d5d5d5); height: 1em; margin-top: 0.1em; } .progress_railbox_x .progress_rail_x .progress_rail_cur_x { height: 1em; } .progress_railbox_x .progress_count_x { position: absolute; right: 0; top: 0; width: 9.7em; line-height: 1.2; } .progress_railbox_x .progress_count_x span { line-height: 1.2 !important; margin-left: 0 !important; padding: 0 0.2em; } .progress_color1 .progress_rail_x .progress_rail_cur_x { background: #41C6F1; } .progress_color1 .progress_count_x .percentage_sum_x { color: #41C6F1; } .progress_color2 .progress_rail_x .progress_rail_cur_x { background: #E92725; } .progress_color2 .progress_count_x .percentage_sum_x { color: #E92725; } .progress_color3 .progress_rail_x .progress_rail_cur_x { background: #85D62C; } .progress_color3 .progress_count_x .percentage_sum_x { color: #85D62C; } .progress_color4 .progress_rail_x .progress_rail_cur_x { background: #DE2C7A; } .progress_color4 .progress_count_x .percentage_sum_x { color: #DE2C7A; } .progress_color5 .progress_rail_x .progress_rail_cur_x { background: #F4BA4A; } .progress_color5 .progress_count_x .percentage_sum_x { color: #F4BA4A; } .progress_color6 .progress_rail_x .progress_rail_cur_x { background: #40589D; } .progress_color6 .progress_count_x .percentage_sum_x { color: #40589D; } .progress_color7 .progress_rail_x .progress_rail_cur_x { background: #F95B57; } .progress_color7 .progress_count_x .percentage_sum_x { color: #F95B57; } .progress_color8 .progress_rail_x .progress_rail_cur_x { background: #00CE9B; } .progress_color8 .progress_count_x .percentage_sum_x { color: #00CE9B; } .progress_color9 .progress_rail_x .progress_rail_cur_x { background: #1021EF; } .progress_color9 .progress_count_x .percentage_sum_x { color: #1021EF; } .progress_color10 .progress_rail_x .progress_rail_cur_x { background: #FF00FF; } .progress_color10 .progress_count_x .percentage_sum_x { color: #FF00FF; } /*w-survey*/ .w-survey-section { margin-bottom: 1em; } /*w-form*/ .w-form label { display: block; margin-bottom: 0.1rem; } .w-form .w-label-form {/*font-weight:bold;*/ } .w-form-section { margin-bottom: 1em; } .w-form-name .w-form-left { float: left; width: 40%; margin-right: 4.9%; } .w-form-name .w-form-right { float: left; width: 55%; } .w-text-form, .w-textarea-form { border: 1px solid #dadada; padding: 8px 10px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #666; } .w-textarea-form { height: 8em; } .w-form-filebox { border: 1px solid #dadada; padding: 0.5em; } .w-form-filebox .w-form-file-upload .btn-default-w { margin-right: 0.5em; } .w-instruction { position: absolute; border: 1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 5px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.2); padding: 10px; background: #f3f3f3; z-index: 1000; width: 150px; } .w-icon-left { position: absolute; top: 50%; margin-top: -6px; width: 12px; height: 12px; left: -11px; background: url(../images/pop-left.png) no-repeat; display: inline-block; *zoom:1; } .w-form-section { position: relative; } .w-question-title { margin-bottom: 10px; } .w-instruction { color: #666; } .w-question-title { font-weight: bold; } .w-form-submit .w-buttom .btn-default-w { padding: 8px 25px; line-height: 1.5; min-width: 10em; text-align: center; font-size: 105%; } /*----------1.3新增----------*/ .w-form-UL { } .w-form-UL .w-label-form, .w-form-UL .w-question-title { float: left; width: 6em; text-align: right; margin-bottom: 0; padding-top: 8px; } .w-form-UL .w-question-title { padding-top: 3px; width: 6em; } .w-form-UL .w-form-select .w-question-title { padding-top: 8px; } .w-form-UL .w-form-fr { margin-left: 6.5em; } /*radio*/ .w-options .w-option { display: block; } .w-option { position: relative; overflow: hidden; cursor: pointer; vertical-align: middle; } .w-option .radiohidden { opacity: 0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } .w-option input[type="hidden"].checked + label:after { opacity: 1; *filter:alpha(opacity=1); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=1); } .w-option input[type="hidden"].checked + label { background: url(../images/radio_selected.png) no-repeat center; } .w-option .radio-simulation { width: 16px; height: 16px; top: 1em; margin-top: -8px; cursor: pointer; position: absolute; left: 0; background: url(../images/radio.png) no-repeat center; } .w-option label::after { opacity: 0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } .w-option span { margin-left: 20px; line-height: 2; } /*checkbox*/ .w-checkboxs .w-checkbox { display: block; } .w-checkbox { position: relative; overflow: hidden; cursor: pointer; vertical-align: middle; } .w-checkbox .checkboxhidden { opacity: 0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } .w-checkbox input[type="checkbox"].checked + label:after { opacity: 1; *filter:alpha(opacity=1); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=1); } .w-checkbox input[type="checkbox"].checked + label { background: url(../images/checkbox_selected.png) no-repeat center; } .w-checkbox .checkbox-simulation { width: 15px; height: 15px; top: 1.1em; margin-top: -8px; cursor: pointer; position: absolute; left: 0; border: 1px solid #d0d0d0; } .w-checkbox label::after { opacity: 0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } .w-checkbox span { margin-left: 4px; line-height: 2; } /*select*/ .w-select-box { _display: inline; height: 36px; border: 1px solid #dadada; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; margin-bottom: 15px; } .w-select-dl { position: relative; width: 100%; } .w-select-dl .w-select-dt { cursor: pointer; height: 36px; line-height: 36px; overflow: hidden; position: relative; } .w-select-dl .w-select-dt .selected { padding-left: 15px; padding-right: 40px; } .w-select-dl .w-select-dt .select-icon { width: 39px; height: 36px; line-height: 36px; position: absolute; top: 0; right: 0; border-left: 1px solid #dadada; background: url(../images/icon-select.png) no-repeat; } .w-select-dl .w-select-dt .select-down { background-position: 0 -37px; } .w-select-option { /*width:100%;*/ position: absolute; left: -1px; right: -1px; top: 34px; border: 1px solid #dadada; background: #fff; z-index: 9999; max-height: 130px; overflow: auto; white-space: nowrap; display: none; } .w-select-option div { cursor: pointer; padding: 5px 15px; border-bottom: 1px solid #dadada; } .w-select-option div:hover { background: #fafafa; } /*w-file*/ .w-file a { cursor: pointer; display: block; } .w-file .w-file-img { width: 35px; height: 48px; } .w-file .w-file-info { color: #333; } .w-file .w-file-info span { display: block; } .w-file a:hover .w-file-info span { text-decoration: underline; } .w-fileNew { position: relative; } .w-fileNew .w-file-info { margin-right: 6em; } .w-fileNew .w-file-pdf { margin-right: 11em; } .w-fileNew .w-file-info .icon_file { display: block; float: left; width: 35px; height: 35px; background: url(../images/icon_filenew.png) no-repeat; vertical-align: middle; } .w-fileNew .w-file-info .icon_file1 { background-position: 0 0; } .w-fileNew .w-file-info .icon_file2 { background-position: -35px 0; } .w-fileNew .w-file-info .icon_file3 { background-position: -70px 0; } .w-fileNew .w-file-info .icon_file4 { background-position: -105px 0; } .w-fileNew .w-file-info .icon_file5 { background-position: -140px 0; } .w-fileNew .w-file-info .icon_file6 { background-position: -210px 0; } .w-fileNew .w-file-info .icon_fileEmpty { background-position: -175px 0; } .w-fileNew .w-file-info .w-file-name { margin-left: 42px; line-height: 35px; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden; } .w-fileNew .w-file-opt { position: absolute; right: 0; top: 0; line-height: 35px; } .w-fileNew .w-file-opt a { display: inline-block; *display:inline; *zoom:1; margin: 0 0.5em; } .w-fileNew-btn .w-file-opt a { color: #fff; text-decoration: none; padding: 0 0.8em; line-height: 30px; margin-top: 2px; } .w-fileNew-btn .w-file-info { margin-right: 7.6em; } .w-fileNew-btn .w-file-pdf { margin-right: 14.2em; } /*w-RSS*/ .w-RSSBox { } .w-RSSBox .w-RSS-title { border-bottom: 1px dashed; padding: 0.2em 1em; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden; } .w-RSSBox .w-RSS-list { padding: 0.5em 1em; } .w-RSSBox .w-RSS-list li { padding: 0.5em 0; border-bottom: 1px dashed; } .w-RSSBox .w-RSS-list li .w-RSS-item h3 { text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden; } /*w-audio*/ .w-audio-in { width: 441px; } .w-audio-control { background: #323A3C; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; } .w-audio-control > div.w-audio-con { float: left; border-right: 1px solid #101514; border-left: 1px solid #485153; padding: 5px 10px; } .w-audio-control > div.w-audio-con:first-child { border-left: none; } .w-audio-control > div.w-audio-con:last-child { border-right: none; } .w-audio-play { overflow: hidden; cursor: pointer; } .w-audio-play .w-audio-play-btn { display: block; float: left; height: 20px; width: 20px; background: url(../images/play.png) no-repeat center; } .w-audio-play .w-audio-stop-btn { background: url(../images/stop.png) no-repeat center; } .audio-rail { background: #999; height: 7px; cursor: pointer; position: relative; } .rail-span { background: #fff; height: 7px; display: block; } .w-audio-control > div.w-audio-time-rail { padding: 12px 10px; } .w-audio-time-rail .time-rail { width: 170px; } .rail-point { position: absolute; left: 10px; bottom: 7px; padding-bottom: 6px; } .rail-point .icon-rail-point { position: absolute; bottom: 0; width: 100%; height: 7px; background: url(../images/pop-up-gray.png) no-repeat center bottom; } .rail-point span { padding: 5px 10px; display: inline-block; color: #fff; background: #323A3C; border: 1px solid #101514; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .w-audio-sound { overflow: hidden; } .w-audio-sound .sound-btn { display: block; float: left; height: 22px; width: 30px; background: url(../images/sound.png) no-repeat center; cursor: pointer; } .w-audio-sound .nosound-btn { background: url(../images/nosound.png) no-repeat center; } .w-audio-sound .w-audio-sound-rail { display: block; float: left; padding: 7px 0; } .w-audio-sound-rail .sound-rail { width: 40px; } .w-audio-info { text-align: center; } /*w-video*/ .w-video { max-width: 100%; margin: 0 auto; position: relative; } .w-video-small { width: 50%; } .w-video-medium { width: 60%; } .w-video-large { width: 75%; } .w-video-extraLarge { width: 80%; } .w-video-HD { width: 90%; } .w-video-auto { } .bc-image { position: absolute; cursor: pointer; } .bc-image .icon_video { position: absolute; left: 50%; margin-left: -28px; top: 50%; margin-top: -28px; width: 57px; height: 57px; background: url(../images/icon_link2.png) no-repeat center; } /*slide*/ .slide-page { text-align: center; } .w-slide img { vertical-align: bottom; max-width: 100%; } .w-slide-content { width: 100%; position: relative; height: 100%; } .slide-panel, .slide-item { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; display: block; } .slide-item {/*background: url(../images/loading.gif) center no-repeat;*/ } .slide-item-div { position: absolute; left: 50%; top: 50%; } .slide-item-div-inner { position: absolute; } /* overlay */ .w-slide .cycle-overlay { font-family: tahoma, arial; position: absolute; bottom: 0; width: 100%; z-index: 600; background: black; color: white; padding: 15px; opacity: .5; } /* prev / next links */ .w-slide .cycle-prev, .w-slide .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); z-index: 800; height: 100%; cursor: pointer; } .w-slide .cycle-prev { left: 0; background: url(../images/left.png) 50% 50% no-repeat; } .w-slide .cycle-next { right: 0; background: url(../images/right.png) 50% 50% no-repeat; } .w-slide .cycle-prev:hover, .w-slide .cycle-next:hover { opacity: 0.7; *filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); } .show-control .cycle-prev, .show-control .cycle-next, .show-control .cycle-prev:hover, .show-control .cycle-next:hover { opacity: 1; *filter:alpha(opacity=1); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=1); } .w-slide .disabled { opacity: .5; filter: alpha(opacity=50); } /* display paused text on top of paused slideshow */ .w-slide .cycle-paused:after { content: 'Paused'; color: white; background: black; padding: 10px; z-index: 500; position: absolute; top: 10px; right: 10px; border-radius: 10px; opacity: .5; filter: alpha(opacity=50); } .cycle-slideshow .cycle-slideshow-div { position: absolute; top: 0; left: 0; width: 100%; padding: 0; display: block; height: 100%; overflow: hidden; } .cycle-slideshow .cycle-slideshow-div img { vertical-align: bottom; max-width: 100%; } .w-slide .slide-caption { position: absolute; left: 0; right: 0; bottom: 0; } .slide-caption-top .slide-caption { top: 0; bottom: auto; z-index: 10; } .w-slide .slide-caption .slide-captionbg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000; opacity: 0.6; *filter:alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); z-index: 0; } .w-slide .slide-caption .slide-caption-text { text-align: center; color: #fff; padding: 10px; z-index: 10; position: relative; word-break: break-all; word-wrap: break-word; } .w-slide-page-num .slide-page { overflow: hidden; } .w-slide-page-num .w-page-bottom .slide-page { white-space: nowrap; } .w-slide-page-num .slide-page a { padding: 0 5px; min-width: 25px; height: 25px; line-height: 25px; background: #525F63; color: #fff; margin: 5px; display: inline-block; text-align: center; text-decoration: none; } .w-slide-page-num .slide-page a.active { background: #31393B; } .w-slide-page-num .w-page-top { position: relative; margin-top: 35px; } .w-slide-page-num .w-page-top .slide-page { position: absolute; left: 0; right: 0; top: -35px; white-space: nowrap; } .w-slide-page-num .w-page-left { position: relative; margin-left: 35px; } .w-slide-page-num .w-page-left .slide-page { position: absolute; left: -35px; top: 0; width: 35px; } .w-slide-page-num .w-page-right { position: relative; margin-right: 35px; } .w-slide-page-num .w-page-right .slide-page { position: absolute; right: -35px; top: 0; width: 35px; } .w-slide-page-img .slide-page { overflow: hidden; z-index: 9; } .w-slide-page-img .slide-page a { padding: 5px; display: inline-block; *display:inline; *zoom:1; opacity: 0.6; *filter:alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); } .w-slide-page-img .w-page-left .slide-page a, .w-slide-page-img .w-page-right .slide-page a { display: block; } .w-slide-page-img .w-page-left .slide-page a img, .w-slide-page-img .w-page-right .slide-page a img { display: block; } .w-slide-page-img .slide-page a.active { opacity: 1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } .w-slide-page-img .slide-page img { width: 70px; height: 70px; } .w-slide-page-img .w-page-bottom .slide-page { white-space: nowrap; } .w-slide-page-img .w-page-top { position: relative; margin-top: 80px; } .w-slide-page-img .w-page-top .slide-page { position: absolute; left: 0; right: 0; top: -80px; white-space: nowrap; } .w-slide-page-img .w-page-left { position: relative; margin-left: 75px; } .w-slide-page-img .w-page-left .slide-page { position: absolute; left: -75px; top: 0; width: 75px; margin-top: 0; } .w-slide-page-img .w-page-left .slide-page a { padding-left: 0; } .w-slide-page-img .w-page-right { position: relative; margin-right: 75px; } .w-slide-page-img .w-page-right .slide-page { position: absolute; right: -75px; top: 0; width: 75px; margin-top: 0; } .w-slide-page-img .w-page-right .slide-page a { padding-right: 0; } .w-slide-page-num .w-page-left .slide-page, .w-slide-page-num .w-page-right .slide-page, .w-slide-page-img .w-page-left .slide-page, .w-slide-page-img .w-page-right .slide-page { max-height: 100%; overflow-y: hidden; } /*google adsense*/ .w-ad { padding: 10px; } .w-ad a { text-decoration: underline; } /*走马灯*/ .w-lantern { position: relative; text-align: center; } .w-lantern ul, .w-lantern li { list-style: none; } .w-lantern li .lantern-item { } .w-lantern li .lantern-item-in { position: relative; overflow: hidden; } .w-lantern-text-mask li .textbox { position: absolute; height: 100%; right: 0; bottom: -100%; left: 0; } .w-lantern-text-mask li:hover .textbox { bottom: 0; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .w-lantern-text-mask li .textbox .textbox_mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); } .w-lantern-text-mask li .textbox .text { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } .w-lantern-text-mask li .textbox .text .text_in { display: table-cell; vertical-align: middle; color: #fff; padding: 1em; } .w-lantern-h .w-lantern-in { padding: 0 15px; } .w-lantern-h li { width: 25%; float: left; } .w-lantern-h li img { max-width: 100%; } .w-lantern-h li .lantern-item { padding: 0 4px; } .w-lantern-h .lantern_pre, .w-lantern-h .lantern_next { position: absolute; top: 50%; margin-top: -32px; width: 14px; height: 65px; background-color: #C5C5C5; background-repeat: no-repeat; background-position: center; cursor: pointer; } .w-lantern-h .lantern_pre { left: 0; background-image: url(../images/lantern_pre.png); } .w-lantern-h .lantern_next { right: 0; background-image: url(../images/lantern_next.png); } .w-lantern-v .w-lantern-in { padding: 15px 0; } .w-lantern-v li { } .w-lantern-v li img { max-height: 100%; max-width: 100%; } .w-lantern-v li .lantern-item { padding: 4px 0; height: 100%; } .w-lantern-v li .lantern-item .lantern-item-in { height: 100%; } .w-lantern-v .lantern_pre, .w-lantern-v .lantern_next { position: absolute; left: 50%; margin-left: -32px; height: 14px; width: 65px; background-color: #C5C5C5; background-repeat: no-repeat; background-position: center; cursor: pointer; } .w-lantern-v .lantern_pre { top: 0; background-image: url(../images/lantern_pre_v.png); } .w-lantern-v .lantern_next { bottom: 0; background-image: url(../images/lantern_next_v.png); } .w-lantern-marquee .w-lantern-in { padding: 0 !important; } .w-lantern-marquee .lantern_pre, .w-lantern-marquee .lantern_next { display: none; } .pageState span { background: #ddd; width: 6px; height: 6px; display: inline-block; } .pageState span.active { background: #f00; } .w-lantern-pdHairline img { padding: 1px; border: 1px solid #D9D9D9; } .w-lantern-pdThin img { padding: 3px; border: 1px solid #D9D9D9; } .w-lantern-pdMedium img { padding: 5px; border: 1px solid #D9D9D9; } .w-lantern-pdThick img { padding: 10px; border: 1px solid #D9D9D9; } /*------------------------------------------组件--------------------------------------------------- end*/ /*---------------------面包屑-----------------------------*/ .w-breadcrumbs { margin-bottom: 1em; } .w-breadcrumbs a { text-decoration: none; } .w-breadcrumbs a:hover { text-decoration: underline; } /*----------------------翻页------------------------------*/ .w-pages { margin: 1em; text-align: right; line-height: 1.5; } .w-pages a { padding: 0.2em 0.5em; background: none; color: #666; border: 1px solid #bbb; margin: 0 0.3em; text-decoration: none; display: inline-block; margin-bottom: 0.5em; } .w-pages a.cur { border: 0; color: #DD0000; } .w-pages a.disabled, .w-pages a.disabled:hover { cursor: default; opacity: 0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); color: #666; } .upload_more, .upload_wait { text-align: center; line-height: 2.5; font-size: 115%; background: #eee; } .upload_wait .icon_upload { display: inline-block; *display:inline; *zoom:1; width: 1.5em; height: 1.5em; vertical-align: middle; margin-right: 0.5em; background: url(../images/loading.gif) no-repeat center; background-size: contain; } /*----------------------菜单 start-------------------------------*/ .menu_simpline_cur { display: none; } .w-com-menu ul, .w-com-menu li { margin: 0; padding: 0; list-style: none; } .w-com-menu a { text-decoration: none; font-size: 110%; } .w-com-menu .div-parent { position: relative; } .w-com-menu .fa { display: none; position: absolute; top: 0; bottom: 0; right: 0.5em; width: 2em; line-height: 2em; text-align: center; font-size: 150%; color: #fff; z-index: 1; cursor: pointer; } .w-com-menu li.open > .div-parent >.fa-plus:before { content: "\f068"; } /*.w-com-menu li:hover > .div-parent >.fa-plus:before{content: "\f068";}*/ .w-com-menu .ul-submenu { display: none; } .w-com-menu-H { text-align: center; margin-bottom: 30px; } .w-com-menu-H .systitle { display: none; } .w-com-menu-H ul, .w-com-menu-H li { *vertical-align:top; } .w-com-menu-H .div-parent { *position:static; } .w-com-menu-H li { display: inline-block; *display:inline; *zoom:1; margin: 0 45px; position: relative; *vertical-align:top; } .w-com-menu-H li a { color: #898989; line-height: 26px; } .w-com-menu-H .ul-submenu { position: absolute; z-index: 2; top: 26px; padding-top: 7px; } .w-com-menu-H li:hover > .ul-submenu { display: block; } .w-com-menu-H .ul-submenu .ul-submenu-up { background: url(../images/icon_submenu_up.png) no-repeat center bottom; position: absolute; top: 0; left: 0; right: 0; height: 7px; display: none; } .w-com-menu-H .ul-submenu li { margin: 0; display: block; float: left; } .w-com-menu-H .ul-submenu li a { padding: 0 20px; color: #898989; display: block; white-space: nowrap; } .w-com-menu-H .ul-submenu .ul-submenu { background: #fff; } .w-com-menu-V { padding-top: 0; } .w-com-menu-V li { *position:relative; } .w-com-menu-V .fa { *bottom:auto; } .w-com-menu-V .div-parent { *overflow:hidden; *vertical-align:bottom; *position:static; } .w-com-menu-V li a { display: block; padding: 8px 30px 8px 8px; } .w-com-menu-V .fa { display: block; right: 0; } .w-com-menu-V a { color: #fff; } .w-com-menu-V > .w-com-menu-in > .ul-parent > li:hover > .ul-submenu { display: block; } .side_left { margin-left: 270px; } .side_bar { width: 250px; float: left; } .systitle { padding: 10px; text-align: center; font-size: 20px; } .crumbs { padding-bottom: 16px; background: url(../images/crumbbg.png) repeat-x bottom; margin-bottom: 20px; line-height: 2.5; } .crumbs .separate_span { padding: 0 0.5em; } .w-system .w-searchbox { margin-bottom: 1em; } /*----------------------菜单 end-------------------------------*/ /*---------------------------产品--------------------------------*/ /*产品列表*/ .w-prd-list-cell a { text-decoration: none; } .w-prd-list-cell a:hover { text-decoration: underline; } .w-prd-list-cell { float: left; margin-bottom: 1em; } /*.w-prd-list-cell .w-prd-con{overflow:hidden;}*/ .w-prd-list-cell .w-prd-con:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .w-prd-list-cell .w-prd-con { zoom: 1; } .w-prd-list-cell .w-prd-con > a { display: block; text-decoration: none; } .w-prd-list-cell .w-prd-con > a::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .w-prd-list-cell .w-prd-con > a:hover { text-decoration: none; } .w-prd-list-cell .w-prd-imgbox { text-align: center; } .w-prd-list-cell .w-prd-imgbox a { display: block; } .w-prd-list-cell .w-prd-infobox h2 { font-size: 110%; margin-top: 0; margin-bottom: 0.5em; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden; } .w-prd-list-cell .w-prd-price-groups { text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden; margin-bottom: 0.5em; } .w-prd-list-cell .w-prd-price-groups-hover { position: absolute; padding: 5px; z-index: 1; background: #eee; color: #000; } .w-prd-list-cell .w-prd-price-groups > div { display: inline; font-size: 110%; } .w-prd-list-cell .w-prd-price-groups .w-prd-price-markit { opacity: 0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); text-decoration: line-through; } .w-prd-list-cell .w-prd-price-groups .product-price-prefix { font-weight: bold; } .w-prd-list-cell .w-prd-sum { margin-bottom: 0.5em; } .w-prd-list-cell .w-prd-btns { margin-top: 0.5em; } .w-prd-list-cell .w-prd-btns a { text-decoration: none; padding: 7px 15px; border: 1px solid #a1a1a1; display: inline-block; *display:inline; *zoom:1; margin-bottom: 0.5em; } .w-prd-list-with-sidebar { margin-left: 210px; } .w-breadcrumbs { margin-bottom: 1em; } .w-prd-list .w-prd-list-title { font-weight: bold; margin-bottom: 0.5em; font-size: 130%; } .w-prd-list1 { margin-left: -0.8%; margin-right: -0.8%; } .w-prd-list1 .w-prd-list-cell-in { padding: 0 4% } .w-prd-list1 .w-prd-list-cell .w-prd-infobox { padding: 0.7em 0; } .w-prd-list2 .w-prd-list-cell-in { overflow: hidden; } .w-prd-list2 .w-prd-list-cell { width: 100%; } .w-prd-list2 .w-prd-list-cell .w-prd-imgbox { width: 25%; float: left; } .w-prd-list2 .w-prd-list-cell .w-prd-infobox { margin-left: 25%; } .w-prd-list2 .w-prd-list-cell .w-prd-infobox { padding: 0 1em; } /*产品详情*/ .product-detail-wrap { overflow: hidden; } .product-detail-wrap-in { position: relative; } .product-detail-images { margin-bottom: 1em; } .product-detail-images .product-detail-image-big { text-align: center; position: relative; } .product-detail-images .product-detail-image-big .magnifier { position: absolute; right: 10px; top: 5px; width: 15px; height: 15px; background: url(../images/prdimgsearch.png) no-repeat center; } .product-detail-images .product-detail-image-big img { max-width: 100%; } .product-detail-images .product-detail-image-small { overflow: hidden; white-space: nowrap; padding: 0 40px; position: relative; } .product-detail-images .product-detail-image-small .imgsmall-pre { position: absolute; top: 15px; bottom: 17px; left: 0; width: 28px; background: url(../images/icon_prd_pre.png) no-repeat center #929292; border: 1px solid #929292; z-index: 1; cursor: pointer; } .product-detail-images .product-detail-image-small .imgsmall-pre.disabled { background-image: url(../images/icon_prd_predisabled.png); background-color: #fff; border-color: #aaa; cursor: default; } .product-detail-images .product-detail-image-small .imgsmall-next { position: absolute; top: 15px; bottom: 17px; right: 0; width: 28px; background: url(../images/icon_prd_next.png) no-repeat center #929292; border: 1px solid #929292; z-index: 1; cursor: pointer; } .product-detail-images .product-detail-image-small .imgsmall-next.disabled { background-image: url(../images/icon_prd_nextdisabled.png); background-color: #fff; border-color: #aaa; cursor: default; } .product-detail-images .product-detail-image-small .small-list { overflow: hidden; font-size: 0; padding: 15px 0; } .product-detail-images .product-detail-image-small .img-small-item { width: 31.3333%; margin: 0 1%; display: inline-block; cursor: pointer; position: relative; } .product-detail-images .product-detail-image-small .img-small-item .aspectRatio { padding-bottom: 100%; } .product-detail-images .product-detail-image-small .img-small-item-in { position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; overflow: hidden; } .product-detail-images .product-detail-image-small .img-small-item .cur-top { position: absolute; top: -7px; width: 100%; height: 5px; background: url(../images/prd_small_cur.png) no-repeat center; display: none; } .product-detail-images .product-detail-image-small .img-small-item.cur .cur-top { display: block; } .rotatePicbox-tel { display: none; } .rotatePicbox-tel .imgSlideMain { clear: both; overflow: hidden; width: 100%; margin: 0 auto; position: relative; } .rotatePicbox-tel .imgSlide { clear: both; } .rotatePicbox-tel .imgSlide ul { margin: 0; padding: 0; list-style: none; } .rotatePicbox-tel .imgSlide li { overflow: hidden; position: relative; text-align: center; } .rotatePicbox-tel .imgSlide li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .rotatePicbox-tel .imgSlide li a img { width: 100%; } .rotatePicbox-tel .navSlideBox { position: absolute; display: block; bottom: 5px; left: 0; width: 100%; text-align: center; font-size: 14px; line-height: 1; } .rotatePicbox-tel .navSlide { position: static; margin: 0 auto; padding: 0; height: 15px; display: inline-block; text-align: left; } .rotatePicbox-tel .navSlide .i_point { text-indent: -9999em; width: 8px; height: 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #092237; overflow: hidden; display: inline-block; -moz-opacity: .5; opacity: .5; margin: 0 3px; } .rotatePicbox-tel .navSlide .active { background: #fff; -moz-opacity: .8; opacity: .8; } .product-detail-info .product-title { padding-bottom: 1em; } .product-detail-info .product-title h2 { font-size: 20px; margin: 0; } .product-detail-info .product-short-sum { padding-bottom: 1.5em; opacity: 0.8; *filter:alpha(opacity=80); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); } .product-detail-info .product-grayBox { background: #f2f2f2; padding: 25px 18px; height: 110px; *height:60px; } .product-detail-info .product-grayBox .product-prices { float: left; } .product-detail-info .product-grayBox .product-prices .price-sale .num { color: #e4393c; font-size: 110%; position: relative; } .product-detail-info .product-grayBox .product-prices .price-sale .num .vip { position: absolute; top: -0.8em; right: -3.5em; border: 1px solid #fbab04; color: #F78609; padding: 0.1em 0.5em; line-height: 1.3; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 70%; font-weight: bold; } .product-detail-info .product-grayBox .product-prices .price-sale .num .bigsize { font-size: 24px; font-weight: bold; } .product-detail-info .product-grayBox .product-prices .price-market { margin-top: 0.5em; } .product-detail-info .product-grayBox .product-prices .price-market .num { text-decoration: line-through; font-weight: bold; } .product-detail-info .product-grayBox .collect_share { float: right; margin-top: 5px; } .product-detail-info .product-grayBox .collect_share>div { float: right; line-height: 1.5; } .product-detail-info .product-grayBox .collect_share .share { margin-left: 2em; text-align: center; position: relative; } .product-detail-info .product-grayBox .collect_share .share .bds_more { font-size: 100%; } .product-detail-info .product-grayBox .collect_share .bdsharebuttonbox .bds_more { height: auto; padding-left: 0; margin: 0; line-height: 1.5; } .product-detail-info .product-grayBox .collect_share a { text-decoration: none; display: block; text-align: center; } .product-detail-info .product-grayBox .collect_share .share a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; } .product-detail-info .product-grayBox .collect_share i { color: #f8b600; font-size: 150%; *width:21px; *height:21px; } .product-detail-info .product-grayBox .collect_share i.fa-star { *background:url(../images/prd_collect_7.png) no-repeat center; } .product-detail-info .product-grayBox .collect_share i.fa-share-alt { *background:url(../images/prd_share_7.png) no-repeat center; } .product-detail-info .product-grayBox .collect_share p { margin: 5px 0 0; } .product-detail-info .product-properies-groups { padding-top: 1em; } .product-detail-info .product-proitem { overflow: hidden; margin-bottom: 1em; } .product-properies-color span { display: inline-block; padding: 0.8em; *padding:0.1em 0.8em; margin: 0.2em; cursor: pointer; border-radius: 0.1em; -moz-border-radius: 0.1em; -webkit-border-radius: 0.1em; } .product-properies-color span.selected { background: url(../images/color_selected.png) no-repeat center; } .square-style { float: left; line-height: 2; } .square-style .square-item { border: 2px solid #cccccc; display: inline-block; *display:inline; *zoom:1; padding: 0 18px; margin: 0 4px 0.5em 0; cursor: pointer; } .square-style .square-item.selected { border-color: #E4393C; background: url(../images/square_selected.png) no-repeat right bottom; } .product-detail-info .product-quantity { margin-bottom: 1em; overflow: hidden; } .product-label { line-height: 2; float: left; display: block; } .product-quantity .count { display: inline; margin-right: 10px; position: relative; text-align: center; *float:left; *overflow:hidden; } .product-quantity .count >div { float: left; color: #767676; vertical-align: top; } .product-quantity .add { width: 28px; height: 28px; line-height: 28px; border: 1px solid #bbb; cursor: pointer; *background:url(../images/prd_add_7.png) no-repeat center; } .product-quantity .mins { width: 28px; height: 28px; line-height: 28px; border: 1px solid #bbb; cursor: pointer; *background:url(../images/prd_minus_7.png) no-repeat center; } .product-quantity-input { background: none; border: 1px solid #bbb; height: 28px; line-height: 28px; padding: 0; *margin-top:-1px; width: 80px; text-align: center; vertical-align: top; } .product-detail-info .product-quantity .stock { display: inline-block; padding-top: 5px; *zoom:1; } .w-product-btns { margin-top: 2em; } .w-product-btns a { display: inline-block; *display:inline; *zoom:1; line-height: 3; width: 40%; margin-right: 5%; text-decoration: none; font-size: 110%; text-align: center; } .w-product-btns a.btn-buy { background: #e4393c; border: 1px solid #e4393c; color: #fff; } .w-product-btns a.btn-buy:hover { background-color: #D91E22; border-color: #D91E22; } .w-product-btns a.btn-addCart { border: 1px solid #b9906a; color: #b9906a; } .w-product-btns a.btn-addCart:hover { border-color: #A8794F; color: #A8794F; } .product-maincon { margin-top: 1em; margin-bottom: 1em; } .prddetail_foot_fixed { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; display: none; } .prddetail_foot a { display: block; float: left; text-align: center; text-decoration: none; font-size: 120%; height: 3em; line-height: 3em; } .prddetail_foot .share { display: block; float: left; text-align: center; width: 12%; background: #e2e2e2; font-size: 120%; height: 3em; } .prddetail_foot .share a { text-decoration: none; display: block; height: 2em; line-height: 2em; padding: 0; margin: 0; float: none; font-size: 150%; color: #8c8c8d; } .prddetail_foot .share a:hover { color: #8c8c8d; } .prddetail_foot a .fa { font-size: 150%; color: #8c8c8d; } .prddetail_foot a.collect, .prddetail_foot a.shoppingCart { width: 12%; background: #e2e2e2; } .prddetail_foot a.shoppingCart { border-left: 1px solid #b9b9b9; margin-left: -1px; width: 16%; } .prddetail_foot a.pd_btn_cart { width: 30%; background: #F99112; color: #fff; } .prddetail_foot a.pd_btn_buy { width: 30%; background: #E4393C; color: #fff; } .bxslider li { list-style: none; } .product-title-top { text-align: center; margin-bottom: 1.5em; } .product-title-top h2 { font-size: 26px; font-weight: normal; } .product-detail-top1 .product-detail-info { margin-left: 37%; } .product-detail-top1 .product-detail-images { width: 33%; float: left; } .product-detail-top2 .product-detail-images { text-align: center; } .product-detail-top2 .product-detail-images .bx-wrapper img { display: inline-block; } .product-detail-top2 .product-detail-images img { max-width: 100%; } .product-detail-top2 .bx-wrapper .bx-pager.bx-default-pager a { text-indent: -9999em; width: 8px; height: 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #999; overflow: hidden; display: inline-block; -moz-opacity: .5; opacity: .5; margin: 0 3px; } .product-detail-top2 .bx-wrapper .bx-pager.bx-default-pager a:hover, .product-detail-top2 .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; -moz-opacity: 1; opacity: 1; } .product-detail-top3 .product-detail-info { margin-left: 37%; } .product-detail-top3 .product-detail-images { width: 33%; float: left; } /*产品详情下载*/ .fileDownload { margin-top: 10px; } .fileListBox { padding: 1em 20px; } .fileList ul, .fileList li { list-style: none; padding: 0; margin: 0; } .fileList li { padding: 0.5em 0; } /*产品详情留言*/ .messageOnLine { margin-top: 10px; } .msgLBox { padding: 2em 20px 1em; } .msgLBox dl { margin-bottom: 0.8em; } .msgLBox dl dd { } .msgLBox dl dd.dl_ddL { width: 5em; float: left; text-align: right; } .msgLBox dl dd.dl_ddR { margin-left: 6em; } .msgLBox .star { color: #F00; } .msgLBox .w-form-submit { margin-top: 0.8em; } /*--------------------tab--------------------------*/ .info_tab_in { border-bottom: 1px solid #959595; } .info_tab ul, .info_tab ul li { list-style: none; } .info_tab ul { padding: 0 10px; } .info_tab li { float: left; margin-right: 5px; border: 1px solid #959595; border-bottom: 0; background: #959595; margin-bottom: -1px; color: #fff; } .info_tab li.cur_tab { background: #fff; } .info_tab li a { line-height: 2; padding: 0 20px; text-decoration: none; font-size: 110%; color: #fff; } .info_tab li.cur_tab a { color: #4c4c4c; } .info_tab_one li a { cursor: default; } .descon_item { padding: 25px 20px; } /*--------------产品列表图片动画---------------------*/ .prd_imgScaleBig .img-count-in { overflow: hidden; } .prd_imgScaleBig .w-prd-imgbox:hover img { transform: scale(1.12); -ms-transform: scale(1.12); -moz-transform: scale(1.12); -webkit-transform: scale(1.12); -o-transform: scale(1.12); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .prd_imgTop .img-count-in { overflow: hidden; } .prd_imgTop img { transform: scale(1.2) translateY(5%); -ms-transform: scale(1.2) translateY(5%); -moz-transform: scale(1.2) translateY(5%); -webkit-transform: scale(1.2) translateY(5%); -o-transform: scale(1.2) translateY(5%); } .prd_imgTop .w-prd-imgbox:hover img { transform: scale(1.2) translateY(0); -ms-transform: scale(1.2) translateY(0); -moz-transform: scale(1.2) translateY(0); -webkit-transform: scale(1.2) translateY(0); -o-transform: scale(1.2) translateY(0); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .prd_imgbgWhite .imgbg { position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background: #fff; opacity: 0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } .prd_imgbgWhite .w-prd-imgbox:hover .imgbg { opacity: 0.3; *filter:alpha(opacity=30); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .prd_imgbgBlack .imgbg { position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0.35; *filter:alpha(opacity=35); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35); transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); } .prd_imgbgBlack .w-prd-imgbox:hover .imgbg { transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; } .prd_imgF .img-count-in::before { background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; z-index: 2; top: 0; transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); -ms-transform: scale(1.9, 1.4) rotate(45deg) translate(0px, -100%); -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); transition: transform 0.6s ease 0s; -moz-transition: transform 0.6s ease 0s; -webkit-transition: transform 0.6s ease 0s; -o-transition: transform 0.6s ease 0s; width: 100%; } .prd_imgF .w-prd-imgbox:hover .img-count-in::before { transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px); -ms-transform: scale(1.9, 1.4) rotate(45deg) translate(0px, 100%x); -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px); -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px); } /*------------------------------------------产品end---------------------------------------------------*/ /*--------------------图片调整 start----------------------*/ .img-count { display: block; } .img-count, .img-count img { position: relative; } .aspectRatio { *width:100%; } .img-count-in { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; *height:100%; } .w-prd-list .img-count-in { height: 100%; } /*--------------------图片调整 end----------------------*/ /*-----------------------------新闻 start--------------------------------*/ .w-News-list { line-height: 2; margin-bottom: 2em; } .w-News-list a { text-decoration: none; } .w-News-list .news-kind { display: none; } .w-News-list a:hover { text-decoration: underline; } .w-News-list ul, .w-News-list li { list-style: none; } .w-News-list li.li-right { margin-right: 0 !important; } .w-News-list .news-com .news-h { font-size: 115%; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden; } .w-News-list .news-com .date { font-size: 105%; color: #b3b3b3; } .w-News-list1 li { padding-top: 40px; border-bottom: 1px solid #f0f0f0; } .w-News-list1 li:first-child { padding-top: 0; } .w-News-list1 .news-item { overflow: hidden; } .w-News-list1 .news-imgbox { float: left; width: 25%; } .w-News-list1 .news-com { margin-left: 30%; } .w-News-list1 .news-com .date { margin-top: 1%; } .w-News-list1 .news-com .news-sum { margin-top: 2%; } .w-News-list2 li { width: 100%; float: left; } .w-News-list2 li .news-item { margin: 0 4% 1.5em 4%; border: 1px solid #e9e9e9; } .w-News-list2 .news-item .news-com { padding: 0.5em 10px 1em; } .w-News-list2 .news-com .news-sum { line-height: 1.8; height: 5.4em; overflow: hidden; } /*.w-News-list2 li .news-imgbox:hover img{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12); -o-transform: scale(1.12);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}*/ .w-News-list3 li { padding: 25px 0; border-bottom: 1px solid #f0f0f0; } .w-News-list3 li:first-child { padding-top: 0; } .w-News-list4 li { padding: 10px 0 5px 0; border-bottom: 1px solid #f0f0f0; } .w-News-list4 li:first-child { padding-top: 0; } .w-News-list4 .news-together { overflow: hidden; } .w-News-list4 li .news-h { float: left; width: 75%; } .w-News-list4 li .date { float: right; width: 25%; text-align: right; } .w-News-list5 li { width: 100%;/*width:47.25%; *width:47.24%;*/ margin-right: 5.5%; float: left; margin-bottom: 30px; position: relative; line-height: 2; } .w-News-list5 li .news-item { margin-left: 35px; } .w-News-list5 li .news-item .date { margin-left: 45px; font-size: 14px; } .w-News-list5 li .news-item .data-day { position: absolute; width: 54px; height: 54px; line-height: 54px; text-align: center; top: 50%; margin-top: -27px; left: 0; background: #33d8ae; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 30px; } .w-News-list5 li .news-item .news-com { background: #fff; border: 1px solid #d7d7d7; padding: 20px 40px; } .w-News-list5 li .news-item .news-com .news-h a { font-size: 18px; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden; } .w-News-list5 li .news-item .news-com .news-sum { } .w-News-list6 li { padding-top: 40px; border-bottom: 1px solid #f0f0f0; } .w-News-list6 li:first-child { padding-top: 0; } .w-News-list6 .news-item { overflow: hidden; } .w-News-list6 .news-imgbox { float: left; width: 25%; } .w-News-list6 .news-com { margin-left: 30%; } .w-News-list6 .news-together { overflow: hidden; } .w-News-list6 .news-com .news-h { float: left; width: 75%; } .w-News-list6 .news-com .date { float: right; width: 25%; text-align: right; } .w-News-list6 .news-com .news-sum { margin-top: 2%; } .w-News-list7 li { padding: 15px 0; border-bottom: 1px solid #f0f0f0; overflow: hidden; } .w-News-list7 li:first-child { padding-top: 0; } .w-News-list7 li .date { float: left; margin-right: 15px; text-align: center; } .w-News-list7 li .date .date-day { background: #F5F5F5; line-height: 1.8; font-size: 30px; margin-bottom: 3px; } .w-News-list7 li .date .date-yearMonth { background: #F5F5F5; line-height: 1.8; margin-bottom: 3px; padding: 0 15px; } .w-News-list7 .news-sum { line-height: 1.7; max-height: 3.2em; overflow: hidden; } .w-News-list8 { margin: 0 -1.33%; } .w-News-list8 li { width: 33.33%; float: left; } .w-News-list8 li .news-item { margin: 0 4% 1.5em 4%; position: relative; overflow: hidden; } .w-News-list8 .news-item .news-com { padding: 5px 1em; position: absolute; bottom: -100px; left: 0; right: 0; } .w-News-list8 .news-item:hover .news-com { bottom: 0; transition: bottom .5s; -moz-transition: bottom .5s; /* Firefox 4 */ -webkit-transition: bottom .5s; /* Safari 和 Chrome */ -o-transition: bottom .5s; } .w-News-list8 .news-item .news-com .mask { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); } .w-News-list8 .news-item .news-com .news-h { position: relative; z-index: 1; color: #fff; } .w-News-list8 .news-item .news-com .news-h a { color: #fff; } .w-News-list8 .news-item .news-com .news-h .news-kind { display: none; } .w-News-list8 li .news-imgbox:hover img {/*transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12); -o-transform: scale(1.12);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;*/ } /*新闻列表图片动画*/ .news_imgScaleBig .img-count-in { overflow: hidden; } .news_imgScaleBig .news-imgbox:hover img { transform: scale(1.12); -ms-transform: scale(1.12); -moz-transform: scale(1.12); -webkit-transform: scale(1.12); -o-transform: scale(1.12); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .news_imgTop .img-count-in { overflow: hidden; } .news_imgTop img { transform: scale(1.2) translateY(5%); -ms-transform: scale(1.2) translateY(5%); -moz-transform: scale(1.2) translateY(5%); -webkit-transform: scale(1.2) translateY(5%); -o-transform: scale(1.2) translateY(5%); } .news_imgTop .news-imgbox:hover img { transform: scale(1.2) translateY(0); -ms-transform: scale(1.2) translateY(0); -moz-transform: scale(1.2) translateY(0); -webkit-transform: scale(1.2) translateY(0); -o-transform: scale(1.2) translateY(0); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .news_imgbgWhite .imgbg { position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background: #fff; opacity: 0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } .news_imgbgWhite .news-imgbox:hover .imgbg { opacity: 0.3; *filter:alpha(opacity=30); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .news_imgbgBlack .imgbg { position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0.35; *filter:alpha(opacity=35); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35); transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); } .news_imgbgBlack .news-imgbox:hover .imgbg { transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; } .news_imgF .img-count-in::before { background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; z-index: 2; top: 0; transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); -ms-transform: scale(1.9, 1.4) rotate(45deg) translate(0px, -100%); -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); transition: transform 0.6s ease 0s; -moz-transition: transform 0.6s ease 0s; -webkit-transition: transform 0.6s ease 0s; -o-transition: transform 0.6s ease 0s; width: 100%; } .news_imgF .news-imgbox:hover .img-count-in::before { transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px); -ms-transform: scale(1.9, 1.4) rotate(45deg) translate(0px, 100%x); -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px); -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px); } /*新闻详情*/ .newsDetail { line-height: 2; } .newsDetail .newsTitle { font-size: 140%; text-align: center; line-height: 1.7; } .newsDetail .newsST { text-align: center; } .newsDetail .newsST >span { margin: 0 0.6em; white-space: nowrap; } .newsDetail .newsSummary { display: none; padding: 5px 60px; background: #f2f2f2; margin-top: 15px; } .newsDetail .newsContent { margin: 20px 0; padding: 0 10px; } .news-others { margin-top: 60px; padding-right: 11em; position: relative; } .pre-next .news-prev, .pre-next .news-next { text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden; } .news-others a { text-decoration: none; } .news-others a:hover { text-decoration: underline; } .news-others .link-r { position: absolute; top: 50%; margin-top: -1.1em; right: 0; } .news-others .link-r a { display: inline-block; line-height: 2.2; text-decoration: none; color: #fff; margin-left: 0.8em; padding: 0 1.5em; } .news-others .link-r a:hover { color: #fff !important; } .newshare { /*text-align:right; padding-right:10px;*/ line-height: 1; text-align: center; padding-top: 0.5em; } .newshare .bdsharebuttonbox { display: inline-block; *display:inline; *zoom:1; overflow: hidden; } .bdshare-button-style1-16 a { margin: 0 6px 0 !important; } /*-----------------------------新闻 end--------------------------------*/ /*------------------------------评论 留言------------------------------*/ .evalInfo { margin-top: 10px; } .evalInfo .evalInfo-title { border-bottom: 1px solid #959595; } .evalInfo .evalInfo-title .evalInfo-title-in { padding: 0 10px; } .evalInfo .evalInfo-title .evalInfo-title-inner { float: left; margin-right: 5px; border: 1px solid #959595; border-bottom: 0; background: #fff; color: #4c4c4c; margin-bottom: -1px; font-size: 110%; line-height: 2; padding: 0 20px; } .evalInfo .evalInfo-com { padding: 1.5em 0; } .evalInfoList ul, .evalInfoList li { list-style: none; } .evalInfoList { margin-bottom: 1em; } .evalInfoList li { border-bottom: 1px solid #f0f0f0; padding: 1em 1.5em; } .evalInfoList .evalInfoList-item { display: table; width: 100%; } .evalInfoList .evalInfoList-item>div { display: table-cell; vertical-align: middle; } .evalInfoList .evalInfoList-item>div.eval-comment { width: 75%; } .evalInfoList .evalInfoList-item>div.eval-name { width: 25%; text-align: right; } .evalInfoList .evalInfoList-item>div.eval-name span { opacity: 0.6; *filter:alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); } .evalInfoList .evalReply { padding-left: 1.5em; margin-top: 1em; } .messageInput dl { display: table; width: 100%; } .messageInput dl dd { display: table-cell; vertical-align: top; line-height: 1.5; } .messageInput dl dd.dl_ddL { width: 1%; white-space: nowrap; } .messageInput dl dd.dl_ddR { width: 99%; } .evalInfo .btns-commitL { margin-top: 1em; text-align: center; } .evalInfo .btns-commitL a { text-decoration: none; padding: 7px 15px; border: 1px solid #a1a1a1; color: #a1a1a1; display: inline-block; *display:inline; *zoom:1; margin-bottom: 0.5em; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin-right: 1em; min-width: 5em; line-height: 1.2; } .evalInfo .btns-commitL .btns-commitL-red { background: #c81623; border-color: #c81623; color: #fff; } .mesCode { margin-top: 8px; } .mesCode .w-text-form { width: 100px; margin-right: 8px; } .mesCode img { height: 2em; } .mesCode a { margin-left: 5px; } /*------------------------------评论 留言 end------------------------------*/ /*-------------------------------底部 start-------------------------------*/ .w-footer { } .w-footer a { text-decoration: none; } .w-footer a:hover { text-decoration: underline; } .w-footer-section .w-footer-in { position: relative; z-index: 4; margin: 0 auto; } .w-footer-section .foot-mask { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .w-foot-content { padding: 10px 0; position: relative; z-index: 2; } /*-------------------------------底部 end-------------------------------*/ /*----------------------------------登录 start----------------------------------*/ .pop-gw { position: fixed; background: #fff; color: #666; z-index: 99; } .pop-login-gw { width: 580px; left: 50%; margin-left: -290px; top: 50%; margin-top: -170px; } .close-gw { position: absolute; right: 10px; top: 10px; width: 22px; height: 22px; background: url(../images/close-gw.png) no-repeat center; cursor: pointer; } .pop-main-gw { padding: 0 50px 45px 50px; } .tabmenu-gw { border-bottom: 1px solid #bdbdbd; text-align: center; vertical-align: middle; } .tabmenu-gw li { display: inline-block; *display:inline; *zoom:1; line-height: 1.5rem; font-size: 0.5rem; color: #11c555; font-weight: bold; cursor: pointer; } .tabmenu-gw li.cur { color: #545a5a; background: url(../images/logintabcur.png) no-repeat center bottom; } .simpline-gw { color: #545a5a; font-size: 0.3rem; font-weight: bold; padding: 0 10px; } .login-gw { padding: 30px 0; font-size: 0.3rem; } .input-lgw { border: 1px solid #cfcfcf; box-shadow: 0px 0px 5px rgba(0,0,0,0.22) inset; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.22) inset; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.22) inset; padding: 10px 10px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .input-error-lgw { border-color: #ff1616; box-shadow: 0px 0px 5px rgba(255,0,0,0.75) inset; -moz-box-shadow: 0px 0px 5px rgba(255,0,0,0.75) inset; -webkit-box-shadow: 0px 0px 5px rgba(255,0,0,0.75) inset; } .mb30-gw { margin-bottom: 0.6rem; position: relative; } .error-label { position: absolute; color: #ff0000; bottom: -0.4rem; left: 0; } .login-label-gw { margin-bottom: 0.2rem; text-align: center; } .btn-link-lgw { position: relative; text-align: right; } .ResetP-gw { text-decoration: none; color: #11c555; position: absolute; left: 0; top: 0; } .ResetP-gw:hover { text-decoration: underline; } .btn-global-gw { background: #484848; color: #fff; border: 1px solid #284848; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0.15rem 0.6rem; box-shadow: 0 2px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1); } .btn-green-gw { background: #11C555; border: 1px solid #09AC46; color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0.15rem 0.6rem; box-shadow: 0 2px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1); } .pop-login-gw h2 { margin-top: 0.5rem; margin-bottom: 0.3rem; font-size: 0.5rem; color: #545a5a; font-weight: bold; border-bottom: 1px solid #bdbdbd; line-height: 2; text-align: center; } .log-notice-gw .logout { position: absolute; right: 1rem; bottom: 0.3rem; color: #11c555; text-decoration: none; } .log-notice-gw .logout:hover { text-decoration: underline; } .color-green-gw { color: #11c555; font-size: 130%; line-height: 1.2; } .log-notice-gw a { color: #11c555; text-decoration: underline; } /*----------------------------------登录 end----------------------------------*/ /*---------------------------------密码 start----------------------------------*/ .password_w dl { margin-bottom: 10px; } .password_w dl dd.dd_l { width: 120px; text-align: right; padding-right: 10px; line-height: 1.8; float: left; } .password_w dl dd.dd_r { margin-left: 120px; } .password_w dl dd .w-text300 { width: 50%; } /*---------------------------------密码 end----------------------------------*/ /*-----------------------------------搜索------------------------------------*/ .search_page .wrap-content-in { padding: 20px 0; } .w-search-top { border-bottom: 1px solid #bdbdbd; padding: 0 0.7em 1em; margin-bottom: 1em; } .w-search-top .w-search-tit { float: left; width: 200px; line-height: 1.8; font-size: 130%; } .w-search-top .w-search-box-r { margin-left: 220px; } .w-search-top .w-search-box-r .search-defaut-w { max-width: none; } .crumbs_s { position: relative; overflow: hidden; margin-bottom: 1em; } .crumbs_s .crumbs_in {/*float:right;*/ } .search_list { } .search_list ul, .search_list li { list-style: none; } .search_list li { padding: 1em 0; overflow: hidden; position: relative; } .search_list li a { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .search_list li h3 { font-size: 120%; margin: 0 0 0.5em; font-weight: normal; } .search_list li .img { float: left; width: 20%; margin-right: 10px; } .search_list li .img img { max-width: 100%; } .search_list li .text .sum { opacity: 0.85; *filter:alpha(opacity=85); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85); } .search_list li .text .date { padding-top: 0.5em; opacity: 0.7; *filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); } .crumb_n .key_word, .search_list .key_word, .w-News-list .key_word, .w-prd-list .key_word, .w-upload-list .key_word, .w-faq-list .key_word { color: #f00; } /*-----------------------------------搜索 end------------------------------------*/ /*---------------------客服组件-------------*/ .w-service-fixed { position: fixed; bottom: 50%; right: 20px; margin-bottom: -160px; z-index: 2000; font-size: 14px; } .bg_s_default { background: #363636; } .color_s_default { color: #363636; } .w-service-fixed .service-item { width: 46px; height: 46px; line-height: 46px; margin-bottom: 2px; position: relative; text-align: center; } .w-service-fixed .service-item .service-popc { position: absolute; right: 46px; top: 0; width: 0; overflow: hidden; text-align: left; color: #fff; } .w-service-fixed .service-item .service-popc a { color: #fff; text-decoration: none; display: block; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden; } .w-service-fixed .service-item:hover .service-popc { width: 180px; transition: width 0.2s; -moz-transition: width 0.2s; -webkit-transition: width 0.2s; -o-transition: width 0.2s; } .w-service-fixed .service-item .service-popc a:hover { opacity: 0.75; *filter:alpha(opacity=75); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);; } .w-service-fixed .service-item .service-popc .service-popc-in { padding: 10px 13px 11px; line-height: 1.5; } .w-service-fixed .service-item-qrCode .service-popc { top: auto; bottom: 0; } .w-service-fixed .service-item-qrCode .qrCodeImg img { max-width: 100%; } .w-service-fixed .icon_service { display: inline-block; *display:inline; *zoom:1; width: 35px; height: 35px; background: url(../images/icon_service.png) no-repeat; vertical-align: middle; } .w-service-fixed .icon_service_qq { background-position: 0 0; } .w-service-fixed .icon_service_tel { background-position: 0 -35px; } .w-service-fixed .icon_service_msn { background-position: 0 -70px; } .w-service-fixed .icon_service_qrCode { background-position: 0 -105px; } .w-service-fixed .icon_service_whatsApp { background-position: 0 -140px; } .w-service-fixed .icon_service_skype { background-position: 0 -175px; } .w-service-fixed .icon_service_wangWang { background-position: 0 -210px; } .w-service-fixed .icon_service_email { background-position: 0 -245px; } .w-service-fixed .icon_service_msn { background-position: 0 -280px; } .w-service-fixed .service-item-top { cursor: pointer; display: none; } .w-service-fixed .service-item-top .fa-caret-up { position: absolute; top: -10px; left: 18px; font-size: 16px; } .w-service-fixed .service-item-top .top { color: #fff; font-size: 15px; } .w-service-fixed .ic_s { display: inline-block; *display:inline; *zoom:1; width: 25px; height: 25px; background: url(../images/ic_s.png) no-repeat; vertical-align: middle; margin-right: 5px; } .w-service-fixed .ic_s_qq { background-position: 0 0; } .w-service-fixed .ic_s_tel { background-position: 0 -25px; } .w-service-fixed .ic_s_msn { background-position: 0 -50px; } .w-service-fixed .ic_s_whatsApp { background-position: 0 -100px; } .w-service-fixed .ic_s_skype { background-position: 0 -125px; } .w-service-fixed .ic_s_wangWang { background-position: 0 -150px; } .w-service-fixed .ic_s_email { background-position: 0 -175px; } .w-service-fixed .ic_s_msn { background-position: 0 -200px; } /*广告浮窗*/ .ad_boxfixed { position: fixed; z-index: 2000; bottom: 20px; right: 5px; line-height: 1.2; } .ad_boxfixed .ad_tel { float: left; background: #01E188; border: 1px solid #01E188; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 14px 11px; color: #fff; margin-right: 10px; } .ad_boxfixed .ad_tel .ad_tel_icon { float: left; } .ad_boxfixed .ad_tel .ad_tel_icon .icon_adTel { display: block; width: 54px; height: 54px; background: url(../images/ad_tel.png); } .ad_boxfixed .ad_tel:hover .ad_tel_icon .icon_adTel { animation: yaohuang 0.3s infinite; -webkit-animation: yaohuang 0.3s infinite; } @-webkit-keyframes yaohuang { 0%, 100% { -webkit-transform:rotate(0); transform:rotate(0) } 25% { -webkit-transform:rotate(30deg); transform:rotate(30deg) } 50% { -webkit-transform:rotate(10deg); transform:rotate(10deg) } 75% { -webkit-transform:rotate(-10deg); transform:rotate(-10deg) } } @keyframes yaohuang { 0%, 100% { -webkit-transform:rotate(0); transform:rotate(0) } 25% { -webkit-transform:rotate(30deg); transform:rotate(30deg) } 50% { -webkit-transform:rotate(10deg); transform:rotate(10deg) } 75% { -webkit-transform:rotate(-10deg); transform:rotate(-10deg) } } .ad_boxfixed .ad_tel .ad_tel_text { margin-left: 62px; padding-top: 2px; } .ad_boxfixed .ad_tel .ad_tel_text .ad_tel_txt { font-size: 14px; font-weight: 200; } .ad_boxfixed .ad_tel .ad_tel_text .ad_tel_num { font-size: 20px; font-weight: bold; margin-top: 8px; } .ad_boxfixed .ad_buyCart { float: left; border: 1px solid #01e188; background: #fff; font-size: 14px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .ad_boxfixed .ad_buyCart a { display: block; padding: 8px 10px 10px; text-decoration: none; color: #01e188; } .ad_boxfixed .ad_buyCart a:hover { opacity: 0.7; *filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); } .ad_boxfixed .ad_buyCart .icon_adCart { display: inline-block; *display:inline; *zoom:1; background: url(../images/ad_buycart.png) no-repeat center; height: 34px; width: 41px; } .ad_boxfixed .ad_buyCart p { margin-bottom: 0; margin-top: 2px; } /*--------------------文件下载-----------------------*/ .w-tb th { padding: 0.5em; line-height: 1.5; text-align: center; font-weight: normal; font-size: 105%; border: 1px solid #e9e9e9; } .w-tb td { padding: 0.5em; line-height: 1.5; text-align: center; border: 1px solid #e9e9e9; } .w-upload-list .icon_file { display: inline-block; *display:inline; *zoom:1; width: 25px; height: 25px; background: url(../images/icon_filesmall.png) no-repeat; vertical-align: middle; } .w-upload-list .icon_file1 { background-position: 0 0; } .w-upload-list .icon_file2 { background-position: -25px 0; } .w-upload-list .icon_file3 { background-position: -50px 0; } .w-upload-list .icon_file4 { background-position: -75px 0; } .w-upload-list .icon_file5 { background-position: -100px 0; } .w-upload-list .icon_file6 { background-position: -150px 0; } .w-upload-list1 .w-tb th { background: #f6f6f6; } .w-upload-list2 .w-tb th { color: #fff; } .w-upload-list2 .w-tb { border: 0; } .w-upload-list2 .w-tb td { border-left: 0; border-right: 0; border-top: 0; border-bottom-color: #f6f6f6; } .w-upload-list2 .w-tb tr:nth-child(even) { background: #f6f6f6; } .w-upload-list2 .w-tb tr:nth-child(odd) { background: #fff; } .w-upload-list3 .w-tb th { background: #f6f6f6; } .w-upload-list3 .w-tb tr:nth-child(even) { background: #f9f9f9; } .w-upload-list3 .w-tb tr:nth-child(odd) { background: #fff; } .w-upload-list4 .w-tb th { color: #fff; } .w-upload-list4 .w-tb tr:nth-child(even) { background: #f9f9f9; } .w-upload-list4 .w-tb tr:nth-child(odd) { background: #fff; } /*-----------------手机底部菜单-------------------*/ .menuFootFixed { position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; display: none; } .menuFootFixed .menuFootmask { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .menuFootFixed .menuFootFixed_in { padding: 0.3em 0; position: relative; z-index: 1; } .menuFootFixed ul, .menuFootFixed li { list-style: none; margin: 0; padding: 0; } .menuFootFixed li { float: left; text-align: center; font-size: 85%; line-height: 1.3; } .menuFootFixed li .item { padding: 0 0.3em; } .menuFootFixed li a { display: block; text-decoration: none; color: #fff; } .menuFootFixed li a:hover { color: #fff; } .menuFootFixed li .fontImg i { font-size: 240%; } .menuFootFixed li h3 { margin: 0; font-size: 100%; font-weight: normal; } /*--------------------FAQ系统----------------------*/ .w-faq-list img { max-width: 100%; } .w-faq-list { line-height: 1.5; overflow: hidden; } .w-faq-list ul, .w-faq-list li { list-style: none; padding: 0; margin: 0; } .w-faq-list1 li { padding: 0.7em 0 1em; border-bottom: 1px solid #d9d9d9; } .w-faq-list1 li .faq_tit { font-size: 115%; margin-bottom: 0.5em; } .w-faq-list1 li .faq_tit h3 { font-size: 100%; margin: 0; font-weight: normal; } .w-faq-list2 li { padding-bottom: 1.5em; } .w-faq-list2 li .faq_tit { font-size: 115%; margin-bottom: 0.5em; padding-left: 15px; position: relative; } .w-faq-list2 li .faq_tit .icon_adore { background: url(../images/faq2bg.png) no-repeat left center; height: 1em; width: 12px; position: absolute; left: 0; top: 0.15em; } .w-faq-list2 li .faq_tit h3 { font-size: 100%; margin: 0; font-weight: normal; } .w-faq-list2 li .faq_det { padding-left: 15px; } .w-faq-list3 li { margin-bottom: 1em; } .w-faq-list3 li .faq_tit { font-size: 115%; padding-right: 2em; position: relative; background: #ededed; cursor: pointer; } .w-faq-list3 li .faq_tit h3 { font-size: 100%; margin: 0; font-weight: normal; padding: 0.4em 0.5em; } .w-faq-list3 li .faq_tit .icon_adore { background: url(../images/faq3bg.png) no-repeat; background-position: 0 0; height: 14px; width: 14px; position: absolute; right: 0.5em; top: 50%; margin-top: -0.5em; } .w-faq-list3 li.open .faq_tit .icon_adore { background-position: 0 -14px; } .w-faq-list3 li .faq_det { padding: 0.5em 0.6em; display: none; } @media (min-width:768px) { .w-com-sidebar .ul-parent { display: block !important; } .w-com-sidebar .ul-parent a { font-weight: 700; } .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent > .div-parent { background: #eaeaea; border-bottom: 1px solid #fafafa; } .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent > .div-parent .fa-plus { display: none; } .w-com-menu-V .ul-submenu { background: #f5f5f5; } .w-com-menu-V .ul-submenu .ul-submenu { background: #fbfbfb; } .w-com-menu-V .ul-submenu .li-parent .div-parent { border-bottom: 1px solid #fff; } .w-com-menu-V .ul-submenu a, .w-com-menu .ul-submenu .fa { color: #898989; } .w-com-menu-H .ul-parent > li> .ul-submenu > ul { background: #fff; } } @media only screen and (min-width:768px) and (max-width:960px) { /*------------------产品 start--------------------*/ .w-prd-list .w-prd-list-cell, .w-prd-packages-classify .w-prd-package-cell { min-width: 33.33%; } /*.w-prd-list1 .w-prd-list-cell:nth-child(3n+1),.w-prd-packages-classify .w-prd-package-cell:nth-child(3n+1){clear:both;}*/ .side_left .w-prd-list .w-prd-list-cell { min-width: 50%; } /*.side_left .w-prd-list1 .w-prd-list-cell:nth-child(3n+1){clear:both;}*/ .product-detail-top1 .product-detail-info, .product-detail-top3 .product-detail-info { margin-left: 46%; } .product-detail-top1 .product-detail-images, .product-detail-top3 .product-detail-images { width: 42%; } /*------------------产品 end--------------------*/ /*------------------组件 start--------------------*/ .multi-imgs li { min-width: 33.33%; } /*------------------组件 end--------------------*/ } @media (min-width:768px) and (max-width:1200px) { .wrap-content-in { padding-left: 10px; padding-right: 10px; } .w-foot-content { padding-left: 10px; padding-right: 10px; } .w-News-list3 li, .w-News-list4 li, .w-News-list5, .w-News-list7 li { padding-left: 1em; padding-right: 1em; } .w-News-list1 .news-com, .w-News-list6 .news-com { padding-right: 1em; } } @media (min-width:960px) { .w-nav .li-parent-div .fa-plus:before { content: "\f105"; } } @media only screen and (min-width:960px) and (max-width:1200px) { .w-logo .w-logo-img { padding-left: 10px !important; } } @media only screen and (min-width:1201px) { } @media (max-width:1366px) { .font18 { font-size: 16px; } .font20 { font-size: 18px; } .font22 { font-size: 19px; } .font24 { font-size: 20px; } .font26 { font-size: 22px; } .font30, .font32 { font-size: 24px; } .font36 { font-size: 28px; } .font48 { font-size: 36px; } } @media (max-width:1199px) { .w-faq-list { padding: 0 0.8em; } .product-title-top h2 { font-size: 150%; } } @media (max-width:960px) { html { } html, body {/*overflow:auto;*/ margin: 0; } body { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } .bodyfootFixed { padding-bottom: 3.7em; } .menuFootFixed { display: block; } .w-service-fixed { display: none; } .w-custom { display: none; } .w-section .row, .w-footer-section .w-footer-in { max-width: 100% !important; } .col-table { margin: 0; } .col-table .col-table { margin: 0 -5px; } .div-table .td-w .div-padding, .div-table .div-table .td-w .div-padding { padding: 0 5px; } .w-section { background-attachment: scroll !important; } /*-----------------------导航栏 start---------------*/ .w-nav ul { display: block; } .w-nav li { float: none; } .w-nav li { border-bottom: 1px solid #2A2A2A; border-top: 1px solid #484848; } .w-nav li:first-child { border-top: none; } .w-nav .li-parent-div .fa { position: absolute; top: 50%; margin-top: -1em; right: 0; width: 2em; height: 2em; line-height: 2em; text-align: center; font-size: 150%; } .w-nav .li-parent-div.open .fa-plus:before { content: "\f068"; } .w-nav .submenu { position: relative; font-size: 14px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .w-nav .submenu li { width: auto; } .w-nav .submenu li .submenu { left: 0; top: 0; } .w-nav .submenu ul { background: #4a4a4a; } .w-nav .submenu .submenu ul { background: #565656; } .w-nav li a, .w-nav .submenu li a { display: block; padding: 1em 5px; text-align: center; color: #999; } .w-nav > .w-nav-in > .nav_inner > li:hover > .submenu, .w-nav .submenu li:hover > .submenu { display: none; } .mobile-nav-toggle { display: block; } /*-----------------------导航栏 end---------------*/ .topTel { font-size: 14px; cursor: pointer; position: fixed; z-index: 98; bottom: 6em; right: 1em; width: 4em; height: 4em; line-height: 4em; border-radius: 50%; -webkit-border-radius: 50%; background: rgba(0,0,0,0.3); color: #fff; text-align: center; } .topTel i { font-size: 200%; line-height: 2; } } @media (max-width:767px) { .font18 { font-size: 110%; } .font20 { font-size: 115%; } .font22 { font-size: 120%; } .font24, .font26 { font-size: 125%; } .font30, .font32 { font-size: 130%; } .font36 { font-size: 140%; } .font48 { font-size: 150%; } .tel-hidden { display: none; } .bx-controls-direction { display: none; } .div-table-first > tbody > tr >.td-w { max-width: 100% !important; width: auto !important; display: block; margin: 0 auto 0.5em !important; } .div-table-first > tbody > tr >.td-w>.div-padding { padding: 0; } .w-logo h1 { text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden; } .wrap-content-in { padding: 1em 1em 2em 1em; } .w-system { padding: 1em 0 2em 0; } .w-delimiters-ver { display: none; } .w-space { height: 0.5em !important; } .w-foot-main { padding: 0; } .w-foot-content { padding: 0.5em 1em; } /*------------------产品 start--------------------*/ .w-prd-list-cell { margin-bottom: 0.5em; } .w-prd-list1 { margin-left: 0; margin-right: 0; } .w-prd-list1 .w-prd-list-cell, .w-prd-packages-classify .w-prd-package-cell { min-width: 49.9%; } .w-prd-list1 .w-prd-list-cell:nth-child(2n+1), .w-prd-packages-classify .w-prd-package-cell:nth-child(2n+1) { clear: both; } .w-prd-list2 .w-prd-list-cell { min-width: 100%; } .w-prd-list2 .w-prd-list-cell-in { padding: 0 0.5em; } .product-detail-images { display: none; } .rotatePicbox-tel { display: block; } .product-detail-top1 .product-detail-info, .product-detail-top3 .product-detail-info { margin-left: 0; } .product-detail-info { margin-left: 0; } .w-breadcrumbs { padding-left: 1em; } .product-detail-info .product-title h2 { font-size: 130%; } .product-detail-info .product-grayBox .product-prices .price-sale .num .bigsize { font-size: 150%; } .product-descons { padding-left: 1em; padding-right: 1em; } .collect_share, .w-product-btns { display: none; } .prddetail_foot_fixed { display: block; } .prd_detInfo_con { border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; margin-bottom: 1em; padding: 1em 0.5em; } .product-detail-info .product-properies-groups { padding-top: 0; } .product-detail-info .product-grayBox { background: none; padding: 0 0.3em; height: auto; } .descon_item { padding: 1em 0; } .info_tab { overflow-x: auto; } /*.info_tab::-webkit-scrollbar-track { -webkit-box-shadow: none; border-radius: 10px; background-color:transparent; } .info_tab::-webkit-scrollbar { height: 1px; background-color:transparent; } .info_tab::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow:none; background-color:transparent; }*/ .info_tab ul { white-space: nowrap; } .info_tab li { display: inline-block; white-space: nowrap; float: none; } .evalInfoList li { padding: 1em; } .message-leave { padding-left: 1em; padding-right: 1em; } .fileListBox, .msgLBox { padding-left: 1em; padding-right: 1em; } .product-detail-wrap .news-others { padding-left: 1em; padding-right: 1em; } /*------------------产品 end--------------------*/ /*------------------新闻 start----------------------*/ .w-News-list { padding: 0 0.8em; } .w-News-list .news-com .news-h { font-size: 110%; } .w-News-list .news-sum { font-size: 95%; } .w-News-list1 { line-height: 1.5; } .w-News-list1 li { padding: 1em 0; width: 100% !important; } .w-News-list1 .news-com { margin-left: 28%; } .w-News-list1 .news-com .date { margin-top: 0; font-size: 90%; } .w-News-list1 .news-com .news-sum { margin-top: 0; max-height: 4.4em; overflow: hidden; } .w-News-list3 li { padding: 1em 0; } .w-News-list5 li { min-width: 100%; margin-right: 0; margin-bottom: 1em; } .w-News-list6 { line-height: 1.5; } .w-News-list6 li { padding: 1em 0; width: 100% !important; } .w-News-list6 .news-com { margin-left: 28%; } .w-News-list6 .news-com .news-sum { margin-top: 0; } .w-News-list8 .news-item .news-com { bottom: 0; } .newsDetail .newsST >span {/*margin:0 1em;*/ } .newsDetail .newsSummary { padding: 0.5em 1em; } .newsDetail .newsContent { padding: 0 1em; } .news-others { margin-top: 3em; padding: 0 1em; } .news-others .link-r { position: relative; text-align: left; top: 0; margin-top: 1em; } .news-others .link-r a { margin-left: 0; margin-right: 1em; } /*------------------新闻 end----------------------*/ /*------------------菜单start--------------------*/ .systitle { position: relative; padding: 0.5em 3em 0.5em 0.5em !important; text-align: left !important; cursor: pointer; } .w-com-menu-H .systitle { display: block; } .w-com-menu .systitle .icon_menuControl { position: absolute; z-index: 1; right: 0.4em; top: 0.5em; display: inline-block; font-size: 125%; line-height: 1.2; width: 1.2em; color: #fff; } .w-com-menu .systitle .icon_menuControl:before { content: "\f13a"; } .w-com-menu .systitle.open .icon_menuControl:before { content: "\f139"; } .w-com-menu .ul-parent { display: none; } .w-com-menu { background: #3d3d3d; margin-bottom: 1em; } .w-com-menu li, .w-com-menu .ul-submenu li { display: block; margin: 0; border-bottom: 1px solid #2A2A2A; border-top: 1px solid #484848; } .w-com-menu a { font-size: 100%; } .w-com-menu li a, .w-com-menu .ul-submenu li a { padding: 0.7em 0.8em; text-align: center; color: #999; display: block; line-height: normal; } .w-com-menu .fa { display: block; right: 0; } .w-com-menu .ul-submenu { position: relative; top: auto; padding-top: 0; } .w-com-menu li:hover > .ul-submenu, .w-com-menu-V > .w-com-menu-in > .ul-parent > li:hover > .ul-submenu { display: none; } .w-com-menu .ul-submenu ul { background: #4a4a4a; } .w-com-menu .ul-submenu .ul-submenu ul { background: #565656; } .w-com-menu .ul-submenu li { float: none; } .w-com-menu .ul-submenu .ul-submenu-up { display: none; } .w-com-menu .ul-submenu li> .div-parent:hover a, .w-com-menu .ul-submenu li.cur> .div-parent a { background: #555; } .w-com-menu li> .div-parent:hover >a, .w-com-menu li.cur> .div-parent >a, .w-com-menu li> .div-parent:hover >.fa, .w-com-menu li.cur> .div-parent >.fa { color: #fff; } .side_bar { width: 100%; float: none; } .side_left { margin-left: 0; } .systitle { font-size: 125%; position: relative; line-height: 1.5; } .crumbs { margin-bottom: 1em; } .crumbs .crumbs_in { padding: 0 0.5em; } .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent > .div-parent { background: none !important; border-bottom: 0; } .w-com-menu-V .ul-submenu .li-parent .div-parent { border-bottom: 0; } .w-system .w-searchbox { margin-left: 2%; margin-right: 2%; } /*------------------菜单end--------------------*/ /*--------------------组件 start -----------------------*/ .w-option .radio-simulation { width: 1.4em; height: 1.4em; background-size: 1.4em 1.4em; margin-top: -0.7em; } .w-option input[type="hidden"].checked + label { background-size: 1.4em 1.4em; } .w-option span { margin-left: 1.8em; } .w-checkbox .checkbox-simulation { width: 1.1em; height: 1.1em; background-size: 1.1em 1.1em; margin-top: -0.55em; } .w-checkbox input[type="checkbox"].checked + label {/*background-size:1.2em 1.2em;*/ } .title-h-in { min-height: 10px; } .w-video { width: 100%; } .progress_railbox_x { padding-left: 1.8em; } .w-lantern-h li { width: 33.33%; } /*----1.3版本----*/ .w-form-UL .w-label-form, .w-form-UL .w-question-title { float: none; width: 100% !important; text-align: left; margin-bottom: 0.1rem; padding-top: 0; } .w-form-UL .w-form-fr { margin-left: 0 !important; padding-left: 0; } .w-form-UL .w-form-select .w-question-title { padding-top: 0; } .w-form .w-form-code, .w-form .w-form-submit { margin-left: 0 !important; } .w-form-filebox, .w-form-UL .w-form-filebox { padding: 0.5em; } /*----1.3版本 end----*/ /*--------------------组件 end -----------------------*/ /*--------------------登录 start----------------------*/ .pop-login-gw { top: 1.56rem; margin-top: 0 !important; left: 0; margin-left: 0; right: 0; width: auto; bottom: 0; } .pop-main-gw { padding: 1rem 0.5rem; } /*--------------------登录 end----------------------*/ /*search*/ .w-search-top .w-search-tit { float: none; width: 100%; } .w-search-top .w-search-box-r { margin-left: 0; } .password_w dl dd.dd_l { float: none; width: auto; text-align: left; } .password_w dl dd.dd_r { margin-left: 0; } .password_w dl dd .w-text300 { width: 100%; } /*--------------------banner----------------------*/ .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 0 !important; } .search_page .search_list, .crumb_n { padding: 0 0.7em; } .ad_boxfixed { display: none; } } @media only screen and (min-width:480px) and (max-width:767px) { .multi-imgs li { min-width: 50%; } .w-News-list2 li, .w-News-list8 li { min-width: 50%; } .w-News-list2 li:nth-child(2n+1), .w-News-list8 li:nth-child(2n+1) { clear: both; } } @media (max-width:520px) { .w-News-list1 .news-com .news-sum { max-height: 2.9em; } } @media only screen and (max-width:479px) { .body { font-size: 0.375rem; } .wrap-content-in { padding: 0.5rem 0.2rem; } .w-system { padding: 0.5rem 0; } .pdTop-small { padding-top: 0.5em !important; } .pdTop-medium { padding-top: 1em !important; } .pdTop-big { padding-top: 1em !important; } .pdTop-large { padding-top: 1em !important; } .pdBottom-small { padding-bottom: 0.5em !important; } .pdBottom-medium { padding-bottom: 1em !important; } .pdBottom-big { padding-bottom: 1.5em !important; } .pdBottom-large { padding-bottom: 2em !important; } .multi-imgs li { min-width: 50%; } .multi-imgs li:nth-child(2n+1) { clear: both; } .gallery-img .gallery-caption-full { font-size: 120%; } .w-News-list a.news-kind { display: none; } .w-News-list .news-com .news-sum { font-size: 95%; } .w-News-list1 .news-com .news-sum { margin-top: 0; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden; } .w-News-list2 li { min-width: 100%; } .w-News-list2 li .news-item { margin: 0 0 1.5em 0; } .w-News-list3 .news-com .news-sum, .w-News-list4 .news-com .news-sum { max-height: 4em !important; overflow: hidden; line-height: 1.4 !important; } .w-News-list5 li .news-item .data-day { width: 1.2rem; height: 1.2rem; line-height: 1.2rem; font-size: 0.8rem; margin-top: -10px; } .w-News-list5 li .news-item .date, .w-News-list5 li .news-item { margin-left: 0.65rem; } .w-News-list5 li .news-item .news-com { padding: 0.25rem 0.25rem 0.25rem 0.75rem; } .w-News-list5 li .news-item .news-com .news-h a { font-size: 0.45rem; } .w-News-list5 li .news-item .news-com .news-sum { max-height: 4em; overflow: hidden; line-height: 2; } .w-News-list6 .news-com .news-h, .w-News-list6 .news-com .date { float: none; width: 100%; text-align: left; } .w-News-list6 .news-com .news-sum { margin-top: 0; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden; } .w-News-list7 li .date { margin-right: 1em; } .w-News-list7 li .date .date-day { font-size: 220%; } .w-News-list7 li .date .date-yearMonth { padding: 0 0.5em; } .w-News-list7 .news-com .news-sum { max-height: 4em; overflow: hidden; line-height: 2; } .w-News-list8 { margin: 0; } .w-News-list8 li { min-width: 100%; } .w-News-list8 li .news-item { margin: 0 0 1.5em 0; } .messageInput dl dd { display: block; } .w-checkbox span { margin-left: 0.4em; } .w-prd-list-cell .w-prd-price-groups > div { font-size: 95%; } .w-prd-list-cell .w-prd-btns a { padding: 0.3em 0.35em; font-size: 90%; } .w-prd-list2 .w-prd-list-cell .w-prd-sum { line-height: 1.3; max-height: 3.75em; overflow: hidden; } .bx-wrapper .bx-pager.bx-default-pager a { height: 6px !important; width: 6px !important; border-radius: 3px !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; } .ad_boxfixed .ad_tel { padding: 0.6em 0.6em; } .ad_boxfixed .ad_tel .ad_tel_icon .icon_adTel { width: 3em; height: 3em; background-size: 3em 3em; } .ad_boxfixed .ad_tel .ad_tel_text { margin-left: 3.5em; } .ad_boxfixed .ad_tel .ad_tel_text .ad_tel_txt { font-size: 100%; } .ad_boxfixed .ad_tel .ad_tel_text .ad_tel_num { font-size: 150%; margin-top: 0.2em; } .ad_boxfixed .ad_buyCart { font-size: 100%; } .ad_boxfixed .ad_buyCart a { padding: 0.5em; } .ad_boxfixed .ad_buyCart .icon_adCart { width: 2em; height: 2em; background-size: 2em auto; } .w-fileNew .w-file-info .icon_file { background-size: 14em 2em; width: 2em; height: 2em; } .w-fileNew .w-file-info .icon_file1 { background-position: 0 0; } .w-fileNew .w-file-info .icon_file2 { background-position: -2em 0; } .w-fileNew .w-file-info .icon_file3 { background-position: -4em 0; } .w-fileNew .w-file-info .icon_file4 { background-position: -6em 0; } .w-fileNew .w-file-info .icon_file5 { background-position: -8em 0; } .w-fileNew .w-file-info .icon_file6 { background-position: -12em 0; } .w-fileNew .w-file-info .icon_fileEmpty { background-position: -10em 0; } .w-fileNew .w-file-info .w-file-name { margin-left: 2.5em; line-height: 2; } .w-fileNew .w-file-opt { line-height: 2; } .w-fileNew-btn .w-file-opt a { line-height: 1.8; margin-top: 0.1em; } .w-upload-list { overflow-x: auto; } .w-upload-list .w-upload-list-in { width: 150%; } .w-upload-list .icon_file { width: 1.5em; height: 1.5em; background-size: 10.5em 1.5em; } .w-upload-list .icon_file1 { background-position: 0 0; } .w-upload-list .icon_file2 { background-position: -1.5em 0; } .w-upload-list .icon_file3 { background-position: -3em 0; } .w-upload-list .icon_file4 { background-position: -4.5em 0; } .w-upload-list .icon_file5 { background-position: -6em 0; } .w-upload-list .icon_file6 { background-position: -9em 0; } .menuFootFixed { font-size: 0.35rem; } .bodyfootFixed { padding-bottom: 4.15em; } .w-pages a { display: none; } .w-pages a.w-page-pre, .w-pages a.w-page-next { display: inline-block; } .topTel { font-size: 0.35rem; } } /*------------------------title start---------------------------------*/ .w-title{margin:20px 0 ; line-height:1.5;} .w-title h2{font-weight:normal; margin:0;} .w-title .title-h-in > span{font-size:100%; font-family:"Times New Roman", Times, serif; } .bg_vice{background-color:#EEEEEE;} .linebg{ background:#ccc;} .lineborder{ border-color:#e0dddb;} .bg_none{background:none;} .bgtit_body{ background:#fff;} .color_vice_light{ color:#777;} .bg_vice_light{ background:#999;} .bg29{background:url(../images/tit29bg.png) repeat-x center;} .bg3{background:url(../images/line.png) repeat-x center;} .icon_more19bg{background-position:center; background-repeat:no-repeat;} .aHovercolor_main:hover,.aHoverbg_deepen:hover,.w-title17 .more:hover,.aHovercolor_deepen:hover{transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s; -o-transition: all 0.2s;} .w-title1{ text-align:center; line-height:1.8; } .w-title1 h2{ font-size:165%; line-height:1.8;} .w-title1 .title-h-in > span{ font-size:130%;} .w-title1 .simpline{ margin:10px auto; width:55px; height:2px;} .w-title2{ padding:0 7px; position:relative; color:#787878;} .w-title2 h2{font-size:120%; line-height:2; display:inline-block; *display:inline; *zoom:1;} .w-title2 .title-h-in h2{ color:#787878;} .w-title2 span{padding-left:5px;} .w-title2 .more{ position:absolute; right:7px;top:50%; margin-top:-0.75em; text-decoration:none;} .w-title3{ text-align:center;} .w-title3 .title-h-in{ display:inline-block; *display:inline; *zoom:1; padding:0 20px;} .w-title3 h2{ font-size:150%;display:inline-block; *display:inline; *zoom:1; } .w-title3 .title-h-in > span{margin-left:10px; font-size:120%;} .w-title4{ font-family:microsoft yahei,"微软雅黑","黑体"; background:url(../images/tit4bg.png) repeat-x; background-size:auto 100%; position:relative; } .w-title4 h2{ font-size:130%;display:inline-block; *display:inline; *zoom:1; background:url(../images/tit4_middle.png) no-repeat center; background-size:100% 100%; padding:0.7em 30px;_width:auto;} .w-title4 .title-h-in h2{ color:#fff;} .w-title4 .title-h-in > span{ margin-left:10px; font-size:110%;color:#fff;} .w-title4 .more{ position:absolute; right:7px;top:50%; margin-top:-0.75em; text-decoration:none; color:#fff;} .w-title4 .more span{font-size:100%;} .w-title5{ border-width:0;border-bottom-width:1px; border-style:solid; position:relative; } .w-title5 .w-title-in{ max-width:1200px; margin:0 auto;} .w-title5 h2{ font-size:20px; text-align:left;border-width:0;border-bottom-width:2px; border-style:solid; display:inline-block; line-height:2; *display:inline; *zoom:1; margin:0 0 -1px 0;} .w-title5 .title-h-in h2{color:#000;} .w-title5 .title-h-in > span{ margin-left:10px; } .w-title5 .more{ position:absolute; right:7px;top:50%; margin-top:-0.75em; text-decoration:none;} .w-title5 .more span{ font-size:100%;} .w-title6{text-align:center;color:#333;} .w-title6 .tith{ display:inline-block; position:relative;*display:inline; zoom:1;} .w-title6 .tith h2{ font-size:20px; line-height:2; padding:5px 20px 0 20px; background:url(../images/tit6_middle.png) repeat-x top; display:inline-block;*display:inline; zoom:1;color:#333; } .w-title6 .tith .tit_left{ height:32px; width:30px; background:url(../images/tit6_left.png) no-repeat; position:absolute; left:-30px; top:0;} .w-title6 .tith .tit_right{ height:32px; width:30px; background:url(../images/tit6_right.png) no-repeat; position:absolute; right:-30px; top:0;} .w-title6 .title-h-in > span{ display:block;} .w-title7{border-width:1px;border-left-width:3px; border-style:solid; position:relative; padding:0.5em 1em;color:#333; } .w-title7 h2{font-size:18px; display:inline-block;*display:inline; *zoom:1;} .w-title7 .title-h-in h2{color:#333;} .w-title7 .title-h-in > span{margin-left:5px;} .w-title7 .more{ position:absolute; top:-1px; bottom:-1px; right:-1px; padding:0.7em 1em; color:#fff; text-decoration:none; } .w-title8{ background:url(../images/tit8bg.png) repeat-x; background-size:auto 100%; position:relative; } .w-title8 h2{ font-size:18px; padding:0.5em 1em; display:inline-block; *display:inline;*zoom:1; position:relative; } .w-title8 h2 .bg_opacipy{position:absolute; left:0; right:0; top:0; bottom:0;opacity:0.9; *filter:alpha(opacity=90); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);} .w-title8 .title-h-in h2{color:#fff;} .w-title8 h2 em{font-style:normal; position:relative; z-index:1;} .w-title8 h2 span{ margin-left:10px;font-family:"Times New Roman", Times, serif;position:relative; z-index:1;} .w-title8 .more{ position:absolute; right:1em;top:50%; margin-top:-0.75em; text-decoration:none;} .w-title9{text-align:center; color:#333;} .w-title9 .w-title-in{display:inline-block; *display:inline; *zoom:1; padding-left:75px;background:url(../images/tit9_left.png) no-repeat left center;} .w-title9 .w-title-in .w-title-inner{padding-right:75px;background:url(../images/tit9_right.png) no-repeat right center;} .w-title9 .title-h-in{padding:10px 0;} .w-title9 h2{ font-size:20px; display:inline-block;*display:inline;*zoom:1; line-height:1.5; } .w-title9 .title-h-in h2{color:#333;} .w-title9 .title-h-in > span{ display:block;} .w-title10{ background:url(../images/tit10bg.png) no-repeat center bottom;margin-top:10px; padding:10px 0 16px; text-align:center; color:#333;} .w-title10 h2{font-size:18px; line-height:1.5;display:inline-block;*display:inline;*zoom:1;} .w-title10 .title-h-in h2{color:#333;} .w-title10 .title-h-in > span{ display:block;} .w-title11{ background:url(../images/tit11bg.png) no-repeat center; background-size: auto 100%; min-width:4em; padding:1em 0 2em 0;text-align:center; display:table; width:100%;color:#333; } .w-title11 .w-title-in{ display:table-cell; vertical-align:middle; height:100%;} .w-title11 h2{ font-size:20px; line-height:1.8; *padding-top:35px; } .w-title11 .w-title-in h2{color:#333;} .w-title11 .title-h-in > span{ display:block; font-size:30px;} .w-title12{ text-align:center; color:#333; } .w-title12 .w-title-in{display:inline-block; *display:inline; *zoom:1; padding-left:40px;background:url(../images/tit12bg.png) no-repeat left center;} .w-title12 .w-title-in .w-title-inner{padding-right:40px;background:url(../images/tit12bg.png) no-repeat right center;} .w-title12 h2{font-size:18px; line-height:1.5;} .w-title12 .title-h-in h2{color:#333;} .w-title12 .title-h-in > span{ display:block; } .w-title13{text-align:center; padding-top:30px; background:url(../images/tit13bg.png) no-repeat center top; } .w-title13 h2{font-size:24px; line-height:1.5; } .w-title13 .title-h-in h2{color:#333;} .w-title13 .title-h-in > span{ display:block; font-size:18px; color:#666;} .w-title14{text-align:right;} .w-title14 .title-h-in > span{ display:block; font-size:16px; line-height:1.2; color:#333;} .w-title14 h2{ display:block; padding-top:12px; background:url(../images/tit14bg.png) no-repeat left top;font-size:18px; line-height:1.5;} .w-title14 .title-h-in h2{color:#333;} .w-title15{border-width:0;border-left-width:6px; border-style:solid; position:relative; padding:0.1em 1em; } .w-title15 h2{font-size:18px; display:inline-block;*display:inline; *zoom:1;} .w-title15 .title-h-in > span{margin-left:5px;} .w-title15 .more{ position:absolute; top:50%; margin-top:-0.75em; right:0; text-decoration:none; } .w-title16{ text-align:center; line-height:1.8; } .w-title16 h2{ font-size:165%; line-height:1.8;} .w-title16 .title-h-in > span{ font-size:130%;} .w-title17{ border-width:0;border-bottom-width:1px;border-style:solid; position:relative; margin:0 0 10px 0;} .w-title17 .w-title-in{ max-width:1200px; margin:0 auto;} .w-title17 .w-title-inner{ float:left; padding-right:50px; background:url(../images/tit17bg.png) no-repeat center right; background-size:auto 100%;} .w-title17 .title-h-in{ background:#252525; padding-left:68px;} .w-title17 .title-text-in{padding-left:15px; white-space:nowrap;} .w-title17 .title-text-in h2{color:#fff; display:inline-block; line-height:2; *display:inline; *zoom:1;text-align:left; font-size:115%; font-family:"微软雅黑",microsoft yahei,"黑体";} .w-title17 .title-text-in > span{ margin-left:10px; color:#fff; font-family:"Times New Roman", Times, serif;} .w-title17 .more{ position:absolute; right:-2px;top:50%; margin-top:-1.4em; text-decoration:none; background:url(../images/tit17_more.png) no-repeat center;text-align:center;background-size:contain; font-family:Arial, Helvetica, sans-serif; font-size:80%; line-height:1; color:#fff; padding:0.4em 13px;} .w-title17 .more span{ font-size:100%;} .w-title18{text-align:center;color:#333;} .w-title18 .tith{ display:inline-block; position:relative;*display:inline; zoom:1; background:url(../images/tit18_middle.png) repeat-x bottom; text-align:center; padding:10px 20px;} .w-title18 .tith h2{ font-size:24px; line-height:2;display:inline-block;*display:inline; zoom:1;color:#333; } .w-title18 .tith span{display:block; font-size:16px; font-family:"Times New Roman", Times, serif;} .w-title18 .tith .tit_left{ height:44px; width:55px; background:url(../images/tit18_left.png) no-repeat; position:absolute; left:-55px; bottom:0;} .w-title18 .tith .tit_right{ height:44px; width:55px; background:url(../images/tit18_right.png) no-repeat; position:absolute; right:-55px; bottom:0;} .w-title19{ border-width:0;border-bottom-width:1px; border-style:solid; position:relative;} .w-title19 .w-title-in{ max-width:1200px; margin:0 auto;} .w-title19 .tith{text-align:left;border-width:0;border-bottom-width:2px; border-style:solid; display:inline-block; line-height:2; *display:inline; *zoom:1; margin:0 0 -1px 0; font-size:120%;} .w-title19 .tith span{font-family:"Times New Roman", Times, serif;} .w-title19 h2{ font-size:20px;display:inline-block; line-height:2; *display:inline; *zoom:1; color:#333; } .w-title19 .tith > em{ font-style:normal; padding:0 0.5em; } .w-title19 .more{ position:absolute; right:7px;bottom:0.5em; text-decoration:none;} .w-title19 .more span{ font-size:100%;} .w-title19 .more .icon_more{ display:inline-block; *display:inline; *zoom; width:1em; height:1em; background-position:center; background-repeat:no-repeat; margin-left:0.3em; vertical-align:middle; margin-top:-2px;} .w-title20{ position:relative;} .w-title20 .w-title-in{} .w-title20 .tith{text-align:left; display:inline-block; line-height:1.3; *display:inline; *zoom:1; margin:0 0 -1px 0;} .w-title20 .tith span{ font-size:24px;} .w-title20 h2{ font-size:120%; } .w-title20 .more{ position:absolute; right:7px;bottom:0.2em; text-decoration:none;} .w-title20 .more span{ font-size:100%;} .w-title20 .more .icon_more{ display:inline-block; *display:inline; *zoom:1; width:1em; height:1em; background-position:center; background-repeat:no-repeat; margin-left:0.3em; margin-top:-2px;vertical-align:middle; background-image:url(../images/icon-more.png);} .w-title21{ border-width:0;border-bottom-width:1px; border-style:solid; position:relative;} .w-title21 .w-title-in{ max-width:1200px; margin:0 auto;} .w-title21 h2{ font-size:16px;display:inline-block; line-height:2; *display:inline; *zoom:1; color:#fff; padding:0 1em; border-top-left-radius:5px;border-top-right-radius:5px;-moz-border-top-left-radius:5px;-moz-border-top-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px; } .w-title21 .more{ position:absolute; right:7px;bottom:0.2em; text-decoration:none;} .w-title21 .more span{ font-size:100%;} .w-title22{text-align:center;color:#333;} .w-title22 .w-title-in{display:inline-block;*display:inline; zoom:1; text-align:center; padding-left:60px;background:url(../images/tit22_left.png) no-repeat left center;} .w-title22 .w-title-in .title-h-in{ padding-right:60px;background:url(../images/tit22_right.png) no-repeat right center;} .w-title22 .tith{ padding:10px 20px;} .w-title22 .tith h2{ font-size:24px; line-height:2;display:inline-block;*display:inline; zoom:1;color:#333; } .w-title22 .tith span{display:block; font-size:16px; font-family:"Times New Roman", Times, serif;} .w-title23{text-align:center; line-height:2;} .w-title23 h2{ font-size:18px;} .w-title23 .title-h-in > span{ font-size:32px;} .w-title23 .simpline{ width:30px; height:1px; margin:0 auto 10px;} .w-title24{text-align:center; line-height:1.2;} .w-title24 .title-h-in >span{display:block; font-size:32px; margin-bottom:5px;} .w-title24 .tith{ display:inline-block; position:relative;*display:inline; zoom:1; text-align:center; padding:0 10px;} .w-title24 .tith h2{ font-size:18px; line-height:2;display:inline-block;*display:inline; zoom:1; } .w-title24 .tith .tit_left{ height:1px; width:30px; position:absolute; left:-30px; top:50%;} .w-title24 .tith .tit_right{ height:1px; width:30px; position:absolute; right:-30px; top:50%;} .w-title25{text-align:center; line-height:1.2;} .w-title25 h2{display:block; font-size:30px; margin-bottom:5px;} .w-title25 .tith{ display:inline-block; position:relative;*display:inline; zoom:1; text-align:center; padding:0 10px;} .w-title25 .tith span{ font-size:18px; line-height:2;display:inline-block;*display:inline; zoom:1;font-family:"Times New Roman", Times, serif; } .w-title25 .tith .tit_left{ height:1px; width:100px; position:absolute; left:-100px; top:50%;} .w-title25 .tith .tit_right{ height:1px; width:100px; position:absolute; right:-100px; top:50%;} .w-title26{ position:relative; border-width:0;border-bottom-width:1px;border-style:solid;} .w-title26 .tith{ display:inline-block; line-height:1.2; *display:inline; *zoom:1; margin:0 0 -1px 0; font-size:120%;} .w-title26 .tith span{font-family:"Times New Roman", Times, serif;} .w-title26 h2{ font-size:20px;display:inline-block; line-height:2; *display:inline; *zoom:1; } .w-title26 .tith > em{ font-style:normal; padding:0 0.5em; } .w-title26 .more{ position:absolute; right:7px;bottom:0.2em; text-decoration:none;} .w-title26 .more span{ font-size:100%;} .w-title27{ border-width:0;border-bottom-width:3px; border-style:solid; position:relative;} .w-title27 h2{ font-size:16px;display:inline-block; line-height:2; *display:inline; *zoom:1; color:#fff; padding:0 1em; } .w-title27 .more{ position:absolute; right:7px;bottom:0.2em; text-decoration:none;} .w-title27 .more span{ font-size:100%;} .w-title28{ position:relative;} .w-title28 .tith{ display:inline-block; line-height:1.2; *display:inline; *zoom:1; margin:0 0 -1px 0; font-size:120%;} .w-title28 .tith span{font-family:Georgia, "Times New Roman", Times, serif;font-size:28px;} .w-title28 h2{ display:inline-block; line-height:2; *display:inline; *zoom:1; font-size:110%; } .w-title28 .tith > em{ /*font-style:normal;*/ padding:0 0.5em; } .w-title28 .more{ position:absolute; right:7px;bottom:0.5em; text-decoration:none;} .w-title28 .more span{ font-size:100%;} .w-title29{ position:relative; } .w-title29 .tith{ display:inline-block; line-height:1.2; *display:inline; *zoom:1; margin:0 0 -1px 0; font-size:120%; padding-right:10px;} .w-title29 .tith span{font-family:Georgia, "Times New Roman", Times, serif;font-size:28px;} .w-title29 h2{ display:inline-block; line-height:2; *display:inline; *zoom:1; font-size:110%; } .w-title29 .tith > em{ font-style:normal; padding:0 0.5em; } .w-title29 .more{ position:absolute; right:0;top:50%; margin-top:-0.75em; padding:0 7px;text-decoration:none; } .w-title29 .more span{ font-size:100%;} .w-title30{ position:relative;border-width:0;border-left-width:8px; border-style:solid; padding-left:10px;} .w-title30 .tith{text-align:left; display:inline-block; line-height:1.2; *display:inline; *zoom:1; margin:0 0 -1px 0; color:#333;} .w-title30 .tith h2{font-size:26px; margin-bottom:5px;} .w-title30 .tith span{ font-size:16px;} .w-title30 .more{ position:absolute; right:7px;top:50%; margin-top:-0.75em; text-decoration:none; border-width:0;border-bottom-width:1px; border-style:solid;} .w-title30 .more span{ font-size:120%; display:inline-block; *display:inline; *zoom:1; line-height:1.5;} .w-title31{text-align:center;} .w-title31 .title-h-in > span{display:block; font-size:40px; margin-bottom:5px;font-family:"Times New Roman", Times, serif; line-height:2;} .w-title31 .tith{ display:inline-block; position:relative;*display:inline; zoom:1; text-align:center;} .w-title31 .tith h2{ font-size:18px; line-height:2.5;display:inline-block;*display:inline; zoom:1; padding:0 20px; border-width:1px; border-style:solid;} .w-title31 .tith .tit_left{ height:1px; width:150px; position:absolute; left:-150px; top:50%;} .w-title31 .tith .tit_right{ height:1px; width:150px; position:absolute; right:-150px; top:50%;} .w-title32{ position:relative;border-width:0; border-top-width:1px;border-style:solid;} .w-title32 .w-title-in{ max-width:1200px; margin:0 auto;} .w-title32 .tith{text-align:left; display:inline-block; line-height:1.3; *display:inline; *zoom:1; font-size:120%;border-width:0; border-top-width:6px;border-style:solid; margin-top:-5px; padding-top:10px;} .w-title32 .tith span{ font-size:24px;font-family:"Times New Roman", Times, serif;} .w-title32 h2{ font-size:120%; } .w-title32 .more{ position:absolute; right:7px;bottom:0.2em; text-decoration:none;} .w-title32 .more span{ font-size:100%;} .w-title32 .more .icon_more{ display:inline-block; *display:inline; *zoom; width:1em; height:1em; background-position:center; background-repeat:no-repeat; margin-left:0.3em; vertical-align:middle; background-image:url(../images/icon-more.png);} .w-title33{ text-align:center; line-height:2; text-align:center; position:relative;} .w-title33 .tit_line{position:absolute; left:0; right:0; height:1px; top:50%;} .w-title33 .title-h-in{ display:inline-block; *display:inline; *zoom:1; padding:0 20px; position:relative; z-index:1;} .w-title33 .title-h-in h2{ font-size:28px; display:block;} .w-title33 .title-h-in > span{ font-size:22px; display:block;} .w-title34{} .w-title34 .tith{ position:relative; text-align:center; vertical-align:middle; margin-bottom:10px;} .w-title34 .tith .line{position:absolute; left:0; right:0; height:1px; top:50%;} .w-title34 .tith .tit_left{ position:absolute; z-index:1; width:1.6em; top:50%; margin-top:-0.75em; left:-0.75em; font-size:1.6em; } .w-title34 .tith .tit_right{ position:absolute; z-index:1; width:1.6em; top:50%; margin-top:-0.75em; right:-0.75em;font-size:1.6em; } .w-title34 .tith .tith-in{display:inline-block; *display:inline; *zoom:1;position:relative; z-index:1;} .w-title34 .tith h2{ font-size:24px; padding:0 40px;} .w-title34 p{text-align:center;} .w-title35{ position:relative; text-align:center; color:#fff;} .w-title35 .tit_line{position:absolute; left:0; right:0; height:1px; top:50%;} .w-title35 .w-title-inner{ display:inline-block; *display:inline; *zoom:1; padding:5px 6px; border-width:1px; border-style:solid; position:relative; z-index:1; } .w-title35 .w-title-inner .title-h-in{ padding:5px 30px; line-height:1.5;} .w-title35 .w-title-inner .title-h-in h2,.w-title35 .w-title-inner .title-h-in span{font-size:115%; color:#fff} .w-title36{ position:relative; text-align:center; font-size:120%;} .w-title36 .tit_line{position:absolute; left:0; right:0; height:6px; top:50%; margin-top:-3px;border-top-width:1px;border-bottom-width:1px; border-left:0; border-right:0; border-style:solid; } .w-title36 .title-h-in{ display:inline-block; *display:inline; *zoom:1; padding:0 25px; line-height:1.5; position:relative; z-index:1; } .w-title36 .title-h-in h2,.w-title35 .title-h-in span{font-size:115%;} .w-title37{text-align:center; } .w-title37 .tit_h{display:inline-block; *display:inline; *zoom:1; padding-left:60px;background:url(../images/tit37_left.png) no-repeat left center;} .w-title37 .tit_h .tit_h_in{padding-right:60px;background:url(../images/tit37_right.png) no-repeat right center;} .w-title37 h2{ font-size:24px; display:inline-block;*display:inline;*zoom:1; line-height:1.5; padding:0 7px; } .w-title37 .tit_span{ } .w-title38{ position:relative; border-bottom-width:1px; border-bottom-style:solid; } .w-title38 .tith{text-align:left; display:inline-block; line-height:1.3; *display:inline; *zoom:1; padding-bottom:0.5em;} .w-title38 .tith span{ font-size:30px;} .w-title38 h2{ font-size:30px; } .w-title38 .more{ position:absolute; right:7px;bottom:0.3em; text-decoration:none;} .w-title38 .more span{ font-size:100%;} .w-title38 .more .icon_more{ display:inline-block; *display:inline; *zoom; width:1em; height:1em; background-position:center; background-repeat:no-repeat; margin-left:0.3em; vertical-align:middle; background-image:url(../images/icon-more.png);} .w-title39{ position:relative; padding-left: 22px; background: url(../images/tit39bg.png) no-repeat left center;} .w-title39 .tith{ display:inline-block; line-height:24px; *display:inline; *zoom:1; margin:0 0 -1px 0; font-size:120%;} .w-title39 h2{font-family:Georgia, "Times New Roman", Times, serif;font-size:20px;font-weight:bold; display:inline-block;*display:inline; *zoom:1;} .w-title39 .tith span{ display:inline-block; line-height:24px; *display:inline; *zoom:1; font-size:16px; } .w-title39 .tith > em{ font-style:normal; padding:0 0.5em; } .w-title39 .more{ position:absolute; right:7px;bottom:0.5em; text-decoration:none;} .w-title39 .more span{ font-size:100%;} .w-title40{ text-align:center; position:relative; margin-top:30px;} .w-title40 .tit_line{position:absolute; left:0; right:0; height:1px; top:50%;} .w-title40 .w-title-inner{position:relative; z-index:1; display:inline-block; *display:inline; *zoom:1; border-width:1px; border-style:solid; padding:0 100px 5px;} .w-title40 .tith{ } .w-title40 .tith h2{ font-size:30px; margin-top:-0.75em; padding:0 20px;line-height:1.5; } .w-title41{ border-right-width:13px; border-right-style:solid; padding:0.7em 1.35em 0.9em 0; line-height:1.7; text-align:right;} .w-title41 h2{ font-size:24px; color:#1F1F1F;} .w-title41 span{ display:inline-block; *display:inline; *zoom:1; font-size:95%;} /*------------------------title end---------------------------------*/ /*------------------------adNews start---------------------------------*/ .w-adNews{} .w-adNews .date{ white-space:nowrap;} .w-adNews ul,.w-adNews li{list-style:none;} .w-adNews a{text-decoration:none;} .w-adNews a:hover{ text-decoration:underline;} .w-adNews li.li-right{margin-right:0 !important;} .w-adNews .w-news-img:hover img{transform: scale(1.05);-ms-transform: scale(1.05); -moz-transform: scale(1.05);-webkit-transform: scale(1.05); -o-transform: scale(1.12);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-adNews1 li{ width:47.25%; *width:47.24%; margin-right:5.5%; float:left; margin-bottom:35px; position:relative; line-height:2;} .w-adNews1 li .news-item{ margin-left:35px;} .w-adNews1 li .news-item .date{ color:#767676; margin-left:45px; font-size:14px;} .w-adNews1 li .news-item .data-day{ position:absolute; width:54px; height:54px; line-height:54px; text-align:center; top:50%; margin-top:-27px; left:0; background:#33d8ae; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:30px;} .w-adNews1 li .news-item .news-com{ background:#fff; border:1px solid #d7d7d7; padding:20px 40px;} .w-adNews1 li .news-item .news-com .news-h a{ font-size:18px; color:#ababab; font-weight:bold;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; display:block; } .w-adNews1 li .news-item .news-com .news-sum{color:#ababab; height:4em; overflow:hidden; } .w-adNews2 li{ width:22.75%; *width:22.749%; margin-right:2.95%; float:left; margin-bottom:20px;} .w-adNews2 li .news-item{ border:1px solid #e9e9e9;} .w-adNews2 li .news-item .news-com{ padding:8px 10px 20px 10px;} .w-adNews2 li .news-item .news-com .news-com-top{ margin-bottom:10px;} .w-adNews2 li .news-item .news-com .news-com-top .date{ float:left; } .w-adNews2 li .news-item .news-com .news-com-top .viewDetail{float:right;} .w-adNews2 li .news-item .news-com .news-com-top .viewDetail .icon_viewDetail{ display:inline-block;*zoom:1; background:url(../images/icon_news_more.png) no-repeat center; width:8px; height:7px; vertical-align:middle; margin-left:5px;} .w-adNews2 li .news-item .news-com .news-h{font-size:115%; font-weight:bold; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-adNews2 li .news-item .news-com .news-sum{ line-height:1.8; margin-top:10px; height:5.4em; overflow:hidden;} .w-adNews3{background:#fee53d;} .w-adNews3 a:hover{ text-decoration:none;} .w-adNews3 .w-adNews-texts{ float:left;width:50%;} .w-adNews3 .w-adNews-texts .w-adNews-textsIn{padding:25px 5%;} .w-adNews3 .w-adNews-texts li{ padding:15px 0 10px 0; border-bottom:1px solid #c4a628; overflow:hidden; } .w-adNews3 .w-adNews-texts li .numberQ{border:1px solid #e4ba77; width:63px; height:63px; line-height:63px; text-align:center; font-size:30px; color:#43398a; font-weight:bold; margin-right:4%; float:left; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;} .w-adNews3 .w-adNews-texts li a{ display:block;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-adNews3 .w-adNews-texts li a:hover{ padding-left:10px;} .w-adNews3 .w-adNews-texts li .w-adNews-textH h3{font-size:115%; font-weight:bold; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; color:#3d3813; margin:0; line-height:2; padding-top:2px;} .w-adNews3 .w-adNews-texts li .w-adNews-textH p,.w-adNews3 .w-adNews-texts li .w-adNews-textH .news-sum{ color:#a29018; line-height:1.8; margin-bottom:0;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-adNews3 .w-adNews-imgs{float:right; width:50%; *width:49.99%;position:relative; background:#666;} .w-adNews3 .w-adNews-imgs .news-img{position:relative;} .w-adNews3 .w-adNews-imgs .news-img .img-count:hover img{transform: scale(1.2);-ms-transform: scale(1.1); -moz-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-adNews3 .w-adNews-imgs .news-img .news-buoy-content{ position:absolute; left:0; right:0; bottom:0; height:80px;} .w-adNews3 .w-adNews-imgs .news-img .news-buoy-content .mask{position:absolute; left:0; right:0; bottom:0; top:0; background:#43398a;opacity:0.84; *filter:alpha(opacity=84); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=84); } .w-adNews3 .w-adNews-imgs .news-img .news-buoy-content h3{padding:30px 100px 30px 45px; position:relative; z-index:1; margin:0; color:#fff; font-size:18px; font-weight:normal;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-adNews3 .w-adNews-imgs .adNews3prev{ position:absolute; right:45px; bottom:0; width:45px; height:80px;background:url(../images/adnews3prev.png) no-repeat center #fee53d; z-index:2; cursor:pointer;} .w-adNews3 .w-adNews-imgs .adNews3next{ position:absolute; right:0; bottom:0; width:45px; height:80px; background:url(../images/adnews3next.png) no-repeat center #fee53d; z-index:2; cursor:pointer;} .w-adNews4 li{ border-bottom:1px solid #f0f0f0;} .w-adNews4 li .news-together{overflow:hidden; line-height:2.5;} .w-adNews4 li .news-h{ float:left; width:75%;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; } .w-adNews4 li .date{ float:right;width:25%; *width:24.99%; text-align:right;} .w-adNews4 .news-sum{margin-bottom:5px;} .w-adNews5 li{border-bottom:1px solid #f0f0f0; padding:1em 0;} .w-adNews5 li:first-child{ padding-top:0;} .w-adNews5 li .news-item{overflow:hidden;} .w-adNews5 li .news-imgbox{ float:left; width:25%;} .w-adNews5 li .news-com{ margin-left:30%;} .w-adNews5 li .news-h{font-size:115%; font-weight:bold; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-adNews5 li .date{opacity:0.7; *filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);} .w-adNews5 li .news-sum{ max-height:4.5em; overflow:hidden; line-height:1.5;} .w-adNews6 .adNewsF{overflow:hidden;} .w-adNews6 .adNewsF .news-imgbox{ float:left; width:25%; margin-right:5%;} .w-adNews6 .adNewsF .news-com .news-together{overflow:hidden;} .w-adNews6 .adNewsF .news-h{width:70%; float:left;font-size:110%; font-weight:bold; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-adNews6 .adNewsF .date{ width:30%; *width:29.99%; float:right; text-align:right;opacity:0.7; *filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);} .w-adNews6 .adNewsTL{padding-top:1em;} .w-adNews6 .adNewsTL li{ border-bottom:1px solid #f0f0f0;} .w-adNews6 .adNewsTL li .news-together{overflow:hidden; line-height:2.5;} .w-adNews6 .adNewsTL li .news-h{ float:left; width:75%;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; } .w-adNews6 .adNewsTL li .date{ float:right;width:25%; *width:24.99%; text-align:right;} .w-adNews7{line-height:1.3 !important;} .w-adNews7 .adNewsR{float:right; width:34%;background:#242424; position:relative;} .w-adNews7 .adNewsR .news-imgbox img{transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);} .w-adNews7 .adNewsR .w-news-img:hover img{transform: scale(1.1);-ms-transform: scale(1.1); -moz-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-adNews7 .adNewsR .news-com{ padding:35px 30px; color:#fff;} .w-adNews7 .adNewsR .news-com .news-together{margin-bottom:10px;} .w-adNews7 .adNewsR .news-com .news-h a{color:#fff;font-size:125%} .w-adNews7 .adNewsR .news-com .date{color:#fff;} .w-adNews7 .adNewsR .news-com .news-sum{max-height:6.5em; overflow:hidden;} .w-adNews7 .adNewsR .news-com .more{position:absolute; right:0; bottom:0;} .triangle-bottomright{width: 0;height: 0;border-bottom: 35px solid #242424;border-left: 35px solid transparent;} .w-adNews7 .adNewsR .news-com .more .more_add{position:absolute; bottom:3px; right:3px; color:#fff; font-weight:bold; font-size:14px;} .w-adNews7 .adNewsL{ float:left; width:64.5%;} .w-adNews7 .adNewsL li{ overflow:hidden; margin-bottom:20px; background:#D9D9D9; position:relative;} .w-adNews7 .adNewsL li .date{ float:left; text-align:center; padding:0 35px 14px; margin-right:15px; color:#7c7c7c; font-family:Arial, Helvetica, sans-serif;} .adNews7datebg{background:#CCCCCC;} .w-adNews7 .adNewsL li .date .date-day{ font-size:72px;line-height:1.4;} .w-adNews7 .adNewsL li .date .date-yearMonth{border:1px solid #7c7c7c; line-height:1.7; font-size:18px; padding:0 12px;} .w-adNews7 .adNewsL li .news-com{color:#242424; padding:17px 50px 17px 15px; } .w-adNews7 .adNewsL li .news-com .news-h{font-size:125%; margin-bottom:15px;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-adNews7 .adNewsL li .news-com .news-h a{color:#242424; } .w-adNews7 .adNewsL li .news-com .news-sum{max-height:4em; overflow:hidden;} .w-adNews7 .adNewsL li .news-com .more{position:absolute; right:0; bottom:0;} .w-adNews7 .adNewsL li .news-com .more .more_add{position:absolute; bottom:3px; right:3px; color:#fff; font-weight:bold; font-size:14px;} .w-adNews7 .adNewsL li:hover{background:#242424;} .w-adNews7 .adNewsL li:hover .date,.w-adNews7 .adNewsL li:hover .news-com,.w-adNews7 .adNewsL li:hover .news-com .news-h a{ color:#fff;} .w-adNews7 .adNewsL li:hover .date .date-yearMonth{border-color:#fff;} .w-adNews8 li{ border-bottom:1px solid #f0f0f0;} .w-adNews8 li .news-together{overflow:hidden; line-height:2.5;} .w-adNews8 li .news-h{ float:left; width:75%;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; font-weight:bold; font-size:110%;} .w-adNews8 li .date{ float:right;width:25%; *width:24.99%; text-align:right;} .w-adNews8 .news-sum{margin-bottom:5px; line-height:1.5; max-height:4.4em; overflow:hidden;} .w-adNews9 li{ padding:22px 0 9px; border-bottom:1px solid #f0f0f0; overflow:hidden;} .w-adNews9 li:first-child{padding-top:0;} .w-adNews9 li .date{ float:left; margin-right:20px; margin-left:7px; text-align:center;line-height:1.5; color:#fff; } .w-adNews9 li .date .date-day{font-size:30px;} .w-adNews9 li .date .date-yearMonth{padding:0 7px;} .w-adNews9 li .news-com .news-h{ margin-bottom:10px; line-height:1.5;font-size:105%;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden; } .w-adNews9 li .news-com .news-sum{line-height:1.2; height:2.4em; overflow:hidden;} .w-adNews10 li{position:relative; margin-bottom:20px;} .w-adNews10 li .news-item{ margin-left:35px; border:1px solid #c8c8c8;} .w-adNews10 li .news-item .num{ width:67px; height:67px; position:absolute; top:50%; margin-top:-33px; left:0; text-align:center; line-height:67px; font-size:30px; color:#fff;} .w-adNews10 li .news-item .news-com{ padding:25px 180px 25px 55px;} .w-adNews10 li .news-item .news-com .news-h{text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden; font-size:105%; margin-bottom:10px;} .w-adNews10 li .news-item .news-com .news-sum{text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-adNews10 li .news-item .news-com .more{position:absolute; width:120px; right:18px; bottom:25px;} .w-adNews10 li .news-item .news-com .more a{display:block; height:35px; line-height:35px; text-align:center; color:#fff; background:#181818;} .w-adNews10 li .news-item .news-com .more a:hover{text-decoration:none; background:#363636;} .w-adNews11{ margin-left:-1.8%; margin-right:-1.8%; } .w-adNews11 li{ width:29.73%; margin:0 1.8% 1.5em; float:left;} .w-adNews11 li .news-h{ font-size:120%;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-adNews11 li .date{ font-size:95%;} .w-adNews11 li .news-sum{ font-size:95%; padding-bottom:0.5em; border-bottom:1px solid #e5e5e5; height:5.8em; overflow:hidden; line-height:1.8;} .w-adNews11 li .news-btn{ margin-top:1.5em; text-decoration:none;} .w-adNews12 li{} .w-adNews12 li .news-together{overflow:hidden; line-height:2.5;} .w-adNews12 li .news-h{ float:left; max-width:75%;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; } .w-adNews12 li .date{ float:right; width:24%; text-align:right; overflow:hidden;} .w-adNews12 .news-sum{margin-bottom:5px;} .w-adNews13 a:hover{ text-decoration:underline;} .w-adNews13 li{} .w-adNews13 li .news-together{overflow:hidden; line-height:2.5;} .w-adNews13 li .news-h{ float:left; max-width:73%;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; } .w-adNews13 li .date{ float:left; max-width:24%; margin-left:1.5em; text-align:right; overflow:hidden;} .w-adNews13 .news-sum{margin-bottom:5px;} .w-adNews14 li{} .w-adNews14 li .news-together{overflow:hidden; line-height:2.5;} .w-adNews14 li .news-h{ float:left; max-width:75%;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; } .w-adNews14 li .date{ float:right; width:24%; text-align:right; overflow:hidden;} .w-adNews14 .news-sum{margin-bottom:5px;} .w-adNews15 li{width:100%; float:left;} .w-adNews15 li .news-item{ position:relative; overflow:hidden;} .w-adNews15 .news-item .news-com{ padding:7px 1em; position:absolute; bottom:0; left:0; right:0;} .w-adNews15 .news-item .news-com .mask{ position:absolute; left:0; right:0; top:0;bottom:0; background:#000;opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);} .w-adNews15 .news-item .news-com .news-h{ position:relative; z-index:1; color:#fff;} .w-adNews15 .news-item .news-com .news-h a{color:#fff;} .w-adNews15 li .news-imgbox:hover img{/*transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12); -o-transform: scale(1.12);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;*/} .w-adNews16{ margin-left:-0.5%; margin-right:-0.5%;} .w-adNews16 li{ float:left; width:25%; *width:24.99%; margin-bottom:0.8em;} .w-adNews16 li a{ display:block; text-decoration:none;} .w-adNews16 li .news-item{ margin:0 2%; position:relative;} .w-adNews16 li .news-item:hover{transform:translateY(-10px);-ms-transform: translateY(-10px); -moz-transform:translateY(-10px);-webkit-transform:translateY(-10px);-o-transform:translateY(-10px);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-adNews16 li .news-com{ position:absolute; left:0; right:0; bottom:0; color:#fff; line-height:1.5;} .w-adNews16 li .adnew_mask{position:absolute; left:0; top:0; right:0; bottom:0; opacity:0.6; *filter:alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);} .adnew_mask{ background:#000;} .w-adNews16 li .news-item:hover .adnew_mask{opacity:0.85; *filter:alpha(opacity=85); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);} .w-adNews16 li .news-com .news-com-in{ position:relative; z-index:1; padding:0.5em 1em;} .w-adNews16 li .news-com .news-h{ font-size:115%; color:#fff;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden;} .w-adNews16 li .news-com .date{ font-size:90%; color:#fff; display:none;} .w-adNews16 li .news-com .news-sum{ color:#fff; font-size:95%; display:none; max-height:3em; line-height:1.5; overflow:hidden;} .w-adNews16 li .news-item:hover .news-com .date,.w-adNews16 li .news-item:hover .news-com .news-sum{ display:block;} .w-adNews17 li{} .w-adNews17 li .news-together{overflow:hidden; line-height:1.5;} .w-adNews17 li .news-h{ text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; font-size:120%;} .w-adNews17 li .date{ margin:0.5em 0;} .w-adNews17 .news-sum{margin-bottom:0.8em; line-height:1.5; height:4.5em; overflow:hidden; } .w-adNews17 .pageState{ text-align:left;} .w-adNews17 .pageState > span{ width:8px; height:8px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; background:#e0e0e0; margin:0 5px; cursor:pointer; } /*------------------------adNews end---------------------------------*/ /*-----------------------------------产品组件---------------------------*/ .w-product .w-prd-list-cell{float:none; margin-bottom:0.3em;} .w-product .w-prd-list-cell .w-prd-infobox{ padding:0.7em 0;} .w-product .w-prd-infobox h2{ font-size:110%; margin-top:0; margin-bottom:0.5em; font-weight:normal; text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-product2 .w-prd-imgbox{ float:left; width:45%;} .w-product2 .w-prd-list-cell .w-prd-infobox{ margin-left:45%; padding:0 1em;} .w-product3 .w-prd-imgbox{ float:right; width:45%;} .w-product3 .w-prd-list-cell .w-prd-infobox{ margin-right:45%; padding:0 1em;} /*-----------------------------------产品集组件---------------------------*/ .w-productList{ margin-left:-12px; margin-right:-12px;} .w-productList .w-prd-list-cell{margin-bottom:10px;} .w-productList .w-prd-list-cell .w-prd-list-cell-in{ margin:0 12px;} .w-productList .w-prd-infobox h2{ font-size:115%; line-height:1.5; margin:0;font-weight:normal; text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-productList .w-prd-list-cell .w-prd-sum{ line-height:1.3; font-size:95%; overflow:hidden;} .w-productList .prd_pre,.w-productList .prd_next{position:absolute; z-index:2; width:25px; height:40px; top:50%; margin-top:-20px; background-image:url(../images/adprdslide.png); background-repeat:no-repeat; cursor:pointer;} .w-productList .prd_pre{left:-8px; background-position:0 0;} .w-productList .prd_next{right:-8px; background-position:-25px 0;} .prd_pageState{text-align:center; margin-top:0; *margin-top:10px;} .prd_pageState span{ background:#CBCBCB; width:8px; height:8px; display:inline-block; *display:inline; *zoom:1; margin:0 3px; cursor:pointer; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .prd_pageState span.active{ background:#FF8F20;} .w-productList1 .w-prd-list-cell .w-prd-infobox{ padding:0.7em 0;} .w-productList1 .w-prd-list-cell .w-prd-sum{ height:3.9em; } .w-productList2{ position:relative;} .w-productList2 .w-prd-list-cell .w-prd-infobox{ padding:0.7em 0;} .w-productList3{position:relative;} .w-productList3 .w-prd-con{position:relative; overflow:hidden; } .w-productList3 .w-prd-list-cell .w-prd-con{ padding:0;} .w-productList3 .w-prd-con a{ display:block; text-decoration:none;} .w-productList3 .w-prd-con .w-prd-infoboxBox{position:absolute; left:0; right:0; bottom:0; height:3.1em;} .w-productList3 .w-prd-con .w-prd-infoboxBox .prd-mask{ position:absolute; left:0; right:0; top:0; bottom:0; opacity:0.63; *filter:alpha(opacity=63); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=63);} .prd-mask{ background:#000;} .w-productList3 .w-prd-con .w-prd-infoboxBox .w-prd-infobox{ position:relative; z-index:1; padding:0.7em 1em;} .w-productList3 .w-prd-infobox h2{ color:#fff;} .w-productList3 .w-prd-list-cell .w-prd-sum{ color:#fff; display:none; max-height:7.7em;} .w-productList3 .w-prd-list-cell .w-prd-price-groups{color:#fff; display:none;} .w-productList3 .w-prd-list-cell .w-prd-price-groups .w-prd-price-markit{opacity:0.85; *filter:alpha(opacity=85); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);} .w-productList3 .w-prd-list-cell .w-prd-price-groups .product-price-prefix{ color:#fff;} .w-productList3 .w-prd-list-cell .w-prd-price-groups .w-prd-price-markit .product-price-amount{ color:#fff; } .w-productList3 .w-prd-list-cell:hover .w-prd-sum,.w-productList3 .w-prd-list-cell:hover .w-prd-price-groups{ display:block;} .w-productList3 .w-prd-list-cell:hover .w-prd-infoboxBox{ height:100%;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-productList3 .w-prd-list-cell .img-count-in{overflow:hidden;} .w-productList3 .w-prd-list-cell:hover img{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12); -o-transform: scale(1.12);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} /*产品图片动画*/ .w-product .img-count img{} .w-product .imgScaleBig .img-count-in{overflow:hidden;} .w-product .imgScaleBig:hover img{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12); -o-transform: scale(1.12);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-product .imgScaleSmall .img-count-in{overflow:hidden;} .w-product .imgScaleSmall img{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12);-o-transform: scale(1.12);} .w-product .imgScaleSmall:hover img{ transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-product .imgLeft .img-count-in{overflow:hidden;} .w-product .imgLeft img{transform: scale(1.2) translateX(5%);-ms-transform: scale(1.2) translateX(5%); -moz-transform: scale(1.2) translateX(5%);-webkit-transform: scale(1.2) translateX(5%);-o-transform: scale(1.2) translateX(5%);} .w-product .imgLeft:hover img{transform: scale(1.2) translateX(0);-ms-transform: scale(1.2) translateX(0); -moz-transform: scale(1.2) translateX(0);-webkit-transform: scale(1.2) translateX(0);-o-transform: scale(1.2) translateX(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-product .imgTop .img-count-in{overflow:hidden;} .w-product .imgTop img{transform: scale(1.2) translateY(5%);-ms-transform: scale(1.2) translateY(5%); -moz-transform: scale(1.2) translateY(5%);-webkit-transform: scale(1.2) translateY(5%);-o-transform: scale(1.2) translateY(5%);} .w-product .imgTop:hover img{transform: scale(1.2) translateY(0);-ms-transform: scale(1.2) translateY(0); -moz-transform: scale(1.2) translateY(0);-webkit-transform: scale(1.2) translateY(0);-o-transform: scale(1.2) translateY(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-product .imgbgFadeIn .imgbg{position:absolute; z-index:1; left:0; right:0; top:0; bottom:0;background:#fff; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-product .imgbgFadeIn:hover .imgbg{opacity:0.3; *filter:alpha(opacity=30); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-product .imgSearch .imgSearchBox{position:absolute; z-index:1; left:0; right:0; top:0; bottom:0;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-product .imgSearch .imgbg{position:absolute; height:100%; width:100%;background:#000;opacity:0.35; *filter:alpha(opacity=35); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35); transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);} .w-product .imgSearch .imgSearchBox .icon_search{ height:75px; width:75px; background:url("../images/icon_link3.png") no-repeat center center; position:absolute; z-index:1; left:50%; margin-left:-37px; top:50%; margin-top:-37px;} .w-product .imgSearch:hover .imgSearchBox{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-product .imgSearch:hover .imgbg{transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition: transform 0.5s;} .w-product .imgSearch:hover .imgSearchBox .icon_search{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-product .imgSearch:hover img{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12); -o-transform: scale(1.12);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-product .imgF .img-count-in::before{background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; z-index:2; top: 0; transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); -ms-transform:scale(1.9, 1.4) rotate(45deg) translate(0px, -100%);-moz-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px);-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); transition: transform 0.6s ease 0s; -moz-transition: transform 0.6s ease 0s;-webkit-transition: transform 0.6s ease 0s; -o-transition: transform 0.6s ease 0s; width: 100%;} .w-product .imgF:hover .img-count-in::before{transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);-ms-transform:scale(1.9, 1.4) rotate(45deg) translate(0px, 100%x);-moz-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);} /*产品集图片动画*/ .w-productList .img-count img{} .w-productList .imgScaleBig .img-count-in{overflow:hidden;} .w-productList .imgScaleBig:hover img{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12); -o-transform: scale(1.12);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-productList .imgScaleSmall .img-count-in{overflow:hidden;} .w-productList .imgScaleSmall img{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12);-o-transform: scale(1.12);} .w-productList .imgScaleSmall:hover img{ transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-productList .imgLeft .img-count-in{overflow:hidden;} .w-productList .imgLeft img{transform: scale(1.2) translateX(5%);-ms-transform: scale(1.2) translateX(5%); -moz-transform: scale(1.2) translateX(5%);-webkit-transform: scale(1.2) translateX(5%);-o-transform: scale(1.2) translateX(5%);} .w-productList .imgLeft:hover img{transform: scale(1.2) translateX(0);-ms-transform: scale(1.2) translateX(0); -moz-transform: scale(1.2) translateX(0);-webkit-transform: scale(1.2) translateX(0);-o-transform: scale(1.2) translateX(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-productList .imgTop .img-count-in{overflow:hidden;} .w-productList .imgTop img{transform: scale(1.2) translateY(5%);-ms-transform: scale(1.2) translateY(5%); -moz-transform: scale(1.2) translateY(5%);-webkit-transform: scale(1.2) translateY(5%);-o-transform: scale(1.2) translateY(5%);} .w-productList .imgTop:hover img{transform: scale(1.2) translateY(0);-ms-transform: scale(1.2) translateY(0); -moz-transform: scale(1.2) translateY(0);-webkit-transform: scale(1.2) translateY(0);-o-transform: scale(1.2) translateY(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-productList .imgbgFadeIn .imgbg{position:absolute; z-index:1; left:0; right:0; top:0; bottom:0;background:#fff; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-productList .imgbgFadeIn:hover .imgbg{opacity:0.3; *filter:alpha(opacity=30); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-productList .imgSearch .imgSearchBox{position:absolute; z-index:1; left:0; right:0; top:0; bottom:0;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-productList .imgSearch .imgbg{position:absolute; height:100%; width:100%;background:#000;opacity:0.35; *filter:alpha(opacity=35); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35); transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);} .w-productList .imgSearch .imgSearchBox .icon_search{ height:75px; width:75px; background:url("../images/icon_link3.png") no-repeat center center; position:absolute; z-index:1; left:50%; margin-left:-37px; top:50%; margin-top:-37px;} .w-productList .imgSearch:hover .imgSearchBox{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-productList .imgSearch:hover .imgbg{transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition: transform 0.5s;} .w-productList .imgSearch:hover .imgSearchBox .icon_search{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-productList .imgSearch:hover img{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12); -o-transform: scale(1.12);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-productList .imgF .img-count-in::before{background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; z-index:2; top: 0; transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); -ms-transform:scale(1.9, 1.4) rotate(45deg) translate(0px, -100%);-moz-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px);-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); transition: transform 0.6s ease 0s; -moz-transition: transform 0.6s ease 0s;-webkit-transition: transform 0.6s ease 0s; -o-transition: transform 0.6s ease 0s; width: 100%;} .w-productList .imgF:hover .img-count-in::before{transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);-ms-transform:scale(1.9, 1.4) rotate(45deg) translate(0px, 100%x);-moz-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);} /*-----------------------------------产品组件 end---------------------------*/ /*----------------------按钮组件----------------------------*/ .btn-w{ display:inline-block; *display:inline; *zoom:1; line-height:1.5; cursor:pointer;} .btn-w:hover{transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s; -o-transition: all 0.2s; } .btn-border-radius0{ border-radius:0;-moz-border-radius:0; -webkit-border-radius:0;} .btn-border-radius1{ border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em;} .btn-border-radius2{ border-radius:3em; -moz-border-radius:3em; -webkit-border-radius:3em;} .btnbg_default{ background-color:#7E7E7E;} .btnbg_default_light{ background-color:#f0f0f0; color:#333;} .color_white{ color:#fff;} .btn-boxShadow{ box-shadow:0 0 5px rgba(0,0,0,0.1); -moz-box-shadow:0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.1); border:1px solid #f0f0f0 \9;} .btn-pd1{ padding:0 0.5em;} .btn-pd2{ padding:0.3em 1em;} .btn-pd3{ padding:0.5em 1em;} .btn-pd4{ padding:0.5em 3em;} .btn-pd5{ padding:0.8em 0; width:100%;} .btn-pd5 .btn-inner{ padding:0 1em;} .w-button1 .btn-w,.w-button2 .btn-w,.w-button5 .btn-w{ border-width:1px; border-style:solid; } .w-button2 .btn-w:hover{ color:#fff;} .w-button3 .btn-w:hover{ color:#fff;} .w-button4 .btn-w{ color:#fff;} .w-button5 .btn-w:hover{ background:none;} .w-button6 .btn-w:hover{ color:#fff;} .w-button7 .btn-w{ text-decoration:underline; padding-left:0; padding-right:0;} .w-button8 .btn-w:hover{ color:#fff;} .w-button9 .btn-w{ width:36px; height:36px; padding:0; background-image:url(../images/moreimg1.png); background-repeat:no-repeat; background-position:center center;} .w-button9 .btn-w .btn-inner{ display:none;} .w-button10 .btn-w{ color:#fff; position:relative;} .w-button10 .btnout-w{display:block; position:absolute; top:0; bottom:0; right:0; width:40px; background:url(../images/moreimg2.png) no-repeat center center #2D3235;} .w-button10 .btn-w .btn-inner{ display:block; padding-right:40px;} .w-button10 .btn-pd1 .btn-inner{ padding-right:25px;} .w-button10 .btn-pd1 .btnout-w{ width:25px;} .w-button10 .btn-pd2 .btn-inner{ padding-right:32px;} .w-button10 .btn-pd2 .btnout-w{ width:32px;} .w-button10 .btn-pd4 .btn-inner{ padding-right:32px;} .w-button10 .btn-pd4 .btnout-w{ width:32px;} .w-button10 .btn-pd4{ padding:0.7em 2em;} /*----------------------按钮组件 end----------------------------*/ @media (min-width:768px){ .w-adNews11 li:nth-child(3n+1){ clear:both;} } @media (max-width:960px){ /*----------------------产品-----------------------*/ .w-productList{ margin-left:-8px; margin-right:-8px;} .w-productList .w-prd-list-cell .w-prd-list-cell-in{ margin:0 8px;} .w-productList .prd_pre{left:0; } .w-productList .prd_next{right:0;} .w-adNews2 li .news-item .news-com .news-com-top .viewDetail{ display:none;} } @media (max-width:767px){ .w-adNews1 li{min-width:100%; margin-right:0; margin-bottom:1em;} .w-adNews2 li{min-width:50%; margin-bottom:1em; margin-right:0; } .w-adNews2 li .news-item{margin:0 2.5%;} .w-adNews2 li .news-item .news-com .news-com-top .viewDetail{display:none;} .w-adNews3 .w-adNews-texts,.w-adNews3 .w-adNews-imgs{ float:none; width:100%;} .w-adNews3 .w-adNews-imgs .news-img .news-buoy-content{height:3em;} .w-adNews3 .w-adNews-imgs .news-img .news-buoy-content h3{ height:3em; padding:1em 4.5em 1em 1em; font-size:100%;} .w-adNews3 .w-adNews-imgs .adNews3prev,.w-adNews3 .w-adNews-imgs .adNews3next{height:3em; width:2em;} .w-adNews3 .w-adNews-imgs .adNews3prev{right:2em;} .w-adNews3 .w-adNews-texts .w-adNews-textsIn{padding:0 0.4em;} .w-adNews3 .w-adNews-texts li{padding:0.8em 1em;} .w-adNews3 .w-adNews-texts li:last-child{ border-bottom:0;} .w-adNews3 .w-adNews-texts li .numberQ{ font-size:1.5em; height:2.5em; line-height:2.5em; width:2.5em;} .w-adNews3 .w-adNews-texts li .w-adNews-textH h3{font-size:105%; line-height:1.5;} .w-adNews3 .w-adNews-texts li .w-adNews-textH p{font-size:95%;} .w-adNews5{line-height:1.5;} .w-adNews5 li{padding:1em 0; width:100% !important;} .w-adNews5 li .news-com{margin-left:28%;} .w-adNews6 .adNewsF .news-imgbox{ margin-right:3%;} .w-adNews7 .adNewsL,.w-adNews7 .adNewsR{float:none; width:100%; min-height:0 !important;} .w-adNews7 .adNewsR,.w-adNews7 .adNewsL li{margin-bottom:1em;} .w-adNews7 .adNewsR .news-com{padding:1em 1em 1.5em;} .w-adNews7 .adNewsL li .date{padding:0.2em 1em 0.7em; margin-right:0.5em;} .w-adNews7 .adNewsL li .date .date-day{font-size:200%;} .w-adNews7 .adNewsL li .date .date-yearMonth{font-size:100%; padding:0 0.5em;} .w-adNews7 .adNewsL li .news-com{padding:0.7em 2em 0.7em 0;} .w-adNews7 .adNewsL li .news-com .news-h{font-size:115%; margin-bottom:0.5em;} .w-adNews7 .adNewsL .news-sum{ text-overflow: ellipsis;white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-adNews7 .adNewsL li .news-com .more .triangle-bottomright{border-width:2em;} .w-adNews7 .adNewsL li .news-com .more .more_add{right:0.12em; bottom:0.12em; font-size:100%;} .w-adNews9 li .news-com .news-sum{ height:2.3em;} .w-adNews11{ margin-left:-2.5%; margin-right:-2.5%;} .w-adNews11 li{ width:45%; margin:0 2.5% 1.5em;} .w-adNews11 li:nth-child(2n+1){ clear:both;} .w-adNews12 li .date,.w-adNews13 li .date,.w-adNews14 li .date{ font-size:90%; line-height:2.9;} .w-adNews17 li .news-h{ font-size:110%;} .w-adNews16 li{width:50%;} .w-adNews16 li .news-item:hover{transform:translateY(0);-ms-transform: translateY(0); -moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);} .w-title17 .w-title-inner{padding-right:3.2em;} .w-title17 .title-h-in{padding-left:1em;} .w-title17 .title-text-in{padding-left:1em;} .w-title17 .more{margin-top:-1.4em;} .w-title40 .w-title-inner{padding:0 50px 5px;} .w-title41{ border-right-width:8px;} .tel-hidden{ display:none;} .w-text{ min-height:0;} /*----------------------产品-----------------------*/ .w-productList{ margin-left:-8px; margin-right:-8px;} .w-productList .w-prd-list-cell .w-prd-list-cell-in{ margin:0 8px;} .w-productList1 .w-prd-list-cell{ min-width:33.33%;} .w-productList1 .w-prd-list-cell .w-prd-sum{ height:3.75em;} } @media (max-width:479px){ .w-adNews a.news-kind{ display:none;} .w-adNews1 li .news-item .data-day{width:1.2rem; height:1.2rem; line-height:1.2rem;font-size:0.8rem; margin-top:-0.6rem;} .w-adNews1 li .news-item .date,.w-adNews1 li .news-item{ margin-left:0.65rem;} .w-adNews1 li .news-item .news-com{padding:0.25rem 0.25rem 0.25rem 0.75rem ; } .w-adNews1 li .news-item .news-com .news-h a{font-size:110%;} .w-adNews2 li .news-item .news-com .news-h{font-size:105%;} .w-adNews3 .w-adNews-texts li{ padding:0.8em 0.5em;} .w-adNews5 .news-com .news-h{font-size:105%; line-height:1.3;} .w-adNews5 .news-com .date{font-size:90%;} .w-adNews5 .news-com .news-sum{margin-top:0; text-overflow: ellipsis;white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-adNews6 .adNewsF .news-h{width:100%; float:none; font-size:105%; line-height:1.3;} .w-adNews6 .adNewsF .date{width:100%; float:none; text-align:left;} .w-adNews6 .adNewsF .news-sum{margin-top:0; text-overflow: ellipsis;white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-adNews6 .adNewsTL{ padding-top:0.2em;} .w-adNews7 .adNewsR .news-com .news-sum{ line-height:1.5;max-height:4.3em;} .w-adNews8 .news-sum{ max-height:3em; overflow:hidden;} .w-adNews9 li{padding:1em 0 0.5em;} .w-adNews9 li .date{margin-left:0.3em; margin-right:0.7em;} .w-adNews9 li .date .date-day{ font-size:235%;} .w-adNews9 li .news-com .news-h{ margin-bottom:0.5em;} .w-adNews10 li .news-item{margin-left:1.8em;} .w-adNews10 li .news-item .news-com{padding:1em 6em 1em 2.5em;} .w-adNews10 li .news-item .news-com .news-h .news-kind{display:none;} .w-adNews10 li .news-item .num{width:2em; height:2em; margin-top:-1em; font-size:1.8em; line-height:2em;} .w-adNews10 li .news-item .news-com .more{width:5em; right:0.5em; top:50%; margin-top:-1.1em;} .w-adNews10 li .news-item .news-com .more a{height:2.2em; line-height:2.2;} .w-adNews11{ margin-left:0; margin-right:0;} .w-adNews11 li{ width:100%; margin:0 0 1.2em;} .w-adNews11 li .news-sum{ padding-bottom:0; height:5.2em;} .w-adNews13 li .news-together{/*line-height:1.3;*/} .w-adNews16 li .news-com .news-h{ font-size:100%;} .w-adNews16 li .news-com .date{ font-size:80%;} .w-adNews16 li .news-com .news-sum{ font-size:85%;} /*---------------------title-----------------*/ .w-title{margin:0.3rem 0;} .w-title h2{font-size:120%;} .w-title .title-h-in > span{ font-size:100%;} .w-title1 h2{font-size:130%;} .w-title1 .simpline{width:3em; margin:4px auto;} .w-title3 h2,.w-title9 h2,.w-title10 h2,.w-title11 h2,.w-title12 h2{ font-size:120%;} .w-title4 h2{padding:0.7em 1em;} .w-title6 .tith h2{font-size:130%;} .w-title13{ padding-top:1em; background-size:auto 1em;} .w-title13 h2{ font-size:130%;} .w-title16,.w-title16 h2{ line-height:1.5; } .w-title18 .tith{max-width:16em; padding:0.3em 0.7em;} .w-title18 .tith h2{font-size:130%; line-height:1.2; margin-bottom:0.5em;} .w-title18 .tith span{font-size:105%;} .w-title18 .tith .tit_left {background-size:auto 2.8em; height:2.8em; width:3.5em; left:-3.5em;} .w-title18 .tith .tit_right{background-size:auto 2.8em; height:2.8em; width:3.5em; right:-3.5em;} .w-title18 .tith{background-size:auto 2.8em;} .w-title19 .tith{font-size:100%;} .w-title20 .tith span{font-size:130%;} .w-title20 h2{font-size:105%;} .w-title22 .tith{padding:0.3em 0.7em; max-width:18em;} .w-title22 .w-title-in{padding-left:3em; background-size:3em auto;} .w-title22 .w-title-in .title-h-in{padding-right:3em; background-size:3em auto;} .w-title22 .tith h2{font-size:130%; line-height:1.2; margin-top:0.5em; } .w-title22 .tith span{font-size:105%;} .w-title23 .title-h-in > span,.w-title24 .title-h-in > span{font-size:120%;} .w-title23 h2{font-size:105%;} .w-title23 .simpline{margin-bottom:0.5em;} .w-title24 .tith h2{font-size:105%; line-height:1.2;} .w-title25 .tith span{font-size:105%; line-height:1.2;} .w-title25 .tith .tit_left{ width:4em; left:-4em;} .w-title25 .tith .tit_right{ width:4em; right:-4em;} .w-title26 .tith{font-size:100%;} .w-title28 .tith span{font-size:120%;} .w-title28 h2{font-size:100%;} .w-title29 .tith span{font-size:120%;} .w-title29 h2{font-size:100%;} .w-title30{border-left-width:5px; padding-left:0.5em;} .w-title30 .tith h2{font-size:120%;} .w-title30 .tith span,.w-title30 .more span{font-size:105%;} .w-title31 .tith h2{font-size:110%;} .w-title31 .title-h-in > span{font-size:130%;} .w-title32 .tith span{font-size:120%;} .w-title32 h2{ font-size:105%;} .w-title33 .title-h-in h2{ font-size:120%;} .w-title34 .tith h2{padding:0 1em;font-size:120%;} .w-title37 h2{font-size:140%;} .w-title38 .tith span,.w-title38 h2{ font-size:120%;} .w-title38 .tith span,.w-title38 h2{ font-size:120%;} .w-title39 .tith span{ font-size:105%;} .w-title40{ margin-top:0.4rem;} .w-title40 .w-title-inner{ padding:0 2em 0.2em;} .w-title40 .tith h2{ padding:0 1em; font-size:120%;} .w-title40 .tith span{ font-size:90%;} .w-title41{ border-right-width:0.5em; padding:0.3em 1em 0.3em 0;} .w-title41 span{ font-size:90%;} /*----------------产品--------------------*/ .w-productList{ margin-left:-0.5em; margin-right:-0.5em;} .w-productList .w-prd-list-cell{margin-bottom:0.3em;} .w-productList .w-prd-list-cell .w-prd-list-cell-in{ margin:0 0.5em;} .w-productList .prd_pre, .w-productList .prd_next{ width:2.1em; height:3em; background-size:4.2em 3em;} .w-productList .prd_next{ background-position:-2.1em 0;} .w-productList1 .w-prd-list-cell{ min-width:50%;} .w-productList2 .w-prd-list-cell .w-prd-sum{ max-height:3.8em;} } .topLogBox .w-search .search-btn-w { background-color: #004599; } .topLogBox a:hover, .w-languege a.cur { color: #004599; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #004599 !important; } .w-nav .nav_inner > li:hover > a, .w-nav .nav_inner > li:hover > .li-parent-div > a, .w-nav .nav_inner > li.active > a, .w-nav .nav_inner > li.active > .li-parent-div > a { background: #004599; color: #fff; } .w-searchbox .w-search .search-btn-w { position: absolute; width: 50px; right: 0; top: 0; bottom: 0; cursor: pointer; background: url(../images/header_search.png) no-repeat center #75c318; } .searchbgBox .w-searchbox .w-search .search-btn-w:hover { background-color: #4F8310; } /*--------------------组件-------------------------*/ .btn-default-w { color: #fff; background-color: #004599; } .btn-default-w:hover { background-color: #152e33; } .search-defaut-w .search-btn-w { background-color: #004599; } .search-defaut-w .search-btn-w:hover { background-color: #152e33; } .captionbgFadeOutScale .caption .captionbg, .captionbgFadeInLeft.imgLeftBig .caption .captionbg, .captionbgFadeInRight.imgRightBig .caption .captionbg { background-color: #004599; } .w-slide-page-num .slide-page a.active { background-color: #004599; } /*-----------------footer-------------------------*/ /*--------------------系统------------------------*/ .systitle { background: #004599; } .crumbs a:hover { color: #004599; } .w-prd-list-cell .w-prd-infobox h2 a:hover, .w-prd-list-cell .w-prd-infobox .w-prd-more a:hover { color: #004599; } .w-prd-list-cell .w-prd-btns a.btn-buy { background: #004599; border-color: #004599; } .w-prd-list-cell .w-prd-btns a.btn-buy:hover { background: #152e33; border-color: #152e33; } /*-------------新闻--------------------*/ .w-News-list .news-com .news-h .news-kind, .w-adNews a.news-kind, .w-News-list .news-com .news-h a:hover, .w-adNews .news-h a:hover, .w-adNews1 li .news-item .news-com .news-h a:hover { color: #004599; } .w-News-list5 li .news-item .data-day, .w-adNews1 li .news-item .data-day { background: #004599; } .w-adNews3 .w-adNews-imgs .news-img .news-buoy-content .mask { background: #222; } .w-adNews3 { background: #004599; } .w-adNews3 .w-adNews-imgs .adNews3prev, .w-adNews3 .w-adNews-imgs .adNews3next { background-color: #004599; } .w-adNews3 .w-adNews-texts li .w-adNews-textH a, .w-adNews3 .w-adNews-texts li .w-adNews-textH h3 { color: #fff; opacity: 0.98; *filter:alpha(opacity=98); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=98); } .w-adNews3 .w-adNews-texts li .w-adNews-textH p, .w-adNews3 .w-adNews-texts li .w-adNews-textH .news-sum { color: #fff; opacity: 0.98; *filter:alpha(opacity=98); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=98); } .w-adNews3 .w-adNews-texts li .numberQ { border-color: #fff; color: #fff; opacity: 0.9; *filter:alpha(opacity=90); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90); } .w-adNews3 .w-adNews-texts li { border-color: #fff; } .w-adNews3 .w-adNews-imgs .adNews3prev { background-image: url("../images/adnews3prev_white.png"); } .w-adNews3 .w-adNews-imgs .adNews3next { background-image: url("../images/adnews3next_white.png"); } .w-News-list7 li .date .date-day, .w-News-list7 li .date .date-yearMonth { background-color: #004599; color: #fff; } /*-----------------------会员中心和购物车--------------------*/ .w-admin-top .w-sign .w-admin-register, .w-admin-top .w-sign .w-admin-person, .w-admin-shopCart a .fa-shopping-cart, .order-progress .order-progress-text > div.cur, .orderA .orderA-statue .orderA-s, .orderA .order-route .order-route-notice a, .orderA .orderA-statue .orderA-btn .btn-green-A, .w-admin-sidemenu li.cur a, .payStatue-nav a.cur, .personInfoA .uploadimgA { color: #004599; } .order-progress .order-progress-line .order-progress-line-sec.cur .curcle { background-image: url("../images/progress_complete.png"); } .order-progress .order-progress-line .order-progress-line-sec.cur .line, .btn-greenC, .btn-greenA { background-color: #004599; } .checkbox_tel input[type="checkbox"]:checked + label { background-color: #004599; } .orderA .orderA-statue .orderA-btn .btn-green-A, .section-con-new, .payStatue-nav a.cur { border-color: #004599; } .orderSum-item .imgB, .order-routes .order-routeItem.cur .order-routeItem-img .imgA { background-color: #DFFDFD; } .order-routes .order-routeItem.cur .order-routeItem-img .lineA { background-image: url('../images/routelinecur.png'); } /*----------------------标题------------------------*/ .color_main { color: #004599; } .color_vice { } .color_h { } .color_span { } .colorbg_main { color: #004599; } .bg_main { background-color: #004599; } .bg_main_light { background-color: #DFFDFD; } .bg_simpline { background-color: #004599; } .border_colorall_main { border-color: #004599; } .aHoverborder_main:hover { border-color: #004599; } .border_colorleft_main { border-left-color: #004599; } .border_colortop_main { border-top-color: #004599; } .border_colorright_main { border-right-color: #004599; } .border_colorbottom_main { border-bottom-color: #004599; } .aHovercolor_main:hover { color: #004599; } .aHoverbg_main:hover { background-color: #004599; } .border_colorall_main_deepen { border-color: #152e33; } .aHovercolor_deepen:hover { color: #152e33; } .aHoverbg_deepen:hover { background-color: #152e33; } .aHoverborder_deepen:hover { border-color: #152e33; } .colorChange { background-color: #004599; background-image: -webkit-linear-gradient(bottom, #004599, #152e33); background-image: -moz-linear-gradient(bottom, #004599, #152e33); background-image: -o-linear-gradient(bottom, #004599, #152e33); background-image: -ms-linear-gradient(bottom, #004599, #152e33); background-image: linear-gradient(to top, #004599, #152e33); FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#152e33, endColorStr=#004599); } .colorChange_deepen { background-color: #004599; background-image: -webkit-linear-gradient(bottom, #152e33, #004599); background-image: -moz-linear-gradient(bottom, #152e33, #004599); background-image: -o-linear-gradient(bottom, #152e33, #004599); background-image: -ms-linear-gradient(bottom, #152e33, #004599); background-image: linear-gradient(to top, #152e33, #004599); FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#004599, endColorStr=#152e33); } .bg_main_change { background-color: #004599; background-image: -webkit-linear-gradient(bottom, #ffffff, #004599); background-image: -moz-linear-gradient(bottom, #ffffff, #004599); background-image: -o-linear-gradient(bottom, #ffffff, #004599); background-image: -ms-linear-gradient(bottom, #ffffff, #004599); background-image: linear-gradient(to top, #ffffff, #004599); FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#004599, endColorStr=#ffffff); } .bg_main_changeDeepen { background-color: #004599; background-image: -webkit-linear-gradient(bottom, #004599, #ffffff); background-image: -moz-linear-gradient(bottom, #004599, #ffffff); background-image: -o-linear-gradient(bottom, #004599, #ffffff); background-image: -ms-linear-gradient(bottom, #004599, #ffffff); background-image: linear-gradient(to top, #004599, #ffffff); FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#004599); } .bg_main_change_left { background-color: #004599; background-image: -webkit-linear-gradient(right, #ffffff, #004599); background-image: -moz-linear-gradient(right, #ffffff, #004599); background-image: -o-linear-gradient(right, #ffffff, #004599); background-image: -ms-linear-gradient(right, #ffffff, #004599); background-image: linear-gradient(to left, #ffffff, #004599); } .bg_main_changeDeepen_left { background-color: #004599; background-image: -webkit-linear-gradient(right, #004599, #ffffff); background-image: -moz-linear-gradient(right, #004599, #ffffff); background-image: -o-linear-gradient(right, #004599, #ffffff); background-image: -ms-linear-gradient(right, #004599, #ffffff); background-image: linear-gradient(to left, #004599, #ffffff); } .w-title34 .tith .line { background: #656667; } .w-title1 .simpline { backgroung: #004599; } .w-title2 { background: #004599; } .w-title2, .w-title2 .title-h-in h2, .w-title2 .more { color: #fff; } .w-title17 .w-title-inner { background-image: url("../images/tit17bg_0.png"); } .w-title17 .more:hover { background-image: url("../images/tit17_morehover_0.png"); } .w-title19 .more .icon_more, .icon_more19bg { background-image: url("../images/icon_more_0.png"); } .w-admin-sidemenu li a:hover { color: #004599; } @media (min-width:768px) { .w-com-menu-V > .w-com-menu-in > .ul-parent { } .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent { background: url('../images/menu_cur.png') no-repeat 200px center #004599; } .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent a, .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent .fa { color: #fff; } .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent .fa { background-color: #004599; } .w-com-menu-V .ul-submenu li:hover >.div-parent a, .w-com-menu .ul-submenu li:hover >.div-parent .fa { color: #fff; background: #004599; } .w-com-menu-H >.w-com-menu-in>.ul-parent> li:hover >.div-parent a, .w-com-menu-H >.w-com-menu-in>.ul-parent> li.cur >.div-parent a { background: #004599; color: #fff; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .w-com-menu-H .ul-submenu li:hover> .div-parent >a, .w-com-menu-H .ul-submenu li.cur> .div-parent >a { background: #004599; color: #fff; } } @media (min-width:961px) { .w-nav .submenu li:hover > a, .w-nav .submenu li:hover > .li-parent-div > a, .w-nav .submenu li.active > a, .w-nav .submenu li.active >.li-parent-div > a { color: #fff; background: #004599; } } @media (max-width:960px) { .w-nav li:hover > a, .w-nav li:hover > .li-parent-div > a, .w-nav li.active > a, .w-nav li.active > .li-parent-div > a, .w-admin-header .w-nav .nav_inner > li:hover > a, .w-admin-header .w-nav .nav_inner > li:hover > .li-parent-div > a, .w-admin-header .w-nav .nav_inner > li.active > a, .w-admin-header .w-nav .nav_inner > li.active > .li-parent-div > a { color: #fff; background: #004599; } } @media (max-width:767px) { .w-com-menu .ul-parent { background-color: #4b4b4b; } .w-com-menu .ul-submenu ul { background-color: #5a5a5a; } .w-com-menu .ul-submenu .ul-submenu ul { background-color: #666; } .w-com-menu li a, .w-com-menu .ul-submenu li a { color: #eee; } .w-com-menu li, .w-com-menu .ul-submenu li { border-top-color: #505050; border-bottom-color: #333; } .w-com-menu li >.div-parent:hover a, .w-com-menu li.cur >.div-parent a { background: #004599; } .w-com-menu .ul-submenu li > .div-parent:hover a, .w-com-menu .ul-submenu li.cur > .div-parent a { background: #004599; } /*-----------------------会员中心和购物车--------------------*/ .order-routes .order-routeItem.cur .order-routeItem-img .lineA { background-image: url('../images/routelinecurtel.png'); } } .pagination-wrapper { margin: 20px 0; } .pagination { height: 34px; text-align: center; } .pagination li { display: inline-block; height: 34px; margin-right: 5px; } .pagination li a { float: left; display: block; height: 32px; line-height: 32px; padding: 0 12px; font-size: 16px; border: 1px solid #dddddd; color: #555555; text-decoration: none; } .pagination li a:hover { background: #f5f5f5; color: #0099ff; } .pagination li.thisclass { background: #0cb4b6; color: #fff; } .pagination li.thisclass a, .pagination li.thisclass a:hover { background: transparent; border-color: #0cb4b6; color: #fff; cursor: default; }