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

.packetBanner{ background: url("../images/packet/banner.png") no-repeat center; height:630px;margin-top:100px }


/*program*/
.programMain { background:url("../images/packet/programBg.png") no-repeat; height:538px; margin-top:40px;}
.programList1{width:180px;float:left; margin-left:30px;}
.programList1 ul,  .programList1 ul li,.programList2 ul,  .programList2 ul li,.programList3 ul,  .programList3 ul li{width:100%;float:left; }
.programList1 ul li, .programList2 ul li, .programList3 ul li{line-height: 48px; text-align: center; font-size:18px; color:#333; background: #fff; border-radius: 5px; }
.programList2, .programList3{width:150px; float:left; }
.programList2{margin-left:188px;}
.programList3{margin-left:193px;}
.programList1 ul li, .programList2 ul li, .programList3 ul li{margin-top:40px;}
.programList2 ul li:last-child{margin-top:215px;}
.programList3 ul li:nth-child(2), .programList3 ul li:nth-child(3){margin-top:84px;}



/*advantage*/
.advantage ul, .advantage ul li{width:100%; float:left;}
.advantage ul li{ background: #f8f8f8; margin-top:40px;}
.advantage ul li .advantageImg{width:330px;}
.advantage ul li .advantageText{width:820px;}
.advantage ul li .advantageText .title{font-size:24px; color:#333; font-weight: bold; line-height: 50px;}
.advantage ul li .advantageText .line{color: #0033a0;}
.advantage ul li .advantageText .number{ font-size:48px; font-family: DIN; margin:0px 10px; font-weight: bold;}
.advantage ul li .advantageText .summary{color:#666; line-height: 24px;}

.advantage ul li:nth-child(1) .advantageText, .advantage ul li:nth-child(3) .advantageText, .advantage ul li:nth-child(5) .advantageText{margin-right:50px;}
.advantage ul li:nth-child(2) .advantageText, .advantage ul li:nth-child(4) .advantageText{margin-left:50px;}

/*features*/
.featuresMain ul{width:1259px; float:left;  border:1px solid #f0f0f0; border-bottom: 0px; border-right:0px;}
.featuresMain ul li{width:178.6px; float:left; border-right:1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; position: relative; background: #fff;}
.featuresMain ul li .featuresImg{margin-top:50px; text-align: center;}
.featuresMain ul li .featuresImg img{ border:1px solid #0033a0; padding:10px;  border-radius: 50%;}
.featuresMain ul li .featuresText{margin-top:40px; text-align: center; font-size:18px; margin-bottom:40px;}
.featuresMain ul li .featuresHover{position: absolute;left: 0px;top: 0px; width:119px;padding:20px 30px; color:#333; height: 237px; line-height: 28px; background:#eff4ff; display: none; }



/*client*/ 
.client { background: url("../images/packet/clientBg.png") no-repeat center; height:735px;  }
.client ul{width:100%; float:left;}
.client ul li{ width:400px; float:left; margin-right:30px; margin-top:30px;}
.client ul li:nth-child(3n){margin-right:0px!important;}
