.h1{
    width:100%;
    float:left;
    text-align:center;
}
.h1 .cn{
    font-size:24px;
    color:#0c55a4;
    height:30px;
    line-height:30px;
}
.h1 .cn em{
    display:inline-block;
    padding:0 40px;
    position:relative;
    margin-top:40px;
    border-top:1px solid #e8e8e8;
}
.h1 .cn em span{
    padding:0px 15px;
     display:inline-block;
    background:#fff;
    margin-top:-20px;
}
.h1 .en{
    font-size:12px;
    margin-top:20px;
    color:#bbb;
}
.about-box {
    width: 100%;
    float: left;
    /* height: 410px; */
    margin-top: 25px;
    /* margin-bottom: 80px; */
}

.about-box .line {
    display: inline-block;
    width: 40px;
    height: 25px;
    clear: both;
    border-top: 2px solid #0c55a4;
    margin-top: 20px;
}
.about-box .pl{
    width:600px;
    float:left;
}
.about-box .pl .com{
}
.about-box .pl .intro {
    margin-top: 10px;
    line-height: 25px;
    color: #747474;
}
.about-box .pl .subc{
    width:100%;
    float:left;
    margin-top:20px;
}
.about-box .pl .subc a{
    display:inline-block;
    width:160px;
    height:36px;
    text-align:center;
    line-height:36px;
    border:1px solid #c8c8c8;
    margin-right:8px;
    margin-bottom:8px;
    color:#777777;

}

.about-box .pr {
    float: right;
    width: 543px;
    height: 317px;
    overflow:hidden;
    position: relative;
}
.about-box .pr .bt{
    display:inline-block;
    width:47px;
    height: 47px;
    position:absolute;
    z-index:10;
    background:#0c55a4;
    color: #fff;
    bottom: 0;
    left: 0;
    font-size: 30px;
    line-height: 47px;
    text-align: center;
}
.about-box .pr .bt.r{
    left: 47px;
    background: #2C3035;
}
.about-box .pr .imgs{
    float:left;
    height:317px;
}
.about-box .pr .imgs img{
    width:543px;
    height:317px;
    float:left;
}


.product-box {
    width: 100%;
    float: left;
    /* height: 410px; */
    color: #fff;
}
.product-box .tab{
    width:100%;
    float:left;
    margin-top:20px;
    text-align:center;
}
.product-box .tab a {
    display: inline-block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #fff;
    color: #0c55a4;
    margin-right: 25px;
}

.product-box .tab a:hover,
.product-box .tab a.on {
    background: #0c55a4;
    border-color: #0c55a4;
    color:#fff;
}

.product-box .pu {
    width: 100%;
    float: left;
    margin-top: 25px;
    height: 350px;
    overflow: hidden;
}

.product-box #plist {
    float: left;
    height: 350px;
}

.product-box ul.pl {
    width: 1200px;
    float: left;
}


.product-box ul.pl li {
    width: 280px;
    height: 330px;
    float: left;
    background:url(../images/proli-bg.jpg) no-repeat center;
    padding:10px;
}

.product-box ul.pl li img {
    width: 250px;
    margin:0 15px;
    height: 250px;
    float: left;
}

.product-box ul.pl li .s1 {
    width: 250px;
    padding:0 15px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align:left;
}
.product-box ul.pl li .s2 {
    font-size:12px;
    color:#818181;
        width: 250px;
    padding:0 15px;
}
.news-box {
    width: 100%;
    float: left;
    margin-top: 50px;
    margin-bottom:50px;
}

.news-box .fl {
    width: 800px;
}

.news-box .fr {
    width: 385px;
}
.news-box .ns{
    width:360px;
    float:left;
    margin-right:40px;
}
.news-box .news-tit{
    width:338px;
    border-left:2px solid #0c55a4;
    padding-left:10px;
    float:left;
    height:36px;
}
.news-box .ntop{
    width:100%;
    float:left;
    margin-top:30px;
}
.news-box .ntop img{
    width:100%;
    float:left;
    height:118px;
}
.news-box .news-tit .cn{
    font-size:16px;
    line-height:20px;
    height:16px;
    float:left;
    clear:both;
    color:#232323;
}
.news-box .news-tit .en{
    width:100%;
    font-size:12px;
    line-height:12px;
    height:12px;
    margin-top:8px;
    color:#d2d2d2;
    float:left;
    clear:both;
}
.news-box .news-tit .en a{
    float:right;
    color:#232323;
}
.news-box .newslist{
    width:100%;
    float:left;
    margin:30px 0px;
}
.news-box .newslist li{
    width:345px;
    float:left;
    clear:both;
    height:30px;
    line-height:30px;
    background:url("../images/news-li.jpg") left center no-repeat;
    padding-left:15px;
    font-size:12px;
}
.news-box .newslist li .s1{
    width:270px;
    float:left;
    overflow:hidden;
    height:30px;
    line-height:30px;
    color:#4f4f4f;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.news-box .newslist li .s2{
    width:70px;
    float:right;
    overflow:hidden;
    height:30px;
    line-height:30px;
    color:#c1c1c1;
    text-align:right;
}

.news-box .ns.nr{
    width:400px;
    float:right;
    margin-right:0;
}
.news-box .ns.nr .asklist{
    width:100%;
    float:left;
}
.news-box .ns.nr .asklist li{
    width:100%;
    float:left;
}
.news-box .ns.nr .asklist li .a1{
    width:370px;
    background:url(../images/icon-ask.jpg) left center no-repeat;
    padding-left:30px;
    color:#2d2d2d;
    float:left;
    height:20px;
    line-height:20px;
    margin-bottom:10px;
    clear:both;
}
.news-box .ns.nr .asklist li .a2{
    width:370px;
    background:url(../images/icon-ans.jpg) 0px 2px no-repeat;
    padding-left:30px;
    color:#898989;
    float:left;
    line-height:24px;
    margin-bottom:30px;
    clear:both;
    height:80px;
}
.news-box .ns.nr .asklist li.li1{
    border-bottom:1px dashed #b6b6b6;
    margin:20px 0px;
}