*{
    padding: 0;
    margin: 0;
    font-family:Microsoft YaHei;
}
a{
	text-decoration:none;
	color::333
}
.container{
    max-width: 1500px;
    height: auto;
    width: 100%;
    margin: 0 auto;
    background: #fff;
}

.top_banner img{
    width: 100%;
}
.item_1{
    width: 100%;
    max-width: 1000px;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;

}
.four{
    width: 220px;
    height: 250px;
    text-align: center;
    padding-top: 20px;
    box-shadow: darkgrey 0px 0px 10px 5px;
}
.four .four_p1{
    font-size: 20px;
    font-weight: 900;
    color: #3143b2;
    margin-top:20px;
}
.four .four_p2{
    color: #3143b2;
    margin-top:10px;
}

.item_title{
    width: 100%;
    height: 70px;
    max-width: 500px;
    margin: 0px auto;
    margin-top: 40px;
}
.item_title img{
    width: 100%;
    text-align: center;
}


.item_2{
    width: 100%;
    max-width: 1500px;
    height: 560px;
    margin: 0px auto;
    background: url('bgtop.png') center top no-repeat;width: 100%;background-size: 100%;

}
.item_2_container{
    width: 100%;
    max-width: 1200px;
    height: 560px;
    margin: 0px auto;
    display: flex;
    justify-content: space-around;
}
.item_2_container_left{
    width: 60%;
    height: 560px;
}
.item_2_container_right{
    width: 35%;
    height: 500px;
}
.tv_container{
    width: 600px;
    height: 530px;
    background: url('tv.png') center top no-repeat;background-size: 100%;
    margin: 0px auto;
    margin-top: 20px;
    padding: 1px;
}
.tv_img{
    width: 560px;
    height: 340px;
    margin: 20px auto;
}
.tv_img img{
    width: 100%;
}
.yhzpw{
    width: 150px;
    font-size: 30px;
    font-weight: 900;
    border-bottom: 5px solid #fff609;
    margin-top: 50px;
}
.finger_img{
float: right;
}
.clear{
    clear: both;
}
.bbb{
    width: 200px;
    height: 40px;
    line-height: 40px;
    border: 1px solid lightgray;
    border-radius: 20px;
    margin: 10px;
    text-align: center;
    background: #fff;

}
.item_3{
    width: 100%;
    max-width: 1500px;
    height: 560px;
    margin: 0px auto;
    background: url('bgbottom.png') center top no-repeat;width: 100%;background-size: 100%;


}
.item_3_container{
    width: 100%;
    max-width: 1200px;
    height: 560px;
    margin: 0px auto;
    display: flex;
    justify-content: space-around;
}
.item_3_container_left{
    width: 25%;
    height: 560px;

}
.item_3_container_right{
    width: 60%;
    height: 560px;

}
.tv_img1{
    width: 50%;
    height: auto;
    margin: 25px auto;

}
.tv_img1 img{
    width: 100%;
    text-align: center;
}
.item_4{
    width: 100%;
    max-width: 1500px;
    height: auto;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
}
.item_L{
    width:5%;
    height: auto;
    padding-top: 100px;
    
}
.item_L img{
    width:100%;

}
.item_L2{
    width:30%;
    height: auto;
    margin-top: 80px;
    
}
.L2container{
    width: 60%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    margin-top: 15px;
    background:#fff609;
    color: #333;
    font-weight: 700;
    cursor: pointer;
}
.a1{
    margin-left: 15%;
}
.a2{
    margin-left: 25%;
}
.item_M{
    width:30%;
    height: auto;
   
}
.item_M_img{
    width: 100%;
    height: auto;
    background: url('phone_img.png') center top no-repeat;width: 100%;background-size: 100%;


}
.item_M_img img{
    width: 100%;
}
.item_R2{
    width:30%;
    height: auto;
    margin-top: 80px;
}
.item_R{
    width:5%;
    height: auto;
    padding-top: 100px;
}
.item_R img{
    width:100%;

}
.yellow{
    width: 50%;
    height: 40px;
    border-radius: 30px;
    background: #fff609;
    padding:10px;
    margin: 0 auto;
}
.yellow p{
    float: right;
    font-weight: 700;
    margin-right: 20px;
}
.yellow_img{
    width: 110px;
    height: 110px;
    margin: 10px auto;

}
.yellow_img img{
    width: 100%;
}
.item_5{
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 0px auto;
    display: flex;
    justify-content: center;
    margin-top: 30px;

}
.book{
    width: 30%;

}
.book img{
    width: 90%;
}
.zl{
    width: 50%;
    height: auto;
}
.zl_container{
    width: 90%;
    height: 45%;
    border: 1px solid #e7ebfa;
    margin: 10px auto;
    border-radius: 30px;
    background:-webkit-linear-gradient(left,#fff,#e7ebfa);/* Safari 5.1 - 6.0 */
	background:-o-linear-gradient(right,#fff,#e7ebfa);/* Opera 11.1 - 12.0 */
	background:-moz-linear-gradient(right,#fff,#e7ebfa);/* Firefox 3.6 - 15 */
    background:linear-gradient(to right,#fff,#e7ebfa);/* 标准*/
    
}
.zl_container_item{
    width: 90%;
    height: 90%;
    margin: 0 auto;
}
.part1{
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    color: #1b047e   ;
}
.part2{
    margin-top: 10px;
    color: #1b047e   ;
}
.item_6{
    width: 100%;
    max-width: 1498px;
    height: 650px;
    margin: 0px auto;
    background: url('itembg.jpg') center top no-repeat;width: 100%;background-size: 100%;
    padding: 1px;
    
}




.qq{
    font-size: 30px;
    font-weight: 900;
    text-align: center;
    color: #fff;
    margin-top: 120px;
}
.qq_container{
    width:900px ;
    height: 400px;
    background: #fff;
    margin:30px auto;
    border-radius: 40px;
    display: flex;
    justify-content: center;
}
.letter{
    width: 35px;
    height: 35px;
    border-radius: 25px;
    margin-left: 5px;
    margin-top: 35px;
    text-align: center;
    line-height: 35px;
    font-weight: 900;
    color: #fff;
    background: #f65d5f;
    cursor: pointer;
}
.qq_container_left{
    width: 120px;
}
.province_letter{
    width: 110px;
    height: 35px;
    margin: 37px auto;
    background: #f65d5f;
    border-radius: 20px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-weight: 700;

}

.allLetter{
    width: 720px;
    height: 100px;
    display: flex;
    justify-content: center;
}
.letter_bottom{
    width: 720px;
    height:250px;
    display: flex;
    justify-content: center;  
}
.province{
    width: auto;
    text-align: center;
    margin-top: 50px;
}
.five{
    width: auto;
    text-align: center;
    display: flex;
    justify-content: center;  
}
.four1{
    width: auto;
    text-align: center;
    display: flex;
    justify-content: center;  
}
.six{
    width: auto;
    text-align: center;
    display: flex;
    justify-content: center;  
}


.three{
    width: auto;
    text-align: center;
    display: flex;
    justify-content: center;   
}

.two{
    width: auto;
    text-align: center;
    display: flex;
    justify-content: center;     
}
.pic{
    width: 120px;
}
.pic img{
    width: 100%;
}
.bottom{
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}
.bottom img{
    width: 100%;
}