body{font-family: "微软雅黑";min-width: 1000px;font-size: 16px;margin: 0px;padding: 0px; background-color: #eee !important;} ul{margin: 0px;padding: 0px;} li{list-style: none;} a{color: #333;} a:hover{color: #00afa9;} .header.navbar{height: 140px;border-bottom: 1px #cbcbcb solid;margin-bottom: 0px;background-color: rgb(250, 250, 250);} .header.navbar .main-logo{width: 220px;height: 60px;background-image: url("../images/logo.png?v=20220926");background-size: contain;display: block;margin-left: -5px;background-repeat: no-repeat;} .header .header-box{max-width: 1000px;margin: auto;position: relative;margin-top: 40px;} .footer-box{width: 100%;margin:70px auto 0;border-top: 1px solid #dbdbdb;line-height: 50px;font-size: 0.8em;color: #666;text-align: center;background-color: #363f4e;} .foot-bottom{background-color: #171e28;} .footer-list-box{width: 1000px;margin: 20px auto;overflow: auto;} .footer-list-box ul{float: left;min-width:50px ;text-align: left;padding-right: 40px;padding-left: 20px;} .footer-list-box ul li a{color: #727e8e;} .footer-list-box ul li.t{color: #fff;} .col-xs-9.col-md-9{padding: 0px;} .login-bg{width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: fixed;z-index: 19;display: none;} .login-center{position: relative;width: 500px;margin: auto;display: none;} .login-box{position: fixed;width: 400px;top: 150px;z-index: 20;background-color: #fafafa;padding:50px 10px 20px;border-top: 3px #00afa9 solid;border-radius: 3px;} .login-box .btn-default{background-color:#00afa9;color: #fff;line-height: 40px;text-align: center;border-radius: 3px;padding: 0px 20px;font-size: 16px;} .login-off-button{position: absolute;top: 6px;right: 6px;border: solid 1px #ddd;border-radius: 3px;width: 24px;height: 24px;display: block;text-align: center;line-height: 24px;background-color: #fff;cursor: pointer;} .login-off-button:hover{background-color: #00AFA9;color: #fff;} .nav-button-box{width: 80%;position: absolute;top: 20px;right: 12px;} .nav-button-box li{float: right;list-style: none;font-size: 1em;color: #333;margin: 0px 10px;} .nav-button-box li a{line-height: 40px;display: block;color: #333;} .nav-button-box li .scrollnav:hover{color: #00afa9;} .nav-button-box li a.active{color: #00afa9;border-bottom: #00afa9 4px solid;} .nav-button-box li.user-box{margin:5px 0px;} .nav-button-box li.language-box{border-radius: 4px;background-color: #00afa9;color: #fff;font-size: 0.8em;line-height: 26px;width: 72px;margin-top: 8px;text-align: center;position: relative;padding-right: 10px;margin-right: 0px;} .nav-button-box li.language-box .now{width: 100%;position: relative;display: block;cursor: pointer;} .nav-button-box li.language-box .now:after{content: '';display: block;background-image: url(../images/icon.png);position: absolute;top: 6px;right: -6px;width: 10px;height: 10px;background-position: -320px 0px;} .user-box .user-icon{width: 33px;height:33px;background-image: url(../images/icon.png);display: block;background-position: -280px 0px;cursor: pointer;} .user-box .user-icon.user-login{background-position: -360px 0px;cursor: default;position: relative;} .user-box .user-icon.user-login:hover .user-menu{display: block;} .user-box .user-icon.user-login .user-menu{position: absolute;top: 32px;width: 120px;text-align: center;height: auto;background-color: #fff;border: solid 1px #ddd;left: -44px;border-radius: 5px;display: none;z-index: 11;} .user-box .user-icon.user-login .user-menu span{display: block;font-size: 14px;line-height: 30px;} .user-box .user-icon.user-login .user-menu span:hover{background-color: #00afa9;color: #fff;cursor: pointer;} .textbs-box{width: 60px;padding-top: 15px;} .textbs-box span{background-image: url(../images/icon.png);background-position: -220px 0px;width: 15px;height: 15px;display: block;float: left;} .textbs-box span.del{background-position: -220px 0px;} .textbs-box span.del.on{background-position: -220px -20px;cursor: pointer;} .textbs-box span.tit{background-position: -260px 0px;width: 16px;margin: 0px 5px;} .textbs-box span.add{background-position: -240px 0px;} .textbs-box span.add.on{background-position: -240px -20px;cursor: pointer;} .index-banner{width:100%;overflow: hidden;position: relative;height:450px;} .index-banner li{display: block;height: 716px;position: absolute;top: 0px;width:100%;} .index-banner li+li{display: none;} .index-banner img{position: absolute;display: block;} .banner_wrap .button-box{width: 100%!important;text-align: center;position:absolute;bottom: 20px;} .banner_wrap .button-box a{width: 74px;height: 10px;background-color: rgba(0,175,169,0.8);display: inline-block;margin: 0px 5px;cursor: pointer;} .banner_wrap .button-box a.on,.banner_wrap .button-box a:hover{background-color: rgba(255,255,255,0.8);} .top-small-banner{width:100%;overflow: hidden;position: relative;height: 256px;} .top-small-banner li{position:relative;} .top-small-banner li span{position: relative;z-index: 2;} .top-small-banner li span.tit{font-size: 3em;padding-top:70px;width: 100%;text-align: center;display: block;-moz-text-shadow:2px 2px 6px rgba(0,0,0,0.3) ;-webkit-text-shadow:2px 2px 6px rgba(0,0,0,0.3);text-shadow:2px 2px 6px rgba(0,0,0,0.3);color: #fff;font-weight:bold} .top-small-banner li span.ctit{font-size: 1.8em;padding-top:15px;width: 100%;text-align: center;display: block;-moz-text-shadow:2px 2px 6px rgba(0,0,0,0.3) ;-webkit-text-shadow:2px 2px 6px rgba(0,0,0,0.3);text-shadow:2px 2px 6px rgba(0,0,0,0.3);color: #fff;} .top-small-banner img{position: absolute;top: 0px;display: block;} .nav-button-ul>li{position: relative;} .nav-button-ul li:hover ul{display: block} .nav-button-ul li ul{display: none;position: absolute;top: 30px;left: -60px;padding: 21px 0px;z-index: 8;width: 180px;} .nav-button-ul li ul:before{content: '';display: block;background-image: url(../images/icon.png);width: 180px;height: 21px;background-position: 0px -60px;position:absolute;top: 0px;left: 0px;z-index:-1;} .nav-button-ul li ul:after{content: '';display: block;background-image: url(../images/icon.png);width: 180px;height: 21px;background-position: 0px -213px;position:absolute;bottom:0px;left: 0px;z-index:-1;} .nav-button-ul li ul li{float: none;text-align: center;line-height: 20px;background-color: #fff;width: 130px;margin: auto;cursor: pointer;height: auto;position: relative;padding: 9px 1px;} .nav-button-ul li ul li:hover{background-color: #00afa9;color: #fff;} .nav-button-ul li ul li:before{content: '';display: block;background-image: url(../images/icon.png);width: 180px;height: 100%;position: absolute;background-position: 0px -141px;position:absolute;left:-24px;z-index:-1;top: 0px;} .nav-button-ul li ul li:before{background-position: 0px -81px;} .nav-button-ul li ul a+a li:before{background-position: 0px -121px;} .nav-button-ul li ul a:nth-last-child(1) li:before{background-position: 0px -175px;} .nav-button-ul li ul li{border-radius: 4px 4px 0px 0px;} .nav-button-ul li ul a+a li{border-radius:0px;} .nav-button-ul li ul a:nth-last-child(1) li{border-radius: 0px 0px 4px 4px ;} .right-list-box{width: 103%;margin-left:2%;} .content-box{width: 1000px;margin: auto;} .content-nav-box .breadcrumb {background-color: transparent;padding-left:0px ;} .content-box-lr{padding-top:14px;} .breadcrumb li{display: block;height: 25px;line-height: 25px;float: left;font-size: 0.8em;} .breadcrumb li:before{content:'' !important;display: inline-block;background-image: url(../images/icon.png);background-position: -220px -40px;height: 27px;width: 15px;padding: 0px;float: left;} .breadcrumb li+li{margin-left: -11px;} .breadcrumb li+li:before{background-position: -240px -40px;} .breadcrumb li:after{content: '';display: inline-block;background-image: url(../images/icon.png);background-position: -260px -40px;height: 27px;width: 15px;float: left;} .breadcrumb li span{display: inline-block;float: left;border-bottom: solid 1px #cfcfcf;border-top: solid 1px #cfcfcf;padding-right: 8px;color: #333;} .breadcrumb li+li span{padding-left: 8px;} .breadcrumb li.active:before{background-position: -280px -40px;} .breadcrumb li.active:after{background-position: -300px -40px;width: 17px;} .breadcrumb li.active span{background-color:#00afa9;border-color: #00afa9;color: #fff;padding-right: 30px;padding-left: 30px;} .left-list-box{width: 230px;border: solid 1px #d8d8d8;text-align: center;min-height: 250px;padding-bottom: 20px;} .left-list-box .tit{height: 46px;background-color: #00afa9;color: #fff;font-size: 1em;line-height: 46px;position: relative;font-weight: bold;} .left-list-box .tit.news:before{content: '';display: inline-block;background-image: url(../images/icon.png);background-position: -320px -40px;height: 40px;width: 30px;position: absolute;left: 27px;top: 2px;} .left-list-box .tit.goods:before{content: '';display: inline-block;background-image: url(../images/icon.png);background-position: -360px -40px;height: 40px;width: 30px;position: absolute;left: 27px;top: 2px;} .left-list-box .tit.fw:before{content: '';display: inline-block;background-image: url(../images/icon.png);background-position: -400px -40px;height: 40px;width: 30px;position: absolute;left: 27px;top: 2px;} .left-list-box li{width: 90%;margin: auto;display: block;height: 39px;line-height: 39px;border-bottom: solid 1px #ddd;font-size: 0.9em;} .left-list-box li:hove,.left-list-box li.on{color:#00afa9;} .left-list-box li a{color: #666;} .left-list-box li.on>a{color:#00afa9} .left-list-box .llb-tit{border-left: 4px solid #00afa9;margin-top: 5px;color: #00afa9;background-color: #efefef;display: block;line-height: 36px;} .left-list-box li.son-list-tit{height: auto;border-bottom:none;} .left-list-box li.son-list-tit:hover .sl-tit a{color: #00afa9;} .left-list-box li.son-list-tit li:hover >a{color: #00afa9;} .left-list-box li.son-list-tit .sl-tit{border-bottom: solid 1px #ddd;font-size: 0.95em;line-height: 42px;height: 42px;display: block;color: #333;text-align: center;padding-left: 0px;position: relative;} .left-list-box.goods li.son-list-tit .sl-tit{text-align: left;padding-left: 10px;cursor: pointer;} .left-list-box li.son-list-tit .sl-tit .down{position: absolute;width: 15px;height: 10px;display: block;background-image: url(../images/icon.png);right: 5px;top: 18px;background-position: -280px -80px;cursor: pointer;} .left-list-box li.son-list-tit .sl-tit.up .down{background-position: -280px -100px;} .left-list-box li.son-list-tit li{border-bottom:none;display:list-item;text-align: left;padding-left:35px;font-size: 0.85em;width: auto;overflow: hidden;} .left-list-box li.son-list-tit li a{list-style-type:square;list-style-image: inherit;list-style-position:inherit;list-style:square;display: list-item;} .left-list-box li.son-list-tit li a{cursor: pointer;} .left-list-box li.son-list-tit li.on>a{color: #00afa9;font-weight: bold;} .r-goods-lisi-tit {height: 60px;margin-bottom: 30px;} .r-goods-lisi-tit li{width: 25%;float: left;height: 60px;line-height: 60px;border-bottom: 2px solid #dfdfdf;text-align: center;position: relative;} .r-goods-lisi-tit li+li:after{content: '';display: block;position: absolute;left: 0px;top: 14px;height: 32px;border-left: 1px solid #cacaca;} .r-goods-lisi-tit li i{display: inline-block;height: 19px;width: 30px;background-image: url(../images/icon.png);position: absolute;margin-left: -28px;top: 21px;} .r-goods-lisi-tit li.a i{background-position: -320px -80px;} .r-goods-lisi-tit li.b i{background-position: -360px -80px;} .r-goods-lisi-tit li.c i{background-position: -400px -80px;} .r-goods-lisi-tit li.d i{background-position: -440px -80px;} .r-goods-lisi-tit li.e i{background-position: -480px -80px;} .r-goods-lisi-tit li.a.on i,.r-goods-lisi-tit li.a a:hover i{background-position: -320px -120px;} .r-goods-lisi-tit li.b.on i,.r-goods-lisi-tit li.b a:hover i{background-position: -360px -120px;} .r-goods-lisi-tit li.c.on i,.r-goods-lisi-tit li.c a:hover i{background-position: -400px -120px;} .r-goods-lisi-tit li.d.on i,.r-goods-lisi-tit li.d a:hover i{background-position: -440px -120px;} .r-goods-lisi-tit li.e.on i,.r-goods-lisi-tit li.e a:hover i{background-position: -480px -120px;} .r-goods-lisi-tit li.on a{color: #00afa9;} .r-goods-lisi-tit li.on{border-bottom: solid 2px #00afa9 ;} .r-goods-lisi-tit li.on:before{color: #00afa9;position: absolute;bottom: 0px;width: 14px;height: 7px;background-image: url(../images/icon.png);background-position: -300px -80px;content: '';display: block;left: 45%;} .right-list-box>.tit{font-size: 16px;line-height: 30px;height: 35px;border-bottom: 2px #b1b1b1 solid;} .right-list-box .right-bg-box{-webkit-box-shadow:0 0 6px #eee; -moz-box-shadow:0 0 6px #eee; box-shadow:0 0 6px #eee;margin-top: 10px;} .right-list-box .right-bg-box .list-content{width: 96%;margin: 0px auto;padding: 24px 0px;height: 210px;} .right-list-box .right-bg-box .list-content .img img{border: solid 1px #c0c0c0;float: left;} .right-list-box .right-bg-box .list-content .tit{width: 410px;float: right;height: 34px;overflow: hidden;} .right-list-box .right-bg-box .list-content .tit .t{font-size:16px;line-height: 34px;width: 530px;height: 34px;overflow: hidden;} .right-list-box .right-bg-box .list-content .tit .d{font-size: 0.9em;color: #bbb;float: right;line-height: 44px;} .right-list-box .right-bg-box .list-content .content{width:410px;float: right;position: relative;height: 118px;overflow: hidden;} .right-list-box .right-bg-box .list-content .content .t{font-size: 0.9em;color: #999;margin-top:10px;line-height: 28px;display: block;} .right-list-box .right-bg-box .list-content .content .b{font-size: 0.9em;position: absolute;bottom: 0px;right: 0px;color: #b91b2a;display: block;} nav .pagination{text-align: center;margin:15px auto 0px;display: table;} nav .pagination>li>a{height: 30px;line-height: 30px;padding:0px 12px;color: #666;} nav .pagination>li:first-child>a,nav .pagination>li:last-child>a{border-radius: 0px;border-bottom-left-radius: 0px;border-top-left-radius: 0px;} nav .pagination>li.b>a{background-color: #00afa9;color: #fff;border: solid 1px #00afa9;margin: 0px 5px;} nav .pagination>li.nb>a{background-color: #bfbfbf;color: #fff;border: solid 1px #bfbfbf;margin: 0px;} nav .pagination>li>a.now{background-color: #bfbfbf;color: #fff;margin: 0px;} nav .pagination .h-text{color: #999;float: left;height: 30px;line-height: 30px;} .right-content-box{padding: 20px 40px;} .right-content-box .tit{width: auto;border-bottom:solid 1px #ddd;text-align: center;margin-bottom: 30px;} .right-content-box .tit .t{display: block;font-size: 16px;color: #000;line-height: 50px;} .right-content-box .tit .d{display: block;font-size: 1em;color: #999;line-height: 60px;} .right-content-box .content{color: #333;font-size:16px;font-family:微软雅黑;} .right-list-box .right-bg-box.zhanshi-5-img{box-shadow: 0 0 0 #eee;} .right-bg-box.zhanshi-5-img .content .imgbox{margin:30px 7px;height: 140px;width: 140px; box-shadow: 0 0 6px #eee;cursor: pointer;display: block;float: left;} .right-bg-box.zhanshi-5-img .content .imgbox:hover{border: solid 2px #00afa9;} .right-bg-box.zhanshi-5-img .content .imgbox img{height:100%;margin: auto;max-width: 100%;} .right-bg-box.zhanshi-5-img .content .imgbox span{display: block;text-align: center;height: 20px;line-height:20px;font-size: 14px;margin-top: 5px;width: 100%;overflow: hidden;} .right-bg-box.zhanshi-5-img .content .imgbox span+span{margin-top: 0px;} .zhanshi-5-img-button-box{width: 100%;margin-top: 10px;} .zhanshi-5-img-button-box .zibb-button{width: 250px;height: 50px;line-height: 50px;border-radius: 5px;background-color: #00AFA9;color: #fff;font-weight: bold;text-align: center;margin: auto;cursor: pointer;} .right-content-box.video-down-box{padding:20px 30px ;} .video-box{overflow: auto;} .video-box .video-play-box{width: 500px;height: 420px;border: solid 1px #000;background-color: #000;float: left;position: relative;overflow: hidden;} .video-box .video-play-box:before{width: 95px;height: 95px;background-image: url(../images/icon.png);background-position: -60px -244px ;content: '';position: absolute;z-index: 6;top: 150px;left: 230px;} .video-box .video-play-box:after{position: absolute;z-index: 5;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);content: '';top: 0px;left: 0px;} .video-box .video-play-box.on:before,.video-box .video-play-box.on:after{display: none;} .video-box .video-list-box{width:232px;height: 420px;float: right;overflow: hidden;} .video-box .video-list-box li{background-color: #ebebeb;width: 232px;height: 102px;margin-bottom:5px;border: solid 1px #fff;position: relative;cursor: pointer;} .video-box .video-list-box li:before{content: '';position: absolute;top: 0px;left: 0px;width: 100px;height: 100px;background-color: rgba(0,0,0,0.5);} .video-box .video-list-box li:after{content: '';position: absolute;top: 0px;left: 0px;width: 60px;height: 60px;background-image: url(../images/icon.png);background-position: 0px -244px;margin: 20px;} .video-box .video-list-box li:hover:before{display: none;} .video-box .video-list-box li:hover:after{background-position: 0px -304px;} .video-box .video-list-box li img{float: left;} .video-box .video-list-box li span{margin:2px 5px;width: 120px;float: right;display: block;font-weight: bold;font-size: 0.9em;text-align: left;} .down-box .tit{height: 40px;line-height: 40px;border-bottom: solid 1px #d1d1d1;font-size: 1.2em;margin-top: 20px;text-align: left;font-weight:bold;} .down-box li{line-height: 60px;height: 60px;display: block;overflow: hidden;background-color: #fafafa;} .down-box .psd{width: 60px ;height: 60px;display: block;float: left;background-color: #e1e1e1;} .down-box .psd:before{background-image: url(../images/icon.png);width: 40px;height: 40px;content:'';margin: 10px;display: block;background-position: -320px -160px;} .down-box .text{padding-left: 10px;font-weight: bold;color: #333;} .down-box .down{background-image: url(../images/icon.png);width: 40px;height: 40px;margin: 10px;display: block;background-position: -280px -160px;float: right;} .down-box .down:hover{background-position: -280px -200px;} .nav-button-ul li ul a:nth-last-child(1) li.h2:before{background-position: 0px -160px;} .index-box{width: 100%;overflow: auto;} .i-a-box{width: 1000px;margin:10px auto;overflow: auto;} .i-a-box .iab-box{width: 33%;float: left;position: relative;} .i-a-box .iab-box .t{font-size: 14px;color: #fff;padding-bottom: 15px;text-align: center;padding: 5px 0; line-height: 23px;background: rgba(0,175,169,0.8);width: 80%;margin: auto;} .i-a-box .iab-box .text{font-size: 14px;color: #565656;width: 90%;margin: auto;} .i-a-box .iab-box img{margin: auto;display: block; position: relative;} .i-a-box.news .iab-box img{margin: 0;width: 160px;float: left; margin-right: 10px;} .i-a-box.news .iab-box{width: 50%;} .i-a-box.news .iab-box .t{text-align: left;background-color: transparent;color: #333;font-size: 20px;} .i-a-box.news .more{display: inline-block;float: right;} .i-a-box.news .more a{color: #00afa9;cursor: pointer;} .i-b-bt{width: 100%; height: 77px;background-image: url(../images/index/bg_1.jpg);border-top: #d7d7d7 solid 1px;} .i-b-bt .ibbt-center .t{height: 77px;line-height: 77px;padding: 0 20px;font-size: 26px;float: left;color: #666;} .i-b-bt .ibbt-center{width: 1000px;overflow: auto;margin: auto;} .i-b-bt .ibbt-center .t.on{background-color: #f7f7f7;} .tit-content-box{width: 1000px;margin: auto;} .tcb-list-box{position: relative;overflow: hidden;display: none; height: 300px;margin-top: 20px;} .tcb-list-box.on{display: block;} .tcb-list-box .t{font-size: 28px;color: #565656;padding: 15px 0;} .tcb-list-box .text{width: 720px;line-height: 30px;} .tcb-list-box img{position: absolute;top: 0px;right: 0px;} .index-aboutus{width: 1000px;margin:20px auto 50px;position: relative; overflow: hidden;height: 380px;} .index-aboutus img{position: absolute; top: 70px;right: 0px;} .about-t{font-size: 30px; color: #565656;margin: 30px 0;} .about-text{ padding-top: 0px;width: 735px; font-size: 16px;line-height: 28px;} .about-button{ display: block; width: 186px; height: 34px; background: rgba(0,175,169,0.8); line-height: 34px; text-indent: 38px; color: #fff; font-size: 14px; margin-top: 20px;position: relative;} .about-button:after{content: '>';font-size: 18px;color: #fff; line-height: 34px;position: absolute;right: 10px;} .footer-list-box ul li{line-height: 30px;}