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

.banner{position:relative;height:500px;overflow:hidden;}
.slides{position:relative;}
.slides li{height:500px;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%; z-index:9000!important;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}


.process{background: #217cfb; padding:50px 0px;}
.processMain{width:955px;padding:0px 30px; background: url("../images/itrack_bg.png") no-repeat; height:240px;}
.process .processLeft{width:570px; }
.process .processLeft .channel{line-height: 50px; border-bottom:1px solid #ddd; font-size:16px; color:#333;}
.process .processLeft .channel span{font-size:14px;color:#999;margin-left:15px;}
.process .processLeft ul{width:100%; float:left; margin-top:30px;}
.process .processLeft ul li{width:20%; float:left; text-align: center;}
.process .processRight{width:320px;}
.tab {width: 320px;margin: 0 auto;}
.tabTitle {height: 50px;background-color: #fff;width: 100%;margin: auto;background: #fff;border-bottom: 1px solid #f1f1f1;}
.tabTitle .tabItem {display: inline-block;width: 160px;height: 50px; float:left; line-height: 50px;text-align: center;color: #666;font-size: 12px;}
.tabTitle .tabItem:hover{color: #217cfb;}
.tabTitle .tabItemCur {color: #217cfb;font-size: 14px; font-weight: bold; border-bottom: 1px solid #217cfb;}
.tabContent {position: relative;width: 320px; float:left; height: 180px;overflow: hidden;}
.tabContentWrap {position: absolute;}
.tabContent .tabItem {width:100%;height: 180px; float:left;}
.tabContent .tabItem .login .inputDiv{line-height:32px; color:#666; margin-top:15px;}
.tabContent .tabItem .login .inputDiv input{width:240px; float:right; line-height: 30px; border:1px solid #ddd; border-radius: 2px; text-indent:15px; color:#666;}
.tabContent .tabItem .login .loginBtn input{width:90px; line-height: 35px; background: #217cfb; border:none; border-radius: 3px;  color:#fff; font-weight: bold; margin-left:50px}
.tabContent .tabItem .login .loginBtn a{float:right; margin-right:50px; color:#999; line-height: 35px;}
.tabContent .tabItem .waybill textarea{width:276px;line-height:26px; color:#666; margin-top:15px; border:1px solid #ddd; border-radius: 2px; padding:15px; font-size:12px; height:50px;}
.tabContent .tabItem .waybill .waybillBtn input{width:90px; line-height: 35px; border:none; border-radius: 3px; font-weight: bold;}
.tabContent .tabItem .waybill .waybillBtn input:first-child{ float:left; background: #217cfb; margin-left:40px;color:#fff;}
.tabContent .tabItem .waybill .waybillBtn input:last-child{float:right; background: #ddd;margin-right:50px; color:#999;}




.product ul{width:100%; float:left; margin-top:30px;}
.product ul li{width:235px; float:left;  margin-right:25px;}
.product ul li:last-child{margin-right:0px;}
.product ul li .proImg img{width:100%; float:left;}
.product ul li .proText{width:233px; border:1px solid #ddd;border-top:none; }
.product ul li .proText .proTitle{ color:#333; font-size:16px; font-weight: bold;}
.product ul li .proText .proSummary{color:#666; line-height: 28px;}
.product ul li .proBtn{margin-left:31.5px; margin-bottom:15px;}
.product ul li .proBtn a{padding:5px 10px; display: block; float:left; border-radius: 2px; color:#fff;}
.product ul li .proBtn a:first-child{background:#217cfb;}
.product ul li .proBtn a:last-child{background:#fbc021; margin-left:20px;}
.product ul li .proBg{background: url(../images/iproducts_bgs.jpg) no-repeat; margin-top:-1px; height:11px;}
 


.news{padding-bottom:60px;}
.newsMain{ width:955px; padding:30px;}
.newsList{width:290px; float:left; margin-right:42px;}
.newsList:last-child{margin-right:0px;}
.newsList .newsChannel{border-bottom:1px solid #ddd; }
.newsList .newsChannel div{ float:left;line-height: 45px; border-bottom:1px solid #217cfb;}
.newsList .newsChannel div span{color:#666; font-size:12px; padding-left:5px;}
.newsList .newsChannel a{float:right; font-size:12px; padding:0px 5px; line-height: 25px; background: #ccc; border-radius: 2px; color:#fff; margin-top:10px;}
.newsList .newsChannel a:hover{background: #217cfb; color:#fff;}
.newsList ul, .newsList ul li{width:100%; float:left; font-size:12px;}
.newsList ul li{line-height:24px; margin-top:5px;}
.newsList .newsImg img{width:100%; height:100px;}
.newsList ul li a .title{color:#333;}
.newsList ul li a .title span{width:3px; height:3px; border-radius: 50%; float:left; margin-top:10px;  margin-right:5px;background: #ddd;}
.newsList ul li a .date{color:#999; text-indent: 7px;}
.newsList ul li a:hover .title, .newsList ul li a:hover .date{color:#217cfb;}
.newsList ul li a:hover .title span{background: #217cfb;}