@charset "utf-8";

/**
 *Global Style
 * @author:  elaine, v_elainelv@tencent.com
 * @lastUpdate: 2014-04-18
**/

.index { position: relative; width: 1260px; height: 539px; margin: 0px auto; border-bottom: 1px solid #b2b2b2; overflow: hidden;}
.solgan { position: absolute; top: 120px; left: 0px; width: 450px; height: 121px; padding: 59px 0px 0px 90px; color: #132488;}
.solgan h2 { margin-bottom: 10px; font-size: 36px;}
.solgan h3 { font-size: 18px; letter-spacing: 10px;}
.index a { position: absolute; display: block; cursor: pointer;}
.index a.img-01 { top: 0px; left: 0px; width:360px; height: 120px; overflow: hidden;}
.index a.img-02 { top: 0px; left: 360px; width: 271px; height: 120px; overflow: hidden;}
.index a.img-03 { top: 0px; left: 631px; width: 270px; height: 120px;}
.index a.img-04 { top: 300px; left: 0px; width: 270px; height: 239px;}
.index a.img-05 { top: 300px; left: 270px; width: 270px; height: 239px;}
.index a.img-06 { top: 420px; left: 270px; width: 270px; height: 120px;}
.index a.img-07 { top: 300px; left: 540px; width: 180px; height: 239px;}
.index a.img-08 { top: 300px; left: 720px; width: 181px; height: 119px;}
.index a.img-09 { top: 419px; left: 720px; width: 181px; height: 120px;}
.index .img { position: relative; width: 150px; height: 59px;}
.index a.img-01 .img { top: -93px; left: 100px;}
.index a.img-02 .img { top: -93px; left: 56px;}
.index a.img-03 .img { top: -93px; left: 60px;}
.index a.img-04 .img { top: -146px; left: 60px;}
.index a.img-05 .img { top: -92px; left: 56px;}
.index a.img-06 .img { top: -87px; left: 56px;}
.index a.img-07 .img { top: -146px; left: 15px;}
.index a.img-08 .img { top: -92px; left: 16px;}
.index a.img-09 .img { top: -93px; left: 10px;}
.index .opacity-bg { position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; background-color: #0b0d5a; opacity: 0.5; filter: alpha(opacity=50); text-align: center;}
.index .opacity-bg1 { background-color: #ffeb21; opacity: 0.8; filter: alpha(opacity=80);}
.photo-big { position: absolute; top: 0px; right: 0px; width: 359px; height: 539px; background: url(images/img_bg-right.jpg) no-repeat;}
.title { position: absolute; top: 120px; right: 0px; z-index: 1; width: 720px; height: 145px; padding-top: 35px; cursor: pointer;}
.title h3 { position: relative; padding: 5px 0px 0px 32px; margin-bottom: 20px; font-size: 18px;}
.title p { text-align: right;}
.title p span { font-size: 11px;}
.title-01 { background: url(images/index_bg_blue.jpg) no-repeat; color: #fff;}
.title-01 h3, .title-01 h3 ins { background: url(images/ico_03.png) no-repeat;}
.title-01 h3 ins { position: absolute; bottom: -7px; right: -25px; display: block; width: 22px; height: 18px; background: url(images/ico_04.png) no-repeat;}
.title-01 .w360 { width: 270px; padding-left: 36px;}
.title-01 p, .title-01 h3 { margin-right: 6px;}
.title-02 { padding-top: 25px; height: 155px; background: url(images/index_bg_yellow.jpg) no-repeat; color: #443e00;}
.title-02 h3, .title-02 h3 ins { background: url(images/ico_01.png) no-repeat;}
.title-02 h3 ins { position: absolute; bottom: -5px; right: -28px; display: block; width: 22px; height: 18px; background: url(images/ico_02.png) no-repeat;}
.title-02 p, .title-02 h3 { margin-right: 68px;}
.title-02 .w360 { width: 334px; padding-left: 26px;}
.people { position: absolute; z-index: 10; bottom: 0px;}
.peo-01 { width: 385px; height: 482px; background: url(images/people_eim_02.png) no-repeat;}
.peo-02 { width: 450px; height: 482px; background: url(images/people_eim_01.png) no-repeat;}
.peo-03 { width: 379px; height: 478px; background: url(images/people_crm_05.png) no-repeat;}
.peo-04 { width: 326px; height: 478px; background: url(images/people_crm_03.png) no-repeat; left: 20px;}
.peo-05 { width: 323px; height: 482px; background: url(images/people_eim_03.png) no-repeat; left: 20px;}
.peo-06 { width: 365px; height: 483px; background: url(images/people_crm_02.png) no-repeat;}
.peo-07 { width: 430px; height: 483px; background: url(images/people_crm_01.png) no-repeat;}
.peo-08 { width: 335px; height: 498px; background: url(images/people_crm_04.png) no-repeat; left: 12px;}
.peo-09 { width: 355px; height: 482px; background: url(images/people_eim_04.png) no-repeat; left: 6px;}