@charset "utf-8";

/* CSS Document */
.color3 { color: #333 !important; }
.colorm { color: #1a3b6e !important; }
.pt40 { padding-top: 40px; }
.pb40 { padding-bottom: 40px; }
a, .tran02 { transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; }
.row { }
.row .title1 { text-align: center; font-size: 28px; line-height: 1.2; color: #1a4386; font-weight: 500; }
.row    .separator { display: block; width: 60px; height: 5px; margin: 15px auto 15px; background-color: #ccc; position: relative; }
.row    .separator:after { width: 30px; height: 5px; background: #1a3b6e; position: absolute; content: ""; }
.row    .text-p { text-align: center; font-size: 16px; color: #5f6367; margin-bottom: 60px; margin-top: 12px; }

/* 集运系统介绍 */
.intro { }
.intro-b { width: 368px; height: auto; }
.intro-bb { width: 100%; margin-bottom: 40px; }
.intro-i { float: right; width: 45px; height: 45px; background-color: #1a3b6e; color: #fff; text-align: center; line-height: 45px; font-size: 24px; }
.intro-i:hover { background-color: #ff7200; }
.intro-txt { float: left; width: 293px; height: auto; }
.intro-txt .title { text-align: right; width: 100%; height: 20px; font-size: 20px; color: #44483e; line-height: 20px; margin-bottom: 14px; }
.intro-txt .text { width: 100%; height: 72px; font-size: 15px; color: #666; line-height: 24px; overflow: hidden; }
.intro-b.fr .intro-i { float: left; }
.intro-b.fr .intro-txt { float: right; }
.intro-b.fr .intro-txt .title { text-align: left; }
.intro-c { position: relative; width: 464px; height: 444px; background: url(./images/intro-c.png) no-repeat center center; animation: floatUD 20s linear infinite; }
@keyframes floatUD {
    0%, 20%, 40%, 60%, 80%, 100% { transform: translateY(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateY(-40px); }
}
@-webkit-keyframes floatUD {
    0%, 20%, 40%, 60%, 80%, 100% { -webkit-transform: translateY(0); }
    10%, 30%, 50%, 70%, 90% { -webkit-transform: translateY(-40px); }
}

/* 视频 */
.ship { background: #f2f2f2;  overflow: hidden; }
.roundabout-holder { margin: 0px auto; width: 850px; height: 496px;margin-top:-60px; }
.roundabout-moveable-item { border-radius: 4px; border: 3px solid rgba(0, 0, 0, 0.08); width: 646px; height: 416px; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.roundabout-moveable-item img { width: 100%; }
.roundabout-in-focus { border: 3px solid rgba(0, 0, 0, 0.2); }

/*视频*/
.video-box { /*background:url(../images/video-bg.png) no-repeat center;*/ width: 100%; height: 100%; position: relative; margin: 0 auto 0; }
#video { position: absolute; left: 0; top: 0; }
.video-name { font-size: 17px; color: #333; line-height: 30px; text-align: center; width: 100%; margin-top: 10px; }
.ship .w { position: relative; }
.ship-btn { position: absolute; top: 210px; left: -40px; display: block; background: #fff; color: #bbb; width: 40px; height: 80px; text-align: center; line-height: 80px; font-size: 30px; padding-right: 4px; border: 2px solid #bbb; cursor: pointer; }
.ship-btn.next { left: auto; right: -40px; padding-right: 0; padding-left: 4px; }
.ship-btn:hover { border: 2px solid #ff7200; background: #fff; color: #ff7200; }

/* 流程 */

/* 免费试用 */
.mianf {background-color:#f4f4f4; }
.mianf-m .p1 { font-size: 16px; color: #333; line-height: 28px;  text-indent:2em; }
.mian-col,.mian-col1 { width: 270px; float: left; margin-left: 135px; font-size: 14px; color: #999; line-height: 24px; }
.mian-col1 {float:right;margin-left:0; margin-right:135px;
}
.mian-btn { display: inline-block; width: auto; height: auto; padding: 7px 24px; color: #fff; background: #4fbbd8; font-size: 16px; font-weight: bold; border-radius: 6px; }
.mian-btn:hover { color: #fff; background: #1bcfff; }
.mian-btn.green { background: #4fea92; }
.mian-btn.green:hover { color: #fff; background: #0eff76; }

/* 联系客服条 */
.jykf { height: 258px; width: 100%; background: url(./images/kefu-bg.jpg) no-repeat center center; color: #fff; line-height: 1.5; }
.jykf .title1 { font-size: 30px; font-weight: bold; margin-top: 90px; margin-bottom: 20px; color: #fff; }
.jykf .title2 { font-size: 16px; color: #fff; }
.jykf .qqbtn { display: inline-block; width: auto; height: auto; padding: 7px 24px; color: #fff; font-size: 16px; font-weight: bold; padding-left: 46px; background: url(./images/qqbtn.png) no-repeat 14px center #add827; margin-left: 120px; margin-top: 120px; }
.jykf .qqbtn:hover { background-color: #eea469; }
.jykf .info { width: 280px; margin-top: 70px; }
.jykf .info .p1 { line-height: 40px; font-size: 16px }
.jykf .info .p1 img { vertical-align: -10px; margin-right: 10px; }
.jykf .info .p2 { line-height: 40px; font-size: 30px; font-weight: bold; letter-spacing: -1px; }

/* 报价表 */
.table-bordered th, .table-bordered td { padding: 8px; line-height: 20px; vertical-align: middle; border: 1px solid #fff; }
.table-bordered .header th { position: relative; vertical-align: middle; height: 30px; background: #54b0eb; color: #fff; font-size: 18px; overflow: hidden; }
.table-bordered .header th .tag { position: absolute; top: -15px; right: -25px; background: #a5e500; color: #fff; font-size: 12px; font-weight: normal; padding: 22px 18px 2px 18px; transform: rotate(45deg); }
.table-bordered .header th .tag.green { background: #add827; }
.table-bordered .header th .tag.orange { background: #ff9900; }

/* 详细功能 */
.xxgn-b { position: relative; float: left; width: 400px; text-align: center; line-height: 1; padding: 20px 0; box-shadow: 0 0 20px transparent; }
.xxgn-b:hover { box-shadow: 0 0 20px #ccc; z-index: 2; }
.xxgn-i { font-size: 40px; margin-bottom: 22px; color: #666; }
.xxgn-name { color: #666; font-size: 18px;margin-bottom: 16px; }
.xxgn-txt { color: #888; font-size: 14px; line-height: 24px; width: 350px; margin-left:20px;}
.xxgn-txt a { color: #888; padding: 0 4px; }
.xxgn-txt a:hover { color: #1a3b6e; }

/*.xxgn-b:hover .xxgn-i,.xxgn-b:hover .xxgn-name{
color: #1a3b6e;
}*/

/* 合作伙伴 */
.partner-m .par-img { height: 130px; padding: 0 20px 20px; text-align: center; }
.quick-link { padding: 40px 0; border-top: 1px solid #aaa; }
.quick-link .link-b { display: inline-block; padding: 0 90px; width: 100px; height: 100px; }
.quick-link .link-b .link-i { display: block; width: 64px; height: 64px; border: 1px solid #aaa; border-radius: 6px; margin: 0 auto; font-size: 38px; text-align: center; line-height: 64px; color: #888; }
.quick-link .link-b:hover .link-i { background: #1a3b6e; color: #fff; border-color: #2f599a; }
.quick-link .link-b .link-name { display: block; width: 100%; height: 36px; line-height: 36px; font-size: 16px; color: #777; font-weight: bold; }
.quick-link .link-b:hover .link-name { color: #1a3b6e; }

/* 产品 */
.pro { width: 100%; position:relative;    /*border-top: 1px solid #aaa;*/ background: #f7f7f7; }
#focus { overflow: hidden; }
#focus ul { float: left; }
#focus li { width: 100%; float: left; }
#focus li a.slide-wrap { width: 100%; height: 100%; }
#focus-next {position: absolute; bottom: 100px; left: 50%; margin-left: 500px; background: #aaa; color: #fff; width: 60px; height: 30px; text-align: center; line-height: 30px; font-size: 12px; padding-left: 4px; }

/*#focus-next i{
font-size: 20px;
vertical-align: 
}*/
#focus-next:hover { background: #1a3b6e; }
.pro-ban { width: 740px; margin: 0 auto; }
.pro-img { width: 160px; height: 160px; background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; }
.pro-name { font-size: 18px; color: #333; margin-bottom: 10px; }
.pro-txt { width: 540px; }
.pro-txt .p1 { font-size: 14px; color: #666; line-height: 24px; }
.pro-txt .pro-btn { display: inline-block; padding: 7px 24px; color: #fff; font-size: 16px; background: #1a3b6e; margin-top: 20px; }
.pro-txt .pro-btn:hover { background-color: #dc7522; }

/*更新日志*/
.log-bg { clear: both; margin-bottom: 30px; min-height: 880px; _height: 880px; background: url(../images/t010e3bcc3344ccd8d3.png) top repeat-x }
.log { clear: both; padding: 22px 0 50px; overflow: hidden }
.log-date { clear: both; background: url(./images/t019d229feffbbad14a.png) repeat-y 172px 0; padding-top: 20px }
.log-click { width: 60px; height: 60px; background: url(./images/t01ce6f6e01250dc282.png) no-repeat; margin-left: 142px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="http://p4.qhimg.com/t01ce6f6e01250dc282.png");
_background: 0 }
.log ul { clear: both; overflow: hidden; zoom: 1; padding: 0 0 0 85px }
.log li { clear: both; overflow: hidden; padding-bottom: 30px; zoom: 1 }
.log li h3 { float: left; width: 80px; font-size: 25px; color: #c3c3c3; margin-top: -3px }
.log li h3 span { float: left; font-size: 10px; font-weight: normal; line-height: 14px; border-right: 1px solid #c3c3c3; padding: 0 5px 0 0; margin: 5px 5px 0 0 }
.log li dl { float: left; background: url(./images/t01274077abadb9b206.png) no-repeat 0 8px; padding: 2px 0 0 47px }
.log li dt { font-size: 20px }
.log li dt span { font-size: 12px }
.log li dd { overflow: hidden; color: #a6a6a6; line-height: 25px }
.log li.cur h3 { color: #ff7200; padding-top: 5px }
.log li.cur h3 span { border-right: 1px solid #f90 }
.log li.cur dl { background-position: 0 15px }
.log li.cur dt { font-size: 24px }
.log li .font16 { font-size: 17px }

.ke-zeroborder { font-size:14px; 
}
    .ke-zeroborder tr td {line-height:28px;
    }
.allgn li{clear:both; position:relative;border-bottom:1px solid #ccc;margin:10px 0; }
.allgn li:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.allgn li:hover { background-color:#f1f1f1;}
.allgn h2,.allgn1 h2 { border-left: 4px solid #1a3b6e; background: #f5f5f5; color:#1a3b6e; padding:8px 12px; margin: 20px 0; }
.content-blk-inner { padding: 32px 0 15px 0px; }
.allgn .bigtitle { width:300px; float:left; text-align:center; vertical-align:middle;margin-top:120px;}
.allgn .bigtitle .icon {width:100px;height:100px;font-size:50px;color: #666; }
.allgn .bigtitle h3 { font-size:16px; display:block;color: #666;}
.allgn dl { width:880px;padding:20px 20px 20px 0;float:left;}
.allgn dl dt {padding-bottom:5px; }
.allgn dl dt h4{ font-weight:bold;font-size:15px;color:#666;}
.allgn dl dd {  margin-bottom:20px;margin-left:2em; line-height:25px;font-size:14px;color:#999; }

.allgn1 dl dd { width:500px; margin:0 0 20px; padding:20px 50px; float:left; }
.allgn1 dl dd:hover { background-color:#f3f3f3; }
.allgn1 dl dd:hover h3 {color:#222;}
.allgn1 dl dd:hover .fea-content {color:#444; }
.allgn1 dl dd .icon { width:100px; font-size:50px; color:#666; float:left; margin-top:20px; }
.allgn1 dl dd h3 { font-weight:bold; font-size:16px; display:block; padding:5px 0; margin-bottom:10px;color:#555; }
.allgn1 dl dd .fea-content {color:#666; }
.allgn1 dl dd .fea-content p { line-height:25px; font-size:14px; }

/*.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {
background-color: #f2f2f2;
}
规定属于其父元素的第二个 p 元素的每个 p：
p:nth-of-type(2)
{
background:#ff0000;
}*/
.table-striped td:nth-of-type(1){ background-color:#f2f2f2}
.table-striped tr:nth-of-type(1) th:nth-of-type(2) {
    background-color: #2d5086;
}
.table-striped tr:nth-of-type(1) th:nth-of-type(3) {
    background-color: #2458a7;
}
.table-striped tr:nth-of-type(1) th:nth-of-type(4) {
    background-color: #f9923f
}
.table-striped tr:nth-of-type(1) th:nth-of-type(5) {
    background-color: #e55a53
}
.table-striped tr:not(:nth-of-type(1)) td:nth-of-type(2) {
    background-color: #e7fbfd;
}
.table-striped tr:nth-of-type(1) td:nth-child(2),
.table-striped tr:nth-of-type(7) td:nth-child(2),
.table-striped tr:nth-of-type(11) td:nth-child(2),
.table-striped tr:nth-of-type(19) td:nth-child(2),
.table-striped tr:nth-of-type(24) td:nth-child(2),
.table-striped tr:nth-of-type(31) td:nth-child(2),
.table-striped tr:nth-of-type(31) td:nth-child(2),
.table-striped tr:nth-of-type(36) td:nth-child(2)
 {
    background-color: #f2f2f2;
}
.table-striped tr:nth-of-type(1) td:nth-child(3),
.table-striped tr:nth-of-type(7) td:nth-child(3),
.table-striped tr:nth-of-type(11) td:nth-child(3),
.table-striped tr:nth-of-type(19) td:nth-child(3),
.table-striped tr:nth-of-type(24) td:nth-child(3),
.table-striped tr:nth-of-type(31) td:nth-child(3),
.table-striped tr:nth-of-type(31) td:nth-child(3),
.table-striped tr:nth-of-type(36) td:nth-child(3)
 {
    background-color: #e7fbfd;
}
/*----------------------------------------------*/
.table-striped tr:not(:nth-of-type(1)) td:nth-of-type(3) {
    background-color: #e7f1fd;
}
.table-striped tr:nth-of-type(1) td:nth-child(3),
.table-striped tr:nth-of-type(7) td:nth-child(3),
.table-striped tr:nth-of-type(11) td:nth-child(3),
.table-striped tr:nth-of-type(19) td:nth-child(3),
.table-striped tr:nth-of-type(24) td:nth-child(3),
.table-striped tr:nth-of-type(31) td:nth-child(3),
.table-striped tr:nth-of-type(31) td:nth-child(3),
.table-striped tr:nth-of-type(36) td:nth-child(3)
 {
    background-color: #e7fbfd;
}
.table-striped tr:nth-of-type(1) td:nth-child(4),
.table-striped tr:nth-of-type(7) td:nth-child(4),
.table-striped tr:nth-of-type(11) td:nth-child(4),
.table-striped tr:nth-of-type(19) td:nth-child(4),
.table-striped tr:nth-of-type(24) td:nth-child(4),
.table-striped tr:nth-of-type(31) td:nth-child(4),
.table-striped tr:nth-of-type(31) td:nth-child(4),
.table-striped tr:nth-of-type(36) td:nth-child(4)
 {
    background-color: #e7f1fd;
}
/*----------------------------------------------*/
.table-striped tr:not(:nth-of-type(1)) td:nth-of-type(4) {
    background-color: #fbf9e8;
}
.table-striped tr:nth-of-type(1) td:nth-child(4),
.table-striped tr:nth-of-type(7) td:nth-child(4),
.table-striped tr:nth-of-type(11) td:nth-child(4),
.table-striped tr:nth-of-type(19) td:nth-child(4),
.table-striped tr:nth-of-type(24) td:nth-child(4),
.table-striped tr:nth-of-type(31) td:nth-child(4),
.table-striped tr:nth-of-type(31) td:nth-child(4),
.table-striped tr:nth-of-type(36) td:nth-child(4)
 {
    background-color: #e7f1fd;
}
.table-striped tr:nth-of-type(1) td:nth-child(5),
.table-striped tr:nth-of-type(7) td:nth-child(5),
.table-striped tr:nth-of-type(11) td:nth-child(5),
.table-striped tr:nth-of-type(19) td:nth-child(5),
.table-striped tr:nth-of-type(24) td:nth-child(5),
.table-striped tr:nth-of-type(31) td:nth-child(5),
.table-striped tr:nth-of-type(31) td:nth-child(5),
.table-striped tr:nth-of-type(36) td:nth-child(5)
 {
    background-color: #fbf9e8;
}
/*----------------------------------------------*/
.table-striped tr:not(:nth-of-type(1)) td:nth-of-type(5) {
    background-color: #fee;
}
.table-striped tr:nth-of-type(1) td:nth-child(5),
.table-striped tr:nth-of-type(7) td:nth-child(5),
.table-striped tr:nth-of-type(11) td:nth-child(5),
.table-striped tr:nth-of-type(19) td:nth-child(5),
.table-striped tr:nth-of-type(24) td:nth-child(5),
.table-striped tr:nth-of-type(31) td:nth-child(5),
.table-striped tr:nth-of-type(31) td:nth-child(5),
.table-striped tr:nth-of-type(36) td:nth-child(5)
 {
    background-color: #fbf9e8;
}
.table-striped tr:nth-of-type(1) td:nth-child(6),
.table-striped tr:nth-of-type(7) td:nth-child(6),
.table-striped tr:nth-of-type(11) td:nth-child(6),
.table-striped tr:nth-of-type(19) td:nth-child(6),
.table-striped tr:nth-of-type(24) td:nth-child(6),
.table-striped tr:nth-of-type(31) td:nth-child(6),
.table-striped tr:nth-of-type(31) td:nth-child(6),
.table-striped tr:nth-of-type(36) td:nth-child(6)
 {
    background-color: #fee;
}