/* 公共样式 */
body {  color:#333; font-family:Microsoft YaHei, SimSun, sans-serif; font-size:14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; overflow-x: hidden;}
body,div,ul,li,ol,dt,dd,dl,p,h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
ul,li { list-style:none;}
img { border:none; display:block; margin-left:0px;}
a { text-decoration:none;  color:#2a3139; cursor:pointer;}
a:hover { text-decoration:none;}
.clear { height:0px; clear:both; overflow:hidden;}
.clearfix:after{content:"";clear:both;display:block;visibility:hidden;height:0}
.lf { float:left;}
.rt { float:right;}
html {
	box-sizing: border-box;
}
*,*:before,*:after { box-sizing: inherit;}
/* 体部样式 */
.wrapper { width:1200px; margin:0 auto; text-align:left; font-size:0; max-width: 100%;}
#top { width:100%; height:59px; background:#FFF;}
#top .xd-logo { width:138px; float:left; margin-top:8px; display:block;}
#top dl { width:181px; float:right; margin-top:10px;}
#top dl dt { width:40px; float:left;}
#top dl dd { float:left; color:#484848; margin-left:6px; font-size:14px;}
#top dl dd span { color:#df1a18; font-size:18px; font-weight:bold;}
.banner-content { width:100%; height:558px; background:url(../images/banner_bg.gif) no-repeat center top;}
.banner-1 { height:139px; background:url(../images/banner1.gif) no-repeat center top;}
.banner-2 { height:139px; background:url(../images/banner2.gif) no-repeat center top;}
.banner-3 { height:139px; background:url(../images/banner3.gif) no-repeat center top;}
.banner-4 { height:141px; background:url(../images/banner4.gif) no-repeat center top;}
h2 { font-size:44px; color:#272626; padding-top:30px; text-align:center;}
h2 span { color:#e02418; margin-right:8px;}
.top1 { margin-top:10px;}
.top2 { margin-top:20px;}
.top3 { margin-top:30px;}
.button { width:344px; height:60px; margin:40px auto 0;}
.button a { height:60px; background-color:#fc800d; background-image: linear-gradient(#fc7d0d, #fcc80d); font-size:24px; line-height:60px; color:#FFF; display:block; text-align:center; border-radius:50rem; 
box-shadow:0 4px 8px #580d08;}
.button a:hover { background-image: linear-gradient(#e02418, #fcc80d);}
.ps-bg-cont { width:100%; height:690px; background:url(../images/p_bg.jpg) no-repeat center top; margin-top:40px;}
.trade-box {
    position: relative;
    transition: all .3s ease;
	margin-top:30px;
}

.trade-box-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.trade-box-item {
    flex: 1;
    text-align: center;
    position: relative;
    height:280px;
    background: no-repeat center;
    background-size: 100% auto;
	border-right:1px solid #FFF;
}

.trade-box-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(224,36,24,.6);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.trade-box-item a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

a, button, input, textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.item-logo {
    margin: 0 auto;
    display: block;
}

.trade-box-item .item-logo {
    position: relative;
    margin-top: 91px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.item-logo img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.item-title {
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    padding: 20px 0;
    position: relative;
}


.item-text {
    position: relative;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    margin-top: 10px;
}

.item-text p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px;
	padding:0 20px;
	line-height:26px;
	text-align:left;
}

.item01 {
    background-image:url(../images/icon-img1.jpg);
}

.item02 {
    background-image:url(../images/icon-img2.jpg);
}

.item03 {
    background-image:url(../images/icon-img3.jpg);
}

.item04 {
    background-image:url(../images/icon-img4.jpg);
}

.item05 {
    background-image:url(../images/icon-img5.jpg);
}
.item06 {
    background-image:url(../images/icon-img6.jpg);
}

.trade-box-item:hover .item-text {
    display: block;
    opacity: 1;
    margin-top: 0;
}

.trade-box-item:hover:before {
    background-color: rgba(0, 0, 0, .6);
}

.trade-box-item:hover .item-logo {
    margin-top: 30px;
}

.trade-box-item:hover .item-title:before {
    opacity: 0;
    margin-bottom: 0;
}
.ps-bg2-cont { width:100%; height:592px; background:url(../images/ls_bg.jpg) no-repeat center top; margin-top:40px;}
.ps-bg3-cont { width:100%; height:623px; background:url(../images/pp_bg.gif) repeat-x center top; margin-top:40px;}
/* Footer */
.footer{ width:100%; border-bottom:3px #000 solid; padding:22px 0; background:#333; font-size:12px;}
.footer .content{ width:1200px; margin:0 auto; text-align:center; color:#f0f0f0; line-height:28px;}
.footer .content p a{ padding:0 6px; color:#FFF;}