.aArea { background: #f3f3f3; padding: 49px 0 44px; }
.aArea li { float: left;  }
.aArea li.liA1 { width: 235px; background: #1fb180; margin-right: 1px; margin-left: 30px; height: 207px;}
.aArea li.liA1 span, .aArea li.liA1 em { display: block; color: #ffffff; text-align: center; }
.aArea li.liA1 span { font-size: 30px; line-height: 40px; margin-top: 42px; }
.aArea li.liA1 em { margin-top: 30px; font-size: 18px; }
.aArea li.liA1 a { display: block; color: #ffffff; text-align: right; margin-right: 11px; }
.aArea li img {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; cursor: pointer; }
.aArea li:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.aArea li.liA3 { width: 235px; background: #1fb180; margin-right: 1px; margin-left: 171px; height: 207px;}
.aArea li.liA3 span, .aArea li.liA3 em { display: block; color: #ffffff; text-align: center; }
.aArea li.liA3 span { font-size: 30px; line-height: 40px; margin-top: 42px; }
.aArea li.liA3 em { margin-top: 30px; font-size: 18px; }
.aArea li.liA3 a { display: block; color: #ffffff; text-align: right; margin-right: 11px; }
.aArea li.liA2 { width: 208px; height: 207px; overflow: hidden; border: 1px solid #1fb180; }
.aArea li.liA4 { width: 222px;  height: 207px; overflow: hidden; border: 1px solid #1fb180; }

.bArea { background:#fff url("arr.png"/*tpa=http://www.xinantong.com/images/arr.png*/) top center no-repeat; padding: 60px 0 0px; }
.bArea .car { background: url("car.png"/*tpa=http://www.xinantong.com/images/car.png*/) bottom center no-repeat; height: 408px; width: 100%; }

.bContent { text-align: center; }
.bContent h2 { font-size: 36px; color: #1fb180; font-weight: normal; }
.bContent h2 b { display: block; background: #1fb180; width: 88px; height: 6px; border-radius: 6px; margin: 8px auto; }
.bContent div { font-size: 18px; color: #000; line-height: 30px; text-align: left; }
.bContent ul li { display: inline-block; *display: inline; zoom: 1; width: 144px; height: 144px; border-radius: 50%; border: 1px solid #e5e5e5; line-height: 144px; margin: 77px 50px 122px; overflow: hidden;
}
.bContent ul li img { vertical-align: middle; position: relative; z-index: 0; }
.bContent ul li .dark { width: 0px; height: 0px; line-height: normal!important; border-radius: 50%; background: rgba(72, 192, 152, .81); position: relative; z-index: 9; margin-top: -144px;
    -webkit-transition: width, height 0.5s;
    -moz-transition: width, height 0.5s;
    -o-transition: width, height 0.5s;
    transition: width, height 0.5s;

}
.bContent ul li:hover .dark {
    display: block;
    width: 144px;
    height: 144px;


}
.dark b, .dark em { display: block; color: #ffffff; text-align: center;  }
.dark b { font-size: 24px; padding-top: 45px; }
.dark em { font-size: 18px; }

.cArea { width: 100%; height: 822px; }
.eArea { width: 100%; height: 505px; }
.dArea { margin-top: 75px; background: url("e.png"/*tpa=http://www.xinantong.com/images/e.png*/) bottom center no-repeat; height: 860px; overflow: hidden; }
.dArea ul { margin-top: 91px; }
.dArea ul li {  width: 314px; min-height: 224px; }
.dArea ul li div { width: 200px; }
.dArea ul li h1 { width: 65px; height: 65px; line-height: 65px; text-align: center!important; border: 2px solid #15b374; border-radius: 50%; margin: 0 21px; }
.dArea ul li h1 img { vertical-align: middle; }
.dArea ul li h2 { font-size: 18px; font-weight: normal; color: #616162; }
.dArea ul li p { color: #a4a4a4; margin-top: 3px; }
.dArea ul li p em { color: #15b374; font-size: 14px; }
.dArea ul li.liD1,
.dArea ul li.liD3,
.dArea ul li.liD5 {
    float: left;
    margin-left: 45px;
}
.dArea ul li.liD1 h1,
.dArea ul li.liD3 h1,
.dArea ul li.liD5 h1 {
    float: right;
    text-align: right;
}

.dArea ul li.liD1 div,
.dArea ul li.liD3 div,
.dArea ul li.liD5 div {
    float: right;
    text-align: right;
}

.dArea ul li.liD2,
.dArea ul li.liD4,
.dArea ul li.liD6 {
    float: right;
    margin-left: 393px;
    margin-right: 68px;
}
.dArea ul li.liD2 h1,
.dArea ul li.liD4 h1,
.dArea ul li.liD6 h1 {
    float: left;
}

.dArea ul li.liD2 div,
.dArea ul li.liD4 div,
.dArea ul li.liD6 div {
    float: left;
}

.fArea { padding-top: 92px; padding-bottom: 136px; }
.fArea h2 { font-size: 36px; color: #1fb180; font-weight: normal; text-align: center; margin-bottom: 52px; }
.fArea .bd-h { text-align: center; font-size: 18px; height: 43px; border-bottom: 1px solid #f2f2f2; }
.fArea .bd-h li { display: inline-block; *display: inline; zoom: 1; margin: 0 30px;  padding-bottom: 3px; line-height: 40px; }
.fArea .bd-h li.on { border-bottom: 3px solid #22b378; }
.fArea .bd-b { margin-top: 51px; }
.fArea .bd-b ul { margin: 0 auto; width: 854px; }
.fArea .bd-b li { float: left; width: 374px; margin: 0 26px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-bottom: 1px solid #e4e4e4; line-height: 37px; }
.fArea .bd-b li span { color: #c7bcaa; margin-right: 34px; width: 67px; }
.fArea .bd-b li a { color: #000000; }

.gArea { width: 100%; height: 465px; }