@charset "utf-8";
/** * @author:GongHaibo/龚海波
 * @email:yanyuzixuan@sina.cn
 * @time:2016-12
 */

/*首页*/
.why{
    margin-top:4% ;
}
.whyTitle{
    font-size: 52px;
    color: #111;
    text-align: center;
}
.whyCent{
    font-size: 16px;
    color: #777777;
    text-align: center;
    width: 568px;
    line-height: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.8%;
}
.box{
    border: solid 1px #dddddd;
    box-sizing: border-box;

}
@media (min-width: 768px) {
.box{
    min-height: 290px;
    margin-right: -16px;
    margin-left: -15px;
}
    .qsTtle{
        margin-right: -15px;
        margin-left: -15px;
    }
}
.box h3{
    font-size: 24px;
    color: #111111;
    text-align: left;
    margin-top: 20px;
    padding-left: 46px;
}
.box p{
    color: #777777;
    font-size: 16px;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 13%;
}
.box span{
    display: block;
    width: 18px;
    height: 1px;
    background: red;
    margin-left: 48px;
    margin-right: auto;
    margin-top: 20px;
}
.tiBu{

}
.whyBox{
    margin-top: 2.5%;
}
.box_ioco{
    width: 56px;
    height: 57px;
    background: url("/manImages/3.0/homeqj.png") no-repeat;
}
.box .box_ioco{
    margin-right: auto;
    margin-left: auto;
    margin-top: 14%;
}
.box_1 .box_ioco{
    background-position: -76px -3px;
}
.box_2 .box_ioco{
    background-position: -136px -1px;
}
.box_3 .box_ioco{
    background-position: -196px -3px;
}
.box_4 .box_ioco{
    background-position: -256px 1px;
}

.box:hover{
    background:#ea4e5e ;
    border-color:  #ea4e5e;
}
.box_1:hover .box_ioco{
    background-position: -76px -60px!important;
}
.box_2:hover .box_ioco{
    background-position: -136px -60px!important;
}
.box_3:hover .box_ioco{
    background-position: -196px -60px!important;
}
.box_4:hover .box_ioco{
    background-position: -256px -60px!important;
}
.box:hover h3,.box:hover p{
    color: #fff;
}
.box:hover span{
    background: #fff;
}
.abTitlt{
    text-align: center;
    color: #fff;
    font-size: 52px;
}
@media (max-width: 991px) {
    .whyTitle,.abTitlt{
        font-size: 42px;
    }
}
@media (max-width: 767px) {
    .whyTitle,.abTitlt{
        font-size: 22px;
    }
    .whyCent{
        width: 100%;
        word-break: break-all;
        font-size: 12px;
    }
}
.qsTtle{
    color: #111111;
    font-size: 24px;
}
.qisTran{
    margin-top: 2.8%;
}

.qsIoco{
    cursor: pointer;
    width: 14px;
    height: 17px;
    background: url("/manImages/3.0/homeqj.png") no-repeat;
    background-position: -26px -11px;
}
.daisy{
    cursor: pointer;
    width: 21px;
    height: 17px;
    background: url("/manImages/3.0/homeqj.png") no-repeat;
    background-position: -51px -24px;
}
.qsIoco:hover{
    background-position: -26px -45px;
}
.qks{
    margin-top: 28px;
}
.imgTie{
    width: 14%;
    border-bottom: solid 1px #dddddd;
    padding-bottom: 13px;

}
.pimgcent{
    width: 80%;
    border-bottom: solid 1px #dddddd;
    padding-bottom: 19px;
}
 .imgTie h1 {
    font-size: 26px;
    font-family: 'Arial';
     text-align: center;
    font-weight: bold;
    color: #d90732;
}
 .imgTie h4{
     font-size: 14px;
     margin-top: 5px;
 }
 .yitior{
     color: #111;
     margin-left: 25px;
     font-size: 16px;
     margin-top: 20px;
     display: inline-block;
     padding-bottom: 2px;
     border-bottom: solid 1px transparent;

 }
 .bonid{border-bottom: none}
 .maapp{
     margin-top: 19px;
 }
@media (min-width: 768px) {
    .ofs{
        padding-left: 50px;
    }
}
@media (max-width: 767px) {
    .qisBox{
        margin-top: 15px;
    }
    .ofs{
   margin-top: 24px;
    }
}
 .yitior:hover a{
     color: #e14353;
     cursor: pointer;
     border-bottom: solid 1px red;
 }

 .abouy{
     margin-top: 2%;
     background: #e14353;
     padding-bottom: 3%;
 }

 .abTitlt{
     margin-top: 4.5%;
 }
 .abouTcen .whyCent{
     color: #fff;
 }
 .ab_box{
     margin-top: 3.8%;
 }
 .ab_box .box{
     position: relative;
     border: none;
     margin: auto;
     background: #fff;
     min-height: 524px;
 }
.ab_box .box:hover h3{
    color: inherit;
}
.ab_box .box:hover p{
    color: #777;
}
.ab_box .box:hover{
    color: #111111;
    background: #fff;
}
.ab_box .box:hover span {
    background: red;
}
.ab_box p{
    text-align: left;
}
.ab_box a.j{
    position: absolute;
    bottom: 7px;
    margin-right: auto;
    margin-left: 45px;
    display: inline-block;
    margin-top: 35px;
    margin-bottom: 20px;
    color: #ea4e5e;
    font-size: 16px;
    padding-bottom:1px;
    border-bottom: 1px solid transparent;
}
.box img{
    width: 100%;
    height:auto!important;
}
.ab_box a.j:hover{
    border-bottom: 1px solid red;

}
.abimg{
    overflow: hidden;
}
.abimg img{
    transition: all 0.9s ease 0s;
}
.abimg:hover img{
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -o-transform:scale(1.5);
    transition: all 0.9s ease 0s;
    opacity: 0.8;
}
#gukyun .abouy{
    margin-top: 0;
    background: #f1f1f1;
}
#gukyun .abTitlt{
    color:#111;
}
#gukyun .whyCent{
    color: #555555;
}

#mymis .abouy{
    margin-top: 0;
    background: #fff;
}
#mymis .abTitlt{
    color:#111;
}
#mymis .whyCent{
    color: #555555;
}
#mymis .ab_box img{
    width: 100%;
    height: auto;
}
.kosdd{
    width: 89px;
    margin-right: auto;
    margin-left:auto;
    display: block;
    margin-top: 35px;
    margin-bottom: 20px;
    color: #ea4e5e;
    font-size: 16px;
    padding-bottom:1px;
    border-bottom: 1px solid transparent;
}
a.kosdd:hover{
    color:#ea4e5e ;
    border-bottom: 1px solid red;

}

/*后期修改*/

.box_1 h3,.box_2 h3,.box_3 h3,.box_4 h3{
    text-align: center;
    padding-left: 0;
}
.box_1 span,.box_2 span,.box_3 span,.box_4 span{
    margin-left: auto;
    margin-right: auto;
}
.yitior a{
    color: #111;
}

@media (max-width: 767px) {
    .ab_box .box{
        min-height: auto;
    }
}

@media (max-width: 767px) {
    .qisTran,.abouy,.why,.abouy{
        margin-top: 8%;
    }
    #gukyun .abouy{
        padding-bottom: 8%;
    }
    .box span{
        visibility: hidden;
    }
    #aboyt .abouy{
        padding-bottom: 8%;
    }
    .foot-bottom{
        margin: 0 0 0 0;
    }
}
@media (max-width: 1461px) {
    .sj{
        width: 56px!important;
        height: 44px;;
    }
}
@media (max-width: 1370px) {
    .sj{
        width: 46px!important;
        height: 34px;;
    }
}
@media (max-width: 1207px) {
    .sj{
        width: 36px!important;
        height: 24px;;
    }
}

@media (max-width: 1092px) {
    .sj{
        width: 26px!important;
        height: 14px;;
    }
}

@media (max-width: 805px) {
    .sj{
      display: none!important;
    }
}