h1, h2, h3, h4 { font-size: 12px;line-height:1.5; } #play,#play *{ box-sizing: border-box; } .tou .logo { line-height: 92px; } .tou .dh { padding-left: 60px; background: url(/uploads/image/tdimages/dh.png) no-repeat 0 50%; margin-top: 20px; } .tou .dh p { font-size: 18px; color: #4d4d4d; } .tou .dh p:nth-child(2) { color: #373737; font-size: 24px; font-weight: 600; } .dao { background: #c41f2a; height: 67px; } h2.bt { font-weight: 600; text-align: center; font-size: 36px; color: #333333; } @media (max-width: 500px) { h2.bt { font-size: 28px; } } h2.bt span { color: #be131b; } h2.bt b { color: #000; } h2.bt p { font-size: 16px; color: #666666; font-weight: 500; margin-top: 7px; } .c1 { margin-top: 48px; padding-bottom: 3vw; background: url(/uploads/image/tdimages/c1.png) no-repeat 50% 100%; } .c1 .list1 { margin-top: 34px; display: flex; justify-content: center; flex-wrap: wrap; text-align: center; margin-bottom: 54px; } .hghga_ah,.x-region{ margin-top: 1em; } @media (max-width: 500px) { .c1 .list1 { margin-bottom: 30px; } } .c1 .list1 li { line-height: 51px; font-size: 18px; padding: 0 0.78125vw; width: 17%; } @media (max-width: 990px) { #m_div,.x-seo { display: none; } } @media (max-width: 1450px) { .c1 .list1 li { width: 20%; } } @media (max-width: 500px) { .c1 .list1 li { width: 33.333%; font-size: 14px; line-height: 40px; margin-bottom: 10px; } } .c1 .list1 li a { border: 1px solid #d5d5d5; display: block; color: #383838; } .c1 .list1 li:hover { background: #c41f2a; } .c1 .list1 li:hover a { color: #fff; border: 1px solid #c41f2a; } .c1 .content .list2 { width: 39.5%; padding: 0 15px; } @media (max-width: 1025px) { .c1 .content .list2 { display: none; } } .c1 .content .list2 li a { border: 1px solid #ededed; display: block; } .c1 .content .list2 li .img img { width: 100%; } .c1 .content .list2 li h3 { line-height: 69px; border-top: 1px solid #ededed; color: #5a5a5a; padding-left: 1.25vw; font-size: 18px; background: url(/uploads/image/tdimages/ck.jpg) no-repeat 96% 50% #fff; } .c1 .content .list3 { width: 60.5%; padding: 0 15px; } @media (max-width: 1025px) { .c1 .content .list3 { width: 100%; } } .c1 .content .list3 li a { border: 1px solid #ededed; display: block; margin-bottom: 15px; } .c1 .content .list3 li .img img { width: 100%; } .c1 .content .list3 li h3 { line-height: 33px; border-top: 1px solid #ededed; color: #5a5a5a; padding-left: 0.729vw; font-size: 14px; background: url(/uploads/image/tdimages/ck1.png) no-repeat 96% 50% #fff; } .c1 .content .list3 li:hover h3 { background: url(/uploads/image/tdimages/ck1h.png) no-repeat 96% 50% #c41f2a; color: #fff;border-top: 1px solid #c41f2a; } .c2 { background: url(/uploads/image/tdimages/c2.png) no-repeat 50% 0; background-size: cover; padding-top: 46px; padding-bottom: 60px; } .c2 h2.bt { color: #fff; } .c2 h2.bt b { color: #fff; } .c2 h2.bt p { color: #fff; } .c2 .list2 { display: flex; justify-content: center; text-align: center; margin-top: 56px; flex-wrap: wrap; } .c2 .list2 li { padding: 0 0.9375vw; } @media (max-width: 700px) { .c2 .list2 li { margin-bottom: 20px; } .c2 .list2 li:last-child { margin-bottom: 0; } } .c2 .list2 li a { display: block; background: #fff; padding: 34px 44px 30px; } @media (max-width: 1025px) { .c2 .list2 li a { padding: 30px 20px; } } .c2 .list2 li .zix { width: 65px; line-height: 58px; background: url(/uploads/image/tdimages/m.png) no-repeat 0 50%; text-align: center; font-size: 30px; color: #be131b; font-weight: 600; margin: 0 auto; } .c2 .list2 li h3 { margin-top: 24px; line-height: 32px; font-size: 16px; font-weight: 600; color: #5a5a5a; } .c2 .list2 li dd { margin-top: 8px; font-size: 14px; line-height: 24px; color: #5a5a5a; } .c2 .list2 li:hover a { background: #be131b; } .c2 .list2 li:hover .zix { background: url(/uploads/image/tdimages/mh.png) no-repeat 0 50%; color: #fff; } .c2 .list2 li:hover h3 { color: #fff; } .c2 .list2 li:hover dd { color: #fff; } .c3 { margin-top: 58px; margin-bottom: 18px; padding-bottom: 52px; background: url(/uploads/image/tdimages/c3.png) no-repeat 50% 100%; } @media (max-width: 500px) { .c3 { padding-bottom: 20px; } } .c3 .content { position: relative; margin-top: 40px; } .c3 .content .list2 { display: flex; justify-content: space-between; text-align: center; flex-wrap: wrap; } .c3 .content .list2 li { width: 43%; } .c3 .content .list2 li .img img { width: 100%; } @media (max-width: 780px) { .c3 .content .list2 li { width: 50%; } } .c3 .content .list3 { width: 14%; height: 100%; position: absolute; left: 43%; top: 0; text-align: center; border: 1px solid #ededed; background: #fff; } @media (max-width: 780px) { .c3 .content .list3 { width: 100%; position: relative; left: 0; top: auto; height: auto; display: flex; flex-wrap: wrap; } } .c3 .content .list3 li { height: 25%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-bottom: 1px solid #ededed; background: url(/uploads/image/tdimages/xian.png) no-repeat 50% 100%; } @media (max-width: 780px) { .c3 .content .list3 li { width: 25%; height: auto; padding: 20px 0; border-bottom: none; border-right: 1px solid #ededed; } .c3 .content .list3 li:last-child { border-right: none; } } .c3 .content .list3 li dd { margin-top: 14px; font-size: 18px; font-weight: 600; color: #515151; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .c3 .content .list3 li:last-child { border-bottom: none; } .hf { text-align: center; } .hf img { max-width: 100% !important; height: auto !important; } .c4 { background: url(/uploads/image/tdimages/c5.png) no-repeat 50% 0; padding-top: 34px; padding-bottom: 22px; background-size: cover; } .c4 h2 { text-align: center; font-weight: 600; color: #fff; font-size: 27.72px; margin-bottom: 28px; } @media (max-width: 500px) { .c4 h2 { font-size: 20px; line-height: 1.4; } } .c4 .content { background: #fff; max-width: 1057px; min-height: 159px; padding: 25px; margin: 0 auto; } .c4 .content .lyb .ww1 .ww2 { padding: 0 7px; } @media (max-width: 780px) { .c4 .content .lyb .ww1 .ww2 { margin-bottom: 20px; } } .c4 .content .lyb .ww1 .ww2 input { line-height: 39px; width: 100%; border: 1px solid #d6d6d6; text-indent: 15px; background: none; } .c4 .content .lyb .ww1 .ww2 input::-webkit-input-placeholder { color: #b0b0b0; } .c4 .content .lyb .ww1 .ww3 { line-height: 39px; padding: 0 7px; } @media (max-width: 780px) { .c4 .content .lyb .ww1 .ww3 { margin-bottom: 20px; } } .c4 .content .lyb .ww1 .ww3 .lk { border: 1px solid #d6d6d6; } .c4 .content .lyb .ww1 .ww3 #checkcode { text-indent: 15px; border: none; background: none; text-indent: 15px; border: none; background: none; width: calc(100% - 126px); vertical-align: middle; } .c4 .content .lyb .ww1 .ww3 #checkcode::-webkit-input-placeholder { color: #b0b0b0; } .c4 .content .lyb .ww4 { margin-top: 24px; } @media (max-width: 780px) { .c4 .content .lyb .ww4 { margin-top: 0; } } .c4 .content .lyb .ww4 .ww4-1 { padding: 0 7px; } @media (max-width: 780px) { .c4 .content .lyb .ww4 .ww4-1 { margin-bottom: 20px; } } .c4 .content .lyb .ww4 .ww4-1 input { line-height: 39px; border: 1px solid #d6d6d6; text-indent: 15px; background: none; width: 100%; height: 41px; } .c4 .content .lyb .ww4 .ww4-1 input::-webkit-input-placeholder { color: #b0b0b0; } .c4 .content .lyb .ww4 .ww4-2 { padding: 0 7px; } .c4 .content .lyb .ww4 .ww4-2 .submitx { width: 100%; background: #be131b; text-align: center; font-size: 18px; color: #fff; border: 1px solid #be131b; line-height: 39px; height: 41px; } .uahh dt { font-size: 16px; color: #fff; margin-bottom: 1.43em; font-weight: 500; } @media(max-width: 500px) { .c3 .content .list3 li dd { font-size:14px; } } .n_banner { width: 100%; margin: 0 auto; font-size: 0; } .n_banner img{ width: 100%; } .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} .page-wrap-right .content{ padding: 2em 0; } .xypg-right-content img{ max-width: 100%; height: auto !important; } .product-tab li{ line-height: 28px; height: 28px; text-align: left; margin-top: 10px; display: block; padding-left: 10px; font-size: 15px; border-bottom: 1px solid #b57c4b; } .page-wrap{ overflow-x: hidden; } /*手机底部*/ @media (max-width:990px){ .db{display:block!important;} } .dbb{height:50px;} /* 页脚 */ .footer { position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; background: #be131b; } .footer ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; color: #ffffff; line-height: 30px;padding:10px 0; font-size: 0; } .footer ul li.active { background: #da251c; } .footer ul li a { display: block;color:#fff; } .footer ul li .iconfont { font-size: 18px; display: inline-block; vertical-align: middle; margin-right: 5px; } .footer ul li span { display: inline-block; vertical-align: middle; font-size: 16px;color:#fff; } .footer li .icon-home{ background: url(/uploads/image/tdimages/a1.png) no-repeat;width:20px;height:20px;} .footer li .icon-home2{ background: url(/uploads/image/tdimages/a2.png) no-repeat;width:20px;height:20px;} .footer li .icon-phone{ background: url(/uploads/image/tdimages/a3.png) no-repeat;width:20px;height:20px;} .footer li .icon-contact{ background: url(/uploads/image/tdimages/a4.png) no-repeat;width:20px;height:20px;} .footer li .icon-phone:before{font-size:0;} .footer ul li li a{border-left:1px solid #d87176;} @media(max-width: 620px){ .product_detail .list{margin-left: 0;margin-bottom: 15px;} .zoomwindow{ display: none !important; } .relateproduct { display: none; } } @media(max-width: 1203px){ .news_detail h3.title_bar,.share{float: none;width: 100%;margin: 0;height: auto;} .share{width: 160px;margin: 0 auto;} } @media(max-width: 990px){ .relate{ display: none; } } @media(max-width: 640px){ .c1{ margin-top: 2em; padding-bottom: 3vw; } h2.bt p{ margin-top: 10px; } }