::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-track,::-webkit-scrollbar-corner {
    background: #F6F6F6;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #CCC;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #CCC;
}
body{
    font-family:"Microsoft Yahei";
    letter-spacing: 0.5px;
    color: #494a5a; background: url('../image/bg.jpg') top center  no-repeat;
    font-size: 16px;
}
ul,li,ol{
    margin: 0;
    padding: 0;
    list-style: none;
}
img{
    max-width: 100%;
    max-height: 100%;
}
a{
    color:#494a5a; transition: all 0.3s ease 0s;
}
a:hover{
    color: #df3d45;
}
a:hover,a:visited,a:active,a:focus{  
    outline: none; text-decoration: underline;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.container{
    width:1200px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
.bai{background: url('../image/bai.png') top center no-repeat;}
.top{
    background: linear-gradient(to bottom,#ffffff,#eaf1f9);
    background-color: #eaf1f9;
    border-bottom: 1px solid #9dc7ed;
    height: 46px;
    line-height: 46px;
}
.searchInput{
    border: 1px solid #b8c4e5;
    border-radius: 5px;
    line-height: 30px;
    width: 220px;vertical-align: middle;
    text-indent: 12px;
}
.searchBtn{
    line-height: 30px;
    border-radius: 5px;
    background-color: #e43f3f;
    color: #fff;
    border: 0;
    vertical-align: middle;
    padding: 0 15px;
}

.head{
    height: 200px;
    padding: 50px 0 0;
}
.menu{
    display: block;
    background-color: #df3d45;
    color: #fff;
    border-radius: 12px 12px 0 0;
    margin-bottom: 30px;
}
.menu li{
    display: inline-block;
    border-right: 1px solid rgba(100,0,0,0.1);
    font-size: 18px;
    line-height: 60px;
    width: 12.4%;
    margin-right: -4px;
    text-align: center;
}
.menu li:last-child{
    border-right: 0;
}
.menu li a{
    color: #fff;
    font-weight: bold; transition: all 0.01s ease 0s;
}
.menu li i{
    display: inline-block;
    width: 22px; height: 23px;
    margin-right: 5px;
    vertical-align: middle; 
}
.menu li i.home{ background: url('../image/navIcon1.png') top center no-repeat; }
.menu li i.jg{ background: url('../image/navIcon2.png') top center no-repeat; }
.menu li i.sz{ background: url('../image/navIcon3.png') top center no-repeat; }
.menu li i.dt{ background: url('../image/navIcon4.png') top center no-repeat; }
.menu li i.zc{ background: url('../image/navIcon5.png') top center no-repeat; }
.menu li i.fc{ background: url('../image/navIcon6.png') top center no-repeat; }
.menu li i.jk{ background: url('../image/navIcon7.png') top center no-repeat; }
.menu li i.lx{ background: url('../image/navIcon8.png') top center no-repeat; }
.menu li:hover,.menu li.current{background-color: #fff2c5; border-radius: 12px 0 12px 0;}
.menu li:hover a,.menu li.current a{color:#d4373f;text-decoration: none;}
.menu li.current i,.menu li:hover i{background-position:center bottom; }

.userbox{width:280px;}
.border{background-color: #fff;border:1px solid #e4e5f2;padding:0 20px ;
    display: block;border-radius: 8px; margin-bottom: 30px;}
.login-title,.title{display: block;
    font-size: 20px; font-weight: 600;
    color: #df3d45; margin: 15px 0;
}
.title a{float: right;font-size:14px;font-weight: normal;color:#888c98;margin-top: 5px; }
.title a:hover{
    color: #df3d45; transform: translateX(-4px);
}
.login-title span,.title span{ color: #5170b3; }
.login-title::after,.login-title::before{
    content: ''; 
    display: inline-block;
    width: 40px;
    border-bottom: 4px double #e5e5f2;
    margin: 0 15px;
    vertical-align: middle;
}
.login-input{
    display: block; line-height: 40px;
    border-radius: 5px;
    background-color: #ecf1fc;
    margin-bottom: 20px; padding-left:10px;
}
.login-input input{border:0;background-color: transparent;outline: none;}
.loginBtn{display: block; width:100%;background-color: #df3d45;color:#fff;border:0;
border-radius: 5px; line-height: 40px; margin-bottom: 20px;}
.userbox .title{ text-align: center; }
.news{
    display: block; margin-bottom: 10px;
}
.news li{
    padding:2px 0 14px;
    display: block;
}
.news li a{display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis}
.news li i{display: inline-block; width: 6px;height: 6px;border-radius: 1px;
    transform: rotate(45deg);background-color: #5170b3;margin: 0 5px 0 2px; 
    vertical-align: middle;
}
.notice{margin-bottom: 0; }
#notice{height:110px;}
#notice .swiper-slide a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;;display: block;}
#notice .swiper-slide span{font-size:13px; color:#aaa;}
#notice .swiper-slide{padding-bottom: 20px;}
.news li span{
    display: block; font-size: 14px;
    color: #9095a8;
}
.dtbox{width:900px;}
.dtbox .border{width:360px;}
#newspic{
    width: 520px;
    float: left; border-radius: 8px;
    margin-bottom: 30px;
}
#newspic .swiper-slide p{
    position: absolute; width: 100%; left: 0;
    bottom: 0;background-color: rgba(0,0,0,0.6);
    margin-bottom: 0;
    padding: 14px ; color: #fff;
}
#newspic .swiper-slide img{
    display: block;
    width: 100%; height: 337px;
}

.swiper-pagination-bullets{
    text-align: right; bottom: 15px!important; 
    padding-right: 10px;
}
.swiper-pagination .swiper-pagination-bullet{
    width: 12px;height: 12px;
    background-color: #fff; opacity: .9;
}
.swiper-pagination-bullet-active{
    background-color: #df3d45!important;
}
.linkOut img{border-radius: 8px;}
.w380px{
    width: 385px; margin-right: 22px; background-color: #f4f6fc;border: 0;
    padding: 0 20px;border-radius: 8px;margin-bottom: 30px;
}
.fr.w380px{margin-right: 0;}
#birthday{
    display: block;
    width:100%;height: 100px; margin-bottom: 30px;
    background: url('../image/birthday.jpg') no-repeat;
    border-radius: 8px; padding-left: 36%; padding-top: 30px;
    font-size: 32px;font-weight: bold;text-shadow: 1px 2px 4px rgba(200,0,0,0.3);
    color: #feead1; 
}
#birthday span{ margin:0 26px; color:#fff;}
.title.jx{text-align: center}
.title.jx::after{
    display: block; width: 40px; height: 3px;background-color: #aab4c9; border-radius: 3px;
    margin: 9px auto 0; content: '';
}
#fc .swiper-slide img{border-radius: 10px;}
.fcbox{position: relative; margin-bottom: 34px;}
.fc-next,.fc-prev{
    position: absolute; top: 40%; z-index: 9; text-align: center;
    width: 36px;height: 36px; line-height: 32px; border-radius: 50%;background-color: #5170b3; 
    font-size:24px;color: #fff; opacity: 0.6; outline: none;
}
.fc-next{right:-50px;}
.fc-prev{left:-50px;}
.fc-next:hover,.fc-prev:hover{opacity: 1}
.piclist{margin-right: -4%;}
.piclist li{display: inline-block;width:46%;margin-right: 3%; text-align: center}
.piclist li img{margin-bottom: 10px;width:100%;height: 110px; border-radius: 5px;}
.footer{
    background-color: #463536; color: #fff;
    padding: 30px 0;
}
.footer .s-list{
    display: block;
    text-align: center; color: #463536; margin-bottom: 20px;
}
.footer .s-list select{
    border-radius: 6px;padding: 7px;border: 0;
}
.subTitle{
    background: url('../image/star.png') center no-repeat;
    font-size:34px;
    text-shadow: 0px 5px 15px rgba(100,0,0,0.5);
    text-align: center;
    font-weight: bold; color:#fff;
    margin:40px 0 50px;
    letter-spacing: 6px;
}
.content{
    border-radius: 10px;
    background-color:#fff;
    padding:10px 20px;
}
.pos{
    display: block;
    border-bottom: 1px dashed #d6d6e2;
    line-height: 50px;
    color:#83849d;
    margin-bottom: 20px;
}
.news li p{
    font-size:14px; 
    color:#83849d; margin:10px 0;
    opacity: 0.7;
}
.content .news li{
    border-bottom: 1px dashed #d6d6e2;
    margin-bottom: 20px;
    padding-left: 26px;
    position: relative;
}
.content .news li::before{
    content: '';
    position: absolute;
    left:6px;
    top:9px;
    width:10px;
    height: 10px;
    border:2px solid #e3304e;
}
.page{
    margin:50px 0;
    display: block;
    text-align: center;
}
.page a{
    display: inline-block; text-align: center;
    min-width:40px;height: 40px; line-height: 38px;
    border-radius: 5px;
    border:1px solid #dce2f0;
    color:#83849d;
    padding:0 15px; margin-bottom: 10px;
}
.page a:hover,.page a.cur{
    background-color:#5170b3;
    color:#fff;border-color:#5170b3;
}
.page-header{
    border-bottom: 0;
    text-align: center;
}
.page-header h3{font-size:28px;font-weight: bold;  }
.page-header p{font-size:14px; color:#a2a3bf; margin-top: 20px;}
.page-header span{margin-right: 15px;}
.leftside{
    width:200px;
    background-color: #f5f9ff;
    border-top: 5px solid #df3d45;
    margin-top: 20px;
}
.leftside h2{
    font-size:24px;
    font-weight: bold;
    color:#df3d45; padding-left: 20px;
}
.leftside h2 i{ float: right;
    width:20px;height: 20px;font-size:22px;
    border-radius: 50%; text-align: center;line-height:17px;
    border:1px solid #df3d45;
    margin-right: 16px;
}
.leftside ul{
    display: block;
    border-top: 1px solid #e1e5eb;
    margin:20px 10px ;
}
.leftside li{
    display: block;
    font-size:18px;
    line-height: 60px;
    border-bottom: 1px solid #e1e5eb;
    text-indent: 20px;
}
.leftside li:hover,.leftside li.cur{ background-color:#df3d45; }
.leftside li:hover a,.leftside li.cur a{color:#fff;}

.rightside{
    width:930px; margin-top: 25px;
}
.right-title{
    border-bottom: 1px dashed #d6d6e2;
    line-height: 60px;
    margin-bottom: 20px;
}
.right-title h2{display: inline-block;
    font-size:24px; font-weight: bold; color:#df3d45;
}
.right-title .fr{color:#83849d;font-size:14px;}
.rightside .piclist li{
    width:29.6%; margin-bottom: 20px; vertical-align: top;
}
.rightside .piclist li img{height: 180px;}
.detail{
    min-height: 400px;
}

.sousuo{
    margin:30px 0;
    display: block;
}
.sousuo .searchInput,.sousuo .searchBtn{height: 40px}
.gongzi{
    float:left;
    width:98%; 
    display: block;
    border:1px solid #e1e5eb;
    border-bottom: 0;
    border-right: 0;
    margin-bottom: 15px;
}
.gongzi li{
    float:left;
    width:50%;
    border-bottom:1px solid #e1e5eb;
    border-right: 1px solid #e1e5eb;
    line-height: 50px; padding-left: 20px;
    color:#e43f3f; font-weight: bold;
}
.gongzi li span{margin-right: 10px; font-weight: bold; color:#333;}
.password{
    width:400px;
    margin:40px auto; 

}
.password li{
    margin-bottom: 20px;
}
.password li span{display: inline-block;width:100px; text-align: right}
.password li .searchBtn{margin:0 auto  ; display: block; height: 40px;}



@media (max-width: 768px) {
    .footer .s-list{display: none;}
    .container{
        width:96%;margin:0 2%;
    }
    .menu li{
        width:24%; border-right: 0;line-height: 50px;
    }
    .userbox,.dtbox,#newspic,.dtbox .border,
    .w380px,.leftside,.rightside,.gongzi li,.password{
        width:100%;
    }
    #birthday{padding-left: 0;font-size:24px; text-align: center; }
    #birthday span{margin:0 5px;}
    .linkOut{margin-bottom: 30px;display: block;}
    .fc-prev{left:0;}
    .fc-next{right:0;}
    .login-title{text-align: center;}
    #newspic .swiper-slide img{height: auto;}
    .subTitle{font-size:28px;}
    .content{padding:10px 14px;}
    .rightside .piclist li{width:46%;}
    .rightside,.leftside{margin-top: 0;}
    .rightside .piclist li img{height: 150px;}
    
    .sousuo .searchInput{width:45%;}

}
@media (max-width: 414px){    
    .menu li i,.top .fr{display: none;}
}