/*banner部分*/
.banner-wrap {
	width:100%;
    height: 800px;
    overflow: hidden;
    min-width: 1200px;
    background: url(banner-shenjier.png) no-repeat center -170px;
}
.nav-right .nav4 a {
    color: #28a7e1!important;
}
.nav-right .nav3 a {
    color: #333!important;
}
.online-listsTag>li {
    width: 300px;
}
.jpsjList img {
    margin-left: 5.4rem;
}
.online-listsTag>li>div {
    padding: 0 4.5rem;
    text-align: center;
}
.online-info_tag span {
    font-size: 20px;
    /* color: #5b77f1; */
    padding-right: 0rem;
}
.jpsjList {
    background: #fff!important;
    height: 19rem!important;
}
.sjbglistbtn {
    margin-top: 98px!important;
    border-radius: 30px!important;
}
.right_sjbg-dec {
    width: 600px
}
.four_link li {
    display: inline-block;
    width: 296px;
    height: 95px;
    text-align: center;
}
.four_link li div{
    margin-top: 50px;
   
}
.four_link li div span{
    color: #5396ff;
}
.four_link li div p{
    color: #898f9a;
    margin-top: 20px
}
.four_link_1 {
    background: url(icon_dui.png) 70% 0 no-repeat; 
}    
.four_link_2 {
    background: url(icon_shangs.png) 70% 0 no-repeat; 
}   
.four_link_3 {
    background: url(icon_shangs.png) 77% 0 no-repeat; 
}  
.prapareFour {
   	width: 248px;
}  
.prapareFour_two {
    width: 554px;

}
.prapareFour, .prapareFour_two {
    height: 120px!important;
}
.somematerials > span {
    background: #f5f7fc;

}
.somematerials > span div {
    color: #000000;
    
}
.somematerials > span p {
    color: #898f9a;
    
}

.somematerials>span:hover{
    color: #fff;
    box-shadow: 0 6px 30px 0 rgba(172,196,216,0.27);
    background: -webkit-linear-gradient(left top, #5396ff, #66ceff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right,#5396ff, #66ceff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right,#5396ff, #66ceff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right,#5396ff, #66ceff); /* 标准的语法 */

}
.somematerials>span:hover div,.somematerials>span:hover p{
    color: #fff;
}
.somematerials>span:hover .point,.somematerials>span:hover .point{
    border: 4px solid #fff;
}
.point {
    display: inline-block;
    width: 1px;
    height: 1px;
    border: 4px solid #5396ff;
    border-radius: 50%
}
.prapareFour>div>span ,.prapareFour_two>div>span{
    font-size: 18px;
    font-weight: 600
}
.prapareFour>div ,.prapareFour_two>div

{
    margin-top: 16px;
}
.prapareFour>p,.prapareFour_two >p {
    padding-left:28px;
    margin-top: -18px
}
.problemlist-dec {
    width: 547px;
}
.count-wrap {
    position: fixed;
    top: 25%;
    left: 50%;
    margin-left: -200px;
    display: none;
    width: 400px;
    background: #fff;
    z-index: 9999;
    border-radius: 10px;
    padding-bottom: 48px;
}
.count-title {
    border-radius: 10px 10px 0 0;
    font-size: 18px;
    color: #fff;
    padding: 35px 0 35px 75px;
    background: -webkit-linear-gradient(left, #477cfe, #33dfa5);
   /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right,#477cfe, #33dfa5);
   /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right,#477cfe, #33dfa5);
   /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#477cfe, #33dfa5);
}
.count-title span {
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 30px;
    top: 28px;
    background: url(../images/m_heming_imgs/hm_icon_hint.png) no-repeat;
    background-size: 35px 35px;
}
.count-con {
    width: 100%;
}
.count-yzm {
    width: 298px;
    height: 48px;
    border: 1px solid #d2d2d2;
    margin: 28px auto 16px;
}
.count-yzm .count-yzm-input {
    display: block;
    border: none;
    outline: none;
    width: 200px;
    height: 40px;
    margin-top: 5px;
    margin-left: 24px;
    font-size: 14px;
    color: #888b93;
}
.count-tp {
    width: 298px;
    height: 48px;
    border: 1px solid #d2d2d2;
    line-height: 48px;
    margin: 0 auto 16px;
    position: relative;
}
#count-img {
    display: block;
    width: 65px;
    height: 40px;
    position: absolute;
    left: 24px;
    top: 4px;
}
.count-tp p {
    font-size: 14px;
    color: #888b93;
    padding-left: 220px;
}
.count-tp p span {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 82px;
    top: 18px;
    background: url(../images/heming_imgs/hm-shuaxin.png) no-repeat;
    background-size: 12px 12px;
}
.count-btn {
    width: 300px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin: 0 auto;
    cursor: pointer;
    background: -webkit-linear-gradient(left, #69f8c2, #0a8fc2);
   /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right,#69f8c2, #0a8fc2);
   /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right,#69f8c2, #0a8fc2);
   /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#69f8c2, #0a8fc2);
}
.count-close {
    position: absolute;
    right: -44px;
    top: -44px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    cursor: pointer;
    background: url(../images/heming_imgs/icon_close.png) no-repeat center center;
}
.count-err {
    position: relative;
    font-size: 14px;
    color: #f56600;
    padding-left: 75px;
    margin-bottom: 16px;
    display: none;
}
.count-err span {
    display: block;
    width: 14px;
    height: 14px;
    background: url(../images/heming_imgs/icon_warning.png) no-repeat;
    position: absolute;
    left: 52px;
    top: 0px;
}
.hm-cover {
	width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 990;
    display: none;
}