@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
body{ font-family:"微软雅黑"; font-size:14px; color:#000;}
#top{ height:91px;}
.nab{ width:780px; height:91px; float:right;}
.topn{ width:1250px; height:91px; margin:0 auto;}
#lg{ height:45px; margin:0 auto; width:1150px;}
.nav01{ width:106px; height:91px; float:left; background-image:url(images/nav01.png);}
.nav02{ width:107px; height:91px; float:left; line-height:91px; font-size:16px; text-align:center; }
#dh{ height:3px; background-image:url(images/ttbg.png); color:#FFF;}
.logo{ width:430px; height:91px; float:left;}
#banner{ height:527px; background-image:url(images/banner.png); background-position:center; background-repeat:no-repeat;}
#cp{ height:550px; margin:0 auto; margin-top:10px;}
#jp{ width:1012px; height:510px; margin:0 auto; margin-top:30px;}


#bottom{ height:180px; margin-top:40px; background-color:#888888; color:#FFF;}
.btnr{ width:1150px; height:95px; margin:0 auto;}
.blogo{ width:229px; height:95px; background-image:url(images/blogo.png); float:left;}
.b01{ width:750px; height:95px;  margin:0 auto; line-height:35px; font-size:15px; text-align:center;}

.a1:link{ font-size:16px; font-weight:bold; text-decoration:none; color:#fff;}
.a1:visited{text-decoration:none; color:#fff; font-size:16px; font-weight:bold;}
.a1:hover{text-decoration:underline; color:#fff; font-size:16px; font-weight:bold;}
.a1:active{text-decoration:none; color:#fff; font-size:16px; font-weight:bold;}

.a2:link{text-decoration:none; color:#FFF;}
.a2:visited{text-decoration:none; color:#FFF;}
.a2:hover{text-decoration:underline; color:#FFF;}
.a2:active{text-decoration:none; color:#FFF;}

.a3:link{text-decoration:none; color:#000; font-size:16px;}
.a3:visited{text-decoration:none; color:#000; font-size:16px;}
.a3:hover{text-decoration:underline; color:#f57b04; font-size:16px;}
.a3:active{text-decoration:none; color:#000; font-size:16px;}

.a4:link{text-decoration:none; color:#666;}
.a4:visited{text-decoration:none; color:#666;}
.a4:hover{text-decoration:underline; color:#000;}
.a4:active{text-decoration:none; color:#666;}

#login{ width:500px; height:400px; margin:0 auto; background-color:#FFF; font-size:14px; border:1px #CCCCCC solid;}
.lbt{ width:450px; height:60px; margin:0 auto; margin-top:10px; border-bottom:1px solid #CCC; text-align:center; line-height:60px; font-size:20px;}
.dl01{ width:420px; height:30px; margin:0 auto;}
.s1{ width:260px; height:30px; color:#666;}
.s2{ width:130px; height:30px; color:#666;}
.jm{width:420px; height:30px; margin:0 auto; margin-top:30px;}
.jm01{ width:120px; height:30px; float:left; line-height:30px;}
.jm02{ width:100px; float:left; color:#930; height:30px; line-height:30px; margin-left:30px;}
.jm03{ width:330px; height:30px; float:left; line-height:30px;}
.btn{ width:298px; height:45px; margin:0 auto; margin-top:30px;}
.ts{ width:230px; height:40px; margin:0 auto; margin-top:30px;}

#zhuce{width:500px; height:480px; margin:0 auto; background-color:#FFF; font-size:15px; border:1px #CCCCCC solid;}
.s6{ color:#F00;}

.p01{ width:368px; height:384px; float:left;}
.p02{ width:366px; height:384px; float:left; margin-left:26px;}
.dz{ width:100px; height:91px; float:right; line-height:91px; font-size:16px;}
.fbt{ width:500px; height:144px; margin:0 auto; background-image:url(images/bt01.png);}
.albt{ width:500px; height:136px; margin:0 auto; background-image:url(images/albt.jpg);}
.fw{ height:319px; background-image:url(images/yw.jpg); background-position:center; background-repeat:no-repeat; }
.fw1{  height:524px; margin:0 auto; margin-top:20px; background-color:#2064e3;}
.jpxz{ width:1194px; height:524px; margin:0 auto;}
#xxmm{ width:1200px; height:508px;  margin:0 auto; margin-top:30px;}
.ne{ height:320px; width:1205px; margin:0 auto;}
.dhn{ width:1200px; height:35px; margin:0 auto; line-height:35px; font-size:12px; color:#999;}
#zhuli{ width:1200px; height:1280px; margin:0 auto; margin-top:30px;}
.zlbt{ height:45px; line-height:45px; font-size:30px; margin-bottom:30px;}
.y01{ height:265px; border-top:1px #d4d3d2 solid; padding-top:15px; margin-bottom:20px;}
.zlm{ width:900px; height:260px; float:left; line-height:25px;}
.zlt{ width:290px; height:260px; float:left; margin-left:10px;}
.f01{ font-size:20px; font-weight:bold;}
.dt{ width:669px; height:485px; float:left;}
.lx{ width:490px; float:left; height:300px; margin-top:140px; margin-left:35px; font-size:18px; line-height:40px;}

/* 遮罩层 */
.mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}
 
/* 弹窗主体 */
.modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    background: white;
    border-radius: 8px;
    z-index: 1000;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
 
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #eee;
    position: relative;
}
 
.close {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    font-size: 24px;
    color: #666;
}
 
.qrcode-img {
    max-width: 300px;
    display: block;
    margin: 20px auto;
    padding-bottom: 30px;
}