/* 公共样式 */
body {  color:#333; font-family:Microsoft YaHei, SimSun, sans-serif; font-size:14px; background:#fff; -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,.wrapper2,.wrapper3 { margin:0 auto; text-align:left; max-width: 100%;}
.wrapper { width:1109px;}
.wrapper2 { width:1125px;}
.wrapper3 { width:1422px;}
#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:614px; background:url(../images/banner_bg.jpg) no-repeat center top;}
.banner-1 { height:153px; background:url(../images/banner1.jpg) no-repeat center top;}
.banner-2 { height:153px; background:url(../images/banner2.jpg) no-repeat center top;}
.banner-3 { height:153px; background:url(../images/banner3.jpg) no-repeat center top;}
.banner-4 { height:155px; background:url(../images/banner4.jpg) no-repeat center top;}
h2 { font-size:45px; color:#3a958e; text-align:center; margin:30px 0 5px;}
.time-group { width:407px; height:188px; background:url(../images/index2_12.gif) no-repeat; margin-top:30px;}
.one { float:left;}
.one p { color:#2aa79c; font-size:24px; float:left; line-height:58px;}
p.ls { color:#FFF; text-align:center; font-size:30px;}
.ls { width:59px; height:58px; background:url(../images/timebg.gif) no-repeat; margin:0 14px;}
.time-group h3 { font-size:30px; color:#FFF; font-weight:normal; text-align:center; margin:28px 0;}
.bjwd { font-size:20px; margin:120px 0 0 80px;}
.button { width:316px; margin:40px 0 40px 398px; display:block;}
.huise-cont { width:100%; background:#e7e7e7; padding:1px 0;}
.pic-bk { margin-top:30px;}
.hztf-cont { width:100%; background:url(../images/hztf_bg.jpg) no-repeat center top; padding:1px 0;}
.trade-box {
    position: relative;
    transition: all .3s ease;
	margin-top:35px;
}

.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: 400px;
    background: no-repeat center;
    background-size: 100% auto;
}

.trade-box-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(42,167,156,.8);
    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: 120px;
    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-title:before {
    content: "";
    position: relative;
    display: block;
    width: 20px;
    border-bottom: 2px solid #fff;
    margin: 0 auto 20px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.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 30px;
	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: 80px;
}

.trade-box-item:hover .item-title:before {
    opacity: 0;
    margin-bottom: 0;
}
.black-cont { width:100%; background:url(../images/index2_57.jpg) no-repeat center top; padding:1px 0 40px 0;}
.fdfa { margin-top:35px;}
.fdfa dd { width:465px; margin-top:16px;}
.fdfa dd a { margin:52px 0 0 63px; display:block;}
/* Footer */
.footer{ width:100%; border-bottom:3px #000 solid; padding:22px 0; background:#333; font-size:12px;}
.footer .content{ width:940px; margin:0 auto; text-align:center; color:#f0f0f0; line-height:28px;}
.footer .content span{ padding:0 6px; color:#a6a6a6}
.footer .content .txt_bottom p{ line-height:30px;}