1142 lines
18 KiB
CSS
1142 lines
18 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
html, body, div, span, applet, 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, section, article, aside, header, footer, nav, p, dialog, figure, menu, hgroup, iframe {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font-weight: normal;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Noto Sans S Chinese Regular', 'Helvetica Neue', 'Arial';
|
|
font-size: 15px;
|
|
line-height: 28px;
|
|
background: #fff;
|
|
color: #333;
|
|
}
|
|
|
|
input, textarea {
|
|
resize: none;
|
|
font-family: "Microsoft YaHei";
|
|
background: #fff;
|
|
border: 0;
|
|
}
|
|
|
|
img {
|
|
border: none;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
ul, li {
|
|
list-style: none;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: #555;
|
|
outline: none;
|
|
}
|
|
|
|
a:hover {
|
|
color: #019dfa;
|
|
}
|
|
|
|
input:focus, textarea:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.fl {
|
|
float: left;
|
|
}
|
|
|
|
.fr {
|
|
float: right;
|
|
}
|
|
|
|
.of {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.cl {
|
|
clear: both;
|
|
}
|
|
|
|
.wrapper {
|
|
width: 1100px;
|
|
}
|
|
|
|
#menu {
|
|
position: relative;
|
|
}
|
|
|
|
#list {
|
|
position: absolute;
|
|
top: 80px;
|
|
z-index: 2000;
|
|
}
|
|
|
|
#list ul {
|
|
background: #666;
|
|
}
|
|
|
|
#list li {
|
|
float: left;
|
|
width: 300px;
|
|
display: inline-block;
|
|
margin-right: 30px;
|
|
}
|
|
|
|
.banner_top_pro {
|
|
width: 1200px;
|
|
position: relative;
|
|
}
|
|
|
|
.text_top {
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-left: -580px;
|
|
}
|
|
|
|
.banner_top_pro h1 {
|
|
font-size: 32px;
|
|
font-weight: 500;
|
|
color: #fff;
|
|
padding-top: 130px;
|
|
}
|
|
|
|
.banner_top_pro p {
|
|
width: 600px;
|
|
font-size: 17px;
|
|
color: #fff;
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.banner_top_pro1 h1 {
|
|
font-size: 32px;
|
|
font-weight: 500;
|
|
color: #fff;
|
|
padding-top: 130px;
|
|
}
|
|
|
|
.banner_top_pro1 p {
|
|
width: 500px;
|
|
font-size: 17px;
|
|
color: #fff;
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.bg_hui {
|
|
/*overflow: hidden;*/
|
|
/*background:#fafafa;*/
|
|
/*padding: 40px 0 30px 0;*/
|
|
}
|
|
/*.bg_hui_2{padding: 40px 0 30px 0;}*/
|
|
.bg_white {
|
|
background: #fff;
|
|
/*padding: 40px 0 40px 0;*/
|
|
}
|
|
|
|
.part_1, .part_2, .part_3, .part_4, .part_5, .part_6, .part_7, .part_8,
|
|
.part2_1, .part2_2, .part2_5, .part3_5, .part3_2, .part3_7, .part3_4, .part4_4 {
|
|
width: 100%;
|
|
/*margin: 0 auto;*/
|
|
}
|
|
|
|
.part_1 h1, .part_2 h1, .part_3 h1, .part_4 h1, .part_5 h1, .part_6 h1, .part_7 h1, .part_8 h1,
|
|
.part2_1 h1, .part2_2 h1, .part2_5 h1, .part3_5 h1, .part3_2 h1, .part3_7 h1, .part3_4 h1, .part4_4 h1 {
|
|
margin-top: 40px;
|
|
font-size: 24px;
|
|
color: #102541;
|
|
padding: 0 0 20px 10px;
|
|
position: relative;
|
|
text-align: left;
|
|
}
|
|
|
|
.part_1 h1:before, .part_2 h1:before, .part_3 h1:before, .part_4 h1:before, .part_5 h1:before, .part_6 h1:before, .part_7 h1:before, .part_8 h1:before,
|
|
.part2_1 h1:before, .part2_2 h1:before, .part2_5 h1:before, .part3_5 h1:before, .part3_2 h1:before, .part3_7 h1:before, .part3_4 h1:before, .part4_4 h1:before {
|
|
content: "";
|
|
display: block;
|
|
width: 4px;
|
|
height: 26px;
|
|
background: #019dfa;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.part2_1 p {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.tab {
|
|
height: 50px;
|
|
border-bottom: 1px solid #e8e8e8;
|
|
}
|
|
|
|
.tab .box_tab {
|
|
|
|
overflow: hidden;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.tab .box_tab ul {
|
|
width: 100%;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tab li {
|
|
display: inline;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
line-height: 49px;
|
|
margin: 0 70px;
|
|
}
|
|
|
|
.tab li:hover {
|
|
color: #019dfa;
|
|
}
|
|
|
|
.pro3 li {
|
|
margin-right: 80px;
|
|
}
|
|
|
|
.m2 {
|
|
width: 1200px;
|
|
margin: 10px auto;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.m2 .left {
|
|
border: 1px solid #e2e5e3;
|
|
width: 588px;
|
|
float: left;
|
|
height: 570px;
|
|
}
|
|
|
|
.m2 .cus {
|
|
background: #f6f7f7;
|
|
height: 80px;
|
|
border-bottom: 1px solid #e2e5e3;
|
|
padding: 15px 20px;
|
|
}
|
|
|
|
.m2 h1 {
|
|
font-size: 20px;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.m2 p {
|
|
font-size: 14px;
|
|
line-height: 36px;
|
|
}
|
|
|
|
.m2 ul {
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.m2 ul li {
|
|
margin: 0 0 35px 30px;
|
|
font-size: 14px;
|
|
line-height: 36px;
|
|
display: block;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.m2 ul li p {
|
|
color: #666;
|
|
float: left;
|
|
display: inline-block;
|
|
line-height: 26px;
|
|
margin: 0 0 0 20px;
|
|
}
|
|
|
|
.m2 ul li img {
|
|
margin-top: 5px;
|
|
width: 50px;
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
|
|
.m2 ul li span {
|
|
color: #333;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
display: block;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.part2_2 {
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.selected {
|
|
background: #C5A069;
|
|
color: #fff;
|
|
}
|
|
|
|
.part_3 .tab_part3 {
|
|
background: #fff;
|
|
border: 1px solid #e8e8e8;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.part_3 .tab_part3 li {
|
|
line-height: 50px;
|
|
float: left;
|
|
display: inline-block;
|
|
width: 49%;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.part_3 .tab_part3 li:hover {
|
|
color: #019dfa;;
|
|
}
|
|
|
|
.part_3 .jiagou_main {
|
|
background: #fff;
|
|
border: 1px solid #e8e8e8;
|
|
}
|
|
|
|
.part_3 .jiagou_box {
|
|
margin: 10px 0 30px 0;
|
|
}
|
|
|
|
.part_3 .jiagou_main img {
|
|
width: 90%;
|
|
height: 90%;
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.part3_4 .jiagou_main {
|
|
width: 100%;
|
|
margin: 10px auto;
|
|
background: #fff;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.part3_4 .jiagou_main img {
|
|
width: 90%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.part2_5 li {
|
|
border: 1px solid rgba(5, 151, 229, 0.35);
|
|
padding: 20px 0 20px 20px;
|
|
margin: 0 20px 20px 0;
|
|
background:#f5f8f9;
|
|
float: left;
|
|
display: block;
|
|
width: 566px;
|
|
text-align: left;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.part2_5 li:nth-child(2n) {
|
|
margin: 0 0 20px 0;
|
|
}
|
|
|
|
.part2_5 ul li p {
|
|
width: 80%;
|
|
height: 80px;
|
|
color: #666;
|
|
float: left;
|
|
display: inline-block;
|
|
line-height: 26px;
|
|
margin: 0 0 0 20px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.part2_5 i {
|
|
width: 64px;
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
|
|
.part2_5 ul li img {
|
|
margin-top: 5px;
|
|
height: 50px;
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
|
|
.part2_5 ul li span {
|
|
color: #333;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
display: block;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.part2_5 .gongneng {
|
|
overflow: hidden;
|
|
margin: 10px 0 0 0;
|
|
}
|
|
|
|
.part3_5 li {
|
|
height: 140px;
|
|
border: 1px solid rgba(5, 151, 229, 0.35);
|
|
padding: 20px 0 10px 20px;
|
|
margin: 0 20px 20px 0;
|
|
background: #fff;
|
|
float: left;
|
|
display: block;
|
|
width: 566px;
|
|
text-align: left;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.part3_5 li:nth-child(2n) {
|
|
margin: 0 0 20px 0;
|
|
}
|
|
|
|
.part3_5 ul li p {
|
|
width: 80%;
|
|
height: 80px;
|
|
color: #666;
|
|
float: left;
|
|
display: inline-block;
|
|
line-height: 26px;
|
|
margin: 0 0 0 20px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.part3_5 i {
|
|
width: 64px;
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
|
|
.part3_5 ul li img {
|
|
margin-top: 5px;
|
|
height: 50px;
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
|
|
.part3_5 ul li span {
|
|
color: #333;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
display: block;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.part3_5 .gongneng {
|
|
overflow: hidden;
|
|
margin: 10px 0 0 0;
|
|
}
|
|
|
|
.part4_4 .jiagou_main {
|
|
width: 100%;
|
|
margin: 10px auto;
|
|
background: #fff;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.part4_4 .jiagou_main img {
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.part_4 .jiagou_main {
|
|
width: 100%;
|
|
margin: 10px auto;
|
|
background: #fff;
|
|
}
|
|
|
|
.part_4 .jiagou_main img {
|
|
width: 90%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.part_5 .gongneng {
|
|
/*overflow: hidden;*/
|
|
margin: 10px 0 0 0;
|
|
}
|
|
|
|
.part_5 li {
|
|
border: 1px solid rgba(5, 151, 229, 0.35);
|
|
background: #f5f8f9;
|
|
box-sizing: border-box;
|
|
padding: 20px 0 15px 20px;
|
|
margin: 0 20px 20px 0;
|
|
|
|
float: left;
|
|
display: block;
|
|
width: 570px;
|
|
text-align: left;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.part_5 li:nth-child(2n) {
|
|
margin: 0 0 20px 0;
|
|
}
|
|
|
|
.part_5 ul li p {
|
|
width: 80%;
|
|
height: 110px;
|
|
color: #666;
|
|
float: left;
|
|
display: inline-block;
|
|
line-height: 26px;
|
|
margin: 0 0 0 20px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.part_5 ul li img {
|
|
margin-top: 5px;
|
|
width: 50px;
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
|
|
.part_5 ul li span {
|
|
color: #333;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
display: block;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.good {
|
|
overflow: hidden;
|
|
margin: 10px 0 0 0;
|
|
}
|
|
|
|
.good li {
|
|
padding-top: 20px;
|
|
margin: 0 20px 20px 0;
|
|
background: #fff;
|
|
float: left;
|
|
display: block;
|
|
width: 570px;
|
|
text-align: left;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.good li:nth-child(2n) {
|
|
margin: 0 0 20px 0;
|
|
}
|
|
|
|
.good ul li p {
|
|
font-size: 13px;
|
|
width: 80%;
|
|
height: 100px;
|
|
color: #666;
|
|
float: left;
|
|
display: inline-block;
|
|
line-height: 26px;
|
|
margin: 0 0 0 20px;
|
|
}
|
|
|
|
.good ul li img {
|
|
margin: 0 0 0 20px;
|
|
width: 60px;
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
|
|
.good ul li span {
|
|
color: #333;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
display: block;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.good2 {
|
|
overflow: hidden;
|
|
margin: 10px 0 0 0;
|
|
}
|
|
|
|
.good2 li {
|
|
padding-top: 20px;
|
|
margin: 0 20px 20px 0;
|
|
background: #fff;
|
|
float: left;
|
|
display: block;
|
|
width: 570px;
|
|
text-align: left;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.good2 li:nth-child(2n) {
|
|
margin: 0 0 20px 0;
|
|
}
|
|
|
|
.good2 ul li p {
|
|
font-size: 13px;
|
|
width: 78%;
|
|
height: 150px;
|
|
color: #666;
|
|
float: left;
|
|
display: inline-block;
|
|
line-height: 26px;
|
|
margin: 0 0 0 20px;
|
|
}
|
|
|
|
.good2 ul li img {
|
|
margin: 0 0 0 20px;
|
|
width: 60px;
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
|
|
.good2 ul li span {
|
|
color: #333;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
display: block;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.good3 {
|
|
overflow: hidden;
|
|
margin: 10px 0 0 0;
|
|
}
|
|
|
|
.good3 li {
|
|
padding-top: 20px;
|
|
margin: 0 20px 20px 0;
|
|
background: #fff;
|
|
float: left;
|
|
display: block;
|
|
width: 570px;
|
|
text-align: left;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.good3 li:nth-child(2n) {
|
|
margin: 0 0 20px 0;
|
|
}
|
|
|
|
.good3 ul li p {
|
|
font-size: 13px;
|
|
width: 78%;
|
|
height: 100px;
|
|
color: #666;
|
|
float: left;
|
|
display: inline-block;
|
|
line-height: 26px;
|
|
margin: 0 0 0 20px;
|
|
}
|
|
|
|
.good3 ul li img {
|
|
margin: 0 0 0 20px;
|
|
width: 60px;
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
|
|
.good3 ul li span {
|
|
color: #333;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
display: block;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.part_7 .case {
|
|
overflow: hidden;
|
|
margin: 10px 0 20px 0;
|
|
}
|
|
|
|
.part_7 .case li {
|
|
/*border: 1px solid #e5e5e5;*/
|
|
margin-right: 10px;
|
|
margin-bottom: 15px;
|
|
background: #f1f1f1;
|
|
float: left;
|
|
display: block;
|
|
width: 24.1%;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.part_7 .case ul li p {
|
|
color: #333;
|
|
font-size: 16px;
|
|
width: 100%;
|
|
float: left;
|
|
display: inline-block;
|
|
line-height: 26px;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.part_7 .case ul li img {
|
|
/*width: 200px;*/
|
|
display: inline-block;
|
|
}
|
|
|
|
.part_7 .case ul li i {
|
|
/*width: 250px;*/
|
|
display: block;
|
|
/*height: 60px;*/
|
|
margin: 0 auto;
|
|
/*padding: 30px 0;*/
|
|
}
|
|
|
|
.part_6 .case {
|
|
overflow: hidden;
|
|
margin: 30px 0 0 0;}
|
|
|
|
.part_6 .case dl {
|
|
height: 230px;
|
|
margin-right: 20px;
|
|
margin-bottom:20px;
|
|
background:#f7f9fa;
|
|
float: left;
|
|
display: block;
|
|
width: 270px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.part_6 .case dl:nth-child(4n) {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.part_6 .case dl dt {
|
|
font-size: 14px;
|
|
color: #666;
|
|
margin: 0 20px;
|
|
}
|
|
|
|
.part_6 .case dl .tit_2 {
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 40px;
|
|
color: #333;
|
|
}
|
|
|
|
.part_6 .case dl dd img {
|
|
margin: 10px auto;
|
|
height: 50px;
|
|
display: block;
|
|
width: 50px;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.part_6 .case1 ul li p {
|
|
color: #333;
|
|
font-size: 16px;
|
|
width: 100%;
|
|
float: left;
|
|
display: inline-block;
|
|
line-height: 26px;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.part_6 .case1 ul li span {
|
|
width: 200px;
|
|
display: block;
|
|
}
|
|
|
|
.part_6 .case1 ul li i {
|
|
width: 250px;
|
|
display: block;
|
|
height: 90px;
|
|
margin: 0 auto;
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.part_6 .case1 {
|
|
overflow: hidden;
|
|
margin: 30px 0 0 0;}
|
|
|
|
.part_6 .case1 dl {
|
|
height: 230px;
|
|
margin-right: 20px;
|
|
margin-bottom:20px;
|
|
background:#fff;
|
|
border:1px solid #f4f4f4;
|
|
float: left;
|
|
display: block;
|
|
width: 32.1%;;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.part_6 .case1 dl:nth-child(3n) {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.part_6 .case1 dl p {
|
|
font-size: 14px;
|
|
font-family: "Muli", sans-serif;
|
|
color:#57667e;
|
|
margin: 0 20px;
|
|
}
|
|
|
|
.part_6 .case1 dl .tit_2 {
|
|
font-size: 16px;
|
|
/*font-weight: 500;*/
|
|
line-height: 40px;
|
|
color:#353e4d;
|
|
}
|
|
|
|
.part_6 .case1 dl dd img {
|
|
margin: 10px auto;
|
|
height: 60px;
|
|
display: block;
|
|
width: 60px;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.part_6 .case ul li p {
|
|
color: #333;
|
|
font-size: 16px;
|
|
width: 100%;
|
|
float: left;
|
|
display: inline-block;
|
|
line-height: 26px;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.part_6 .case ul li span {
|
|
width: 200px;
|
|
display: block;
|
|
}
|
|
|
|
.part_6 .case ul li i {
|
|
width: 250px;
|
|
display: block;
|
|
height: 90px;
|
|
margin: 0 auto;
|
|
padding-top: 30px;
|
|
}
|
|
|
|
|
|
|
|
.part2_1 .case {
|
|
overflow: hidden;
|
|
margin: 50px 0 0 0;}
|
|
|
|
.part2_1 .case dl {
|
|
height: 270px;
|
|
margin-right: 20px;
|
|
/*background: #f6faff;*/
|
|
float: left;
|
|
display: block;
|
|
width: 283px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.part2_1 .case dl:nth-child(4) {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.part2_1 .case dl dt {
|
|
font-size: 14px;
|
|
color: #666;
|
|
margin: 0 20px;
|
|
}
|
|
|
|
.part2_1 .case dl .tit_2 {
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 40px;
|
|
color: #333;
|
|
}
|
|
|
|
.part2_1 .case dl dd img {
|
|
margin: 0 auto;
|
|
display: block;
|
|
width: 80px;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.part2_1 .case ul li p {
|
|
color: #333;
|
|
font-size: 16px;
|
|
width: 100%;
|
|
float: left;
|
|
display: inline-block;
|
|
line-height: 26px;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.part2_1 .case ul li span {
|
|
width: 200px;
|
|
display: block;
|
|
}
|
|
|
|
.part2_1 .case ul li i {
|
|
width: 250px;
|
|
display: block;
|
|
height: 90px;
|
|
margin: 0 auto;
|
|
padding-top: 30px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.product {
|
|
overflow: hidden;
|
|
margin: 10px 0 0 0;
|
|
}
|
|
|
|
.product .pb {
|
|
/*height: 150px;*/
|
|
transition: background-color .2s ease-in-out;
|
|
width: 568px;
|
|
border: 1px solid #e5e5e5;
|
|
margin: 0 20px 20px 0;
|
|
padding: 20px 0 0 20px;
|
|
background: #fff;
|
|
float: left;
|
|
display: inline-block;
|
|
text-align: left;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.product .pb:hover {
|
|
border: 1px solid #e5e5e5;
|
|
background: #f7f7f7;
|
|
}
|
|
|
|
.product p {
|
|
font-size: 13px;
|
|
width: 80%;
|
|
/*height: 100px;*/
|
|
color: #666;
|
|
float: left;
|
|
display: inline-block;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.product a img {
|
|
width: 70px;
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
|
|
.product a span {
|
|
color: #102541;
|
|
font-size: 16px;
|
|
font-weight:500;
|
|
display: block;
|
|
line-height: 30px;
|
|
}
|
|
|
|
|
|
.product .bx .bt {
|
|
line-height: 30px;
|
|
border: 1px solid #e5e5e5;
|
|
display: block;
|
|
padding: 0 20px;
|
|
width: 100px;
|
|
text-align: center;
|
|
margin: 15px 0;
|
|
}
|
|
|
|
.product .bx .bt:hover {
|
|
line-height: 30px;
|
|
background: #019dfa;
|
|
border: 1px solid #019dfa;
|
|
color: #fff;
|
|
}
|
|
|
|
.product2 {
|
|
overflow: hidden;
|
|
margin: 10px 0 0 0;
|
|
}
|
|
|
|
.product2 .pb {
|
|
height: 150px;
|
|
transition: background-color .2s ease-in-out;
|
|
width: 568px;
|
|
border: 1px solid #e5e5e5;
|
|
margin: 0 20px 20px 0;
|
|
padding: 20px 0 0 20px;
|
|
background: #fff;
|
|
float: left;
|
|
display: inline-block;
|
|
text-align: left;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.product2 .pb:hover {
|
|
background: #fcfcfc;
|
|
border: 1px solid #e5e5e5;
|
|
/*background: #f7f7f7;*/
|
|
}
|
|
|
|
.product2 p {
|
|
font-size: 13px;
|
|
width: 80%;
|
|
height: 100px;
|
|
color: #666;
|
|
float: left;
|
|
display: inline-block;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.product2 a img {
|
|
width: 70px;
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
|
|
.product2 a span {
|
|
color: #333;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
display: block;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.good ul li span {
|
|
color: #333;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
display: block;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.product2 .bx .bt {
|
|
line-height: 30px;
|
|
border: 1px solid #e5e5e5;
|
|
display: block;
|
|
padding: 0 20px;
|
|
width: 70px;
|
|
text-align: center;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.product2 .bx .bt:hover {
|
|
line-height: 30px;
|
|
background: #019dfa;
|
|
border: 1px solid #019dfa;
|
|
color: #fff;
|
|
}
|
|
|
|
.part2_2 table, .part2_2 table tr th, .part2_2 table tr td {
|
|
border: 1px solid #ebebeb;
|
|
}
|
|
|
|
.part2_2 table, .part2_2 table tr td {
|
|
padding: 20px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.part2_2 table tr th {
|
|
border: 1px solid #0181cd;
|
|
padding: 10px 0;
|
|
background: #019dfa;
|
|
color: #fff;
|
|
font-size: 18px;
|
|
text-align: center;
|
|
}
|
|
|
|
.part2_2 .table_pro2 .xuqiu {
|
|
display: block;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.part2_2 table tr td {
|
|
vertical-align: top;
|
|
background: #fff;
|
|
}
|
|
|
|
.part2_2 p {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
display: block;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.part2_2 i {
|
|
margin-top: 10px;
|
|
float: left;
|
|
margin-right: 10px;
|
|
width: 8px;
|
|
height: 8px;
|
|
display: inline-block;
|
|
border-radius: 8px;
|
|
background: rgba(140, 151, 179, 0.62);
|
|
}
|
|
|
|
.part3_2 table, .part2_2 table tr th, .part2_2 table tr td {
|
|
border: 1px solid rgba(66, 153, 235, 0.41);
|
|
}
|
|
|
|
.part3_2 table, .part2_2 table tr td {
|
|
padding: 20px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.part3_2 table tr th {
|
|
border: 1px solid #0181cd;
|
|
padding: 10px 80px 10px 30px;
|
|
background: #019dfa;
|
|
color: #fff;
|
|
font-size: 18px;
|
|
text-align: left;
|
|
}
|
|
|
|
.part3_2 .table_pro2 {
|
|
margin: 10px 0 30px 0;
|
|
}
|
|
|
|
.part3_2 .table_pro2 .xuqiu {
|
|
display: block;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.part3_2 table tr td:nth-child(1) {
|
|
vertical-align: middle;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.part3_2 table tr:nth-child(even) {
|
|
background: rgba(108, 170, 244, 0.04);
|
|
}
|
|
|
|
.part3_2 table tr td {
|
|
vertical-align: top;
|
|
background: #fff;
|
|
border: 1px solid #e5e5e5;
|
|
padding: 10px 0 10px 30px;
|
|
}
|
|
|
|
.part3_2 p {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.part3_2 i {
|
|
margin-top: 10px;
|
|
float: left;
|
|
margin-right: 10px;
|
|
width: 8px;
|
|
height: 8px;
|
|
display: inline-block;
|
|
border-radius: 8px;
|
|
background: rgba(140, 151, 179, 0.62);
|
|
}
|
|
|
|
|