﻿.index_content { padding-top: 20px; padding-bottom: 32px; }
.notice_box { width: 1180px; margin: auto; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 46px; background: url(../HomePageImgs/notice_bj.png) repeat; overflow: hidden; }
    .notice_box img { float: left; width: 62px; height: 26px; margin-left: 20px; margin-top: 9px; }
.notice_box span { font-size: 15px; color: #fff;  line-height: 46px;margin-right:16px; }
.function_box { width: 1180px; margin: auto; background: url(../HomePageImgs/content-bj.png)repeat; height: auto; margin-top: 20px; padding: 24px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.service_topbox { width: 100%; overflow: hidden; }
.service_topbox .s_s01box { float: left; /*width: 49%;*/ background: #fff; min-height: 410px; padding: 0 24px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  }
.service_title { width: 100%; border-bottom: solid 2px #e5ecf3; float: left; height: 54px; }
.service_title h2 { font-size: 18px; overflow: hidden; border-bottom: solid 2px #189aff; width: 142px; margin-top: 18px; color: #016bd5; }
.service_title h2 img { float: left; margin-left: 6px; margin-right: 10px; margin-bottom: 10px; width: 24px; height: 24px; }
.service_title h2 b { line-height: 24px; }
.icon_list1 { /*width: 100%; overflow: hidden;*/ padding: 0; }
/*.icon_list1 li { width: 160px; float: left; margin-top: 32px; }*/
.icon_list1 li img { width: 82px; height: 82px; display: block; margin: auto; }
.icon_list1 li a { display: block; text-align: center; width: 100%; margin-top: 13px; font-size: 18px; color: #333; }
.icon_list1 li a:hover, .icon_list1 li a:focus, .icon_list2 li a:hover, .icon_list2 li a:focus { text-decoration: none; }
.service_topbox .s_s02box { float: left; background: #fff; min-height: 410px; padding: 0 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.icon_list2 { /*width: 100%; overflow: hidden; */ padding: 0; margin-bottom: 0; }
/*.icon_list2 li { width: 160px; float: left; margin-top: 22px; }*/
.icon_list2 li .icon_box { width: 160px; height: 160px; /* background: url(imgs/box-shaow.png)no-repeat top; */ padding-top: 32px; margin: auto; cursor: pointer }
.icon_list2 li .icon_box a { display: block; text-align: center; width: 100%; margin-top: 13px; font-size: 18px; color: #333; }
.service_botbox { width: 100%; margin: auto; height: auto; padding: 24px; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.icon_list3 { width: 100%; overflow: hidden; padding: 0; }
.icon_list3 li { width: 32%; height: 108px; float: left; margin-right: 20px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.icon_list3 li:last-child { margin-right: 0px; }
.icon_list3 li a { color: #fff; font-weight: bold; font-size: 24px; margin: 35px 0 0 30px; display: block; }
.icon_list3 i { width: 9px; height: 9px; background: url(imgs/topNav_list_circle.png) no-repeat; }
.updot { position: absolute; top: 20px; left: 20px; }
.downdot { position: absolute; top: 80px; left: 110px; }
.icon_list3 .item01 { background: url(../HomePageImgs/p01.jpg) no-repeat right; position: relative; }
.icon_list3 .item02 { background: url(../HomePageImgs/p02.jpg) no-repeat right; position: relative; }
.icon_list3 .item03 { background: url(../HomePageImgs/p03.jpg) no-repeat right; position: relative; }
.icon_list3 .item04 { background: url(../HomePageImgs/p04.jpg) no-repeat right; position: relative; }
.icon_list3 .item05 { background: url(../HomePageImgs/person.jpg) no-repeat right; position: relative; }
.five_list li { width: 200px; }
.three_list li { width: 348px; }
.two_list li { width: 532px; }
/*.s_s02box .service_title { margin-bottom: 6px; }*/
.index_content2 { background: url(imgs/bj2.jpg) no-repeat center; }
/*业务图标较多时需要的样式，只需更改百分比*/
.service_topbox .longbox { width: 65%; }
.service_topbox .longbox .icon_list1 li { width: 25%; }
.service_topbox .shortbox { width: 33%; }
.service_topbox .shortbox .icon_list2 li { width: 50%; }

/*复写样式*/
.icon_list1 li { width: 33.33%; float: left; padding-top: 30px; padding-bottom: 14px; cursor: pointer; }
.icon_list1 li img { width: 82px; height: 82px; display: block; margin: auto; }
.icon_list1 li a { display: block; text-align: center; width: 100%; margin-top: 13px; font-size: 18px; }
.service_topbox .s_s02box { float: right; width: 49%; background: #fff; min-height: 410px; padding: 0 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.icon_list2 { width: 100%; overflow: hidden; padding: 0; margin-bottom: 0; }
.icon_list2 li { width: 33.33%; float: left; padding-top: 12px; }
.icon_list2 li .icon_box { width: 160px; height: 160px; /*background: url(imgs/box-shaow.png)no-repeat top; */ padding-top: 32px; margin: auto; cursor: pointer; }
    .icon_list2 li .icon_box:hover { background: url(../HomePageImgs/dj-cur.png)no-repeat top; }
.icon_list2 li .icon_box:hover a { color: #016bd5; }
.icon_list2 li .icon_box img { width: 82px; display: block; margin: auto; height:68px;}
.icon_list2 li .icon_box a { display: block; text-align: center; width: 100%; margin-top: 14px; font-size: 18px; }
.service_botbox { width: 100%; margin: auto; margin-top: 24px; height: auto; padding: 20px; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.icon_list3 { width: 100%; overflow: hidden; padding: 0; }
.icon_list3 li { width: 258px; height: 108px; float: left; margin-right: 20px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.icon_list3 li:last-child { margin-right: 0px; }
.icon_list3 li a { color: #333; font-weight: bold; font-size: 24px; margin: 35px 0 0 30px; display: block; }
    .icon_list3 i { width: 9px; height: 9px; background: url(../HomePageImgs/topNav_list_circle.png) no-repeat; }
.updot { position: absolute; top: 20px; left: 20px; }
.downdot { position: absolute; top: 80px; left: 110px; } .icon_list1 li:hover { background: url(../HomePageImgs/dj-cur.png) no-repeat center 8px; /*background: #f5f7fe;*/ }
 .icon_list1 li:hover a { color: #016bd5; }