.banner{
    width: 100%;
    float: left;
}
.banner .bannerinfo{
    position: relative;
    width: 100%;
    float: left;
}
.banner .bannerinfo img{
    width: 100%;
    display: inline-block;
}
.banner .bannerinfo .bannertxt{
    width: 300px;
    position: absolute;
    left: 5%;
    bottom: 18%;
    /*border:#f00 solid 1px;*/
}
.banner .bannerinfo .bannertxt .bannercntxt{
    width: 100%;
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 45px;
    float: left;
}
.banner .bannerinfo .bannertxt .bannerentxt{
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 32px;
    float: left;
}
.jnsecondmenu{
    width: 100%;
    float: left;
}
.jnsecondmenu .menuinfo{
    width: 100%;
    padding:60px 96px 0;
    float: left;
}
.jnsecondmenu .menuinfo .menuxx{
    width: 100%;
    float: left;
    display: flex;
  justify-content: space-between;
  align-items: center;
}
.jnsecondmenu .menuinfo .menuitem{
    display: inline-block;
    width: 15%;
    margin-right: 50px;
    background: #E5E5E5;
    padding-top: 20px;
    padding-bottom: 20px;
}
.jnsecondmenu .menuinfo .menuitem a{
    width: 100%;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    color: #333333;
    text-align: center;
    /*padding: 0 20px;*/
    display: block;
}
.jnsecondmenu .menuinfo .menuitem:hover{
    background: #00479D;
}
.jnsecondmenu .menuinfo .menuitem:hover a{
    color: #fff;
}
.jnsecondmenu .menuinfo .active{
    background: #00479D;
}
.jnsecondmenu .menuinfo .active a{
    color: #fff;
}







.yf{
    width: 100%;
    float: left;
}
.yf .yfinfo{
    width: 100%;
    padding:0px 96px 50px;
    float: left;
}
.yf .yfinfo .yfxx{
    width: 100%;
    float: left;
}
.yf .yfinfo .yfxx .leftyf{
    width: 50%;
    width: 100%;
    display: inline-block;
    float: left;
}
.yf .yfinfo .yfxx .leftyf .yfmess{
    width: 100%;
    margin-top: 30px;
    float: left;
}
.yf .yfinfo .yfxx .leftyf .yfmess p{
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
}
.yf .yfinfo .yfxx .leftyf .yfbut{
    width: 100%;
    margin-top: 100px;
    float: left;
}
.yf .yfinfo .yfxx .leftyf .yfbut a{
    display: inline-block;
    padding:13px 44px;
    background: #00479D;
    border: 1px solid #00479D;;
}
.yf .yfinfo .yfxx .leftyf .yfbut a img{
    width: auto;
    display: block;
}
/*.yf .yfinfo .yfxx .rightyf{
    width: 43.2%;
    display: inline-block;
    float: right;
}
.yf .yfinfo .yfxx .rightyf img{
    width: 100%;
    display: block;
}*/
.yf .yfinfo .yfpic{
    width: 100%;
    float: left;

    display: flex;
  justify-content: center;
  align-items: center;
}
.yf .yfinfo .yfpic .yfpicitem{
    width: 25%;
    margin-right: 40px;
}
.yf .yfinfo .yfpic .yfpicitem img{}




@media (max-width: 1700px){
 
.jnsecondmenu .menuinfo .menuxx {
    display: block;
}
.jnsecondmenu .menuinfo .menuitem{
    width: auto;
    margin-right: 20px;
}
.jnsecondmenu .menuinfo .menuitem a{
    padding: 0 20px;
}
    
}
@media (max-width: 1600px){
    

}
/*! 1500 ~ 1520 */
@media (max-width: 1520px){
	

}

/*! 1200 ~ 1500  主内容区1140 */
@media (max-width: 1500px) { 
    

}






/*====================================================================================================================*/
/*! 1439   */
@media (max-width: 1440px) { 



}
@media (max-width: 1360px) { 


}
@media (max-width: 1300px) { 
	


}

/*! 992 ~ 1199  主内容区960 */
@media (max-width: 1299px) { 
.jnsecondmenu .menuinfo .menuitem {
    width: auto;
    margin-right: 6px;
}

}
@media (max-width: 1199px) { 

.banner .bannerinfo .bannertxt .bannerentxt {
    font-size: 18px;
}
.jnsecondmenu .menuinfo .menuitem {
    width: 30%;
    margin-right: 20px;
    margin-bottom:20px;
    display: inline-block;
    float: left;
}
.jnsecondmenu .menuinfo .menuitem:nth-child(3n){
    float: left;   
    margin-right:0;
}


}





@media (max-width: 1100px) { 
    
    
}

/*====================================================================================================================*/


@media (max-width: 1000px) { 
  


}

/*! <=991 手机端 */
@media (max-width: 991px) { 

.banner .bannerinfo .bannertxt .bannercntxt {
    font-size: 0.48rem;
    font-size: 0.4rem;
    line-height: 0.5rem;
}
.banner .bannerinfo .bannertxt .bannerentxt {
    font-size: 0.26rem;
    line-height: 0.5rem;
}
.jnsecondmenu .menuinfo {
    padding: 0.6rem 0.96rem 0;
}
.jnsecondmenu .menuinfo .menuitem {
    margin-right: 0.2rem;
    margin-bottom: 0.2rem;
}
.jnsecondmenu .menuinfo .menuitem a {
    padding: 0 0.2rem;
    font-size: 0.26rem;
    line-height: 0.2rem;
}
.yf .yfinfo {
    padding: 0 0.96rem 0.5rem;
}
.yf .yfinfo .yfxx .leftyf .yfmess {
    margin-top: 0.3rem;
}
.yf .yfinfo .yfxx .leftyf .yfmess p {
    font-size: 0.26rem;
    line-height: 0.4rem;
}
.yf .yfinfo .yfpic .yfpicitem {
    margin-right: 0.4rem;
}




}
@media (max-width: 767px) {

.banner .bannerinfo .bannertxt {
    width: 80%;
    left: 5%;
    bottom: 10%;
}
.jnsecondmenu .menuinfo {
    padding: 0.5rem 0.5rem 0;
}
.jnsecondmenu .menuinfo .menuitem {
    width: 48%;
}
.jnsecondmenu .menuinfo .menuitem:nth-child(3n) {
    float: unset;
    margin-right: unset;
}
.jnsecondmenu .menuinfo .menuitem:nth-child(2n) {
    float: right;
    margin-right: 0;
}
.yf .yfinfo {
    padding: 0 0.5rem 0.5rem;
}
.yf .yfinfo .yfpic {
    display: block;
}
.yf .yfinfo .yfpic .yfpicitem {
    width: 48%;
    margin-right: 0;
    display: inline-block;
    float: left;
}
.yf .yfinfo .yfpic .yfpicitem:nth-child(2n) {
    float: right;
    margin-right: 0;
}

}
@media (max-width: 640px){
    

}
@media (max-width: 472px){
    

}
@media (max-width: 414px){
  
    
}