@charset "utf-8";
/*初始化样式*/
* {-webkit-tap-highlight-color:transparent;}
body {background-color:#fff; color:#565759; font:14px/1.75em Arial,"Microsoft Yahei","Lucida Grande";/*设置字体*/ overflow-x:hidden; width:100%;/*设置宽度*/}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:14px; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}

/*html5设置*/
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
html,body, div, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, p {margin:0; padding:0;}

a {text-decoration:none; outline:none; color:#666;}
a:focus {outline:none; -moz-outline:none;}
a:hover {color:#2c55b3;}
a img {border:none;}

/*强制去除表单自带的样式*/ 
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#878787; font-family:Lucida Bright,Arial;}
input:focus { outline: none;}
input,button,select,textarea{outline:none; /*-webkit-appearance:none;*/}
textarea{resize:none;/*-webkit-appearance:none;*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

/*该设置跟后台编辑器有关*/
.ul,.ul li,.dl,.dl dd,ul,ul li,ol,ol li,dl,dl dd{ list-style:none; margin:0; padding:0;}
.h1,.h2,.h3,.h4,.h5,.h6,.p,h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px;}
/*该设置跟后台编辑器有关*/

/*全局样式*/
.inner {width:1440px; margin:0 auto;}
.container {padding:50px 0 80px; overflow: hidden;}

.pagepic {padding:20px 0 10px;}
.pagepic a, .pagepic2 a {display:block;}
.pagepic img {display:block; width:100%; height:auto;}

.pagepic2 {overflow: hidden;}
.pagepic2 .pic {float:left; position:relative; width:48.9584%; padding-bottom:6.945%;}
.pagepic2 .pic:nth-child(2n) {float:right;}
.pagepic2 img {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}

/*全站底部*/
.links {background-color:#2c55b3; padding:20px 0;}
.links dl {overflow: hidden; color:#fff; line-height: 20px;}
.links dt {float:left; font-size:18px; padding-right:5px;}
.links dd {float:left; font-size:14px; padding-right:40px; position:relative;}
.links dd:after {content:''; display:block; width:1px; height:11px; background-color:#8099d1; position:absolute; right:20px; top:50%; margin-top:-5.5px;}
.links dd:last-child {padding-right:0;}
.links dd:last-child:after {display:none;}
.links dd a {color:#fff;}

.footer {background-color:#f1f1f1; padding:30px 0;}
.footer .inner {overflow: hidden; display:table;}
.footer .qrcode {display:table-cell; width:326px; vertical-align: middle;}
.footer .qrcode ul {overflow: hidden;}
.footer .qrcode li {float:left; width:128px; height:auto; font-size:14px; color:#2c55b3; text-align:center; padding-left:35px;}
.footer .qrcode img {display:block; width:100%; height:auto;}

.footer .info {display:table-cell; vertical-align: middle; color:#3a3a3a; overflow: hidden;}
.footer .copyright {display:inline-block;}
.footer .icon {display:inline-block; overflow: hidden;}
.footer .icon a {display:block; float:left; margin-left:5px;}
.footer .icon img {display:block; width:20px; height:20px;}
.footer .contact {clear: both;}

/*全站头部*/
.topBar {background-color:#fff; padding:12px 0;}

.topTel {float:left;}
.topTel .pc, .topTel .mobile {overflow: hidden;}
.topTel span {display:block; float:left; background:url(../images/icon_01.png) no-repeat left center; padding-left:30px; font-size:14px; color:#2c55b3; font-weight:bold; line-height: 18px; padding-right:30px; position:relative;}
.topTel i {font-size:20px; font-style:normal;}
.topTel span:first-child:after {content:''; width:1px; height:17px; background-color:#d5d5d5; position:absolute; right:15px; top:50%; margin-top:-8.5px;}
.topTel span:last-child {padding-right:0;}
.topTel .mobile {display:none;}
.topTel .mobile span {padding-left:23px; background-size:auto 16px; padding-right:14px;}
.topTel .mobile span:first-child:after {width:0; border-right:1px dotted #d5d5d5; background-color:transparent; height:13px; margin-top:-6.5px; right:7px;}
.topTel .mobile span:last-child {padding-right:0;}
.topTel .mobile span a {color:#2c55b3;}

.topMenu {float:right;}
.topMenu li {float:left; line-height: 18px; font-size:14px; margin-left:24px; position:relative;}
.topMenu li:before {margin-left:0;}
.topMenu li:before {content:''; display:block; height:13px; border-left:1px dotted #b3b3b3; position:absolute; left:-12px; top:50%; margin-top:-6.5px;}
.topMenu li:first-child:before {display:none;}
.topMenu li a {display:block; background:no-repeat left center; padding-left:25px; color:#3a3a3a;}
.topMenu li.wm a {background-image:url(../images/icon_02.png);}
.topMenu li.yx a {background-image:url(../images/icon_04.png);}
.topMenu li.zp a {background-image:url(../images/icon_05.png);}
.topMenu li.wx a {background-image:url(../images/icon_03.png);}
.topMenu li.weblinktext a {background-image:url(../images/icon_en.png);}
.topMenu li#loginHref a {background-image:url(../images/login.png);}
.topMenu li.weblink a {background-image:url(../images/register.png);}
.topMenu li .weixin {background-color:#fff; width:100px; height:100px; border-radius:3px; position:absolute; left:50%; top:60px; margin-left:-54px; z-index: 3; opacity: 0; height:0; overflow:hidden; transition:top .3s, opacity .3s;}
.topMenu li .weixin:before {content:''; display:block; width:10px; height:10px; background-color:#fff; border-left:1px solid #eee; border-top:1px solid #eee; transform:rotate(45deg); position:absolute; top:-5px; left:50%; margin-left:-5px;}
.topMenu li .weixin.show {top:30px; height:auto; padding:3px; opacity: 1; border:1px solid #eee; overflow:visible;}
.topMenu li .weixin img {display:block; position:relative; z-index: 1;}

.header {background:url(../images/bg_head.jpg) no-repeat top center; background-size:cover;}
.logo {padding:31px 0; float:left;}
.logo a {display:block;}
.logo img {display:block; width:auto; height:85px; }

/*顶部导航*/
.nav {height:54px; float:right; position:relative; background-color:#0087e1; display:inline-block; margin-top:47px;}
.nav:after {content:''; display:block; height:100%; background-color:#0087e1; width:1920px; position:absolute; right:-1920px; top:0;}
.nav ul {border-right:1px solid #0d97f2;}
.nav li {float:left; line-height: 54px; font-size:18px; border-left:1px solid #0d97f2; border-right:1px solid #3261c9; position:relative; z-index: 1;}
.nav li:first-child {border-left:none;}
.nav li a {color:#fff; display:block; padding:0 40px; transition:background .3s;}
.nav li a:hover, .nav li.cur > a {background-color:#2c55b3;}
.nav li a i {background:url(../images/icon_06.png) no-repeat left center; padding-left:30px; font-style:normal; background-size:20px auto;}

/*首页头部*/
.hmTop {position:relative;}
.hmTop .headBg {padding-bottom:920px; background:no-repeat center top; background-size:cover; position:relative;}
.hmTop .header {position:absolute; left:0; top:0; width:100%; background:none;}
.hmTop .logo {padding:48px 0;}
.hmTop .nav {margin-top:48px;}

.hmHead {position:absolute; bottom:60px; left:0; width:100%;}

.hmEnquiry {float:right; width:280px;}
.hmEnquiry .top {background-color:#40c0cc; color:#fff;}
.hmEnquiry .top h2 {font-size:22px; border-bottom:1px solid #64cad4; height:62px; line-height: 62px; padding:0 30px;}
.hmEnquiry .top h2 a {color:#fff;}
.hmEnquiry .top p {font-size:16px; padding:0 30px; height:45px; line-height: 45px; position:relative;}
.hmEnquiry .top p a {color:#fff; display:block;}
.hmEnquiry .top p:after {content:''; display:block; width:7px; height:11px; background:url(../images/icon_26.png) no-repeat center center; position:absolute; right:30px; top:50%; margin-top:-5.5px;}

.hmEnquiry .btm {background-color:#d3edff; padding:25px 30px; height:255px;}
.hmEnquiry .tab {margin-bottom:25px;}
.hmEnquiry .tab ul {border-bottom:1px solid #64a1f7;}
.hmEnquiry .tab li {float:left; font-size:18px; color:#2c55b3; padding-bottom:12px; margin-left:29px; display:inline-block; cursor:pointer; position:relative; user-select: none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.hmEnquiry .tab li:before {content:''; display:block; width:0; height:11px; border-left:1px dotted #64a1f7; position:absolute; left:-15px; top:8px;}
.hmEnquiry .tab li:first-child {margin-left:0;}
.hmEnquiry .tab li:first-child:before {display:none;}
.hmEnquiry .tab li.cur {border-bottom:3px solid #2c55b3; margin-bottom:-1px; padding-bottom:10px;}

.formBox {display:none;}
.formBox:first-child {display:block;}

.formBox .input {margin-bottom:14px; overflow:hidden;}
.formBox .input.last {margin-bottom:0;}
.formBox .left {margin-right:75px; height:43px; border:1px solid #3991cb; border-radius:3px; background:#dcf1ff url(../images/icon_27.png) no-repeat 7px center; padding-left:35px; position:relative;}
.formBox .date {padding-right:60px;}
.formBox i.start {position:absolute; right:5px; top:50%; height:100%; color:#9bbbe0; line-height:1em; margin-top:-0.5em; font-style:normal; font-size:14px;}
.formBox .nmr {margin-right:0;}
.formBox .text {width:100%; height:43px; line-height: normal; color:#9bbbe0; font-size:14px; font-family: 'Microsoft Yahei'; -webkit-appearance:none;}
.formBox .text:focus {color:#333;}
.formBox .submit {font-size:18px; color:#fff; height:45px; width:65px; display:block; background-color:#40c0cc; -webkit-appearance:none; font-family: 'Microsoft Yahei'; float:right; border-radius:3px; cursor:pointer;}

.hmFirstPage {text-align:center;}

.hmRightImage{ position:absolute; left:1670px; top:220px;}

.hmInfo {margin-right:310px; overflow: hidden; padding-top:0px;}
.hmInfo .top {overflow: hidden; margin-bottom:17px;}

.hmInfo .member {width:222px; height:95px; background:url(../images/bg_member.png) no-repeat center center; background-size:cover; float:right; font-size:22px; position:relative; text-align:center;}
.hmInfo .member a {display:block; width:100%; color:#fff; }
.hmInfo .member a i {font-style:normal; background:url(../images/icon_29.png) no-repeat left bottom; line-height: 82px; display:inline-block; padding:4.5px 0 4.5px 68px; font-weight:bold;}

.hmUser {display:inline-block;  background:url(../images/icon_29.png) no-repeat left bottom; padding:16px 0 15.5px 68px; }
.hmUser span {display:block; overflow:hidden; padding:1px 0;}
.hmUser .name {font-weight:bold; font-size:16px; color:#fff;}
.hmUser .name a {color:#fff;}
.hmUser .out {text-align:left;}
.hmUser .out a {display:block; color:#2c55b3; background-color:#fff336; border-radius:3px; font-size:12px; width:50px; text-align:center; height:20px; line-height:20px; float:left;}


.hmNotice {margin-right:235px; overflow: hidden; height:95px; position:relative; padding-right:100px; padding-left:140px; background:rgba(100,161,247,.9) url(../images/icon_30.png) no-repeat 30px bottom;}
.hmNotice .more {background-color:#2c55b3; float:right; position:absolute; right:0; height:100%; top:0; line-height: 80px; text-align:center; width:100px;}
.hmNotice .more a {display:block; width:100%; height:100%; color:#fff; font-size:14px;}
.hmNotice .more i {font-style:normal;}
#hmNotice {height:84px; margin:12px 0; padding-right:50px; overflow:hidden;}
#hmNotice .box {overflow: hidden; font-size:14px; line-height: 2em;height: 24px;}
#hmNotice .box a {color:#fff; color:#fff; background:url(../images/icon_33.png) no-repeat left center; padding-left:14px; margin-right:75px; display:block; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
#hmNotice .box time {display:block; float:right; color:#fff; color:rgba(255,255,255,.55);}
#hmNotice .slick-arrow {position:absolute; right:15px; width:20px; height:20px; background:#2c55b3 no-repeat center center; border:none; text-indent:-9999em; cursor:pointer;}
#hmNotice .slick-prev {top:7.5px; background-image:url(../images/icon_31.png);}
#hmNotice .slick-next {bottom:7.5px; background-image:url(../images/icon_32.png);}

/*首页*/
.hmWrap {background-color:#fbfbfb; padding:40px 0;}
.hmWrap .pagepic {margin-bottom:30px; padding:0;}

.hmQuick {padding:30px; background-color:rgba(211,237,255,.9);}
.hmQuick ul {overflow: hidden; font-size:0; line-height: normal;}
.hmQuick li {float:left; width:16.356%; /*padding-bottom:8.8786%;*/ padding-bottom:95px; background:no-repeat center center; background-size:cover; margin-right:1.4%; display:inline-block; position:relative; font-size:18px;}
.hmQuick li a {position:absolute; left:0; top:0;display:block; color:#fff; width:100%; height:100%;}
.hmQuick li i {font-style:normal; position:absolute; left:50%; top:50%; transform:translateY(-50%); background:no-repeat left center; line-height: 38px; background-size:contain; padding-left:50px; margin-left:-61px;}
.hmQuick .hm1 {width:13.1%;background-image:url(../images/bg_home3.jpg); font-size:24px;}
.hmQuick .hm1 i {/*line-height:43px;*/font-size:18px;padding-left:0px}
.hmQuick .hm2 {background-color:#2c55b3; margin-bottom:15px;}
.hmQuick .hm2 i {background-image:url(../images/icon_enquiry.png);}
.hmQuick .hm3 {background-color:#2ca263;  margin-bottom:15px;}
.hmQuick .hm3 i {background-image:url(../images/icon_mobai.png);}
.hmQuick .hm4 {background-color:#148ac8;  margin-bottom:15px;}
.hmQuick .hm4 i {background-image:url(../images/icon_quick.png);}
.hmQuick .hm5 {background-color:#2bafbb; margin-right:10;  margin-bottom:15px;}
.hmQuick .hm5 i {background-image:url(../images/icon_vip.png);}
.hmQuick .hm6 {width:28.113%; background-image:url(../images/bg_home1.jpg); font-size:24px;}
.hmQuick .hm7 {width:34.113%; background-image:url(../images/bg_home2.jpg) ; margin-right:0; font-size:24px;}
.hmQuick .hm6 i, .hmQuick .hm7 i {left:auto; margin-left:0; right:30px; padding-left:0;}
.hmQuick .hm8 {background-color:#c3375a; margin-bottom:15px;width:22.05%;}
.hmQuick .hm8 i {background-image:url(../images/steamship.png);}
.hmQuick .hm9 {width:13.2%;background-image:url(../images/bg_home3.jpg);}
.hmQuick .hm9 i {background-image:url(../images/multiple_charging.png);font-size: 20px;}
.hmQuick .hm10 {background-image:url(../images/yushenbao.jpg); margin-bottom:15px;}
.hmQuick .hm10 i {padding-left: 0px;left: 55%;}
.hmQuick .hm11 {background-image:url(../images/yushenbao.jpg); margin-bottom:15px;margin-right: 0;}
.hmQuick .hm11 i {padding-left: 0px;left: 60%;}
.hmQuick .hm12 {background-color:#2bafbb;  margin-bottom:15px;}
.hmQuick .hm12 i {background-image:url(../images/zhuhegang.png);}
.hmQuick .hm13 {background-color:#44A48C;  margin-bottom:15px;width:22.05%;}
.hmQuick .hm13 i {background-image:url(../images/shipSea.png);}


.homeQuickList {
    /* 清除浮动 */
    overflow: auto;
    display: flex;
    justify-content: flex-start; 
    width: 100%; 
}


.homeQuick {padding:42px 42px 0px 42px; background-color:#566fbe; width:30%; float: left; margin: 0.1%;box-sizing: border-box;position: relative;top: 0}
.homeQuick hr {width: 93%;  border: none;height: 1px;background-color: white;  margin-left:10px; }
.homeQuick ul hr {width: 136.3%;  border: none;height: 1px;background-color: white;margin-top: 20px; margin-bottom: 10px;  margin-left:-50px; }
.homeQuick ul { font-size:30; color:white; line-height: normal; text-align: center;margin-top: -25px;}
.homeQuick li {float:left; width:16.356%;  padding-bottom:35px; background:no-repeat center center; background-size:cover; margin-right:1.4%; display:inline-block; position:relative; font-size:18px;}
.homeQuick li a {position:absolute; left:0; top:0;display:block; color:#fff; width:110%; height:110%;}
.homeQuick li i {font-style:normal; position:absolute; left:50%; top:70%; transform:translateY(-50%); background:no-repeat left center; line-height: 38px; background-size:contain; padding-left:50px; margin-left:-61px;}


.homeQuick .hm1 {margin-bottom:21px;width:88.6%;font-size: 17px;}
.homeQuick .hm1 i {background-image:url(../images/icon/icon_shippingCompanyOoperation.png); background-size: 32% 110%; }
.homeQuick .hm2 {width:90.2%;margin-bottom: 15px; margin-top:-6px;}
.homeQuick .hm2 i {background-image:url(../images/icon/icon_multipleCharges.png); background-size: 30% 83%;font-size: 17px;}
.homeQuick .hm3 {width:96.2%;margin-bottom: 19px; }
.homeQuick .hm3 i {background-image:url(../images/icon/icon_entryDeclaration.png); background-size: 30% 90%;font-size: 17px; margin-left:-70px;}
.homeQuick .hm4 {display:block;width:44px;height: 44px;background-image:url(../images/icon/icon_slide.png); background-size: 100% 100%;background-repeat: no-repeat;position:absolute;bottom:0;right:0;}
.homeQuick .hm5 {width:89.2%;}
.homeQuick .hm5 i {background-image:url(../images/icon/icon_qukuailian.png);background-size: 22% 90%;font-size: 17px;}

.homeQuick3 {padding:36px 42px 0px 42px; background-color:#566fbe; width:118%; float: left; margin: 0;box-sizing: border-box; margin-left:-3px;z-index:9; position: absolute;top:0;left: 100%; display: none;}
.homeQuick3 hr {width: 94%;  border: none;height: 1px;background-color: white; margin-bottom: 8px;    margin-left:10px; }
.homeQuick3 ul hr {width: 127%;  border: none;height: 1px;background-color: white; margin-left:-42px;}
.homeQuick3 ul { color:white; line-height: normal; text-align: center;margin-top: -23px;}
.homeQuick3 li {float:left; width:16.356%;  padding-bottom:35px; background:no-repeat center center; background-size:cover; margin-right:1.4%; display:inline-block; position:relative; font-size:18px;}
.homeQuick3 li a {position:absolute; left:0; top:0;display:block; color:#fff; width:110%; height:110%;}
.homeQuick3 li i {font-style:normal; position:absolute; left:50%; top:70%; transform:translateY(-50%); background:no-repeat left center; line-height: 38px; background-size:contain; padding-left:50px; margin-left:-61px;}

.homeQuick3 .hm1 {margin-bottom:29px;width:80.2%;}
.homeQuick3 .hm1 i {background-image:url(../images/icon/icon_zuhegang.png);background-size: 20% 80%;font-size: 17px;}
.homeQuick3 .hm2 {margin-bottom:25px;width:78.2%;}
.homeQuick3 .hm2 i {background-image:url(../images/icon/icon_qukuailian.png);background-size: 25% 100%;font-size: 17px;}
.homeQuick3 .hm3 {margin-bottom:32px;width:100.2%;}
.homeQuick3 .hm3 i {background-image:url(../images/icon/icon_shipSea.png);background-size: 30% 80%;font-size: 17px;}


.homeQuick1 {padding:42px 42px 0px 42px; background-color:#2f90c4; width:30%; float: left; margin: 0.1%; box-sizing: border-box;margin-left:54px; }
.homeQuick1 hr {width: 93%;  border: none;height: 1px;background-color: white;margin-top: 10px; margin-bottom: 10px;  margin-left:10px; }
.homeQuick1 ul hr {width: 132.5%;  border: none;height: 1px;background-color: white;margin-top: 20px; margin-bottom: 10px;  margin-left:-40.5px; }
.homeQuick1 ul { font-size:30; color:white; line-height: normal; text-align: center;margin-top: -27px;}
.homeQuick1 li {float:left; width:16.356%; padding-bottom:35px; background:no-repeat center center; background-size:cover; margin-right:1.4%; display:inline-block; position:relative; font-size:18px;}
.homeQuick1 li a {position:absolute; left:0; top:0;display:block; color:#fff; width:100%; height:100%;}
.homeQuick1 li i {font-style:normal; position:absolute; left:50%; top:70%; transform:translateY(-50%); background:no-repeat left center; line-height: 38px; background-size:contain; padding-left:50px; margin-left:-61px;}

.homeQuick1 .hm1 {margin-bottom:45px;width:105.2%;margin-top:15px;}
.homeQuick1 .hm1 i {background-image:url(../images/icon/icon_zuhegang.png);background-size: 33% 80%;font-size: 17px;}
.homeQuick1 .hm2 {margin-bottom:35px;width:103.7%;margin-top:25px;}
.homeQuick1 .hm2 i {background-image:url(../images/icon/icon_shipSea.png);background-size: 32% 90%;font-size: 17px;}
.homeQuick1 .hm3 {margin-bottom:15px;width:105.2%;}
.homeQuick1 .hm3 i {background-image:url(../images/icon/icon_WGO.png);background-size: 30% 100%;font-size: 17px;}
 
.homeQuick2 {padding:42px 42px 22px 42px; background-color:#6ec4d3; width:30%; float: right; margin: 0.1%;box-sizing: border-box;margin-left:54px; }
.homeQuick2 hr {width: 93%;  border: none;height: 1px;background-color: white;margin-top: 10px; margin-bottom: 10px;  margin-left:10px; }
.homeQuick2 ul hr {width: 132.5%;  border: none;height: 1px;background-color: white;margin-top: 20px; margin-bottom:10px;  margin-left:-40.5px;top:12px; }
.homeQuick2 ul { font-size:30; color:white; line-height: normal; text-align: center;margin-top: -27px;}
.homeQuick2 li {float:left; width:16.356%; padding-bottom:35px; background:no-repeat center center; background-size:cover; margin-right:1.4%; display:inline-block; position:relative; font-size:18px;}
.homeQuick2 li a {position:absolute; left:0; top:0;display:block; color:#fff; width:100%; height:100%;}
.homeQuick2 li i {font-style:normal; position:absolute; left:50%; top:70%; transform:translateY(-50%); background:no-repeat left center; line-height: 38px; background-size:contain; padding-left:50px; margin-left:-61px;}

.homeQuick2 .hm1 {margin-bottom:25px;width:95.2%;}
.homeQuick2 .hm1 i {background-image:url(../images/icon/icon_entrepot.png);background-size: 29% 90%;font-size: 17px;}
.homeQuick2 .hm2 {margin-bottom:25px;width:95.2%;}
.homeQuick2 .hm2 i {background-image:url(../images/icon/icon_entryDeclaration2.png);background-size: 33% 88%;font-size: 17px;}
.homeQuick2 .hm3 {margin-bottom:15px;width:95%;}
.homeQuick2 .hm3 i {background-image:url(../images/icon/icon_oneStop.png);background-size: 25% 100%;font-size: 17px;}


@media(max-width: 768px) and (orientation: portrait) {
	.homeQuickList {
    /* 清除浮动 */
    overflow: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; 
    width: 100%; 
}


.homeQuick {padding:37px 42px 20px 42px; background-color:#566fbe; width:99%; float: left; margin: 0.1%;box-sizing: border-box;position: relative;top: 0}
.homeQuick hr {width: 93%;  border: none;height: 1px;background-color: white; margin-bottom: 10px;   }
.homeQuick ul hr {width: 100%;  border: none;height: 1px;background-color: white;margin:10px auto;   }
.homeQuick ul { font-size:30; color:white; line-height: normal; text-align: center;margin-top: -17px;}
.homeQuick li {float:left; width:16.356%;  padding-bottom:35px; background:no-repeat center center; background-size:cover; margin-right:1.4%; display:inline-block; position:relative; font-size:18px;}
.homeQuick li a {position:absolute; left:0; top:0;display:block; color:#fff; width:110%; height:110%;}
.homeQuick li i {font-style:normal; position:absolute; left:50%; top:70%; transform:translateY(-50%); background:no-repeat left center; line-height: 38px; background-size:contain; padding-left:50px; margin-left:-61px;}


.homeQuick .hm1 {margin-bottom:25px;width:83.2%;font-size: 17px;}
.homeQuick .hm1 i {background-image:url(../images/icon/icon_shippingCompanyOoperation.png); background-size: 35% 100%; }
.homeQuick .hm2 {width:90.2%;margin-bottom: 25px; }
.homeQuick .hm2 i {background-image:url(../images/icon/icon_multipleCharges.png); background-size: 30% 83%;font-size: 17px;}
.homeQuick .hm3 {width:93.2%;margin-bottom: 5px; }
.homeQuick .hm3 i {background-image:url(../images/icon/icon_entryDeclaration.png); background-size: 35% 100%;font-size: 17px; margin-left:-70px;}
.homeQuick .hm4 {display:block;width:44px;height: 44px;background-image:url(../images/icon/icon_slide.png); background-size: 100% 100%;background-repeat: no-repeat;position:absolute;bottom:0;right:0;}


.homeQuick3 {padding:33px 42px 0px 42px; background-color:#566fbe; width:99%; float: left; margin: 0;box-sizing: border-box;z-index:9; margin-top: 5px;position: absolute;top:100%;left: 0%; display: none;}
.homeQuick3 hr {width: 93%;  border: none;height: 1px;background-color: white; margin-bottom: 10px;   }
.homeQuick3 ul hr {width: 100%;  border: none;height: 1px;background-color: white;margin:10px auto;}
.homeQuick3 ul { color:white; line-height: normal; text-align: center;margin-top: -27px;}
.homeQuick3 li {float:left; width:16.356%;  padding-bottom:35px; background:no-repeat center center; background-size:cover; margin-right:1.4%; display:inline-block; position:relative; font-size:18px;}
.homeQuick3 li a {position:absolute; left:0; top:0;display:block; color:#fff; width:110%; height:110%;}
.homeQuick3 li i {font-style:normal; position:absolute; left:50%; top:70%; transform:translateY(-50%); background:no-repeat left center; line-height: 38px; background-size:contain; padding-left:50px; margin-left:-61px;}

.homeQuick3 .hm1 {margin-bottom:25px;width:80.2%;}
.homeQuick3 .hm1 i {background-image:url(../images/icon/icon_zuhegang.png);background-size: 20% 80%;font-size: 17px;}
.homeQuick3 .hm2 {margin-bottom:25px;width:80.2%;}
.homeQuick3 .hm2 i {background-image:url(../images/icon/icon_qukuailian.png);background-size: 25% 100%;font-size: 17px;}
.homeQuick3 .hm3 {margin-bottom:33px;width:100.2%;}
.homeQuick3 .hm3 i {background-image:url(../images/icon/icon_shipSea.png);background-size: 30% 80%;font-size: 17px;}


.homeQuick1 {padding:37px 42px 22px 42px; background-color:#2f90c4; width:99%; float: left; margin: 0.1%; box-sizing: border-box;margin-top: 5px; 	 }
.homeQuick1 hr {width: 93%;  border: none;height: 1px;background-color: white;margin-top: 10px; margin-bottom: 10px;   }
.homeQuick1 ul hr {width: 100%;  border: none;height: 1px;background-color: white;margin:10px auto; }
.homeQuick1 ul { font-size:30; color:white; line-height: normal; text-align: center;margin-top: -17px;}
.homeQuick1 li {float:left; width:16.356%; padding-bottom:35px; background:no-repeat center center; background-size:cover; margin-right:1.4%; display:inline-block; position:relative; font-size:18px;}
.homeQuick1 li a {position:absolute; left:0; top:0;display:block; color:#fff; width:100%; height:100%;}
.homeQuick1 li i {font-style:normal; position:absolute; left:50%; top:70%; transform:translateY(-50%); background:no-repeat left center; line-height: 38px; background-size:contain; padding-left:50px; margin-left:-61px;}

.homeQuick1 .hm1 {margin-bottom:25px;width:110.2%;}
.homeQuick1 .hm1 i {background-image:url(../images/icon/icon_zuhegang.png);background-size: 33% 80%;font-size: 17px;}
.homeQuick1 .hm2 {margin-bottom:25px;width:107.7%;}
.homeQuick1 .hm2 i {background-image:url(../images/icon/icon_shipSea.png);background-size: 30% 80%;font-size: 17px;}
.homeQuick1 .hm3 {margin-bottom:15px;width:108.2%;}
.homeQuick1 .hm3 i {background-image:url(../images/icon/icon_WGO.png);background-size: 30% 100%;font-size: 17px;}
 
.homeQuick2 {padding:37px 42px 22px 42px; background-color:#6ec4d3; width:99%; float: right; margin: 0.1%;box-sizing: border-box;margin-top: 5px; }
.homeQuick2 hr {width: 93%;  border: none;height: 1px;background-color: white;margin-top: 10px; margin-bottom: 10px;   }
.homeQuick2 ul hr {width: 100%;  border: none;height: 1px;background-color: white;margin:10px auto; }
.homeQuick2 ul { font-size:30; color:white; line-height: normal; text-align: center;margin-top: -17px;}
.homeQuick2 li {float:left; width:16.356%; padding-bottom:35px; background:no-repeat center center; background-size:cover; margin-right:1.4%; display:inline-block; position:relative; font-size:18px;}
.homeQuick2 li a {position:absolute; left:0; top:0;display:block; color:#fff; width:100%; height:100%;}
.homeQuick2 li i {font-style:normal; position:absolute; left:50%; top:70%; transform:translateY(-50%); background:no-repeat left center; line-height: 38px; background-size:contain; padding-left:50px; margin-left:-61px;}

.homeQuick2 .hm1 {margin-bottom:25px;width:95.2%;}
.homeQuick2 .hm1 i {background-image:url(../images/icon/icon_entrepot.png);background-size: 23% 90%;font-size: 17px;}
.homeQuick2 .hm2 {margin-bottom:25px;width:95.2%;}
.homeQuick2 .hm2 i {background-image:url(../images/icon/icon_entryDeclaration.png);background-size: 33% 90%;font-size: 17px;}
.homeQuick2 .hm3 {margin-bottom:15px;width:95%;}
.homeQuick2 .hm3 i {background-image:url(../images/icon/icon_oneStop.png);background-size: 25% 100%;font-size: 17px;}
}
/*首页_图片新闻 && 行业资讯_行业新闻频道页*/
.hmNewsBox {overflow: hidden; margin-bottom:30px;}
.hmSlides {float:left; width:705px; overflow:hidden; position:relative; padding-top:10px;}
.hmSlides h2 {width:74px; height:140px; background:url(../images/icon_21.png) no-repeat center center; color:#fff; position:absolute; z-index:2; top:0; left:20px; background-size:contain;}
.hmSlides h2 i {font-style:normal; display:block; font-size:22px; width:1em; position:absolute; left:50%; top:50%; margin-left:-0.5em; margin-top:-2.25em; line-height: 1.125em; }
.hmSlides .thumbnail {padding-bottom:52.48%; position:relative; margin-bottom:25px;}
.hmSlides .thumbnail a {display:block;}
.hmSlides .thumbnail img {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.hmSlides .meta {position:relative; line-height: 26px; overflow:hidden; margin-bottom:10.5px; margin-right:60px;}
.hmSlides span {display:block; float:left;}
.hmSlides .title {font-size:18px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:10px; width:20em;}
.hmSlides .date {height:26px; color:#fff; background-color:#ffc04a; width:80px; text-align:center; font-size:12px; position:relative;}
.hmSlides .date:before {content:''; display:block; width:8px; height:9px; background-color:#ffc04a; transform:rotate(45deg); position:absolute; left:-4px; top:50%; margin-top:-4px;}
.hmSlides .intro {font-size:14px; color:#6b6b6b; line-height: 1.75em; height:5.25em; overflow: hidden; clear:both;}

.hmSlides .owl-carousel .owl-nav button.owl-prev, .hmSlides .owl-carousel .owl-nav button.owl-next {text-indent:-9999em; top:0; padding-bottom:52.48%!important; position:absolute; top:0; z-index: 2; width:40px;}
.hmSlides .owl-prev {left:0;}
.hmSlides .owl-next {right:0;}
.hmSlides .owl-nav span {display:block; position:absolute; width:100%; height:70px; background:rgba(255,255,255,.4) no-repeat center center; top:50%; margin-top:-35px; left:0;}
.hmSlides .owl-prev span {background-image:url(../images/icon_22.png);}
.hmSlides .owl-next span {background-image:url(../images/icon_23.png);}

.hmSlides .owl-dots {position:absolute; right:0; bottom:1.50em; line-height: 26px;  font-size:14px;}
.hmSlides .owl-dot {display:inline-block; margin-left:5px;}
.hmSlides .owl-dot span {display:block; width:10px; height:10px; border-radius:50%; background-color:#f1f1f1;}
.hmSlides .owl-dot.active span {background-color:#2c55b3;}

/*首页_行业资讯*/
.hmNews {margin:10px 0 0 735px; overflow: hidden; background-color:#fff; padding:20px 30px;}
.hmNews .title {border-bottom:1px solid #f1f1f1; position:relative;}
.hmNews h2 {font-size:22px; color:#2c55b3; line-height: 1.125em; position:relative; padding-bottom:12px;}
.hmNews h2:after {content:''; display:block; position:absolute; left:0; bottom:-1px; width:4em; height:3px; background-color:#2c55b3;}
.hmNews .more {position:absolute; right:5px; top:0;}
.hmNews .more a {display:block; width:80px; height:26px; line-height: 26px; text-align:center; color:#fff; font-size:14px; background-color:#fdcd73; border-radius:3px;}
.hmNews ul {padding:11px 0;}
.hmNews li {font-size:14px; overflow: hidden; border-bottom:1px solid #f1f1f1; padding:13px 0; line-height: 1.25em;}
.hmNews li:nth-child(2n) {background-color:#f6f6f6;}
.hmNews li span {float:right; padding-right:5px; color:#bdbdbd;}
.hmNews li a {color:#6b6b6b; margin-right:85px; display:block; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; padding-left:14px; transition:color .3s;}
.hmNews li a:before {content:''; display:block; width:4px; height:4px; position:absolute; left:4px; top:50%; margin-top:-2px; background-color:#2c55b3;}
.hmNews li a:hover {color:#2c55b3;}

/*首页_列表*/
.hmBoxs {overflow: hidden; margin-bottom:20px;}
.hmBoxs .title {border-bottom:1px solid #f1f1f1; position:relative;}
.hmBoxs h2 {font-size:22px; color:#2c55b3; line-height: 1.125em; position:relative; background:url(../images/icon_09.jpg) no-repeat left top; padding:0 0 12px 15px;}
.hmBoxs h2:after {content:''; display:block; position:absolute; left:0; bottom:-1px; width:103px; height:3px; background-color:#2c55b3;}
.hmBoxs .more {position:absolute; right:5px; top:0;}
.hmBoxs .more a {display:block; width:80px; height:26px; line-height: 26px; text-align:center; color:#fff; font-size:14px; background-color:#fdcd73; border-radius:3px;}

.hmBox {float:left;}
.hmBox ul {padding:10px 0;}
.hmBox .list {font-size:14px; line-height: 26px; padding:12px 0; border-bottom:1px solid #f1f1f1; padding-right:5px;}
.hmBox .list span {float:right; font-size:12px; color:#bdbdbd; width:85px; height:26px; text-align: center; display:block; background-color:#f3f3f3; position:relative;}
.hmBox .list span:before {content:''; display:block; width:8px; height:8px; transform:rotate(45deg); background-color:#f3f3f3; position:absolute; left:-4px; top:50%; margin-top:-4px;}
.hmBox .list a {color:#6b6b6b; display:block; margin-right:95px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; padding-left:15px;}
.hmBox .list a:before {content:''; display:block; width:4px; height:4px; position:absolute; left:2px; top:50%; margin-top:-2px; background-color:#2c55b3;}
.hmBox .list a:hover {color:#2c55b3;}

.hmBox .first {overflow:hidden; padding-top:10px; padding-right:5px;}
.hmBox .first .thumbnail {float:left; width:133px; height:90px; position:relative; overflow:hidden;}
.hmBox .first .thumbnail img {display:block; width:100%; height:100%;}
.hmBox .first .info {margin-left:152px;}
.hmBox .first .text { font-size:18px; color:#595959; line-height: 1.25em; height:2.5em; overflow: hidden; margin-bottom:10px;}
.hmBox .first .read {font-size:14px; color:#367cca;}
.hmBox .first .read span {background:url(../images/icon_24.png) no-repeat right center; padding-right:10px;}

/*首页_政策法规*/
.hmBox1 {width:37.848%; padding-right:5%;}
.hmBox1 .list:nth-child(2n) {background-color:#f6f6f6;}

/*首页_统计数据*/
.hmBox2 {width:31.94%;}
.hmBox2 .list:nth-child(2n-1) {background-color:#f6f6f6;}

/*首页_企业展示*/
.hmBox3 {float:right; width:21.53%;}
.hmBox3 ul {padding:10px 0;}
.hmBox3 li {height:38px; border:1px solid #f1f1f1; line-height: 38px; margin-bottom:5px;}
.hmBox3 li a {display:block; position:relative; padding-left:45px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.hmBox3 li a:before {content:''; display:block; width:18px; height:16px; background:url(../images/icon_25.png) no-repeat center center; position:absolute; left:10px; top:50%; margin-top:-9px;}
.hmBox3 li a:after {content:''; display:block; width:1px; height:13px; background-color:#e9e9e9; position:absolute; top:50%; margin-top:-6.5px; left:35px;}

/*pageBar*/
.pageBar .inner {overflow: hidden; border-bottom:1px solid #e5e5e5; padding:12px 0; position:relative;}

/*面包屑*/
.breadcrumb {background: url(../images/icon_07.png) no-repeat left 5px; padding:0 55px 0 20px; font-size:14px; color:#6b6b6b;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.breadcrumb em {font-style:normal;}
.breadcrumb a {color:#6b6b6b;}
.breadcrumb i {font-style:normal; font-family: 'Simsun'; padding:0 5px;}

/*返回*/
.goback {position:absolute; right:0; top:12px;}
.goback a {background: url(../images/icon_08.png) no-repeat left center; padding-left:20px; font-size:14px; color:#6b6b6b;}

/*全局页面标题*/
.pgTitle {font-size:24px; color:#2c55b3; background:url(../images/icon_09.jpg) no-repeat left 2.5px; padding-left:20px; line-height: 1.25em; margin-bottom:30px;}

/*企业展示*/
.qyShow {overflow:hidden; padding:30px 0;}

.qyShow .left {float:right; width:47%;}
.qyShow .intro {font-size:14px; color:#6b6b6b; line-height: 1.9em;}
.qyShow .intro h3 {font-size:14px; color:#3a3a3a; position:relative; padding-left:10px;}
.qyShow .intro h3:before {content:''; display:block; width:5px; height:5px; background-color:#2c55b3; position:absolute; left:0; top:12px;}

.qyShow .right {float:left; width:50%; background-color:#f9f9f9;}
.qyShow .pic img {display:block; width:100%; height:auto;}
.qyShow .contact {padding:25px 30px; overflow: hidden;}
.qyShow .contact dt {font-size:14px; font-weight:bold; color:#3a3a3a; padding:0 1%; margin-bottom:10px;}
.qyShow .contact dd {float:left; font-size:14px; color:#6b6b6b; width:48%; padding:5px 1%; line-height: 18px;}
.qyShow .contact i { background:no-repeat center center; float:left; width:18px; height:18px; display:block;}
.qyShow .contact .tel {background-image:url(../images/icon_10.png);}
.qyShow .contact .mail {background-image:url(../images/icon_11.png);}
.qyShow .contact .phone {background-image:url(../images/icon_12.png);}
.qyShow .contact .qq {background-image:url(../images/icon_13.png);}
.qyShow .contact span {margin-left:25px; display:block;}

/*英文查询界面*/
.ywEnquiry {margin-bottom:130px;}
.enquiryList {background-color:#f9f9f9; padding:32px 40px;}
.enquiryList ul {overflow:hidden;}
.enquiryList li {font-size:16px; font-family: Arial; padding:8px 20px; float:left; width:26%; box-sizing: border-box;}
.enquiryList li a {color:#6b6b6b; display:block;}
.enquiryList li a:hover {color:#2c55b3;}
.enquiryList li i {font-style:normal; font-family: '宋体'; margin-right:5px;}

/*产品服务_频道页*/
.proChannel {padding:30px 0; overflow: hidden;}
.proChannel .boxPro {margin-bottom:40px;}
.proChannel h2 {text-align:center; font-size:24px; color:#2c55b3; font-weight:normal; margin-bottom:25px; position:relative; padding-bottom:22px;}
.proChannel h2:after {content:''; display:block; width:21px; height:2px; background-color:#cfcfcf; position:absolute; left:50%; bottom:0;}
.proChannel h2 span {background:no-repeat left center; padding-left:45px;}
.proChannel h2 span.pro {background-image:url(../images/icon_16.png);}
.proChannel h2 span.ser {background-image:url(../images/icon_17.png);}

.proChannel ul {overflow:hidden; text-align:center; font-size:0; line-height: normal; overflow:hidden;}
.proChannel li {display:inline-block; width:25%; margin-bottom:10px;}
.proChannel li a {display:block; height:118px; border:1px solid #ececec; border-bottom-right-radius:30px; margin:0 13px; padding:15px 20px 15px 15px;}
.proChannel li a:hover {background-color:#fbfbfb;}
.proChannel .box {display:table;/* height:100%;*/ width:100%;}
.proChannel .icon {display:table-cell; vertical-align: middle;}
.proChannel .icon span {display:block; width:98px; height:98px; background:no-repeat center center; border-radius:50%; background-color:#fff; background-size:52% auto; margin:0 auto;}
.proChannel .purple {border:1px solid #ebe1ff;}
.proChannel .darkPurple {border:1px solid #AD77A2;}
.proChannel .yellow {border:1px solid #ffe9a3;}
.proChannel .orange {border:1px solid #ffe4cf;}
.proChannel .paleblue {border:1px solid #b6f7ff;}
.proChannel .green {border:1px solid #cbffa0;}
.proChannel .blue {border:1px solid #c6e1ff;}
.proChannel .darkBlue {border:1px solid #002d94;}
.proChannel .red {border:1px solid #ffc1c1;}
.proChannel .info {display:table-cell; vertical-align: middle; text-align:left; padding-left:15px;}
.proChannel h3 {font-weight:normal; font-size:18px; color:#3b3b3b; line-height: 1.25em; max-height:2.5em; overflow: hidden; margin-bottom:10px;}
.proChannel i {display:block; width:23px; height:1px; background-color:#ccc; margin-bottom:10px;}
.proChannel p {font-size:12px; color:#a3a3a3; line-height: 1.5em; max-height:3em; overflow: hidden;}

/*产品服务_港口综合信息服务_数据接口 && 产品服务_易得讯VIP查询服务*/
.jkPage .jkMain {overflow:hidden; padding:30px 0;}
.jkPage .jkAside {float:left; width:150px;}

.jkMenu.fixed {position:fixed; top:0; width:inherit;}
.jkMenu li {line-height: 45px; background-color:#f1f1f1; font-size:16px; color:#3a3a3a; text-align:center; margin-bottom:1px; border-left:4px solid transparent; cursor:pointer; transition:all .3s;}
.jkMenu li.cur {background-color:#2c55b3; color:#fff; border-left-color:#ffc049;}

.jkInfo {margin-left:210px; overflow:hidden;}
.jkBox {padding:40px 50px; overflow: hidden; margin-bottom:40px;}
.jkBox h2 {font-size:22px; color:#2c55b3; background:no-repeat left center; padding-left:48px; line-height: 42px; margin-bottom:25px;}
.jkBox h3 {font-size:14px; color:#3a3a3a; line-height: 18px; /*overflow: hidden;*/ margin-bottom:15px;}
.jkBox h3 i {display:block; height:18px; color:#fff; font-style:normal; background-color:#ffc049; float:left; padding:0 7px; border-radius:2px; margin-right:5px;}
.jkBox p {font-size:14px; color:#6b6b6b; margin-bottom:30px; line-height:2em;float:left;padding-right:200px}

.jkBox .pic {float:right; width:50.44%;}
.jkBox .pic img {display:block; max-width:100%; height:auto; margin-bottom:10px;}
.jkBox .left {width:42%; float:left;}
/*.jkBox .left ul li p{text-align: justify ; -moz-text-align-last: justify ;-webkit-text-align-last:justify;word-wrap: break-word; word-break: break-all;text-justify:inter-ideograph;/*ie中必须有这个*/ text-align-last:justify; display: block;/*ie中必须有这个*/  }*/

.sectionBox .left {width:42%; float:left;}
.sectionBox {padding:40px 50px; overflow: hidden; margin-bottom:40px;}
.sectionBox p {font-size:14px; color:#6b6b6b; margin-bottom:30px; line-height:2em;}
.sectionBox h2 {font-size:22px; color:#2c55b3; background:no-repeat left center; padding-left:48px; line-height: 42px; margin-bottom:25px;}
.jkInfo .sectionBox.jsRy h2{
    background-image: url(../images/new-img/Ry.png);
   }


.jkTop, .jkBtm {background-color:#f9f9f9;}
.jkTop h2 {background-image:url(../images/icon_18.png);}
.jkMid h2 {background-image:url(../images/icon_19.png);}
.jkBtm h2 {background-image:url(../images/icon_20.png);}
.jkBtm ul {overflow: hidden;}
.jkBtm li {float:left; width:44%;}
.jkBtm li:nth-child(2n) {float:right;}

.jkTop2 p {margin-bottom:15px;}
.jkTop .intro a {color:#2c55b3; margin-left:20px; border-bottom:1px solid #2c55b3; position:relative;}
.jkTop .intro a:before {content:''; display:block; background:url(../images/icon_66.png) no-repeat center center; width:14px; height:14px; position:absolute; left:-20px; top:1px;}
.jkTop .apply a {float:left;display:block; width:100px; height:35px; text-align:center; line-height:35px; color:#fff; background-color:#2c55b3; font-size:14px; border-radius:5px; font-weight:bold;margin-left: 20px;}

.jkBox.jkMid2 {padding:0;}
.jkMid2 h2 {margin:0 50px 25px;}
.jkMid2 .left {width:61.8%;}
.jkMid2 .pic {width:35.55%;}
.jkMid2 th {background-color:#f2f5fb; font-size:14px; color:#2c55b3; padding:10px; border-color:#eee;}
.jkMid2 td {border-color:#eee; font-size:14px; color:#3a3a3a; padding:5px 30px;}
.jkMid2 td:first-child {text-align:center;}
.jkMid2 ul {padding-left:25px; margin-bottom:20px; overflow:hidden;}
.jkMid2 li {margin-bottom:15px; overflow:hidden;}
.jkMid2 li span {display:block; font-size:14px; line-height:20px; color:#6b6b6b;}
.jkMid2 li .name {width:125px; float:left; background-color:#ffc049; color:#3a3a3a; text-align:right;}
.jkMid2 li .text {margin-left:30px;}

.jkBtm2 ul {margin-bottom:15px;}
.jkBtm2 ul li {float:none; width:auto; list-style:inside disc none; margin-bottom:5px; padding-left:1em;}
.jkBtm2 li:nth-child(2n) {float:none;}
.jkBtm2 p {margin-bottom:15px;}

.jkBox.full p {margin-bottom:0; margin-left:35px;}
.full li {float:none; width:auto; margin-bottom:30px;}
.full li:nth-child(2n) {float:none;}
.full li:last-child {margin-bottom:none;}

/*公共样式sidebar*/
.sidebar {width:21.25%; float:right;}
.widget {margin-bottom:30px; background-color:#f9f9f9; }
.widget h3, .mainTitle {font-size:18px; color:#2c55b3; background-color:#f1f1f1; height:54px; line-height: 54px; padding:0 30px; position:relative;}
.widget h3:before, .mainTitle:before {content:''; display:block; width:3px; height:18px; background-color:#2c55b3; position:absolute; left:20px; top:50%; margin-top:-9px;}
.widget ul {padding:10px 20px;}
.widget li {font-size:14px; color:#6b6b6b; padding:10px 0; border-bottom:1px solid #f1f1f1; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.widget li a {color:#6b6b6b; position:relative; padding-left:15px;}
.widget li a:hover {color:#2c55b3;}
.widget li a:before {content:''; display:block; width:4px; height:4px; background-color:#2c55b3; position:absolute; left:0; top:50%; margin-top:-2px;}

.widget li.first {border-bottom:none;}
.widget li.first a {display:block; padding-left:0;}
.widget li.first a:before {display:none;}
.widget li.first .thumbnail {overflow: hidden;}
.widget li.first img {display:block; width:100%; height:auto;}
.widget li.first p {position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,.5); color:#fff; padding:10px 5%; width:90%;}

.widget dl {padding:38px 20px;}
.widget dd {font-size:14px; color:#6b6b6b; line-height: 1.75em; padding:10px 0;}
.widget dd span {display:block; margin-left:30px;}
.widget dd i {display:inline-block; float:left; width:19px; height:13px; line-height: 13px; text-align:center; color:#fff; background-color:#2c55b3; font-weight:bold; font-size:11px; font-style:normal; margin-top:6px; border-radius:2px;}

.widget .lxInfo {color:#fff; padding:37px 20px 37px 35%; background:#2c55b3 no-repeat 13% center; font-size:14px; border-bottom:1px solid #4166ba;}
.widget .lxInfo .info {font-size:16px; font-weight:bold; text-transform:uppercase; word-break:break-all;}
.widget .hotLine {background-image:url(../images/icon_36.png);}
.widget .mailbox {background-image:url(../images/icon_37.png);}

.MyService {position:relative;}
.MyService ul {padding-bottom:35px;}
.MyService .slick-arrow {background:#2c55b3 no-repeat center center; width:39%; position:absolute; bottom:10px; border:none; text-indent:-9999em; z-index:5; cursor:pointer; height:25px;}
.MyService .slick-prev {left:20px; background-image: url(../images/icon_31.png);}
.MyService .slick-next {right:20px; background-image: url(../images/icon_32.png);}

/*公共样式main*/
.main {float:left; width:76.39%; overflow: hidden;}
.mainBox {padding:40px 20px; background-color:#f9f9f9;}

/*分页*/
.pagenavi {font-size:0; line-height: normal; text-align:center;}
.pagenavi a {display:inline-block; font-size:14px; color:#666; height:33px; line-height: 33px; padding:0 14px; border:1px solid #edecec; margin:1px 0 1px -1px;}
.pagenavi a:hover, .pagenavi a.a_cur {background-color:#2c55b3; color:#fff; border-color:#2c55b3;}
.pagenavi .a_prev, .pagenavi .a_next {text-indent:-9999em; background:no-repeat center 8px; width:38px; padding:0; margin:0 10px;}
.pagenavi .a_prev {background-image:url(../images/icon_34.png);}
.pagenavi .a_prev:hover, .pagenavi .a_next:hover {background-position:center -27px;}
.pagenavi .a_next {background-image:url(../images/icon_35.png);}

/*海关电子查验*/
.hgCheck {overflow: hidden; margin-bottom:40px;}
.hgCheck .entry {font-size:14px; color:#6b6b6b; line-height: 2em;}
.hgCheck .entry p {margin-bottom:20px;}
.hgCheck .entry img {max-width:100%; height:auto;}

/*公共信息服务共用样式*/
.formMain {background-color:#f9f9f9; padding:35px 20px; overflow: hidden;}
.formMain label {display:block; float:left; font-size:14px; color:#6b6b6b; height:37px; line-height: 37px;}
.formMain .text {width:100%; display:block; height:35px; line-height: normal; font-family: 'Microsoft Yahei'; font-size:14px; -webkit-appearance:none;}
.formMain .right {height:35px; border:1px solid #d2d2d2; padding:0 5px; border-radius:2px;}

.ggTop {overflow: hidden;}
.ggTop .pgTitle {float:left;}
.ggTop ul {overflow: hidden; float:right;}
.ggTop li {float:left; line-height: 30px; padding-left:30px;}
.ggTop li:first-child {padding-left:0;}
.ggTop li a {display:block; padding-left:10px; position:relative;}
.ggTop li a:before {content:''; display:block; width:4px; height:4px; background-color:#2c55b3; position:absolute; left:0; top:50%; margin-top:-2px;}

.record {padding:12px 20px; background-color:#f9f9f9; overflow: hidden; font-size:0; line-height: normal;}
.record span {display:block; float:left; font-size:14px; color:#6b6b6b; line-height: 1.75em;}
.record a {color:#6b6b6b;}
.record a:hover {color:#2c55b3;}
.record .total {float:left; overflow: hidden;}
.record .total span {padding-right:60px;}
.record .paging {float:right; overflow:hidden;}
.record .paging span {padding-left:60px;}

.cxResult {margin-bottom:50px;}
.cxResult h2 {font-size:18px; color:#2c55b3; line-height: 1.125em; margin-bottom:20px;}
.cxResult .cxTable {overflow-x:auto; -webkit-overflow-scrolling:touch; margin-bottom:25px;}
.cxResult table {border:none; width:100%;}
.cxResult table td, .cxResult table th {text-align:center; line-height: 1.285em;}
.cxResult th {color:#fff; background-color:#2c55b3; font-size:14px; border:1px solid #466ecb; border-bottom:none; font-weight:normal; padding:20px 5px; width:85px;}
.cxResult td {border:1px solid #d2d2d2; font-size:14px; color:#6b6b6b; padding:15px 5px; background-color:#f9f9f9;}

.cxResult .text {color:#fff; background-color:#2c55b3; padding:20px; font-size:14px;}

.ggNotes {margin-bottom:50px; font-size:14px; color:#6b6b6b;}
.ggNotes p {padding:2px 0;}

.ggSubmit {background:#2c55b3 url(../images/icon_38.png) no-repeat 35px center; color:#fff; display:block; height:37px; width:125px; padding-left:30px; font-size:16px; font-weight:bold; font-family: 'Microsoft Yahei'; border-radius:2px; -webkit-appearance:none; cursor:pointer; float:left;}

/*公共信息服务_危险货物支持中心*/
.wxCenter .mainBox {overflow:hidden; margin-bottom:20px;}
.wxList {margin-bottom:40px;}
.wxList li {font-size:14px; color:#6b6b6b; border-bottom:1px solid #f1f1f1; line-height: 40px;}
.wxList li span {float:right; font-size:12px;}
.wxList li a {display:block; margin-right:65px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; padding-left:15px;}
.wxList li a:before {content:''; display:block; width:4px; height:4px; background-color:#3a60b8; position:absolute; left:0; top:50%; margin-top:-2px;}

.wxCenter h2.title {font-size:18px; color:#2c55b3; line-height: 1.35em; padding-left:10px; position:relative; margin-bottom:10px;}
.wxCenter h2.title:before {content:''; display:block; width:3px; height:18px; background-color:#2c55b3; position:absolute; left:0; top:50%; margin-top:-9px;}
.wxCenter .entry {font-size:14px; color:#6b6b6b; line-height: 2em;}

/*公共信息服务_快速扫描公众查询_打印记录*/
.dyRecord {margin-bottom:40px; overflow:hidden;}
.dyRecord h1 {font-size:18px; color:#2c55b3; border-bottom:1px solid #e5e5e5; line-height: 1.1em; padding-bottom:15px;}
.dyRecord .btn {overflow: hidden; width:360px; margin:0 auto;}
.dyRecord .btn a {display:block; width:69px; height:26px; line-height: 26px; text-align:center; float:left; background:no-repeat center center; border-radius:5px; overflow:hidden; background-size:cover; font-size:14px; margin:0 5px;}
.dyRecord .btn .print {background-image:url(../images/bg_print.png); color:#fff;}
.dyRecord .btn .close {background-image:url(../images/bg_close.png); color:#6b6b6b;}

.printBox { border-bottom:1px solid #e5e5e5; padding:25px 0;}
.printInfo {width:400px; margin:0 auto; padding:25px 0;}
.printInfo h2 {font-size:18px; color:#2c55b3; line-height: 1.125em; margin-bottom:30px;}
.printInfo dl {overflow:hidden; margin-bottom:20px;}
.printInfo dd {overflow: hidden; padding:5px 0;}
.printInfo span {font-size:14px; display:block;}
.printInfo .name {color:#3a3a3a; float:left; text-align:right; width:70px;}
.printInfo .info {color:#6b6b6b; margin-left:100px;}
.printInfo .warning {font-size:14px; color:#6b6b6b; margin-bottom:25px;}
.printInfo .warning p {padding:5px 0;}

/*公共信息服务_装提单手机绑定*/
.sjBind .formMain {margin-bottom:20px;}
.sjBind .bindForm {overflow: hidden;}
.sjBind .input, .sjBind .btn {float:left; overflow: hidden; width:18.8285%; padding-right:2.14%;}
.sjBind label {text-align:right; width:70px;}
.sjBind .right {margin-left:70px;}
.sjBind .btn input {height:37px; display:block; color:#fff; float:left; width:47.16%; font-size:16px; font-weight:bold; border-radius:2px; font-family: 'Microsoft Yahei'; -webkit-appearance:none; cursor:pointer;}
.sjBind .btn .bindBtn {background-color:#2c55b3;}
.sjBind .btn .cancleBtn {float:right; background-color:#2aab67;}
.sjBind .warning {font-size:14px; color:#6b6b6b; line-height: 37px;}

/*公共信息服务_集装箱公众查询*/
.jzEnquiry {margin-bottom:30px;}
.jzEnquiry .formMain {margin-bottom:30px;}
.jzEnquiry .input {float:left; overflow: hidden; width:18.8285%; padding-right:2.14%;}
.jzEnquiry label {text-align:right; width:70px;}
.jzEnquiry .right {margin-left:70px;}
.jzEnquiry .pagepic {padding:30px 0 0;}

/*公共信息服务_集装箱公众查询详情*/
.jzResult {margin-bottom:40px; overflow: hidden;}
.jzResult .top { border-bottom:1px solid #e5e5e5; overflow: hidden; padding-bottom:15px; margin-bottom:50px;}
.jzResult .top h1 {font-size:18px; color:#2c55b3; line-height: 1.1em; float:left;}
.jzResult .top ul {overflow: hidden; float:right;}
.jzResult .top li {float:left; line-height: 20px; padding-left:30px;}
.jzResult .top li:first-child {padding-left:0;}
.jzResult .top li a {display:block; padding-left:10px; position:relative;}
.jzResult .top li a:before {content:''; display:block; width:4px; height:4px; background-color:#2c55b3; position:absolute; left:0; top:50%; margin-top:-2px;}

.jzDetails {border-bottom:1px solid #e5e5e5; margin-bottom:25px; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.jzDetails table {margin-bottom:45px; border:none; min-width:100%;}
.jzDetails td {font-size:14px; width:25%; border:none; color:#6b6b6b; vertical-align: top}
.jzDetails .left {color:#3a3a3a; text-align:right;}
.jzDetails span {color:#fff; background-color:#2c55b3; font-size:12px; padding:2px 10px; border-radius:3px; margin-left:5px;}
.jzDetails span a {color:#fff;}

.jzResult .pagepic {padding:30px 0 0;}

/*公共信息服务_集装箱历史公众查询*/
.jzHistory {margin-bottom:30px; overflow: hidden;}
.jzHistory .formMain {margin-bottom:30px;}
.jzHistory .input {float:left; width:16.6%; overflow:hidden; padding-right:2.08%;}
.jzHistory .input.sj {width:30%;}
.jzHistory .gh label {width:42px;}
.jzHistory .ch label {width:56px;}
.jzHistory .sj label {width:98px;}
.jzHistory .gh .right {margin-left:42px;}
.jzHistory .ch .right {margin-left:56px;}
.jzHistory .sj .right {padding:0; border:none; margin-left:98px; position:relative; margin-top:-1px;}
.jzHistory .sj .right:after {content:''; display:block; width:7px; height:2px; background-color:#2c55b3; position:absolute; left:50%; top:50%; margin:-1px 0 0 -3.5px;}
.jzHistory .date {background:#f9f9f9 url(../images/icon_40.png) no-repeat right center; float:left; width:46%; border:1px solid #d2d2d2; height:37px; line-height: normal; border-radius:2px; padding:0 22px 0 5px; font-size:14px; box-sizing: border-box;}
.jzHistory .date:last-child {float:right;}
.jzHistory .generate {display:block; float:right; width:165px; height:37px; line-height: 37px; color:#fff; font-size:16px; border-radius:2px; background-color:#2aab67; text-align:center;}
.jzHistory .generate i {font-style:normal; background:url(../images/icon_39.png) no-repeat left center; padding-left:20px;}

.jzHistory .cxResult table {width:1440px;}
.jzHistory .cxResult th {padding:15px 5px;}
.jzHistory .cxResult td {padding:45px 5px;}

/*公共信息服务_码头港口代码公众查询*/
.gkCode .formMain {margin-bottom:30px;}
.gkCode .input {float:left; overflow:hidden; width:18.75%; padding-right:2.08%;}
.gkCode label {width:70px;}
.gkCode .right {margin-left:70px;}
.gkCode .select {height:35px; border:1px solid #d2d2d2; position:relative; border-radius:2px; margin-left:70px;}
.gkCode .select:after {content:''; display:block; position:absolute; width:12px; height:5px; background:url(../images/icon_41.png) no-repeat center center; right:10px; top:50%; margin-top:-2.5px;}
.gkCode select {border:none; width:100%; height:35px; padding:0 5px; background-color:transparent; position:relative; z-index: 1; appearance:none; -webkit-appearance:none; -moz-appearance:none; font-family: 'Microsoft Yahei'; font-size:14px;}
.gkCode select::-ms-expand {display:none;}
.gkCode .cxResult .th1 {width:6%;}
.gkCode .cxResult .th2 {width:19%;}
.gkCode .cxResult .th3 {width:75%; text-align:left; padding-left:5.5%;}

/*公共信息服务_快速扫描公众查询*/
.ksScan .formMain {margin-bottom:30px;}
.ksScan .input {float:left; overflow:hidden; width:18.75%; padding-right:2.08%;}
.ksScan label {width:70px;}
.ksScan .right {margin-left:70px;}
.ksScan .btn {float:left; overflow: hidden;}
.ksScan .subBtn {background-color:#2aab67; color:#fff; display:block; height:37px; width:125px; font-size:16px; font-weight:bold; font-family: 'Microsoft Yahei'; border-radius:2px; -webkit-appearance:none; cursor:pointer; float:left; margin-left:10px;}
.ksScan .cxResult table {min-width:600px;}
.ksScan .cxResult .th1, .ksScan .cxResult .th2, .ksScan .cxResult .th4 {width:10%;}
.ksScan .cxResult .th3 {width:14%;}
.ksScan .cxResult .th5 {width:56%; text-align:left; padding-left:4%;}
.ksScan .cxResult th.th5 {padding-left:6%;}
.ksScan .print {display:block; background:url(../images/bg_print2.png) no-repeat center center; width:106px; height:34px; background-size:contain; color:#fff; line-height: 34px; text-align:center;}

/*公共信息服务_快速扫描公众查_历史查询*/
.lsScan .cxResult table {min-width:320px;}

/*公共信息服务_船舶IMO号查询*/
.cbImo .formMain {margin-bottom:30px;}
.cbImo .input {float:left; overflow:hidden; width:18.75%; padding-right:2.08%;}
.cbImo label {width:53px;}
.cbImo .right {margin-left:53px;}
.cbImo .ggSubmit {margin-right:3%;}
.cbImo .cxResult .th1 {width:6%;}
.cbImo .cxResult .th2, .cbImo .cxResult .th3, .cbImo .cxResult .th4, .cbImo .cxResult .th5 {width:14%;}
.cbImo .cxResult .th6 {text-align:left; padding-left:5%;}
.cbImo .cxResult .cxTable {margin-bottom:0;}

/*公共信息服务_船舶资料公众查询*/
.cbData .formMain {margin-bottom:30px;}
.cbData .input {float:left; overflow:hidden; width:18.75%; padding-right:2.08%;}
.cbData label {width:53px;}
.cbData .first label {width:70px;}
.cbData .right {margin-left:53px;}
.cbData .first .right {margin-left:70px;}
.cbData .cxResult table {min-width:600px;}

/*公共信息服务_运抵报告状态查询*/
.ydStatus .formMain {margin-bottom:30px;}
.ydStatus .input {float:left; overflow:hidden; width:18.75%; padding-right:2.08%;}
.ydStatus label {width:70px;}
.ydStatus .right {margin-left:70px;}

.ydStatus .th1 {width:6%;}
.ydStatus .th2, .ydStatus .th3, .ydStatus .th4, .ydStatus .th5 {width:14%;}
.ydStatus .cxResult table {min-width:600px;}

/*公共信息服务_船期公众查询*/
.cqPublic .formMain {margin-bottom:30px;}
.cqPublic .input {float:left; overflow:hidden; width:18.75%; padding-right:2.08%;}
.cqPublic .first {width:25.7%;}
.cqPublic label {width:70px;}
.cqPublic .second label {width:43px;}
.cqPublic em {display:block; float:right; font-style:normal; width:80px; height:37px; line-height: 37px; font-size:14px; color:#6b6b6b;}
.cqPublic .right {margin-left:70px;}
.cqPublic .first .right {margin-right:90px;}
.cqPublic .second .right {margin-left:43px;}
.cqPublic .cxResult table {min-width:600px;}

/*公共信息服务_查验柜递单公众查询*/
.gdCheck .formMain {margin-bottom:30px;}
.gdCheck .input {float:left; overflow:hidden; width:18.75%; padding-right:2.08%;}
.gdCheck label {width:43px;}
.gdCheck .right {margin-left:43px;}

/*公共信息服务_公共查询频道页*/
.publicTitle {border-bottom:1px solid #f1f1f1; margin-bottom:30px;}
.publicTitle h2 {font-size:22px; color:#2c55b3; float:left; border-bottom:3px solid #2c55b3; padding-bottom:15px; margin-bottom:-1px; background:url(../images/icon_09.jpg) no-repeat left top; padding-left:12px;}
.publicInfo .infoList {overflow: hidden; font-size:0; width:101.6%;}
.publicInfo .infoBox {display:inline-block; width:23.4%; margin-right:1.6%; padding-bottom:70px; background:url(../images/bg_01.png) no-repeat center bottom; background-size:100% 70px;}
.publicInfo .infoMain {background:no-repeat center center; background-size:100% 100%; height:281px; position:relative; overflow: hidden; margin-bottom:1px;}
.publicInfo .first {background-image:url(../images/bg_02.png);}
.publicInfo .second {background-image:url(../images/bg_03.png);}
.publicInfo .third {background-image:url(../images/bg_04.png);}
.publicInfo .fourth {background-image:url(../images/bg_05.png);}
.publicInfo ul {margin:1px; border:2px solid #fff; height:215px; border-radius:2px; padding:15px 0;}
.publicInfo ul:after {content:''; display:block; background:no-repeat center center; background-size:contain; position:absolute; bottom:8px;}
.publicInfo .first ul:after {width:74px; height:53px; background-image:url(../images/icon_42.png); right:20px;}
.publicInfo .second ul:after {width:48px; height:47px; background-image:url(../images/icon_43.png); right:25px;}
.publicInfo .third ul:after {width:85px; height:45px; background-image:url(../images/icon_44.png); right:20px;}
.publicInfo .fourth ul:after {width:47px; height:49px; background-image:url(../images/icon_45.png); right:25px;}
.publicInfo li {font-size:16px; color:#525252; padding:8px 45px; clear:both; position:relative;  z-index:2;}
.publicInfo li a { color:#525252; display:block; border:1px solid #e7e7e7; border-radius:3px; padding:10px 10px 10px 30px; background:#fff url(../images/icon_46.png) no-repeat 20px center; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.publicInfo li a:hover, .companyShow li a:hover {text-decoration: underline}

.companyShow {margin-bottom:10px; overflow: hidden;}
.companyShow ul {width:101.6%; overflow: hidden;}
.companyShow li {width:23.4%; padding-right:1.6%; float:left; font-size:16px; padding-bottom:15px;}
.companyShow li a {display:block; height:48px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; border:1px solid #eee; background:url(../images/bg_06.png) repeat-x left center; color:#6a6a6a; line-height: 48px; position:relative; padding-left:65px;}
.companyShow li a:before {content:''; display:block; width:27px; height:27px; position:absolute; left:15px; top:50%; margin-top:-13.5px; background:url(../images/icon_47.png) no-repeat center center;}
.companyShow li a:after {content:''; width:9px; height:1px; background-color:#bac4cd; position:absolute; left:50px; top:50%; margin-top:-0.5px;}

/*内页子菜单*/
.subMenu {background-color:#f5f5f5; margin-bottom:50px;}
.subMenu ul {overflow: hidden; padding:0 20px;}
.subMenu li {float:left; padding:0 20px; font-size:16px;}
.subMenu li a {display:block; padding:0 5px; color:#333; line-height: 52px; height:48px; border-bottom:2px solid transparent; transition:border .2s;}
.subMenu li.cur a, .subMenu li a:hover {color:#2c55b3; border-bottom:2px solid #2c55b3;}

/*关于我们_联系我们*/
.lxPage {overflow: hidden; margin-bottom:10px;}
.lxPage .info {float:left; width:480px;}
.lxPage dl {padding:25px 0;}
.lxPage dt {font-size:22px; color:#2c55b3; font-weight:bold; margin-bottom:22px;}
.lxPage dd {border-bottom:1px dashed #d9d9d9; padding:13px 0 13px 35px; background:no-repeat left 13px;}
.lxPage dd:last-child {border-bottom:none;}
.lxPage dd.addr {background-image:url(../images/icon_48.png);}
.lxPage dd.zip {background-image:url(../images/icon_49.png); background-position:left 19px;}
.lxPage dd.fax {background-image:url(../images/icon_50.png); background-position:left 15px;}
.lxPage dd.tel {background-image:url(../images/icon_51.png); background-position:left 16px;}
.lxPage dd.mail {background-image:url(../images/icon_52.png); background-position:left 19px;}
.lxPage p {font-size:16px; color:#6b6b6b; line-height: 1.75em;}
.lxPage p span {color:#3a3a3a;}
.lxPage .map {margin-left:540px; padding-bottom:510px; /*border:1px solid #ececec;*/ position:relative;}
.lxPage #allmap {position:absolute; left:1%; top:1%; height:98%; width:98%;}

/*关于我们_法律条款*/
.provisions {margin-bottom:40px;}
.provisions .entry {font-size:14px; line-height: 2em; color:#6b6b6b;}

/*关于我们_人才招聘*/
.recruit {margin-bottom:70px;}
.jobMain dl {overflow:hidden; padding:13px 60px 13px 0;}
.jobMain dd {float:left; text-align:center; font-size:16px;}
.jobMain .jobTop {background-color:#2c55b3; color:#fff;}
.jobMain .name {width:21%;}
.jobMain .dep {width:14%;}
.jobMain .edu {width:14%;}
.jobMain .exp {width:14%;}
.jobMain .sex {width:9%;}
.jobMain .num {width:14%;}
.jobMain .date {width:14%;}

.jobList {border-bottom:1px solid #e5e5e5;}
.jobItem {border:1px solid #e5e5e5; border-bottom:none;}
.jobItem .top {position:relative; cursor:pointer;}
.jobItem dl {color:#6b6b6b;}
.jobItem .close {display:block; width:60px; height:50px; background:url(../images/icon_53.png) no-repeat center 17px; position:absolute; right:0; top:0; cursor:pointer;}
.jobItem.cur .close {background-position:center -26px;}
.jobItem .btm {background-color:#f9f9f9; padding:40px 55px; border-top:1px solid #e5e5e5; line-height: 2.15em; font-size:14px; color:#6a6a6a; display:none;}
.jobItem .btm h2 {font-size:14px;}
.jobItem .btm section {margin-bottom:15px;}
.jobItem .apply {overflow: hidden; padding-top:20px; clear:both;}
.jobItem .apply a {display:block; width:134px; height:40px; line-height: 40px; text-align:center; color:#fff; background-color:#2c55b3; border-radius:3px;}

.ayBox {position:fixed; left:0; top:0; width:100%; height:100%; z-index: 9; display:none;}
.ayBg {background-color:rgba(0,0,0,.7); position:fixed; left:0; top:0; width:100%; height:100%; z-index: 10;}
.ayMain {background-color:#fff; width:600px; border-radius:5px; box-shadow: 0px 0px 5px #222; position:fixed; left:50%; top:50%; margin-left:-300px; transform:translateY(-50%); z-index: 11;}
.ayInfo {padding:30px 50px;}
.ayInfo .input {overflow: hidden; padding:10px 0;}
.ayInfo label {font-size:16px; color:#555; float:left; display:block; text-align:right; width:100px; line-height: 37px;}
.ayInfo label i {color:#e14343; font-style:normal;}
.ayInfo .right {margin-left:100px; overflow:hidden;}
.ayInfo .text {border:1px solid #e4e4e4; border-radius:5px; height:25px; padding:5px 0; text-indent:5px; width:98%; line-height: normal;}
.ayInfo .file {padding:5px 0; height:25px; line-height: normal; -webkit-appearance:none;}
.ayInfo em {font-style:normal; font-size:16px; display:block; float:left; line-height: 37px;}
.ayInfo p {word-break:break-all;}
.ayInfo .btn {margin-left:100px; padding:20px 0 10px;}
.ayInfo .btn input {-webkit-appearance:none; padding:0 30px; height:37px; cursor:pointer; border-radius:3px; font-size:16px;}
.ayInfo .submit {color:#fff; background-color:#2c55b3;}
.ayInfo .reset {color:#333; background-color:#f0f0f0; margin-left:15px;}

/*关于我们_公司简介*/
.about {overflow:hidden; margin-bottom:40px;}
.about img {display:block; width:100%; height:auto;}
.about h3 {font-size:20px; color:#3a3a3a; font-weight:normal; line-height: 1.5em; float:left; position:relative; padding-bottom:10px; margin-bottom:6%;}
.about h3:after {content:''; display:block; width:2em; height:1px; background-color:#3a3a3a; position:absolute; bottom:0; left:0;}
.about .text {clear:both; font-size:14px; color:#6b6b6b; line-height: 1.85em;}
.about .text p {margin-bottom:15px;}
.aboutTop {display:table; width:100%; margin-bottom:20px;}
.aboutTop .pic {display:table-cell; vertical-align: top; width:49.3%;}
.aboutTop .intro {display:table-cell; vertical-align:middle; padding-left:50px;}

.aboutMid {overflow: hidden; margin-bottom:20px;}
.aboutMid .pic {display:table-cell; width:243px; vertical-align: top;}
.aboutMid .intro {display:table-cell; vertical-align:middle; padding:5px 50px;}
.aboutMid .mission {display:table; width:49.3%; float:left; background-color:#f5f5f5;}
.aboutMid .mission:nth-child(2n) {float:right;}

.aboutBtm {background-color:#f5f5f5; display:table;}
.aboutBtm .intro {display:table-cell; vertical-align:middle; padding:5px 50px;}
.aboutBtm .pic {display:table-cell; width:49.3%;}

/*铺助栏目_友情链接*/
.friendlink {overflow:hidden; margin-bottom:20px;}
.friendlink ul {overflow: hidden; width:101.4%; margin-bottom:60px;}
.friendlink li {float:left; width:15.4%; padding-right:1.2%; font-size:14px; line-height: 2.15em; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; padding-bottom:20px;}
.friendlink li a {display:block; position:relative; text-align:center; color:#888;}
.friendlink li i {display:block; font-style:normal; padding-bottom:35.135%; background:no-repeat center center; background-size:contain; border:1px solid #d2d2d2; margin-bottom:5px; overflow: hidden;}

/*铺助栏目_网站地图*/
.mapBox {overflow: hidden; border-bottom:1px dashed #e6e6e6; padding:15px 0;}
.mapBox h2 {float:left; font-weight:normal; font-size:14px; width:117px; height:26px; line-height: 26px; text-align:center; background-color:#2c55b3; color:#fff; border-radius:3px;}
.mapBox h2 a {display:block; color:#fff;}
.mapBox ul {margin-left:160px; overflow: hidden;}
.mapBox li {line-height: 26px; font-size:14px; float:left; padding:0 15px; position:relative;}
.mapBox li:after {content:''; display:block; width:1px; height:11px; background-color:#d4d4d4; position:absolute; right:0; top:50%; margin-top:-5.5px;}
.mapBox li a { color:#3b3b3b;}
.mapBox li a:hover {color:#2c55b3;}
.mapBox li:last-child:after {display:none;}

.mapBox dl {margin-left:72px; overflow:hidden;}
.mapBox dt {float:left; padding:0 15px; position:relative;}
.mapBox dt:after {content:''; display:block; width:15px; height:1px; background-color:#b5b5b5; position:absolute; right:-15px; top:50%; margin-top:-0.5px;}
.mapBox dt a {color:#3b3b3b;}
.mapBox dd {float:left; padding:0 30px;}
.mapBox dd a {color:#888;}

/*铺助栏目_码头APP*/
.siteApp img {max-width:100%; height:auto;}
.siteApp .appBan {overflow:hidden; margin-bottom:55px;}
.siteApp .appBan img {display:block; width:100%;}

.siteApp h2 {border-bottom:1px solid #d9d9d9; font-size:36px; font-weight:normal; color:#2c55b3; line-height: 1.1em; padding-bottom:15px; text-align:center; position:relative; margin-bottom:70px;}
.siteApp h2:after {content:''; display:block; width:4em; height:1px; background-color:#2c55b3; position:absolute; left:50%; bottom:-1px; margin-left:-2em;}
.siteApp .intro p {line-height: 1.5em; font-size:24px; color:#303030; margin-bottom:25px;}
.siteApp .intro hr {padding:0; border:none; border-bottom:1px dashed #cecece; margin-bottom:60px; clear:both; overflow: hidden;}

/*行业资讯_新闻资讯详情*/
.newsPage {margin-bottom:40px; overflow: hidden;}

.post .psTitle {font-size:22px; color:#3a3a3a; line-height: 1.5em; text-align:center; margin-bottom:25px;}
.post .postmeta {text-align:center; border-bottom:1px solid #f1f1f1; padding-bottom:10px; margin-bottom:30px;}
.post .postmeta span {padding:0 15px; font-size:14px; color:#666;}
.post .postmeta a {color:#666;}
.post .entry {overflow: hidden; margin-bottom:20px;}
.post .entry img {max-width:100%; height:auto;}
.post .entry p {font-size:16px; line-height: 2em; text-indent:2em; margin-bottom:25px;}
.post .entry p img {margin-left:-2em;}
.post .entry ol, .post .entry ul {padding-left:2em; margin-bottom:25px; font-size:16px;}
.post .entry ol li {list-style:inside decimal none;}
.post .entry ul li {list-style:inside disc none;}

.postnavi {overflow: hidden;}
.postnavi span {display:block; float:left; font-size:14px; padding-right:10px;}
.postnavi span:last-child {padding-right:0;}
.postnavi span a {display:block; width:132px; height:38px; line-height: 38px; text-align:center; border-radius:2px;}
.postnavi span.back a {color:#fff; border:1px solid #2c55b3; background-color:#2c55b3;}
.postnavi span.navi a {color:#666; border:1px solid #999; background-color:#fff;}
.postnavi span.navi a:hover {color:#2c55b3; border-color:#2c55b3;}

/*行业资讯_通知公告 && 行业资讯_政策法规 && 行业资讯_统计数据*/
.notice ul {overflow:hidden; margin-bottom:60px;}
.notice li {overflow: hidden; border-bottom:1px solid #e6e6e6; font-size:16px; line-height: 53px;}
.notice li span {float:right; background:url(../images/icon_54.png) no-repeat left center; padding-left:28px; font-size:14px; color:#999;}
.notice li a {display:block; margin-right:105px; color:#3a3a3a; position:relative; padding-left:28px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.notice li a:hover {color:#2c55b3;}
.notice li a:before {content:''; display:block; width:4px; height:4px;background-color: #2c55b3;position:absolute; left:10px; top:50%; margin-top:-2px;}

/*行业资讯_新闻资讯*/
.newsTop {background-color:#f9f9f9; margin-bottom:80px;}
.newsTop .item {overflow:hidden;}
.newsTop .thumbnail {width:438px; padding-bottom:332px; position:relative; float:left; overflow: hidden;}
.newsTop .thumbnail a {display:block;}
.newsTop .thumbnail img {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.newsTop .info {margin-left:438px; padding:40px;}
.newsTop h2 {font-size:22px; line-height: 1.35em; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; font-weight:normal; margin-bottom:5px; margin-right:60px;}
.newsTop h2 a {color:#3a3a3a;}
.newsTop h2 a:hover {color:#2c55b3;}
.newsTop .meta {font-size:14px; color:#6b6b6b; margin-bottom:10px;}
.newsTop .intro {font-size:14px; color:#6b6b6b; line-height: 1.85em; margin-bottom:50px; height:5.55em; overflow: hidden;}
.newsTop .more {overflow: hidden;}
.newsTop .more a {display:block; width:135px; height:40px; text-align:center; line-height: 40px; color:#fff; background-color:#2c55b3; border-radius:2px;}
.newsTop .more a:hover {opacity:.8;}

.newsTop .owl-dots {position:absolute; right:40px; top:49px; overflow: hidden;}
.newsTop .owl-carousel button.owl-dot {float:left; border:1px solid transparent; border-radius:50%; margin:0px 1px; line-height: normal;}
.newsTop .owl-carousel button.owl-dot.active {border-color:#2c55b3;}
.newsTop .owl-dot span {display:block; width:6px; height:6px; border-radius:50%; background-color:#6b6b6b; margin:2px;}
.newsTop .owl-dot.active span {background-color:#2c55b3;}

.newsItem {border-bottom:1px solid #e6e6e6; overflow:hidden; padding-bottom:43px; margin-bottom:50px;}
.newsItem .date {float:left; width:84px; background-color:#f9f9f9; font-size:14px; color:#6b6b6b; text-align:center; padding:15px 0;}
.newsItem .date i {font-style:normal; font-size:34px; color:#3a3a3a; display:block; line-height: 1.125em;}
.newsItem .info {margin-left:110px; overflow: hidden;}
.newsItem h2 {font-size:18px; line-height: 1.35em; margin-bottom:12px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:normal;}
.newsItem h2 a {color:#3a3a3a;}
.newsItem h2 a:hover {color:#2c55b3;}
.newsItem .excerpt {font-size:14px; color:#6b6b6b; line-height: 2em; height:4em; overflow: hidden;}

/*行业资讯_行业新闻频道页*/
.newsHome .pagepic {padding:0; margin-bottom:30px;}


/*行业新闻频道页_热点新闻*/
.newTop {overflow: hidden; margin-bottom:15px;}
.hotNews {margin:10px 0 0 735px; background-color:#f9f9f9; padding:20px 30px;}
.hotNews .title {border-bottom:1px solid #f1f1f1; position:relative; margin-bottom:35px;}
.hotNews h2 {font-size:22px; color:#2c55b3; line-height: 1.125em; position:relative; padding-bottom:12px;}
.hotNews h2:after {content:''; display:block; position:absolute; left:0; bottom:-1px; width:4em; height:3px; background-color:#2c55b3;}
.hotNews .more {position:absolute; right:0; top:0;}
.hotNews .more a {display:block; width:80px; height:26px; line-height: 26px; text-align:center; color:#fff; font-size:14px; background-color:#fdcd73; border-radius:3px;}
/*.hotNews li {border-bottom:1px solid #f1f1f1; padding-bottom:16px; margin-bottom:30px;}*/
.hotNews li a {display:block; overflow: hidden;}
.hotNews .top {font-size:16px; color:#3a3a3a; margin-bottom:10px; position:relative; padding-left:15px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.hotNews .top:after {content:''; display:block; width:4px; height:4px; background-color:#2c55b3; position:absolute; left:0; top:50%; margin-top:-2px;}
.hotNews .excerpt {font-size:14px; color:#6b6b6b; line-height: 1.75em; height:3.5em; overflow: hidden;}

/*行业新闻频道页_统计数据*/
.newsBoxs {overflow: hidden;}

.newsBox .title {border-bottom:1px solid #f1f1f1; position:relative;}
.newsBox h2 {font-size:22px; color:#2c55b3; line-height: 1.125em; position:relative; background:url(../images/icon_09.jpg) no-repeat left top; padding:0 0 12px 15px;}
.newsBox h2:after {content:''; display:block; position:absolute; left:0; bottom:-1px; width:103px; height:3px; background-color:#2c55b3;}
.newsBox .more {position:absolute; right:0; top:0;}
.newsBox .more a {display:block; width:80px; height:26px; line-height: 26px; text-align:center; color:#fff; font-size:14px; background-color:#fdcd73; border-radius:3px;}

.newsBox {width:34.72%; float:left; padding-right:2.43%;}
.newsBox ul {padding:20px 0;}
.newsBox .list {font-size:14px; line-height: 1.25em; padding:13px 0; border-bottom:1px dotted #e4e4e4; padding-right:5px;}
.newsBox .list:nth-child(2n) {background-color:#fbfbfb;}
.newsBox .list span {float:right; font-size:14px; color:#bdbdbd;}
.newsBox .list a {color:#6b6b6b; display:block; margin-right:45px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; padding-left:15px;}
.newsBox .list a:before {content:''; display:block; width:4px; height:4px; position:absolute; left:2px; top:50%; margin-top:-2px; background-color:#2c55b3;}
.newsBox .list a:hover {color:#2c55b3;}
.newsBox .pic {position:relative; padding-bottom:19%; overflow:hidden;}
.newsBox .pic img {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}

.newNotice {width:25.7%; float:right; background-color:#f9f9f9; margin-top:10px;}
.newNotice h2 {color:#fff; background:url(../images/icon_61.png) no-repeat top center; height:50px; line-height: 50px; font-size:22px; margin-top:-10px; text-align:center;}
.newNotice ul {padding:20px 30px;}
.newNotice li {border-bottom:1px solid #f1f1f1; padding:7.25px 0; font-size:14px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.newNotice li a {color:#6b6b6b; position:relative; padding-left:15px;}
.newNotice li a:hover {color:#2c55b3;}
.newNotice li a:before {content:''; display:block; width:4px; height:4px; position:absolute; left:2px; top:50%; margin-top:-2px; background-color:#2c55b3;}
.newNotice .more {position:relative; padding-bottom:19%; overflow:hidden;}
.newNotice .more a {position:absolute; display:block; width:80px; height:26px; line-height: 26px; text-align:center; color:#fff; background-color:#fdcd74; border-radius:3px; left:50%; top:50%; margin:-20px 0 0 -40px;}

/*会员_会员登录 && 会员_忘记密码*/
.loginPage, .forgetPage {background:url(../images/bg_login.jpg) no-repeat center center; background-size:cover; overflow:hidden; padding:50px 80px 50px 0; margin-bottom:50px;}
.loginBox {width:380px; float:right; background-color:#f8fafb;}
.loginBox h2 {background-color:#2c55b3; color:#fff; font-size:20px; font-weight:normal; line-height: 1.125em; padding:21px 0; text-align:center;}

.loginForm {padding:40px 30px 25px; color:#6b6b6b; font-size:14px;}
.loginForm a {color:#2c55b3;}
.loginForm .input {overflow: hidden; margin-bottom:10px; background-color:#fff;}
.loginForm .right {margin-left:45px; border:1px solid #e5e5e5; border-left:none;}
.loginForm em {display:block; width:45px; height:45px; background:#d2d2d2 url(../images/icon_55.png) no-repeat center center; float:left; text-indent:-9999em; overflow: hidden;}
.loginForm em.pwd {background-image:url(../images/icon_56.png);}
.loginForm .text {height:43px; width:90%; padding:0 5%; font-size:14px; font-family: 'Microsoft Yahei';}
.loginForm .info {padding:15px 0;}
.loginForm .info .reg {float:right;}
.loginForm .button {overflow: hidden; margin-bottom:20px;}
.loginForm .btn {display:block; width:48%; height:40px; line-height: 40px; text-align:center; color:#fff; background-color:#2c55b3; font-size:18px; border-radius:2px; -webkit-appearance:none; float:left; cursor:pointer; font-family:'Microsoft Yahei';}
.loginForm .button a {float:right;}

.forgetPage {padding:100px 80px 100px 0;}
.forgetPage .input {border:1px solid #e5e5e5; padding:0 15px;}
.forgetPage label {height:43px; display:block; float:left; line-height: 43px;}
.forgetPage .right {margin-left:57px; border:none;}
.forgetPage .text {padding:0; width:100%;}
.forgetPage .button {padding-top:20px; margin-bottom:0;}

/*会员_会员协议*/
.terms .entry {overflow: hidden; margin-bottom:30px;}
.terms .entry p {font-size:14px; color:#6b6b6b; line-height: 2em; margin-bottom:25px;}

/*会员_会员注册*/
.regPage .regInfo {margin-bottom:35px;}
.regPage h2 {font-size:18px; font-weight:normal; color:#3a3a3a; line-height: 1.35em; border-bottom:1px solid #e5e5e5; padding-bottom:5px; margin-bottom:25px;}

.regBox {background-color:#f5f5f5; padding:50px 40px; overflow:hidden;}
.regBox .item {width:60%; padding-bottom:10px; margin:0 auto;}
.regBox .right {float:right;}
.regBox .none {width:60%; padding-bottom:10px;margin:0 auto;}
.regBox label {display:block; float:left; height:44px; line-height: 44px; padding-right:18px; width:84px; text-align:right; font-size:14px; color:#6b6b6b;}
.regBox i {font-style:normal; color:#ff6868; float:right; height:44px; line-height: 44px;}
.regBox em {font-style:normal; padding:0 5px; font-size:14px;}
.regBox .input, .regBox .select {margin:0 10px 0 102px; border:1px solid #e5e5e5; background-color:#fff; padding:0 10px;}
.regBox .text {width:100%; height:42px; line-height: normal; font-size:14px; font-family: 'Microsoft Yahei';}
.regBox textarea {padding:10px 0; height:270px; resize:none; width:100%;}

.regBox .radio, .regBox .check {margin:0 10px 0 102px; overflow: hidden;}
.regBox .radio .rd {float:left; height:44px; line-height: 44px; margin-right:25px;}
.regBox .radio input {border:1px solid #e5e5e5; border-radius:50%; outline:none;}
.regBox .check {height:44px; line-height: 44px; font-size:0;}
.regBox .check a {font-size:14px; color:#2c55b3; margin-right:15px; vertical-align: middle;}
.regBox .check input {border:1px solid #e5e5e5;}
.regBox .check input, .regBox .check em { vertical-align: middle;}

.regBox .select {padding:0; position:relative;}
.regBox .select:after {content:''; display:block; width:44px; height:42px; background:#e1e1e1 url(../images/icon_57.png) no-repeat center center; position:absolute; right:0; top:0;}
.regBox select {appearance:none; -webkit-appearance:none; -moz-appearance:none; width:100%; position:relative; z-index: 2; height:42px; padding:0 10px; font-size:14px;} 
.regBox select::-ms-expand {display:none;}

.regBox .verify {width:auto; overflow: hidden;}
.regBox .verify .input {float:left; margin-left:0; width:270px;}
.regBox .verify .code {float:left; overflow: hidden; height:44px; line-height: 44px; padding-left:10px;}
.regBox .verify img {display:block; height:44px; width:auto; float:left;}
.regBox .verify a {padding:0 10px;}

.regBox .btn {overflow: hidden;width:30%; padding-bottom:10px;margin:0 auto;}
.regBox .submit {width:275px; height:45px; color:#fff; background-color:#2c55b3; border-radius:2px; font-size:18px; -webkit-appearance:none;}

/*会员_会员中心主界面*/
.management {margin-bottom:20px;}
.management ul {overflow: hidden; width:101%;}
.management li {float:left; width:49%; padding-right:1%; font-weight:bold; font-size:14px; text-align:center;}
.management li a {display:block; background-color:#2c55b3; color:#fff; padding:15px 0 10px;}
.management li i {display:block; width:40px; padding-bottom:40px; background:no-repeat center center; background-size:contain; margin:0 auto 5px;}
.management li .panel {background-image:url(../images/icon_59.png);}
.management li .vip {background-image:url(../images/icon_58.png);}

.mbPage {position:relative;}
.mbPage .logout {position:absolute; top:0; right:0; line-height:30px; font-weight:bold; font-size:18px;}
.mbPage .logout a {display:block; color:#2c55b3; background:url(../images/icon_60.png) no-repeat left center; padding-left:25px;}
.mbCenter {margin-bottom:70px;}
.mbTop {background-color:#f9f9f9; padding:30px; overflow:hidden; margin-bottom:45px; position:relative;}
.mbTop h2 {color:#2c55b3; font-size:18px; line-height: 1.125em; text-transform:uppercase; margin-bottom:15px;}
.mbTop .info {font-size:14px; color:#6b6b6b; line-height: 1.85em;}
.mbTop .info span {color:#2c55b3;}

.mbMid {margin-bottom:20px;}
.mbMid ul {overflow: hidden; padding-left:1px;}
.mbMid li {float:left; width:140px; height:40px;}
.mbMid li a {display:block; background-color:#f9f9f9; border:1px solid #d2d2d2; text-align:center; line-height: 38px; font-size:16px; color:#6b6b6b; margin-left:-1px;}
.mbMid li a:hover {background-color:#2c55b3; color:#fff; border-color:#2c55b3;}
.mbMid li.cur a {background-color:#2c55b3; border-color:#2c55b3; color:#fff;}

.mbBtm {overflow: hidden;}
.mbBtm .message {overflow-x:auto; margin-bottom:55px; -webkit-overflow-scrolling:touch;}
.mbBtm table {border-color:#d2d2d2; min-width:500px;}
.mbBtm th {background-color:#2c55b3; color:#fff; border-color:#d2d2d2; font-size:14px; font-weight:normal; padding:10px 8px; line-height: 1.35em; vertical-align: middle;}
.mbBtm td {text-align:center; border-color:#d2d2d2; padding:10px 8px; background-color:#f9f9f9; color:#6b6b6b; font-size:14px; line-height: 1.35em; vertical-align: middle;}
.mbBtm .set a {color:#2c55b3; margin:0 2px;}
.mbBtm .checkbox {margin-top:5.5px; border:1px solid #e5e5e5;}
.mbBtm .sel {width:6%;}
.mbBtm .title {width:23%;}
.mbBtm .type {width:15%;}
.mbBtm .from {width:23%;}
.mbBtm .date {width:18%;}
/*.mbBtm .set {width:7%;}*/

/*第二底部*/
.subFoot {background-color:#eee; text-align:center; font-size:14px; color:#6b6b6b; padding:20px 0;}

/*海通物流直通平台*/
.topRight {float:right; line-height: 147px;}
.topRight .member {float:right; font-size:16px; color:#2c55b3;}
.topRight .member span {float:left; display:block;}
.topRight .member .logout {padding-left:20px;}
.topRight .member a {display:block; color:#2c55b3;}
.topRight .member .logout a {background:url(../images/icon_60.png) no-repeat left center; padding-left:20px; background-size:auto 14px;}

.topRight .name {font-size:31px; float:left; color:#2c55b3; font-weight:bold; padding-right:80px;}

.platform {margin-bottom:20px;}
.platform .top {overflow: hidden; margin-bottom:30px;}
.platform ul {overflow:hidden; width:100.3%;}
.platform li {float:left; width:9%; text-align:center; padding-right:0.3%; font-size:14px;}
.platform li a {display:block; color:#fff; background-color:#2c55b3; height:40px; line-height: 40px;}
.platform li a:hover {opacity:.8;}

.platform .btm img {display:block; width:100%; height:auto;}

/*易得讯VIP查询服务*/
.vipSide {float:left; width:305px;}
.vipMain {margin-left:355px; overflow: hidden;}

.side {margin-bottom:20px;}
.side .title {background-color:#2c55b3; color:#fff; padding:15px 20px; position:relative;}
.side .title a {display:block; width:17px; height:17px; font-style:normal; background:url(../images/icon_64.png) no-repeat center center; background-size:contain; position:absolute; right:20px; top:50%; margin-top:-8.5px;}
.side h2 {font-size:18px; padding-left:25px; background:no-repeat left center; line-height: 25px; margin-right:20px;}
.vipSide .side .title{ background-color:#f1f1f1; color:#2c55b3; }
.side.side1 h2 {background-image:url(../images/icon_62_1.png);}
.side.side2 h2 {background-image:url(../images/icon_63_1.png);}
.side h2 span {font-weight:normal; font-size:14px;}
.sideBox {padding:20px; background-color:#f9f9f9;}
.tzSide ul {overflow:hidden; margin-bottom:20px;}
.tzSide li {border-bottom:1px solid #f1f1f1; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; padding-bottom:10px; margin-bottom:10px;}
.tzSide li a {color:#2c55b3; position:relative; padding-left:15px;}
.tzSide li a:before {content:''; display:block; width:4px; height:4px; background-color:#2c55b3; position:absolute; left:0; top:50%; margin-top:-2px;}
.tzSide .text h3 {margin-bottom:15px; font-size:14px; color:#3a3a3a; }
.tzSide .text p {margin-bottom:15px; font-size:14px; color:#6b6b6b; line-height: 1.75em;}

.tjSide .col {border-bottom:1px solid #f1f1f1; overflow: hidden; padding-bottom:8px; margin-bottom:8px;}
.tjSide .col .item {float:left; width:45%; font-size:14px;}
.tjSide .col .item:nth-child(2n) {float:right;}
.tjSide .col span {display:block;}
.tjSide .col .name {float:left; color:#6b6b6b;}
.tjSide .col .num {color:#2c55b3; margin-left:60px; padding:0 5px; text-align:center;}
.tjSide .col .left {width:50%;}
.tjSide .col .left .num { margin-left:88px;}

.sbSide li {border-bottom:1px solid #f1f1f1; font-size:14px; color:#6b6b6b; padding-bottom:8px; margin-bottom:8px;}
.sbSide li span {display:block;}
.sbSide li .name {float:left; width:90px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.sbSide li .num {margin-left:95px; color:#2c55b3; text-align:right;}

.ysSide ul {overflow: hidden;}
.ysSide li {border-bottom:1px solid #f1f1f1; font-size:14px; color:#6b6b6b; padding-bottom:8px; margin-bottom:8px; float:left; width:50%; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}

.vipBox {overflow: hidden; margin-bottom:40px; margin-bottom:0px; }
.vipBox .top {overflow: hidden; background-color:#f1f1f1; background-color: #2c55b3; padding:8px 30px;}
.vipBox .top i {display:block; width:44px; height:44px; float:left; background:no-repeat center center; background-size:contain;}
.vipBox .top h2 {margin-left:55px; line-height: 44px; font-size:22px; color:#2c55b3; color:#fff; }
.vipBox .itemBox {padding:29px 30px; background-color:#f9f9f9;}
.vipBox ul {width:102%; overflow: hidden;}
.vipBox li {width:23%; float:left; padding:5px 2% 5px 0; font-size:16px;}
.vipBox li a {color:#3a3a3a; border:1px solid #e0e0e0; display:block; padding:0 5px 0 30px; border-radius:3px; background:url(../images/icon_46.png) no-repeat 20px center; height:38px; line-height: 38px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.vipBtn li {float:left; width:175px; font-size:15px; text-align:center; margin-right:5px; display:inline-block; position:relative;}
.vipBtn li.set {width:125px;}
.vipBtn li a {display:block; height:55px; line-height: 55px; color:#fff; background-color:#2c55b3; padding:0 15px;}
.vipBtn li.drop a {padding-right:30px; position:relative; text-align:left;}
.vipBtn li.drop > a:after {content:''; display:block; width:10px; height:5px; background:url(../images/icon_65.png) no-repeat center center; background-size:contain; position:absolute; right:15px; top:50%; margin-top:-2.5px;}

.vipBtn dl {position:absolute; left:0; bottom:55px; width:100%; padding:5px 0; background-color:#365db7; display:none;}
.vipBtn dd a {background-color:transparent; height:40px; line-height: 40px;}
.vipBtn dd a:hover {background-color:#2c55b3;}
/*密码校验*/
  .pw-strength {clear: both;position: relative;top: 8px;width:45%; padding-bottom:10px; margin:0 auto;} 
  .pw-bar{background: url(../images/pwd-1.png) no-repeat; position:relative; top:1px;height: 14px;overflow: hidden;width: 179px;} 
  .pw-bar-on{background: url(../images/pwd-2.png) no-repeat; width:0px; height:14px;top: 1px;left: 2px;transition: width .5s ease-in;-moz-transition: width .5s ease-in;-webkit-transition: width .5s ease-in;-o-transition: width .5s ease-in;} 
  .pw-weak{clear: both;position: relative;top: 8px;width:45%; padding-bottom:10px; margin:0 auto;}
  .pw-weak .pw-bar{ width:0px;} 
  .pw-weak .pw-bar-on {width: 60px;}
  .pw-medium{clear: both;position: relative;top: 8px;width:45%; padding-bottom:10px; margin:0 auto;} 
  .pw-medium .pw-bar {width: 0px;} 
  .pw-medium .pw-bar-on {width: 120px;}
  .pw-strong{clear: both;position: relative;top: 8px;width:45%; padding-bottom:10px; margin:0 auto;} 
  .pw-strong .pw-bar {width: 0px;} 
  .pw-strong .pw-bar-on {width: 179px;} 
  .pw-txt {padding-top: 2px;width: 180px;overflow: hidden;} 
  .pw-txt span {color: #707070;float: left;font-size: 12px;text-align: center;width: 58px;} 



  /* 新服务页面css */
  .scroll{
    overflow: auto;
  }
  .scroll::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 6px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px;
}

.scroll::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 2px;
    background-color: #CCCCCC;
    border: 1px solid #CCCCCC;
}

.scroll::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    border-radius: 0;
    background-color: #F1F1F1;
}
  .pageTopImg{
    width: 1440px;
    margin: 20px auto 0;
    box-sizing: border-box;
    /* padding: 0 12px; */
  }
  .pageTopImg img{
    width: 100%;
  }
 nav .nav-bar{
    position: relative;
    border: unset;
  }
  nav .nav-bar:hover .jkMenu1{
    display: block;

  }
  nav .nav-bar:hover .jkMenu1 li a{
    padding: 0;
  }
  nav .nav-bar >a{
    border-right: 1px solid #3261c9;
  }
 nav .nav-bar .jkMenu1{
    width: 100%;
    position: absolute;
    top: 47px;
    padding-top: 1px;
    left: 0;
    display: none;
   }
 nav  .nav-bar .jkMenu1 ul{width: 100%;    border: unset;}
 nav  .nav-bar .jkMenu1 ul li{
    width: 100%;
    display: block;
    float: unset;
    border: unset;
    background-color: #0087E1;
    color: #fff;
    cursor: pointer;
    text-align: center;
   }
   nav  .nav-bar .jkMenu1 ul li.cur,nav  .nav-bar .jkMenu1 ul li:hover{
    background-color: #2c55b3;
   }
   .padding-t-none{
    padding-top: 0;
   }
   .jkInfo .jkBox.jsGywm h2{
    background-image: url(../images/new-img/Gywm.png);
   }
   .jkInfo .jkBox.jsCpfw h2{
    background-image: url(../images/new-img/Cpfw.png);
   }
   .jkInfo .jkBox.jsRy h2{
    background-image: url(../images/new-img/Ry.png);
   }
   .jkInfo .jkBox.jsBljh h2{
    background-image: url(../images/new-img/Bljh.png);
   }
   .jkInfo .jkBox.jsJnjp h2{
    background-image: url(../images/new-img/Jnjp.png);
   }
   .jkInfo .jkBox.jsLxwm h2{
    background-image: url(../images/new-img/Lxwm.png);
   }
 .jkInfo  .jkBox .view1{
    width: 100%;
 }
 .jkInfo  .jkBox .view1 .view1-text{
    font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #666666;
line-height: 32px;
text-indent: 2em;
 }
 .jkInfo  .jkBox .view1 .view1-img>img{
width: 380px;
    height:auto;

    margin-right: 40px;
 }
 .jkInfo  .jkBox .view1 .view1-img{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 40px;
 }
 .jkInfo  .jkBox .view1 .banner{
    width: 100%;
    height: auto;
    margin-top: 80px;
 }
 .jkInfo  .jkBox .view2{
    width: 100%;
    position: relative;
 }
 .jkInfo  .jkBox .view2 >img{
    width: 100%;
    height: auto;
 }
 .jkInfo  .jkBox .view2 .view2-content{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
 }
 .jkInfo  .jkBox .view2 .view2-content >div{
    width: 20%;
    height: 100%;
 }
 .jkInfo  .jkBox .view2 .view2-content >div >div{
    width: 100%;
    height: 50%;
    /* overflow-y: auto; */
    box-sizing: border-box;
    padding: 0 18px;
    display: flex;
    justify-content: center;
    flex-direction: column;
 }
 .jkInfo  .jkBox .view2 .view2-content .view2-title{
    font-size: 14px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #333333;
line-height: 24px;
 }
 .jkInfo  .jkBox .view2 .view2-content .view2-text{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 20px;
 }
 .jkInfo  .jkBox .view2 .view2-content-1080{
    display: none;
 }
 .jkInfo  .jkBox .view2 .view2-content-1080 >div{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
 }
 .jkInfo  .jkBox .view2 .view2-content-1080 >div img{
    width: 20%;
    height: auto;
    margin-right: 20px;
    min-width: 120px;
 }
 .jkInfo  .jkBox .view2 .view2-content-1080 >div  .title{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
 }
 .jkInfo  .jkBox .view2 .view2-content-1080 >div  .text{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
 }
.jkInfo  .jkBox .view3{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.jkInfo  .jkBox .view3 .view3-right{
    width: 45%;
    height: auto;
}
.jkInfo  .jkBox .view3 .view3-left .title{
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    margin-bottom: 20px;
}
.jkInfo  .jkBox .view3 .view3-left .text >img{
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.jkInfo  .jkBox .view3 .view3-left .text{
    display: flex;
    align-items: center;
    font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #666666;
}

.jkInfo  .sectionBox .view3{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.jkInfo  .sectionBox .view3 .view3-right{
    width: 45%;
    height: auto;
}
.jkInfo  .sectionBox .view3 .view3-left .title{
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    margin-bottom: 20px;
}
.jkInfo  .sectionBox .view3 .view3-left .text >img{
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.jkInfo  .sectionBox .view3 .view3-left .text{
    display: flex;
    align-items: center;
    font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #666666;
}

.jkInfo  .jkBox .view4 {
    width: 100%;
    position: relative;
    height: 1000px;
}
.jkInfo  .jkBox .view4 .line{
    width: 2px;
    height:calc(100% - 10px);
    background: #E5E8ED;
    position: absolute;
    left: 19px;
    top: 50%;
    transform: translateY(-50%);
}
.jkInfo  .jkBox .view4  .view4-content{
    width: 100%;
    height: 100%;
}
.jkInfo  .jkBox .view4 .view4-detail{
    box-sizing: border-box;
    padding-left: 40px;
    width: 100%;
    position: relative;
}
.jkInfo  .jkBox .view4 .view4-detail::after{
    content: ' ';
    width: 24px;
    height: 24px;
    background: url(../images/new-img/view3-point.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 8px;
}
.jkInfo  .jkBox .view4 .view4-detail .title{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
}
.jkInfo  .jkBox .view4 .view4-detail .img img{
    max-width: 100%;
    height: auto;
    margin: 28px 0;
}
.jkInfo  .jkBox .view5{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.jkInfo  .jkBox .view5 .view5-right{
    width: 64%;
    /* height: 100%; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.jkInfo  .jkBox .view5 .view5-right>img{
    width: 100%;
    height: auto;
}
.jkInfo  .jkBox .view5 .view5-right>img.view5-img1{
    margin-bottom: 20px;
}

.jkInfo  .jkBox .view5 .view5-left {
    width: 34.5%;
   display: flex;
	align-items: stretch;
	justify-content: center;
	
    /* height: 867px; */
   /*  background-image: url('../images/new-img/view5-table1.jpg'); */
   /*  background-repeat: no-repeat; */
   /*  backgorund-size:100% 100%;*/
}
.jkInfo  .jkBox .view5 .view5-left>img {
	
}


.jkInfo  .jkBox .view6{
    width: 100%;
    display: flex;align-items: center;
    
}
.jkInfo  .jkBox .view6 .view6-left{
    width: 25%;
    margin-right: 40px;
}

.jkInfo  .jkBox .view6 .view6-right{
    display: flex;
    flex-direction: column;
    height: 280px;
    justify-content: space-around;
    width: calc(75% - 40px);
}
.jkInfo  .jkBox .view6 .view6-right .title{
    font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
}
.jkInfo  .jkBox .view6 .view6-right .tips{
    width: 100%;
    height: 34px;
background: #2D55B4;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #FFFFFF;
}
.jkInfo  .jkBox .view6 .view6-right .download {
    display: flex;
    align-items: center;
    font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
}
.jkInfo  .jkBox .view6 .view6-right .download a img{
    width: 16px;
    height: 14px;
    margin-right: 9px;
}
.jkInfo  .jkBox .view6 .view6-right .download a{

    color: #2D55B4;
}

.jkInfo  .jkBox .view6 .view6-right .download span{

    color: #333333;
}
.jkInfo  .jkBox .view7 {
    display: flex;
    align-items: center;
    flex-wrap: wrap; 
}
.jkInfo  .jkBox .view7 >div{
    font-size: 22px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #323232;
display: flex;
align-items: center;
margin-bottom: 20px;
white-space: nowrap;
}
.jkInfo  .jkBox .view7 >div.phone{

    margin-right: 80px;

}
.jkInfo  .jkBox .view7 >div span{
    font-size: 28px;
    font-family: Arial;
    font-weight: bold;
    color: #666666;
    margin-left: 10px;
}
.jkInfo  .jkBox .view7 >div img{
width: 40px;
height: 40px;
margin-right: 10px;
}
.footer .qrcode{
    width: 40%;
}
.footer .qrcode img{
    width: 100%;
    height: auto;
}
.footer .qrcode >div{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer .qrcode >div >div{
    font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
width: 22%;
white-space: nowrap;
text-align: center;
}



/* 右侧浮窗 */
#floating-sidebar {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%)  translateX(0);
    display: flex;
    align-items: center;
    z-index:999;
    transition: transform 0.3s ease-in-out;
  }
  
  #toggle-button {
    display: block;
    cursor: pointer;
  }
  
  #sidebar-content {
    /* display: none; */
    width: 460px;
    height: 440px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    padding: 30px 14px 30px 30px;
    box-sizing: border-box;
  }
  #floating-sidebar #toggle-button{
    width: 30px;
    height: 60px;
    background: url(../images/new-img/expand.png) no-repeat center;
    background-position: 100% 100%;
  }
  #floating-sidebar.expanded #toggle-button{
    background: url(../images/new-img/retract.png) no-repeat center;
    background-position: 100% 100%;
  }
  #floating-sidebar.expanded {
    transform: translateY(-50%) translateX(460px);
  }
  
  #floating-sidebar.expanded #sidebar-content {
    display: block;
  }

  #floating-sidebar .float-title{
    display: flex;
    align-items: center;
    font-size: 24px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #2D55B5;
   
  }
  #floating-sidebar .float-title .float-title-icon{
    width: 40px;
    height: 40px;
    background: #2C55B3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
  }
  #floating-sidebar .float-title .float-title-icon img{
    width: 23px;
    height: 21px;

  }
  #floating-sidebar .float-address{
    display: flex;
    align-items: center;
    margin-top: 15px;
  }
  #floating-sidebar .float-input {
    display: flex;
    align-items: center;
    padding: 15px 0;
  }
    #floating-sidebar .float-input .name{
        width: 80px;
        white-space: nowrap;
        font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #666666;
padding-right: 10px;
text-align: right;
box-sizing: border-box;
    }
    #floating-sidebar .float-input input{
        width: 300px;
height: 44px;
background: #FFFFFF;
border: 1px solid #BFC3C9;
box-sizing: border-box;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
padding-left: 10px;
    }
    #floating-sidebar .float-input input::placeholder{
        color: #CCCCCC;
    }
    #floating-sidebar .float-botton{
        width: 380px;
height: 44px;
background: #2D55B4;
margin-top: 15px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
cursor: pointer;
    }
    #floating-sidebar .float-botton img{
        width: 18px;height: 18px;
        margin-right: 10px;
    }
    #floating-sidebar .float-history{
        display: flex;
        align-items: center;
        width: 380px;
        margin-top: 20px;
        justify-content: space-between;
    }
    #floating-sidebar .float-history .name{
    height:24px;
    
        font-size: 12px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
padding-right: 6px;
border-right: 1px solid #DFE3E8;
line-height: 22px;
    }
    #floating-sidebar .float-history .search-history{
      width: 220px;
      display: block;
      align-items: center;
      display: flex;
      overflow-x: auto;
      margin-left: -20px;
    }
    #floating-sidebar .float-history  .search-div{
        font-size: 12px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #999999;
padding: 0 10px 0 5px;
cursor: pointer;
flex-shrink: 0;
    }
    #floating-sidebar .float-history .history-more{
width: 16px;
height: 16px;
background: url(../images/new-img/float-arrow.png) no-repeat center;
background-position: 100% 100%;
    }
    #floating-sidebar .float-history .history-clear{
        width: 80px;
height: 24px;
background: #F4F7FD;
border: 1px solid #DFE3E8;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #999999;
cursor: pointer;

    }
    #floating-sidebar .float-history .history-clear img{
        width: 12px;
        height: 14px;
        margin-right: 4px;
    }

    #floating-sidebar .float-history .history-clear:hover{
        background: #E7EDF9;
border: 1px solid #DFE3E8;
    }
    input[type="date"]{
        position: relative;
        }
        input[type="date"]::-webkit-calendar-picker-indicator {
        position: absolute;
        right: 0;
        padding-left: calc(100% - 30px);
        }
       /* 样式针对 Chrome、Edge 和 Safari 浏览器 */
       input[type="date"]::-webkit-calendar-picker-indicator,
       input[type="date"]::-o-calendar-picker-indicator,
       input[type="date"]::-moz-calendar-picker-indicator,
       input[type="date"]::-ms-calendar   {
        background-image: url(../images/new-img/float-date.png);
        background-size: 100% 100%;
        width: 20px;
        height: 20px;
        cursor: pointer;
      }
  
 /* 右侧新fixed查询 */
 
 .dropdown {
    position: relative;
    display: inline-block;
    width: 300px;
    /* padding-left: 10px; */
}

.dropdown-selected {
    width: 100% !important;
    height: 30px;
    line-height: 30px;
    border: 1px solid #c6c8cc;
    color: #333;
    /* text-indent: 10px; */
    margin-bottom: 0 !important;
}

.dropdown ul {
    padding: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background-color: #fff;
    margin-top: 2px;
    border: 1px solid #c6c8cc;
    position: absolute;
    display: none;
    z-index: 2;

}
.dropdown ul>div{
  text-align: center;
    COLOR: #666666;
    PADDING-TOP: 2px;
    margin-bottom: 6px;line-height: 40px;
    BORDER-BOTTOM: #f0f0f2 1px solid;
}
.dropdown ul .no-data{
  text-align: center;
  min-height: 100px;
  line-height: 100px;
  border: none;
}
.dropdown ul li {
    list-style: none;
    text-indent: 10px;
    cursor: pointer;
}
.scroll::-webkit-scrollbar {
  background-color: initial;
  height: 4px;
  width: 4px;

}

.scroll::-webkit-scrollbar-thumb {
  background-color: #6c6c6c;
  box-shadow: inset 0 0 4px #6c6c6c;
  border-radius: 2px;
}

.scroll::-webkit-scrollbar-thumb {
  background-color: #bdbdbd;
}

.scroll::-webkit-scrollbar-track {
  background-color: initial;
  box-shadow: inset 0 0 4px transparent;
}

.dropdown ul li a {
    display: block;
    color: #282c33;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dropdown ul li:hover,.dropdown ul li.highlight {
    background-color: #f2f6fa;
}

.dropdown ul li a:active,
.dropdown ul li.active a {
    background-color: #e4e9f2;
}

@charset "UTF-8";
.page-all {
  padding: 20px;
  background: #EEF2FB;
  min-height: calc(100vh - 425px);
}

.page-all .content-top {
  width: 100%;
  height: 36px;
  box-sizing: border-box;
  display: flex;
  padding-left: 20px;
  align-items: center;
  border-bottom: 1px solid #E8E8E8;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
}

.page-all .content-top > img {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

.page-all .content-top > span {
  cursor: pointer;
}

.page-all .change {
  width: 24px;
  height: auto;
  margin-right: 13px;
}

.page-all .form-input1 {
  margin-right: 13px;
}

.page-all .form-input1 > span {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  margin-right: 10px;
}

.page-all .form-input1 input {
  width: 500px;
  height: 44px;
  background: #FFFFFF;
  border: 1px solid #DFE3E8;
  border-radius: 5px;
  font-size: 16px;
  box-sizing: border-box;
  padding-left: 11px;
}

.page-all .form-input1 input::placeholder {
  color: #CCC;
}

.page-all .search-view {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}

.page-all .search-view .query-select {
  margin-right: 40px;
}

.page-all .search-view > div {
  flex-shrink: 0;
  padding: 10px 0;
}

.page-all .search-btn {
  display: flex;
  align-items: center;
}

.page-all .search-btn > div {
  padding: 0 14px;
  margin: 0 5px;
  height: 44px;
  display: flex;
  min-width: 90px;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  box-sizing: border-box;
  cursor: pointer;
}

.page-all .search-btn > div > img {
  width: 20px;
  height: auto;
  margin-right: 10px;
}

.page-all .search-btn .blue-btn {
  background: #2D55B4;
  color: #fff;
}

.page-all .search-btn .blue-btn:hover {
  background: #204396;
}

.page-all .search-btn .green-btn {
  background: #12A55B;
  color: #fff;
}

.page-all .search-btn .green-btn:hover {
  background: #008D46;
}

.page-all .search-btn .origin-btn {
  background: #FC8200;
  color: #fff;
}

.page-all .search-btn .origin-btn:hover {
  background: #DE7300;
}

.page-all .search-btn .white-btn {
  background: #fff;
  color: #2D55B4;
  border: 1px solid rgba(45, 85, 180, 0.3);
}

.page-all .search-btn .white-btn:hover {
  background: #EEF2FB;
}

.page-all .query-new-content {
  padding: 20px 40px 30px;
}

.page-all .query-new-view1 {
  width: 100%;
  background: #FFFFFF;
  box-sizing: border-box;
}

.page-all .query-new-view2 {
  width: 100%;
  background: #FFFFFF;
  box-sizing: border-box;
  margin-top: 20px;
}

.page-all .query-new-title {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #2D55B5;
}

.page-all .query-new-title .title-icon {
  width: 40px;
  height: 40px;
  background: #2C55B3;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.page-all .query-new-title .title-icon > img {
  width: 24px;
  height: 24px;
}

.page-all .query-title-flex {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-all .query-title-flex .right-btn-text{
  display: flex;
  align-items: center;
  
}
.page-all .query-title-flex .right-btn-text>span{
  margin-right: 10px;
 }
.page-all .query-title-flex .right-btn {
  /* width: 120px; */
  height: 34px;
  background: #EEF2FB;
  border: 1px solid rgba(45, 85, 180, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  cursor: pointer;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #2D55B4;
}

.page-all .query-title-flex .right-btn:hover {
  background: #E7EDF9;
  border: 1px solid rgba(45, 85, 180, 0.3);
}

.page-all .query-new-tips {
  width: 100%;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #E8EBF0;
  margin-top: 20px;
  padding-left: 11px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.page-all .query-new-tips > span {
  color: #2D55B4;
  cursor: pointer;
}

.page-all .query-new-tips > img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.page-all .query-new-tips .download {
  display: flex;
  align-items: center;
  margin-left: 10px;
  color: #12A55B;
  cursor: pointer;
}

.page-all .query-new-tips .download > img {
  width: 16px;
  height: 18px;
  margin-right: 5px;
}

.page-all .check-view {
  margin-top: 15px;
  display: flex;
  align-items: center;
}

.page-all .check-view > div {
  display: flex;
  align-items: center;
  margin-right: 30px;
}

.page-all .check-view > div > span {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  margin-right: 20px;
}

.page-all .check-view .checkbox-group {
  display: flex;
  align-items: center;
}

.page-all .check-view label {
  display: flex;
  align-items: center;
  margin-right: 13px;
  cursor: pointer;
}

.page-all .check-view label > input {
  margin-right: 9px;
  width: 16px;
  cursor: pointer;
  height: 16px;
}

.block {
  display: block !important;
}

 .search-model {
  width: 100vw;
  height: 100vh;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
  z-index: 99;
  display: none;
}

 .search-model > div {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  height: 380px;
  background: #FFFFFF;
}

 .search-model > div .title {
  width: 600px;
  height: 60px;
  background: #2D55B4;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
}

 .search-model > div .content {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: calc(100% - 60px);
  overflow: auto;
}

 .search-model > div .content > img {
  margin: 44px 0 30px;
}

.search-model > div .content > .text {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  text-align: center;
  flex-shrink: 0;
}
.search-model > div .content > .text.text-left{
  text-align: left;
}
.search-model > div .content .model-btn {
  width: 200px;
  height: 44px;
  background: #2D55B4;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  margin-top: 30px;
  cursor: pointer;
  color: #FFFFFF;
  justify-content: center;
  border-radius: 5px;
  flex-shrink: 0;
  margin-bottom: 30px;
}

 .search-model > div .content .model-btn:hover {
  background-color: #204396;
}

.page-all .table-form {
  margin-top: 20px;
  border-collapse: collapse;
  border: none;
}

.page-all .table-form th,
.page-all .table-form td {
  border: none;
}

.page-all .table-form th {
  background: #F4F7FD;
  border-top: 1px solid #E8EBF0;
  border-bottom: 1px solid #E8EBF0;
  height: 44px;
  line-height: 44px;
  padding: 0;
}

.page-all .table-form tbody tr {
  border-bottom: 1px solid #E8EBF0;
}

.page-all .table-form tbody tr:nth-child(even) {
  background: #F4F7FD;
}

.page-all .table-form tbody td {
  text-align: center;
  height: 44px;
  padding: 0;
}

.page-all .table-form tbody td.operate {
  position: relative;
}

.page-all .table-form tbody td.operate > div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-all .table-form tbody td.operate > div > div {
  font-size: 14px;
  margin: 0 10px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #2D55B4;
  cursor: pointer;
}

.page-all .table-form tbody td.operate > div > div.collect {
  width: 20px;
  height: 18px;
  background: url(../images/new-img/collect.png) no-repeat center;
  background-size: 100% 100%;
}

.page-all .table-form tbody td.operate > div > div.collect-no {
  width: 20px;
  height: 18px;
  background: url(../images/new-img/collect-no.png) no-repeat center;
  background-size: 100% 100%;
}

.page-all .table-form tbody td.operate .operate-detail {
  margin: 0;
  position: absolute;
  width: 400px;
  height: 520px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  top: -260px;
  left: -400px;
  display: block;
}

.page-all .table-form tbody td.operate .operate-detail > div {
  margin: 0;
  cursor: default;
}

.page-all .table-form tbody td.operate .operate-detail .title {
  width: 400px;
  height: 60px;
  background: #2D55B4;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  position: relative;
}

.page-all .table-form tbody td.operate .operate-detail .title .close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

.page-all .table-form tbody td.operate .operate-detail .content {
  width: 100%;
  height: calc(100% - 60px);
}

.page-all .table-form tbody td.operate .operate-detail .content .address {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 88px;
  border-bottom: 1px solid #EBEBEB;
  width: 100%;
  font-size: 28px;
  box-sizing: border-box;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #2D55B5;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail {
  width: 100%;
  box-sizing: border-box;
  height: calc(100% - 88px);
  padding: 30px 30px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .text {
  width: 100%;
  height: calc(100% - 210px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .text > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .text > div .left {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .text > div .right {
  font-size: 16px;
  font-family: Arial;
  font-weight: bold;
  color: #2D55B4;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step {
  width: 340px;
  height: 180px;
  background: #F4F7FD;
  border: 1px solid #E8EBF0;
  box-sizing: border-box;
  overflow-y: auto;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step > div {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  position: relative;
  flex-shrink: 0;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step > div .line {
  width: 6px;
  height: 100%;
  position: absolute;
  bottom: 50%;
  left: 21.5px;
  background-color: #355FBD;
  z-index: 1;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step > div .name {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #1E1E1E;
  text-align: left;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step > div .point {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  margin-right: 10px;
  margin-left: 15px;
  background: #FFFFFF;
  border: 3px solid #355FBD;
  border-radius: 50%;
  position: relative;
  z-index: 2;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step > div .point.active {
  background: #00E672;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step > div:nth-child(1) .line {
  height: 25%;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step > div:nth-child(1) .line::after {
  content: ' ';
  width: 19px;
  height: 16px;
  background: url("../images/new-img/step-arrow.png") no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 6px;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 3px;
  background-color: #BEC7DB;
  border: 1px solid #BEC7DB;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 0;
  background-color: #fff;
}



.page-all .table-form tbody td.operate .operate-detail .content .detail .step2 {
  width: 340px;
  height: 380px;
  background: #F4F7FD;
  border: 1px solid #E8EBF0;
  box-sizing: border-box;
  overflow-y: auto;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step2 > div {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  position: relative;
  flex-shrink: 0;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step2 > div .line {
  width: 6px;
  height: 100%;
  position: absolute;
  bottom: 50%;
  left: 21.5px;
  background-color: #355FBD;
  z-index: 1;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step2 > div .name {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #1E1E1E;
  text-align: left;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step2 > div .point {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  margin-right: 10px;
  margin-left: 15px;
  background: #FFFFFF;
  border: 3px solid #355FBD;
  border-radius: 50%;
  position: relative;
  z-index: 2;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step2 > div .point.active {
  background: #00E672;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step2 > div:nth-child(1) .line {
  height: 15%;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step2 > div:nth-child(1) .line::after {
  content: ' ';
  width: 19px;
  height: 16px;
  background-size: 100% 100%;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step2::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 6px;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step2::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 3px;
  background-color: #BEC7DB;
  border: 1px solid #BEC7DB;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step2::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 0;
  background-color: #fff;
}




.page-all .table-form tbody td.operate .operate-detail .content .detail .step3 {
  width: 340px;
  height: 380px;
  background: #F4F7FD;
  border: 1px solid #E8EBF0;
  box-sizing: border-box;
  overflow-y: auto;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step3 > div {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  position: relative;
  flex-shrink: 0;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step3 > div .line {
  width: 6px;
  height: 100%;
  position: absolute;
  bottom: 50%;
  left: 21.5px;
  background-color: #355FBD;
  z-index: 1;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step3 > div .name {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #1E1E1E;
  text-align: left;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step3 > div .point {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  margin-right: 10px;
  margin-left: 15px;
  background: #FFFFFF;
  border: 3px solid #355FBD;
  border-radius: 50%;
  position: relative;
  z-index: 2;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step3 > div .point.active {
  background: #00E672;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step3 > div:nth-child(1) .line {
  height: 25%;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step3 > div:nth-child(1) .line::after {
  content: ' ';
  width: 19px;
  height: 16px;
  background: url("../images/new-img/step-arrow.png") no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step3::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 6px;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step3::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 3px;
  background-color: #BEC7DB;
  border: 1px solid #BEC7DB;
}

.page-all .table-form tbody td.operate .operate-detail .content .detail .step3::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 0;
  background-color: #fff;
}



.page-all .allow {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  margin-top: 20px;
  cursor: pointer;
}

.page-all .allow.allow-no img {
  transform: rotate(180deg);
}

.page-all .allow img {
  width: 16px;
  height: 16px;
  margin-left: 10px;
  transition: all 0.2s;
}

.page-all .flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}



#form_cities {
  BORDER-RIGHT: #f0f0f2 1px solid;
  PADDING-RIGHT: 6px;
  BORDER-TOP: #f0f0f2 1px solid;
  DISPLAY: none;
  PADDING-LEFT: 6px;
  LEFT: 0px;
  PADDING-BOTTOM: 2px;
  BORDER-LEFT: #f0f0f2 1px solid;
  WIDTH: 100px;
  PADDING-TOP: 10px;
  BORDER-BOTTOM: #f0f0f2 1px solid;
  FONT-FAMILY: Arial;
  POSITION: absolute;
  TOP: 55px;
  BACKGROUND-COLOR: #ffffff;
  box-sizing: content-box;
}

#form_cities * {
  box-sizing: content-box;
}

#form_cities2 {
  position: absolute;
  top: 140px;
  left: 138.5px;
  display: none;
  FONT-FAMILY: Arial;
}

#form_cities2 .results-menu {
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  width: 83px;
  border-right: 1px solid #DCDCDD;
  background: #F4F4F4;
  padding: 10px 8px;
  z-index: 99999;
  box-sizing: content-box;
}

#form_cities2 .results-menu .results-menu-item {
  height: 26px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 10px;
  border-radius: 4px;
  cursor: pointer;
}

#form_cities2 .results-menu .results-menu-item.is-active {
  background: #3B99FC;
  color: #FFF;
}


.city-sel{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 540px;
  height: 255px;
  background: #fff;
  position: fixed;
  z-index: 9998;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);

}
.city-sel .city-left{
  width: 100px;
    border-right: 1px solid #DCDCDD;
    background: #F4F4F4;
    padding: 10px 8px;
    box-sizing: border-box;
    height: 100%;
}
.city-sel .city-left >div {
  width: 100%;
  height: 26px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 4px;
    cursor: pointer;
}
.city-sel .city-left >div.active{
  background: #3B99FC;
  color: #FFF;
}
.city-sel .city-right{
  width: 440px;
  height: 100%;
}
.city-sel .city-right .right-tips{
  width: 100%;
 height: 29px;
 padding: 6px 0 5px 10px;
 box-sizing: border-box;
 font-size: 12px;
}
.city-sel .city-right .right-sort{
  padding: 5px 5px 0 5px;
    margin-bottom: 3px;
    border-bottom: #E8F3FF solid 2px;
    background: #E8F3FF;
    height: 35px;
    display: flex;
    align-items: center;
    overflow-x: auto;
    width: 100%;
    box-sizing: border-box;
}
.city-sel .city-right .right-sort>div{
  width: 53px;
    padding: 0 8px;
    color: #666;
    height: 25px;
    line-height: 25px;
    flex-shrink: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
.city-sel .city-right .right-sort>div.active{
  color: #3B99FC;
  border-bottom: 2px solid #3B99FC;
  position: relative;
}
.city-sel .city-right .city-content{
  width: 100%;
  max-height: calc(100% - 40px - 29px);
  /* display: flex; */
  /* flex-wrap: wrap; */
  box-sizing: border-box;
  /* padding-left: 20px; */
  overflow-y: auto;
}
/* .city-sel .city-right .city-content>div{ */
  /* cursor: pointer; */
  /* flex-shrink: 0; */
  /* min-width:70px; */
  /* overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
word-break:break-all; */
/* padding: 2px 15px 0 0; */
    /* margin: 0; */
    /* height: 25px; */
    /* line-height: 25px; */
/* } */
.city-sel .city-right .city-content .city-box {
 position: relative;
  width: 100%;
  /* max-height: calc(100% - 40px - 29px); */
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding-left: 20px;
  /* overflow-y: auto; */
  
}
.city-sel .city-right .city-content .city-box.zimu-left {
  /* margin-left: 6px; */
  padding-left: 35px;
}
.city-sel .city-right .city-content .city-box .city-head {
  position: absolute;
  top: 1px;
  left: 10px;
  color: #5497fa;
  width: 20px;
  /* margin-left: -20px; */
  height: 27px;
    line-height: 27px;
    text-align: center;
}
.city-sel .city-right .city-content .city-box>div.city-text{
  cursor: pointer;
  flex-shrink: 0;
  min-width:70px;
 
  /* overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
word-break:break-all; */
padding: 2px 15px 0 0;
    margin: 0;
    height: 25px;
    line-height: 25px;
}
/* .city-sel .city-right .city-content >div:hover{
  color: #3B99FC;
    background-color: #FFF;
} */
.city-sel .city-right .city-content .city-box>div:hover{
  color: #3B99FC;
    background-color: #FFF;
}