{include file="home/public/header" /}
<title>关于我们</title>

<style>

    .wrapper{padding-top: 120px;}
    .line{border: 0;height: 1px;background-color: #e4e4e4;}
    nav {width:960px;line-height:110px;margin:0 auto;}
    nav li{float: left;color:#6f6f6f;font-size:16px;margin-right:75px;height: 80px;}
    nav li.on{border-bottom:3px solid #1e78e7;}
    nav li a{text-decoration: none;color:#6f6f6f;}
    section{width: 880px;margin: 45px auto 0;padding: 0 40px;}
    h1{color:#2e2e2e;font-size:24px;text-align: center;}
    .common-footer{margin-top:123px;}

    h2{color:#5a5959;font-size:22px;text-align:center;font-weight:normal;margin-bottom:39px;}
    section.info-sec{width:960px;margin:0px auto;font-size:14px;margin-top:100px;}
    .info-sec p,.info-sec li{color:#5a5959;margin-bottom:9px;}

    section.info-sec-1{ text-align:center;margin-top:100px;}
    section.info-sec-2{margin-top:150px;}
    section.info-sec-3{margin-top:150px;text-align:center;}
    .info-sec-1 .f22{font-size:22px;}

    .timeline{width:463px;position:relative;}
    .timeline2{margin-left:484px;margin-top:15px;}
    .timeline3{margin-top:-55px;}
    .timeline4{margin-left:484px;margin-top:-55px;}
    .timeline5{margin-top:35px;}
    .timeline6{margin-top:-52px;}
    .timeline8{margin-top:-50px;}
    .timeline .title{position:relative;padding-bottom:12px;background: url('/static/common/img/dotted-x.jpg') repeat-x left bottom;}
    .timeline .title img{vertical-align: text-bottom;padding-right:13px;}
    .timeline .title .title-text{
        padding-right: 12px;
        font-size: 36px;
        display: inline-block;
        line-height: 34px;
        color: #7e7e7e;
        height: 36px;
        font-weight: bolder;
    }
    .info-sec-4 .title .title-text{font-size: 27px;}
    .info-sec-4 .timeline2,.info-sec-4 .timeline4{margin-top: 25px;}
    .info-sec-4 .timeline3{margin-top: -2px;}
    .info-sec-4 .timeline5{margin-top: 60px;}
    .info-sec-4 .timeline6{margin-top: 45px;}
    .timeline .title .corner{position:absolute;width:13px;height:9px;bottom:0;}
    .timeline1 .title .corner,.timeline3 .title .corner{right:-12px;background:url('/static/common/img/dotted-left.jpg');}
    .timeline2 .title .corner,.timeline4 .title .corner,.timeline7 .title .corner{left:-13px;background:url('/static/common/img/dotted-right.jpg');}
    .timeline .title .num{font-size:28px;margin-right:20px;color:#7e7e7e;}
    .timeline li{padding-left:20px;}
    .info-sec-4 .timeline li{padding-right: 94px;}

    .tipline{width:3px;position:absolute;top:-93px;}
    .timeline2 .tipline,.timeline4 .tipline,.timeline7 .tipline{left:-13px;}
    {right:-13px;}
    .timeline1 .tipline,.timeline3 .tipline,.timeline5 .tipline{right:-13px;}
    .timeline2 .tipline,.timeline3 .tipline,.timeline4 .tipline{top:-57px;}
    {right:-13px;}
    /*.timeline5 .tipline{top: -142px;}*/
    .tipline:after{content:"";height:13px;width:13px;background:#3988ea;position:absolute;top:-8px;left:-5px;}
    .timeline1 .tipline:after{height:0;width:0;}
    .tipline:after,.radius1000{
        -webkit-border-radius:1000px;
        -moz-border-radius:1000px;
        -o-border-radius:1000px;
        border-radius:1000px;
    }
    .tipline .head{width:13px;height:13px;background:#1e78e7;}
    .tipline .tail{height:97px;background:url('/static/common/img/dotted-y.jpg');}
    .timeline1 .tipline .tail,.timeline5 .tipline .tail{height:133px;}

    .members{margin-top:10px;margin-bottom:20px;}
    .members .mr1{margin-right:223px;*margin-left:120px;}
    .members .mr2{margin-right:46px;}
    .members .member.bigger{width:223px;*margin-bottom:70px;}
    .members .member{width:184px;display:inline-block;*display:block;*float:left;}
    .members .photo{width:184px;height:184px;margin-bottom:20px;position:relative;overflow:hidden;/*background:url('/static/w3-img/people.jpg?1398563117') no-repeat;*/}
    .members .member .mltitle{font-size:20px;text-align:center;color:#5B5B5B;line-height:24px;}
    .members .member .msub{font-size:14px;text-align:center;color:#646464;}
    .members .ty{width:223px;height:223px;background:url('/static/common/img/ty.jpg');}
    .members .zxs{width:223px;height:223px;background:url('/static/common/img/zxs.jpg');}
    .members .zjp{width:223px;height:223px;background:url('/static/common/img/zjp.jpg');}
    .members .zsc{background:url('/static/common/img/zsc.jpg');}
    .members .lzw{background:url('/static/common/img/lzw.jpg');}
    .members .lxl{background:url('/static/common/img/lxl.jpg');*margin-left:20px;}
    .members .wl{background:url('/static/common/img/wl.jpg');}

    .members .photo .cover{position:absolute;top:0;left:0;opacity:0.8;display:none;}
    .members .photo.on .cover{top:0px;}

    .timeline7 {
        margin-left: 484px;
        margin-top: -75px;
    }
    .timeline7 .tipline .tail{height: 130px;}
    .timeline3.timeLineNew3 .tipline{
        top: -40px;
    }
    .timeline3.timeLineNew3 .tipline .tail{height: 80px;}
    .timeline5 .tipline{top: -40px;}
    .info-sec-4 .timeline5  .tipline{top: -93px;}

    .timeline9{margin-top:-15px}

    .timeline5 .tipline .tail{height:100px;}
    
    
    .common-header{
        margin-left: -560px;
    }
    .common-header li .service.business .down-list{
        left: -3px;
    }
    

</style>
</head>
<body class="white-bg">
{include file="home/public/nav_bar" /}


<div class="wrapper">
    <p class="line"></p>
    <nav>
        <ul class="clearfix">
            {volist name="list" id="vo"}
            <li class="{if $id==$vo.id}on{/if}"><a href="/aboutus/us/article/{$vo.id}.html">{$vo.title}</a></li>
            {/volist}
        </ul>
    </nav>
    {if !empty($us)}
    <section class="info-sec info-sec-1">
        {:htmlspecialchars_decode($us.content)}
    </section>
    {/if}



</div>

{include file="home/public/footer" /}

<script>
    $(function(){
        $('.common-header .aboutuson').addClass('on');
    });
</script>