/***
 *	HbwlWebsite v2021 Style
 *	Copyright（c）2021 河北省现代物流协会 
 *	hebeiwl.net  Design by fishsolo 2021.10.10
 **/
@charset "utf-8";

/* 通用 */

.webborder{max-width:1920px;margin:0 auto;overflow: hidden;}/* 定义页面边界 */
.unit{width:1200px;margin:0 auto;overflow: hidden;}/* 定义单元模块边界 */
.section{margin-bottom:30px;}
.leftbox{width:780px;float:left;}
.rightbox{width:400px;padding-left:20px;float:right;}

.title{width:100%;padding:10px 0;}
.h21,.h31 {margin:10px 0;}
.h21 a,.h31 a{border-left:#3b58ad solid 8px;color:#3b58ad;padding-left:10px;}
.h21 a:hover,.h31 a:hover{border-left:none;color:#ff9900;}
.h21 a{font-size: 22px;}
.h31 a{font-size: 18px;}
.h21 span{padding-left:30px;}

/* 1200px广告条 */
.banner1200{margin:15px auto;}
.banner1200 a{width:100%;display:block;margin:5px 0;}
/* 400px广告条 */
.banner400{margin:15px auto;}
.banner400 a{width:100%;display:block;margin:5px 0;}

.list1{width:100%;overflow: hidden;}
.list1 li{margin:25px 0;padding-bottom:10px;}
.list1 .listpic{float:left;width:22.5%;margin-top:5px;padding-right:20px;overflow: hidden;}
/* 锁定图片长宽比16:10 */
.list1 .listpic .listpicwrap{width:100%;height:0;padding-bottom:62.5%;position:relative;}
.list1 .listpic img{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:5px;}
/* 锁定图片长宽比16:10 */
.list1 .listtxt h5{font-size:18px;font-weight:bold;color:#333;}
.list1 li:hover .listtxt h5{color:#00509f;}
.list1 .listtxt .listmeta{padding:5px 0;color:#00509f;float:left;}
.list1 .listtxt .listmeta span{margin-right:10px;font-size:14px;}
.list1 .listtxt .listmeta span i{margin-right:5px;}
.list1 .listtxt .listsummary{color:#777;font-size:16px;line-height: 24px;}


.list2{width:100%;overflow: hidden;}
.list2 li{width:50%;padding:10px;float:left;}
.list2 .listpic{width:170px;margin:0 0 5px 0;overflow: hidden;}
/* 锁定图片长宽比16:10 */
.list2 .listpic .listpicwrap{width:100%;height:0;padding-bottom:62.5%;position:relative;}
.list2 .listpic img{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:5px;}
/* 锁定图片长宽比16:10 */
.list2 .listtxt{width:100%;}
.list2 .listtxt h5{font-size:16px;font-weight:bold;color:#333;}
.list2 li:hover .listtxt h5{color:#00509f;}

.list3 li{padding:3px 0;margin:3px 0; }
.list3 li a{color:#333;}
.list3 li a:hover{color:#00509f;}

.list4{width:100%;}
.list4 .listpic{width:110px;margin:5px 10px 5px 0;overflow: hidden;float:left;}
/* 锁定图片长宽比16:10 */
.list4 .listpic .listpicwrap{width:100%;height:0;padding-bottom:62.5%;position:relative;}
.list4 .listpic img{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:5px;}
/* 锁定图片长宽比16:10 */
.list4 .listtxt{padding:0 1px;}
.list4 .listtxt h5{font-size:16px;font-weight:bold;color:#333;}
.list4 li:hover .listtxt h5{color:#00509f;}
.list4 .listtxt .listmeta{color:#999;font-size:14px;}
.list4 .listtxt .listmeta span{margin-right:10px;}
.list4 .listtxt .listmeta span i{margin-right:5px;}

.list5 li{padding:3px 10px; float:left; width:50%; }
.list5 li a{color:#333;float:left;}
.list5 li a:hover{color:#00509f;}
.list5 .listpic{width:170px;margin:0 0 5px 0;overflow: hidden;}
/* 锁定图片长宽比16:10 */
.list5 .listpic .listpicwrap{width:100%;height:0;padding-bottom:62.5%;position:relative;}
.list5 .listpic img{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:5px;}
/* 锁定图片长宽比16:10 */
.list5 .listtxt{width:100%;}
.list5 .listtxt .listmeta{color:#00509f;float:left;margin-left:20px;}
.list5 .listtxt .listmeta span{margin-right:10px;font-size:14px;}
.list5 .listtxt .listmeta span i{margin-right:5px;}


/* 面包屑导航 */
.breadcrumb {margin-top:20px;width:100%;border-radius:5px;padding:5px 0;}
.breadcrumb li{float:left;font-weight:bold;color:#999;}
.breadcrumb li a{color:#3b58ad;}
.breadcrumb li a i{font-size:20px;}
.breadcrumb li span{padding:0 15px;}


/* 分页 */
.pagination{padding-left:0;margin:70px 0 30px;border-radius:4px;text-align: center;}
.pagination>li{display:inline-block;}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857;text-decoration:none;color:#3b58ad;background-color:#fff;border:1px solid #ddd;margin-left:-1px}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#3b58ad;border-color:#3b58ad;cursor:default}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.33333}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}
.badge,.label{line-height:1;white-space:nowrap}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}

/* 侧边栏 */
.sidebar ul.ranking{counter-reset: rankinglist;border-radius:5px;list-style:none;list-style-type:none;margin-bottom:20px;}
.sidebar ul.ranking li:before{content:counter(rankinglist)"";counter-increment: rankinglist;display:block;float:left;margin:9px 8px 0 0;padding:0 7px;background:#999;font-size:12px;color:#fff;border-radius:6px;}
.sidebar ul.ranking li:nth-of-type(1):before{background:#c00;}
.sidebar ul.ranking li:nth-of-type(2):before{background:#ff9900;}
.sidebar ul.ranking li:nth-of-type(3):before{background:#1f8ceb;}
.sidebar li{border-bottom:#ddd dotted 1px;padding:7px 10px;display:block;}
.sidebar li:last-of-type{border-bottom:none;}
.sidebar li a{padding:5px 0;width:100%;height:auto;display:block;transition:.1s;}
.sidebar li:hover{background:#f5f5f5;}






/* 顶部 */
.topbar{font-size:14px;background-color: rgba(0,65,155,0.7);color:#fff;height: 36px;line-height: 36px;z-index: 10;}
.topbar .tp1{float:left;}
.topbar .tp2{float:right;}
.topbar .tp1 a{margin-left:30px;color:#c8ff00;}
.logo{height:120px;line-height: 120px;}
.logo .logo1 {float:left;padding-top:20px;}
.logo .logo1 img{width:100%;}
.logo .logo2 {float:left;padding-top:26px;}
.logo .logo2 img{width:100%;}
.logo .search{float:right;}
.logo .search .search-form{line-height: normal;margin-top:20px;}
.logo .search .input-group{float:right;}
.logo .search .form-control{width:200px;height:34px;line-height: 34px;border:#ccc solid 1px;padding:2px 4px;font-size:14px;}
.logo .search .btn{width:34px;height:34px;line-height: 34px;background:#3b58ad;color:#fff;font-size:24px;margin-left:-5px;transition:.3s;}
.logo .search .btn:hover{background:#ff9900;}
.logo .search .internal-links{font-size:16px;float:right;line-height:normal;margin-top:20px;}
.logo .search .internal-links a{color:#3c58ac;}
.logo .search .internal-links span{padding:0 15px;}




.nav1{height:40px;line-height: 40px;margin-bottom:20px;background:#3b58ad;}
.nav1 li{float:left;}
.nav1 li a{color:#fff;padding:0 30px;border-right:#fff solid 1px; }
.nav1 li a:hover{color:#ff9900}
.nav1 li:first-of-type a{padding-left:0;}
.nav1 li span{float:left;color:#fff;padding:0 10px;}
.nav2 ul{width:100%;padding:5px 0;font-size:14px;color:#ff9900;}
.nav2 ul a{font-size:14px;padding:2px 5px;color:#666;border-radius:5px;}
.nav2 ul a:hover{color:#3b58ad;}
.nav2 ul a:first-of-type{padding-left:0;}
.nav2 ul span{padding:0 10px;color:#333;}
.nav2 .extrude{background:#3b58ad;color:#fff;}
.nav2 .extrude:hover{background:#ff9900;color:#fff;}

.upnews{margin:30px 0;}
.upnews .upnews1,.upnews .upnews2{text-align: center;}
.upnews .upnews1 li{width:100%;text-align: center ;} 
.upnews .upnews1 li a{font-size:34px;font-weight:bold;}
.upnews .upnews2 li{display:inline-block;margin:15px;}


/* 幻灯片 */

.slide{position:relative;height:440px;overflow: hidden;}
.slide .swiper-container {width:100%;height:100%;overflow: hidden;--swiper-navigation-color: #fff;border-radius:7px;} 
.slide .swiper-wrapper .swiper-slide span{position:absolute;bottom:0;width:100%;height:34px;line-height: 34px;padding-left:10px;color:#fff;background:rgba(0, 0, 0, .6);}
.slide .swiper-container .swiper-scrollbar .swiper-scrollbar-drag{background:#1f8ceb;}
.slide .swiper-button-prev,.slide .swiper-button-next{padding:2px;color:#ccc;outline:none;}
.slide .swiper-button-prev:hover,.slide .swiper-button-next:hover{color:#fff;text-shadow:0 0 18px rgba(255, 255, 255,1)}
.slide .swiper-pagination{width:auto;position:absolute;bottom:6px;right:20px;left:auto;}
.slide .swiper-pagination span{margin:0 10px;transition: .5s; }
.slide .swiper-pagination span.swiper-pagination-bullet{width:9px;height:9px;border-radius:50%;margin:0 7px;background:rgba(255, 255, 255, 1);}
.slide .swiper-pagination span.swiper-pagination-bullet-active{width:20px;border-radius:5px;background:#ff9900;}

.focusnews ul:first-of-type{padding-bottom:20px;}
.focusnews ul li{padding:3px 0;}
.focusnews ul li:first-of-type a{font-size:18px;font-weight:bold;}


/*诚信物流*/
.integrity .leftbox{position: relative;}
.integrity .leftbox .swiper-container .swiper2-pagination{position:absolute;width:auto;right:20px;bottom:0;left:auto;z-index: 1;}
.integrity .leftbox .integritylist{padding:10px 0;}
.integrity .leftbox .integritylist li{width:50%;margin:5px 0;padding-right:10px;float:left;}
.integrity .rightbox ul{text-align: center;}
.integrity .rightbox li{width:182px;height:43px;line-height:43px;margin:5px 2px;float:left;background:#efefef;transition:.5s;}
.integrity .rightbox li a{font-size:12px;font-weight:bold;color:#305798;}
.integrity .rightbox li:hover{background:#ff9900;}
.integrity .rightbox li:hover a{color:#fff;}

/*评级*/
.grade .leftbox .apingbox{width:100%;height:70px;background-image: linear-gradient(to bottom right, #31488e, #0072dd);padding:10px 5px 10px 10px;border-radius:5px;}
.grade .leftbox .apingbox span:first-of-type{font-size:24px;font-weight:bold;color:#fff;margin-right:10px;}
.grade .leftbox .apingbox span:last-of-type{font-size:14px;color:#fff;}
.grade .leftbox .a-guidelines,.grade .leftbox .s-guidelines{width:100%;padding:10px 20px;margin:40px 0 20px;background:#efefef;border-radius:5px;position:relative;}
.grade .leftbox .a-guidelines span,.grade .leftbox .s-guidelines span{position:absolute;top:-15px;left:50px;padding:1px 20px;background-image: linear-gradient(to bottom, #2170f1, #0027ec);border-radius:3px;color:#fff;font-weight:bold;}
.grade .leftbox .a-guidelines ul,.grade .leftbox .s-guidelines ul{margin-top:10px;}
.grade .leftbox .a-guidelines li,.grade .leftbox .s-guidelines li{float:left;padding-right:20px;}
.grade .leftbox .a-guidelines li a，.grade .leftbox .s-guidelines li a{font-size:14px;}
.grade .leftbox .nonstop{height:30px;line-height: 30px;margin:10px 0;}
.grade .leftbox .nonstop p,.grade .leftbox .nonstop a{float:left;}
.grade .leftbox .nonstop p{font-weight:bold;}
.grade .leftbox .nonstop a{margin:0 15px;padding:0 10px;background:#1f8ceb;color:#fff;border-radius:5px;}
.grade .leftbox .nonstop a:hover{background:#ff9900;}
.grade .leftbox .agrade-list{margin:30px 0;padding:10px 0;}
.grade .leftbox .agrade-list .list3 li,.grade .leftbox .agrade-list .list4 li{width:50%;float:left;}
.grade .leftbox .agrade-list .list3{margin:15px 0;}

.grade .leftbox .spingbox{width:100%;height:70px;background-image: linear-gradient(to bottom right, #0072dd, #31488e);padding:10px 5px 10px 10px;border-radius:5px;}
.grade .leftbox .spingbox span:first-of-type{width:192px;display:inline-block;font-size:24px;font-weight:bold;color:#fff;margin-right:10px;float:left;}
.grade .leftbox .spingbox span:last-of-type{width:546px;display:inline-block;font-size:14px;color:#fff;}

.grade .rightbox .downloads{width:100%;}
.grade .rightbox .downloads h5{width:100%;margin:19px 0;padding:1px 30px; background-image: linear-gradient(to bottom right, #0072dd, #31488e);color:#fff;border-radius:5px;text-align: center;}
.grade .rightbox .downloads a{display:inline-block;margin:5px 10px 5px 0;}


/* 企业推荐 */
.enterprise{width:100%; min-height:600px; margin: 0 auto 20px; clear: both; }
.enterprise ul{margin-top:20px;}
.enterprise ul li {margin:-1px 0 0 -1px;width:200px; height: 89px;background: #fff; float:left;border:#dedede solid 1px;overflow: hidden;box-shadow:0 0 5px #D3F0FC;}
.enterprise ul li:hover{box-shadow:0 0 10px #bbb;position:relative;}
.enterprise ul li a{width:100%;height:100%;text-align: center;}
.enterprise ul li img{width:165px; height: 50px;transition: all 1s; margin: 19px auto;}
.enterprise ul li img:hover{transform: scale(1.1);}

/* 链接 */
.links{margin-top:90px;}
.links ul{background:#efefef; border-radius:5px;padding:20px;}
.links li{float:left;margin-right:30px;}
.links li a{color:#666;font-size:14px;}


/* 页脚 */
.footer{margin-top:40px;color:#999;padding:10px 0;font-size:14px;}
.footer .qrcode{text-align: center;margin:10px 0;}
.footer .qrcode li{display:inline-block;margin:0 40px;width:110px;}
.footer .footernav{height:30px;line-height: 30px;margin:20px 0;background:#3b58ad;}
.footer .footernav ul{width:100%;text-align: center;}
.footer .footernav li{display:inline-block;}
.footer .footernav li a{color:#fff;padding:0 30px;border-right:#fff solid 1px; }
.footer .footernav li a:hover{color:#ff9900}
.footer .footernav li:last-of-type a{border-right:none;}
.footer .copyright{text-align: center;}
.footer .copyright p,.footer .copyright p a{margin:5px 0;color:#666;}
.footer .copyright p a:hover{color:#ff9900;}
.footer .copyright span{padding:0 15px;}
.footer .copyright .beian img{width:auto;height:auto;display:inline;margin-right:5px;}
.footer .copyright{padding:20px 0;}



/* 分类列表页 */
.listpage{margin-top:20px;}
.listpage .sidebar .sidebarholder{width:100%;height:0;margin-top:-30px;}



/* 文章页 */
.showpage .leftbox{width:880px;}
.showpage .showbody{margin:30px 0;}
.showpage .showbody .showtitle{width:100%;text-align: center;margin:20px 0;}
.showpage .showbody .showtitle h2{font-size:32px;font-weight:bold;}
.showpage .showbody .showmeta{text-align: center;margin:10px 0;}
.showpage .showbody .showmeta span{margin:0 10px;font-size:14px;color:#999;}
.showpage .showbody .showmeta span i{margin-right:5px;}
.showpage .showbody .showmeta span a{color:#999;}
.showpage .showbody .summry{margin:50px 0;padding:10px 20px;font-size:14px;text-indent: 28px; color:#999;border:#aaa dotted 1px;}
.showpage .showbody .showcontent{margin:20px 0;}
.showpage .showbody .showcontent p{font: size 16px;line-height:2;margin:15px 0;text-align:justify;}
.showpage .showbody .showcontent img{display: block;margin: 10px auto 30px;text-align: center;width: auto;height:auto;max-width: 90%;border-radius: 7px;}
.showpage .showbody .tag{width:100%;margin:50px 0;}
.showpage .showbody .tag li{float:left;margin:0 10px;}
.showpage .showbody .tag li a{padding:2px 10px;background:#305798;font-size:14px; color:#fff;border-radius:3px;}
.showpage .showbody .tag li a:hover{background:#ff9900;}
.showpage .showother{margin:20px 0;}
.showpage .showother .statement{margin:20px 0 10px;font-size:14px;color:#999;}
.showpage .showother .context{margin:10px 0;padding:20px 0 0;border-top:#ccc solid 1px;}
.showpage .showother .context li{width:100%;margin:10px 0;}

.showpage .rightbox{width:300px;}




/* search页 */
.searchpage{margin-top:20px;}
.searchpage .pbody1{padding:20px 0;}
.searchpage .pbody1 p{margin-bottom:20px;}
.searchpage .pbody1 span{margin-right:10px;}
.searchpage .pbody1 span a{padding:1px 10px;border:#ccc solid 1px;background:#fafafa;font-size:14px;border-radius: 5px;transition:.2s;}
.searchpage .pbody1 span a:hover{border:#ff9900 solid 1px;background:#ff9900;color:#fff;}
.searchpage .pbody1 span a.labels{border:#9a9b9e solid 1px;background:#305798;color:#fff;}
.searchpage .pbody2{margin:20px 0;}
.searchpage .pbody2 .form-control{border:#c4c7ce solid 1px;border-right:none;background:#fafafa;border-radius: 10px 0 0 10px;height: 36px;line-height:36px;padding: 0 10px;min-width:350px;max-width:500px;}
.searchpage .pbody2 input[value]{color:#aaa;}
.searchpage .pbody2 .inputbtn{border-radius: 0 10px 10px 0;height: 36px;line-height:36px;margin-left:-5px;padding: 0 20px;background:#4e6ef2;color:#fff;}
.searchpage .pbody2 .inputbtn:hover{background:#4662d9;}
.searchpage .pbody3 .list1 .listpic{width:15%;}
.searchpage .pbody3 .list1 .listtxt h5 span{color:#c00;}
.searchpage .pbody3 .list1 .listtxt .listsummary{font-size:14px;line-height: 24px;}



/* 留言 */
.message h2{font-size:24px;font-weight:bold;color:#305798;margin:20px 0;}
.message .messagebox{margin:20px 0;}
.message .messagebox .form-group{margin:20px 0;}
.message .messagebox .form-group .help-block{margin-left:20px; color:#999;}
.message .messagebox .form-group .control-label{min-width:70px;margin-right:20px;}
.message .messagebox .form-group .control-label .required{color:#c00;}
.message .messagebox .form-group .form-control{border:#ccc solid 1px;border-radius:3px;background:#fafafa;padding:0 5px;}
.message .messagebox .form-group textarea.form-control{padding:5px;}
.message .messagebox .form-group .fc-code img{width:auto;height:auto;border:#aaa solid 1px;margin-top:10px;}
.message .messagesubmit .btn{padding:5px 20px;background:#305798;color:#fff;margin-top:40px;border-radius:5px;transition:.3s;}
.message .messagesubmit .btn:hover{background:#ff9900;cursor: pointer;}