.jr20-top{ 
    width: 100%; 
	height: 750px; 
	background:url(../images/pc-head.jpg?v=2) center top no-repeat;}

.jr20-top1{ 
    width:1000px;
	margin:0 auto; 
	overflow:hidden;
}

.jr20-top2{
    width:1000px;
	margin:0 auto;
    position: relative;
    height:750px;
}
.jr20-top2-l{
    width: 100%;
    height: 200px;
    position: absolute;
    top:470px;
    left: 0px;
}
.jr20-top2-l-t{
    width: 100%;
	height: 35px;
    line-height: 35px;
}
.jr20-top2-l-t p{
    color: #022703;
    font-size: 20px;
    font-weight: bold; 
	padding-left:10px;
}
.jr20-top2-l-x{
    width: 100%;
}

.slDiv{float:left;margin-top:11px;position:relative;width:380px;height:56px;background:url("../images/jr20-3.png")  no-repeat;}
.slDiv #btnSelect{width:366px;display:inline-block;text-indent:10px;height:56px;line-height: 56px; font-size: 16px; margin-left:5px;}
.slDiv .ulDiv{display:none;width:366px;border:2px solid #3f94af;background:#FFF;position:absolute;z-index:100;top: 50px;left:7px;border-top: 0;}
.slDiv .ulDiv.ulShow{display:block;}
.slDiv .ulDiv ul li{text-indent:10px;cursor:pointer;height: 33px;line-height: 33px;font-size: 16px;}
.slDiv .ulDiv ul li:hover{background:#cbebf6;}

.gx-tex{
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    width: 100%;
    margin-top: 5px; 
	margin-left:10px;
}
.gx-tex span{
    color: #bf0102; 
	font-size:18px; 
}

.gx-tex span input{ 
   height:28px;
   width:120px; 
   color:#FF0000; 
   font-size:24px; 
   text-align:center;
   background:0
}

.btn-xh{
    width: 213px;
    height: 83px;
    float: left;
    margin-left: 20px;
}

#glhd-box {
    position: absolute;
    right:80px;
    top:410px;
    z-index: 996;
    width: 229px;
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.close {
    width: 40px;
    height: 55px;
    position: absolute;
    right: 70px;
    top: 183px;z-index: 999;
}
.jbimg {
    opacity: 0;
    position: absolute;
    animation: change 1s;
    -moz-animation: change 1s;
    -webkit-animation: change 1s;
    -webkit-animation-delay: 1s;
    -o-animation: change 1s;
    animation-fill-mode: forwards;
}
 @keyframes change{
    0%{width: 0%;height: 259px;opacity:0 ;}
    10%{width: 10%;height: 259px;opacity:0.1 ;}
    20%{width: 20%;height: 259px;opacity:0.2; }
    30%{width: 30%;height: 259px;opacity:0.3; }
    40%{width: 40%;height: 259px;opacity: 0.4;} 
    50%{width: 50%;height: 259px;opacity: 0.5;} 
    60%{width: 60%;height:  259px;opacity: 0.6;} 
    70%{width: 70%;height: 259px;opacity: 0.7;}     
    80%{width: 80%;height: 259px;opacity: 0.8;}
    90%{width: 90%;height: 259px;opacity: 0.9;} 
    100%{width:100%;height: 307px;opacity: 1;} 
    }  
	
.hh-img{
    width: 100%;
    height: 259px;
    overflow: hidden;
}
.hh-yljy{
    width: 100%; float:right; 
	margin-top:680px;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    line-height: 46px;
}
.hh-yljy p{
    text-align:center;
}


@media screen and (max-width:800px){
.jr20-top{
	width: 100%; 
	height:1155px; 
	background:url(../images/wap-head.jpg) center top no-repeat;
	}
.jr20-top2{ max-width:320px; height:1155px; overflow:hidden;}
.jr20-top2-l{top:510px; height:1155px;}	
.slDiv{width:300px;height:44px;background:url("../images/jr20-4.png")  no-repeat;}
.slDiv #btnSelect{width:300px;height:44px;line-height: 44px; }
.slDiv .ulDiv{width:290px;}
.gx-tex{ margin-left:0;}
.btn-xh{ margin-left:66px; margin-top:50px; }
#glhd-box {
    top:780px;
}
.hh-yljy{margin-top:1100px;}
}