body {
    margin: 0;
    font-size: 14px;
    font-family: "Microsoft Yahei";
    color: #000;
}

input, textarea {
    font-family: "Microsoft Yahei";
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #bdbdbd;
}

.indexBody {
    min-width: 1240px;
}

img {
    border: 0px !important;
}

.contain {
    width: 1180px;
    padding-left: 60px;
    margin: 0 auto;
}

.indexHead {
    height: 102px;
    background-color: #005095;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.indexHead .logo {
    cursor: pointer;
    width: 451px;
    height: 60px;
    float: left;
    margin-left: 1px;
    margin-top: 20px;
}

.indexHead .headMenus {
    float: right;
    font-size: 0;
}

.indexHead .headMenus li {
    height: 100px;
    line-height: 100px;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    padding: 0 18px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all ease-out 1s;
}

.indexHead .headMenus li a {
    height: 100%;
    display: block;
    color: #c8cec9;
}

.indexHead .headMenus li.sel {
    border-color: #fff;
}

.indexHead .headMenus li:hover a, .indexHead .headMenus li.sel a {
    color: #fff;
}

.indexHead .headMenus li:last-child {
    padding-right: 1px;
}

.homeContainer {
    position: relative;
    overflow: hidden;
    min-height: 300px;
}

.homeContainer .contain {
    position: relative;
}

.homeContainer .back {
    width: 100%;
    height: 510px;
    background: url(../images/homeback.jpg) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100% auto;
}

.homeSearch {
    width: 782px;
    margin: 0 auto;
    padding: 125px 0 55px;
}

.homeSearch .navs {
    margin: 0 10px 23px;
    font-size: 0;
    text-align: center;
}

.homeSearch .navs li {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    padding: 0 14px;
    margin: 0 15px;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
    position: relative;
}

.homeSearch .navs li:after {
    width: 100%;
    height: 1px;
    border: 1px solid transparent;
    position: absolute;
    left: 0;
    bottom: -3px;
    transition: all ease-out .3s;
    content: "";
}

.homeSearch .navs li:hover:after, .homeSearch .navs li.sel:after {
    border-color: #a4b6d7;
    background-color: #fff;
}

.homeSearch .input {
    height: 50px;
    border: 1px solid #9accff;
    border-radius: 25px;
    background: #fff;
    padding-left: 35px;
    position: relative;
}

.homeSearch .input label {
    line-height: 50px;
    color: #9a9a9a;
    position: absolute;
    left: 35px;
    top: 0;
    font-size: 16px;
}

.homeSearch .input .icon {
    width: 63px;
    padding-left: 55px;
    line-height: 50px;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #8d8a9c;
    border-left: none;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    float: right;
    height: 100%;
    background: url(../images/icons.png) 15px -41px #ed9821;
    position: absolute;
    right: -1px;
    top: -1px;
    content: "";
}

.homeSearch .input input {
    width: 80%;
    height: 50px;
    line-height: 50px;
    color: #9a9a9a;
    padding: 0;
    background: url(../../../../../../../../);
    outline: none;
    border: none;
    position: relative;
    z-index: 3;
    font-size: 16px;
    color: #666;
}

.homeSearch .input.focus label {
    display: none;
}

.homeSearch .mylibrary {
    width: 105px;
    height: 39px;
    line-height: 39px;
    color: #fff;
    position: absolute;
    right: 2px;
    top: 35px;
    cursor: pointer;
    border: 3px solid #fff;
    text-align: center;
    font-size: 18px;
}

.homePanelDiv {
    margin-bottom: 7px;
}

.homePanelDiv:after {
    clear: both;
    display: block;
    content: "";
}

.imgSwitch {
    float: left;
    width: 584px;
    height: 384px;
    position: relative;
}

.imgSwitch>ul {
    width: 100%;
    height: 100%;
}

.imgSwitch>ul li {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.imgSwitch>ul li>a {
    width: 100%;
    height: 100%;
    display: block;
}

.imgSwitch>ul li img {
    width: 100%;
    height: 100%;
    display: block;
}

.imgSwitch .bottomInfos {
    padding: 0 10px;
    height: 25px;
    background-color: #cac0b9;
    position: absolute;
    left: 0;
    bottom: 0;
}

.imgSwitch .pages {
    margin-top: 5px;
    line-height: 0;
}

.imgSwitch .pages li {
    width: 8px;
    height: 8px;
    border: 3px solid #fff;
    border-radius: 7px;
    margin: 0 8px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    background: #cac0b9;
}

.imgSwitch .pages li.sel {
    background: #fff;
}

.homePanel {
    width: 198px;
    height: 65px;
    padding-top: 127px;
    float: left;
    font-size: 22px;
    color: #fff;
    text-align: center;
    position: relative;
}

.homePanel:before {
    width: 110px;
    height: 100px;
    position: absolute;
    left: 49px;
    top: 30px;
    background: url(../images/icons.png);
    content: "";
}

.homePanel.tzgg:before {
    background-position: 8px -92px;
}

.homePanel.ydtg:before {
    background-position: -105px -92px;
}

.homePanel.cyfw:before {
    background-position: -215px -92px;
}

.homePanel.zydt:before {
    background-position: -305px -92px;
}

.homePanel.color1 {
    background-color: #a4cc5d;
}

.homePanel.color2 {
    background-color: #c485d3;
}

.homePanel.color3 {
    background-color: #3aabb4;
}

.homePanel.color4 {
    background-color: #ee97b4;
}

.homeTabPanel.color5 {
    background-color: #3a748a;
}

.homeTabPanel {
    width: 396px;
    height: 192px;
    float: left;
}

.homeTabPanel h5 {
    padding: 20px 0 5px 28px;
    margin: 0;
    font-weight: normal;
    font-size: 22px;
    color: #fff;
}

.homeTabPanel .panelTabHead {
    display: inline-block;
    margin: 0 0 16px 20px;
    font-size: 0;
}

.homeTabPanel .panelTabHead li {
    width: 50px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    border-left: 1px solid #aaa;
    font-size: 18px;
    color: #91a8a6;
    cursor: pointer;
    position: relative;
    background: #fff;
}

.homeTabPanel .panelTabHead li.sel {
    background-color: #9bcdc9;
    color: #fff;
}

.homeTabPanel .panelTabHead li.sel:after {
    width: 16px;
    height: 11px;
    background: url(../images/icons.png) -66px -260px;
    position: absolute;
    left: 25px;
    bottom: -11px;
    content: "";
}

.homeTabPanel .panelTabHead li:first-child {
    border-left: none;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.homeTabPanel .panelTabHead li:last-child {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.homeTabPanel .panelTabBody {
    padding: 0 38px;
    line-height: 30px;
    font-size: 18px;
    color: #ded7c8;
}

.servicesGuide {
    margin-bottom: 27px;
    overflow: hidden;
}

.servicesGuide .serviceDiv {
    width: 585px;
    min-height: 171px;
    height: 200px;
    margin-left: 3px;
    padding-left: 65px;
    box-sizing: border-box;
    border: 1px solid #b2b2b2;
    border-top: 3px solid #3aabb4;
    float: left;
    position: relative;
    color: #555;
}

.servicesGuide .serviceDiv:first-child {
    margin-left: 0;
}

.servicesGuide .serviceDiv h5 {
    margin: 20px 0 8px;
    font-size: 16px;
    font-weight: normal;
    font-size: 18px;
}

.servicesGuide .serviceDiv .more {
    position: absolute;
    right: 33px;
    top: 26px;
    color: #6084e5;
    font-size: 12px;
}

.servicesGuide .serviceDiv .dot {
    width: 5px;
    height: 5px;
    margin-right: 5px;
    display: inline-block;
    background: #555;
    transform: rotate(45deg);
    vertical-align: top;
    margin-top: 8px;
}

.servicesGuide .serviceDiv .para {
    float: left;
}

.servicesGuide .serviceDiv .para p {
    margin: 0;
    line-height: 20px;
}

.servicesGuide .serviceDiv .para a {
    color: #555;
}

.servicesGuide .serviceDiv.time:before {
    width: 50px;
    height: 50px;
    background: url(../images/icons.png) 5px -194px;
    position: absolute;
    left: 10px;
    top: 5px;
    content: "";
}

.servicesGuide .serviceDiv.zytj {
    width: 590px;
}

.servicesGuide .serviceDiv.zytj p {
    line-height: 25px;
}

.servicesGuide .serviceDiv.zytj:before {
    width: 50px;
    height: 50px;
    background: url(../images/icons.png) -53px -193px;
    position: absolute;
    left: 10px;
    top: 5px;
    content: "";
}

.homeFoot {
    background-color: #005faf;
    color: #fff;
    line-height: 24px;
    padding: 5px 0;
    max-width: 1920px;
    margin: 0 auto;
}

.homeFoot a {
    color: #fff;
}

.indexFoot {
    background-color: #989898;
    color: #fff;
    line-height: 24px;
    padding: 5px 0;
    text-align: center;
    max-width: 1920px;
    margin: 0 auto;
}

.indexFoot a {
    color: #fff;
}

.indexNavigation {
    height: 60px;
    background-color: #094375;
    color: #cbcbcb;
    max-width: 1920px;
    margin: 0 auto;
}

.indexNavigation .title {
    line-height: 60px;
    font-size: 18px;
    float: left;
}

.indexNavigation .title .icon {
    width: 40px;
    height: 3px;
    border-top: 1px solid #8399ab;
    border-bottom: 1px solid #8399ab;
    background: #cbcbcb;
    float: left;
    margin: 28px 22px 0 0;
    position: relative;
    content: "";
}

.indexNavigation .title .icon:before, .indexNavigation .title .icon:after {
    width: 100%;
    height: 3px;
    border-top: 1px solid #8399ab;
    border-bottom: 1px solid #8399ab;
    background: #cbcbcb;
    position: absolute;
    left: 0;
    display: block;
    content: "";
}

.indexNavigation .title .icon:before {
    top: -12px;
}

.indexNavigation .title .icon:after {
    bottom: -12px;
}

.indexNavigation .curPos {
    line-height: 60px;
    float: right;
    font-size: 16px;
}

.indexMain {
    margin-bottom: px;
}

.indexMain:after {
    clear: both;
    display: block;
    content: "";
}

.indexBodyCnt {
    overflow: hidden;
    padding-top: 25px;
}

.sideMenu {
    min-height: 600px;
    width: 210px;
    padding: 15px;
    float: left;
    margin-right: 28px;
    background-color: #d9e4ee;
    text-align: center;
    font-size: 16px;
}

.sideMenu a {
    color: #333;
    cursor: pointer;
}

.sideMenu .fstMenu>li {
    border-bottom: 1px solid #afc6db;
    transition: all ease-out .3s;
}

.sideMenu .fstMenu>li>a {
    height: 42px;
    line-height: 42px;
    display: block;
}

.sideMenu .fstMenu>li.sel, .sideMenu .fstMenu>li:hover {
    background-color: #004e96;
}

.sideMenu .fstMenu>li.sel>a, .sideMenu .fstMenu>li:hover>a {
    color: #fff;
}

.sideMenu .sndMenu {
    background-color: #c4d6e7;
    overflow: hidden;
    padding-bottom: 25px;
    font-size: 14px;
    display: none;
}

.sideMenu .fstMenu>li.sel>.sndMenu {
    display: block;
}

.sideMenu .sndMenu>li {
    height: 34px;
    line-height: 34px;
    margin-top: 6px;
    position: relative;
}

.sideMenu .sndMenu>li.sel, .sideMenu .sndMenu>li:hover {
    color: #004e96;
}

.sideMenu .sndMenu>li.sel a, .sideMenu .sndMenu>li:hover a {
    color: #004e96;
}

.sideMenu .sndMenu>li.sel:before {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 10px solid #004e96;
    border-bottom: 5px solid transparent;
    position: absolute;
    left: 10px;
    top: 12px;
    content: "";
}

.articleListTitle {
    margin: 0 0 0;
    line-height: 40px;
    font-size: 24px;
    font-weight: normal;
    border-bottom: 1px solid #c3c3c3;
}

.articalList {
}

.articalList li {
    height: 36px;
    line-height: 36px;
    border-bottom: 1px dotted #d3d3d3;
    overflow: hidden;
}

.articalList li span {
    float: right;
    color: #8f8e8e;
}

.articalList li a {
    color: #555;
    padding-left: 20px;
    background: url(../images/dot.gif) no-repeat left;
}

.articleParagraph {
}

.articleParagraph .title {
    border-bottom: 1px dotted #d3d3d3;
    text-align: center;
}

.articleParagraph h4 {
    font-size: 24px;
    line-height: 32px;
    margin: 20px 0 10px;
    font-weight: normal;
}

.articleParagraph .paragarph {
    line-height: 22px;
}

.articleParagraph .paragarph p {
    margin: 10px 0;
}

.articleTable {
    border-collapse: collapse;
    width: 100%;
}

.articleTable .thead {
    background: #dcdcdc;
    border-bottom: #dcdcdc;
}

.articleTable tr {
    border-bottom: 1px dotted #d3d3d3;
    background: url(../images/dot.gif) no-repeat 3px;
}

.articleTable td {
    height: 36px;
    padding: 0 1px;
}

.articleTable tr>td:first-child {
    padding-left: 20px;
}

.articlePage {
    text-align: center;
    overflow: hidden;
    padding: 50px 0;
}

.articlePage a {
    display: inline-block;
    width: 49px;
    height: 34px;
    line-height: 32px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    text-align: center;
    color: #555;
    margin: 0 5px;
    box-sizing: border-box;
    cursor: pointer;
}

.articlePage a:hover {
    background: #cd9950;
    border: 1px solid #cd9950;
    color: #fff;
}

.articlePage .prePage, .articlePage .nextPage {
    width: 80px;
}

.articlePage .Unable {
    color: #ccc;
}

.articlePage .Unable:hover {
    background: #fff;
    border: 1px solid #dcdcdc;
    color: #ccc;
    cursor: default;
}

.articlePage .pageInput:hover {
    background: #fff;
    border: 1px solid #dcdcdc;
    color: #ccc;
    cursor: default;
}

.articlePage .pageButton input {
    cursor: pointer;
}

.articlePage .pageButton:hover input {
    color: #fff;
}

.articlePage input {
    width: 39px;
    height: 24px;
    color: #555;
    text-align: center;
    background: none;
    border: none;
    padding: 0;
}

.leftSideBar {
    width: 60px;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #1a1a1a;
    display: table;
}

.leftSideBar .inner {
    display: table-cell;
    vertical-align: middle;
}

.leftSideBar ul {
}

.leftSideBar li {
    height: 50px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
}

.leftSideBar li:before {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 5px;
    top: 0;
    background: url(../images/icons.png);
    content: "";
}

.leftSideBar li:hover {
    background-color: #3981c8;
}

.leftSideBar li .cont {
    display: none;
    min-height: 30px;
}

.leftSideBar li .cont .title {
    color: #fff;
    text-align: center;
    font-size: 12px;
}

.leftSideBar li:hover .cont {
    display: block;
    position: absolute;
    left: 60px;
    top: 0;
    background: #3981c8;
    padding: 10px;
}

.leftSideBar li.weixin:before {
    background-position: 9px 7px;
}

.leftSideBar li.weibo:before {
    background-position: -43px 7px;
}

.leftSideBar li.mobile:before {
    background-position: -88px 7px;
}

.leftSideBar li.wifi:before {
    background-position: -130px 7px;
}

.leftSideBar li.pc:before {
    background-position: -178px 7px;
}

.leftSideBar li.print:before {
    background-position: -227px 7px;
}

.leftSideBar li.ball:before {
    background-position: -278px 7px;
}

.leftSideBar li.praph:before {
    background-position: -328px 7px;
}

.leftSideBar li.phone:before {
    background-position: -377px 7px;
}

.leftSideBar li.email:before {
    background-position: -427px 7px;
}

<!--涉及到分页的按钮样式，使用原先的样式--> .pagination {
    margin: 8px 0;
}

.pagination .controls a {
    border: 0;
}

.pagination .controls input {
    border: 0;
    color: #999;
    width: 30px;
    padding: 0;
    margin: -3px 0 0 0;
    text-align: center;
}

.page {
    font-size: 14px;
    font-weight: bold;
    margin: 10px;
    padding-bottom: 10px;
    *padding-bottom: 0;
    width: 750px;
}

.page p {
    float: left;
    color: #37679c;
    text-indent: 0;
    padding: 4px 7px;
    margin: -0.1em 1em 0 0;
}

.page ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.page li {
    list-style: none;
    margin: 0 2px;
    display: block;
    float: left;
    line-height: 16px;
    background-color: #fff;
}

.page li.disabled a,.page li.disabled a:hover {
    border: 1px solid #eee;
    padding: 4px 8px;
    color: #ccc;
}

.page li.active a {
    border: 1px solid #9cf;
    padding: 4px 8px;
    background-color: #9ce;
    color: #fff;
}

.page li.none {
    border: 0;
    padding: 4px 8px;
    background: none;
}

.page li a {
    border: 1px solid #d1ecfb;
    padding: 4px 9px;
    display: block;
    text-decoration: none;
    color: #37679c;
}

.page li a:hover {
    border: 1px solid #9cf;
}

.page * {
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.page .controls input {
    border: 0;
    color: #999;
    width: 30px;
    padding: 0;
    margin: -3px 0 0 0;
    text-align: center;
    border: 1px solid #9cf;
    display: inline;
}

<!--使用其他模板的样式--> .zwd {
    border: 1px solid rgb(220, 220, 220);
    border-image: none;
    width: 752px;
    padding-bottom: 30px;
    float: left;
    box-shadow: 2px 2px 10px #909090;
    -moz-box-shadow: 2px 2px 10px #909090;
    -webkit-box-shadow: 2px 2px 10px #909090;
}

.zw {
    width: 674px;
    color: rgb(49, 49, 49);
    padding-left: 30px;
    font-size: 14px;
    float: left;
}

.zw p {
    color: rgb(49, 49, 49);
    font-size: 14px;
}

.zw h1 {
    text-align: center;
    color: rgb(49, 49, 49);
    font-size: 30px;
    margin-top: 60px;
}

.zw h2 {
    text-align: left;
    color: rgb(49, 49, 49);
    font-size: 24px;
    margin-top: 20px;
}

.zw h3 {
    text-align: left;
    color: rgb(49, 49, 49);
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 14px;
    border-bottom-color: rgb(222, 222, 222);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.gyright {
    width: 752px;
    float: left;
}

.gyright_head {
    width: 752px;
    margin-bottom: 10px;
    float: left;
}

.gyright_head a {
    color: rgb(67, 67, 67);
    padding-right: 5px;
    padding-left: 5px;
    font-size: 12px;
}

.gyright_head a:hover {
    text-decoration: underline;
}

.gyright_head1 a:hover {
    text-decoration: underline;
}

.gyright table {
    width: 710px;
}

.gyright .tdright {
    width: 100px;
    text-align: right;
    padding-right: 10px;
}

<!--额外加的图片新闻幻灯的文章头显示的样式--> .imgSwitch>ul li .titleText {
    width: 100%;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
}

.panelTabTittle {
    color: white;
    padding: 20px 20px 0px 28px;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
}

.area {
    border-bottom: 2px solid #FFF;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.area span {
    display: inline-block;
    color: white;
    /* margin-bottom: -5px; */
    padding: 5px 10px;
    text-align: center;
    border: 2px solid #e6e5e1;
    cursor: pointer;
    border-bottom: none;
    position: relative;
    border-radius: 5px 5px 0 0;
    transition: all .3s ease-in-out 0s;
    cursor: pointer;
}

.area span:first-child {
    margin-right: 10px;
}

.area p {
    margin: 0;
    flex: 1;
    text-align: right;
    /* 如果你想让文字靠右 */
}

.area span.active {
    border: 2px solid white;
    border-bottom: none;
    color: white;
}

.area span::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    bottom: -2px;
    background: #3A748A;
    transform-origin: center;
    transition: all .3s ease-in-out 0s;
    transform: scaleX(0);
}

.area span.active::before {
    transform: scaleX(1);
}