@charset "utf-8";

.about { padding: 450px 0 0;  width: 228px; height: 35px; }
.about ul { background: #fff; width: 228px; height: 35px; border-radius: 4px; overflow: hidden; }
.about ul li { float: left; width: 50%; text-align: center; }
.about ul li a { display: block; line-height: 35px; color: #056db6; font-size: 14px; }
.about ul li a:hover,.about ul li a.current { background: #056db6; color: #fff; transition: all 0.3s ease 0s; }

.pArea { padding-top: 96px; }
.pArea .product { width: 1196px; margin: 0 auto; height: 156px; background: #fff; }

.pArea .product ul li { float: left; width: 148.6px; height: 156px; border-right: 1px solid #f7f8f9; text-align: center; }
.pArea .product ul li i { width: 100%; height: 60px;  text-align: center; }
.pArea .product ul li a { display: table-cell; vertical-align: middle; width: 170.4px; height: 156px; font-size: 14px; }
.pArea .product ul li:hover a { background:url("../images/pcur.jpg") no-repeat; color: #fff; }

.pArea .product ul li .i1 { display: block; background: url("../images/h_1.png") no-repeat center top; }
.pArea .product ul li .i2 { display: block; background: url("../images/h_2.png") no-repeat center top; }
.pArea .product ul li .i3 { display: block; background: url("../images/h_3.png") no-repeat center top; }
.pArea .product ul li .i4 { display: block; background: url("../images/h_4.png") no-repeat center top; }
.pArea .product ul li .i5 { display: block; background: url("../images/h_5.png") no-repeat center top; }
.pArea .product ul li .i6 { display: block; background: url("../images/h_6.png") no-repeat center top; }
.pArea .product ul li .i7 { display: block; background: url("../images/h_7.png") no-repeat center top; }
.pArea .product ul li .i8 { display: block; background: url("../images/h_8.png") no-repeat center top; }

.pArea .product ul li:hover .i1 { display: block; background: url("../images/h_01.png") no-repeat center top; }
.pArea .product ul li:hover .i2 { display: block; background: url("../images/h_02.png") no-repeat center top; }
.pArea .product ul li:hover .i3 { display: block; background: url("../images/h_03.png") no-repeat center top; }
.pArea .product ul li:hover .i4 { display: block; background: url("../images/h_04.png") no-repeat center top; }
.pArea .product ul li:hover .i5 { display: block; background: url("../images/h_05.png") no-repeat center top; }
.pArea .product ul li:hover .i6 { display: block; background: url("../images/h_06.png") no-repeat center top; }
.pArea .product ul li:hover .i7 { display: block; background: url("../images/h_07.png") no-repeat center top; }
.pArea .product ul li:hover .i8 { display: block; background: url("../images/h_08.png") no-repeat center top; }