body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,'思源黑体'; color:#333; -webkit-text-size-adjust: none; }
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle; outline:none; font-family:'arial';}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());  }
a:focus {outline: 0 none;}
h1,h2,h3,h4{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial,'思源黑体';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
html,body{ width: 100%; height: 100% }
li{ list-style:none;}
em,i{ font-style: normal; }
.box{ width: 69.79vw; margin: 0 auto; }
.head{ background: #fff; height: 100px; }
h1{ float: left; line-height: 100px; }
.head_r{ float: right; }
.nav_ul{ float: left; padding-top: 32px;}
.nav_ul li{ float: left; margin-right: 30px; position: relative; }
.nav_ul li a{ display: block; transition: all 0.5s ease 0s; font-size: 20px; height: 42px; line-height: 42px; padding: 0 4px; }
.nav_ul li:after { position: absolute; left: 0; bottom: 0; content: ''; transition: all 0.5s ease 0s;width: 0; height:4px; background: url(../images/nav.png) left top no-repeat; }
.nav_ul li:hover:after { width: 100%; transition: all 0.5s ease 0s; }
.nav_ul li:hover a{ color: #1c3d72;  transition: all 0.5s ease 0s; }
.lan{ float: right; padding: 32px 0 0 20px; background: url(../images/head1.png) left 44px no-repeat;height: 42px; line-height: 42px; }
.lan a{ display: block; float: left;color: #1c3d72; font-size: 18px; font-size: 18px; padding: 0 10px;  background: url(../images/head2.png) right center no-repeat;}
.lan a:nth-last-child(1){ background: none }
.indexbody{background: url(../images/indexbj.jpg) center top no-repeat; background-size: cover;}
.indexbro{ padding: 44px 0 24px 0; }
.brotit{ float: left; height: 44px; line-height: 44px; font-size:34px; padding-left: 32px; background: url(../images/index1.png) left center no-repeat; }
.brosee{ display: block; float: right;  transition: all 0.5s ease 0s; height: 42px; line-height: 42px; border: 1px solid #adafbb; width: 118px; border-radius: 10px;background: url(../images/see1.png) 90px center no-repeat; font-size: 14px; text-indent: 24px; }
.brosee:hover{ border: 1px solid #1c3d72; transition: all 0.5s ease 0s; color: #1c3d72}
.bro_l{ float: left; width: 69%}
.cgtpic img{ width: 100%; height: auto; }
.cgt_tit{ font-size: 20px; height: 32px; line-height: 32px; color: #000028;overflow: hidden; }
.cgtpic { margin-bottom: 10px; }
.cgt_time{ height: 30px; line-height: 30px; font-size: 16px; overflow: hidden; padding-left: 24px; background: url(../images/index2.png) left center no-repeat;}
.bro_r{ float: right; width: 29% }
.cgtdiv{ margin-bottom:14px;  }
.indexbody{ padding-bottom: 60px; }

.foot{ background: #4c4c4c;height: 100px;}
.foot_r{ float: right; padding-top: 22px; }
.footwhat{ float: left; margin-left:20px; position: relative;  }
.whatimg{ width: 52px; cursor: pointer; height: 52px; line-height: 52px; text-align: center; border-radius: 10px; border: 1px solid #949494 }
.foot_l{ float: left; padding-top: 14px;}
.tel{ font-size:20px; color: #fff; height: 36px; line-height: 36px;   }
.foot_i{ margin-left:30px;  }
.gz{ height: 36px; line-height: 36px; font-size: 16px; color: #787979; }
.gz a{font-size: 16px; color: #787979; display: inline-block; margin-left:24px }
.whatpic{ position: absolute; left: 50%; margin-left: -50px; top: -110px; display: none; }
.whatpic img{ width: 100px; height: 100px; overflow: hidden; }
.footwhat:hover .whatpic{ display: block; }

.innerbody{background: url(../images/castbj.jpg) center top no-repeat; padding-bottom: 1px; background-size: cover;}
.cast_site{ padding:20px 0 0 0;  }
.site{ height:34px; font-size: 14px; color: #000028; line-height: 34px;  float: right;background: url(../images/home1.png) left center no-repeat;  padding-left: 20px;  }
.site a{ display:inline-block;font-size: 14px; transition: all 0.5s ease 0s; color: #000028; padding: 0 12px;background: url(../images/home3.png) right center no-repeat;  }
.site a:nth-last-child(1){ background: none; color: #1c3d72 }
.site a:hover{ color: #1c3d72; transition: all 0.5s ease 0s;}
.cast{min-height:800px;}
.castdiv{ margin-bottom:20px;  }
.cast_tit{ float: left; height:74px; line-height: 74px; font-size:34px; color: #000028; padding-left: 32px; background: url(../images/index1.png) left center no-repeat;  }
.cast_see{ float: right; display: block; height:74px; line-height: 74px; font-size: 20px; padding-left: 32px;background: url(../images/home2.png) left center no-repeat;  }
.cast_ul{ margin:0 0 50px -2% }
.cast_ul li{ width: 25%; float: left; padding: 0 0 0 2%; box-sizing: border-box; margin-bottom: 30px; }
.castimg img{ width: 100%; height: auto;transition: all 1s ease 0s; }
.castinner{padding:0 20px 30px;  }
.castimg { overflow: hidden; border-radius: 10px;}
.castbox{border-radius:10px; background: #fff;   }
.cast_time{ font-size: 16px; height:50px; line-height: 50px; overflow: hidden; padding-left:24px;color: #000028; background: url(../images/index2.png) left center no-repeat;   }
.cast_title{ font-size: 20px; height: 52px;transition: all 0.5s ease 0s; line-height: 26px; overflow: hidden; color: #000028 }
.cast_ul li:hover .cast_title { transition: all 0.5s ease 0s; color: #1c3d72}
.cast_ul li:hover .castimg img{transition: all 1s ease 0s; transform: scale(1.1);}

.broball{ position: fixed; display: none; width: 100%; height: 100%; left: 0; top: 0; background: rgb(0,0,40,.4)}
.brotc{position: fixed;display: none; z-index: 99; width: 69.79vw; height: 620px;  margin:-310px 0 0 -34.895vw; left: 50%; top: 50%;}
.stapic{background: url(../images/cast.jpg) center top no-repeat; background-size: cover; height: 620px; border-radius: 10px;}
.sta_tit{ text-align: center; font-size:46px; height:72px; line-height: 72px; overflow: hidden; color: #000028  }
.sta_ye{text-align: center; font-size:22px; height:54px; line-height: 54px; overflow: hidden; color: #666666; margin-bottom: 24px; }
.sta_sub{ text-align: center; }
.sta_sub a{ display: inline-block; transition: all 0.5s ease 0s; margin:0 15px; width: 158px; height: 42px; line-height: 42px; border-radius: 10px; text-align: center; font-size:18px; color: #000028; border: 1px solid #b1b1bd  }
.sta_sub a:hover{transition: all 0.5s ease 0s; color: #1c3d72; border: 1px solid #1c3d72 }
.sta{ position: absolute; left: 0; bottom: 80px; width: 100% }

.cell_tit{ font-size: 36px; text-align: center; height: 64px; line-height: 64px; overflow: hidden; }
.celltime{font-size: 16px; text-align: center; height: 44px; line-height: 44px; overflow: hidden; margin-bottom: 18px; color: #666666;}
.cellvideo img{ width: auto; height: auto; max-width: 100% }
.cellvideo { margin-bottom: 122px; }

.innersign{background: url(../images/signbj.jpg) center top no-repeat; padding-bottom: 1px; background-size: cover;}
.sign_r{ float: right; padding-top: 38px; }
.sign_r a{ display: block; float: left; height:38px; line-height: 38px;  font-size: 20px; margin-right: 38px; color: #000028; }
.sign_r .signmer{ margin:0; font-size: 18px; color: #1c3d72 ;}
.sign_r .signmer img{ margin-right:10px; margin-top: -5px;  }
.log{width: 482px; margin:126px auto 180px; background: #fff; border-radius: 10px;}
.log_l{ margin-bottom:34px;  }
.log_l a{ display: block; float: left; width: 50%;position: relative; border-top: 4px solid #f4f4f4; font-size: 22px; text-align: center; height: 56px; line-height: 56px; background: #f4f4f4; }
.log_l a.on{ color: #1c3d72; background: #fff;border-top: 4px solid #1c3d72; }
.log_l a:nth-child(1){ border-radius: 10px 0 0 0; }
.log_l a:nth-child(2){ border-radius:0 10px 0 0; }
.log_l a.on:nth-child(1):after{ position: absolute; z-index: 999; right:-11px; top:-4px; content: ''; background: url(../images/sign12.png) center top no-repeat; width: 11px; height: 60px;}
.log_l a.on:nth-child(2):after{ position: absolute; z-index: 999; left:-11px; top:-4px; content: ''; background: url(../images/sign10.png) center top no-repeat; width: 11px; height: 60px;}
.logbox{ padding:0 40px 40px;  }
.logdiv{ margin:0 0 20px;  height: 58px; overflow: hidden;display: inline-flex;width:100%;justify-content: space-between; border: 1px solid #d7dedc; border-radius: 10px;}
.logdiv2{border:none;margin:30px 0;}
.logdiv2 .logsub2{width:200px;line-height:58px;height:58px;margin-left：30px}
.logdiv .logl{ float: left; width:52px;line-height: 58px; text-align: center;background: url(../images/sign11.png) right center no-repeat;}
.logdiv .logr{ float: left; width: 100%;}
.logdiv2 .logl{ font-size:20px;background:none;width:152px;}
.logdiv2 .logr{ float: left; width: calc(100% - 380px); border: 1px solid #d7dedc; border-radius: 10px;}
.logtxt{  width: 100% !important; height:58px; line-height: 58px; padding:0 16px; border:none; background: none; box-sizing: border-box;  color: #aeb4c2; font-size: 16px;  }
.codel{ float: left; width: 206px; }
.coder{ float: left; width:138px; border-left:  1px solid #d7dedc  }
.coder img{ width: auto; height: auto; max-width: 100% }
.logdivon{ margin-bottom: 0 }
.acc_l{ float: left; height: 58px; line-height: 58px; font-size: 16px; color: #000028; }
.acc_r{ display:block; float: right; height: 58px; line-height: 58px; font-size: 16px; color: #1c3d72; }
.logche{ margin:0 10px 0 0;  }
.logsub{ font-size: 18px; text-align: center; width: 100%; color: #fff; transition: all 0.5s ease 0s;height:50px; line-height: 50px; background: #1c3d72; border: 1px solid #1c3d72; border-radius: 10px;  }
.logsub:hover{ background: none; color: #1c3d72; transition: all 0.5s ease 0s;}

.meb_l{ float: left;  width:280px;  }
.user{ background: #fff; border-radius: 10px; margin-bottom:30px;  padding: 40px 0 20px 0; }
#userfile::file-selector-button{ background: url(../images/mem1.png) center center no-repeat; display: block; border: none; cursor: pointer;color: #fff;font-size: 0px; margin: 0 auto; width: 100px; height: 100px; border-radius: 100px;}
.username{ font-size: 20px; text-align: center; height:60px; line-height: 60px; overflow: hidden;  }
#userfile{ font-size: 0; width: 100px; height: 100px; margin: 0 auto; border-radius: 100px; display: block; }
.cata{background: #fff; border-radius: 10px; margin-bottom:30px;  padding: 14px 22px 20px;}
.cata_ul a{ display: block; height:50px; line-height: 50px; font-size: 20px; text-indent:56px; background: url(../images/memimg1.png) 22px center no-repeat;  }
.cata_ul li:nth-child(2) a{background: url(../images/memimg2.png) 22px center no-repeat; }
.cata_ul li:nth-child(3) a{background: url(../images/memimg3.png) 22px center no-repeat; }
.cata_ul li:nth-child(4) a{background: url(../images/memimg4.png) 22px center no-repeat; }
.cata_ul a:hover,.cata_ul a.on{background: url(../images/memimg11.png) 22px center no-repeat;  color: #1c3d72; }
.cata_ul li:hover:nth-child(2) a,.cata_ul li:hover:nth-child(2) a.on{background: url(../images/memimg22.png) 22px center no-repeat; }
.cata_ul li:hover:nth-child(3) a,.cata_ul li:hover:nth-child(3) a.on{background: url(../images/memimg33.png) 22px center no-repeat; }
.cata_ul li:hover:nth-child(4) a,.cata_ul li:hover:nth-child(4) a.on{background: url(../images/memimg44.png) 22px center no-repeat; }

.meb_r{ float: right; width:76%; min-height: 670px;  background: #fff; border-radius: 10px; padding: 20px 0 0 0;  }
.memtit{ float: left; height:44px; line-height: 44px; font-size:20px; padding-left:20px; position: relative;   }
.memtit:after{ position: absolute; left: 0; top: 50%; content: ''; background: #1c3d71; width:4px; height: 24px; margin-top: -12px;  }
.memge{ float: right;padding-right: 30px; margin-bottom: 30px; height: 44px; background: url(../images/home4.png) left center no-repeat; padding-left: 18px; }
.memge a{ display: block; float: left; font-size:14px;transition: all 0.5s ease 0s; padding: 0 12px; color: #666666;background: url(../images/see1.png) right center no-repeat; height: 44px; line-height: 44px;  }
.memge a:nth-last-child(1){ background: none; }
.memge a:hover{transition: all 0.5s ease 0s;color: #1c3d72;}
.gertit{ font-size: 26px; height:44px; line-height: 44px; padding-left:20px; margin-bottom: 50px; }
.post{ width:400px; margin:0 auto; padding-bottom: 90px; }
.post .logbox{ padding: 0; }
.memsub{font-size: 18px; transition: all 0.5s ease 0s; float: left;display: block; text-align: center; width: 260px; color: #fff; transition: all 0.5s ease 0s;height:50px; line-height: 50px; background: #1c3d72; border: 1px solid #1c3d72; border-radius: 10px; }
.memcz{font-size: 18px;transition: all 0.5s ease 0s; float: right;display: block; text-align: center; width: 120px; color: #000028; transition: all 0.5s ease 0s;height:50px; line-height: 50px; background: #f4f4f4; border: 1px solid #f4f4f4; border-radius: 10px; }
.meb{ margin-bottom: 50px; }
.memlogtxt{ float: left; width: 250px; }
.memxg{ float: left; width:90px; height: 50px; line-height: 50px; cursor: pointer; font-size:14px; color: #fff; text-align: center; background: #1c3d72; border-radius: 10px; margin-top: 4px;  }
.modify{ width: 440px; padding: 20px; box-sizing: border-box; position: fixed; left: 50%; top: 50%; height:320px; margin:-160px 0 0 -220px; background: #fff; border-radius: 10px; }
.modtit{ height: 40px; line-height: 40px; font-size: 20px; margin-bottom: 20px; border-bottom: 1px solid #f0f0f0 }
.coder{color: #aeb4c2;font-size: 16px; height: 58px; background: #1c3d72; cursor: pointer; text-align: center; line-height: 58px;}
.memcloase{ position: absolute; right: 14px; top: 17px; background: url(../images/memclose.jpg) left center no-repeat; width: 12px; height: 12px; display: block; }
.modify{ display: none; }
.memsub:hover,.memcz:hover{transition: all 0.5s ease 0s; background: none; color: #1c3d72;border: 1px solid #1c3d72; }


.navBg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    background: #222;
    background: rgba(34, 34, 34, .9);
    
    transition: all .5s ease 0s;
    transform: translate(-100%, 0);
    
}

.navBg.activenav {
    opacity: 1;
    transform: translate(0, 0);
    z-index: 9999;

}

.navTop {
    position: relative;
    z-index: 1;
    padding: 15px 10px;
    overflow: hidden;
    
}

.navClose {
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
     margin-right: -9px;
}

.navClose span {
    display: block;
    width: 100%;
    height: 1px;
    background: #FFF;
    transform-origin: left center
}

.navClose span:first-child {
    transform: rotate(45deg)
}

.navClose span:last-child {
    margin-top: 20px;
    transform: rotate(-45deg)
}

.navBot {
    position: absolute;
    top: 36px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
   
    height: 100%
}

.navList {
    overflow: hidden;
    height: 100%
}

.navList li {
    width: 100%;
    height: auto;
    
    transition: all .5s ease 0s;
    transform: translate(0, 50px)
}

.navList li a {
    display: block;
    padding: 10px ;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 16px;
}



.navList li a:hover {
    padding-left: 10%;
    color: #1c3d72
}

.activenav .navList li {
    opacity: 1;
    transform: translate(0, 0)
}

.activenav .navList li {
    transition-delay: .3s
}

.menuBg {
    position: absolute;
    top: 22px;
    right: 10px;
    z-index: 2;
    display: none;
    
}


.menuBtn img {
    margin: 6px auto 10px
}

.mBtnLine {
    font-size: 0;
    width: 20px;
}

.mBtnLine span {
    display: inline-block;
   
    vertical-align: top
}

.mBtnLine span:nth-child(2) {
    margin: -4px 3px 0
}
.mBtnLine span {
        width: 100%;
        height: 2px;
        background:#1c3d72
    }

    .mBtnLine span:nth-child(2) {
        margin: 5px 0;
        width: 80%
    }
/* 分页组件 */
						.pagination-block {
							display: flex;
							justify-content: center;
							margin-bottom: 15px;
							font-size: 16px;
						}

						.pagination {
							margin: 0;
							display: inline-flex;
						}

						.pagination_info {
							margin: 0 10px;
							display: flex;
							align-items: center;
						}

						.pagination li a,
						.pagination li span {
							border-radius: 0 !important;
							/*margin-right: 8px;*/
							color: #7c7c7c;
							position: relative;
							display: block;
							padding: 0.5rem 0.75rem;
							margin-left: -1px;
							line-height: 1.25;
							/* border: 1px solid #dee2e6; */
						}

						.pagination li.disabled span {
							cursor: not-allowed;
						}

						.pagination>.active>span,
                        .pagination>.active,
                        .pagination>.active>span:hover,
                        .pagination>li:hover {
                            color: #fff;
                            background: #000028;
                            /* border: 1px solid transparent; */
                        }
                        .pagination>li>span:hover,
                        .pagination>li>a:hover {
                            color: #fff;
                        }