﻿/*正文*/
/*左侧目录栏*/
.container-xwy-1{}
.container-xwy-1>.container{position: relative;}
.container-xwy-1>.container>.row{}
.container-xwy-1>.container>.row>.catalog{box-shadow: 0 0 15px 10px #ddd;background-color: #fff;position: relative;z-index: 1;padding: 20px;border-right: 1px solid #ddd\0;border-left: 1px solid #ddd\0}
#heightXwyR{background-color: #fff;}
.catalog>.level1Catalog{}
.catalog>.level1Catalog.active{display: block}
.catalog>.leftCatalogImg{height: 134px;color: #fff;overflow: hidden;margin-bottom: 20px}
.catalog>.leftCatalogImg>h3{font-size: 30px;margin-top: 49px;text-align: center}
.catalog>.leftCatalogImg>h4{font-size: 14px;font-weight: normal}

.catalog>.leftCatalogTitle{height: 46px;background-color: #E4ECFA;}
.catalog>.leftCatalogTitle>h3{height: 46px;line-height: 46px;font-size: 18px;color: #004DA1;display: inline;font-weight: bold;padding-left: 15px;}
.catalog>.leftCatalogTitle>span{display: block;width: 18px;height: 18px;float: right;margin-top: 13px;margin-right: 15px;}
.catalog>.leftCatalogTitle>span>img{display: block;width: 100%;height: 100%;}

.catalog>.level1Catalog>.level1CatalogLi{line-height: 42px;border-top: 1px solid #ddd;overflow: hidden;}
.catalog>.level1Catalog>.level1CatalogLi>a{padding-left: 13px;font-size: 18px;color: #333333;display: inline-block;line-height: 43px;width: 100%;}
.catalog>.level1Catalog>.level1CatalogLi>a:hover{background-color: #E4ECFA;color: #004DA1;border-color: #E4ECFA}
.catalog>.level1Catalog>.level1CatalogLi.active>a{background-color: #E4ECFA;color: #004DA1;border-color: #E4ECFA}
.catalog>.level1Catalog>.level1CatalogLi>a>.catalog-triangle-xwy{margin-right: 13px;}
.catalog>.level1Catalog>.level1CatalogLi>.level2Catalog{display: none}
.catalog>.level1Catalog>.level1CatalogLi.active>.level2Catalog{display: block}
.catalog>.level1Catalog>.level1CatalogLi.active>a>.catalog-triangle-xwy{transform: rotate(90deg)}

.catalog>.level1Catalog>.level1CatalogLi>.level2Catalog>li{line-height: 42px;}
.catalog>.level1Catalog>.level1CatalogLi>.level2Catalog>li>a{cursor: pointer;padding-left: 36px;font-size: 16px;color: #333333;display: block;overflow: hidden;}
.catalog>.level1Catalog>.level1CatalogLi>.level2Catalog>li>a:hover{color: #006ff3;}
.catalog>.level1Catalog>.level1CatalogLi>.level2Catalog>li.active>a{color: #006ff3}
.catalog>.level1Catalog>.level1CatalogLi>.level2Catalog>li>a>img{margin-right: 13px}

/*面包屑导航样式*/
.breadcrumb{background: #fff;display: inline-block;float: right; padding-right: 1px;margin-bottom: 24px;}
.breadcrumb>li>a+a:before {padding: 0 5px;color: #ccc;content: ">";}
.breadcrumb>li>a{color: #999999}
.breadcrumb>li>a:hover{color: #004DA1}
.breadcrumb>li>a:last-of-type {color: #004DA1}

/*PC端分页*/
.navigation{text-align: center;margin: 50px auto 25px;}
.pagination{margin: 0 auto;}
.pagination>li{margin: 0 2px;display: inline-block;height: 32px;line-height: 32px;}
.pagination>li.noMargin{margin: 0;}
.pagination>li>a{display: block;line-height: 32px;padding: 0 12px;color:#777}
.pagination>li>input{display: block;line-height: 32px;padding: 0 4px;color:#aaa;width: 34px;text-align: center;border: 1px solid #ddd;float: left;}
.pagination>li>span{color: #333;border: none}
.pagination>li>span.nopad{padding:6px 0}
.pagination>li>span.marginLeft20{margin-left: 15px}
.pagination>li>span:hover{color: #777;background-color: #fff;}
.pagination>li>a:hover{color: #fff;background-color: #004DA1}
.pagination>li>a.active{color: #fff;background-color: #004DA1}
.pagination>li>a.determine{color: #fff;background-color: #004DA1}

/*移动端分页*/
.pagination>li.mobilePage{margin-top: 15px;}
.pagination>li.mobilePage>input{margin: 0 4px;}
.pagination>li.mobilePage>a.determine{margin: 0 4px;}

/*分页按钮重置*/
.pagination>li:last-child>a, .pagination>li:last-child>span{border-radius: 0;}
.rightRadius{border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
/*右侧蓝底标题*/
.rightTitle{margin-top: 60px;background-color: #E4ECFA;color: #004CA0;padding: 5px 0;padding-left: 20px;font-size: 20px;font-weight: bold;}

/*pc端*/
@media (min-width: 768px) {
    .container-fluid-xwy-1{min-width: 1200px;}
    .container-fluid-xwy-2{min-width: 1200px;}
    .container-fluid-xwy-3{min-width: 1200px;}
    .container-fluid-xwy-4{min-width: 1200px;}
    #heightXwyR{box-shadow: inset 3px 0 6px 0 #ddd;padding: 0 50px 173px;}
}

/*移动端*/
@media (max-width: 767px) {
    #heightXwyR{min-height: 0;overflow: hidden;padding-bottom: 20px}
    .catalog>.level1Catalog{display: none}
    .container-xwy-1>.container>.row>.catalog{min-height: 0;padding: 15px;box-shadow: none;padding-top: 0;}
    .navigation {margin: 20px auto;}
    .rightTitle{margin-top: 15px;padding-left:0;text-align: center }

    .catalog>.leftCatalogTitle{height: auto;display: flex;justify-content: space-between;align-items: center;padding: 15px;}
    .catalog>.leftCatalogTitle>h3{height: auto;display: block;line-height: 1.5;padding: 0;margin: 0;flex-grow: 1;}
    .catalog>.leftCatalogTitle>span{display: block;width: 18px;height: 18px;margin: 0;flex-shrink: 0;float: none}
    .catalog>.leftCatalogTitle>span>img{display: block;width: 100%;height: 100%;}
}

