
body{ background:#fff; }
.header .container,.wrapper{ width:1300px;}

/************************************topnav********************************/
.topnav{display:none}
/************************************header********************************/
.header {background:#25598b;height:70px;}
.header .logo { height:70px;background: url(../images/home/logo.png) no-repeat 0px center;width: 440px;} 
.header .container .nav{display:block;margin-top:20px;}
.header .search{display:none}
.header .menu{margin-top:20px;}

.header.scroll {position: relative; height:70px;top: 0;z-index: 0;background:#25598b;}
.header.scroll  .container{height:70px;}
.header.scroll .logo {height:70px;}
.header.scroll .menu{margin-top:20px;}
.header.scroll .container .nav{margin-top:20px;}

/************************************menu********************************/
.menu{display:block;}

/*main*/
.main{ margin:20px 0;}

/*service*/
.main .container{ width:1300px; margin:auto; position:relative; overflow:hidden;height:1%;}
.serviceLeft{ width:260px; position:relative;top:0;left:0; background:#efefef; float:left; }
/*dept*/ 
/*dept-title*/
.serviceLeft .dept-title{height: 50px;line-height: 50px; font-size: 20px; color: #fff;font-weight: bold;background: #25598b;text-align: center;}
/*dept-list*/
.serviceLeft .dept-list{}
.serviceLeft .dept-list li{height: 50px;font-size: 16px;height: 40px;cursor: pointer;position:relative; border-bottom:1px solid #dedede; }
.serviceLeft .dept-list li a{display:block;height: 50px;line-height: 50px;height: 40px;line-height: 40px;padding:0 30px 0 15px;box-sizing: border-box;color: #666; text-decoration:none; position:relative; user-select: none;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.serviceLeft .dept-list li a i{position:absolute; right:10px;top:0;}
.serviceLeft .dept-list li a em{display:none}

.serviceLeft .dept-list li.active{background: linear-gradient(to right, rgba(37,89,139, .3) 0%, rgba(37,89,139, 0) 100%);}
.serviceLeft .dept-list li.active:before { position: absolute;left: 0;top: 0;width: 4px;height: 40px;content: "";background-color: #25598b;} 
.serviceLeft .dept-list li.active a{color:#25598b}
.serviceLeft .dept-list li:hover a{color:#25598b}

/*serviceContent*/ 
.serviceContent{ margin-left:280px; overflow:hidden; background:#fff;}
/*serviceLabel*/ 
.serviceLabel{padding:0;}
.serviceLabel label{font-size:15px;font-weight:600;color: #11192d;width:75px;}
.serviceLabel ul{margin-left:75px;}
.serviceLabel ul li{margin-bottom:4px;}
.serviceLabel ul li a{font-size:15px;}
.serviceLabel ul li .on, 
.serviceLabel ul li .active, 
.serviceLabel ul li a:hover { background: #0096e0;background: #25598b; background: #006fe0;}
.serviceLabel #starget {height: 45px;line-height: 45px;margin-bottom: 8px;}
.serviceLabel #starget  label{height: 45px;line-height: 45px;}
.serviceLabel #stype{padding-bottom:6px; margin-bottom:0;}
/*serviceFilter*/ 
.serviceFilter{background:#f6f6f6;height: 40px;line-height: 40px;display:flex; justify-content: space-between;}
.serviceFilter-result{ padding:0 10px; }
.serviceFilter-result label i{ color:#ccc; font-weight:normal;font-size:14px; margin-left:5px;}

.serviceFilter-list{display:flex; padding:0 10px; }
.serviceFilter-dropdown{border:1px #ccc solid; width:140px; box-sizing:border-box; border-radius:3px;background:#fff;height: 28px;line-height: 28px; margin:5px 10px 0; cursor:pointer; position:relative; z-index:1000001;}
.serviceFilter-dropdown .serviceFilter-select{line-height: 26px; position:relative; }
.serviceFilter-dropdown .serviceFilter-select span{display:block; position:relative; padding:0 30px 0 8px;}
.serviceFilter-dropdown .serviceFilter-select i{line-height: 24px; position:absolute; top:2px;right:0; margin:0;}
.serviceFilter-dropdown .serviceFilter-select i{
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: rotate(0deg);} 

.serviceFilter-dropdown__list{ display:none;position:absolute; width:140px; box-sizing:border-box; padding:4px 0; border:1px #ccc solid;background:#fff;top:26px;left:-1px;}
.serviceFilter-dropdown__list li{padding:0 0 0 8px;height: 34px;line-height: 34px;position:relative;}
.serviceFilter-dropdown__list li a{color:#222;}
.serviceFilter-dropdown__list li i{line-height: 24px; position:absolute; top:2px;right:0; margin:0; font-size:16px; display:none;}
.serviceFilter-dropdown__list li:hover{background-color: #f5f7fa; color:#006fe0}
.serviceFilter-dropdown__list li:hover a{ color:#006fe0} 
.serviceFilter-dropdown__list .selected a{color:#006fe0;font-weight:bold;}
.serviceFilter-dropdown__list .selected i{display:block}

.serviceFilter-dropdown:hover .serviceFilter-select i{
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: rotate(180deg);} 
.serviceFilter-dropdown:hover .serviceFilter-dropdown__list{display:block}
.serviceFilter-dropdown:hover .serviceFilter-dropdown__list{display:block}

.serviceFilter-list i{width:28px; text-align:center; font-size:28px; font-weight:500; margin:0 3px; cursor:pointer;}
.serviceFilter-list i.active{color:#006fe0; font-weight:bold;}
/*serviceList*/ 
.serviceContent .serviceList{width:100%; min-height:400px; position:relative;margin:10px 0;} 
.serviceList h2{color:#222;font-weight:bold; font-size:15px; margin:0; padding-left:2px;
}
.serviceList ul{display: grid; padding:0 1px;  flex-wrap: wrap;justify-content: space-between;grid-template-columns: repeat(3, 32.4%);grid-gap: 0px;}
.serviceList ul li{ position:relative; float:none;margin:0;width:100%;border: 1px solid #dedede; box-sizing:border-box; padding-bottom:20px; height:140px; margin:8px 0; border-radius:3px;}
.serviceList ul li a{display:block; height:100%; }
.serviceList .snav{position:absolute; top:0;right:5px;height: 40px;line-height: 40px; color:#ccc;}
.serviceList .stitle { padding: 0 10px;font-size: 15px;border-bottom: 1px solid #ededed;height: 40px;line-height: 40px;}
.serviceList .stitle h3 {margin:0;height: 40px;line-height: 40px;font-size: 15px;}
.serviceList .stitle h3 span{-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;flex: 1; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-right: 20px;}  
.serviceList .scont h3{display:none}
.serviceList .scont span{color:#666;}
.serviceList ul .simg{width:50px;left:20px;top:58px;}
.serviceList ul img { width: 50px;height: 50px;}
.serviceList .sfoot{position:absolute; bottom:0;left:0;display:flex; padding:0 10px;box-sizing:border-box; flex-wrap: wrap;justify-content: space-between;width:100%;color:#ccc;height: 24px;line-height: 24px;}
.serviceList .sfoot i{color:#ccc; font-size:14px; margin-right:4px;}
.serviceList.viewCard {}
.serviceList.viewList {}
.serviceList.viewList li{height:46px; padding:0; overflow: hidden;}
.serviceList.viewList .snav,
.serviceList.viewList .stitle{display:none}
.serviceList.viewList .scont h3{display:block;}
.serviceList.viewList .sfoot{}
.serviceList.viewList ul .simg{width:36px;left:5px;top:9px;}
.serviceList.viewList ul img { width: 26px;height: 26px;}
.serviceList.viewList ul .scont{margin-left:46px;padding-top:0;margin-right: 30px;}
.serviceList.viewList .scont h3 {margin:0;height: 46px;line-height: 46px;font-size: 15px;-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;flex: 1; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}  
.serviceList.viewList .scont span{display:none;} 
.serviceList.viewList .sfoot{position:absolute; bottom:0;right:5px; left:auto; display:flex; padding:0 5px;box-sizing:border-box; flex-wrap: wrap;justify-content: space-between;width:24px;color:#ccc;height: 46px;line-height: 46px;}
.serviceList.viewList .sfoot .spv{display:none}
.serviceList.viewList .sfoot .sfavs{width:24px;height: 46px;line-height: 46px;}
.serviceList.viewList .sfoot i{color:#ccc; font-size:16px; margin-right:4px;}
.serviceList.viewList .sfoot em{display:none}
.serviceList .sfoot i.icon-aeoshoucang1{color:rgb(211,7,13);}


/*stype*/
.wrapper.stype{padding:20px 0;}
.wrapper.stype .retitle{padding:10px 0; height:36px; line-height:36px; text-align:left;position:relative;}
.wrapper.stype .retitle h2{ font-weight:500; font-size:24px;letter-spacing: 1px;}
.wrapper.stype .retitle h4{ font-size:16px; color:#aaa;  }
 
.wrapper.stype ul{display: grid; margin-top:20px;  flex-wrap: wrap;justify-content: space-between;grid-template-columns: repeat(6, 16.66%);grid-gap: 0px; height:280px;}
.wrapper.stype ul li {width:auto;position: relative; text-align:left;height: 120px; padding:0; overflow: hidden; margin-bottom:20px; background:none;border:0; text-align:center; box-sizing:border-box; }
.wrapper.stype ul li:hover{box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);transition: all 0.2s;}
.wrapper.stype ul li:nth-child(5),.wrapper.stype ul li:nth-child(10),.wrapper.stype ul li:nth-child(12){margin-right: 20px;}
.wrapper.stype ul li:nth-child(6),.wrapper.stype ul li:nth-child(12),.wrapper.stype ul li:nth-child(18){margin-right: 0;}
.wrapper.stype ul li img{ width:50px; height:50px;vertical-align: middle;}
.wrapper.stype ul li a{display: block; text-decoration:none;border: 1px solid #eee;height: 120px;background: #fff;padding:20px 20px 20px; overflow:hidden; box-sizing:border-box; }
.wrapper.stype ul li h3 {color: #222;font-size: 18px;font-weight: 500;margin: 0;position: relative;line-height:50px;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;}
.wrapper.stype ul li a:hover h3{color:#006fe0}
.wrapper.stype ul li span {color: #999;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;display: none;}
 
.wrapper.stype .remore{ padding:10px 20px 15px; text-align:center; display:none;}
.wrapper.stype .remore a {display: block;margin: 0 auto;width: 120px;height: 34px;line-height: 34px;background: #25598b; border-radius: 5px;    color: #fff;    font-size: 14px;    cursor: pointer;text-align: center;}

/*sdept*/
.wrapper.sdept{padding:10px 0;}
.wrapper.sdept .retitle{padding:10px 0;  height:36px; line-height:36px; text-align:left;position:relative;}
.wrapper.sdept .retitle h2{ font-weight:bold; font-size:30px;letter-spacing: 3px;}
.wrapper.sdept .retitle h2{ font-weight:500; font-size:24px;letter-spacing: 1px; display:inline-block;}
.wrapper.sdept .retitle h4{ font-size:16px; color:#aaa; display:inline-block; margin-left:10px;  }
 
 
.wrapper.sdept ul{display: grid; margin-top:20px;  flex-wrap: wrap;justify-content: space-between;grid-template-columns: repeat(4, 24%);grid-gap: 0px;  height:280px; }
.wrapper.sdept ul li {width:auto;position: relative; text-align:left;height: auto; padding:0; overflow: hidden; margin:0; margin-bottom:20px;margin-bottom:15px; background:none;border:0; text-align:center; box-sizing:border-box; } 
.wrapper.sdept ul li:hover{box-shadow: none;}
.wrapper.sdept ul li:nth-child(4),.wrapper.sdept ul li:nth-child(8),.wrapper.sdept ul li:nth-child(12){margin-right: 0;} 
.wrapper.sdept ul li a{display: block; text-decoration:none;border: 1px solid #ededed;padding:16px 20px ; padding:10px 20px 6px;} 
.wrapper.sdept ul li:hover a{box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);transition: all 0.2s;}
.wrapper.sdept ul li h3 {color: #000;font-size: 18px;font-weight: 500;margin: 0;position: relative;line-height:28px;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;}
.wrapper.sdept ul li a:hover h3{color:#006fe0}
.wrapper.sdept ul li span {color: #999;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;font-size: 16px;display: block;}
 
.wrapper.sdept .remore{ padding:10px; text-align:center; display:none;}
.wrapper.sdept .remore a {display: block;margin: 0 auto;width: 120px;height: 34px;line-height: 34px;background: #25598b; border-radius: 5px;color: #fff;font-size: 14px;cursor: pointer;text-align: center;}

/*system*/ 
.wrapper.system{padding:20px 0;}
.wrapper.system .retitle{padding:10px 0; height:36px; line-height:36px; text-align:left;position:relative;}
.wrapper.system .retitle h2{ font-weight:500; font-size:24px;letter-spacing: 1px;}
.wrapper.system .retitle h4{ font-size:16px; color:#aaa;  }
 
.wrapper.system ul{display: grid; margin-top:20px; height:280px;  flex-wrap: wrap;justify-content: space-between;grid-template-columns: repeat(6, 16.66%);grid-gap: 0px;}
.wrapper.system ul li {width:auto;position: relative; text-align:left;height: 120px; padding:0; overflow: hidden; margin-bottom:20px;margin-right:20px; background:none;border:0; text-align:center; box-sizing:border-box; }
.wrapper.system ul li:hover{box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);transition: all 0.2s;} 
.wrapper.system ul li:nth-child(6),.wrapper.system ul li:nth-child(12),.wrapper.system ul li:nth-child(18){margin-right: 0;}
.wrapper.system ul li img{ width:50px; height:50px;vertical-align: middle;}
.wrapper.system ul li a{display: block; text-decoration:none;border: 1px solid #eee;height: 120px;background: #fff;padding:20px 20px 20px; overflow:hidden; box-sizing:border-box; }
.wrapper.system ul li h3 {color: #222;font-size: 18px;font-weight: 500;margin: 0;position: relative;line-height:50px;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;}
.wrapper.system ul li a:hover h3{color:#006fe0}
.wrapper.system ul li span {color: #999;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;display: none;}

.wrapper.system .remore{ padding:10px 20px 15px; text-align:center; display:none;}
.wrapper.system .remore a {display: block;margin: 0 auto;width: 120px;height: 34px;line-height: 34px;background: #25598b; border-radius: 5px;    color: #fff;    font-size: 14px;    cursor: pointer;text-align: center;}

/* stat */
.main .container.bg-blue{background: #25598b;} 
.wrapper.stat{padding:20px 0;color: #fff;}
.wrapper.stat ul{display: grid; margin-top:0;  flex-wrap: wrap;justify-content: space-between;grid-template-columns: repeat(6, 16.66%);grid-gap: 0px;}
.wrapper.stat ul li {width:auto;position: relative; text-align:left;padding:0; overflow: hidden;background:none;border:0; text-align:center; box-sizing:border-box;margin-right:20px; } 
.wrapper.stat ul li:nth-child(6),.wrapper.system ul li:nth-child(12),.wrapper.system ul li:nth-child(18){margin-right: 0;}

.wrapper.stat ul li h3 {color: #fff;font-size: 18px;font-weight: 500;margin: 0;position: relative;line-height:50px;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;} 
.wrapper.stat ul li span {overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;}

/* right side list */
.side-list { right:15px;}
.link-floatnav-top,
.side-list .side-item .img,
.side-list .side-item .ifont,.side-list .side-item .af{background-color: #0096e0;}
.side-list .side-item .img{box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);transition: all 0.2s;} 

.footer{ height:180px;}
.footer .container{width:1300px;}
.footer table{min-width:1300px;}