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

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


/*about*/
.serviceMain ul{width:100%; float:left;}
.serviceMain ul li{width:292px; float:left;margin-right:30px; background: url("../images/software/serviceBg.png") no-repeat center bottom; height:195px; margin-top: 40px;}
.serviceMain ul li:last-child{margin-right:0px!important;}

/*plan*/
.plan{background: url("../images/software/planBg.png") no-repeat center; height:840px;}
.plan .channelTitle h1, .plan .channelTitle h3{color:#fff!important;}

/*highlights*/
.highlightsMain{background: url("../images/software/highLightBg.png") no-repeat center; height:506px;}
.highlightsList{ width:315px; float:left;}
.highlightsList:nth-child(2n){margin-top:110px;}
.highlightsList .text{width:275px; float:left; padding:20px;}
.highlightsList .text p{line-height: 50px;}
.highlightsList .title{font-size:18px; font-weight: bold; color:#0033a0; line-height: 110px;}
.highlightsList:nth-child(2n+1) .text{color:#fff;}



/*product*/
.tab {width: 100%; float:left;}
.tabTitle {width:840px; float:left;margin-left:210px;height:65px; line-height: 65px; background: #fff; box-shadow: 10px 10px 5px #f5f5f5; border-radius: 10px;}
.tabTitle .tabItem {width: 140px; float:left; height:65px; line-height: 65px;text-align: center;color: #666;font-size: 18px;}
.tabTitle .tabItem:first-child{border-radius:10px 0px 0px 10px;}
.tabTitle .tabItem:last-child{border-radius:0px 10px 10px 0px;}
.tabTitle .tabItem:hover, .tabTitle .tabItemCur{color: #fff; background: #0033a0;}
.tabContent {width: 1260px;height: 560px; float:left; position: relative;overflow: hidden; margin-top:40px;}
.tabContentWrap {position: absolute; }
.tabContent .tabItem {width: 1260px;height: 560px;}
.tabContent .tabItem .valueImg{ width:680px;}
.tabContent .tabItem .valueImg img{width:100%; float:left; box-shadow: 5px 5px 5px #f5f5f5;}
.tabContent .tabItem .valueText{width:550px; float:left;}
.tabContent .tabItem .valueText .title{font-size:18px; color:#0033a0; line-height: 50px;}
.tabContent .tabItem .valueText .summary{font-size:14px; color:#666; line-height: 30px;}


/*client*/ 
.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;}