/**
 * 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: 15px;}
.pb-50{padding-bottom: 50px;}
.pt-15{ padding-top: 15px;}
.mb-50{margin-bottom: 50px;}


.about .about-body {overflow: hidden;}
.about .about-body{display: table-cell; vertical-align: top; width:10000px; overflow: hidden;}
.about .about-body .about-content{ position: relative; color: #666;line-height: 180%; font-size: 16px;}
.about .about-body  .tree-bg{ background: url('../images/about_tree_bg.png') no-repeat right bottom;}
.about .about-body .about-content p{  color: #666; text-indent: 2em; line-height: 180%; font-size: 16px;}
/**
 * 发展历程
*/
.process-timeline{ height: 400px; width: 100%; position: relative; overflow:hidden;}
.process-timeline:after{content:"";position:absolute;top:50%;left:0;margin-left:0;background:url(../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: 330px; float: left; margin: 0;  position: relative; height: 420px;}
.process-timeline .process-row .process-time{ position: absolute; top: 47.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: 14px; color:#fff; padding: 0px 0px 0 13px; font-weight:bold;}
.process-timeline .process-row .process-time .time-con .bgcolor{ position: absolute;  margin-top: -16px; margin-left: 10px; width: 40px; height: 49px; z-index: 5;}

.process-timeline .process-row .process-time .time-con .bgcolor.red{ background:url(../images/his_bc1.png);}
.process-timeline .process-row .process-time .time-con .bgcolor.blue{ background:url(../images/his_bc2.png);}

.process-timeline .process-row .process-content{ position:absolute;left:50%; margin-left:-315px;top:5px; width:630px;}
html[lang="en"] .process-timeline .process-row .process-content{width:650px;margin-left:-325px;top:0px}
.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: 12px !important; overflow: hidden; color: #ddd; white-space:normal; line-height:20px; margin-bottom:3px; }
html[lang="en"] .process-timeline .process-row .process-content p{font-size: 11px !important; line-height:13px;}
.process-timeline .process-row .process-content p strong{ font-size:12px; color:#fff; font-weight:bold;}
.process-timeline .process-row:nth-child(even) .process-time{ top: 25.7%;}
.process-timeline .process-row:nth-child(even) .process-time .time-con .year{ padding: 90px 0 0 13px;}
.process-timeline .process-row:nth-child(even) .process-noyear { top:53%}
.process-timeline .process-row:nth-child(even) .process-content{padding-top: 240px; 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: 75px; margin-left: 10px;}

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