@charset "UTF-8";
.clearfix { *height: auto; }

body { background: #f8f9fb; }

.main_tt { position: relative; text-align: center; padding: 31px 0 40px; }
.main_tt h3 { text-align: center; color: #232323; font-size: 22px; line-height: 32px; font-weight: normal; }
.main_tt h3 span { display: inline-block; position: relative; }
.main_tt h3 span:before, .main_tt h3 span:after { position: absolute; content: ''; width: 28px; height: 1px; background: #e5e5e5; top: 50%; }
.main_tt h3 span:before { left: -40px; }
.main_tt h3 span:after { right: -40px; }
.main_tt p { color: #bbb; font-size: 12px; text-transform: uppercase; }

.main_box { position: relative; height: 580px; overflow: hidden; }
.main_box .banner { position: relative; }
.main_box .banner .mask { position: absolute; width: 100%; left: 0; bottom: 0; z-index: 3; height: 129px; background: url(../img/index/banner_mask.png) center 0 no-repeat; }
.main_box .banner .hd ul { position: absolute; width: 100%; left: 0; text-align: center; bottom: 51px; font-size: 0; z-index: 5; }
.main_box .banner .hd li { display: inline-block; *display: inline; *zoom: 1; margin: 2px 9px; width: 4px; height: 4px; background: #fff; border: 2px solid transparent; border-radius: 50%; cursor: pointer; opacity: .75; filter: alpha(opacity=75); }
.main_box .banner .hd li.on { background: none; border-color: #fff; width: 8px; height: 8px; opacity: 1; margin: 0 9px; filter: alpha(opacity=100); }
.main_box .banner .bd { overflow: hidden; }
.main_box .banner .bd li { position: relative; float: left; display: inline; width: 100%; height: 580px; background-position: center; background-repeat: no-repeat; }
.main_box .banner .bd li img { width: 100%; height: 580px; }

.main_right { position: absolute; top: 40px; left: 50%; margin-left: 300px; width: 300px; height: 440px; background: #fff; background: rgba(255, 255, 255, 0.9); }
.main_right .login_in { padding: 37px 30px 0; }
.main_right .login_in .tit { height: 152px; text-align: center; }
.main_right .login_in .tit img { float: none; width: 60px; height: 60px; border-radius: 50%; margin-bottom: 13px; }
.main_right .login_in .tit .r { float: none; }
.main_right .login_in .tit p { line-height: 24px; color: #333; }
.main_right .login_in .btn { height: 36px; }
.main_right .login_in .btn a { float: left; width: 114px; line-height: 34px; color: #2e72db; border: 1px solid #2e72db; text-align: center; }
.main_right .login_in .btn a.on, .main_right .login_in .btn a:hover { color: #fff; background: #2e72db; }
.main_right .login_in .btn a.on { margin-right: 8px; }
.main_right .link { padding: 32px 30px 0; }
.main_right .link h3 { height: 26px; line-height: 26px; margin-bottom: 10px; }
.main_right .link h3 span { float: left; font-size: 14px; font-weight: bold; color: #333; }
.main_right .link h3 a { float: right; color: #666; font-weight: 400; font-size: 12px; }
.main_right .link h3 a i { font-family: "宋体"; }
.main_right .link h3 a:hover { color: #2e72db; }
.main_right .link li { line-height: 30px; }
.main_right .link .bd { height: 120px; overflow: hidden; }
.main_right .link .bd a { display: block; color: #333; padding-left: 20px; background: url(../img/index/icon.png) left 9px no-repeat; }
.main_right .link .bd a:hover { color: #2e72db; background-position-y: -18px; }

.index_news { background: url(../img/index/bg1.png) center bottom no-repeat; height: 574px; }
.index_news .tt { position: relative; line-height: 60px; border-bottom: 1px solid #f5f5f5; padding-left: 30px; }
.index_news .tt h4 { font-size: 16px; color: #333; font-weight: normal; }
.index_news .tt .more { position: absolute; line-height: 60px; top: 0; right: 0; color: #999; }
.index_news .tt .more b { padding-left: 3px; font-weight: normal; font-family: "宋体"; }
.index_news .tt .more:hover { color: #2e72db; }
.index_news .box { background: #fff; height: 400px; }
.index_news .news_l { width: 760px; }
.index_news .news_l .tt { margin-bottom: 25px; }
.index_news .info { width: 300px; padding: 0 30px; }
.index_news .info .pic { width: 300px; height: 200px; overflow: hidden; margin-bottom: 12px; }
.index_news .info .pic:hover img { transform: scale(1.1); }
.index_news .info img { width: 300px; height: 200px; transition: all 0.3s ease; }
.index_news .info .txt { color: #333; font-size: 16px; line-height: 26px; height: 52px; margin-bottom: 12px; }
.index_news .info .other { line-height: 20px; color: #999; }
.index_news .info .other i { display: inline-block; width: 20px; height: 16px; background: url(../img/index/icon.png) left -52px no-repeat; vertical-align: middle; }
.index_news .list { width: 330px; margin-left: 20px; padding: 0 25px; }
.index_news .list p { height: 57px; line-height: 57px; border-bottom: 1px dotted #e5e5e5; }
.index_news .list a { display: block; color: #666; font-size: 14px; }
.index_news .list a:before { display: inline-block; vertical-align: middle; margin-bottom: 4px; margin-right: 6px; content: ''; width: 0; height: 0; border: 3px solid transparent; border-left-color: #666; }
.index_news .list a:hover { color: #2e72db; }
.index_news .list a:hover:before { border-left-color: #2e72db; }
.index_news .news_r { width: 400px; }
.index_news .news_r .tt { margin-bottom: 20px; }
.index_news .news_r .tt .more { right: 20px; }
.index_news .news_r .info { padding: 0 30px; width: 340px; height: 105px; }
.index_news .news_r .info .pic { width: 140px; height: 105px; margin-right: 15px; overflow: hidden; }
.index_news .news_r .info img { width: 140px; height: 105px; }
.index_news .news_r .info .bot { width: 184px; padding-top: 3px; }
.index_news .news_r .info .txt { font-size: 14px; margin-bottom: 14px; }
.index_news .news_r .list { width: 340px; margin: 16px 30px 0; padding: 0; height: 175px; overflow: hidden; }

.index_part { position: relative; height: 513px; padding-top: 60px; background: url(../img/index/bg2.jpg) center 0 no-repeat; }
.index_part .w1200 { position: relative; }
.index_part .part_tt { position: absolute; left: 0; top: 0; width: 240px; padding-top: 20px; z-index: 10; }
.index_part .part_tt li { margin-left: 20px; padding-left: 20px; height: 100px; color: #fff; text-transform: uppercase; cursor: pointer; }
.index_part .part_tt li span { display: block; padding-top: 27px; font-size: 18px; margin-bottom: 13px; opacity: .75; filter: alpha(opacity=75); }
.index_part .part_tt li p { font-size: 12px; opacity: .3; filter: alpha(opacity=30); }
.index_part .part_tt li.on { background: url(../img/index/tt_bg.png) left center no-repeat; }
.index_part .part_tt li.on span { font-size: 20px; opacity: 1; filter: alpha(opacity=100); }
.index_part .part_tt li.on p { opacity: .5; filter: alpha(opacity=50); }

.part_con { position: relative; height: 453px; z-index: 9; background: #fff url(../img/index/part1_li.png) right bottom no-repeat; background-color: #fff; }
.part_con h4 { position: relative; color: #242c42; font-size: 16px; font-weight: normal; margin-bottom: 18px; padding-top: 20px; }
.part_con h4:before { position: absolute; left: 0; top: 0; content: ''; width: 40px; height: 1px; background: #eee; }
.part_con .txt { color: #999; font-size: 12px; *line-height: 14px; margin-bottom: 36px; }
.part_con ul { margin-right: -1px; *height: auto; }
.part_con ul li { float: left; width: 179px; padding: 41px 30px 0; height: 185px; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; overflow: hidden; }
.part_con ul li .btn { height: 30px; }
.part_con ul li .btn a { display: inline-block; width: 74px; line-height: 28px; margin-right: 10px; text-align: center; background-color: #fff; }
.part_con ul li:hover { transition: all .3s ease; box-shadow: 0 0 15px rgba(46, 114, 219, 0.15); z-index: 3; }
.part_con ul li:hover .btn { display: block; }
.part_con ul li:hover .more { display: none; }
.part_con .bank { width: 440px; padding: 40px 20px 0 20px; }
.part_con .bank img { width: 194px; height: 71px; border: 3px solid #f5f5f5; margin: 0 9px 20px; }
.part_con .item { display: none; height: 453px; padding-left: 240px; box-shadow: 0 0 15px rgba(3, 49, 120, 0.08); background: url(../img/index/part1.jpg) left top no-repeat; }
.part_con .item .l { width: 721px; }
.part_con .item .r { width: 240px; }
.part_con .item .r li { border-right: none; border-bottom: none; height: 412px; }
.part_con .item.on { display: block; }
.part_con .item1 li .btn a { color: #2e72db; border: 1px solid #2e72db; }
.part_con .item1 li .btn a.on, .part_con .item1 li .btn a:hover { color: #fff; background: #2e72db; }
.part_con .item1 li .btn a.on:hover { background: #2e72db; }
.part_con .item1 li:hover h4 { color: #2e72db; }
.part_con .item2 { background-image: url(../img/index/part2.jpg); }
.part_con .item2 li .btn a { color: #e94a55; border: 1px solid #e94a55; }
.part_con .item2 li .btn a.on, .part_con .item2 li .btn a:hover { color: #fff; background: #e94a55; }
.part_con .item2 li .btn a.on:hover { background: #e94a55; }
.part_con .item2 li:hover h4 { color: #e94a55; }
.part_con .item3 { background-image: url(../img/index/part3.jpg); }
.part_con .item3 .l { width: 960px; }
.part_con .item3 li { width: 259px; }
.part_con .item3 li .btn a { color: #3f56f3; border: 1px solid #3f56f3; }
.part_con .item3 li .btn a.on, .part_con .item3 li .btn a:hover { color: #fff; background: #3f56f3; }
.part_con .item3 li .btn a.on:hover { background: #3f56f3; }
.part_con .item3 li:hover h4 { color: #3f56f3; }
.part_con .item4 { background-image: url(../img/index/part4.jpg); }
.part_con .item4 h4 span { color: #fe6432; }
.part_con .item4 ul { width: 481px; }
.part_con .item4 li .btn a { color: #fe6432; border: 1px solid #fe6432; }
.part_con .item4 li .btn a.on, .part_con .item4 li .btn a:hover { color: #fff; background: #fe6432; }
.part_con .item4 li .btn a.on:hover { background: #fe6432; }

.index_life { height: 382px; padding-top: 102px; background: url(../img/index/bg3.jpg) center 0 no-repeat; }
.index_life .l { width: 408px; }
.index_life .r { width: 792px; }
.index_life .tt { color: #fff; }
.index_life .tt p { font-size: 22px; }
.index_life .tt span { display: block; font-family: arial; text-transform: uppercase; }
.index_life .tt .ft48 { font-size: 48px; }
.index_life .tt .ft72 { font-size: 72px; margin-bottom: 28px; }
.index_life .tt .line { height: 1px; width: 40px; background: #fff; opacity: .1; filter: alpha(opacity=10); margin: 30px 0 40px; }
.index_life .more { display: block; width: 162px; line-height: 44px; text-align: center; color: #fff; background: #2e72db; }
.index_life .more b { font-weight: normal; font-family: "宋体"; padding-left: 3px; }
.index_life .r a { float: left; width: 166px; height: 46px; line-height: 46px; margin: 0 10px 30px 20px; color: #fff; font-size: 14px; color: rgba(255, 255, 255, 0.6); text-align: center; background: #1a3664; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.2); }
.index_life .r a i { display: none; width: 20px; height: 9px; background: url(../img/index/icon.png) left -107px no-repeat; vertical-align: middle; margin-left: 8px; }
.index_life .r a b { padding-left: 3px; font-family: "宋体"; color: #999; }
.index_life .r a:hover { background: #fff; transition: all .3s ease; color: #2e72db; border-color: #fff; }
.index_life .r a:hover b { display: none; font-weight: normal; }
.index_life .r a:hover i { transition: all .3s ease; display: inline-block; }

.index_act { height: 650px; background: url(../img/index/bg4.jpg) center 0 no-repeat; padding-top: 24px; }
.index_act ul { margin-right: -40px; padding-bottom: 30px; }
.index_act li { float: left; width: 540px; padding: 20px; height: 135px; margin: 0 40px 20px 0; background: #fff; transition: all .3s ease; }
.index_act li:hover { transition: all .3s ease; box-shadow: 0 0 15px rgba(3, 49, 120, 0.08); }
.index_act li:hover h4 { color: #2e72db; }
.index_act .pic { width: 180px; height: 135px; margin-right: 20px; overflow: hidden; }
.index_act .pic:hover img { transform: scale(1.1); }
.index_act img { width: 180px; height: 135px; transition: all 0.3s ease; }
.index_act .txt { width: 320px; height: 118px; }
.index_act .txt h4 { font-weight: normal; font-size: 16px; padding: 6px 0; line-height: 24px; height: 48px; color: #333; margin-bottom: 10px; }
.index_act .txt p { color: #999; line-height: 28px; }
.index_act .txt p i { display: inline-block; width: 20px; height: 14px; background: url(../img/index/icon.png) left -52px no-repeat; vertical-align: middle; }
.index_act .txt p i.ico2 { height: 18px; background-position-y: -78px; }
.index_act .more { display: block; margin: 0 auto; width: 162px; line-height: 44px; text-align: center; color: #fff; background: #2e72db; }
.index_act .more b { font-weight: normal; font-family: "宋体"; padding-left: 3px; }

.footer { margin-top: 0; }

/*# sourceMappingURL=index.css.map */