body{ font-size: 12px;}
.main-box{max-width: 1200px; margin: 0 auto}
.fl{ float: left}
.fr{ float: right}
.more{background-color: #005e99; display: inline-block; height: 26px; color: #ffffff }
.more span:nth-child(1){ padding: 4px 6px;}
.more span:nth-child(2){display: inline-block; width:26px; height: 26px; text-align: center; line-height: 26px; background-color:#00a7c0 }
.more:hover{ background-color: #00a7c0}

/*导航*/
.nav-box{ display: block; position: relative}
.nav-box .logo{ float: left; padding: 20px 0;}
.navinfo{float: right; width: 70% }
.navinfo>ul>li{ text-align: center; padding: 43px 0;width: 12.5%;float: left;position: relative }
.navinfo>ul>li>a{ color:#3d3d3d}
.navinfo>ul>li>a> span:nth-child(1){font-size: 16px;}
.navinfo>ul>li>a> span:nth-child(3){font-size: 10px; color:#999999}
.navinfo>ul>.current{ background-color:#00a7c0;}
.navinfo>ul>.current>a{color:#ffffff}
.navinfo>ul>.current>a>span:nth-child(3){ color: #ffffff}
.naverj{ display: none; width: 100%; position: absolute;top:100%; left: 0; z-index: 99; background-color: rgba(0,167,192,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F00a7c0,endcolorstr=#7F00a7c0); color: #ffffff }
.naverj li{ padding:10px 16px; border-top: rgba(255,255,255,0.2) solid 1px;  }
.naverj li>a{ color:#ffffff}
.naverj li:hover{ background-color: #ffffff; color: #00a7c0; font-weight: bolder; }
.naverj li:hover>a{color:#00a7c0 }
/*移动导航*/
.appnav{ transition: all 0.3s;display: none; width: 80px; height: 80px; background: url("../images/appnav.png") center center no-repeat;background-size: 50%; position: absolute;top:16px;right: 0; z-index: 999}
.mask{transition: all 0.3s; display: none; position: fixed; width:100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 998}
/*banner*/
.banner-box{ height: 640px; position: relative; overflow: hidden; width: 100%}
.bannerslide {width: 100%;height:640px;}
.bannerslide img{ width: 100%}
.bannerpagess {position: absolute;z-index: 5;top: 600px;left:20%;text-align: left;}
.bannerpagess .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #555;
    margin: 0 5px;
    opacity: 0.8;
    cursor: pointer;
    transition: all 0.3s;
}
.bannerpagess .swiper-active-switch {
    background: #fff;
    width: 24px;
}
/*hot-line*/
.hot-line{position: absolute; overflow: hidden; height: 104px; bottom: 0;right: 0;width: 40%;background-color:rgba(0,167,192,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F00a7c0,endcolorstr=#7F00a7c0);border-radius: 50px 0 0 0; z-index: 3}
.hot-info{ border-right:rgba(255,255,255,0.3) solid 1px;  padding:24px 30px;text-align: center; color: #ffffff; float: left; }
.hot-info p:nth-of-type(1){font-size: 16px;}
.hot-info p:nth-of-type(2){font-size: 26px; font-weight: bolder;}
.hot-info img{ width: 32px; height: 32px;}
.gfwx{ display:none; background: #ffffff; position:absolute;bottom: 105px; right:19.5%; padding: 10px; width: 120px; height: 120px; overflow: hidden;z-index: 99}
.gfwx img{ width: 100%; height: 100%}
/*公司简介*/
.about-box{ padding: 40px 0; display: block; overflow: hidden}
.textcon{ width:50%}
.textcon h2{font-size: 24px}
.textcon h4{ font-size:10px; color: #999999 }
.textcon p{ background-color: #00a7c0; color: #ffffff; padding:16px 24px; font-size: 16px; line-height: 1.8; margin: 24px 0 }
.about-box .imgbox{ width: 50%; height: 240px; overflow: hidden}
.about-box .imgbox img{ width: 100%}

/*业务范围*/
.business-box{ background:url("../images/busbg.jpg") top center no-repeat; background-size: 100% 100%; padding: 40px 0;  }
.title-box{ position: relative; display: block; overflow: hidden; margin-bottom: 40px;}
.title-box h2{ font-size: 24px;}
.title-box h2 span:nth-of-type(2){ color:rgba(0,0,0,0.2); font-size: 28px;}
.title-box .more{ position: absolute;top:8px;right:0}
.buslist,.buslist ul {display: block; overflow: hidden}
.buslist ul li{ width:32.33%; float: left; margin-right: 1.5%; margin-bottom: 18px; background-color: #ffffff; }
.buslist ul li:nth-child(3),.buslist ul li:last-child{margin-right: 0}
.buslist ul li a{ display: block; height:115px; border:#e8e8e8 solid 1px; padding-left:140px; position: relative; color: #3d3d3d }
.buslist ul li a span{ padding: 24px; text-align: center; display: inline-block; background-color: #00a7c0; position: absolute;top:0;left: 0}
.buslist ul li a span img{ width: 80%; height: auto}
.buslist ul li a h3{ font-size:18px; margin-top: 24px }
.buslist ul li a p{font-size: 10px; margin-top: 8px; margin-bottom: 24px; padding-right: 24px;}
.buslist ul li a:hover{ border: #00a7c0 solid 1px; color: #00a7c0}

/*报关航线业务*/
.bghxbox{ position: relative; height:220px; overflow: hidden }
.bghxbox .main-box{ width:100%;position: absolute; top:0; left:50%;transform: translateX(-50%); z-index: 10}
.bghxbox .bgl{ width: 50%; height: 100%;position: absolute;top:0; left:0; background-color: #00a7c0;z-index: 5 }
.bghxbox .bgr{ width: 50%; height: 100%;position: absolute;top:0; right:0; background-color:#005e99;z-index: 5 }

.infobox{ width:46%; padding:2%; box-sizing: border-box; position:relative; }
.infobox h2{ font-size: 24px;vertical-align:bottom; margin-bottom: 24px; }
.infobox p{ color: #ffffff; font-size: 16px;}
.infobox .more{ margin-top: 24px; height: 26px; line-height: 26px; padding:0 8px; color: #ffffff}
.infobox .more:hover{ background-color: #ffffff; color: #005e99}
.bgbox{text-align: right}
.hxbox{text-align:left }
.bgbox span:nth-child(2),.hxbox span:nth-child(1){ color: #ffffff}
.bgbox span:nth-child(1),.hxbox span:nth-child(2){ color:rgba(255,255,255,0.5); font-size: 28px;}
.hxbox .more{ background-color: #00a7c0}
.hxbox .more:hover{ background-color: #ffffff; color: #00a7c0}

/*行业新闻*/
.news-box{ padding: 40px 0; display: block; overflow: hidden}
.imgnews{ width:40%; min-height:290px; position:relative}
.newswiper{ width:100%; height:290px; overflow:hidden}
.newsslide{ width: 100%; height:100%; position: relative}
.newsslide p{ background-color: rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#6F000000,endcolorstr=#6F000000);position: absolute; bottom: 0; left: 0;right:0;z-index: 3;  color: #ffffff; padding: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newsslide img{ width: 100%; height: 100%}
.newspage {position: absolute;z-index: 5;bottom: 10px;right:10px;}
.newspage .swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;background: #555;margin: 0 5px;
opacity: 0.8;cursor: pointer;}
.newspage .swiper-active-switch {background:#00a7c0;}

.hotnews{ width:60%;}
.hotnews  ul{ margin-left: 40px; border-top:#e8e8e8 solid 1px; }
.hotnews  ul li{ border-bottom:#e8e8e8 solid 1px;}
.hotnews  ul li a{display:block; padding:24px 0; position: relative; padding-left: 60px; overflow: hidden; color: #3d3d3d  }
.hotnews  ul li a .newsdata{ width: 64px; height: 50px; position: absolute;left: 0;top:24px; border-right:#00a7c0 solid 1px;padding-right: 10px; text-align:center; }
.hotnews  ul li a .newsdata span:nth-child(2){font-size: 30px; font-weight:bolder}
.hotnews  ul li a:hover{ color: #00a7c0}
.hotnews  ul li a:hover .newstext h3,.hotnews  ul li a:hover .newstext p{ color:#00a7c0}
.newstext{ padding-left: 24px;}
.newstext h3{ font-size:16px; color:#3d3d3d;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.newstext p{ font-size:12px;margin-top: 8px; color: #999999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;   }

/*合作企业*/
.hezuobox{background-color:#d8edf2; padding: 40px 0; display: block; overflow: hidden; position: relative }
.hezuobox h2{ font-size: 24px; color:#3d3d3d; text-align: center}
.hezuobox h2 span:nth-child(2){ color:rgba(0,0,0,0.3);}
.hzlist{ margin: 40px auto; width: 100%;max-width: 1200px; height: 240px; display: block; position: relative }
.swiper-container-free-mode > .swiper-wrapper{
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
}

.hzitem{ display: block; margin-right: 16px;}
.hzitem{ width: 180px; background-color: #ffffff; border: #e8e8e8 solid 1px; display: block; overflow: hidden }
.hzitem img{ width: 100%; height: 120px;}
.hzitem p{ text-align: center; font-size: 16px; border-top:#e8e8e8 dashed 1px; padding: 10px 0; }
.hzitem:hover{background-color:#cef6ff }
.hzitem:hover p{ color: #00a7c0; font-weight: bolder }
.sPrev,.sNext{ position: absolute; display: inline-block; width: 50px;height: 50px; top:50%; margin-top: -25px; font-size: 40px; color: #999999; z-index: 20}
.sPrev{left:-40px;}
.sNext{ right:-60px;}
.sPrev:hover,.sNext:hover{ color: #00a7c0}

/*页面底部*/
.footer-box{ background-color: #00a7c0; padding: 40px 0 0 0; display: block; overflow: hidden}
.lxfs{ font-size: 18px; color:#b3e5ec; line-height: 2.2; padding-left: 40px; }
.wximg{ background-color: #ffffff; padding: 8px; display: block; overflow: hidden }
.wximg img{ width: 88px;}
.wxbox{ color: #b3e5ec}
.finfo{ display: block; overflow: hidden}
.wxwz{ line-height: 120px; font-size: 16px;color:rgba(255,255,255,0.7);}
.bqbox{ background:#005e99; color:#b3cfe1; padding: 10px 0; margin-top: 32px; display: block; overflow: hidden}

/*子页面*/
.maincon{ display: block; overflow: hidden}
.subbanner{ width: 100%; background: url("../images/sunbg.jpg") left center no-repeat; height: 200px;line-height: 200px; display:block; overflow: hidden}
.subbanner h2{ padding-left: 40px; color: #00a7c0; font-size: 24px; }

.m-left{ width: 20%;box-sizing: border-box;  border-right:#e8e8e8 solid 1px; font-size: 14px; }
.m-left h2{ padding: 24px 16px; text-align: right}
.m-left h2 span:nth-child(1){ color:#00a7c0}
.m-left h2 span:nth-child(3){ color: #999}
.munelist a { display:block; border: #e8e8e8 solid 1px; padding: 12px; margin-bottom: 16px; margin-right: 16px;}
.munelist a.current{ margin-right: 0; background: #00a7c0;border: #00a7c0 solid 1px; text-align: right; color: #ffffff; font-weight: bolder}

.m-right{ width: 80%; box-sizing: border-box; padding: 40px;}
.articlebox h1{ font-size: 30px; color: #3d3d3d; padding-bottom: 12px; }
.articlebox h5{ font-size: 12px; color: #999999; font-weight: normal; margin-bottom: 24px; padding: 4px; background-color: #edf1f1}
.articlebox h5 span{ margin-right: 10px;}
.articlebox p{font-size: 16px; line-height: 2; color: #555555}
.articlebox img{ max-width: 100%; margin:8px 0;}

.nextpre{ padding: 24px 0; border-top:#e8e8e8 solid 1px; margin-top: 24px; }
.nextpre a{ width: 100%; display: block; margin-bottom: 8px; background-color:#edf1f1;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.nextpre a span:nth-child(1){ display: inline-block; margin-right: 8px; padding:6px 12px; background-color: #00a7c0; color: #ffffff}
.nextpre a:hover span:nth-child(2){ color: #00a7c0;}

/*新闻列表*/
.m-right .hotnews{ width: 100% }
.m-right .hotnews  ul{ margin-left: 0}

.imglist{ display: block; overflow: hidden}
.imgitem{ display: block; width:31.33%; margin:1%; border: #e8e8e8 solid 1px; padding: 8px; box-sizing: border-box; float: left  }
.imgitem span{ display: inline-block; width: 100%;height: 160px; overflow: hidden;}
.imgitem span img{ width: 100%; height: 100%;}
.imgitem p{ padding: 8px 0; border-top:#e8e8e8 solid 1px; }
.imgitem:hover{ background-color: #cef6ff; border: #00a7c0 solid 1px;}

.jionitem{ display: block;color: #3d3d3d; border:#e8e8e8 solid 1px; padding:12px; box-sizing: border-box; margin-bottom: 16px; }
.jionitem h3{ border-bottom: #e8e8e8 solid 1px; font-size: 16px; margin-bottom: 8px;  padding: 10px 0; }
.jionitem p{ padding: 6px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.jionitem:hover{ background-color: #cef6ff; border: #00a7c0 solid 1px;}
.jionitem:hover h3{border-bottom:#afdde7 solid 1px;}