body{background:url("/yinghai/images/bg-time.jpg") no-repeat;background-size:cover}
.c-1{color:#f60}
.main-licheng{width:100%;overflow:hidden;margin:0 auto}
.about .about-body {overflow: hidden;}
.about .about-body{display: table-cell; vertical-align: top; width:10000px; overflow: hidden;}
.about .about-body .about-title h1{ font-size:36px;text-align: center;font-weight: 600;color: #000;padding: 20px 0; margin-bottom: 80px;border-bottom: 1px solid #ddd;background: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    box-shadow: 0 0 8px rgba(0, 0, 0, .3)}

.about .about-body .about-title .help-block{ color: #cbcbcb; font-size: 20px;}
.about .about-body .about-content{ position: relative; color: #666;line-height: 180%; font-size: 16px;padding-left: 20px;}
.about .about-body .about-content p{text-indent: 2em; line-height: 22px; font-size: 16px;}
/**
 * 发展历程
*/
.process-timeline{ height: 625px; width: 100%; position: relative; overflow:hidden;}
.process-timeline:after{content:"";position:absolute;top:48%;left:0;margin-left:0;background:url('/yinghai/images/development_timeline.png') repeat-x; height:15px; width:100%; display:block}
.process-timeline .process-body{ position: relative; height: 100%; margin-left: 0;}
.process-timeline .process-row{ cursor:move; display: inline-block; width: 200px; float: left; margin: 0;  position: relative; height: 625px;overflow:hidden;}
.process-timeline .process-row .process-time{ position: absolute; top: 48.7%; left: 35.5%; -wekit-top:48.8%;}
.process-timeline .process-row .process-time .time-con{ position: relative; text-align: center; }
.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: 100px; color: #666; }
.process-timeline .process-row .process-time .time-con .year{ position: absolute; z-index: 10; font-size: 18px; color:#fff; padding: 60px 0 0 14px;}
.process-timeline .process-row .process-time .time-con .bgcolor{ position: absolute; border-radius: 100%;  margin-top: 48px; margin-left: 10px; width: 50px; height: 50px; 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: #ff6600;}


.process-timeline .process-row .process-noyear { position: absolute; top: 43%; width: 200px; text-align: center; font-size: 20px;}
.process-timeline .process-row .process-content{padding-bottom: 40px; }
.process-timeline .process-row .process-content h2{ font-size: 14px; text-align: center;font-weight:600;line-height: 22px;margin-bottom: 10px}
.process-timeline .process-row .process-content p{text-indent: 0 !important; font-size: 12px !important; overflow: hidden; white-space:normal; }

.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: 25px 0 0 14px;}
.process-timeline .process-row:nth-child(even) .process-noyear { top:53%}
.process-timeline .process-row:nth-child(even) .process-content{padding-top: 380px; 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: 15px; margin-left: 10px;}

.scrollMouse{margin-top:30px;text-align: center;}
.scrollMouse #processLeft,
.scrollMouse #processRight{cursor: pointer;font-size:40px;font-weight:600;color:#06c}