/**
 * common
*/
/* body { font-family: "微软雅黑","Helvetica Neue",Helvetica,Arial,sans-serif}
input,button{ outline: none}
input:active,button:active{outline:none;}
::-moz-focus-inner{outline:none;}
ul,li,dl,dt,dd,ol{list-style: none; margin: 0; padding: 0;}
hr{ border-color:#D0D0D0;}
a{outline:none;}
a:hover,a:focus{outline:none;text-decoration: none;}
.color-349aff{color:#349aff;}
.color-ffcc33{color:#ffcc33;}
.color-fe9900{color:#fe9900;}
.pr{ position: relative;}
.pa{position: absolute;}
.pd-15{ padding-bottom: 15rem;}
.pb-50{padding-bottom: 50rem;}
.pt-15{ padding-top: 15rem;}
.mb-50{margin-bottom: 50rem;} */

.overT3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.about .about-body {overflow: hidden;}
.about .about-body{display: table-cell; vertical-align: top; width:10000rem; overflow: hidden;}
.about .about-body .about-title h1{ font-size:30rem; color: #666; }

.about .about-body .about-title .help-block{ color: #cbcbcb; font-size: 20rem;}
.about .about-body .about-content{ position: relative; color: #666;line-height: 180%; font-size: 16rem; padding-bottom: 200rem;}
.about .about-body  .tree-bg{ background: url('../img/about_tree_bg.png') no-repeat right bottom;}
.about .about-body .about-content p{  color: #666; text-indent: 2em; line-height: 180%; font-size: 16rem;}
/**
 * 发展历程
*/
.process-timeline{ height: 835rem; width: 100%; position: relative; overflow:hidden;}
/* .process-timeline:after{content:"";position:absolute;top:48%;left:0;margin-left:0;background:url('../img/development_timeline.png') repeat-x; height:15rem; width:100%; display:block} */
.process-timeline .process-body{ position: relative; height: 100%; margin-left: 0;display: flex;}
.process-timeline .process-row{ 
    /* cursor:pointer;  */
    display: inline-block;
     width: 250rem;
      float: left;
       margin: 0;  
       position: relative;
        height: 707rem;}
.process-timeline .process-row:nth-child(odd){
    background-image: url(../image/about/xian2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.process-timeline .process-row:nth-child(even){
    background-image: url(../image/about/xian3.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.process-timeline .process-row:first-child{
    background-image: url(../image/about/xian1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.process-timeline .process-row:last-child{
    background-image: url(../image/about/xian5.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.process-timeline .process-row .dian {
    text-align: center;
}
.process-timeline .process-row:nth-child(odd) .process-time{ position: absolute; top: 55%; left: 50%;transform: translateX(-50%);}
.process-timeline .process-row:nth-child(even) .process-time{ position: absolute; top: 25%; left: 50%;transform: translateX(-50%);}
.process-timeline .process-row .process-time .time-con{ position: relative; text-align: center; background-image: url(../image/about/yuan.png);background-repeat: no-repeat;height: 150rem;width: 150rem;background-size: 100%;line-height: 150rem;font-size: 36rem;color: #2351af;background-color: #FAF9F1;border-radius: 50%;}
.process-timeline .process-row .process-time .time-con .pic{position: absolute; z-index: 1;}
.process-timeline .process-row .process-time .time-con .pic i{ font-size: 100rem; color: #666; }
.process-timeline .process-row .process-time .time-con .year{ position: absolute; z-index: 10; font-size: 20rem; color:#fff; padding: 50rem 5rem 0 5rem;}
.process-timeline .process-row .process-time .time-con .bgcolor{ position: absolute; border-radius: 100%;  margin-top: 48rem; margin-left: 10rem; width: 40rem; height: 40rem; z-index: 5;}

.process-timeline .process-row .process-time .time-con .bgcolor.red{ background: red;}
.process-timeline .process-row .process-time .time-con .bgcolor.blue{ background: #3399fe;}
.process-timeline .process-row .process-time .time-con .bgcolor.orange{ background: #ff9900;}

.process-timeline .process-row .process-time .time-con .red i{ color: red;}
.process-timeline .process-row .process-time .time-con .blue i{ color: #3399fe;}
.process-timeline .process-row .process-time .time-con .orange i{ color: #ff9900;}


.process-timeline .process-row .process-noyear { position: absolute; top: 43%; width: 200rem; text-align: center; font-size: 20rem;}
.process-timeline .process-row .process-content{}
.process-timeline .process-row .process-content h2{ font-size: 24rem; text-align: center;color: #004689;margin: 13rem 0 20rem;}
.process-timeline .process-row .process-content p{font-size: 16rem; color: #656665;text-align: center;margin: 8rem 0 20rem;height: 63rem;}

/* .process-timeline .process-row:nth-child(even) .process-time{ top: 33.7%;} */
.process-timeline .process-row:nth-child(even) .process-time .time-con .year{ padding: 15rem 0 0 5rem;}
.process-timeline .process-row:nth-child(even) .process-noyear { top:53%}
.process-timeline .process-row:nth-child(even) .dian{padding-top: 307rem; padding-bottom: 0;}
.process-timeline .process-row:nth-child(odd) .process-time .time-con .pic i{-moz-transform:scaleY(-1); -webkit-transform:scaleY(-1); -o-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV();/*垂直翻转*/
}
.process-timeline .process-row:nth-child(even) .process-time .time-con .bgcolor{ margin-top: 15rem; margin-left: 10rem;}

.scrollMouse i{color: #b5b5b5; display: inline-block;margin: 0 5rem; vertical-align: middle;}
.scrollMouse #processLeft,
.scrollMouse #processRight{cursor: pointer;}
.scrollMouse i:hover{ color: #666;}