﻿.his_b{display: none;}

.process-timeline{height: 430px;width: 100%;position: relative;overflow:hidden;}
.process-timeline:after{content:"";position:absolute;top: 49%;left:0;margin-left:0;height: 3px;width:100%;display:block;background: #379f40;}
.process-timeline .process-body{ position: relative; height: 100%; margin-left: 0;}
.process-timeline .process-row{cursor:move;display: inline-block;width: 7.68999%;float: left;margin: 0;position: relative;height: 488px;overflow:hidden;}
.process-timeline .process-row .process-time{position: absolute;top: 41%;left: 19.6%;-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: 20px;color:#383c86;padding: 28px 5px 0 5px; font-weight: bold;}
.process-timeline .process-row .process-time .time-con .bgcolor{position: absolute;border-radius: 100%;margin-left: 20px;margin-top: 4px;width: 15px;height: 15px;z-index: 5;}

.process-timeline .process-row .process-time .time-con .bgcolor.blue{ background: #383c86;}
.process-timeline .process-row .process-time .time-con .bgcolor.green{ background: #379f40;}

.process-timeline .process-row .process-time .time-con .blue i{ color: #383c86;}
.process-timeline .process-row .process-time .time-con .green i{ color: #379f40;}


.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: 0;}
.process-timeline .process-row .process-content:after{content: "";position: absolute;top: 138px;left: 48px;height: 80px;width: 1px;background: #ccc;}
.process-timeline .process-row .process-content h2{ font-size: 16px; text-align: center;}
.process-timeline .process-row .process-content p{text-indent: 0 !important;font-size: 16px !important;height: 138px;overflow: hidden;color: #383c86;white-space:normal;line-height: 23px;display: flex;align-items: flex-end;}

.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: 10px 0 0 5px;}
.process-timeline .process-row:nth-child(even) .process-noyear { top:53%}
.process-timeline .process-row:nth-child(even) .process-content{padding-top: 290px;padding-bottom: 0;position: relative;}
.process-timeline .process-row:nth-child(even) .process-content p{align-items: flex-start}
.process-timeline .process-row:nth-child(even) .process-content:before{content: "";position: absolute;top: 205px;left: 44.2px;height: 80px;width: 1px;background: #ccc;}
.process-timeline .process-row:nth-child(even) .process-content:after{display: none;}
.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: 40px;margin-left: 16px;}

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


@media (max-width: 1200px) {
	.his_a{display: none;}
	.his_b{display: block;}
}