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

/* css reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figure, figcaption, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;vertical-align: baseline; background: transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-weight: normal; font-style: normal;}
li {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
q:before, q:after {content:'';}
input, textarea, select {font-family: inherit; font-size: inherit; font-weight: inherit;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
em {font-style: italic;}
strong {font-weight: bold;}

/* global */
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%;}
body { font-family: "microsoft yahei" ,arial, helvetica, sans-serif;  font-size: 12px; color:#666; line-height: 1.5; overflow-x: hidden;  position: relative;}
h1 {font-size:30px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
a {color:#666; text-decoration:none; outline:none;}
a:visited {color:#666; text-decoration:none; outline:none;}
a:hover { color:#f28625; text-decoration:underline; outline:none;}
a:active { color:#666; text-decoration:none; outline:none;}
a:focus { outline:none; text-decoration: none;}

.inline-block {display: inline-block; *display: inline; *zoom: 1;}
.clear {clear:both; height:0; overflow:hidden;}
.clearfix:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.hide-text {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
.hide {display: none;}

textarea {resize:none;}

.top-bar { height: 30px; line-height: 30px; background: #f5f5f5; border-bottom: #e5e5e5 solid 1px;}
.left-bor { float: left;  width: 300px; overflow: hidden;}
.right-bor { float: right; overflow: hidden;}
.top-bar .lang-en { float: left; width: 20px; height: 14px; margin: 8px 10px 0 0; background: url("../images/lang-en.jpg") no-repeat 0 0;}
.top-bar .lang-ch { float: left; width: 20px; height: 14px; margin: 8px 25px 0 0; background: url("../images/lang-ch.jpg") no-repeat 0 0;}
.top-bar .xing { float: left; width: 66px; margin-right: 15px; padding-left: 15px; height: 30px; line-height: 30px; background: url("../images/xing.png") no-repeat 0 9px;  color: #666;}
.top-bar .xing:hover { background-color: #e5e5e5; color: #f28625; text-decoration: none;}
.top-bar .weixin { float: left;  margin: 7px 7px 0 0; width: 16px; height: 16px; background: url("../images/two-card.jpg") no-repeat 0 0; color: #666;}
.top-bar .tengbo { float: left;  margin: 7px 7px 0 0; width: 16px; height: 16px; background: url("../images/tengbo.jpg") no-repeat 0 0; color: #666;}
.top-bar .xinlang { float: left;  margin: 7px 0 0 0; width: 16px; height: 16px; background: url("../images/xinlang.jpg") no-repeat 0 0; color: #666;}
.top-bar .login { float: left;}

.right-bor span { float: left; padding-right: 10px;}
.right-bor .regst { float: left; padding-left: 20px;  margin-right: 15px; height: 30px; line-height: 30px; background: url("../images/eidt.png") no-repeat 0 9px; color: #666;}
.right-bor .back-home { float: left; padding-right: 20px;}

.top-box { padding: 15px 0;}
.top-box .logo { float: left; width: 400px;}
.top-box .search { overflow: hidden; float: left; margin: 15px 0 0 25px;}
.top-box .search .search-text {  float: left; background: url("../images/searcha.png") no-repeat 2px 2px;  border: 2px solid #f28625; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; color: #c8c8c8; cursor: auto;
    height: 35px; *height: 19px; padding: 6px 0 6px 30px; width: 290px;}
.top-box .search .search-btn { float: left; background: #f28625; border: medium none; color: #fff;    cursor: pointer;
    font-size: 14px; height: 35px; line-height: 35px; width: 60px;}
.top-box .phone { float: right; width: 249px; height: 69px; background: url("../images/phonename.png") no-repeat 0 0;}

.nav-box { width: 100%;  background: url("../images/nav-bg.jpg") repeat-x; border: 0 none;}
.nav { overflow: hidden; background: url("../images/nav-jg.jpg") no-repeat 0 0;}
.nav li { float: left; width: 14.28571428571429%; background: url("../images/nav-jg.jpg") no-repeat right 0; }
.nav li a { display: block; height: 45px; line-height: 45px;  border-bottom: #1a1a1a solid 2px; color: #fff; font-size: 14px; text-align: center;}
.nav li.active a,.nav li a:hover { background: #000; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; border-bottom: #f28625 solid 2px; color: #fff; text-decoration: none;}
.mobile-top { display: none;}


.nav-box-res { background: #04a0d9; border-bottom:#0a8dbd solid 1px; margin-bottom: 30px;  }
.res-nav { height: 60px; line-height: 60px; overflow: hidden;}
.res-nav li { float: left;}
.res-nav li a { display: block; padding: 0 40px; font-size: 16px; color: #fff;}
.res-nav li.active a,.res-nav li a:hover { background: #0a8dbd; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; border-bottom: #f28625 solid 2px; color: #fff; text-decoration: none;}
.res-nav .phone-white { float: right; width: 141px; height: 60px; background: url("../images/phone-white.png") no-repeat right 50%;}
.register-left {  overflow: hidden;}
.form-horizontal .form-group { overflow: hidden; width: 50%; float: left;  margin: 0 0 20px;}
.form-horizontal .control-label {float: left; font-size: 14px; line-height: 26px; margin-right: 5px; text-align: right; width: 100px; }
.form-horizontal .form-control { display: block;}
.form-horizontal .tip-text { display: block; margin-top: 5px;}
.form-horizontal .control-item { float: left; width: 330px;}
.form-horizontal .btn-sub { text-align: right;}
.form-horizontal .btn-sub .Btn { width: 200px; display: inline-block;}

#register_tab1 {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #dedede;
    margin: 0 auto 40px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-top: 30px;
    overflow: hidden;

}

.checkinput input.getcodebtn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #f68714;
    border-color: -moz-use-text-color -moz-use-text-color #c66400;
    border-image: none;
    border-radius: 2px;
    border-style: none none solid;
    border-width: medium medium 2px;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 100px;
}
.checkinput input.getcodebtn:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #ff5f00;
    border-color: -moz-use-text-color -moz-use-text-color #d35003;
    border-image: none;
    border-radius: 2px;
    border-style: none none solid;
    border-width: medium medium 2px;
    color: #fff;
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 100px;
}
.content_element_right2 input.getcodebtn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #f68714;
    border-color: -moz-use-text-color -moz-use-text-color #c66400;
    border-image: none;
    border-radius: 2px;
    border-style: none none solid;
    border-width: medium medium 2px;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    height: 33px;
    line-height: 33px;
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 100px;
}
.content_element_right2 input.getcodebtn:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #ff5f00;
    border-color: -moz-use-text-color -moz-use-text-color #d35003;
    border-image: none;
    border-radius: 2px;
    border-style: none none solid;
    border-width: medium medium 2px;
    color: #fff;
    display: block;
    float: left;
    height: 33px;
    line-height: 33px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 100px;
}
.Btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #1589d8;
    border-color: -moz-use-text-color -moz-use-text-color #086eb8;
    border-image: none;
    border-radius: 4px;
    border-style: none none solid;
    border-width: 0 0 3px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: Microsoft YaHei;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 100%;
}
.Btn:hover {
    background: none repeat scroll 0 0 #086eb8;
    border-bottom: 3px solid #055d9b;
    color: #fff;
}
.yellowbtn {
    background: none repeat scroll 0 0 #f68714;
    border-bottom: 3px solid #c66400;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 130px;
}
.yellowbtn:hover {
    background: none repeat scroll 0 0 #ff5f00;
    border-bottom: 3px solid #d35003;
    border-radius: 4px;
    color: #fff;
    display: block;
    float: left;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 120px;
}
.yellowbtn:active,.yellowbtn:visited { color: #fff;}
.res-footer { background: #f3f3f3; border-top: 1px solid #d8d8d8;}
.f-m1 { border-right: 1px solid #d8d8d8;float: left; margin-top: 10px; padding-left: 30px; width: 25%; height: 100px;
    margin-bottom: 20px;}
.f-m1.last { border-right: none;}
.f-m1 h3 { font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.copyright { text-align: center; padding-bottom: 20px;}

.main-login { overflow: hidden; background: #fff; border: 1px solid #e5e5e5; margin-top: 20px; padding: 20px; position: relative; margin-bottom: 40px; }
.login-box { border-left: 1px dashed #ccc;  line-height: 200%; padding-left: 50px; width: 50%; float: right; }
.login-box li { list-style: disc inside none; }
.login-box h3 { font-size: 16px; height: 30px;}
.login-box .form-group { float: none; width: 100%;}
.login-right { padding-left: 50px; width: 50%; float: left; }
.login-right h3 { font-size: 16px;  height: 30px; }
.login-right li { list-style: disc inside none; }
.loginTips {
    height: 40px;
    left: 100px;
    position: absolute;
    top: 84px;
    width: 400px;
    z-index: 899;
}
.login_input {
    background: #fafafa;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    width: 400px;
}

.header-banner { width: 100%; position: relative; margin-bottom: 30px;}
.header-banner li { text-align: center;}
.header-banner li img { width: 100%; height: auto; display: block;}
.header-banner .bx-controls-direction { display: none;}
.header-banner .bx-pager { text-align: center; width: 315px; position: absolute; bottom: 15px; left: 50%;
    margin-left: -157px; z-index: 100;}
.header-banner .bx-pager-item { display: inline-block; *display: inline; *zoom: 1; width: 95px; margin: 0 5px;}
.header-banner .bx-pager-item a { display: block; width: 100%; height: 16px; background: #fff; border-radius: 10px; text-indent: -9999px;}
.header-banner .bx-pager-item a.active { background: #ef9c00;}
.two-card { width: 120px; position: fixed; top: 200px; left: 20px; z-index: 100; color: #ef9c00; text-align: center;}
.servicemap { width: 590px; }
.process { width: 664px;}
.servicemap img,.process img { width: 100%; height: auto;}


.fastchannel {  text-align: center; padding-bottom: 100px; font-family: "瀹嬩綋"; font-weight: bold;}
.featureItem { display: inline-block;  margin: 0 40px; width: 122px; height: 122px; vertical-align: top; }
.featureItem .graph { display: inline-block; width: 122px; height: 122px; position: relative;}
.featureItem .graph .bg {background: url("../images/mdFeatureSmall.png") no-repeat 0 0;
    display: inline-block; height: 122px; width: 122px;}
.featureItem .graph .obj {background: url("../images/mdFeatureSmall.png") no-repeat 0 0;
    display: none;  position: absolute;}
.featureItem.feature1 .bg { background-position: 0 0; }
.featureItem.feature2 .bg { background-position: -122px 0; }
.featureItem.feature3 .bg { background-position: -244px 0; }
.featureItem.feature4 .bg { background-position: -366px 0; }
.featureItem.feature5 .bg { background-position: -488px 0; }
.featureItem:hover { text-decoration: none;}
.featureItem:hover .bg { background-position: 0 -122px !important; }
.featureItem:hover .obj { display: block; *display: none;  }
.featureItem.feature1 .obj{ background-position: -122px -122px; left: 36px; top: 36px; height: 48px;  width: 48px;}
.featureItem.feature2 .obj{ background-position: -170px -122px; left: 37px; top: 37px; height: 47px;  width: 51px;}
.featureItem.feature3 .obj{ background-position: -221px -122px; left: 46px; top: 37px; height: 47px; width: 30px;}
.featureItem.feature4 .obj{ background-position: -366px -122px;left: 15px; top: 31px; height: 54px;  width: 92px;}
.featureItem.feature5 .obj{ background-position: -295px -122px;left: 38px; top: 36px; height: 47px;  width: 48px;}
.featureItem .text { display: block; color: #333; margin-top: 15px; font-size: 16px;}
@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        transform: translateY(30px);
    }
    80% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}
.bounceInDown {
    animation-name: bounceInDown;
}
.featureItem:hover .obj {
    animation-name: bounceInDown;
    animation-delay: 0.01s;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-timing-function: ease;
}
.main-center { overflow: hidden; margin-bottom: 15px; margin-left: -15px; margin-right: -15px; }
.main-bot { overflow: hidden; margin-bottom: 30px; margin-left: -15px; margin-right: -15px;}
.waybill,.slide,.news,.login-group { width: 33.33333333333333%; *width: 30.3333333333333%; float: left; padding-left: 15px; padding-right: 15px;}
.waybill h3 { height: 37px; line-height: 37px; padding-left: 15px; background: #04a0d9; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.waybill .box { border: #d5d5d5 solid 1px; border-top: 0 none;}
.waybill .box form { position: relative;  padding: 20px 20px 30px;}
.waybill textarea { background: #fff; border: 1px solid #d6d6d6; color: #999; font-size: 14px;  line-height: 22px; overflow: hidden; padding: 10px; resize: none; width: 100%; %width: 93.5%; height: 116px; display: block; margin-bottom: 5px;}
.waybill label { font-size: 14px;}
.waybill #checkbox { margin: 2px 7px 0 0; }
.waybill .clean,.waybill .makesure {background: #04a0d9; color: #fff; cursor: pointer; font-weight: bold; height: 30px;  line-height: 30px; position: absolute; right: 130px; text-align: center; bottom: 15px; width: 90px; font-size: 14px;}
.waybill .makesure { background: #81a713;  right: 20px; border: 0 none; }
.waybill .box-shadow { width: 100%; height: 18px; background: url("../images/shadow.jpg") no-repeat 100% 0;}

.slide { position: relative; }
.slide .bx-controls-direction { display: none;}
.slide .bx-pager { text-align: center; width: 60px; position: absolute; right: 20px; bottom: 8px; z-index: 100;}
.slide .bx-pager-item { display: inline-block; width: 8px; margin: 0 5px;}
.slide .bx-pager-item a { display: block; width: 8px; height: 8px; background: #fff;
    text-indent: -9999px;}
.slide .bx-pager-item a.active { background: #04a0d9;}


.news .nav-tabs li { width: 50%; font-size: 14px;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #fff;
    cursor: pointer;
    background-color: #04a0d9;
    border: 1px solid #04a0d9;
}
.nav-tabs > li > a:hover {
    border-color: #04a0d9;
}

.nav-tabs > li > a,.nav-tabs li.active a { background: #fff;  border-radius: 0; margin-right: 0; line-height: 35px; text-align: center; display: block; border: #04a0d9 solid 1px; text-decoration: none;}
.nav-tabs li a { color: #333;}
.nav-tabs li.active a,.nav-tabs li a:hover { background: #04a0d9; color: #fff;}
.news .tab-pane { padding-top: 14px;}
.news .tab-pane li { height: 36px; line-height: 35px; border-bottom: #ccc dotted 1px; font-size: 13px; overflow: hidden;
    white-space: nowrap; text-overflow: ellipsis;}
.news .tab-pane li span { color: #fc5300; margin-right: 10px;}
.news .tab-pane li a { color: #333;}

.bill { margin-bottom: 30px; display: none;}
.line-query { border: #d5d5d5 solid 1px; overflow: hidden; margin-bottom: 30px; }
.line-query h3 { margin: 15px 0 15px 10px;}
.line-query li { float: left; padding-left: 10px; width: 20%; *width: 18%;}
.line-query li img { width: 100%; height: auto;}


.login-group .box { background: #f7f7f7; border: #d5d5d5 solid 1px; padding: 20px 40px 0; height: 265px; *height: 243px;}
.login-group h3 { margin-bottom: 16px; border-bottom: #d5d5d5 solid 1px; padding-bottom: 15px; position: relative;}
.login-group .title-right { display: block; width: 128px; position: absolute; right: 0; top:0; font-size: 14px; margin-top: 5px;}
.login-group .title-right a { color: #04a0d9;}
.login-group .form-control { border-radius: 0; margin-bottom: 17px; padding-left: 25px; height: 36px; *height: 22px; *width: 88%;}
.login-group .form-control.name { background: #fff url("../images/login-icon1.png") no-repeat 7px 7px;}
.login-group .form-control.pass { background: #fff url("../images/login-icon2.png") no-repeat 7px 7px;}
.login-group .login-btn { display: block; height: 30px; line-height: 30px; background: #ff9e00; border: #f27a00 solid 1px; color: #fff; font-size: 14px; text-align: center; margin-bottom: 15px;}
.login-group .login-btn:hover { background: #f27a00; text-decoration: none;}
.login-group .login-bot { overflow: hidden;}
.login-group .login-bot label { float: left;}
.login-group .login-bot label #checkbox2 { margin: 4px 7px 0 0;}
.login-group .foget-pass { float: right;  color: #04a0d9;}

.odds-group { width: 66.66666666666666%; *width: 64.66666666666666%; float: right; padding-left: 15px; padding-right: 15px; }
.odds-group .box { border: #d5d5d5 solid 1px;}
.odds-group .box h3 { background: url("../images/odds-bg.png") repeat-x 0 0; height: 32px; line-height: 32px; }
.odds-group .box h3 span { float: left; width: 120px; text-align: center; background: #fff; height: 32px;}
.odds-group .box h3 .more { float: right; width: 60px; text-align: center; font-size: 14px;}
.odds-group table { font-size: 14px; width: 100%;}
.odds-group table th { color: #333; text-align: center; padding-bottom: 10px; padding-top: 15px;}
.odds-group table tr.gray td { background: #f7f7f7; }
.odds-group table td { text-align: center; height: 37px; line-height: 37px;}
.odds-group .wht1 { width: 50%;}
.odds-group .wht2 { width: 25%;}
.odds-group .wht3 { width: 25%;}


.sub-nav { width: 25%; float: left; padding-right: 15px; margin-bottom: 40px;}
.headline { overflow: hidden; height: 40px; background: #04a0d9; vertical-align: middle;}
.headline img { float: left;  padding: 7px 10px 0;}
.headline h3 { float: left;  line-height: 40px; font-size: 14px; color: #fff; font-weight: bold;}
.main-content { float: left; width: 75%; padding-left: 15px; margin: 0 0 40px;}
.main-content .ad { margin-bottom: 20px;}
.contentlist { margin-bottom: 20px; }
.contentlist ul li a { display: block; background: #f9f9f9 url("../images/point.png") no-repeat 0 0; height: 40px; line-height: 40px; padding-left: 15px; border-bottom: #ccc dotted 1px; font-family: "瀹嬩綋"; font-size: 14px; font-weight: bold;text-align: left;}
.contentlist ul li.active a,.contentlist ul li a:hover { color: #04a0d9; background: #fff url("../images/point.png") no-repeat 0 -40px; text-decoration: none;}

.contentlist1 { margin-bottom: 20px; }
.contentlist1 ul li .title {width:83%;float:left;}
.contentlist1 ul li .dt {float:left;width:17%;}
.contentlist1 ul li a { display: block; background: #f9f9f9 url("../images/point.png") no-repeat 0 0; height: 40px; line-height: 40px; padding-left: 15px; border-bottom: #ccc dotted 1px; font-family: "瀹嬩綋"; font-size: 14px; font-weight: bold; }
.contentlist1 ul li.active a,.contentlist1 ul li a:hover { color: #04a0d9; background: #fff url("../images/point.png") no-repeat 0 -40px; text-decoration: none;}

.listbd{ background:#f9f9f9; border-top:2px solid #3da3ff; margin-top:20px; padding:20px 40px;}
.listbd .title{position:relative;}
.listbd .title .titleicon1{ position:absolute; left:0px; top:-2px; width:26px; height:22px;}
.listbd .title h3{ color:#2e9cff; font-weight:bold; font-family:"寰蒋闆呴粦"; height:22px; line-height:22px; vertical-align:middle; padding-left:32px;}
.listbd p{ line-height:28px;}
.listbd form { overflow: hidden;}
.listbd .queryinput{ margin-top:10px; width:100%; height:80px; padding:20px; color:#999; font-size:12px; line-height:20px; border:1px solid #d6d6d6; font-size: 14px; margin-bottom: 20px;}
.listbd .code{ background:#fff; border:1px solid #dadada; width:150px; padding:10px;top: 0px;right: 0px; position: absolute}
.listbd .code .title2{position: absolute; right:1px; top:1px; background: url(../images/onlineicon.png) no-repeat right top ;width:50px; height:49px;} 
.listbd .code ul li .img{ width:120px; margin:0 auto; display:block; margin-top:20px;}
.listbd .code ul li .text1{ margin-top:10px; text-align:center;}
.listbd .code ul li.text2{ margin-top:20px; text-align:center; font-size:12px; line-height:18px;}
.listbd .code ul li.slogin{ color:#2e9cff; margin-top:30px; font-weight:bold; text-align:center; font-family:"寰蒋闆呴粦"}
.listbd .querycont{ border:1px solid #dadada; position: relative;background:#fff;}
.listbd .querycont:hover{ border:1px solid #2E9CFF;}
.listbd .querycont h3{ height:45px; line-height:45px; vertical-align:middle; text-align:center; font-size:16px; font-family:"寰蒋闆呴粦"; color:#2e9cff; font-weight:bold;}
.listbd .querycont .queryinfor ul li{ float:left; width:178px; text-align:center; border-top:1px dotted #cbcbcb; border-bottom:1px dotted #cbcbcb; border-left:1px dotted #cbcbcb;}
.listbd .querycont .queryinfor.International li{width:364px; }
.listbd .querycont .queryinfor ul li .img{ height:40px; margin-top:15px;}
.listbd .querycont .queryinfor ul li .text3{ height:45px; line-height:45px; vertical-align:middle; font-family:"寰蒋闆呴粦"}
.listbd .querycont .state{ padding:20px;}
.listbd .querycont .state ul li{ background:url(../images/billsearch_route_all.png) no-repeat left 20px; padding-left:30px; border-top:1px dotted #ccc; height:60px; padding-top:20px;}
.listbd .querycont .state ul li.current1{background:url(../images/billsearch_route_d.png) no-repeat left 20px;}
.listbd .querycont .state ul li .time{ font-size:12px; height:25px; line-height:25px; vertical-align:middle;}
.listbd .querycont .state ul li .on{ color:#77b428; font-weight:bold;}

.servicect ul {overflow: hidden; padding: 20px 12px; background: #f9f9f9; }
.servicect li { float: left; padding: 0 12px 20px;}
.servicect li img { margin-bottom: 5px;}
.main-content .ad img { width: 100%; height: auto;}

.footer { background: #222222; padding: 30px 0 50px; color: #828282;}
.footer .link { width: 25%; float: left;}
.footer .footabout { background: url("../images/foot-icon.png") no-repeat 0 0;}
.footer .footabout p { padding-left: 28px;}
.footer h3 { color: #fff; margin-bottom: 10px;}
.footer p { line-height: 35px;}
.footer .foot-list li { background: url("../images/arrow.jpg") no-repeat 0 10px; height: 30px; line-height: 30px; padding-left: 15px;}
.footer .foot-link a { display: inline-block; line-height: 30px; margin: 0 5px;  }


.pd20 .title{text-align: center;font-size: 16px;font-weight: bold;}

.pd20 .dt{text-align: center;font-size: 14px;}

.jobtable{border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width:100%; margin-bottom: 20px; }
.jobtable td {border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 5px;}

.listcontent{ border:1px solid #d8d8d8; background:#fff; margin-top:20px; padding:20px;}

.listcontent .contraicon ul li{ float:left; margin-left:22px; width:120px; text-align:center;}
.listcontent .contraicon ul li h5{ font-size:12px;}
.listcontent .contratextreas ol,.listcontent .contratextreas1 ol{ list-style:decimal;}
.listcontent .contratextreas ol li{ margin-left:45px; line-height:30px;}
.listcontent .contratextreas1 ol li{ margin-left:-5px; line-height:30px;}
.listcontent ul li{ margin-bottom:20px;}

.input1{ height:30px; border:1px solid #ddd; color:#999; font-size:12px; line-height:30px; vertical-align:middle;padding-left:5px;}
.input1 option{ line-height: 180%;padding: 10px;}
.input2{ height:26px; border:1px solid #ddd; color:#999; font-size:12px; line-height:26px; vertical-align:middle;padding-left:5px;}

.listcontent .content{width:500px;height:100px;}

.guestbook span.labels{ display: block;width: 80px;float: left;text-align: right; line-height: 25px;font-size: 14px;color: #333;}

.orangebutton{ width:100px; float: right; height:30px; line-height:30px; vertical-align:middle; background:#ff8840; text-align:center; color:#fff; font-weight:bold; cursor:pointer; border: 0px}
.orangebutton1{ width:100px; height:30px; line-height:30px; vertical-align:middle; background:#ff5513; text-align:center; color:#fff; font-weight:bold; cursor:pointer;}
.bluebutton{ width:100px; height:30px; line-height:30px; vertical-align:middle; background:#50abfd; text-align:center; color:#fff; font-weight:bold; cursor:pointer;}

.listcontent .clearfix{margin-right:45px;}



@media (min-width: 1280px){
    .container { width: 1200px;}

}

@media (min-width: 1366px) {
    .container { width: 1230px;}

}
@media (min-width: 991px) {


}

@media (max-width: 1199px) {

}

@media (max-width: 991px) {
    .login-right { padding-left:0;  }
    .fastchannel { padding-bottom: 30px;}
    .feature1,.feature2,.feature3,.feature4 { margin: 0 10px 50px;}
    .featureItem .text { margin-top: 10px;}
    .main-center { margin-bottom: 10px; margin-left: -10px; margin-right: -10px; }
    .main-bot {  margin-left: -10px; margin-right: -10px;}
    .waybill,.slide,.news,.login-group,.odds-group {  padding-left: 10px; padding-right: 10px;}
    .waybill .box form { padding: 20px 20px 56px;}
    .waybill textarea { height: 90px;}
    .waybill .clean, .waybill .makesure { width: 82px;}
    .waybill .clean { right: 120px;}
    .login-group .box { padding: 20px 20px 0;}
    .login-group h3 { padding-bottom: 35px; line-height: 1;}
    .login-group .title-right { left: 0; right: inherit; top: 25px;}
    .footer .container  { vertical-align: top;}
    .footer .link { width: 50%; margin-right: -3px; float: none; display: inline-block; vertical-align: top; margin-bottom: 10px;}
    .form-horizontal .control-label { text-align: left;}
    .form-horizontal .control-item {  width: 320px;}
    .main-login .form-horizontal .control-item {  width: 280px;}
    .servicect ul { padding: 15px 7px; }
    .servicect li {  padding: 0 7px 15px;}


}

@media (max-width: 767px) {
    .container { width: 100%; padding-left: 10px; padding-right: 10px;}
    .header-banner .bx-pager { bottom: 8px;}
    .header-banner .bx-pager-item {width: 13px; height: 13px; }
    .header-banner .bx-pager-item a {width: 13px; height: 13px;  border-radius: 13px;}
    .fastchannel { padding-bottom: 60px;}
    .waybill, .slide, .news, .login-group { width: 100%;}
    .slide { margin-bottom: 15px;}
    .slide li img { width: 100%; height: auto;}
    .news { margin-bottom: 10px;}
    .login-group { margin-bottom: 15px;}
    .odds-group { width: 100%;}
    .line-query li { width: 100%; margin-bottom: 10px;}
    .sub-nav { width: 100%; padding-right: 0; margin-bottom: 20px; }
    .servicect li { width: 33.33333333333333%; *width: 30.3333333333333%; text-align: center; }
    .main-content { width: 100%; padding-left: 0; margin-bottom: 20px; }
    .contentlist1 ul li a { height: auto; line-height: 20px; font-size: 12px; padding: 10px 0 10px 15px;}
    .contentlist1 ul li .dt { display: block; float: none;}
    .listcontent .contraicon ul li { width: 50%; margin-left: 0; text-align: center;}
    .listcontent .clearfix { margin-right: 0;}
    .footer .link { width: 100%;}

    .top-bar,.top-box { display: none;}
    .mobile-top { display: block; position: relative; z-index: 199; height: 60px;  box-shadow: 0 4px 4px rgba(0,0,0,0.50); }
    .mobile-top a { display: block; height: 60px;  float: left; width: 20%;}
    .mobile-top .icon-menu { background: #0a8dbd url("../images/icon-menu.png") no-repeat 50% 0; background-size: auto 120px; }
    .mobile-top .icon-menu.active { background: #0a8dbd url("../images/icon-menu.png") no-repeat 50% -60px; background-size: auto 120px; }
    .mobile-top .m-phone { background: #fff url("../images/m-phone.png") no-repeat 50% 0; background-size: auto 60px; }
    .mobile-top .m-logo { background: #4c4c4c url("../images/m-logo.png") no-repeat 50% 0;background-size: auto 60px; text-indent: -99999px;}
    .mobile-top .icon-login { position: relative; z-index: 200;background: #ededed url("../images/login.png") no-repeat 50% 0; background-size: auto 60px; text-indent: -99999px; box-shadow: 3px 0 3px rgba(0,0,0,0.30);}
    .mobile-top .icon-resgin { position: relative; z-index: 199; background: #ededed url("../images/zhuce.png") no-repeat 50% 0; background-size: auto 60px; text-indent: -99999px; }
    .mobile-top .icon-login:hover,.mobile-top .icon-resgin:hover {background-color: #e0e0e0; }

    .nav-box { background: #0086e9; }
    .nav-box .container { width: 100%; padding-left: 0; padding-right: 0; position: relative;}
    .nav { display: none; position: absolute; top: 60px; left: 0; width: 100%; z-index: 200;}
    .nav li { float: none; width: 100%; background: none;}
    .nav li a { display: block; padding-left: 18px; text-align: left; letter-spacing: 2px;  border-bottom: #fff solid 1px; color: #fff; font-size: 16px; background: #0a8dbd url("../images/m-arrow.png") no-repeat right 0; background-size: auto 45px;}
    .nav li.active a,.nav li a:hover { background: #0c6a8c url("../images/m-arrow.png") no-repeat right 0; background-size: auto 45px; transition: background-color 0.5s ease 0s; -webkit-transition:  background-color 0.5s ease 0s; -moz-transition: background-color 0.5s ease 0s; border-bottom: #fff solid 1px; color: #fff; text-decoration: none;}

    .language { height: 60px; background: #0a8dbd; padding-left: 18px;}
    .language a { display: block; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;
        -webkit-opacity: 0.5; opacity: 0.5; text-indent: -9999px; float: left; background-color: #164299; background-repeat: no-repeat; background-position: 1px 1px; width: 36px; height: 36px; margin-top: 12px; border-bottom: 0 none; }
    .language a.current,.language a:hover {  filter:alpha(opacity=100); -moz-opacity:1;
        -khtml-opacity: 1; -webkit-opacity: 1; opacity:1; background-color: #fff;}
    .language a.current { cursor: default;}
    .language a { display: block; width: 36px; height: 36px; cursor: pointer;}
    .language .ch {background-image:url("../images/icon-ch.png");  }
    .language .en {background-image:url("../images/icon-en.png"); margin-left: 14px; }

    .nav-box-res { background: none; border-bottom: 0 none;}
    .nav-box-res .container { padding-left: 0; padding-right: 0; position: relative;}
    .res-nav { display: none; position: absolute; left: 0; top: 60px; z-index: 201; width: 100%; height: auto; line-height: 45px;}
    .res-nav li { float: none; width: 100%;}
    .res-nav li a { display: block; padding-left: 18px; text-align: left; letter-spacing: 2px;  border-bottom: #fff solid 1px; color: #fff; font-size: 16px; background: #0a8dbd url("../images/m-arrow.png") no-repeat right 0; background-size: auto 45px;}
    .res-nav li.active a,.res-nav li a:hover { background: #0c6a8c url("../images/m-arrow.png") no-repeat right 0; background-size: auto 45px; transition: background-color 0.5s ease 0s; -webkit-transition:  background-color 0.5s ease 0s; -moz-transition: background-color 0.5s ease 0s; border-bottom: #fff solid 1px; color: #fff; text-decoration: none;}
    .res-nav .phone-white {display: none;}
    #register_tab1 { padding: 20px;}
    .form-horizontal .control-item { width: 100%;}
    .form-horizontal .form-group { width: 100%; margin-bottom: 5px;}
    .login-right,.login-box { width: 100%; padding-left: 0; border-left:0 none;}
    .main-login .form-horizontal .control-item { width: 100%;}
    .register-left { margin-bottom: 20px;}
    .form-horizontal .btn-sub .Btn { width: 100%;}
    .listcontent .content { width: 300px;}
    .two-card { display: none;}
    .servicemap,.process { width: 300px; }
    .listbd { padding: 20px;}






}