body{
    background-color: #fff;
}
.banner{
    width: 100%;
    height: 260px;
}

.info{
    min-height:850px;
    width:100%;
    background:url(../images/listbg.jpg) repeat-x;
}
.info .substance{
    width: 1300px;
    margin: 0 auto;
}
.info .substance .toptitle{
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #b4b4b4;
    font-size: 12px;
    overflow: hidden;
}
.info .substance .toptitle .menutxt{
    width:40%;
    float:left;
    text-align:left;
}
.info .substance .toptitle .menutxt a{
    color: #b4b4b4;
    font-size: 12px;
}
.info .substance .toptitle .topcontect{
    width:60%;
    float:right;
    text-align:right;
    color: #555;
    font-size: 16px;
    font-weight:bold;
}
.info .substance .toptitle .topcontect a{
    color: #555;
    font-size: 16px;
    font-weight:bold;
}

.info .substance .content{
    width: 100%;
    background-color: #fff;
    text-align:center;
}
.info .substance .content .menu{
    text-align:center;
    padding-top:40px;
    padding-bottom:20px;
}
.info .substance .content .menu ul{
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.info .substance .content .menu ul li{
    float:left;
    margin-right:20px;
    padding-bottom:5px;
}
.info .substance .content .menu ul li.on
{
    border-bottom:2px solid #ff0000;
}
.info .substance .content .menu ul li a{
    font-size:24px;
    color:#b4b4b4;
}
.info .substance .content .menu ul li.on a
{
    font-size:24px;
    color:#000;
}

.info .substance .content .aboutus{
    border-bottom:#efefef solid 1px;
    border-top:#efefef solid 1px;
    padding:30px 0;
    width:96%;
    color: #323232;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    margin:0 auto;
    overflow:hidden;
}
.info .substance .content .aboutus .biaoge{
    font-size:14px;
}
.info .substance .content .aboutus .tou{
    text-align:center;
    color:#525252;
    font-size:24px;
    border-bottom:1px solid #efefef;
    line-height:100px;
    margin-bottom:40px;
}
.link{
    width: 1300px;
    text-align:left;
    margin:20px auto;
    overflow:hidden;
    position:relative;
}
.link .linkt{
    width:100%;
    font-size:24px;
    color:#2d2d2d;
    border-bottom:1px  solid #efefef;
}
.link .linki{
    font-size:14px;
    color:#747474;
    margin-top:20px;
}
.link .linki a{
    display:block;
    width:100px;
    float:left;
    margin-right:20px;
    font-size:14px;
    color:#747474;
}
.link .linki a img{
    width:100px;
    height:50px;
    display:block;
}
.link .linki a span{
    width:150px;
    display:block;
    line-height:30px;
    text-align:center;
}
.info .substance .content .page{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 34px;
    line-height: 34px;
    margin: 30px auto;
    padding: 0 22px;
}
.info .substance .content .page a{
    color: #747474;
    font-size: 14px;
    padding: 0 15px;
    display: inline-block;
    margin: 0 3px;
}
.info .substance .content .page a.on{
    color: #000;
    font-weight: bold;
}


.info .substance .content .news{
    border-bottom:#efefef solid 1px;
    border-top:#efefef solid 1px;
    width: 96%;
    text-align: left;
    font-size: 14px;
    margin: 0 auto;
    padding:10px;
}
.info .substance .content .news ul li{
    height:220px;
    border-bottom:1px dashed #dcdcdc;
    padding-top:20px;
}
.info .substance .content .news ul li .newsleft{
    width:360px;
    float:left;
}
.info .substance .content .news ul li .newsleft a img
{
    width:358px;
    height:177px;
}
.info .substance .content .news ul li .newsright{
    margin-left:20px;
    width:630px;
    float:left;
    height:200px;
}
.info .substance .content .news ul li .newsright .title{
    text-align:left;
    color:#323232;
    font-size:22px;
}
.info .substance .content .news ul li .newsright .title a{
    color:#323232;
    font-size:22px;
}
.info .substance .content .news ul li .newsright .txt{
    text-align:left;
    color:#848484;
    font-size:12px;
    line-height:180%;
    word-break:break-word;
}
.info .substance .content .news ul li .newsright .txt a{
    color:#848484;
    font-size:12px;
}
.info .substance .content .news ul li .newsright .date{
    color:#ababab;
    font-size:14px;
    text-align:left;
    line-height:200%;
}

.info .substance .content .support{
    border-bottom:#efefef solid 1px;
    border-top:#efefef solid 1px;
    width: 96%;
    text-align: left;
    font-size: 14px;
    margin: 0 auto;
    padding:10px;
    overflow:hidden;
}
.info .substance .content .support ul li{
    width:600px;
    height:80px;
    border-bottom:1px dashed #dcdcdc;
    padding-top:20px;
    float:left;
}
.info .substance .content .support ul li .title a{
    color:#323232;
    font-size:22px;
}
.info .substance .content .support ul li .date{
    color:#ababab;
    font-size:14px;
    line-height:200%;
}
.info .substance .content .support ul li.last{
    float:right;
}

.info .substance .content .products{
    border-bottom:#efefef solid 1px;
    border-top:#efefef solid 1px;
    width: 96%;
    text-align: left;
    font-size: 14px;
    margin: 0 auto;
    padding:10px;
}
.info .substance .content .products table{
    border-collapse:collapse;
}
.info .substance .content .products td{
    border:#7c7c7c solid 1px;
    border-collapse:collapse;
    font-size:14px;
    color:#323232;
    vertical-align:middle;    
}
.info .substance .content .products td .proname{
    color:#4d6de6;
    text-decoration:underline;
}
.info .substance .content .products td .proimg{
    width:40px;
    height:40px;
    float:left;
    margin-left:5px;
}
.info .substance .content .products td .proview{
    width:20px;
    height:20px;
    float:left;
    margin-top:10px;
    margin-left:5px;
}
.info .substance .content .products td span{
    display:block;
    float:left;
    margin-top:10px;
    margin-left:5px;
}


.substance .content .join{
    width: 96%;
    font-size: 14px;
    margin: 23px auto;
    padding:10px;
    height:300px;
    overflow:hidden;
}
.substance .content .join .joinleft
{
    width:600px;
    float:right;
    padding-top:20px;
}
.substance .content .join .joinleft .form div
{
    min-height:40px;
    overflow:hidden;
}
.substance .content .join .joinleft .form span
{
    width:160px;
    color:#525252;
    font-size:16px;
    float:left;
    line-height:40px;
    text-align:right;
}
.substance .content .join .joinleft .form input
{
    width:350px;
    border:1px solid #b5b5b5;
    border-radius:5px;
    height:30px;
    margin-top:5px;
    float:left;
}
.substance .content .join .joinleft .form input.code{
    width:100px;
    float:left;
}
.substance .content .join .joinleft .form .area
{
    width:350px;
    border:1px solid #b5b5b5;
    border-radius:5px;
    height:60px;
    margin-top:5px;
    float:left;
}
.substance .content .join .joinleft .sub
{
    width:186px;
    height:43px;
    line-height:40px;
    margin-left:160px;
    margin-top:10px;
    background:url(../images/joinbtn.jpg);
    border-radius:5px;
    font-size:16px;
    color:#fff;
    cursor:pointer;
}
.substance .content .join .joinright
{
    width:600px;
    height:300px;
    float:left;
    text-align:left;
    border-right:1px solid #e3e3e3;
    padding-top:20px;
    font-size:16px;
    color:#323232;
    line-height:220%;
}
.substance .content .join .joinright b{
    font-size:20px;
    color:#323232;
}
.info .substance .content .aboutus .ptou{
    border-bottom:1px solid #efefef;
    height:100px;
    margin-bottom:40px;
    position:relative;
}
.info .substance .content .aboutus .ptou .title{
    text-align:center;
    color:#525252;
    font-size:24px;
    line-height:100px;
}
.info .substance .content .aboutus .ptou .title span{
    border-bottom:2px solid #ff0000;
}
.info .substance .content .aboutus .ptou .return a{
    position:absolute;
    line-height:100px;
    font-size:18px;
    text-align:center;
    color:#525252;
    right:20px;
    bottom:0;
}
.info .substance .content .aboutus .jieshao{
    width:100%;
    overflow:hidden;
    margin:0 auto 5% auto;
}
.info .substance .content .aboutus .jieshao .jleft{
    width:375px;
    float:left;
    text-align:left;
}
.info .substance .content .aboutus .jieshao .jright{
    float:left;
    margin-left:40px;
    text-align:left;
}
.info .substance .content .aboutus .jieshao .jright span{
    display:block;
    height:300px;
}
.info .substance .content .aboutus .jieshao .jright a{
    display:block;
    width:156px;
    height:43px;
    line-height:43px;
    color:#fff;
    text-align:center;
    padding-left:30px;
    background:url('../images/join.jpg') no-repeat center;
}

.bottom{
    width:100%;
    margin:0 auto;
    text-align:center;
    border-bottom:1px solid #525252;
}
.bottom img{
    width:61px;
    height:23px;
}