html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus {
outline: 0;
}
a, a:link, a:visited, a:hover, a:active {
text-decoration: none;
}
a {
color: #2684ce;
}
table {
border-collapse: separate;
border-spacing: 0;
}
th, td {
text-align: left;
font-weight: normal;
}
img, iframe {
border: none;
text-decoration: none;
}
ol, ul {
list-style: none;
}
input, textarea, select, button {
font-size: 100%;
font-family: inherit;
}
hr {
margin: 0;
padding: 0;
border: 0;
color: #000;
background-color: #000;
height: 1px;
}
table {
background-color: transparent;
border-spacing: 0;
border-collapse: collapse;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
*, *:after, *:before {
box-sizing: border-box;
}
img {
max-width: 100%;
height: auto;
}
body {
font-family: "PingFangSC-Regular", "Microsoft YaHei", "Helvetica Neue", "Roboto", "Segoe UI", "sans-serif";
overflow-x: hidden;
background: #fff;
}
article, aside, dialog, footer, header, section, footer, nav, figure, menu {
display: block;
}
/* 请浮动 */
/* 文字超出隐藏 */
/* 圆角 */
/* 不使用display进行隐藏 */
.col-1 {
width: 4.166666666666667%;
float: left;
}
.col-2 {
width: 8.333333333333334%;
float: left;
}
.col-3 {
width: 12.5%;
float: left;
}
.col-4 {
width: 16.666666666666668%;
float: left;
}
.col-5 {
width: 20.833333333333336%;
float: left;
}
.col-6 {
width: 25%;
float: left;
}
.col-7 {
width: 29.166666666666668%;
float: left;
}
.col-8 {
width: 33.333333333333336%;
float: left;
}
.col-9 {
width: 37.5%;
float: left;
}
.col-10 {
width: 41.66666666666667%;
float: left;
}
.col-11 {
width: 45.833333333333336%;
float: left;
}
.col-12 {
width: 50%;
float: left;
}
.col-13 {
width: 54.16666666666667%;
float: left;
}
.col-14 {
width: 58.333333333333336%;
float: left;
}
.col-15 {
width: 62.5%;
float: left;
}
.col-16 {
width: 66.66666666666667%;
float: left;
}
.col-17 {
width: 70.83333333333334%;
float: left;
}
.col-18 {
width: 75%;
float: left;
}
.col-19 {
width: 79.16666666666667%;
float: left;
}
.col-20 {
width: 83.33333333333334%;
float: left;
}
.col-21 {
width: 87.5%;
float: left;
}
.col-22 {
width: 91.66666666666667%;
float: left;
}
.col-23 {
width: 95.83333333333334%;
float: left;
}
.col-24 {
width: 100%;
float: left;
}
.row {}
.row:before, .row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.fr {
float: right!important;
}
.fl {
float: left!important;
}
.clearfix {}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.container {
position: relative;
padding-top: 80px;
}
.container .header {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 99;
}
.header {
height: 80px;
width: 100%;
margin-bottom: 5px;
background: #fff;
}
.header .header-wrapper {
max-width: 1008px;
margin: 0 auto;
}
.header .header-wrapper .header-left {
float: left;
}
.header .header-wrapper .header-left .header-logo {
width: 142px;
height: 42px;
margin-top: 19px;
overflow: hidden;
}
.header .header-wrapper .header-left .header-logo img {
max-width: 100%;
}
.header .header-wrapper .header-right {
float: right;
}
.header .header-wrapper .header-right .header-nav {
float: right;
}
.header .header-wrapper .header-right .header-nav li {
padding: 32px 0 0 40px;
float: left;
}
.header .header-wrapper .header-right .header-nav li >a {
color: #666;
font-size: 16px;
line-height: 1;
}
.header .header-wrapper .header-right .header-nav li.current>a {
color: #4991fd;
}
.header .header-wrapper .header-right .header-nav-toggle {
display: none;
height: 28px;
padding: 1px 6px 2px;
cursor: pointer;
margin-top: 11px;
width: 34px;
background: #fff;
border: 1px solid #ccc;
border-radius: 3px;
color: #666;
}
.header .header-wrapper .header-right .header-nav-toggle span {
display: block;
width: 20px;
height: 2px;
background: #666;
border-radius: 1px;
margin-top: 3px;
}
.header .header-wrapper:before, .header .header-wrapper:after {
content: " ";
display: table;
}
.header .header-wrapper:after {
clear: both;
}
.header-mark {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 98;
background: #000000;
background: rgba(0,0,0,.4);
display: none;
}
/* 响应式 */
.footer {
padding-top: 60px;
padding-bottom: 100px;
}
.footer .footer-wrapper {
max-width: 1025px;
margin: 0 auto;
}
.footer .footer-wrapper .footer-logo {
height: 110px;
padding-top: 20px;
float: left;
text-align: center;
border-right: 1px dotted #ccc;
}
.footer .footer-wrapper .footer-logo img {
height: 72px;
width: 84px;
}
.footer .footer-wrapper .footer-address {
height: 110px;
float: left;
padding: 0 40px;
}
.footer .footer-wrapper .footer-address >h5 {
color: #333;
font-size: 16px;
margin-bottom: 20px;
}
.footer .footer-wrapper .footer-address >p {
font-size: 14px;
color: #8f8f8f;
line-height: 24px;
position: relative;
padding-left: 3em;
}
.footer .footer-wrapper .footer-address >p >span {
position: absolute;
left: 0;
top: 0;
}
.footer .footer-wrapper .footer-code {
height: 110px;
float: left;
padding: 0 10px;
}
.footer .footer-wrapper .footer-code >div {
float: left;
width: 33.333%;
}
.footer .footer-wrapper .footer-code >div >div {
width: 75px;
height: 75px;
margin: 0 auto;
overflow: hidden;
}
.footer .footer-wrapper .footer-code >div >div img {
max-width: 100%;
}
.footer .footer-wrapper .footer-code >div >span {
width: 100%;
display: block;
font-size: 14px;
text-align: center;
color: #666;
padding-top: 7px;
}
.footer .footer-wrapper .footer-copy {
width: 100%;
float: left;
margin-top: 20px;
padding-top: 13px;
border-top: 1px solid #e6e6e6;
}
.footer .footer-wrapper .footer-copy >p {
line-height: 24px;
color: #999;
font-size: 14px;
text-align: center;
}
.footer .footer-wrapper .footer-copy >p >small {
font-size: 12px;
}
.footer .footer-wrapper:before, .footer .footer-wrapper:after {
content: " ";
display: table;
}
.footer .footer-wrapper:after {
clear: both;
}
.title {
text-align: center;
}
.title h4 {
font-size: 22px;
color: #333;
line-height: 22px;
font-weight: bold;
margin-bottom: 16px;
padding-top: 30px;
}
.title h4 span {
color: #4991fd;
}
.title p {
font-size: 14px;
color: #8f8f8f;
margin-bottom: 20px;
line-height: 24px;
}
.tab-nav {
max-width: 1008px;
margin: 0 auto;
padding-top: 15px;
height: 75px;
border-bottom: 1px solid #e6e6e6;
overflow: hidden;
}
.tab-nav >div {
float: left;
margin-right: 40px;
border-bottom: 4px solid #4991fd;
height: 64px;
width: 170px\9;
cursor: pointer;
color: #4d4d4d;
transition: height .5s;
}
.tab-nav >div img {
float: left;
width: 40px;
margin-right: 13px;
}
.tab-nav >div span {
line-height: 40px;
display: inline-block;
font-size: 16px;
float: left;
}
.tab-nav >div.active {
color: #4991fd;
height: 59px;
}
.tab-nav >div:hover {
color: #4991fd;
}
.tab-body {
display: none;
}
.tab-body.active {
display: block;
}
.tab-body:nth-child(3) {}
.content.index {
overflow: hidden;
}
.content.index .section0 {
padding-top: 150px;
position: relative;
margin-bottom: 150px;
}
.content.index .section0 .section0-content {
position: relative;
z-index: 2;
max-width: 1008px;
margin: 0 auto;
}
.content.index .section0 .section0-1 h1 {
font-size: 32px;
color: #4991fd;
line-height: 40px;
margin-bottom: 16px;
font-weight: bold;
}
.content.index .section0 .section0-1 p {
font-size: 16px;
color: #757575;
line-height: 24px;
margin-bottom: 40px;
}
.content.index .section0 .section0-1 div {}
.content.index .section0 .section0-1 >img {
max-width: 247px;
width: 100%;
width: auto\9;
}
.content.index .section0 .section0-2 >img {
max-width: 438px;
width: 100%;
}
.content.index .section0 .section0-3 {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.content.index .section0 .section0-3 >img {
width: auto;
max-width: 2000px;
height: 99px;
}
.content.index .section1 {
max-width: 1008px;
margin: 0 auto;
padding-bottom: 96px;
}
.content.index .section1 .title {
text-align: left;
margin-top: 30px;
}
.content.index .section1 .section1-1 {
text-align: center;
}
.content.index .section1 .section1-1 >img {
max-width: 481px;
width: 100%;
}
.content.index .section1 .section1-2 {
text-align: center;
padding-top: 20px;
}
.content.index .section1 .section1-2 >img {
max-width: 100%;
}
.content.index .section1:before, .content.index .section1:after {
content: " ";
display: table;
}
.content.index .section1:after {
clear: both;
}
.content.index .section2 {
max-width: 1008px;
margin: 0 auto;
padding-top: 30px;
padding-bottom: 96px;
}
.content.index .section2 .title {
margin-bottom: 30px;
}
.content.index .section2 .title p {
max-width: 581px;
margin: 0 auto;
}
.content.index .section2 .section2-1 {
margin-bottom: 20px;
text-align: center;
}
.content.index .section2 .section2-1 >img {
max-width: 162px;
width: 100%;
width: auto\9;
}
.content.index .section2 .section2-2 {
text-align: center;
padding-bottom: 50px;
}
.content.index .section2 .section2-2 >div {
width: 20%;
float: left;
position: relative;
z-index: 2;
text-align: center;
}
.content.index .section2 .section2-2 >div >img {
max-width: 139px;
width: 100%;
}
.content.index .section2 .section2-2 >div.section2-2-1 {
top: 108px;
}
.content.index .section2 .section2-2 >div.section2-2-2 {
top: 28px;
}
.content.index .section2 .section2-2 >div.section2-2-4 {
top: 28px;
}
.content.index .section2 .section2-2 >div.section2-2-5 {
top: 108px;
}
.content.index .section2 .section2-3 {
text-align: center;
}
.content.index .section2 .section2-3 >img {
max-width: 816px;
width: 100%;
}
.content.index .section2:before, .content.index .section2:after {
content: " ";
display: table;
}
.content.index .section2:after {
clear: both;
}
.content.index .section3 {
max-width: 1008px;
margin: 0 auto;
padding-top: 30px;
padding-bottom: 96px;
}
.content.index .section3 .section3-2 {
text-align: right;
padding-bottom: 40px;
}
.content.index .section3 .section3-2 >img {
max-width: 244px;
width: 100%;
}
.content.index .section3 .section3-3 {
padding-top: 40px;
}
.content.index .section3 .section3-3 >div {
width: 100%;
float: left;
position: relative;
}
.content.index .section3 .section3-3 >div >img {
max-width: 80%;
}
.content.index .section3 .section3-3 >div.section3-3-1 {
text-align: right;
}
.content.index .section3 .section3-3 >div.section3-3-2 {
text-align: left;
}
.content.index .section3 .section3-3 >div.section3-3-3 {
text-align: right;
}
.content.index .section3 .section3-4 {
text-align: left;
}
.content.index .section3 .section3-4 >img {
max-width: 274px;
width: 100%;
}
.content.index .section3:before, .content.index .section3:after {
content: " ";
display: table;
}
.content.index .section3:after {
clear: both;
}
.content.index .section4 {
max-width: 1008px;
margin: 0 auto;
padding-bottom: 96px;
}
.content.index .section4 >div {
text-align: center;
}
.content.index .section4 >div >img {
max-width: 190px;
margin-bottom: 30px;
}
.content.index .section4 >div.section4-2 >h5, .content.index .section4 >div.section4-3 >h5, .content.index .section4 >div.section4-4 >h5 {
font-size: 18px;
color: #333;
text-align: center;
padding-bottom: 10px;
}
.content.index .section4 >div.section4-2 >p, .content.index .section4 >div.section4-3 >p, .content.index .section4 >div.section4-4 >p {
color: #757575;
font-size: 14px;
text-align: center;
line-height: 24px;
max-width: 256px;
margin: 0 auto;
}
.content.index .section4:before, .content.index .section4:after {
content: " ";
display: table;
}
.content.index .section4:after {
clear: both;
}
.content.index .section5 {
height: 600px;
background: url("http://www.yizhihealth.cn/yizhihealth/img/section5-bg.jpg?v=5f808a7") center 0 no-repeat;
background-size: auto 100%;
padding-top: 120px;
}
.content.index .section5 .title {
max-width: 1008px;
margin: 0 auto;
text-align: left;
margin-bottom: 48px;
}
.content.index .section5 .section5-1 {
max-width: 1008px;
margin: 0 auto;
position: relative;
}
.content.index .section5 .section5-1 div {
position: relative;
padding-left: 70px;
height: 48px;
padding-top: 4px;
margin-bottom: 30px;
}
.content.index .section5 .section5-1 div h5 {
font-size: 18px;
color: #292929;
line-height: 18px;
margin-bottom: 8px;
}
.content.index .section5 .section5-1 div p {
font-size: 14px;
color: #757575;
line-height: 14px;
}
.content.index .section5 .section5-1 img {
width: 48px;
height: 48px;
position: absolute;
left: 0;
top: 0;
}
.appliance .large {
max-height: 440px;
text-align: center;
}
.appliance .large img {
max-width: 1440px;
width: 100%;
width: auto\9;
}
.appliance .section1 {
max-width: 1032px;
padding: 0 24px;
margin: 30px auto 48px;
}
.appliance .section1 >h3 {
font-size: 22px;
color: #292929;
text-align: center;
font-weight: bold;
margin-bottom: 16px;
}
.appliance .section1 >p {
font-size: 14px;
color: #757575;
line-height: 24px;
text-align: center;
}
.appliance .section2 {
max-width: 1032px;
margin: 0 auto;
}
.appliance .section2 .goods-wrapper {
padding: 0 15px 22px;
}
.appliance .section2 .goods-wrapper .goods {
border: 1px solid #e6e6e6;
border-radius: 1px;
padding: 24px 24px 30px;
width: 33.33%\9;
float: left;
}
.appliance .section2 .goods-wrapper .goods .goods-img {
width: 100%;
height: 264px;
overflow: hidden;
margin-bottom: 15px;
}
.appliance .section2 .goods-wrapper .goods >h5 {
font-size: 16px;
color: #292929;
line-height: 16px;
text-align: center;
margin-bottom: 10px;
}
.appliance .section2 .goods-wrapper .goods >p {
font-size: 12px;
color: #757575;
line-height: 12px;
text-align: center;
}
.appliance .section3 {
display: none;
max-width: 1032px;
margin: 0 auto;
}
.appliance .section3 >div {
margin-top: 50px;
text-align: center;
padding: 20px;
}
.appliance .section3 h3 {
font-weight: bold;
margin-bottom: 50px;
font-size: 18px;
color: #292929;
text-align: left;
margin-top: 25px;
}
.appliance .section3 li {
color: #757575;
font-size: 12px;
margin-bottom: 15px;
text-align: left;
}
.products-work .large {
height: 440px;
background: url("http://www.yizhihealth.cn/yizhihealth/img/banner03.jpg?v=e2c773a") center 0 no-repeat;
background-size: auto 100%;
width: 100%;
}
.products-work .large .large-content {
max-width: 1024px;
margin: 0 auto;
}
.products-work .large .large-content .fl {
padding-top: 125px;
}
.products-work .large .large-content .fl h1 {
margin-bottom: 16px;
font-size: 44px;
color: #292929;
text-align: left;
font-weight: bold;
}
.products-work .large .large-content .fl p {
font-size: 18px;
color: #4d4d4d;
line-height: 18px;
text-align: left;
}
.products-work .large .large-content .fr {
padding-top: 110px;
padding-right: 50px;
}
.products-work .large .large-content .fr img {
width: 194px;
}
.products-work .large .large-content .fr span {
padding-top: 15px;
font-size: 18px;
color: #292929;
text-align: center;
display: block;
width: 194px;
}
.products-work .section1 {
margin-bottom: 150px;
}
.products-work .section2 {
max-width: 1008px;
margin: 0 auto 250px;
}
.products-work .section2 .title {
margin-top: 140px;
text-align: left;
}
.products-work .section2 .section2-1 img {
max-width: 548px;
width: 100%;
}
.products-work .section3 {
margin-bottom: 150px;
position: relative;
}
.products-work .section3 .section3-content {
max-width: 1008px;
margin: 0 auto;
position: relative;
z-index: 2;
}
.products-work .section3 .title {
margin-top: 40px;
text-align: left;
}
.products-work .section3 .section3-1 {
text-align: right;
}
.products-work .section3 .section3-1 img {
max-width: 449px;
width: 100%;
}
.products-work .section3 .section3-2 {
position: absolute;
width: 100%;
bottom: 0px;
left: 0;
text-align: center;
}
.products-work .section3 .section3-2 img {
max-width: 1440px;
width: 100%;
}
.products-work .section4 {
max-width: 1008px;
margin: 0 auto 50px;
}
.products-work .section4 .title {
margin-top: 140px;
text-align: left;
}
.products-work .section4 img {
max-width: 553px;
width: 100%;
}
.products-app .large {
height: 440px;
background: url("../image/banner01.jpg") center 0 no-repeat;
background-size: auto 100%;
width: 100%;
}
.products-app .large .large-content {
max-width: 1024px;
margin: 0 auto;
padding-top: 90px;
}
.products-app .large .large-content h1 {
margin-bottom: 16px;
font-size: 44px;
color: #292929;
font-weight: bold;
}
.products-app .large .large-content p {
font-size: 18px;
color: #4d4d4d;
line-height: 18px;
margin-bottom: 15px;
}
.products-app .large .large-content img {
width: 146px;
}
.products-app .large .large-content span {
padding-top: 15px;
font-size: 18px;
color: #292929;
text-align: center;
display: block;
width: 146px;
}
.products-app .section1 {
max-width: 1008px;
margin: 0 auto 150px;
}
.products-app .section1 .title img {
position: relative;
top: 7px;
left: 10px;
max-width: 121px;
/*width: 100%;*/
}
.products-app .section2 {
max-width: 1008px;
margin: 0 auto 150px;
}
.products-app .section2 .section2-1, .products-app .section2 .section2-2 {
padding-top: 160px;
}
.products-app .section2 .section2-text {
padding-left: 52px;
position: relative;
margin-bottom: 64px;
}
.products-app .section2 .section2-text img {
position: absolute;
left: 0;
top: 0;
width: 30px;
}
.products-app .section2 .section2-text h5 {
font-size: 18px;
color: #292929;
line-height: 18px;
font-weight: bold;
margin-bottom: 15px;
}
.products-app .section2 .section2-text p {
font-size: 14px;
color: #757575;
line-height: 24px;
}
.products-app .section2 .section2-3 {
text-align: center;
}
.products-app .section2 .section2-3 img {
max-width: 286px;
}
.products-app .section3 {
max-width: 1008px;
margin: 0 auto 150px;
}
.products-app .section3 .title {
margin-top: 50px;
text-align: left;
}
.products-app .section3 .section3-1 img {
max-width: 754px;
width: 100%;
}
.products-app .section4 {
max-width: 1008px;
margin: 0 auto 50px;
}
.products-app .section4 .title {
margin-top: 70px;
text-align: left;
}
.products-app .section4 .section4-1 img {
max-width: 579px;
width: 100%;
width: auto\9;
}
.products-plug .section1 {
max-width: 1008px;
padding-top: 70px;
margin: 0 auto 0px;
}
.products-plug .section1 .section1-1 {
position: relative;
z-index: 2;
}
.products-plug .section1 .section1-2 {
position: relative;
top: -140px;
}
.products-plug .section1 .section1-2 img {
max-width: 1017px;
width: 100%;
}
.products-plug .section1 h1 {
font-size: 44px;
color: #292929;
line-height: 44px;
font-weight: bold;
margin-bottom: 16px;
}
.products-plug .section1 p {
font-size: 18px;
color: #757575;
line-height: 18px;
}
.products-plug .section2 {
text-align: center;
margin: 0 auto 170px;
}
.products-plug .section2 .section2-1 img {
max-width: 729px;
width: 100%;
}
.products-plug .section3 {
max-width: 1008px;
margin: 0 auto 50px;
}
.products-plug .section3 .section3-1 {
padding-top: 40px;
}
.products-plug .section3 .section3-1 img {
width: 100%;
max-width: 317px;
}
.products-plug .section3 .section3-2 img {
max-width: 592px;
width: 100%;
}
.products-plug .section3 h5 {
font-size: 18px;
color: #292929;
text-align: left;
font-weight: bold;
margin-bottom: 16px;
}
.products-plug .section3 p {
font-size: 14px;
color: #757575;
line-height: 24px;
text-align: left;
}
.products-plug .section3:before, .products-plug .section3:after {
content: " ";
display: table;
}
.products-plug .section3:after {
clear: both;
}
.about .large {
max-height: 440px;
width: 100%;
text-align: center;
}
.about .large img {
max-width: 1440px;
width: 100%;
width: auto\9;
}
.about .section1 {
max-width: 1008px;
margin: 0 auto 200px;
}
.about .section2 {
margin-bottom: 50px;
}
.about .section2 .title img {
margin-bottom: 24px;
max-width: 186px;
width: 100%;
width: auto\9;
}
.about .section2 .title h4 {
margin-bottom: 30px;
}
.about .section2 .title h5 {
font-size: 18px;
color: #292929;
line-height: 18px;
text-align: center;
font-weight: bold;
margin-bottom: 13px;
}
.about .section2 .title p {
line-height: 28px;
}
.about .section3 {
max-width: 1008px;
margin: 0 auto 100px;
}
.about .section3 >div {
margin-bottom: 46px;
height: 250px;
}
.about .section3 h6 {
text-align: center;
font-size: 18px;
color: #292929;
line-height: 18px;
font-weight: bold;
margin-bottom: 4px;
}
.about .section3 span {
font-size: 14px;
color: #292929;
line-height: 14px;
text-align: center;
display: block;
margin-bottom: 16px;
}
.about .section3 p {
font-size: 14px;
color: #8f8f8f;
line-height: 20px;
text-align: center;
max-width: 180px;
margin: 0 auto;
}
.about .section3 .section3-img {
height: 120px;
width: 120px;
margin: 0 auto 16px;
overflow: hidden;
text-align: center;
}
.join .large {
height: 440px;
background: url("../image/banner06.jpg") center 0 no-repeat;
background-size: auto 100%;
width: 100%;
margin-bottom: 30px;
}
.join .large .large-content {
max-width: 1008px;
margin: 0 auto;
}
.join .large .large-content h1 {
font-size: 44px;
padding-top: 170px;
color: #292929;
font-weight: bold;
margin-bottom: 20px;
}
.join .large .large-content p {
color: #787878;
}
.join .section1 {
max-width: 1008px;
margin: 0 auto;
}
.join .section1 >h4 {
font-size: 22px;
color: #292929;
line-height: 22px;
font-weight: bold;
text-align: center;
margin-bottom: 40px;
}
.join .section1 >dl {
list-style: none;
padding: 0;
height: 250px;
}
.join .section1 >dl dt {
font-size: 18px;
color: #292929;
font-weight: bold;
line-height: 18px;
margin-bottom: 22px;
padding-bottom: 20px;
border-bottom: 1px solid #f0f0f0;
max-width: 251px;
}
.join .section1 >dl dd {
font-size: 14px;
color: #757575;
line-height: 14px;
margin-bottom: 16px;
}
.join .section2 {
max-width: 1008px;
margin: 0 auto 50px;
}
.join .section2 >h4 {
font-size: 22px;
color: #292929;
line-height: 22px;
font-weight: bold;
text-align: center;
margin-bottom: 40px;
}
.join .section2 >div {
margin-bottom: 20px;
}
.join .section2 >div .section2-img {
width: 96px;
height: 96px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto 24px;
}
.join .section2 >div .section2-img img {
width: 100%;
}
.join .section2 >div h6 {
font-size: 18px;
color: #292929;
line-height: 18px;
text-align: center;
margin-bottom: 16px;
}
.join .section2 >div p {
font-size: 14px;
color: #757575;
line-height: 24px;
text-align: center;
max-width: 260px;
margin: 0 auto;
}
@media (min-width: 768px) {
.col-sm-1 {
width: 4.166666666666667%;
float: left;
}
.col-sm-2 {
width: 8.333333333333334%;
float: left;
}
.col-sm-3 {
width: 12.5%;
float: left;
}
.col-sm-4 {
width: 16.666666666666668%;
float: left;
}
.col-sm-5 {
width: 20.833333333333336%;
float: left;
}
.col-sm-6 {
width: 25%;
float: left;
}
.col-sm-7 {
width: 29.166666666666668%;
float: left;
}
.col-sm-8 {
width: 33.333333333333336%;
float: left;
}
.col-sm-9 {
width: 37.5%;
float: left;
}
.col-sm-10 {
width: 41.66666666666667%;
float: left;
}
.col-sm-11 {
width: 45.833333333333336%;
float: left;
}
.col-sm-12 {
width: 50%;
float: left;
}
.col-sm-13 {
width: 54.16666666666667%;
float: left;
}
.col-sm-14 {
width: 58.333333333333336%;
float: left;
}
.col-sm-15 {
width: 62.5%;
float: left;
}
.col-sm-16 {
width: 66.66666666666667%;
float: left;
}
.col-sm-17 {
width: 70.83333333333334%;
float: left;
}
.col-sm-18 {
width: 75%;
float: left;
}
.col-sm-19 {
width: 79.16666666666667%;
float: left;
}
.col-sm-20 {
width: 83.33333333333334%;
float: left;
}
.col-sm-21 {
width: 87.5%;
float: left;
}
.col-sm-22 {
width: 91.66666666666667%;
float: left;
}
.col-sm-23 {
width: 95.83333333333334%;
float: left;
}
.col-sm-24 {
width: 100%;
float: left;
}
.header-mark {
display: none!important;
}
}
@media (min-width: 1000px) {
.col-md-1 {
width: 4.166666666666667%;
float: left;
}
.col-md-2 {
width: 8.333333333333334%;
float: left;
}
.col-md-3 {
width: 12.5%;
float: left;
}
.col-md-4 {
width: 16.666666666666668%;
float: left;
}
.col-md-5 {
width: 20.833333333333336%;
float: left;
}
.col-md-6 {
width: 25%;
float: left;
}
.col-md-7 {
width: 29.166666666666668%;
float: left;
}
.col-md-8 {
width: 33.333333333333336%;
float: left;
}
.col-md-9 {
width: 37.5%;
float: left;
}
.col-md-10 {
width: 41.66666666666667%;
float: left;
}
.col-md-11 {
width: 45.833333333333336%;
float: left;
}
.col-md-12 {
width: 50%;
float: left;
}
.col-md-13 {
width: 54.16666666666667%;
float: left;
}
.col-md-14 {
width: 58.333333333333336%;
float: left;
}
.col-md-15 {
width: 62.5%;
float: left;
}
.col-md-16 {
width: 66.66666666666667%;
float: left;
}
.col-md-17 {
width: 70.83333333333334%;
float: left;
}
.col-md-18 {
width: 75%;
float: left;
}
.col-md-19 {
width: 79.16666666666667%;
float: left;
}
.col-md-20 {
width: 83.33333333333334%;
float: left;
}
.col-md-21 {
width: 87.5%;
float: left;
}
.col-md-22 {
width: 91.66666666666667%;
float: left;
}
.col-md-23 {
width: 95.83333333333334%;
float: left;
}
.col-md-24 {
width: 100%;
float: left;
}
}
@media (min-width: 1440px) {
.col-lg-1 {
width: 4.166666666666667%;
float: left;
}
.col-lg-2 {
width: 8.333333333333334%;
float: left;
}
.col-lg-3 {
width: 12.5%;
float: left;
}
.col-lg-4 {
width: 16.666666666666668%;
float: left;
}
.col-lg-5 {
width: 20.833333333333336%;
float: left;
}
.col-lg-6 {
width: 25%;
float: left;
}
.col-lg-7 {
width: 29.166666666666668%;
float: left;
}
.col-lg-8 {
width: 33.333333333333336%;
float: left;
}
.col-lg-9 {
width: 37.5%;
float: left;
}
.col-lg-10 {
width: 41.66666666666667%;
float: left;
}
.col-lg-11 {
width: 45.833333333333336%;
float: left;
}
.col-lg-12 {
width: 50%;
float: left;
}
.col-lg-13 {
width: 54.16666666666667%;
float: left;
}
.col-lg-14 {
width: 58.333333333333336%;
float: left;
}
.col-lg-15 {
width: 62.5%;
float: left;
}
.col-lg-16 {
width: 66.66666666666667%;
float: left;
}
.col-lg-17 {
width: 70.83333333333334%;
float: left;
}
.col-lg-18 {
width: 75%;
float: left;
}
.col-lg-19 {
width: 79.16666666666667%;
float: left;
}
.col-lg-20 {
width: 83.33333333333334%;
float: left;
}
.col-lg-21 {
width: 87.5%;
float: left;
}
.col-lg-22 {
width: 91.66666666666667%;
float: left;
}
.col-lg-23 {
width: 95.83333333333334%;
float: left;
}
.col-lg-24 {
width: 100%;
float: left;
}
}
@media (max-width: 768px) {
.col-xs-1 {
width: 4.166666666666667%;
float: left;
}
.col-xs-2 {
width: 8.333333333333334%;
float: left;
}
.col-xs-3 {
width: 12.5%;
float: left;
}
.col-xs-4 {
width: 16.666666666666668%;
float: left;
}
.col-xs-5 {
width: 20.833333333333336%;
float: left;
}
.col-xs-6 {
width: 25%;
float: left;
}
.col-xs-7 {
width: 29.166666666666668%;
float: left;
}
.col-xs-8 {
width: 33.333333333333336%;
float: left;
}
.col-xs-9 {
width: 37.5%;
float: left;
}
.col-xs-10 {
width: 41.66666666666667%;
float: left;
}
.col-xs-11 {
width: 45.833333333333336%;
float: left;
}
.col-xs-12 {
width: 50%;
float: left;
}
.col-xs-13 {
width: 54.16666666666667%;
float: left;
}
.col-xs-14 {
width: 58.333333333333336%;
float: left;
}
.col-xs-15 {
width: 62.5%;
float: left;
}
.col-xs-16 {
width: 66.66666666666667%;
float: left;
}
.col-xs-17 {
width: 70.83333333333334%;
float: left;
}
.col-xs-18 {
width: 75%;
float: left;
}
.col-xs-19 {
width: 79.16666666666667%;
float: left;
}
.col-xs-20 {
width: 83.33333333333334%;
float: left;
}
.col-xs-21 {
width: 87.5%;
float: left;
}
.col-xs-22 {
width: 91.66666666666667%;
float: left;
}
.col-xs-23 {
width: 95.83333333333334%;
float: left;
}
.col-xs-24 {
width: 100%;
float: left;
}
.container {
padding-top: 50px;
}
.header {
height: 50px;
}
.header .header-wrapper {
padding: 0 15px;
position: relative;
}
.header .header-wrapper .header-left .header-logo {
margin-top: 4px;
}
.header .header-wrapper .header-right .header-nav {
display: none;
position: absolute;
left: 0;
width: 100%;
top: 50px;
z-index: 9;
background: #fff;
box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);
}
.header .header-wrapper .header-right .header-nav li {
width: 100%;
padding: 0;
height: 36px;
}
.header .header-wrapper .header-right .header-nav li >a {
width: 100%;
display: block;
height: 100%;
line-height: 36px;
text-align: center;
}
.header .header-wrapper .header-right .header-nav li.current>a {
color: #fff;
background: #4991fd;
}
.header .header-wrapper .header-right .header-nav-toggle {
display: block;
}
.footer .footer-wrapper .footer-logo {
border-right: 0;
margin-bottom: 20px;
}
.footer .footer-wrapper .footer-address {
border-right: 0;
margin-bottom: 60px;
}
.footer .footer-wrapper .footer-copy >p {
line-height: 20px;
padding: 0 20px;
font-size: 12px;
}
.footer .footer-wrapper .footer-address >p {
font-size: 12px;
}
.footer .footer-wrapper .footer-code >div {
padding: 0 ;
}
.footer .footer-wrapper .footer-code >div >div {
margin: 0 auto;
}
.footer .footer-wrapper .footer-code >div >span {
font-size: 12px;
}
.tab-nav {
padding-left: 15px;
padding-right: 15px;
height: 100px;
}
.tab-nav >div {
margin-right: 0;
width: 33.3%;
text-align: center;
height: 88px;
}
.tab-nav >div span {
float: none;
display: block;
}
.tab-nav >div img {
float: none;
margin: 0;
}
.tab-nav >div.active {
height: 84px;
}
.content.index .banner {
margin-bottom: 0;
}
.content.index .section0-2 {
padding-top: 40px;
}
.content.index .section0-2 {}
.content.index .section0, .content.index .section1, .content.index .section2, .content.index .section3, .content.index .section4 {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
.content.index .section0 {
padding-top: 50px;
margin-bottom: 0;
padding-bottom: 0;
}
.content.index .title {
text-align: center!important;
}
.content.index .content.index .section4 >div >img {
margin-bottom: 0;
}
.content.index .section2 .section2-2 >div {
width: 50%;
top: 0!important;
margin-bottom: 20px;
}
.content.index .section2 .section2-2 {
padding-bottom: 0;
}
.content.index .section3 .section3-1 >h2 {
font-size: 18px;
}
.content.index .section3 .section3-1 >p {
font-size: 14px;
line-height: 20px;
}
.content.index .section2 .section2-1 >h2 {
font-size: 18px;
}
.content.index .section2 .section2-1 >p {
font-size: 14px;
line-height: 20px;
}
.content.index .section2 .section2-3 {}
.content.index .section3 .section3-3 {
padding-top: 30px;
}
.content.index .section4>div.section4-1 >h2 {
font-size: 18px;
}
.content.index .section4>div.section4-1 >p {
font-size: 14px;
line-height: 20px;
}
.content.index .section4 >div >img {
margin-bottom: 0;
}
.content.index .section4>div {
padding-top: 10px;
}
.content.index .section4 >div.section4-2 >h5, .content.index .section4 >div.section4-3 >h5, .content.index .section4 >div.section4-4 >h5 {
font-size: 14px;
}
.content.index .section4 >div.section4-2 >p, .content.index .section4 >div.section4-3 >p, .content.index .section4 >div.section4-4 >p {
font-size: 12px;
}
.content.index .section5 {
height: 400px;
padding: 20px 25px;
background-size: auto 400px;
background-position: 60% 0;
}
.content.index .section5 .title {
text-align: left!important;
}
.content.index .section5 .section5-1>div {
width: 70%;
}
.content.index .section5 .section5-1>div h5 {
font-size: 14px;
}
.content.index .section5 .section5-1>div p {
font-size: 12px;
}
.products-work .section1, .products-work .section2, .products-work .section4, .products-work .section3 {
padding-left: 25px;
padding-right: 25px;
margin-bottom: 50px;
}
.products-work .title {
text-align: center!important;
float: left!important;
margin-top: 0!important;
}
.products-work .large .large-content {
padding: 0 25px;
}
.products-work .large .large-content .fl {
padding-top: 50px;
width: 100%;
}
.products-work .large .large-content .fl h1 {
text-align: center;
font-size: 28px;
}
.products-work .large .large-content .fl p {
text-align: center;
font-size: 16px;
}
.products-work .large .large-content .fr {
padding-top: 50px;
padding-right: 0;
width: 100%;
text-align: center;
}
.products-work .large .large-content .fr img {
width: 150px;
}
.products-work .large .large-content .fr span {
margin-left: auto;
margin-right: auto;
font-size: 16px;
}
.products-app .section1, .products-app .section2, .products-app .section4, .products-app .section3 {
padding-left: 25px;
padding-right: 25px;
margin-bottom: 50px;
}
.products-app .section4 {
margin-bottom: 0;
}
.products-app .title {
text-align: center!important;
float: left!important;
margin-top: 0!important;
width: 100%;
}
.products-app .section2 .section2-1, .products-app .section2 .section2-2 {
padding-top: 0;
}
.products-app .section2 .section2-text {
height: 170px;
margin-bottom: 10px;
}
.products-app .section2 .section2-text p {
line-height: 20px;
}
.products-app .large {
background-position: 70% 0;
}
.products-app .large .large-content {
padding: 50px 25px;
}
.products-app .large .large-content h1 {
font-size: 28px;
}
.products-app .large .large-content p {
font-size: 16px;
width: 120px;
text-align: center;
margin-bottom: 50px;
}
.products-app .large .large-content img {
width: 120px;
}
.products-app .large .large-content span {
font-size: 16px;
width: 120px;
}
.products-plug .section1, .products-plug .section2, .products-plug .section4, .products-plug .section3 {
padding-left: 25px;
padding-right: 25px;
margin-bottom: 50px;
}
.products-plug .section1 h1 {
font-size: 22px;
line-height: 22px;
margin-bottom: 16px;
}
.products-plug .section1 p {
font-size: 14px;
}
.products-plug .section1 .section1-2 {
top: 0px;
}
.products-plug .section4 {
margin-bottom: 0;
}
.products-plug .title {
text-align: center!important;
float: left!important;
margin-top: 0!important;
width: 100%;
}
.products-plug .section2 .section2-1, .products-plug .section2 .section2-2 {
padding-top: 0;
}
.products-plug .section2 .section2-text {
height: 170px;
margin-bottom: 10px;
}
.about .section1, .about .section2, .about .section3 {
padding-left: 25px;
padding-right: 25px;
margin-bottom: 0px;
}
.about .large .large-content h1 {
text-align: center;
}
.join .section1, .join .section2 {
padding-left: 25px;
padding-right: 25px;
margin-bottom: 0px;
}
.join .section1 dl {
height: 270px;
}
.join .section1 dl dd {
font-size: 12px;
}
.join .large {
background-position: 84%;
}
.join .large .large-content h1 {
font-size: 30px;
padding-top: 100px;
text-align: center;
}
.join .large .large-content p {
text-align: center;
}
}
@media (max-width: 500px) {
.products-plug .section1 .section1-2 {
top: 0px;
}
}
@media (max-width: 370px) {
.about .section3 span {
font-size: 12px;
}
.about .section3 p {
font-size: 12px;
}
.about .section3 p br {
display: none;
}
}
.container {
padding-top: 0px;
}