@charset "utf-8";
/* CSS Document */

p,li,span,dl,dt,dd,div{font-size:12px; font-family: Arial,Tahoma;color:#666666;}
h1,h2,h3,h4,strong{color: #333333;font-weight: bold;}
p{line-height: 20px;padding-bottom: 10px; text-align: justify;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline; }


.aboutWarp{padding: 20px;overflow: auto;}
.aboutWarp .aboutMiddle{margin: 20px auto;}
.aboutWarp .aboutMiddle ul{position: relative;}
.aboutWarp .aboutMiddle ul .ulLine{border-left: #e6e6e6 1px solid;height: 100%;background-color: #e6e6e6;position: absolute;left: 80px;z-index: -1;}
.aboutWarp .aboutMiddle ul .ulLineRed{border-left: red 1px solid;height: 470px;background-color: red;position: absolute;left: 80px;z-index: -1;}
.aboutWarp .aboutMiddle ul li{padding-bottom: 15px;overflow: auto;}
.aboutWarp .aboutMiddle ul li dl dt,
.aboutWarp .aboutMiddle ul li dl dd{float: left;}
.aboutWarp .aboutMiddle ul li dl dt{font-weight: bold;color: #333333;cursor: pointer;width: 80px;text-align: center;}
.aboutWarp .aboutMiddle ul li dl dd.ddFirst{width: 15px;height: 15px;line-height: 18px;border: #5FB878 1px solid;border-radius: 50%;text-align: center;cursor: pointer;background-color: #fff;margin-left: -7px;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast{padding-left: 5px;width: 580px;line-height: 20px;margin-top: -5px;text-align: justify;margin-left: 10px;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast .ddLast_1{margin: 10px 0;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast .ddLast_1 p{font-weight: bold;color: #333333;text-align: center;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast .ddLast_1 ul li{padding-bottom: 2px;width: 287px;float: left;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast .ddLast_2{margin: 10px 0;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast .ddLast_2 .fl{width: 130px;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast .ddLast_2 .fl img{width: 130px;height: 160px;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast .ddLast_2 .fl p{text-align: center!important;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast .ddLast_2 .fr{width: 430px;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast .ddLast_3{margin: 10px 0;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast .ddLast_3 .fl{width: 130px;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast .ddLast_3 .fl img{width: 130px;height: 160px;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast .ddLast_3 .fl p{text-align: center!important;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast .ddLast_3 .fr{width: 430px;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast .ddLast_4{text-align: center;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast .ddLast_4 img{margin: 10px;width: 280px;height: 160px;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast .ddLastdow{position: relative;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast .ddLastdow h2{margin-bottom: 5px;cursor: pointer;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast .ddLastdow .ddLastdowCon{width: inherit;padding: 20px;background-color: #f1f5da;color: #fff;z-index: 9999;margin-top: 10px;border-radius: 2px;font-weight: normal;text-align: center;display: none;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast .ddLastdow .ddLastdowCon img{margin-bottom: 5px;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast .ddLastdow .ddLastdowCon p{text-align: center;font-weight: bold;}
.aboutWarp .aboutMiddle ul li dl dd.ddLast .ddLastdow .ddLastdowCon .ddLastdowIco{top: 8px;left: 260px;position: absolute;width: 0px;height: 0px;border: 12px solid transparent;border-bottom-color: #f1f5da;}
.aboutWarp .aboutBotton ul li{margin-bottom: 15px;background-color: #f6f8f9;padding: 30px;cursor: pointer;}
.aboutWarp .aboutBotton ul li h2{margin-bottom: 10px;}
.aboutWarp .aboutBotton ul li .aboutBottonImg{text-align: center;}
.aboutWarp .aboutBotton ul li .aboutBottonImg img{margin: 10px auto;}