html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} ul{list-style:none;} button,input,select,textarea{margin:0;} html{box-sizing:border-box;} *,*:before,*:after{box-sizing:inherit;} img,embed,iframe,object,audio,video{height:auto;max-width:100%;} iframe{border:0;} table{border-collapse:collapse;border-spacing:0;} td,th{padding:0;text-align:left;} .clearfix:after{ display: block; clear: both; content: “”; visibility: hidden; height: 0; } .clearfix{ zoom:1; } html{height:100%;font-size:24px;} body{padding:0;margin:0;z-index:1;width:100%;color:#363636;} .footer{padding:1.2rem 0;background-color:#152B5A;} .footer .copyright{text-align:center;font-size:.9em;color:#ffffff;} .copyright a{color:#0C96D5;} .right-item{width: 815px;} img{border:none;} a {outline:0;text-decoration:none;} .crb{clear:both;} .fl{float: left;} .fr{float: right;} .dis-flex{display: -ms-flexbox;display: flex; -ms-flex-align: center;align-items: center; -ms-flex-pack: center;justify-content: center;} .main{background:#152B5A url(https://img1.tongtool.com/r/template/images/NEW-00046bg.jpg) no-repeat top center;background-size: contain;} .header{padding: 25px 0;} .header .top{height: 120px;position:relative;} .header .logo{width:280px;height: 80px;margin:20px 0;} .header .logo img{max-width: 100%; max-height: 100%;} .header .icon{height: 40px;position:absolute;right:0;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);} .header .icon div{width:170px;display:inline-block; float: left;font-size: 16px;line-height: 40px;color: #FFFFFF;background-color: #01479D50;border-radius: 30px;text-align:center;} .header .icon div:nth-of-type(2){margin:0 25px;} .header .icon div img{max-height: 100%;vertical-align: middle;margin-right: 5px;} .h-nav{height: 45px;background-color: #01479D;} .h-nav .ul-list{font-size: 16px;line-height: 45px;padding: 0 60px;color:#ffffff;} .h-nav .ul-list li{float: left; cursor: pointer;text-align: center;padding:0 50px;} .center_container{width: 100%;margin: 0 auto;padding-top:45px;background-color: #ffffff;} .center_container_in{padding:0 25px;} .s-box{width: 258px;margin-bottom: 20px;} .s-box h3{width: 100%;height: 40px;line-height: 40px;padding-left: 20px;margin:0;font-size: 14px;color: #FFFFFF;background-color:#00A0EA;} .s-box .nav-list{padding: 10px;background-color:#E9F3FD;} .s-box .nav-list .item{line-height: 40px;cursor: pointer; font-size: 14px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .s-box .nav-list .item:before{ width: 5px;height: 10px;margin:16px 10px 0 10px;float: left; border-top: 5px solid transparent; border-left: 5px solid #ccc; border-bottom: 5px solid transparent; content: ”;font-size: 0;} .s-box .nav-list .item:hover{background: #b1d8ff;} .s-box .nav-list .item:hover:before{ border-left: 5px solid #515151;} .s-box-2{width: 258px;margin-bottom: 20px;} .s-box-2 h3{width: 100%;font-size: 14px;color:#ffffff;height: 40px;line-height: 40px;padding-left: 20px;background-color:#00A0EA;} .s-box-2 .ul-list{background-color:#E9F3FD;} .s-box-2 .ul-list .item{padding: 10px 5px;} .ul-list .item .currency { padding-left: 5px; } .ul-list .item .price { color: #e70808; font-family: MicrosoftYaHei; font-size: 16px; padding: 0 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align:center; } .ul-list .item .desc{ margin-top: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 12px; text-align:center; overflow: hidden;padding: 0 10px;line-height: 20px;margin-bottom: 7px;cursor: pointer;} .ul-list .item .desc:hover{text-decoration: underline;} .img-box { width: 100%; height: 100%; text-align: center; } .img-box img { margin: 0 auto; max-height: 100%; max-width: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .hei-211{height: 207px;} .center_container .g-box .list .item .img-box{height:167px;} .center_container .g-box .list .item .desc{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 11px; overflow: hidden;padding: 0 14px;line-height: 16px;cursor:pointer;margin-bottom: 7px;} .img-c{background-color: #FFFFFF;padding-bottom:50px;} .img-c .top-tit{font-size: 24px;font-weight:bold;color: #222222;padding: 18px 0 20px 0;text-align: center;} .img-c .imgs .banner{width:100%;} .img-c .imgs .sliderPic label{width: 85px;height: 85px;margin:5px;padding: 5px;border: 2px solid #ddd;background: #fff;transition: 0.2s all ease-out;} .img-c .imgs .sliderPic label:hover{border: 2px solid #009FE9;} .img-c .imgs .bigPic{height:502px;margin:0 auto 25px;text-align: center;} .bigPic img,.sliderPic img { margin: 0 auto; max-height: 100%; max-width: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .flatBigPic{margin:0 auto;width:100%;text-align: center;display: none;} .bigPic img,.sliderPic img { margin: 0 auto; max-height: 100%; max-width: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .flatBigPic{margin:0 auto;width:100%;text-align: center;display: none;} .banner input{display: none;} .bigPic div{height: 100%;display: none;} .tab_container input{display: none;} #tongtool-tab-rdi-1:checked ~ .tab_content #tongtool-tab-1{display: block;} #tongtool-tab-rdi-1:checked ~ .tab ul #tongtool-tab-li-1{background-color:#01479D;} #tongtool-tab-rdi-2:checked ~ .tab_content #tongtool-tab-2{display: block;} #tongtool-tab-rdi-2:checked ~ .tab ul #tongtool-tab-li-2{background-color:#01479D;} #tongtool-tab-rdi-3:checked ~ .tab_content #tongtool-tab-3{display: block;} #tongtool-tab-rdi-3:checked ~ .tab ul #tongtool-tab-li-3{background-color:#01479D;} #tongtool-tab-rdi-4:checked ~ .tab_content #tongtool-tab-4{display: block;} #tongtool-tab-rdi-4:checked ~ .tab ul #tongtool-tab-li-4{background-color:#01479D;} #tongtool-tab-rdi-5:checked ~ .tab_content #tongtool-tab-5{display: block;} #tongtool-tab-rdi-5:checked ~ .tab ul #tongtool-tab-li-5{background-color:#01479D;} .tab1{display:none;} .tab1 .titlebar{background-color:#00A0EA;font-size:12px;height: 36px;line-height: 36px;color: #ffffff;text-align:center;} .text-box{box-sizing: content-box;margin-top: 12px;background-color: #ffffff;} .text-box .titlebar{font-size:16px;height: 36px;line-height: 36px;color: #ffffff;padding-left: 20px;background-color:#00A0EA;} .text-box .text{padding:20px;font-size: 14px;line-height: 1.8em;color:#7b878e;} .text-box .text h4{color: #666666;font-weight:bold;font-size: 16px;line-height: 1.5em;} .tab_container{ margin: 12px 0 10pt 0;background-color: #ffffff;} .content{display:none;padding:20px;font-size: 14px;line-height: 1.8em;color:#7b878e;} .tab_container .tab_content{background-color: #ffffff;min-height: 435px;} .tab_container .tab{width:100%;height: 36px;overflow:hidden;text-align:center;} .tab_container .tab li{width:159px;height: 36px;line-height: 36px;font-size: 14px;float: left;background-color:#00A0EA;color: #ffffff;} .tab_container .tab li:nth-of-type(1){margin-right:5px;} .tab_container .tab li:nth-of-type(2){margin-right:5px;} .tab_container .tab li:nth-of-type(3){margin-right:5px;} .tab_container .tab li:nth-of-type(4){margin-right:5px;} .tab_container .tab li label{width: 100%;height: 100%;display: inline-block;margin-bottom: 0;cursor: pointer;font-weight:normal;} .specialRelate .tongtool-related{margin:0;padding:0;width:100%;} .specialRelate .tongtool-related ul{width:100%;list-style-type:none;padding:0px;margin:0px auto;} .specialRelate .tongtool-related ul li{padding: 10px 5px; margin-top: 20px;list-style-type:none;position:relative;width: 100% !important;} .specialRelate .tongtool-related ul li a{margin:5px;} .specialRelate .tongtool-related .pic{display:table-cell; vertical-align:middle; text-align:center; overflow:hidden;border:solid 0px #fff;} .specialRelate .tongtool-related .pic img{width:100%;} .specialRelate .tongtool-related .item{background-color:#fff;margin:2px;padding: 10px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);} .specialRelate .tongtool-related .title{word-wrap:break-word;font-size:12px;line-height:13px;height:27px;overflow: hidden;text-decoration: none;width:96%;word-wrap: break-word;margin:5px 0;} .specialRelate .tongtool-related .title a{text-decoration: none;color:#333;} .specialRelate .tongtool-related ul li:hover .title a{text-decoration:underline;color:#111; } .specialRelate .tongtool-related .price{color:#666;font-family: Arial;font-size: 11px;font-weight: normal;height:29px;line-height:14px;} .specialRelate .tongtool-related .price b{color:red;cursor: pointer;font-size: 13px;font-weight: bold;} .specialRelate .tongtool-related .price span{color: #777777;cursor: pointer;font-size: 12px;font-weight: normal;text-decoration: line-through;} .specialRelate .tongtool-related .shipping{color:#666;font-family: Verdana,sans-serif !important;font-size: 11px;font-weight: normal;line-height: 13px;min-height: 13px;} .tongtool-tag-off{ width:50px;height:50px; background:url(https://img1.tongtool.com/v/template/img/tag-off.gif) no-repeat; position:absolute; top:-4px;left:2px; z-index:99; text-align:center; color:#fff; font-size:0.875em; } .tongtool-tag-off span{display:inline-block; margin-top:5px; line-height:15px;} @media screen and (max-width: 960px){ html{font-size: 12px;} .fl{float: none;} .fr{float: none;} .header{height: 122px;padding:0;margin-top: 0;background-position: center;background-size: auto;text-align: center;} .header .logo{height: 100%;position: static;margin:0 auto;border:none;} .header img{position: relative;max-height: 100%;left: auto;top: 50%;transform: translateY(-50%);} .container{padding:0;} .right-item{width: auto;background:none;} .img-c{margin: 10px;} .img-c .top-tit{font-size: 14px;} .h-nav,.icon,.description,.s-box,.banner{display:none;} .center_container{width: 100%;padding-top:10px;} .center_container_in{padding:0;} .titlebar{font-size:1.5rem;} .ul-list li {text-align: center;margin-bottom: 10px;} .text-box{margin: 10px;} .text-box .text{padding: 10px 5px;} .content{display: block;padding: 10px;} .tab_container{display: none;} .tab1{display: block;margin: 10px 10px 0;background-color:#ffffff;} .text-box .titlebar, .tab1 .titlebar{border-bottom-width: 2px;} .center_container .s-box-2{width: auto;margin: 10px 0 0;padding: 10px;} .center_container .s-box-2 .h3{margin: 0 auto;text-align: center;border-bottom-width: 2px;} .center_container .s-box-2 .ul-list{background-color:#ffffff;} .center_container .s-box-2 .ul-list li{width: auto;padding: 0;float:none;padding-top: 10px;} .flatBigPic{display:block;} .flatBigPic ul{list-style:none;margin:0;padding:0;} .flatBigPic li{display: inline-block;width:98%;margin:.25rem 0 0 0;} .flatBigPic li div{text-align:center;width:100%;} .flatBigPic li img{max-width:100%;max-height:480px;} }