﻿/*
* name:Global && Pc StyleSheet
* version:v3.3.1
* update:雪碧图对齐
* date:2016-04-30
*/

/* 雪碧图 */
/*引入特殊字体*/
@font-face {
    font-family: 'hero_lightlight';
    src: url('../fonts/hero_light-webfont_1.woff2') format('woff2'),
    url('../fonts/hero_light-webfont_1.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.navb{
	/*width: 1280px !important;*/
}
/*时间延迟*/
.delay100 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
.delay200 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.delay300 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.delay400 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.delay500 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.delay600 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.delay700 { -webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
.delay800 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.delay900 { -webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.delay1000 { -webkit-animation-delay: 1s; animation-delay: 1s;}
.delay1200 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.delay1400 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s;}
.delay1600 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s;}
.delay1800 { -webkit-animation-delay: 1.8s; animation-delay: 1.8s;}
.delay2000 { -webkit-animation-delay: 2s; animation-delay: 2s;}
.delay2400 { -webkit-animation-delay: 2.4s; animation-delay: 2.4s;}
.delay3000 { -webkit-animation-delay: 3s; animation-delay: 3s;}



/* 常量设置 */

.wrap { width:1200px; margin-right:auto; margin-left:auto;}



/*关于我们-发展历程*/


.fazhanpic{background: url(licheng_bac_03_1.jpg) repeat-y;position: relative}
.licheng_cell{width: 530px;background: #F6F6F6;position: absolute;}
.licheng_cell.l:after{content: '';position: absolute;right: -32px;top: 31px;border: 18px solid;border-color:transparent transparent transparent #F6F6F6 }
.licheng_cell.r:before{content: '';position: absolute;left: -32px;top: 31px;border: 18px solid;border-color:transparent #F6F6F6  transparent transparent}
.licheng_cell.l .licheng_area{padding: 10px 40px 20px 40px}
.licheng_cell.r .licheng_area{padding: 10px 40px 20px 40px}
.licheng_year{font-size:36px;color: #065bd0;line-height: 2em}
.licheng_dec{font-size: 15px;line-height: 1.8em}
.licheng_cell.l {text-align: right}
.licheng_cell.r {text-align: left}


.fazhan_part01_left .getmore{position: absolute;top: 83.5%}
.licheng_cell:hover{background:#065bd0;color: #ffffff }
.licheng_cell:hover .licheng_year{color: #ffffff}
.licheng_cell.l:hover:after{border-color:transparent transparent transparent #065bd0 }
.licheng_cell.r:hover:before{border-color:transparent  #065bd0 transparent transparent}

/*ajax-历程*/
.ajax_licheng .licheng_cell{position: relative}
.ajax_licheng .right_area{display: inline-block;width: 44%;margin-top:20px; height:110px;}
.ajax_licheng .left_area{display: inline-block;width: 44%;margin-top:20px; height:110px;}
.ajax_licheng{position: relative}
.ajax_licheng .right_dian{position: absolute;right: 50%;margin-right: -8px;top: 75px;width: 16px;height: 16px;background: url("../images/licheng_dian_1.png")}
.ajax_licheng .left_dian{position: absolute;left: 50%;margin-left: -8px;top: 125px;width: 16px;height: 16px;background: url("../images/licheng_dian_1.png")}
.ajax_licheng .red_dian{background-position: -16px 0}
 
     
body{overflow: hidden}
 