@font-face { font-family: 'NotoSansHans-Regular'; src: url(../../fonts/SourceHanSansCN-Regular.otf); } body { font-family: Arial, "微软雅黑" /*"NotoSansHans-Regular"*/; min-width: 320px; overflow-x: hidden; } h1, h2, h3, h4, h5, a, p{ transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; } h1, h2, h3, h4, h5, p { margin: 0; } ul{ padding: 0; margin: 0; list-style: none; font-size: 0; } ul>li{ font-size: 14px; } p, a { font-size: 14px; text-decoration: none; } .over-img{ overflow: hidden; } .eli-padd { padding-left: 0; padding-right: 0; } .xysimg{ height: 0; position: relative; overflow: hidden; } .xysimg img{ position: static; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width: auto; max-height: 100%; display: block; } .xysimg2{ height: 0; position: relative; overflow: hidden; } .xysimg2 img{ position: static; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); max-width: 100%; height: auto; display: block; } .default-bg{ background-color: #f6f6f8; } .default-bg-white{ background-color: #fff; } .default-padd{ padding-left: 15px; padding-right: 15px; } .default-container{ max-width: 1140px; margin: 0 auto; } /*编辑版开始*/ .bjb{ padding-top: 30px; padding-bottom: 30px; font-size: 14px; } .bjb img{ max-width: 100%; height: auto; } .bjb h1, .bjb h2, .bjb h3, .bjb h4, .bjb h5, .bjb p{ color: #333333; } .bjb p{ line-height: 2em; font-size: 14px; } @media screen and (max-width: 767px) { .bjb{ padding-top: 20px; padding-bottom: 20px; } } /*编辑版结束*/ @media screen and (min-width: 1200px) { .hidden-xl { display: none !important; opacity: 0; visibility: hidden; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-lg { display: none !important; opacity: 0; visibility: hidden; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-md { display: none !important; opacity: 0; visibility: hidden; } } @media (min-width: 576px) and (max-width: 767px) { .hidden-sm { display: none !important; opacity: 0; visibility: hidden; } } @media screen and (max-width: 575px) { .hidden-xs { display: none !important; opacity: 0; visibility: hidden; } } /*边距*/ .padd-top-15px{ padding-top: 15px; } .padd-bottom-80px{ padding-bottom: 80px; } .padd-tb-30px{ padding-top: 30px; padding-bottom: 30px; } .padd-tb-60px{ padding-top: 60px; padding-bottom: 60px; } .padd-tb-15px{ padding-top: 15px; padding-bottom: 15px; } .padd-lr-50px{ padding-left: 50px; padding-right: 50px; } .ny-right-left-15px{ margin-left: 15px; } .padd-top-30px{ padding-top: 30px; } .padd-bottom-30px{ padding-bottom: 30px; } @media screen and (max-width: 1440px) { .padd-bottom-80px{ padding-bottom: 70px; } } @media screen and (max-width: 1280px) { .padd-bottom-80px{ padding-bottom: 60px; } .padd-tb-60px{ padding-top: 50px; padding-bottom: 50px; } } @media screen and (max-width: 1199px) { .padd-bottom-80px{ padding-bottom: 50px; } .padd-tb-60px{ padding-top: 40px; padding-bottom: 40px; } } @media screen and (max-width: 991px) { .padd-tb-30px{ padding-top: 20px; padding-bottom: 20px; } .padd-lr-50px{ padding-left: 30px; padding-right: 30px; } .padd-bottom-80px{ padding-bottom: 40px; } .padd-tb-60px{ padding-top: 30px; padding-bottom: 30px; } } @media screen and (max-width: 767px) { .ny-right-left-15px{ margin-left: 0px; } .padd-tb-30px{ padding-top: 20px; padding-bottom: 20px; } .padd-lr-50px{ padding-left: 15px; padding-right: 15px; } .padd-bottom-80px{ padding-bottom: 0px; } .padd-tb-60px{ padding-top: 20px; padding-bottom: 20px; } } /*边距 end*/ /*响应式盒子*/ .col-box-row{ font-size: 0; display: block; } .col-box-5{ font-size: 14px; display: inline-block; width: 20%; } @media screen and (max-width: 991px) { .col-box-5{ width: 25%; } } @media screen and (max-width: 767px) { .col-box-5{ width: 33.333%; } } @media screen and (max-width: 565px) { .col-box-5{ width: 50%; } } /*响应式盒子 end*/ /*默认*/ #ts{ display: block; } #ts-show-box{ display: none; } /*默认 end*/