.pro_box {
	background: #f0f0f0;
	padding-top: 60px;
	padding-bottom: 60px;
}

.proconts {
	padding: 20px;
	background: #fff;
}

.proconts .proh {
	margin-top: 20px;
	margin-bottom: 15px;
	line-height: 33px;
	font-size: 36px;
	text-align: center;
}

.proconts .prop {
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
	text-align: center;
}

.proone{padding-top: 10px;}

.profx {
	margin-top: 22px;
	display: flex;
	align-items: center;
}

.profxleft {
	width:100%;
	padding: 5px;
	font-size: 14px;
	line-height: 28px;
	color: #000000;
}

/* .profxright {
	width: 50%;
	padding: 5px;
} */

.protwo{margin-top: 40px;}

.twofx{display: flex;justify-content: space-between;margin-top: 22px;}

.itemfx{position: relative;width: calc((100% - 60px)/4);height: 240px;overflow: hidden;}

.itemfx .icon {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 0;
    margin-left: -45px;
    width: 90px;
    height: 90px;
}
.itemfx .icon img {
    display: block;
    width: 90px;
    height: 90px;
    transition: all 1s;
}
.itemfx .text {
    position: relative;
    top: 45px;
    height: 196px;
    text-align: center;
    color: #000;
    overflow: hidden;
    background: #f2f2f2;
    width: 100%;
}
.itemfx .text h3 {
    margin-top: 70px;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
}
.itemfx .text p {
    margin-top: 10px;
    height: 54px;
    line-height: 27px;
    font-size: 16px;
    color: #000;
    overflow: hidden;
}

.twofx .itemfx:hover .icon img {
    transform: rotateY(180deg);
}

.prothree{
	margin-top: 40px;
	margin-bottom: 20px;
}

.threecont{
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.teitems{
    width: calc(20% - 10px);
    display: flex;
    height: 52px;
    align-items: center;
    padding: 4px 8px; box-shadow: 0 0 15px #eee;
    margin-bottom: 14px;
}
.teitems img{
    width: 36px;
}
.teitems p{line-height: 36px;font-size: 20px;margin-left: 10px;font-size: 16px;}


/*公共标题*/
.wrap-title{margin-bottom: 50px;text-align: center;overflow: hidden;animation: fadeinT 1s;}
.wrap-title i{display: block;margin: 0 auto 20px;width: 40px;height: 5px;background: url(../images/title_line.png) no-repeat;}
.wrap-title h2,.wrap-title h2 a{position: relative;height: 50px;line-height: 50px;font-size: 42px;font-weight: normal;color: #000;}
.wrap-title p {height: 30px;line-height: 30px;font-size: 18px;color: #666;}

.sub-menu {
    padding: 40px 0;
    text-align: center;
    overflow: hidden;
    }
    .sub-menu li {
    display: inline-block;
    margin: 5px 25px;
    text-align: center;
    width: 138px;
    line-height: 38px;
    background: #e8e8e8;
    border: #dbdbdb solid 1px;
    border-radius: 20px;
    font-size: 16px;
    overflow: hidden;
}
.sub-menu li a{
	width: 100%;
	height: 100%;
	display: block;
	color: #666;font-size: 16px;
}
.sub-menu li a:hover{
	background-color: #00644a;
	color: #fff;
}

/* 物流问答  */
.faq{padding:70px 0;overflow:hidden;background:#fefefe;}
.faq-inner{width:1220px;overflow:hidden;}
.faq-list{float:left;margin-right:20px;width:590px;overflow:hidden;}
.faq-list dl{padding:20px 0;cursor:pointer;overflow:hidden;border-bottom:#f0f0f0 solid 1px;background:url(../images/off.png) no-repeat right 34px;}
.faq-list dt{padding-left:56px;height:38px;line-height:38px;font-size:16px;color:#333;overflow:hidden;background:url(../images/Q.png) no-repeat 0 0;}
.faq-list dd{display:none;padding:10px 0 10px 56px;overflow:hidden;background:url(../images/A2.png) no-repeat 0 10px;}
.faq-list dd .con{padding: 6px 12px;font-size:15px;color:#666;height: 100px;line-height:30px;overflow:hidden;background:#f9f9f9;}
.faq-list dd .con p{height:150px;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical;}
.faq-list dd .con a{font-size: 15px;}
.faq-list dl.cur dt{background-image:url(../images/Q2.png);}
.faq-list dl.cur{background-image:url(../images/on.png);}
.faq .more{padding-top:30px;text-align:center;font-size:18px;overflow:hidden;}
.faq .more a{display:block;margin:0 auto;width:220px;height:59px;line-height:59px;color:#fff;overflow:hidden;background:#00644a;border-radius:0 0 20px 0;transition: all 0.5s;}
.faq .more a:hover{color:#333;background:#d5d5d6;border-radius:0 20px 0 20px;}
/* 物流问答 */

@media screen and (max-width: 1200px){
    .proconts .proh{
        margin-top:0px;
        line-height: 24px;
        font-size: 24px;
        margin-bottom: 8px;
    }
    .proconts .prop {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    .profx{
        flex-direction: column;
    }
    .profxleft{
        width: 100%;
    }
    .profxright{
        width: 100%;
        text-align: center;
    }
    .teitems {
        width: calc(33% - 10px);
    }
    .wrap-title {margin-bottom: 30px;}
    .wrap-title h2, .wrap-title h2 a{font-size: 24px;}
    .wrap-title p{font-size: 14px;font-weight: 400;line-height: 20px;height: 20px;}
    .sub-menu li{margin: 5px 15px;}
    .faq-inner{width: 100%;}
    .faq-list{float: none;width: 100%;}
    .faq-inner .faq-list:nth-of-type(2){display: none;}
    .faq-list dl {padding: 10px 0;background: url(../images/off.png) no-repeat right 22px;}
    .faq-list dl.cur{ background-image: url(../images/on.png);}
}

@media screen and (max-width: 769px){
    .profx { margin-top: 4px;}
    .proconts {padding: 15px;}
    .pro_box {background: #f0f0f0;padding-top: 40px;padding-bottom: 40px;}
    .profxleft{line-height: 22px;}
    .profxleft p{margin-bottom: 4px !important;}
    .protwo { margin-top: 30px;}
    .twofx{flex-wrap: wrap;}
    .itemfx{width: calc((100% - 10px)/2); height: 206px;}
    .itemfx .icon img {display: block; width: 60px;height: 60px;}
    .itemfx .icon{ margin-left: -30px;width: 60px;height: 60px;}
    .itemfx .text{top: 25px;height: 160px;}
    .itemfx .text h3 {margin-top: 40px;font-size: 16px;height: 30px; line-height: 30px;}
    .itemfx .text p{ font-size: 12px;    height: 48px;line-height: 24px;}
    .teitems {width: calc(50% - 6px);}
    .teitems p{margin-left: 8px;font-size: 13px;}
    .threecont .teitems:nth-last-of-type(1){display: none;}
    .prothree {margin-top: 20px;}

    .faq{padding: 40px 0;}
    .wrap-title{margin-bottom:10px;}
    .wrap-title h2, .wrap-title h2 a{height: 36px; line-height: 36px;}
    .wrap-title i{margin: 0 auto 10px;}
    .sub-menu{padding: 10px 0;}    
    .sub-menu li{margin: 5px 5px;}
    .sub-menu li a{font-size: 13px;}
    .faq .more{padding-top: 22px;}
    .faq .more a{width: 160px; height: 44px; line-height:44px;}

}

@media screen and (max-width: 580px){
 .sub-menu li{width: 100px;line-height: 28px;}
}