锘緻charset "utf-8"; /*! * author: niqilin * www.niqilin.com * date: 2021-07-01 **/ /*鍏ㄥ眬鏍峰紡 -------------------------------------------------------------------------------------------*/ body{ font:14px/1.5 "Microsoft Yahei",PingFang SC,"Helvetica Neue",Helvetica,Arial,Roboto,sans-serif;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased; } a,b,body,blockquote,dd,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,li,ol,p,pre,span,u,ul,input,button,select,textarea{ margin:0; padding:0; border:0; } a{ color:#333;text-decoration:none;outline:none; } a:hover{ color:#0053b3;} ol,ul,li,dl,dd{ list-style:none; } img{ vertical-align: middle;-ms-interpolation-mode:bicubic; } table { border-collapse:collapse; border-spacing:0; } input,textarea{resize: none;font-family:"Microsoft Yahei",PingFang SC,"Helvetica Neue",Helvetica,Arial,Roboto,sans-serif;} input:focus,textarea:focus{ outline:none;border:1px solid #0053b3; } input::-moz-focus-inner,button::-moz-focus-inner{ border:0;padding:0;outline:0; } .fl{ float:left; } .fr{ float:right; } /*iconfont*/ @font-face { font-family: 'iconfont'; src: url('icon/iconfont.woff2?t=1635299522009') format('woff2'), url('icon/iconfont.woff?t=1635299522009') format('woff'), url('icon/iconfont.ttf?t=1635299522009') format('truetype'); } .iconfont {font-family: "iconfont" !important;font-size: 16px;line-height:1;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} /*Clear Fix*/ .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix{ display:inline-block; } .clearfix { display:block; } .red{color:#ff0505;} .clear{ clear:both; font-size:0px; height:0px; overflow:hidden; } .line5{ clear:both; font-size:0px; height:5px; overflow:hidden; } .line10{ clear:both; font-size:0px; height:10px; overflow:hidden; } .line15{ clear:both; font-size:0px; height:15px; overflow:hidden; } /*鎸夐挳鏍峰紡*/ .btna{position:relative;display:block;height:48px;width:178px;line-height:48px;font-size:16px;color:#0053b3;text-align:center;cursor:pointer;border:1px solid #0053b3;z-index:333;overflow:hidden;} .btna:hover{color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .btna:before{content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background: #0053b3;z-index:-1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .btna:hover:before{width:100%;} .btna-w{color:#fff;border:1px solid #fff;} .btna-w:hover{color:#0053b3;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .btna-w:before{content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background: #fff;z-index:-1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .btna-w:hover:before{width:100%;} .btna-b{color:#fff;background-color:#0053b3;} .btna-b:hover{background-color:#0073e5;} .btna-b:hover:before{width:0;} /*椤甸潰甯冨眬 --------------------------------------------------------------------------------------------*/ .container{ position:relative; margin:0 auto; width:1200px; } .section{ position:relative; margin:0 auto; width:1160px; min-width:925px; max-width:1160px; } .wrapper{ position:relative; margin:0 auto; padding:0; width:100%; height:auto; overflow:hidden; } .wrapper:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .wrap-box{ width:1160px; } .left-925{ position:relative; float:left; margin:0; padding:0; width:925px; } .left-705{ position:relative; float:left; margin:0; padding:0; width:705px; } .left-690{ position:relative; float:left; margin:0 0 0 15px; padding:0; width:690px; } .left-455{ position:relative; float:left; margin:0 0 0 15px; padding:0; width:455px; } .left-260{ position:relative; display:block; float:left; width:260px; overflow:hidden; } .left-220{ position:relative; display:block; float:left; margin:0 0 0 15px; padding:0; width:220px; _overflow:hidden; } .left-auto{ position:relative; display:block; margin:0 275px 0 0; overflow:hidden; _zoom:1; } .right-260{ position:relative; display:block; float:right; width:260px; overflow:hidden; } .right-auto{ position:relative; display:block; margin:0 0 0 275px; overflow:hidden; _zoom:1; } .bg-wrap{ margin:0; padding:0; background:#fff; } .bg-wrap:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .bg-wrap.nobg{ background:none; } .pad-15{ position:relative; padding:15px; } /*闈㈠寘灞戝鑸?/ .crumb{ padding:5px 0; width:100%; height:40px; line-height:40px; font-size:12px; color:#666; } .crumb a{ margin:0 5px; color:#666; } .crumb a:hover{color:#0053b3;} /*鏍囬鏍峰紡 --------------------------------------------------------------------------------------------*/ /*妯″潡鏍囬-棣栭〉*/ .module-tit {margin:30px auto;} .module-tit h2{margin-bottom:10px;font-size:60px;line-height:1;color:#e8e8e8;font-family:Arial;} .module-tit h3{font-size:36px;line-height:1;color:#0053b3;font-family:"Source Han Sans CN","Microsoft Yahei","PingFang SC";} /*瀵艰埅鏍囬-浜岀骇椤甸潰*/ .tabs-nav{height:60px;line-height:60px;} .tabs-nav h2{float:left;font-size:20px;font-weight:normal;} .tabs-nav h2 a{color:#0053b3;} .tabs-nav h2 a:hover{color:#0073e5;} .tabs-nav p{display:block;float:right;} .tabs-nav p a{margin-left:10px;} /*瀵艰埅鏍?鍒楄〃椤?/ .nav-bar{ margin:10px auto 30px;} .nav-bar ul{text-align:center;} .nav-bar ul li{display:inline-block;margin:0 5px;background:#f7f7f7;} .nav-bar ul li a{display:block;height:50px;width:180px;line-height:50px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .nav-bar ul li a:hover{color:#fff;background-color:#0053b3;} .nav-bar ul li.active a{background-color:#0053b3;} .nav-bar ul li.active a{color:#fff;} /*鍗曞厓鏍囬-璇勮妯″潡绛?/ .unit-tit{ border-bottom:1px solid #d6d6d6; color:#0053b3; line-height:1; font-size:16px; font-weight:normal; } .unit-tit span{ padding-bottom:10px;position:relative; top:1px; display:inline-block; border-bottom:1px solid #0053b3; } .unit-tit strong{ float:right; padding-top:5px;color:#666; font-size:12px; font-weight:normal; } .unit-tit em{color:#0053b3;font-style:normal;} /*鍐呭鏍囬*/ .cont-tit h2{margin-bottom:8px;font-size:36px;font-weight:normal;line-height:1;color:#e8e8e8;font-family:Arial} .cont-tit h3{margin-bottom:15px;font-size:26px;font-weight:normal;line-height:1;color:#0053b3;} .cont-tit i{display:block;height:2px;width:50px;background:#0053b3;} .cont-tit2{margin-top:30px;text-align:center;} .cont-tit2 i{margin:0 auto;} /*璇︽儏椤垫爣棰?/ .detail-tit{padding:30px 0;text-align:center;} .detail-tit h2{margin-bottom:15px;font-size:26px;font-weight:normal;line-height:1;} .detail-tit .line{margin:0 auto;height:3px;width:50px;background:#0073e5;} .detail-tit p{margin:10px auto 0;width:60%;font-size:16px;color:#666;} /*鍏辩敤椤甸潰 --------------------------------------------------------------------------------------------*/ /*椤堕儴鏍峰紡*/ #header {position: fixed;top:0;left:0;width: 100%;line-height: 80px;z-index:999;border-bottom: 1px solid transparent;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} #header .header-wrap{margin:0 auto;width:1200px;} #header a{color:#fff;} #header.header-show {color: #333;background: #fff;border-bottom: 1px solid #ddd;box-shadow:0 1px 5px rgba(0,0,0,0.2);} #header.header-show li>a {color: #333;} #header.header-show .header-logo a img:nth-child(2){display: inline-block;} #header.header-show .header-search input{color:#333;border: 1px solid #666;} #header.header-show .header-search input::-webkit-input-placeholder{ color:#333; } input:-moz-placeholder{ color:#333; } input::-moz-placeholder{ color:#333; } input:-ms-input-placeholder{ color:#333; } #header.header-show .header-search i{color:#333;} #header.header-show .header-user .header-user-icon{color:#333;} #header.header-show .header-tel a{color:#0053b3;} #header.header-hide{-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);border:none;box-shadow:none;} #header.header-active {color: #333;background: #fff;border-bottom: 1px solid #ddd;box-shadow:none;} #header.header-active li>a {color: #333;} #header.header-active .header-logo a img:nth-child(1){display: none;} #header.header-active .header-logo a img:nth-child(2){display: inline-block;} #header.header-active .header-search input{color:#333;border: 1px solid #666;} #header.header-active .header-search input::-webkit-input-placeholder{ color:#333; } input:-moz-placeholder{ color:#333; } input::-moz-placeholder{ color:#333; } input:-ms-input-placeholder{ color:#333; } #header.header-active .header-search i{color:#333;} #header.header-active .header-user .header-user-icon{color:#333;} #header.header-active .header-tel a{color:#0053b3;} #header .header-logo{float:left;position:relative;overflow:hidden;} #header .header-logo a{display:block;} #header .header-logo a img {height: 38px;line-height:80px;} #header .header-logo a img:nth-child(2),#header.header-show .header-logo a img:nth-child(1){display: none;} #header .header-logo:before {content: '';position: absolute;height: 100%;width: 60px;top: 0;left: 0;margin-left: -120px;overflow: hidden;z-index: 6; background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%); background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%); background: linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%); -webkit-transform: skewX(-25deg);-moz-transform: skewX(-25deg);-o-transform: skewX(-25deg);transform: skewX(-25deg);} #header .header-logo:hover:before{-webkit-animation:shine .6s ease-out forwards;-moz-animation:shine .6s ease-out forwards;-o-animation:shine .6s ease-out forwards;animation:shine .6s ease-out forwards;} #header .header-nav {float:left;margin-left:100px;} #header .header-nav>li{float:left;margin:0 10px;font-size:16px;line-height:80px;position:relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} #header .header-nav>li>a{display:block;padding:0 5px;} #header .header-nav>li>a:hover{color:#0053b3;} #header .header-nav>li:before {content: "";position: absolute;left: 50%;bottom: -1px;width: 0;height: 2px;background: #0053b3;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} #header .header-nav>li:hover:before {width: 100%;left: 0;right: 0;} #header .header-nav .header-panel {display:none;position:fixed;top:100px;left:0;width:100%;background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,0.2);} #header .header-nav .header-panel .header-panel-img{position:absolute;top:0;left:0;height:100%;width:600px;-webkit-background-size: cover;background-size: cover;} #header .header-nav .header-panel .header-panel-wrap {margin:0 auto;position:relative;width:90%;max-width:1200px;overflow:hidden;} #header .header-nav .header-panel .header-panel-wrap .header-panel-tit{position:absolute;top:50%;left:0;margin-top:-26px;width:200px;color:#fff;} #header .header-nav .header-panel .header-panel-wrap .header-panel-tit h2{margin-bottom:10px;font-size:26px;font-weight:normal;line-height:1;} #header .header-nav .header-panel .header-panel-wrap .header-panel-tit h3{font-size:16px;font-weight:normal;line-height:1;} #header .header-nav .header-panel .header-panel-wrap .header-panel-item{margin:0 auto;padding:30px;width:670px;background-color:#fff;} #header .header-nav .header-panel .header-panel-wrap .header-panel-item>ul{border-right:1px solid #ddd;overflow:hidden;} #header .header-nav .header-panel .header-panel-wrap .header-panel-item>ul>li>a{display:block;position:relative;} #header .header-nav .header-panel .header-panel-wrap .header-panel-item>ul>li{position: relative;float: left;margin-right:3%;height:50px;line-height:50px;width:47%;font-size: 16px;} #header .header-nav .header-panel .header-panel-wrap .header-panel-item>ul>li:before{content: "";position: absolute;left: 0;top: 0;height: 50px;width: 0;background: #f7f7f7;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} #header .header-nav .header-panel .header-panel-wrap .header-panel-item>ul>li span{position: relative;padding-left:30px;} #header .header-nav .header-panel .header-panel-wrap .header-panel-item>ul>li i{position: relative;float: right;padding-right:30px;font-size:18px;line-height:50px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} #header .header-nav .header-panel .header-panel-wrap .header-panel-item>ul>li:hover:before{width: 100%;} #header .header-nav .header-panel .header-panel-wrap .header-panel-item>ul>li:hover span,#header .header-nav .header-panel .header-panel-wrap .header-panel-item>ul>li:hover i{color: #0053b3;} #header .header-nav .header-panel .header-panel-wrap .header-panel-item>ul>li:hover i{-webkit-transform: translateX(5px);-moz-transform: translateX(5px);-o-transform: translateX(5px);transform: translateX(5px);} #header .header-nav .header-panel .header-panel-wrap .header-panel-list{float:left;width:600px;} #header .header-nav .header-panel .header-panel-wrap .header-panel-list>ul{position:absolute;top:50%;left:0;margin-top:-115px;} #header .header-nav .header-panel .header-panel-wrap .header-panel-list>ul>li{margin-bottom:20px;line-height:normal;} #header .header-nav .header-panel .header-panel-wrap .header-panel-list>ul>li a{display:block;font-size:18px;line-height:30px;} #header .header-nav .header-panel .header-panel-wrap .header-panel-list>ul>li p{font-size:14px;color:#666;line-height:1.5;} #header .header-nav .header-panel .header-panel-wrap .header-panel-list>ul>li.active a{color:#0053b3;} #header .header-nav .header-panel .header-panel-wrap .header-panel-sublist{float:right;position:relative;width:600px;height:300px;padding:30px 0;} #header .header-nav .header-panel .header-panel-wrap .header-panel-sublist>ul>li{position:absolute;top:0;left:0;display:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} #header .header-nav .header-panel .header-panel-wrap .header-panel-sublist>ul>li.active{display:block;} #header .header-nav .header-panel .header-panel-wrap .header-panel-sublist>ul>li img{max-height:360px;} #header .header-nav .header-panel .header-panel-wrap .slogan{position:absolute;top:50%;right:0;margin-top:-10px;width:270px;font-size:18px;line-height:20px;color:#0053b3;text-align:right;} #header .header-search {float:left;position:relative;margin-left:15px;} #header .header-search input{margin-top:25px;padding:0 35px 0 15px;height:28px;width:120px;color:#fff;line-height:28px;border-radius:28px;background-color:transparent;border:1px solid #fff;} #header .header-search input::-webkit-input-placeholder{ font-size:12px;color: #fff; } input:-moz-placeholder{ font-size:12px;color: #fff; } input::-moz-placeholder{ font-size:12px;color: #fff; } input:-ms-input-placeholder{ font-size:12px;color: #fff; } #header .header-search i{position:absolute;top:32px;right:15px;cursor:pointer;color:#fff;} #header .header-tel {float:right;height:80px;} #header .header-tel a{font-size:22px;} #header .header-tel i{margin-top:26px;float:left;width:24px;font-size:26px;} #header .header-tel em{margin-left:6px;font-style:normal;} #header .header-tel a:hover i { -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -moz-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -o-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-transform: translate3d(0,0,0);/*GPU鍔犻€燂紝璁╃綉椤靛姩鐢绘洿娴佺晠*/ -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; /*褰撳厓绱犺儗閮ㄦ湞鍚戝睆骞曟椂闅愯棌*/ -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; perspective: 1000;/*閫忚鍊硷紝鍊艰秺灏忥紝3D鏁堟灉瓒婃槑鏄撅紙杩滃皬杩戝ぇ锛?/ } .header-user{float:left;margin-left:20px;position:relative;} .header-user .header-user-icon{display:block;padding:0 5px;height:80px;font-size:22px;line-height:80px;overflow:hidden;} .header-user-popover{display:none;position:absolute;top:80px;left:50%;margin-left:-130px;width:260px;background:#fff;z-index:666;box-shadow: 0 3px 6px rgba(0,0,0,.2);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .header-user-popover.active{display:block;top:100px;} .header-user-popover a{color:#333!important;} .header-user-popover .header-avatar{position:absolute;top:-38px;left:50%;margin-left:-38px;height:74px;width:74px;border:1px solid #ddd;border-radius:50%;overflow:hidden;} .header-user-popover .header-avatar img{display:block;height:100%;width:100%;} .header-user-popover .header-info{padding-top:40px;} .header-user-popover .header-username{padding:0 20px;font-size:16px;line-height:40px;text-align:center;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .header-user-popover .header-username:hover{color:#0053b3;} .header-user-popover .header-counts{padding-bottom:12px;border-bottom:1px solid #ddd;overflow:hidden;} .header-user-popover .header-counts li{float:left;width:25%;line-height:1.5;text-align:center;} .header-user-popover .header-counts li span{font-size:16px;} .header-user-popover .header-counts li p{font-size:12px;color:#777;} .header-user-popover .header-counts li:hover span,.header-user-popover .header-counts li:hover p{color:#0053b3;} .header-user-popover .user-links{padding-top:10px;} .header-user-popover .user-links li{height:40px;line-height:40px;clear:both;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .header-user-popover .user-links li a{display:block;padding:0 20px;overflow:hidden;} .header-user-popover .user-links li i{float:left;line-height:40px;} .header-user-popover .user-links li p{float:left;margin-left:6px;} .header-user-popover .user-links li .arrow{float:right;font-size:12px;color:#999;} .header-user-popover .user-links li:last-child{margin-bottom:10px;} .header-user-popover .user-links li:hover{background-color:#f7f7f7;} .header-user-popover .user-links li:hover p{color:#0053b3;} .header-user-popover .user-links li:hover .arrow{margin-right:-3px;color:#000;} .header-user-popover .header-exit{display:block;padding:0 20px;height:54px;line-height:54px;border-top:1px solid #ddd;} .header-user-popover .header-exit:hover{color:#fff!important;background-color:#0053b3;} .header-user-popover .header-exit i{float:left;line-height:54px;} .header-user-popover .header-exit p{float:left;margin-left:6px;} /*Banner鏍峰紡*/ .banner{height:700px;width:100%;overflow:hidden;} .banner .swiper-container{height:100%;width:100%;} .banner .swiper-button-next,.banner .swiper-button-prev{left:5%;width:auto;} .banner .swiper-button-next .bg,.banner .swiper-button-prev .bg{position:relative;height:120px;width:60px;background:#000;opacity:0;filter:alpha(opacity=0);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .banner .swiper-button-next i,.banner .swiper-button-prev i{position:absolute;top:50%;left:50%;margin-top:-22px;margin-left:-23px;font-size:46px;color:#fff;opacity:0;filter:alpha(opacity=0);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .banner .swiper-button-prev:after,.banner .swiper-button-next:after{content:none;} .banner .swiper-button-next{left:auto;right:5%;} .banner .swiper-pagination{bottom:30px!important;} .banner .swiper-pagination-bullet{height:12px;width:12px;cursor:pointer;} .banner:hover .swiper-button-next .bg,.banner:hover .swiper-button-prev .bg{opacity:0.3;filter:alpha(opacity=30);} .banner:hover .swiper-button-next i,.banner:hover .swiper-button-prev i{opacity:1;filter:alpha(opacity=100);} .banner .swiper-button-next:hover .bg,.banner .swiper-button-prev:hover .bg{opacity:0.6;filter:alpha(opacity=60);} .page-banner{position:relative;height:430px;width:100%;color:#fff;overflow:hidden;} .page-banner .banner-wrap{height:430px;width:100%;} .page-banner .tit{position:absolute;left:50%;bottom:30px;margin-left:-600px;width:1200px;} .page-banner .tit h2{margin-bottom:10px;font-size:26px;font-weight:normal;line-height:1;} .page-banner .tit p{font-size:28px;line-height:1;font-family:Arial;text-transform: uppercase;} .page-banner .banner-wrap{-webkit-animation: page-banner 1s;-moz-animation: page-banner 1s;-o-animation: page-banner 1s;animation: page-banner 1s;} .banner img,.page-banner img{height:100%;width:100%;} /*搴曢儴鏍峰紡*/ .footer{ position:relative;width:100%;background:url(../images/footer.jpg) no-repeat center;background-size:cover; } .footer .footer-link a:before {content: "";position: absolute;left: 0;bottom: 1px;width: 0;height: 1px;background: #fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .footer .footer-link a:hover:before {width: 100%;} .footer .footer-link{ float:left;margin:60px 0; } .footer .footer-link dl {float:left;margin-right:60px;} .footer .footer-link dl a {display:inline-block;position:relative;padding-bottom:2px;color:#fff;} .footer .footer-link dl dt {font-size:16px;margin-bottom:10px;} .footer .footer-link dl .wxmall{position:relative;overflow:hidden;} .footer .footer-link dl .qrcode{position:absolute;left:50%;bottom:44px;margin-left:-80px;padding:10px;opacity:0;filter:alpha(opacity=0);text-align:center;background-color:#fff;z-index:22;border-radius:6px;box-shadow: 0 2px 16px rgba(0, 0, 0, .2);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .footer .footer-link dl .qrcode .img{padding:10px;position:relative;width:120px;} .footer .footer-link dl .qrcode .img img{height:100%;width:100%;} .footer .footer-link dl .qrcode .img:after{content:'';position:absolute;left:0;top:0;height:2px;width:100%;background-color:#0080ff; -webkit-animation: qrcode 3s linear 0s infinite both; -moz-box-animation: qrcode 3s linear 0s infinite both; -o-box-animation: qrcode 3s linear 0s infinite both; animation: qrcode 3s linear 0s infinite both;} .footer .footer-link dl .wxmall:hover{overflow:visible;} .footer .footer-link dl .wxmall:hover .qrcode{bottom:28px;opacity:1;filter:alpha(opacity=100);} .footer .footer-sns { float:right; } .footer .footer-copy { height:60px;line-height:60px;color:#fff;text-align: center;border-top:1px solid #649acd;} .footer .footer-copy p{opacity:0.8;filter:alpha(opacity=80);} .footer .footer-copy p img{display:inline-block;margin-top:-4px;} .footer .footer-copy a{color:#fff;} .footer-sns{margin-top:60px;} .footer-sns .logo{width:144px;} .footer-sns .tel{font-size:18px;line-height:30px;color:#fff;} .footer-sns .tel i{margin-right:3px;float:left;font-size:20px;line-height:30px;} .footer-sns .tel:hover i { -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -moz-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -o-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-transform: translate3d(0,0,0);/*GPU鍔犻€燂紝璁╃綉椤靛姩鐢绘洿娴佺晠*/ -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; /*褰撳厓绱犺儗閮ㄦ湞鍚戝睆骞曟椂闅愯棌*/ -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; perspective: 1000;/*閫忚鍊硷紝鍊艰秺灏忥紝3D鏁堟灉瓒婃槑鏄撅紙杩滃皬杩戝ぇ锛?/ } .footer-sns ul{margin:20px auto 10px;width:110px;} .footer-sns li{float:left;margin-right:10px;position:relative;overflow:hidden;} .footer-sns li:last-child{margin:0;} .footer-sns li i{font-size:20px;color:#fff;} .footer-sns li .qrcode{position:absolute;left:50%;bottom:44px;margin-left:-80px;padding:10px;opacity:0;filter:alpha(opacity=0);text-align:center;background-color:#fff;z-index:22;border-radius:6px;box-shadow: 0 2px 16px rgba(0, 0, 0, .2);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .footer-sns li .qrcode .img{padding:10px;position:relative;width:120px;} .footer-sns li .qrcode .img img{height:100%;width:100%;} .footer-sns li .qrcode .img:after{content:'';position:absolute;left:0;top:0;height:2px;width:100%;background-color:#0080ff; -webkit-animation: qrcode 3s linear 0s infinite both; -moz-box-animation: qrcode 3s linear 0s infinite both; -o-box-animation: qrcode 3s linear 0s infinite both; animation: qrcode 3s linear 0s infinite both;} .footer-sns li:hover{overflow:visible;} .footer-sns li:hover .qrcode{bottom:36px;opacity:1;filter:alpha(opacity=100);} /*鐣欒█寮圭獥*/ .popup{display:none;position:fixed;top:0;left:0;height:100%;width:100%;overflow:hidden;z-index:9997;} .popup .popup-shadow{position:fixed;top:0;left:0;z-index:9998;height:100%;width:100%;background: rgba(0,0,0,0.3);} .popup .popup-tier{position:fixed;top:50%;left:50%;margin:-282px 0 0 -480px;padding:50px;height:464px;width:830px;background-color:#fff;z-index:9999;box-shadow:0 3px 5px rgba(0,0,0,.2);} .popup .popup-tier .popup-tit{margin-bottom:30px;} .popup .popup-tier .popup-tit h2{float:left;font-size:28px;line-height:28px;font-weight:normal;color:#0b49bd;} .popup .popup-tier .popup-tit i{float:right;font-size:26px;line-height:28px;font-weight:bold;color:#0b49bd;cursor:pointer;} .popup .popup-tier h3{margin-bottom:15px;font-size:22px;font-weight:normal;} .popup .popup-tier .popup-form{float:left;width:580px;} .popup .popup-tier .popup-contact{float:right;margin-right:15px;width:200px;text-align:center;} .popup .popup-tier .popup-contact .phone h4{margin-bottom:10px;font-size:16px;font-weight:normal;} .popup .popup-tier .popup-contact .phone b{font-weight:normal;color:red;} .popup .popup-tier .popup-contact .phone p{margin-bottom:10px;font-size:18px;line-height:1.6;} .popup .popup-tier .popup-contact .wechat p{margin-bottom:22px;color:#666;text-align:center;} .popup .popup-tier .popup-contact .btn{display:inline-block;padding:0 44px;height:44px;font-size:16px;line-height:44px;text-align:center;border:1px solid #333;} .popup .popup-tier .popup-contact .btn:hover{border:1px solid #0053b3;} /*搴曢儴琛ㄥ崟*/ .dialog-bar{position:fixed;left:0;bottom:0;width:100%;z-index:3333;} .dialog-woman{display:none;position:fixed;left:10px;bottom:10px;height:150px;width:120px;cursor:pointer;z-index:3333;} .dialog-woman img{position:absolute;top:0;left:10px;height:150px;} .dialog-woman .txt{position:relative;margin-top:120px;padding:5px 10px;color:#fff;background-color:#0073e5;border-radius:15px;overflow:hidden;} .dialog-woman .txt i{font-size:12px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .dialog-woman:hover i{margin-left:3px;} .dialog-woman .txt .shine {content: '';position: absolute;height: 100%;width: 60px;top: 0;left: 0;margin-left: -120px;overflow: hidden;z-index: 6;opacity: 0.7; background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%); background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%); background: linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%); -webkit-transform: skewX(-25deg);-moz-transform: skewX(-25deg);-o-transform: skewX(-25deg);transform: skewX(-25deg); -webkit-animation: shine-move linear 1.5s infinite alternate;-moz-animation: shine-move linear 1.5s infinite alternate;-o-animation: shine-move linear 1.5s infinite alternate;animation: shine-move linear 1.5s infinite alternate;} .dialog-bar .dialog-bottom{background-color: rgba(51,51,51,.9);transition: height .3s ease-in-out;} .dialog-bar .dialog-bottom .active{height:250px;overflow:visible;} .dialog-bar .dialog-bottom .dialog-close{display:none;} .dialog-bar .close{height:0;width:0;overflow:hidden;} .dialog-bar .dialog-title{height:58px;width:100%;} .dialog-bar .dialog-title .dialog-wrap{position:relative;margin:0 auto;height:58px;width:1100px;} .dialog-bar .dialog-title .dialog-img{position:absolute;top:-45px;left:100px;} .dialog-bar .dialog-title .dialog-img img{height:150px;} .dialog-bar .dialog-title .dialog-img-active{position:absolute;top:-12px;left:-70px;} .dialog-bar .dialog-title .dialog-img-active img{height:auto;} .dialog-bar .dialog-title .dialog-tit{float:right;margin-right:130px;height:58px;width:680px;color:#fff;line-height:58px;} .dialog-bar .dialog-title .dialog-tit h2{float:left;font-size:22px;letter-spacing:4px;font-weight:normal;} .dialog-bar .dialog-title .dialog-tit em{font-style:normal;color:#ff6642;} .dialog-bar .dialog-title .dialog-tit i{float:right;font-size:50px;line-height:58px;cursor:pointer;-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);} .dialog-bar .dialog-title .dialog-close{float:right;line-height:58px;font-size:30px;color:#999;cursor:pointer;} .dialog-bar .dialog-content{margin:0 auto;height:0;width:1100px;overflow:hidden;} .dialog-bar .dialog-content .dialog-service{float:right;width:500px;} .dialog-bar .dialog-content .dialog-form{position:relative;float:right;height:250px;width:500px;background-color:#fff;} .dialog-bar .dialog-content .dialog-form .dialog-count{text-align:center;} .dialog-bar .dialog-content .dialog-form .dialog-count h2{margin:20px auto 3px;font-size:22px;font-weight:500;color:#0b49bd;} .dialog-bar .dialog-content .dialog-form .dialog-count span{padding:0 5px;color:#08358b;background-color:#dbe7ff;border-radius:3px;} .dialog-bar .dialog-content .dialog-form .input{display:block;margin:20px auto 25px;padding:0 15px;height:44px;width:348px;border:1px solid #ddd;} .dialog-bar .dialog-content .dialog-form .submit{display:block;margin:0 auto;height:46px;width:380px;font-size:14px;letter-spacing:2px;color:#fff;background-color:#0b49bd;box-shadow: 0 2px 5px 0 rgba(11,73,188,.55);} .dialog-bar .dialog-content .dialog-form .Validform_checktip{position:absolute;top:145px;left:70px;} /*渚ц竟鏍?/ #newBridge .icon-right-bottom{display:none!important;} .sidebar {position: fixed;display: none;top: 50%;right: 0;margin-top:-177px;width:70px;z-index: 222;} .sidebar li{position:relative;height:70px;width:100%;text-align:center;border-bottom:1px solid #80bfff;background:#1a8cff;} .sidebar li:last-child{border:none;} .sidebar li i{display:block;padding-top:8px;font-size:34px;color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .sidebar li a{display:block;height:100%;font-size:12px;color:#fff;} .sidebar .box{position:absolute;right:50px;top:0;padding:12px;background:#1a8cff;opacity:0;filter:alpha(opacity=0);-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;} .sidebar .box h2{display:block;height:46px;width:130px;line-height:46px;} .sidebar .box img{padding:6px;height:105px;width:105px;background:#fff;} .sidebar li:hover{background:#0073e5;} .sidebar li:hover .box{right:100%;opacity:1;filter:alpha(opacity=100);} .sidebar li:hover i {-webkit-transform: translateY(-2px);-moz-transform: translateY(-2px);-o-transform: translateY(-2px);transform: translateY(-2px);} /*鍐呭鍒楄〃鏍峰紡 --------------------------------------------------------------------------------------------*/ /*鍥炬枃鍒楄〃*/ .content-list{margin:0 -10px;} .content-list li{float:left;width:25%;padding:0 10px 20px;overflow:hidden;box-sizing:border-box;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .content-list li .img{height:180px;width:100%;overflow:hidden;} .content-list li .img img{height:100%;width:100%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} .content-list li .txt{position:relative;padding:10px;height:95px;background-color:#f7f7f7;} .content-list li h2{margin-bottom:10px;height:16px;font-size:16px;color:#222;line-height:1;font-weight:normal;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .content-list li p{height:42px;color:#666;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .content-list li span{position:absolute;left:10px;bottom:10px;color:#999;} .content-list li:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);} .content-list li:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);} /*鎺ㄨ崘鍒楄〃*/ .hot-list{background-color:#f7f7f7;} .hot-list .img{float:left;height:400px;width:640px;overflow:hidden;} .hot-list .img img{height:100%;width:100%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} .hot-list .txt{position:relative;float:right;padding:50px;width:460px;} .hot-list .txt h2{margin-bottom:20px;font-size:28px;font-weight:normal;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .hot-list .txt h2 a{color:#0053b3;} .hot-list .txt h2 a:hover{color:#0073e5;} .hot-list .txt p{margin-bottom:10px;height:75px;color:#666;line-height:1.8;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .hot-list .txt span{display:block;margin-bottom:30px;color:#999;} .hot-list .swiper-pagination{width:auto;left:auto;right:30px;bottom:10px;color:#b3b3b3;font-size:40px;font-family:Arial;letter-spacing:-3px;} .hot-list .swiper-pagination .swiper-pagination-current{font-size:42px;color:#999;} .hot-list .swiper-pagination .swiper-pagination-total{font-size:20px;} .hot-list .img:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);} /*缃《鍒楄〃*/ .top-list{margin-left:-20px;height:380px;overflow:hidden;} .top-list .item{float:left;position:relative;margin:0 0 20px 20px;height:180px;width:285px;overflow:hidden;} .top-list .item img{height:100%;width:100%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} .top-list .item .bg{position:absolute;left:0;bottom:0;height:55px;width:100%;background:#000;-webkit-opacity: .7;-moz-opacity: .7;-o-opacity: .7;opacity: .7;filter: alpha(Opacity=70);background:linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0); } .top-list .item .txt{position:absolute;left:0;bottom:0;padding:10px;color:#fff;z-index:22;} .top-list .item h2{margin-bottom:7px;font-size:14px;line-height:1;font-weight:normal;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .top-list .item p{font-size:12px;line-height:1;} .top-list .item .mask{position:absolute;left:0;top:0;height:100%;width:100%;background:#000;-webkit-opacity: 0;-moz-opacity: 0;-o-opacity: 0;opacity: 0;filter: alpha(Opacity=0);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .top-list .item i{position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px;font-size:60px;color:#fff;-webkit-opacity: 0;-moz-opacity: 0;-o-opacity: 0;opacity: 0;filter: alpha(Opacity=0);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .top-list .focus{float:left;height:380px;width:590px;} .top-list .item:hover .mask{-webkit-opacity: .3;-moz-opacity: .3;-o-opacity: .3;opacity: .3;filter: alpha(Opacity=30);} .top-list .item:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);} .top-list .item:hover i{-webkit-opacity: 1;-moz-opacity: 1;-o-opacity: 1;opacity: 1;filter: alpha(Opacity=100);} /*鍥剧墖鍒楄〃*/ .image-list{margin:0 -10px;} .image-list li{float:left;width:25%;padding:0 10px 20px;overflow:hidden;box-sizing:border-box;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .image-list li .item{position:relative;height:210px;width:100%;overflow:hidden;} .image-list li .item img{height:100%;width:100%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} .image-list li .bg{position:absolute;left:0;bottom:0;height:55px;width:100%;background:#000;-webkit-opacity: .7;-moz-opacity: .7;-o-opacity: .7;opacity: .7;filter: alpha(Opacity=70);background:linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0); } .image-list li .txt{position:absolute;left:0;bottom:0;padding:10px;color:#fff;z-index:22;} .image-list li h2{margin-bottom:7px;font-size:14px;line-height:1;font-weight:normal;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .image-list li p{font-size:12px;line-height:1;} .image-list li .mask{position:absolute;left:0;top:0;height:100%;width:100%;background:#000;-webkit-opacity: 0;-moz-opacity: 0;-o-opacity: 0;opacity: 0;filter: alpha(Opacity=0);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .image-list li i{position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px;font-size:60px;color:#fff;-webkit-opacity: 0;-moz-opacity: 0;-o-opacity: 0;opacity: 0;filter: alpha(Opacity=0);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .image-list li:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);} .image-list li:hover .mask{-webkit-opacity: .3;-moz-opacity: .3;-o-opacity: .3;opacity: .3;filter: alpha(Opacity=30);} .image-list li:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);} .image-list li:hover i{-webkit-opacity: 1;-moz-opacity: 1;-o-opacity: 1;opacity: 1;filter: alpha(Opacity=100);} /*鏂囧瓧鍒楄〃*/ .text-list li{margin-bottom:20px;overflow:hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .text-list li .img{float:left;height:126px;width:224px;text-align:center;overflow:hidden;} .text-list li .img img{height:100%;width:100%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .text-list li .txt{float:left;margin-left:15px;height:126px;width:866px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .text-list li .date{float:left;margin:18px 20px 0;padding-right:20px;height:90px;border-right:1px solid #ccc;text-align:center;color:#999;font-family:Arial;} .text-list li .date h2{margin:7px 0 5px;font-size:50px;line-height:1;font-weight:normal;} .text-list li .tit{float:left;width:731px;} .text-list li .tit h3{margin:30px 0 10px;font-size:18px;line-height:1;font-weight:normal;} .text-list li .tit p{height:42px;color:#666;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .text-list li .more{float:right;height:126px;width:80px;background-color:#0053b3;text-align:center;color:#fff;} .text-list li .more p{margin:38px 0 10px;color:#fff;} .text-list li:hover{-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-o-transform:translateY(-3px);transform:translateY(-3px);} .text-list li:hover .txt{background-color:#f7f7f7;} .text-list li:hover .date{border-right:1px solid #0053b3;} .text-list li:hover .date h2{color:#0053b3;} .text-list li:hover .date p{color:#0053b3;} .text-list li:hover .more{background-color:#0066cc;} .text-list li:hover .img img{-webkit-transform: scale(1.06);-moz-transform: scale(1.06);-o-transform: scale(1.06);transform: scale(1.06);} /*鍐呭灞曠ず*/ .content-show{margin-bottom:30px;} .content-show .wrap img{max-width:100%!important;} .content-show .wrap{float:left;} .content-show .wrap .content{padding:30px 40px;width:790px;line-height:2;background-color:#f7f7f7;overflow:hidden;} .content-show .wrap .tit{padding:0 0 10px;border-bottom:1px solid #d6d6d6;} .content-show .wrap .tit h2{padding-bottom:10px;font-size:24px;font-weight:normal;line-height:1;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .content-show .wrap .tit p{font-size:12px;color:#999;line-height:1;} .content-show .wrap .txt {padding:20px;} .content-show .wrap .txt p{margin:1em 0;display: inherit;word-wrap: break-word;} .content-show .wrap .comment-box{width:870px;} .content-show table{ margin:10px auto; max-width:100%;border-left:1px solid #666; border-top:1px solid #666; } .content-show table th{ background:#F9F9F9; text-align:center; } .content-show table td,.content-show table th{ border-bottom:1px solid #666; border-right:1px solid #666; padding:0.35em 0.5em; } .content-show .wrap .player{width:870px;background-color:#1e1e1e;} .content-show .wrap .player .info{padding:20px;} .content-show .wrap .player .info h2{margin-bottom:10px;font-size:24px;color:#fff;font-weight:normal;line-height:1;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .content-show .wrap .player .info h3{font-size:12px;font-weight:normal;color:#999;line-height:1;} .content-show .wrap .player .info p{margin-top:10px;color:#ccc;text-indent:2em;overflow:hidden;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} /*椤甸潰鏍峰紡 --------------------------------------------------------------------------------------------*/ /*棣栭〉鏍峰紡*/ .home-product{margin-top:30px;} .home-product .module-tit{position:relative;margin:0 auto;width:1200px;} .home-product .module-tit ul{position:absolute;bottom:0;right:0;} .home-product .module-tit ul li{float:left;width:180px;border-right:1px solid #dedede;text-align:center;} .home-product .module-tit ul li:last-child{border:0;} .home-product .module-tit ul li a{display:inline-block;} .home-product .module-tit ul li p{font-size:16px;line-height:36px;} .home-product .wrap .img{float:left;height:500px;width:300px;} .home-product .swiper-product-container1{position:absolute;top:5px;right:-10px;} .home-product .swiper-product-container1 .swiper-slide{margin-right:10px!important;height:44px;width:135px!important;color:#0053b3;line-height:44px;text-align:center;border:1px solid #0053b3;cursor:pointer;} .home-product .swiper-product-container1 .swiper-slide:hover{color:#fff;background-color:#0053b3;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .home-product .swiper-product-container1 .swiper-slide-thumb-active{color:#fff;background-color:#0053b3;} .home-product .swiper-product-container2{width:100%;min-width:1200px;} .home-product .swiper-product-container2 .con{margin:0 auto;width:1200px;} .home-product .swiper-product-container2 .txt{float:left;width:400px;} .home-product .swiper-product-container2 .txt h2{position:relative;margin-top:30px;font-size:24px;font-weight:normal;color:#000;} .home-product .swiper-product-container2 .txt h2::after{content:"";position:absolute;left:0;bottom:-5px;height:2px;width:44px;background-color:#0053b3;} .home-product .swiper-product-container2 .txt p{margin-top:18px;color:#666;} .home-product .swiper-product-container2 .txt h3{margin:10px 0 10px;font-size:26px;font-weight:normal;color:#fa4214;} .home-product .swiper-product-container2 .txt a{display:inline-block;margin-right:20px;height:40px;width:130px;text-align:center;line-height:40px;color:#0053b3;border:1px solid #0053b3;border-radius:20px;} .home-product .swiper-product-container2 .txt a i{padding-left:3px;font-size:18px;} .home-product .swiper-product-container2 .img{float:right;width:800px;} /*鍏充簬鏅洪緳*/ .home-about{position:relative;height:600px;width:100%;background:url(../images/about-zhilong.jpg) no-repeat center;background-size:cover;} .home-about .module-tit{margin-top:0;padding-top:30px;} .home-about .module-tit h2,.home-about .module-tit h3{color:#fff;} .home-about .module-tit h2{opacity:0.3; filter:alpha(opacity=30);} .home-about .wrap{} .home-about .txt{margin-top:50px;width:500px;} .home-about .txt h2{position:relative;margin-bottom:15px;padding-bottom:20px;font-size:24px;line-height:1;color:#fff;} .home-about .txt h2::before{content: "";position: absolute;left: 0;bottom: 0;width: 70px;height: 1px;background: #fff;} .home-about .txt p{margin-bottom:45px;color:#fff;line-height:24px;text-indent:2em;} /*閫傜敤棰嗗煙*/ .home-field .img{overflow:hidden;} .home-field .img img{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} .home-field .swiper-slide{height:384px;cursor:default;} .home-field .swiper-slide .txt{position:absolute;left:0;bottom:0;padding:18px;background-color:#f7f7f7;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .home-field .swiper-slide .txt h2{margin-bottom:20px;font-size:16px;line-height:1;color:#0053b3;font-weight:normal;text-align:center;} .home-field .swiper-slide .txt p{height:63px;width:100%;font-size:12px;line-height:1.8;color:#999;overflow:hidden;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} .home-field .swiper-button-next,.home-field .swiper-button-prev{bottom:0;right:0;padding:8px 66px;color:#888;font-size:26px;background-color:#f7f7f7;} .home-field .swiper-button-next:after,.home-field .swiper-button-prev:after{content:none;} .home-field .swiper-button-prev{bottom:0;left:auto;right:170px;} .home-field .swiper-button-disabled {opacity:.6;filter:alpha(opacity=60);} .home-field .swiper-button-next:hover,.home-field .swiper-button-prev:hover{color:#fff;background-color:#0053b3;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .home-field .swiper-slide:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);} .home-field .swiper-slide:hover .txt{color:#fff;background-color:#0053b3;} .home-field .swiper-slide:hover .txt h2{color:#fff;} .home-field .swiper-slide:hover .txt p{height:126px;color:#fff;opacity:0.9;filter:alpha(opacity=90);} /*鏂伴椈璧勮*/ .home-news{margin-bottom:30px;} .home-news .hot{float:left;width:590px;margin-right:20px;} .home-news .hot .img{height:333px;width:100%;overflow:hidden;} .home-news .hot .img img{height:100%;width:100%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} .home-news .hot .img:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);} .home-news .hot h2 {font-size:16px;line-height:38px;font-weight:normal;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .home-news .hot p {height:42px;color:#999;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .home-news .item{margin-bottom:15px;height:92px;overflow:hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .home-news .item .img{float:left;height:100%;width:160px;text-align:center;overflow:hidden;} .home-news .item .img img{height:100%;width:100%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .home-news .item .txt{float:left;height:100%;width:505px;overflow:hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .home-news .item .date{float:left;margin:10px 20px 0;padding-right:20px;color:#999;text-align:center;font-family:Arial;border-right:1px solid #ccc;} .home-news .item .date h3{font-size:50px;line-height:1;font-weight:normal;} .home-news .item .tit{float:left;width:370px;} .home-news .item .tit h2{margin:13px 0 10px;font-size:16px;line-height:1;font-weight:normal;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .home-news .item .tit p{height:42px;color:#999;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .home-news .item .more{float:right;height:100%;width:70px;background-color:#0053b3;text-align:center;color:#fff;} .home-news .item .more p{margin:24px 0 10px;} .home-news .item:hover{-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-o-transform:translateY(-3px);transform:translateY(-3px);} .home-news .item:hover .txt{background-color:#f7f7f7;} .home-news .item:hover .date{color:#0053b3;border-right:1px solid #0053b3;} .home-news .item:hover .tit h2{color:#0053b3;} .home-news .item:hover .more{background-color: #0066cc;} /*浜у搧涓績*/ .product-banner{background:url(../images/product-banner.jpg) no-repeat center;} .product{margin-bottom:30px;} .product .product-category{margin-top:10px;overflow:hidden;} .product .product-category li{float:left;line-height:40px;} .product .product-category li a{display:inline-block;font-size:16px;} .product .product-category li p{float:left;padding:0 30px;} .product .product-category li a.active{padding:0 30px;color:#fff;background-color:#0053b3;} .product .product-list{margin-top:30px;overflow:hidden;} .product .product-list ul{margin-right:-24px;} .product .product-list li{float:left;margin:0 24px 20px 0;width:384px;} .product .product-list li a{display:block;} .product .product-list li .img-box{height:256px;width:384px;overflow:hidden;} .product .product-list li .img-box img{height:100%;width:100%;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;} .product .product-list li h2{position:relative;padding-right:30px;font-size:16px;line-height:50px;font-weight:normal;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .product .product-list li h2 i{position:absolute;top:18px;right:5px;font-size:14px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .product .product-list li:hover i{right:1px;color:#0053b3;} .product .product-list li:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);} .product .product-list .nodata{text-align:center;} /*浜у搧璇︽儏椤?/ .product-show-banner{margin-top:81px;} .product-show-banner img{width:100%;} .product-detail{margin-bottom:30px;} /*浜у搧璇︽儏椤礣ab鏍峰紡*/ .product-tab .tab-head{ display:block; height:80px;width:100%; border-bottom:1px solid #ddd; background:#fff; z-index:3333;} .product-tab .tab-head ul{margin:0 auto;width:448px;} .product-tab .tab-head ul li{ float:left; } .product-tab .tab-head ul li a{ display:block; margin:0 20px; height:80px; font-size:18px;line-height:80px;} .product-tab .tab-head ul li a:hover,.product-tab .tab-head ul li a.selected{ color:#0053b3; border-bottom:1px solid #0053b3;} .product-tab .tab-content{ display:none; } /*鍙傛暟瑙勬牸*/ .product-tab .tab-content .para-list{margin:30px auto;text-align:center;} .product-tab .tab-content .para-list img{max-width:100%;} /*浜у搧瑙嗛*/ .product-tab .tab-content .product-player{margin:30px auto;height:675px;width:1200px;} .product-tab .tab-content .product-player #CuPlayer div.CuMob{height:100%;} /*鏍峰搧灞曠ず*/ .product-tab .tab-content .cutting-sample{margin:30px auto;} .product-tab .tab-content .cutting-sample ul{margin-right:-20px;} .product-tab .tab-content .cutting-sample li{float:left;margin:0 20px 20px 0;height:285px;width:285px;} .product-tab .tab-content .cutting-sample li img{height:100%;width:100%;} .product-tab .tab-content .nodata{padding:70px 0 150px;font-size:16px;text-align:center;} .product-detail .gray-bg{background:#f7f7f7; background: -webkit-linear-gradient(left,rgba(247,247,247,1) 0,rgba(250,250,250,1) 30%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 70%,rgba(247,247,247,1) 100%); background: -moz-linear-gradient(left,rgba(247,247,247,1) 0,rgba(250,250,250,1) 30%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 70%,rgba(247,247,247,1) 100%); background: -o-linear-gradient(left,rgba(247,247,247,1) 0,rgba(250,250,250,1) 30%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 70%,rgba(247,247,247,1) 100%); background: linear-gradient(left,rgba(247,247,247,1) 0,rgba(250,250,250,1) 30%,rgba(255,255,255,1) 50%,rgba(250,250,250,1) 70%,rgba(247,247,247,1) 100%);} .product-detail .base-info{margin-bottom:30px;} .product-detail .base-info .pic{float:left;width:583px;border:1px solid #ddd;} .product-detail .base-info .pic img{max-width:100%;} .product-detail .base-info .spec{float:right;width:590px;} .product-detail .base-info .spec h1{margin-bottom:20px;font-size:32px;font-weight:normal;line-height:1;color:#0053b3;} .product-detail .base-info .spec .subtit{margin-bottom:20px;color:#666;} .product-detail .base-info .spec .power{margin-bottom:20px;padding:20px 30px;height:50px;background-color:#f7f7f7;} .product-detail .base-info .spec .power h2{font-size:18px;font-weight:normal;} .product-detail .base-info .spec .power p{font-size:18px;} .product-detail .base-info .spec .model{margin-bottom:20px;} .product-detail .base-info .spec .tel{margin-bottom:20px;} .product-detail .base-info .spec .tel a{font-size:18px;color:#0053b3;font-weight:bold;} .product-detail .base-info .spec .tel i{margin-right:3px;font-size:18px;} .product-detail .base-info .spec .tel span{font-weight:normal;} .product-detail .sample li{float:left;margin-right:18px;height:210px;width:286.5px;} .product-detail .sample li img{height:100%;width:100%;} .product-detail .sample li:last-child{margin-right:0;} /*鏅洪緳浼樺娍*/ .advantage-banner{background:url(../images/advantage-banner.jpg) no-repeat center;} .advantage .cont-tit{margin:30px 0 15px;} .advantage .txt{width:550px;} .advantage .txt h4{font-size:16px;} .advantage .txt p{margin-bottom:10px;color:#666;line-height:1.8;} .advantage .txt p a{border-bottom: 1px dashed #999;} .advantage .txt p b{color:#0053b3;font-weight:normal;} .advantage .container{margin-bottom:30px;} .advantage .item-research p,.advantage .info{text-indent:2em;} .advantage .item-innovation ul{margin:20px auto;} .advantage .item-innovation li{float:left;margin:0 10px;width:163px;text-align:center;} .advantage .item-innovation li i{display:inline-block;height:46px;width:46px;font-size:28px;line-height:46px;text-align:center;color:#fff;border-radius:50%;background-color:#0053b3;} .advantage .item-innovation li h2{margin:5px 0;font-size:16px;color:#0053b3;} .advantage .item-innovation li p{color:#666;text-align:left;line-height:1.5;} .advantage .item-custom ul{margin-top:30px;text-align:center;} .advantage .item-custom li{display:inline-block;margin:0 20px;text-align:center;} .advantage .item-custom li i{display:inline-block;height:46px;width:46px;font-size:28px;line-height:46px;text-align:center;color:#fff;border-radius:50%;background-color:#0053b3;} .advantage .item-custom li p{margin-top:10px;font-size:16px;text-align:left;} .advantage .item-service .cont-tit{margin-top:12px;} .advantage .item-service li{margin-bottom:10px;} .advantage .item-service li i{display:inline-block;height:32px;width:32px;font-size:20px;line-height:32px;color:#fff;text-align:center;background-color:#0053b3;border-radius:50%;} .advantage .item-service li p{display:inline-block;margin:0;padding-left:5px;line-height:32px;} /*鍞悗鏈嶅姟*/ .service-banner{background:url(../images/service-banner.jpg) no-repeat center;} /*鏂伴椈璧勮*/ .news-banner{background:url(../images/news-banner.jpg) no-repeat center;} /*鍥剧墖涓績*/ .photo-banner{background:url(../images/photo-banner.jpg) no-repeat center;} /*瑙嗛涓績*/ .video-banner{background:url(../images/video-banner.jpg) no-repeat center;} /*璧勬枡涓嬭浇*/ .down-banner{background:url(../images/down-banner.jpg) no-repeat center;} /*鍏充簬鎴戜滑-鍏徃绠€浠?/ .about-banner{background:url(../images/about-banner.jpg) no-repeat center;} .about {margin-bottom:30px;} .about .cont-tit {margin-top:50px;} .about .intro .img{height:400px;width:600px;} .about .txt{width:550px;} .about .txt p{margin-top:22px;text-indent:2em;color:#666;line-height:1.8;} /*鍏充簬鎴戜滑-浼佷笟鏂囧寲*/ .about .culture{margin-top:30px;} .about .culture ul{margin-top:30px;} .about .culture ul li{float:left;margin-right:18px;padding:40px 30px;width:226.5px;background-color:#f7f7f7;text-align:center;border-radius:10px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .about .culture ul li:last-child{margin-right:0;} .about .culture ul li .iconfont{font-size:28px;color:#0053b3;margin-bottom:10px;} .about .culture ul li h2{margin-bottom:10px;font-size:20px;font-weight:normal;line-height:1;color:#0053b3;} .about .culture ul li p{color:#666;} .about .culture ul li:hover{background-color:#0053b3;-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);} .about .culture ul li:hover h2,.about .culture ul li:hover p,.about .culture ul li:hover .iconfont{color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} /*鍏充簬鎴戜滑-鍙戝睍鍘嗙▼*/ .about .history{position: relative;padding-bottom:30px;overflow:hidden;} .about .history .cont-tit{margin-top:30px;} .about .history .swiper-history-container{margin-top:30px;padding:0 120px;cursor:move;} .about .history .swiper-history-container:after {content: "";position: absolute;width: 100%;height: 4px;left: 0;top: 0;bottom: 0;margin: auto;background: #0053b3;} .about .history .swiper-history-container:after {content: "";position: absolute;width: 100%;height: 4px;left: 0;top: 0;bottom: 0;margin: auto;background: #0053b3;} .about .history .swiper-slide .item {position: relative;display: flex;height: 300px;} .about .history .swiper-slide .item .ic-left {position: relative;flex: 0 0 16px;} .about .history .swiper-slide .item .ic-left i {position: absolute;display: block;width: 1px;height: 150px;background: #0053b3;left: 0;right: 0;margin: auto;} .about .history .swiper-slide .item .ic-left:before {content: "";position: absolute;margin: auto;width: 16px;height: 16px;background: #0053b3;border-radius: 50%;left: 0;top: 0;bottom: 0;} .about .history .swiper-slide .item .ic-right {position: absolute;height: 100%;min-width:520px;padding-left: 20px;display: flex;} .about .history .swiper-slide .item .ic-right .inner {display: flex;} .about .history .swiper-slide .item .ic-right .inner .img{margin:10px 0;height:90px;min-width:140px;} .about .history .swiper-slide .item .ic-right .inner .img img{height:100%;width:100%;} .about .history .swiper-slide .item .ic-right .info{margin-left:10px;} .about .history .swiper-slide .item .ic-right .info h2 {margin: 10px 0 3px;font-size: 26px;font-weight:normal;line-height:1;color: #0053b3;font-family: Arial;} .about .history .swiper-slide .item .ic-right .info p {margin-bottom:10px;color: #666;} .about .history .swiper-slide:nth-child(even) .item .ic-left i {bottom: 0;} .about .history .swiper-slide:nth-child(even) .item .ic-right .inner {align-items: flex-end;} .about .history .swiper-slide:last-child .item .ic-right {min-width: 392px;} .about .history .swiper-button-prev,.about .history .swiper-button-next {left: 50px;cursor: pointer;width: 30px;height: 50px;outline: none;-webkit-user-select: none;user-select: none;background: transparent;transition: 00.3s;background-color:#0073e5;color:#fff;} .about .history .swiper-button-next {left: auto;right: 50px;} /*鍏充簬鎴戜滑-鑽h獕璧勮川*/ .about .honor{padding-bottom:30px;overflow:hidden;background-color:#f7f7f7;} .about .honor .cont-tit{margin:30px auto 30px;} .about .honor .cont-tit h2{color:#ddd;} .about .honor .swiper-button-next,.about .honor .swiper-button-prev{bottom:0;right:0;padding:0 66px;height:60px;color:#0053b3;font-size:26px;background-color:#fff;} .about .honor .swiper-button-next:after,.about .honor .swiper-button-prev:after{content:none;} .about .honor .swiper-button-prev{bottom:0;left:auto;right:170px;} .about .honor .swiper-button-disabled {opacity:.6;filter:alpha(opacity=60);} .about .honor .swiper-button-next:hover,.about .honor .swiper-button-prev:hover{color:#fff;background-color:#0053b3;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .about .honor .swiper-slide{padding:10px 30px 30px;text-align:center;background-color:#fff;box-sizing:border-box;} .about .honor .swiper-slide .img{overflow:hidden;} .about .honor .swiper-slide .img img {max-width:100%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .about .honor .swiper-slide .img img:hover{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);} .about .honor .swiper-slide p{margin-top:10px;padding-top:28px;line-height:1;border-top:1px solid #d6d6d6;} /*鑱旂郴鎴戜滑*/ .contact-banner{background:url(../images/contact-banner.jpg) no-repeat center;} .contact .txt {float:left;margin-bottom:30px;padding:75px 50px 0;height:325px;width:430px;background-color:#f7f7f7;} .contact .txt h2{margin-bottom:20px;font-size:28px;font-weight:normal;line-height:1;color:#0053b3;} .contact .txt p{font-size:16px;line-height:1.8;} .contact .txt .btna{margin-top:20px;} .contact .allmap{height:400px;width:670px;} .contact .allmap .anchorBL{display:none;} /*鐣欒█鍙嶉*/ .feedback-banner{background:url(../images/feedback-banner.jpg) no-repeat center;} /*鎼滅储椤甸潰*/ .search-banner{background:url(../images/search-banner.jpg) no-repeat center;} .search{margin-bottom:30px;} .search .search-list{float:left;width:870px;} .search .tit{margin-bottom:20px;padding-left:30px;height:70px;line-height:70px;background-color:#f7f7f7;} .search .tit span{font-size:16px;} .search .tit b{color:#0053b3;font-weight:normal;} .search .tit em{color:#0073e5;font-style:normal;font-weight:bold;} .search .result li{margin-bottom:20px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .search .result li .img{float:left;margin-right:15px;height:120px;width:160px;text-align:center;overflow:hidden;border:1px solid #d6d6d6;box-sizing: border-box;} .search .result li .img img{height:100%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .search .result .box{float:left;height:120px;width:695px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .search .result .date{float:left;margin:15px 20px 0;padding-right:20px;height:90px;width:60px;line-height:1;border-right:1px solid #ccc;text-align:center;color:#999;font-family:Arial;} .search .result .date h2{margin:8px 0 5px;font-size:50px;font-weight:normal;color:#999;} .search .result .txt{float:left;width:554px;} .search .result .txt h3{margin:30px 0 10px;font-size:18px;line-height:1;font-weight:normal;} .search .result .txt p{height:42px;color:#666;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .search .nodata{padding:30px;font-size:16px;text-align:center;} .search .nodata strong{color:#0053b3;font-weight:normal;} .search .result li:hover{-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-o-transform:translateY(-3px);transform:translateY(-3px);} .search .result li:hover .box{background-color:#f7f7f7;} .search .result li:hover .box .date h2{color:#0053b3;} .search .result li:hover .box .date p{color:#0053b3;} .search .result li:hover .img img{-webkit-transform: scale(1.06);-moz-transform: scale(1.06);-o-transform: scale(1.06);transform: scale(1.06);} .search-banner{background:url(../images/search.jpg) no-repeat center;} /*鍗庝附鐨勫垎鍓茬嚎old --------------------------------------------------------------------------------------------*/ /*鏍囬鏍峰紡*/ .main-tit{ padding-top:14px; height:54px; line-height:54px; } .main-tit h2{ display:block; margin:0; padding:0; float:left; color:#333; font-size:20px; font-weight:normal; } .main-tit p{ display:block; float:right; color:#555; font-size:14px; } .main-tit p a{ margin-left:10px; } .main-tit p a i{ font-style:normal; } .slide-tit{ border-bottom:1px solid #f0f0f0; color:#0053b3; line-height:1em; font-size:16px; font-weight:normal; } .slide-tit strong{ padding:10px 0; float:right; color:#999; font-size:12px; font-weight:normal; } .slide-tit span{ position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #0053b3; } .nav-tit{ margin:0 auto 50px; padding:30px 0; text-align:center; color:#333; font-size:16px; line-height:1em; border-bottom:1px solid #ddd; } .nav-tit.short{ padding-bottom:0; border-bottom:0; } .nav-tit a{ margin-left:10px; color:#333; } .nav-tit a:hover,.nav-tit a.selected{ color:#0053b3; } .nav-tit i{ margin-left:10px; color:#ddd; } .sub-tit{ margin:0 50px 10px; padding-top:35px; height:42px; border-bottom:1px solid #ddd; font-size:16px; } .sub-tit a.add{ display:block; margin-right:10px; float:right; color:#0053b3; font-size:14px; line-height:42px; } .sub-tit a.add i{ display:inline-block; margin-right:5px; color:#0053b3; font-size:14px; } .sub-tit ul{ display:inline-block; } .sub-tit ul li{ margin:0; padding:0; display:inline-block; *display:inline; *zoom:1; } .sub-tit ul li a{ display:inline-block; padding:0 15px; line-height:42px; } .sub-tit ul li.selected a{ border-bottom:2px solid #0053b3; color:#0053b3; } .search-tit{ display:block; margin:0 30px; padding-top:15px; line-height:38px; border-bottom:1px solid #f0f0f0; } .search-tit h3{ display:inline-block; color:#333; font-size:16px; font-weight:normal; } .search-tit span{ margin-left:15px; color:#999; font-size:14px; } .search-tit span strong{ margin:0 2px; color:#0073e5; font-weight:600; } /*Banner鏍峰紡*/ .slide-box{ position:relative; margin:0; width:100%; height:454px; text-align:center; overflow:hidden; } .slide-box .list-box{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:100%; background:#fff; } .slide-box .list-box li{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; opacity:0; filter:alpha:opacity(0); } .slide-box .list-box li a{ display:block; width:100%; height:100%; } .slide-box .list-box li a img{ position:absolute; top:0; left:0; width:100%; height:100%; } .slide-box .speed-box{ position:absolute; left:0; bottom:20px; width:100%; height:10px; text-align:center; z-index:999; } .slide-box .speed-btn{ display:inline-block; margin:auto 0; } .slide-box .speed-btn a{ display:block; float:left; margin:0 5px; width:10px; height:10px; background:url(../images/slide_btns.png) 0 -166px no-repeat; overflow:hidden; *float:none; *display:inline-block; } .slide-box .speed-btn a.selected{ background-position:0 -176px; } .slide-box .prev-btn,.slide-box .next-btn{ position:absolute; top:50%; display:block; margin-top:-41px; width:42px; height:82px; z-index:999; opacity:0.5; filter:alpha:opacity(50); background:url(../images/slide_btns.png) no-repeat; display:none; overflow:hidden; } .slide-box .prev-btn{ left:31px; background-position:0 0; } .slide-box .next-btn{ right:31px; background-position:0 -82px; } /*骞荤伅鐗囨牱寮?/ .focus-box{ position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; _position:relative; } .focus-box .slides{ position:relative; display:block; width:100%; height:100%; zoom:1; overflow:hidden; } .focus-box .slides:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .focus-box .slides li{ width:100%; height:100%; overflow:hidden; } .focus-box .slides li img{ min-width:100%; min-height:100%; _width:100%; _height:100%;} .focus-box .slides li .note-bg{ position:absolute; left:0; right:0; bottom:0; width:100%; height:50px; background:#000; filter:alpha(Opacity=30); -moz-opacity:0.3;opacity:0.3; background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); _background:url(none) 0 0 repeat #000; } .focus-box .slides li .note-txt{ position:absolute; left:0; right:0; bottom:0; display:block; padding:10px; height:24px; line-height:24px; color:#fff; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .focus-box .flex-control-nav{ position:absolute; right:5px; bottom:10px; display:block; z-index:4; } .focus-box .flex-control-nav li{ margin:0 5px 0 0; display:inline-block; zoom:1; *display:inline; } .focus-box .flex-control-nav li a{ display:block; width:8px; height:8px; text-indent:-9999px; border:1px solid #fafafa; border-radius:8px; cursor:pointer; overflow:hidden; } .focus-box .flex-control-paging li a:hover { background:#333; } .focus-box .flex-control-paging li a.flex-active { background:#c81623; border-color:#c81623; cursor:default; } /*鍐呭鏍峰紡 ----------------------------------------------*/ /*鏂囧瓧鍒楄〃鏍峰紡*/ .side-txt-list{ padding:6px 15px 15px; text-align:left; background:#fff; } .side-txt-list li{ line-height:28px; font-size:12px; } .side-txt-list li span{ float:right; color:#999; } .side-txt-list li.tit a{ color:#108cee; font-size:18px; line-height:48px; } /*鍥炬枃鍒楄〃鏍峰紡*/ .side-img-box{ position:relative; width:455px; height:455px; background:#fff; overflow:hidden; } .side-img-box em{ position:absolute; display:none; margin:-30px auto auto -30px; top:50%; left:50%; width:60px; height:60px; font-style:normal; filter:alpha(Opacity=60); -moz-opacity:0.6;opacity:0.6; } .side-img-box em i{ color:#fff; font-size:60px; line-height:60px; } .side-img-box a:hover em{ display:block; } .side-img-box .abs-bg{ position:absolute; left:0; bottom:0; width:100%; height:50px; background:#000; filter:alpha(Opacity=30); -moz-opacity:0.3;opacity:0.3; background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); } .side-img-box .info{ position:absolute; left:0; bottom:0; right:0; width:100%; height:50px; line-height:20px; text-align:left; } .side-img-box .info h3{ padding:5px 15px 0; color:#fff; font-size:14px; font-weight:normal; } .side-img-box .info p{ padding:0 15px; color:#eee; font-size:12px; } .side-img-box img{ min-width:100%; min-height:100%; _width:100%; _height:100%; } .side-img-list{ text-align:left; padding:10px 0 11px 0; background:#fff; } .side-img-list li{ display:block; padding:10px 15px; } .side-img-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .side-img-list li .img-box{ position:relative; float:left; width:60px; height:60px; overflow:hidden; } .side-img-list li .img-box label{ position:absolute; top:1px; left:1px; display:block; width:16px; height:16px; line-height:16px; color:#fff; font-size:12px; font-weight:normal; text-align:center; background:#666; } .side-img-list li:first-child .img-box label{ background:#0073e5; } .side-img-list li .img-box img{ margin:0; padding:0; border:1px solid #ebebeb; width:58px; height:58px; } .side-img-list li .txt-box{ display:block; margin-left:75px; font-size:12px; } .side-img-list li .txt-box a{ display:block; height:40px; line-height:20px; overflow:hidden; } .side-img-list li .txt-box span{ display:block; color:#999; height:20px; line-height:20px; } .focus-list{ margin:0; padding:0; } .focus-list li{ height:33px; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .focus-list li label{ display:inline-block; margin:0 5px 0 0; padding:0; width:16px; height:16px; line-height:16px; color:#fff; font-size:12px; font-weight:400; text-align:center; background:#999; border-radius:2px; vertical-align:middle; } .focus-list li label.hot{ background:#0073e5; } .focus-list li a{ line-height:33px; } .sidebar-box{ margin:0 0 15px; padding:20px; background:#fff; } .sidebar-box h4{ margin:0; padding:0 0 15px; border-bottom:1px solid #ddd; color:#333; font-size:16px; font-weight:300; line-height:20px; } .sidebar-box .txt-list li{ margin-top:15px; line-height:20px; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .sidebar-box .txt-list li label{ display:inline-block; margin:0 5px 0 0; width:16px; height:16px; line-height:16px; color:#fff; font-size:12px; font-weight:400; text-align:center; background:#999; border-radius:2px; vertical-align:middle; } .sidebar-box .txt-list li label.hot{ background:#0073e5; } .sidebar-box .txt-list li a{ line-height:20px; } .sidebar-box .side-img-list{ padding-bottom:0; } .sidebar-box .side-img-list li{ padding:10px 0; } .sidebar-box .tags-box{ margin:0 0 0 -10px; } .sidebar-box .tags-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .sidebar-box .tags-box a{ display:block; float:left; margin:10px 0 0 10px; padding:5px; color:#555; font-size:12px; line-height:20px; border:1px solid #f0f0f0; } .sidebar-box .tags-box a:hover{ border-color:#0053b3; } .tags-box a i{ margin-left:2px; color:#999; font-style:normal; } /*鍥剧墖鍒楄〃鏍峰紡*/ .img-list{ margin:-15px 0 0 -15px; *display:inline-block; } .img-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .img-list .nodata{ color:#999; line-height:80px; text-align:center; } .img-list li{ position:relative; float:left; margin:15px 0 0 15px; width:220px; height:auto; background:#fff; overflow:auto; _display:inline; } .img-list li .img-box{ display:block; position:relative; width:220px; height:220px; overflow:hidden; } .img-list li .img-box .abs-txt{ position:absolute; top:8px; left:0; display:inline-block; padding:0 6px; color:#fff; font-size:12px; line-height:24px; background:#c81623; text-align:center; border-radius:0 3px 3px 0; } .img-list li .img-box img{ width:100%; height:100%;} .img-list li .info{ display:block; text-align:left; margin:15px; } .img-list li .info h3{ display:block; line-height:20px; height:40px; font-size:12px; font-weight:normal; overflow:hidden; } .img-list li .info p{ display:block; line-height:28px; color:#999; font-size:12px; } .img-list li .info p.price{ padding-top:10px; line-height:18px; } .img-list li .info p.price b{ margin-right:2px; color:#f40; font-size:16px; } .img-list li .info p strong{ float:right; font-weight:normal; } .img-list li .info p span.price{ color:#fb2104; font-size:14px; font-weight:600; } .img-list li em{ position:absolute; display:none; margin:-30px auto auto -30px; top:50%; left:50%; width:60px; height:60px; font-style:normal; filter:alpha(Opacity=60); -moz-opacity:0.6;opacity:0.6; } .img-list li em i{ color:#fff; font-size:60px; line-height:60px; } .img-list li a:hover em{ display:block; } .img-list li .abs-bg{ position:absolute; left:0; bottom:0; width:100%; height:50px; background:#000; opacity:0.3; filter:alpha(opacity=30); -moz-opacity:0.3; background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); } .img-list li .remark{ position:absolute; left:0; bottom:0; right:0; width:100%; height:50px; line-height:20px; text-align:left; overflow:hidden; } .img-list li .remark h3{ padding:5px 15px 0; color:#fff; font-size:12px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .img-list li .remark p{ padding:0 15px; color:#eee; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } /*鍥炬枃鍒楄〃鏍峰紡*/ .n-list{ padding:15px 30px; } .n-list li{ display:block; padding-bottom:15px; border-bottom:1px solid #f0f0f0; overflow:hidden; } .n-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .n-list li h2{ padding:15px 0 15px; font-size:18px; line-height:24px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .n-list li h2 a{ color:#333; text-decoration:none; } .n-list li h2 a:hover{ color:#8CAC52; } .n-list li .note b{ position:relative; display:block; float:left; margin-right:16px; width:118px; height:118px; border:1px solid #e8e8e8; font-style:normal; } .n-list li .note b img{ min-width:100%; min-height:100%; width:100%; _height:100%; } .n-list li .note p{ display:block; font-size:14px; max-height:84px; line-height:28px; font-weight:500; color:#666; overflow:hidden; } .n-list li .note .info{ padding-top:10px; height:20px; line-height:20px; } .n-list li .note .info span{ margin-right:10px; color:#999; font-size:12px; } .n-list li .note .info span i{ margin-right:3px; font-size:12px; } .n-list .nodata{ margin-top:30px; color:#666; font-size:14px; line-height:100px; text-align:center; } /*鐩稿叧鍒楄〃鏍峰紡*/ .rel-list{ margin-top:-15px; } .rel-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .rel-list .nodata{ color:#999; font-size:14px; line-height:50px; } .rel-list li{ display:block; float:left; margin:15px auto 0 0; padding:0; width:50%; overflow:hidden; _float:none; _width:auto; } .rel-list li .img-box{ position:relative; display:block; float:left; width:98px; height:98px; border:1px solid #e8e8e8; overflow:hidden; } .rel-list li .img-box img{ min-width:100%; min-height:100%; width:100%; _height:100%; overflow:hidden; } .rel-list li .info{ margin:0 auto 0 115px; padding-right:15px; _margin-top:-15px; _padding-right:0; } .rel-list li .info h3{ display:block; font-size:14px; font-weight:normal; height:30px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .rel-list li .info p{ color:#555; font-size:12px; height:48px; line-height:22px; overflow:hidden; } .rel-list li .info span{ line-height:22px; color:#999; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .rel-box{ position:relative; padding:0 50px 0; } .rel-box .rel-list{ margin:0 0 15px 0; } /*绫诲埆鍒楄〃*/ .navbar li{ padding-top:10px; } .navbar li h5{ display:block; color:#3b8dd1; font-size:14px; font-weight:normal; line-height:30px; } .navbar li h5 a{ color:#0053b3; } .navbar li p{ font-size:12px; line-height:30px; } .navbar li p a{ display:inline-block; margin-right:5px; } /*鍐呭鏍囬鏍峰紡*/ .meta{ margin:0; padding:50px 50px 0 50px; } .meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; } .meta h2{ margin:0 0 20px; padding:0; color:#333; font-size:24px; font-weight:300; line-height:1em; } .meta .info{ margin:0 0 10px; } .meta .info span{ margin-right:10px; color:#b0b0b0; font-size:12px; line-height:14px; } .meta .info span i{ margin-right:5px; display:inline-block; font-size:14px; } .meta .note{ margin-top:10px; padding:15px 20px; background:#f5f5f5; line-height:22px; color:#757575; font-size:12px; } /*鍐呭璇︾粏鏍峰紡*/ .entry{ margin-top:20px; padding:0 50px 15px; font-size:14px; line-height:2em; word-wrap:break-word; } .entry img{ max-width:100%!important; height:auto!important; } .entry h2,.entry h3,.entry h4{ margin:0.8em auto; padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; } .entry h2{ font-size:1.2em; } .entry h3,.entry h4{ font-size:1.1em; } .entry strong{ color:#DC2523; } .entry ul,.entry ol{ margin:1em; padding:0; } .entry li{ margin-left:1em; } .entry ul li{ list-style:disc outside none; } .entry ol li{ list-style:decimal outside none; } .entry p{ display:inherit; margin:1em 0; color:#333; word-wrap:break-word; } .entry a{ text-decoration:underline; } .entry code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; font-size:12px; line-height:1.7em; } .entry table{ margin:10px auto; border-left:1px solid #eee; border-top:1px solid #eee; } .entry table th{ background:#F9F9F9; text-align:center; } .entry table td,.entry table th{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:0.35em 0.5em; } /*鍙充晶鏍峰紡*/ .side-box{float:right;width:300px;} .side-box .unit-tit{margin-bottom:20px;} .side-box .nav{margin-bottom:30px;} .side-box .nav li{margin-bottom:15px;line-height:1;} .side-box .nav li p{font-size:12px;line-height:30px;} .side-box .nav li p a{display:inline-block;margin-right:5px;} .side-box .list li{margin-bottom:15px;} .side-box .list li img{float:left;height:60px;width:100px;} .side-box .list li .txt{float:right;position:relative;height:60px;width:185px;} .side-box .list li .txt a{word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .side-box .list li .txt span{position:absolute;bottom:0;right:0;font-size:12px;line-height:1;color:#999;text-align:right;} .side-box .tags li {float:left;margin:0 10px 10px 0;font-size:12px;border:1px solid #d6d6d6;} .side-box .tags li a{display:block;padding:5px 8px;} .side-box .tags li i{margin-left:2px;color:#666;font-style:normal;} .side-box .tags li:hover{border:1px solid #0053b3;} /*涓婁笅涓€鏉℃牱寮?/ .next-prev{ position:relative;padding-top:20px;border-top:1px solid #d6d6d6;} .next-prev p{ display:block; width:49%; white-space:nowrap; line-height:1;text-overflow:ellipsis; overflow:hidden; } /*鏂囩珷璇勮鏍峰紡*/ .comment-box{ position:relative; margin:20px 0;} .comment-box .form-box{ margin:0; padding:15px 0; } .comment-box .form-box .avatar-box{ display:block; float:left; margin:0; padding:0; width:55px; height:55px; border:0; border-radius:55px; background:#fafafa; overflow:hidden; } .comment-box .form-box .avatar-box i{ color:#b3b3b3; font-size:55px; line-height:1.2em; } .comment-box .form-box .avatar-box img{ width:100%; height:100%; } .comment-box .form-box .conn-box{ position:relative; margin-left:70px; } .comment-box .form-box .conn-box .editor{ position:relative; margin-right:18px; } .comment-box .form-box .conn-box .editor textarea{ display:inline; margin:0; padding:8px; width:100%; height:80px; border:1px solid #e8e8e8; line-height:20px; } .comment-box .form-box .conn-box .subcon{ padding-top:15px; color:#999; font-size:12px; } .comment-box .form-box .conn-box .subcon .submit{ float:right; display:inline-block; padding:0 20px; height:36px; line-height:34px; color:#fff; font-size:12px; background-color:#0053b3; vertical-align:middle; cursor:pointer; } .comment-box .form-box .conn-box .subcon .submit:hover{background-color:#0066cc;} .comment-box .form-box .conn-box .subcon strong{ color:#333; font-weight:normal; } .comment-box .form-box .conn-box .subcon .code{ margin-right:5px; padding:7px; width:80px; height:20px; line-height:20px; border:1px solid #e8e8e8; } .comment-box .form-box .conn-box .subcon a img{ vertical-align:middle; } .comment-box .list-box li{ padding:17px 0; border-top:1px solid #f7f7f7; } .comment-box .list-box li .avatar-box{ display:block; float:left; margin:0; padding:0; width:55px; height:55px; border:0; border-radius:55px; background:#fafafa; overflow:hidden; } .comment-box .list-box li .avatar-box i{ color:#b3b3b3; font-size:55px; line-height:1.2em; } .comment-box .list-box li .avatar-box img{ width:100%; height:100%; } .comment-box .list-box li .inner-box{ position:relative; margin-left:70px; } .comment-box .list-box li .inner-box .info{ padding-bottom:3px; } .comment-box .list-box li .inner-box .info span{ margin-right:5px; color:#999; font-size:12px; } .comment-box .list-box li .inner-box p{ color:#333; font-size:14px; line-height:1.8em; } .comment-box .list-box li .answer-box{ clear:both; margin:10px 0 0 70px; padding:10px; background:#f7f7f7; border-radius:3px; } .comment-box .list-box li .answer-box .info{ margin-bottom:5px; padding:0; color:#0053b3; font-size:12px; border:none; } .comment-box .list-box li .answer-box .info span.right{ float:right; color:#999; } .comment-box .list-box li .answer-box p{ color:#555; font-size:14px; line-height:1.8em; } /*绫诲埆瀵艰埅鏍峰紡*/ .screen-box{ display:block; position:relative; margin:0 0 15px; padding:0 15px; background:#fff; } .screen-box ul{ padding:10px 0; display:block; font-size:14px; } .screen-box ul h4{ display:inline-block; padding:0 15px; text-align:right; line-height:28px; font-weight:normal; } .screen-box ul li{ display:inline-block; padding:0 15px; line-height:28px; *display:inline; *zoom:1; } .screen-box ul li a{ color:#333; } .screen-box ul li a:hover,.screen-box ul li.selected a{ color:#8CAC52; } .screen-box dl{ margin:0; padding:0; clear:both; display:block; border-top:1px solid #f7f7f7; font-size:12px; } .screen-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; } .screen-box dl:first-child{ border-top:none; } .screen-box dl dt{ display:block; float:left; padding-left:10px; width:100px; color:#555; line-height:40px; } .screen-box dl dd{ position:relative; margin-left:112px; padding-top:6px; overflow:hidden; } .screen-box dl dd a{ display:inline-block; margin:0 6px 6px 0; padding:8px 10px; border:1px solid #fff; line-height:12px; } .screen-box dl dd a.selected{ border-color:#fff; color:#fff; background:#0053b3; } /*鎺掑簭鏍峰紡*/ .sort-box{ position:relative; margin:0 0 15px; height:36px; background:#fff; overflow:hidden; } .sort-box a{ display:block; float:left; margin-left:-1px; padding:0 15px; line-height:36px; height:36px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; color:#333; font-size:12px; } .sort-box a:hover,.sort-box a.selected{ color:#fff; background:#0053b3; } /*鍐呭鐩稿唽鏍峰紡*/ .album-list{ position:relative; margin:15px auto; } .album-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .album-list ul{ *zoom:1; } .album-list li{ float:left; width:25%; } .album-list li a{ display:block; margin:5px; padding:3px; border:1px solid #d6d6d6; } .album-list li a img{ display:block; width:100%; height:auto; } /*闄勪欢涓嬭浇鏍峰紡*/ .attach-list{ margin:30px auto;} .attach-list ul li{ margin-top:15px; padding:15px; border:1px solid #ebebeb; } .attach-list ul li .link-btn{ display:block; float:right; margin-top:7px; padding:5px 25px; line-height:20px; color:#0053b3; border:1px solid #0053b3;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; } .attach-list ul li .link-btn:hover{color:#fff;background-color:#0053b3;} .attach-list ul li .icon-box{ display:inline-block; margin-right:5px; line-height:40px; color:#ccc; } .attach-list ul li .icon-box i{ font-size:40px; color:#0053b3;} .attach-list ul li .info{ display:inline-block; } .attach-list ul li .info h3{ line-height:20px; font-weight:normal; } .attach-list ul li .info h3 a{color:#0053b3;} .attach-list ul li .info span{ margin-right:5px; line-height:18px; color:#999; font-size:12px; } /*瑙嗛鏍峰紡*/ /*PC绔楂樿瀹?/ #CuPlayer{height:100%;} #CuPlayer div.CuPc{ width:100%; height:489px; } /*绉诲姩绔楂樿瀹?/ #CuPlayer div.CuMob{ width:100%; height:489px; } #CuPlayer div.CuPad{ width:100%; height:489px; } #CuPlayer .video-js{ width:100%; height:100%;} /*鍟嗗搧缂╃暐鍥炬牱寮?/ .goods-box{ position:relative; margin-bottom:15px; padding:30px; font-size:12px; background:#fff; } .goods-pic{ position:relative; float:left; width:370px; *z-index:1; } .pic-box{ float:left; } .pic-preview{ width:368px; height:368px; border:1px solid #e8e8e8; } .pic-scroll{ margin-top:10px; width:370px; } .pic-scroll .prev{ float:left; margin-right:5px; } .pic-scroll .next{ float:right; } .pic-scroll .prev,.pic-scroll .next{ display:block; font-family:"瀹嬩綋"; text-align:center; width:10px; height:60px; line-height:60px; border:1px solid #e8e8e8; background:#f7f7f7; cursor:pointer; text-decoration:none; } .pic-scroll .items{ position:relative; float:left; width:335px; height:62px; overflow:hidden; } .pic-scroll .items ul{ position:absolute; margin:0; padding:0; width:999999px; height:100%; } .pic-scroll .items ul li{ float:left; margin:0; padding:0; width:67px; text-align:center; } .pic-scroll .items ul li img{ padding:2px; border:1px solid #e8e8e8; width:56px; height:56px; } .pic-scroll .items ul li img:hover{ padding:1px; border:2px solid #d70000; } /*鍟嗗搧瑙勬牸*/ .goods-spec{ position:relative; margin:0 0 0 395px; overflow:hidden; } .goods-spec h1{ display:block; color:#555; font-size:18px; font-weight:700; line-height:1.1em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .goods-spec .subtitle{ margin-top:5px; color:#888; font-size:14px; line-height:18px; } .goods-spec .spec-box{ position:relative; margin-top:10px; } .goods-spec .spec-box.line{ padding-top:10px; border-top:1px solid #efefef; } .goods-spec .spec-box:after{ clear:none; content:""; display:block; height:0; visibility:hidden; } .goods-spec .spec-box dl{ clear:both; display:block; } .goods-spec .spec-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; } .goods-spec .spec-box dl dt{ float:left; width:80px; line-height:38px; min-height:38px; color:#999; } .goods-spec .spec-box dl dd{ position:relative; padding:5px 0; line-height:26px; min-height:26px; color:#6c6c6c; } .goods-spec .spec-box dl dd s{ display:inline-block; text-decoration:line-through; } .goods-spec .spec-box dl dd .price{ display:inline-block; margin-right:5px; color:#f40; font-size:24px; font-weight:700; font-style:normal; } .goods-spec .spec-box dl dd .items li{ position:relative; float:left; margin:0 5px 8px 0; padding:1px; line-height:20px; vertical-align:middle; } .goods-spec .spec-box dl dd .items li a{ display:block; padding:1px; color:#666; min-width:10px; width:auto !important; text-align:center; text-decoration:none; border:1px solid #eee; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; } .goods-spec .spec-box dl dd .items li a span{ display:inline-block; padding:5px 9px; font-style:normal; line-height:20px; } .goods-spec .spec-box dl dd .items li a img{ width:36px; height:38px; vertical-align:middle; } .goods-spec .spec-box dl dd .items li a.selected{ margin:-1px; color:#333; border:2px solid #f40; color:#f40; } .goods-spec .spec-box dl dd .stock-box{ display:block; float:left; margin-right:10px; width:64px; } .goods-spec .spec-box dl dd .stock-box input{ float:left; margin-right:3px; width:42px; height:30px; line-height:30px; text-align:center; border:1px solid #e8e8e8; } .goods-spec .spec-box .stock-box a{ display:block; float:left; margin-bottom:4px; width:15px; height:12px; line-height:12px; color:#333; font-size:11px; text-align:center; border:1px solid #e8e8e8; cursor:pointer; overflow:hidden; } .goods-spec .spec-box .stock-txt{ float:left; line-height:32px; } .goods-spec .spec-box .stock-txt em{font-style:normal;} .goods-spec .spec-box .btn-buy{ margin-top:15px; } .goods-spec .spec-box .btn-buy .buy{ display:inline-block; margin-right:10px; padding:0 30px; color:#e5511d; font-size:16px; line-height:38px; background:#ffe4d0; border:1px solid #f0cab6; cursor:pointer; } .goods-spec .spec-box .btn-buy .add{ display:inline-block; padding:0 30px; color:#fff; font-size:16px; line-height:38px; background:#f40; border:1px solid #f40; border-radius:2px; cursor:pointer; } .goods-spec .spec-box .btn-buy button.over{ color:#999; background:#f7f7f7; border-color:#e8e8e8; cursor:default; } /* 鍥剧墖鏀惧ぇ闀滄牱寮?/ .jqzoom{ position:relative; float:left; display:block; margin:0; padding:0; width:368px; height:368px; border:none; cursor:crosshair; } .jqzoom img{ width:368px; height:368px; } .zoomdiv{ position:absolute; top:0; left:0; z-index:100; display:none; width:368px; height:368px; background:#fff; border:1px solid #e8e8e8; text-align:center; overflow:hidden; } .jqZoomPup{ position:absolute; top:0; left:0; z-index:10; visibility:hidden; width:20px; height:20px; border:1px solid #aaa; background:#fff; opacity:0.5;-moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); } /*鍟嗗搧Tab鏍峰紡*/ .goods-tab .tab-head{ display:block; height:42px; border-bottom:1px solid #f0f0f0; background:#fff; } .goods-tab .tab-head ul li{ float:left; margin-left:-1px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; } .goods-tab .tab-head ul li a{ display:block; padding:0 30px; height:42px; line-height:42px; color:#555; font-size:14px; } .goods-tab .tab-head ul li a:hover,.goods-tab .tab-head ul li a.selected{ color:#fff; background:#0053b3; } .goods-tab .tab-content{ display:none; } /*鐒︾偣鑿滃崟*/ .banner-img{ position:relative; width:100%; height:341px; overflow:hidden; } .banner-img img{ min-width:100%; min-height:100%; } .banner-nav{ position:relative; width:100%; height:341px; background:#fff; } .banner-nav ul{ padding:15px 0; } .banner-nav ul li{ cursor:pointer; } .banner-nav ul li h3{ position:relative; display:block; padding:0 20px; width:180px; font-weight:normal; height:53px; } .banner-nav ul li h3 i{ position:absolute; right:5px; top:18px; width:13px; height:13px; color:#ddd; font-size:13px; } .banner-nav ul li h3 span{ line-height:28px; color:#333; font-size:14px; } .banner-nav ul li h3 p{ line-height:16px; color:rgba(0,0,0,0.5); font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .banner-nav ul li:hover h3{ background:#0073e5; } .banner-nav ul li:hover h3 i{ color:#fff; } .banner-nav ul li:hover h3 span{ color:#fff; } .banner-nav ul li:hover h3 p{ color:rgba(255,255,255,0.5); } .banner-nav ul li .item-box{ display:none; position:absolute; top:0; left:220px; bottom:0; width:705px; height:100%; background-color:rgba(0,0,0,0.3); z-index:9999; } .banner-nav ul li:hover .item-box{ display:block; } .banner-nav ul li .item-box dl{ display:block; padding:15px 30px 0; } .banner-nav ul li .item-box dl dt{ font-size:14px; font-weight:700; line-height:28px; } .banner-nav ul li .item-box dl dd{ font-size:12px; line-height:24px; } .banner-nav ul li .item-box dl a{ color:#fff; } .banner-nav ul li .item-box dl dd a{ margin-right:5px; } /*椤电爜瀹瑰櫒*/ .page-box{ margin:15px 30px; } .page-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .page-box2{ margin:15px 30px; } .page-box2:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .page-box2 a{color:#0b61b8!important;border:1px solid #fff!important;} .page-box2 a:hover{border:1px solid #0b61b8!important;} .page-box2 .disabled{color:#999!important;border:1px solid #9c9c9c!important;} /*璐墿杞︽牱寮?/ .cart-info{ position:absolute; top:-50px; left:0; margin:0; padding:15px; border:1px solid #DFC795; width:302px; height:auto; background:#fcfbda; text-align:left; z-index:2; } .cart-info .ico{ display:block; float:left; margin-top:5px; width:46px; height:46px; } .cart-info .ico i{ color:#5ba61b; font-size:46px; line-height:1em; } .cart-info .ico.error i{ color:#fb1605; } .cart-info .msg{ margin-left:60px; } .cart-info .msg strong{ margin-bottom:10px; color:#444; font-size:15px; } .cart-info .msg p{ padding-bottom:8px; line-height:1.8em; } .cart-info .msg .link-btn{ display:inline-block; margin:0; padding:0 25px; color:#fff; font-size:12px; height:30px; line-height:30px; text-align:center; background:#0053b3; vertical-align:middle; } .cart-info .msg .close{ position:absolute; display:block; top:5px; right:5px; width:20px; height:20px; text-align:center; cursor:pointer; } .cart-info .msg .close i{ color:#999; font-size:14px; line-height:20px; } .cart-head{ position:relative; margin:0 50px; padding:30px 0; } .cart-head h2{ float:left; color:#555; font-size:18px; line-height:35px; } .cart-head h2 i{ display:inline-block; margin-right:5px; color:#83c44e; font-size:23px; line-height:35px; vertical-align:middle; } .cart-head .cart-setp{ position:relative; margin-left:200px; } .cart-head .cart-setp li{ position:relative; float:left; width:33.33%; height:35px; line-height:35px; text-align:center; color:#999; font-size:12px; *width:33.3%; } .cart-head .cart-setp li .progress{ margin-right:1px; height:35px; line-height:35px; color:#424242; background:#eee; } .cart-head .cart-setp li .progress span{ margin-right:2px; font-size:14px; font-weight:600; } .cart-head .cart-setp li.active .progress{ color:#fff; background:#83c44e; } .cart-head .cart-setp li.first .progress{ border-top-left-radius:20px; border-bottom-left-radius:20px; } .cart-head .cart-setp li.last .progress{ border-top-right-radius:20px; border-bottom-right-radius:20px; } .cart-box{ position:relative; margin:0 50px; } .cart-box .cart-table{ border:1px solid #eee; } .cart-box .cart-table th{ padding:0.8em 0.5em; color:#555; font-size:13px; font-weight:400; background:#f5f5f5; border-bottom:1px solid #eee; } .cart-box .cart-table td{ padding:1em 0.5em; color:#555; font-size:13px; border-bottom:1px solid #eee; } .cart-box .cart-table td .stxt{ margin-top:5px; color:#666; font-size:12px; line-height:20px; } .cart-box .cart-table td input.checkall{ padding:0; border:1px solid #eee; background:#fff; } .cart-box .cart-table td .img{padding:1px;width:60px;height:60px;border:1px solid #eee;} .cart-box .cart-table td .buy-box{ margin:auto; padding:0; width:74px; height:22px; overflow:hidden; } .cart-box .cart-table td .buy-box a{ display:block; float:left; width:20px; height:20px; font-size:12px; line-height:20px; text-align:center; border:1px solid #e8e8e8; overflow:hidden; } .cart-box .cart-table td .buy-box .input{ float:left; margin:0; padding:0; width:30px; font-size:12px; height:20px; line-height:20px; text-align:center; ime-mode:Disabled; border-radius:0; border-left:0; border-right:0; } .item-box{ clear:both; padding:20px 0; font-size:14px; } .item-box li{ display:block; float:left; margin:0 25px; height:28px; line-height:28px; } .item-box li label input{ margin-right:3px; } .item-box li em{ color:#999; font-style:normal;} .buy-foot{ margin:20px 0; font-size:14px; } .buy-foot .left-box{ float:left; } .buy-foot .left-box dl{ clear:both; padding-bottom:10px; line-height:28px; } .buy-foot .left-box dl dt{ color:#6c6c6c; } .buy-foot .left-box dl dd .input{ width:230px; padding:5px; border:1px solid #ddd; } .buy-foot .right-box{ float:right; text-align:right; } .buy-foot .right-box p{ line-height:38px; } .buy-foot .right-box p .price{ color:#f00; font-weight:700; } .buy-foot .right-box p.txt-box{ margin-top:10px; font-size:18px; font-weight:700; } .buy-foot .right-box p.btn-box{ margin-top:20px; } .buy-foot .right-box p.btn-box .btn{ display:inline-block; margin:0 0 0 5px; padding:8px 25px; width:auto; height:auto; line-height:20px; color:#fff; font-size:12px; border:0; background:#0073e5; border-radius:3px; cursor:pointer; } .buy-foot .right-box p.btn-box .button{ background:#0073e5; } .buy-foot .right-box p.btn-box .submit{ background:#0053b3; } .buy-foot .right-box p.btn-box .gray{ background:#ddd; } .cart-foot{ margin:0 50px; padding:20px 0 30px; height:40px; } .cart-foot .left-box{ float:left; line-height:40px; } .cart-foot .left-box a{ margin-right:20px; font-size:14px; } .cart-foot .right-box{ float:right; } .cart-foot .right-box button{ display:inline-block; margin:0 0 0 5px; padding:8px 25px; width:auto; height:auto; line-height:20px; color:#fff; font-size:12px; border:0; background:#0073e5; border-radius:3px; cursor:pointer; } .cart-foot .right-box .submit{ background:#0053b3; } .cart-foot .right-box .button{ background:#0073e5; } .address-list{ margin:20px 0 0; padding:10px; color:#555; font-size:14px; border:1px solid #f7f7f7; max-height:300px; overflow:auto; } .address-list li{ margin:5px 0; padding:5px 10px; height:20px; line-height:20px; cursor:pointer; } .address-list li span{ margin-left:10px; } .address-list li label em{ margin-left:5px; font-style:normal; } .address-list li.selected{ padding:10px; font-size:15px; background:#fff0e8; border-radius:3px; } .address-list li.selected span{ color:#333; font-weight:700; } .address-info.form-box{ margin:0; } /*琛ㄥ崟鏍峰紡*/ .msg-box{ display:block; margin:0; padding:6px; border:1px solid #fbf2b5; background:#fcfbda; } .msg-box i{ display:block; float:left; margin:4px 0 0; font-size:12px; color:#A094A9; width:18px; height:18px; text-align:center; vertical-align:middle; } .msg-box p{ margin-left:18px; line-height:24px; color:#A4A147; font-size:12px; } .form-box{ margin:0 50px; padding:20px 0 30px; } .form-box .form-group{ margin:0; padding:10px 0; clear:both; } .form-box .form-group .tips{ margin-left:16%; color:#666; font-size:12px; line-height:20px; } .form-box .form-group dt{ display:block; float:left; padding-right:2%; width:14%; line-height:40px; text-align:right; color:#888; } .form-box .form-group dd{ display:block; position:relative; margin-left:16%; line-height:40px; } .form-box .form-group dd img{ vertical-align:middle; } .form-box .form-group dd .input{ display:inline-block; padding:0 10px; width:50%; height:40px; line-height:20px; border:1px solid #e0e0e0; } .form-box .form-group dd .input.code{ width:80px; } .form-box .form-group dd .select{ display:inline-block; padding:10px; height:40px; line-height:20px; border:1px solid #e0e0e0; } .form-box .form-group dd .textarea{ display:inline-block; padding:10px; width:50%; height:80px; line-height:20px; border:1px solid #e0e0e0; vertical-align:middle; overflow:auto; } .form-box .form-group dd .submit{ display:inline-block; margin:0 0 0 5px; padding:10px 46px; width:auto; height:auto; line-height:20px; color:#fff; font-size:14px; border:1px solid #0053b3; background:#0053b3; cursor:pointer; } .form-box .form-group dd .submit,.form-box .form-group dd .button{background:#0073e5;} .form-box .form-group dd .button{ display:inline-block; margin:0 0 0 5px; padding:10px 46px; width:auto; height:auto; line-height:20px; color:#666; font-size:14px; border:1px solid #eee; background:#eee; cursor:pointer; } .form-box .form-group dd label.mart{ margin-right:5px; } /*鍏ㄥ睆鏍峰紡*/ .form-box.full{ padding:0 0 50px; } .form-box.full .form-group dt{ width:40%; } .form-box.full .form-group dd{ margin-left:42%; } .form-box.full .form-group dd .input{ width:40%; } .form-box.full .form-group dd .input.code{ width:80px; } .form-table{ } .form-table .form-unit{ padding:5px 0;overflow:hidden;} .form-table .form-unit-half{width:47%;} .form-table .form-unit .tips{ margin-left:16%; color:#666; font-size:12px; line-height:20px; } .form-table .form-unit dt{ display:block; float:left; width:90px; line-height:40px;} .form-table .form-unit dt b{padding-left:3px;color:red;} .form-table .form-unit dd{ display:block; float:left;line-height:40px;width: calc(100% - 90px); } .form-table .form-unit dd img{ vertical-align:middle; } .form-table .form-unit dd .input{ display:inline-block; padding:0 10px; width:100%; height:40px; line-height:20px; border:1px solid #ddd;box-sizing:border-box; } .form-table .form-unit dd .input.code{ width:80px; } .form-table .form-unit dd .select{ display:inline-block; padding:10px; height:40px; line-height:20px; border:1px solid #ddd; } .form-table .form-unit dd .textarea{ display:inline-block; padding:10px; width:100%; height:90px; line-height:20px; border:1px solid #ddd;box-sizing:border-box; vertical-align:middle; overflow:auto; } .form-table .form-unit dd .submit{ display:inline-block; padding:0 44px;height:44px; color:#fff; font-size:16px;line-height:44px;background:#0b49bd;border:1px solid #0b49bd;box-sizing:initial;} .form-table .form-unit dd .submit:hover{background:#165cdf;border:1px solid #165cdf} .form-table .form-unit dd .button{ display:inline-block; padding:0 44px; height:44px; color:#666; font-size:16px;line-height:44px; background:#eee;border:1px solid #eee; box-sizing:initial;} .form-table .form-unit dd label.mart{ margin-right:5px; } .form-table .form-unit dd label.mart input{margin-right:3px;} @charset "utf-8"; /*Validform楠岃瘉*/ .Validform_checktip{ margin-left:5px; line-height:20px; height:20px; overflow:hidden; color:#999; font-size:12px; } .Validform_right{ display:none; color:#71b83d; padding-left:20px; background:url(../../../css/valid_icons.png) no-repeat -40px -20px; vertical-align:middle; } .Validform_wrong{ display:inline-block; color:red; padding-left:20px; white-space:nowrap; background:url(../../../css/valid_icons.png) no-repeat -20px -40px; vertical-align:middle; } .Validform_loading{ padding-left:20px; background:url(../../../css/icon_onload.gif) no-repeat left center; } .Validform_error{ background:#ebf2ff;border:1px solid #0f63ff!important; } #Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);} #Validform_msg .iframe{ position:absolute; left:0px; top:-1px; z-index:-1; } #Validform_msg .Validform_title{ position:relative; line-height:35px; height:35px; text-align:left; font-weight:bold; padding:0 10px; color:#fff; background:#33B5E5; } #Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{ line-height:30px; position:absolute; right:10px; top:0px; color:#fff; text-decoration:none; } #Validform_msg a.Validform_close:hover{color:#ccc;} #Validform_msg .Validform_info{padding:10px;border:1px solid #bbb; border-top:none; text-align:left;} /*鐗╂祦鏍峰紡*/ .accept-box{ margin-bottom:50px; padding:0; background:#fff; border:1px solid #f0f0f0; } .accept-box dl{ padding:0 !important; } .accept-box dl.head{ position:relative; margin:0; padding:0; background:#fbfbfb; border-bottom:1px solid #e8e8e8; } .accept-box dl.head dd{ margin-left:10px; } .accept-box dl.head .btn-pay{ position:absolute; top:6px; right:6px; display:block; padding:0 15px; color:#fff; font-size:12px; height:24px; line-height:24px; background:#52A152; border:1px solid #417F41; border-radius:2px; } /*璁㈠崟杩涘害*/ .order-progress{ position:relative; margin:20px 50px; height:55px; } .order-progress li{ position:relative; float:left; width:20%; text-align:center; } .order-progress.mini li{ width:25%; } .order-progress li .progress{ display:block; margin-right:1px; line-height:20px; color:#424242; font-size:12px; text-align:center; background:#eee; } .order-progress li .info{ display:block; margin-top:15px; line-height:20px; color:#757575; font-size:12px; text-align:center; } .order-progress li.active .progress{ color:#fff; background:#83c44e; } .order-progress li.first .progress{ border-top-left-radius:20px; border-bottom-left-radius:20px; } .order-progress li.last .progress{ border-top-right-radius:20px; border-bottom-right-radius:20px; } /*鎻愮ず淇℃伅*/ .msg-tips{ position:relative; margin:30px auto; padding:30px 0; width:420px; font-size:14px; text-align:left; } .msg-tips .icon{ display:block; float:left; width:60px; height:60px; } .msg-tips .icon i{ margin:0; padding:0; font-size:60px; color:#090; line-height:1em; } .msg-tips .icon.warning i{ color:#f90; } .msg-tips .icon.error i{ color:#f00; } .msg-tips .info{ margin-left:80px; } .msg-tips .info strong{ display:block; padding-bottom:5px; color:#333; font-size:18px; font-weight:normal; line-height:1.3em; } .msg-tips .info p{ line-height:24px; color:#666; font-size:14px; } .msg-tips .info p a{ margin:auto 2px; } /*浼氬憳鐧诲綍鏍峰紡*/ .login-box{ margin:50px auto 0; padding-bottom:50px; width:343px; overflow:hidden; } .login-box .form-txt{display:block;margin-bottom:20px;padding:12px 20px;width:300px;border:1px solid #ddd;} .login-box .input-box{ position:relative; display:inline-block; margin-bottom:20px; padding:0 10px; width:320px; border:1px solid #e5e5e5; height:42px; line-height:22px; color:#333; font-size:14px; overflow:hidden; } .login-box .input-box input{ padding:12px 0; width:100%; height:20px; line-height:20px; font-size:14px; } .login-box .remember-box{ margin-bottom:30px; height:20px; line-height:20px; color:#909090; font-size:14px; } .login-box .remember-box input{ vertical-align:middle; } .login-box .remember-box label{ margin-right:7px; cursor:pointer; vertical-align:middle; } .login-box .remember-box a{ color:#0053b3; vertical-align:middle; } .login-box .btn-box{ display:block; margin-bottom:20px; height:42px; } .login-box .btn-box input{ display:inline-block; width:342px; height:42px; line-height:42px; background:#0073e5; color:#fff; cursor:pointer; font-size:14px; text-align:center; } .login-box .tip-box{ display:block; text-align:center; height:20px; line-height:20px; color:#f90; font-size:13px; } .login-box .oatuh-box{ text-align:center;} .login-box .oatuh-box h3{ display:block;margin:0 auto;position:relative; margin-bottom:14px; color:#777; font-size:14px; font-weight:normal; } .login-box .oatuh-box h3::before{content:"";position:absolute;top:50%;left:66px;height:1px;width:34px;background:#777;} .login-box .oatuh-box h3::after{content:"";position:absolute;top:50%;right:66px;height:1px;width:34px;background:#777;} .login-box .oatuh-box ul{display:inline-block;margin:0 auto;} .login-box .oatuh-box li{float:left;margin:0 12px;text-align:center;} .login-box .oatuh-box p{font-size:12px;line-height:24px;color:#666;} .login-box .oatuh-box li a img{ width:30px; height:30px; } .oauth-box{ position:relative; margin:50px auto; width:65%; border:1px solid #f0f0f0; overflow:hidden; } .oauth-box .tab-head{ display:block; height:42px; border-bottom:1px solid #f0f0f0; background:#fff; } .oauth-box .tab-head li{ float:left; margin-left:-1px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; } .oauth-box .tab-head li a{ display:block; padding:0 30px; height:42px; line-height:42px; color:#555; font-size:14px; } .oauth-box .tab-head li a.selected{ color:#fff; background:#0053b3; } .oauth-box .tab-content{ display:none; } /*浼氬憳澶村儚瀹瑰櫒*/ .avatar-box{ padding:10px 15px; border-bottom:1px solid #ddd; height:60px; background:#fff; } .avatar-box .img-box{ position:relative; display:block; float:left; margin-right:10px; width:60px; height:60px; border-radius:60px; background:#fff; text-align:center; overflow:hidden; } .avatar-box .img-box img{ padding:2px; width:54px; height:54px; border:1px solid #f5f5f5; border-radius:60px; background:#fff; } .avatar-box .img-box i{ color:#ccc; font-size:54px; line-height:78px; background:#fff; } .avatar-box h2{ margin:0;color:#0053b3; font-size:16px; font-weight:normal; line-height:60px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .avatar-box p{ color:#666; font-size:12px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .avatar-box p b{ color:#0053b3; font-weight:normal; } /*浼氬憳涓績瀵艰埅*/ .center-nav{ padding:15px 20px 10px; } .center-nav ul li{ padding:0; overflow:hidden; } .center-nav ul li h2{ margin-bottom:8px; color:#333; font-size:14px; font-weight:normal; line-height:20px; } .center-nav ul li h2 i{ display:inline-block; margin-left:5px; color:#666; font-size:14px; line-height:20px; } .center-nav ul li h2 span{ font-weight:300; } .center-nav ul li .list{ margin:0 0 15px 26px; font-size:12px; } .center-nav ul li .list p{ margin-top:5px; } .center-nav ul li .list a{ display:block; height:24px; line-height:24px; color:#757575; } .center-nav ul li .list a i{ float:right; line-height:24px; color:#999; font-size:12px; } .center-nav ul li.selected .list a,.center-nav ul li .list a:hover{ color:#0053b3; } .center-head{ margin:15px 50px 0; padding:15px; background:#fafafa; } .center-head .img-box{ display:block; float:left; width:116px; height:116px; text-align:center; border-radius:110px; background:#fff; overflow:hidden; } .center-head .img-box img{ padding:2px; width:110px; height:110px; border:1px solid #f5f5f5; border-radius:110px; background:#fff; } .center-head .img-box i{ color:#ccc; font-size:110px; line-height:1.3em; } .center-head .list-box{ position:relative; display:block; margin-left:135px; } .center-head .list-box h3{ display:block; color:#333; font-size:16px; font-weight:normal; line-height:42px; } .center-head .list-box ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .center-head .list-box ul li{ display:block; float:left; width:33.32%; color:#848484; font-size:14px; line-height:32px; } .center-head .list-box ul li p{ text-align:center; } .center-head .list-box ul li .link-btn{ display:inline-block; padding:5px 15px; color:#fff; font-size:12px; line-height:18px; background:#0073e5; vertical-align:middle; } .center-head .list-box ul li .link-btn:hover{background:#0080ff;} .center-info{ position:relative; margin:0 50px 0; padding:15px 30px; background:#fff; } .center-info ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .center-info ul li{ display:block; float:left; width:50%; _width:49.8%; line-height:30px; color:#999; } .center-tit{ margin:0 50px; padding:10px 15px; background:#fafafa; line-height:24px; } .center-tit span{ float:right; font-size:12px; } .center-tit h3{ color:#000; font-size:14px; font-weight:normal; } .center-tit h3 i{ margin-right:5px; font-size:14px; } /*琛ㄦ牸鏍峰紡*/ .table-wrap{ margin:0 50px 20px; } .ftable{ margin:15px 0; width:100%; border:1px solid #f0f0f0; background:#fff; } .mtable{ margin:15px 0; width:100%; background:#fff; _width:auto; } .mtable th,.ftable th{ padding:0.8em; color:#6e717a; font-size:13px; font-weight:400; background:#fbfbfb; border-bottom:1px solid #e8e8e8; } .mtable td,.ftable td{ padding:0.8em; color:#333; font-size:13px; border-bottom:1px solid #F3F3F3; } .ftable td .img{ padding:1px; width:60px; height:60px; border:1px solid #e8e8e8; } .ftable td s{ color:#999; text-decoration:line-through; } .mtable .tr_odd_bg,.ftable .tr_odd_bg{ background:#f9f9f9; } /*浼氬憳鍒楄〃椤电爜鏍峰紡*/ .page-foot{ clear:both; height:35px; line-height:35px; } .page-foot .btn-box a{ display:inline-block; margin-right:10px; padding:5px 15px; line-height:20px; border:1px solid #eee; font-size:12px; vertical-align:middle; } .page-foot .right{ float:right; } /*澶村儚瀹瑰櫒*/ .avatar-wrap{ margin:0 15px; background:#fafafa; } .avatar-wrap:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .avatar-wrap .avatar-box{ padding:10px 25px; border-bottom:1px solid #ddd; height:60px; } .avatar-wrap .avatar-box .img-box{ position:relative; display:block; float:left; margin-right:10px; width:60px; height:60px; overflow:hidden; } .avatar-wrap .avatar-box .img-box img{ padding:2px; width:54px; height:54px; border:1px solid #f5f5f5; border-radius:60px; background:#fff; } .avatar-wrap .avatar-box .img-box i{ color:#ccc; font-size:54px; line-height:54px; } .avatar-wrap .avatar-box h3{ margin:0; color:#333; font-size:14px; font-weight:normal; line-height:32px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .avatar-wrap .avatar-box p{ color:#666; font-size:14px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .avatar-wrap .avatar-box p i{ color:#0053b3; font-style:normal; } /*澶村儚涓婁紶*/ .cropper-wrap{ margin-top:20px; } .cropper-wrap .cropper-box{ position:relative; float:left; margin-right:20px; padding:1px; width:350px; height:350px; text-align:center; border:1px solid #f0f0f0; border-radius:2px; background:#f4f4f4; text-align:center; vertical-align:middle; } .cropper-wrap .cropper-box div{ margin:auto; vertical-align:middle; } .cropper-wrap .cropper-view{ float:left; width:184px; } .cropper-wrap .cropper-view .img-box{ padding:1px; width:180px; height:180px; border:1px solid #f0f0f0; border-radius:2px; background:#fff; overflow:hidden; } .cropper-wrap .cropper-view .img-box img{ display:block; width:180px; height:180px; } .cropper-wrap .cropper-view .btn-box p{ margin:8px 0; text-align:center; color:#333; font-size:13px; line-height:24px; } .cropper-wrap .cropper-view .btn-box p.tip{ text-align:left; color:#999; font-size:13px; line-height:22px; } .cropper-wrap .cropper-view .btn-box .btn{ width:100%; line-height:34px; height:36px; border:1px solid #0073e5; background:#0073e5; cursor:pointer; color:#fff; } .cropper-wrap .cropper-view .btn-box .btn:hover{background:#0080ff;} /*浠ヤ笅閮ㄥ垎鏄疻ebUploader蹇呴』鐨?/ .webuploader-container{ position:relative; } .webuploader-element-invisible{ position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); } .webuploader-pick{ position:relative; display:inline-block; padding:0 25px; line-height:32px; height:32px; border:1px solid #0073e5; border-radius:2px; cursor:pointer; background:#0073e5; color:#fff; text-align:center; overflow:hidden; zoom:1; *display:inline; } .webuploader-pick-hover{ opacity:0.9; } .webuploader-pick-disable{ opacity:0.6; pointer-events:none; } .upload-box{ position:relative; display:inline-block; height:32px; vertical-align:middle; zoom:1; *display:inline;} .upload-box .upload-btn{ display:inline-block; height:32px; zoom:1; *display:inline; } .upload-box .upload-progress{ position:absolute; top:0; left:0; padding:2px 5px; width:115px; height:28px; border:1px solid #d7d7d7; background:#fff; overflow:hidden; } .upload-box .upload-progress .txt{ display:block; padding-right:10px; font-weight:normal; font-style:normal; font-size:11px; line-height:18px; height:18px; text-overflow:ellipsis; overflow:hidden; } .upload-box .upload-progress .bar{ position:relative; display:block; width:112px; height:4px; border:1px solid #1da76b; } .upload-box .upload-progress .bar b{ display:block; width:0%; height:4px; font-weight:normal; text-indent:-99em; background:#28B779; overflow:hidden; } .upload-box .upload-progress .close{ position:absolute; display:block; top:1px; right:1px; width:14px; height:14px; text-indent:-99em; background:url(../images/sprite.gif) 0 -240px no-repeat; cursor:pointer; overflow:hidden; } /*椤甸潰搴曢儴 ----------------------------------------------*/ /*鐣欒█閾炬帴鏍峰紡*/ .link-box{ width:870px;} .link-box .side-link .img{ height:auto; } .link-box .side-link .txt{ height:auto; font-size:14px; line-height:30px; } .side-link{ padding:20px; background:#fff; _position:relative; } .side-link .img{ display:block; margin:-20px 0 0 -21px; padding:0; height:51px; overflow:hidden; *display:inline-block; } .side-link .img:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .side-link .img li{ position:relative; float:left; margin:20px 0 0 21px; width:88px; height:31px; overflow:hidden; _display:inline; } .side-link .img li img{ width:100%; height:100%; } .side-link .txt{ margin-top:17px; width:100%; height:48px; line-height:24px; font-size:12px; overflow:hidden; } .side-link .txt strong{ color:#eee; margin:0 1px; font-weight:normal; } .side-book{ background:#fff; } .side-book ul{ padding:20px; } .side-book ul li{ font-size:12px; line-height:24px; height:24px; overflow:hidden; } .side-book ul li span{ float:right; margin-left:10px; color:#999; } /*鍝嶅簲寮忓竷灞€ --------------------------------------------------------------------------------------------*/ @media only screen and (max-width:1160px) { .section{ width:925px; } .slide-box{ height:363px; } .slide-box .list-box{ margin-left:-768px; width:1536px; } .side-link-wrap{ width:455px; } } @media only screen and (min-width:1161px) { .section{ width:1160px; } } /*CSS3鍔ㄧ敾 --------------------------------------------------------------------------------------------*/ /*鎿︿寒鍔ㄧ敾*/ @-webkit-keyframes shine{ from{margin-left:-50%} to{margin-left:120%} } @keyframes shine{ from{margin-left:-50%} to{margin-left:120%} } /*鏉ュ洖鎿︿寒*/ @-webkit-keyframes shine-move { 0% { left: 0px } 100% { left: 270px } } @keyframes shine-move { 0% { left: 0px } 100% { left: 270px } } /*鎽囨檭鍔ㄧ敾*/ @-webkit-keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(1px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-2px, 0, 0); } 40%, 60% { transform: translate3d(2px, 0, 0); } } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(1px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-2px, 0, 0); } 40%, 60% { transform: translate3d(2px, 0, 0); } } /*浜岀淮鐮佹壂鎻?/ @-webkit-keyframes qrcode { 0% { opacity: 1; filter: alpha(opacity:100); top: 0; } 100% { opacity: 1; filter: alpha(opacity:100); top: 100%; } } @keyframes qrcode { 0% { opacity: 1; filter: alpha(opacity:100); top: 0; } 100% { opacity: 1; filter: alpha(opacity:100); top: 100%; } } /*椤靛唴澶村浘鍔ㄧ敾*/ @-webkit-keyframes page-banner { from {transform: scale(1.03);} to {transform: scale(1);} } @keyframes page-banner { from {transform: scale(1.03);} to {transform: scale(1);} }