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;}

.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 25px; 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; border-bottom: 3px solid transparent; 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: 85%; 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;}



.homePanel a{color: #ffffff !important;}
.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;}