*{
    padding:0;
    margin: 0;
}

.service {
    width: 100%;
    background: #f8f8f8;
}
.serviceBanner {
    width: 100%;
    position: relative;
    background: #000;
}
.serviceBanner .bannerImg {
    width: 100%;
    vertical-align: bottom;
}
.serviceBanner .subtitle {
    position: absolute;
    top:180px;
    width: 100%;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}
.serviceBanner .mainTitle {
    position: absolute;
    top:210px;
    width: 100%;
    color: #fff;
    font-size: 80px;
    font-weight: 500;
    text-align: center;
}
.serviceBanner .describe {
    position: absolute;
    top:320px;
    width: 100%;
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-weight: 500;
}
.serviceBanner .serviceTabBox {
    position: absolute;
    bottom: -85px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1100px;
    margin: 0 auto;
    display: flex;
    background: #fff;
    height: 85px;
    cursor: pointer;
    box-shadow: 0px 5px 10px 0px rgba(229, 229, 229, 0.75);
    border-radius: 6px;
    overflow: hidden;
}
.serviceBanner .serviceTabBox .servicedTab {
    flex: 1;
    color: #fff;
    font-size: 18px;
    background-image: linear-gradient(0deg, #5b77ff 0%, #00cdfa 100%);
    text-align: center;
    line-height: 85px;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
}
.serviceBanner .serviceTabBox .serviceTab {
    flex: 1;
    font-size: 18px;
    color: #252525;
    text-align: center;
    line-height: 85px;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
}

.serviceTab1 {
    width: 100%;
}
.serviceTab1 .weiChatBox1 {
    width: 1100px;
    padding: 130px 0 0 0;
    margin: 0 auto;
}
.serviceTab1 .weiChatBox1 .box1Title {
    font-size: 40px;
    line-height: 40px;
    font-weight: 500;
    color: #2f3a4e;
    text-align: center;
}
.serviceTab1 .weiChatBox1 .box1Con {
    font-size: 20px;
    color: #666666;
    padding: 30px 0 0 0;
    line-height: 30px;
    text-align: center;
}
.serviceTab1 .weiChatBox1 .box1Img {
    width: 1100px;
    margin: 0 auto;
    padding: 60px 0 60px 0;
}
.serviceTab1 .weiChatBox1 .box1Img .wxImg1 {
    display: inline-block;
    width: 24%;
    height: 364px;
    cursor: pointer;
    background-image: url('../../images/images_yussin/wxImg1.png');
    background-size: cover;
}
.serviceTab1 .weiChatBox1 .box1Img .wxImg1:hover {
    background-image: url('../../images/images_yussin/wxImg01.png');
}
.serviceTab1 .weiChatBox1 .box1Img .wxImg2 {
    display: inline-block;
    width: 24%;
    height: 364px;
    cursor: pointer;
    background-image: url('../../images/images_yussin/wxImg2.png');
    background-size: cover;
}
.serviceTab1 .weiChatBox1 .box1Img .wxImg2:hover {
    background-image: url('../../images/images_yussin/wxImg02.png');
}
.serviceTab1 .weiChatBox1 .box1Img .wxImg3 {
    display: inline-block;
    width: 24%;
    height: 364px;
    cursor: pointer;
    background-image: url('../../images/images_yussin/wxImg3.png');
    background-size: cover;
}
.serviceTab1 .weiChatBox1 .box1Img .wxImg3:hover {
    background-image: url('../../images/images_yussin/wxImg03.png');
}
.serviceTab1 .weiChatBox1 .box1Img .wxImg4 {
    display: inline-block;
    width: 24%;
    height: 364px;
    cursor: pointer;
    background-image: url('../../images/images_yussin/wxImg4.png');
    background-size: cover;
}
.serviceTab1 .weiChatBox1 .box1Img .wxImg4:hover {
    background-image: url('../../images/images_yussin/wxImg04.png');
}

.serviceTab2 {
    width: 100%;
    background: #fff;
}
.serviceTab2 .weiChatBox2 {
    width: 1100px;
    padding: 80px 0 0 0;
    margin: 0 auto;
}
.serviceTab2 .weiChatBox2 .box2Title {
    font-size: 40px;
    line-height: 40px;
    font-weight: 500;
    color: #2f3a4e;
    text-align: center;
}
.serviceTab2 .weiChatBox2 .box2Con {
    font-size: 20px;
    color: #666666;
    padding: 30px 0 55px 0;
    line-height: 30px;
    text-align: center;
}
.serviceTab2 .weiChatBox2 .box2Img {
    width: 1100px;
    margin: 0 auto;
    padding: 5px 0 0 0;
    text-align: center;
}
.serviceTab2 .weiChatBox2 .box2Img .wxImg {
    width: 30%;
    height:296px;
    cursor: pointer;
    margin: 0 10px 0 0;
    display: inline-block;
    background-size: cover;
}
.serviceTab2 .weiChatBox2 .box2Img .wxImg1 {
    background-image: url('../../images/images_yussin/wxImg5.png');
}
.serviceTab2 .weiChatBox2 .box2Img .wxImg1:hover {
    background-image: url('../../images/images_yussin/wxImg05.png');
}
.serviceTab2 .weiChatBox2 .box2Img .wxImg2 {
    background-image: url('../../images/images_yussin/wxImg6.png');
}
.serviceTab2 .weiChatBox2 .box2Img .wxImg2:hover {
    background-image: url('../../images/images_yussin/wxImg06.png');
}
.serviceTab2 .weiChatBox2 .box2Img .wxImg3 {
    background-image: url('../../images/images_yussin/wxImg7.png');
}
.serviceTab2 .weiChatBox2 .box2Img .wxImg3:hover {
    background-image: url('../../images/images_yussin/wxImg07.png');
}
.serviceTab2 .weiChatBox2 .box2Img .wxImg4 {
    background-image: url('../../images/images_yussin/wxImg8.png');
}
.serviceTab2 .weiChatBox2 .box2Img .wxImg4:hover {
    background-image: url('../../images/images_yussin/wxImg08.png');
}
.serviceTab2 .weiChatBox2 .box2Img .wxImg5 {
    background-image: url('../../images/images_yussin/wxImg9.png');
}
.serviceTab2 .weiChatBox2 .box2Img .wxImg5:hover {
    background-image: url('../../images/images_yussin/wxImg09.png');
}
.serviceTab2 .weiChatBox2 .box2Img .wxImg6 {
    background-image: url('../../images/images_yussin/wxImg10.png');
}
.serviceTab2 .weiChatBox2 .box2Img .wxImg6:hover {
    background-image: url('../../images/images_yussin/wxImg010.png');
}
.serviceTab2 .weiChatBox2 .box2Img .wxImg2:last-child {
    margin: 0;
}
.serviceTab2 .weiChatBox2 .box2Img:last-child {
    padding: 5px 0 60px 0;
}

.serviceTab3 {
    width: 100%;
    background-size: cover;
    background-image: url("../../images/images_yussin/wxImgBg.png");
}
.serviceTab3 .weiChatBox3 {
    width: 1100px;
    margin: 0 auto;
    padding: 0 0 60px 0;
}
.serviceTab3 .weiChatBox3 .box3Title {
    font-size: 40px;
    line-height: 40px;
    font-weight: 500;
    color: #fff;
    padding: 80px 0 60px 0;
    text-align: center;
}
.serviceTab3 .weiChatBox3 .box3Img {
    width: 1088px;
    padding:0 6px;
    height: 136px;
    margin: 0 auto;
}
.serviceTab3 .weiChatBox3 .box3Img .boxImg {
    float: left;
    width: 136px;
    height: 136px;
    overflow: hidden;
}
.serviceTab3 .weiChatBox3 .box3Img .boxImg img {
    cursor: pointer;
    transition: all 0.6s;
}
.serviceTab3 .weiChatBox3 .box3Img .boxImg img:hover {
    transform: scale(1.2);
}

.serviceTab4 {
    width: 100%;
}
.serviceTab4 .smallProBox1 {
    width: 1100px;
    padding: 130px 0 0 0;
    margin: 0 auto;
}
.serviceTab4 .smallProBox1 .smallProBox1Title {
    font-size: 40px;
    line-height: 40px;
    font-weight: 500;
    color: #2f3a4e;
    text-align: center;
}
.serviceTab4 .smallProBox1 .smallProBox1Con {
    font-size: 20px;
    color: #666666;
    padding: 30px 0 0 0;
    line-height: 30px;
    text-align: center;
}
.serviceTab4 .smallProBox1 .smallProBox1Img {
    width: 1100px;
    margin: 0 auto;
    padding: 60px 0 60px 0;
}
.serviceTab4 .smallProBox1 .smallProBox1Img .smallProImg {
    width: 24%;
    height: 350px;
    display: inline-block;
    cursor: pointer;
}
.serviceTab4 .smallProBox1 .smallProBox1Img .smallProImg1 {
    background-image: url('../../images/images_yussin/smallProImg1.png');
}
.serviceTab4 .smallProBox1 .smallProBox1Img .smallProImg1:hover {
    background-image: url('../../images/images_yussin/smallProImg01.png');
}

.serviceTab4 .smallProBox1 .smallProBox1Img .smallProImg2 {
    background-image: url('../../images/images_yussin/smallProImg2.png');
}
.serviceTab4 .smallProBox1 .smallProBox1Img .smallProImg2:hover {
    background-image: url('../../images/images_yussin/smallProImg02.png');
}

.serviceTab4 .smallProBox1 .smallProBox1Img .smallProImg3 {
    background-image: url('../../images/images_yussin/smallProImg3.png');
}
.serviceTab4 .smallProBox1 .smallProBox1Img .smallProImg3:hover {
    background-image: url('../../images/images_yussin/smallProImg03.png');
}

.serviceTab4 .smallProBox1 .smallProBox1Img .smallProImg4 {
    background-image: url('../../images/images_yussin/smallProImg4.png');
}
.serviceTab4 .smallProBox1 .smallProBox1Img .smallProImg4:hover {
    background-image: url('../../images/images_yussin/smallProImg04.png');
}

.serviceTab5 {
    width: 100%;
    background: #ffffff;
}
.serviceTab5 .smallProBox2 {
    padding: 80px 0 60px 0;
    width: 1100px;
    margin: 0 auto;
}
.serviceTab5 .smallProBox2 .smallProBox2Title {
    display: block;
    font-size: 40px;
    color: #2f3a4e;
    font-weight: 500;
    line-height: 40px;
    padding: 0 0 60px 0;
    text-align: center;
}
.serviceTab5 .smallProBox2 .smallProBox2Img {
    display: block;
    width: 1100px;
}

.serviceTab6 {
    width: 100%;
}
.serviceTab6 .smallProBox3 {
    padding: 80px 0 60px 0;
    width: 1100px;
    margin: 0 auto;
}
.serviceTab6 .smallProBox3 .smallProBox3Title {
    display: block;
    font-size: 40px;
    color: #2f3a4e;
    font-weight: 500;
    line-height: 40px;
    padding: 0 0 60px 0;
    text-align: center;
}
.serviceTab6 .smallProBox3 .smallProBox3Img {
    width: 100%;
}
.serviceTab6 .smallProBox3 .smallProBox3Img .smallProImg2 {
    display: inline-block;
    width: 24%;
    height: 365px;
    margin: 0 5px 0 0;
    cursor: pointer;
    background-size: cover;
}
.serviceTab6 .smallProBox3 .smallProBox3Img .smallProImgBg1 {
    background-image: url('../../images/images_yussin/smallProImg5.png');
}
.serviceTab6 .smallProBox3 .smallProBox3Img .smallProImgBg1:hover {
    background-image: url('../../images/images_yussin/smallProImg05.png');
}
.serviceTab6 .smallProBox3 .smallProBox3Img .smallProImgBg2 {
    background-image: url('../../images/images_yussin/smallProImg6.png');
}
.serviceTab6 .smallProBox3 .smallProBox3Img .smallProImgBg2:hover {
    background-image: url('../../images/images_yussin/smallProImg06.png');
}
.serviceTab6 .smallProBox3 .smallProBox3Img .smallProImgBg3 {
    background-image: url('../../images/images_yussin/smallProImg7.png');
}
.serviceTab6 .smallProBox3 .smallProBox3Img .smallProImgBg3:hover {
    background-image: url('../../images/images_yussin/smallProImg07.png');
}
.serviceTab6 .smallProBox3 .smallProBox3Img .smallProImgBg4 {
    background-image: url('../../images/images_yussin/smallProImg8.png');
}
.serviceTab6 .smallProBox3 .smallProBox3Img .smallProImgBg4:hover {
    background-image: url('../../images/images_yussin/smallProImg08.png');
}
.serviceTab6 .smallProBox3 .smallProBox3Img .smallProImg2:last-child {
    margin: 0;
}

.serviceTab7 {
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-image: url("../../images/images_yussin/smallProImgBg.png");
}
.serviceTab7 .smallProBox4 {
    width: 1100px;
    margin: 0 auto;
    padding: 80px 0 60px 0;
}
.serviceTab7 .smallProBox4Title {
    display: inline-block;
    font-size: 40px;
    width: 100%;
    color: #ffffff;
    font-weight: 500;
    line-height: 40px;
    padding: 0 0 60px 0;
    text-align: center;
}
.serviceTab7 .smallProBox4Con {
    width: 100%;
}
.serviceTab7 .smallProBox4Con .smallProBox4Img {
    width: 1010px;
    height: 112px;
    margin: 0 auto;
}
.serviceTab7 .smallProBox4Con .smallProBox4Img .tongyong {
    float: left;
    width: 70px;
    height: 112px;
    background-image: url('../../images/images_yussin/tongyong.png');
}
.serviceTab7 .smallProBox4Con .smallProBox4Img .tongyong1 {
    cursor: pointer;
    float: left;
    width: 65px;
    height: 112px;
    background-size: cover;
    background-image: url('../../images/images_yussin/tongyong1.png');
}
.serviceTab7 .smallProBox4Con .smallProBox4Img .tongyong1hover {
    cursor: pointer;
    float: left;
    width: 65px;
    height: 112px;
    background-size: cover;
    background-image: url('../../images/images_yussin/tongyong01.png');
}
.serviceTab7 .smallProBox4Con .smallProBox4Img .tongyong2 {
    cursor: pointer;
    float: left;
    width: 65px;
    height: 112px;
    background-size: cover;
    background-image: url('../../images/images_yussin/tongyong2.png');
}
.serviceTab7 .smallProBox4Con .smallProBox4Img .tongyong2hover {
    cursor: pointer;
    float: left;
    width: 65px;
    height: 112px;
    background-size: cover;
    background-image: url('../../images/images_yussin/tongyong02.png');
}
.serviceTab7 .smallProBox4Con .smallProBox4Img .tongyong3 {
    cursor: pointer;
    float: left;
    width: 65px;
    height: 112px;
    background-size: cover;
    background-image: url('../../images/images_yussin/tongyong3.png');
}
.serviceTab7 .smallProBox4Con .smallProBox4Img .tongyong3hover {
    cursor: pointer;
    float: left;
    width: 65px;
    height: 112px;
    background-size: cover;
    background-image: url('../../images/images_yussin/tongyong03.png');
}
.serviceTab7 .smallProBox4Con .smallProBox4Img .tongyong4 {
    cursor: pointer;
    float: left;
    width: 65px;
    height: 112px;
    background-size: cover;
    background-image: url('../../images/images_yussin/tongyong4.png');
}
.serviceTab7 .smallProBox4Con .smallProBox4Img .tongyong4hover {
    cursor: pointer;
    float: left;
    width: 65px;
    height: 112px;
    background-size: cover;
    background-image: url('../../images/images_yussin/tongyong04.png');
}
.serviceTab7 .smallProBox4Con .smallProBox4Img .tongyong5 {
    cursor: pointer;
    float: left;
    width: 65px;
    height: 112px;
    background-size: cover;
    background-image: url('../../images/images_yussin/tongyong5.png');
}
.serviceTab7 .smallProBox4Con .smallProBox4Img .tongyong5hover {
    cursor: pointer;
    float: left;
    width: 65px;
    height: 112px;
    background-size: cover;
    background-image: url('../../images/images_yussin/tongyong05.png');
}
.serviceTab7 .smallProBox4Con .smallProBox4Img .tongyong6 {
    cursor: pointer;
    float: left;
    width: 65px;
    height: 112px;
    background-size: cover;
    background-image: url('../../images/images_yussin/tongyong6.png');
}
.serviceTab7 .smallProBox4Con .smallProBox4Img .tongyong6hover {
    cursor: pointer;
    float: left;
    width: 65px;
    height: 112px;
    background-size: cover;
    background-image: url('../../images/images_yussin/tongyong06.png');
}
.serviceTab7 .smallProBox4Con .smallProBox4Img .tongyong7 {
    cursor: pointer;
    float: left;
    width: 65px;
    height: 112px;
    background-size: cover;
    background-image: url('../../images/images_yussin/tongyong7.png');
}
.serviceTab7 .smallProBox4Con .smallProBox4Img .tongyong7hover {
    cursor: pointer;
    float: left;
    width: 65px;
    height: 112px;
    background-size: cover;
    background-image: url('../../images/images_yussin/tongyong07.png');
}
.serviceTab7 .smallProBox4Con .smallProBox4Img .tongyong8 {
    cursor: pointer;
    float: left;
    width: 65px;
    height: 112px;
    background-size: cover;
    background-image: url('../../images/images_yussin/tongyong8.png');
}
.serviceTab7 .smallProBox4Con .smallProBox4Img .tongyong8hover {
    cursor: pointer;
    float: left;
    width: 65px;
    height: 112px;
    background-size: cover;
    background-image: url('../../images/images_yussin/tongyong08.png');
}
.serviceTab7 .smallProBox4Con .smallProBox4Text {
    width: 1000px;
    font-size: 24px;
    line-height: 36px;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    text-align: left;
    padding: 35px 50px;
    margin: 60px 0 0 0;
    display: none;
}

.serviceTab8 {
    width: 100%;
}
.serviceTab8 .webBox1 {
    width: 1100px;
    margin: 0 auto;
    padding: 130px 0 60px 0;
}
.serviceTab8 .webBox1 .webBox1Title {
    padding: 0 0 30px 0;
    font-size: 40px;
    line-height: 40px;
    font-weight: 500;
    color: #2f3a4e;
    text-align: center;
}
.serviceTab8 .webBox1 .webBox1Con {
    padding: 0 0 60px 0;
    font-size: 20px;
    line-height: 20px;
    color: #666666;
    text-align: center;
}
.serviceTab8 .webBox1 .webBox1Img {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.serviceTab8 .webBox1 .webBox1Img .boxText {
    display: flex;
    flex-direction: column;
    width: 500px;
    background-color: #ffffff;
    box-shadow: 0 0 15px 0 #dddddd;
    border-radius: 6px;
}
.serviceTab8 .webBox1 .webBox1Img .boxText .boxTextTitle:hover {
    background-image: linear-gradient(0deg, #5b77ff 0%, #00cdfa 100%);
    border-radius: 6px 6px 0px 0px;
    font-size: 36px;
    line-height: 110px;
    color: #ffffff;
}
.serviceTab8 .webBox1 .webBox1Img .boxText .boxTextTitle {
    background-color: #f3f3fd;
    border-radius: 6px 6px 0px 0px;
    font-size: 36px;
    line-height: 110px;
    color: #2f3a4e;
    text-align: center;
}
.serviceTab8 .webBox1 .webBox1Img .boxText .boxTextTab {
    display: flex;
    height: 110px;
    align-items: center;
    font-size: 26px;
    color: #2f3a4e;
}
.serviceTab8 .webBox1 .webBox1Img .boxText .boxTextTab .tabImg {
    display: inline-block;
    width: 7px;
    height: 34px;
    background-image: linear-gradient(0deg, #5b77ff 0%, #00cdfa 100%);
    border-radius: 2px;
    margin: 0 15px 0 35px;
}
.serviceTab8 .webBox1 .webBox1Img .boxText .boxTextCon {
    padding: 0 0 65px 85px;
    font-size: 18px;
    line-height: 32px;
    text-align: left;
}

.serviceTab9 {
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-image: url("../../images/images_yussin/webWhyBg.png");
}
.serviceTab9 .webBox2 {
    width: 1100px;
    margin: 0 auto;
    padding: 80px 0 60px 0;
}
.serviceTab9 .webBox2 .webBox2Title {
    font-size: 40px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
}
.serviceTab9 .webBox2 .webBox2Con {
    font-size: 20px;
    line-height: 20px;
    color: #ffffff;
    padding: 30px 0 60px 0;
    text-align: center;
}
.serviceTab9 .webBox2 .webBox2Img {
    width: 90%;
}

.serviceTab10 {
    width: 100%;
    background: #ffffff;
}
.serviceTab10 .webBox3 {
    width: 1100px;
    margin: 0 auto;
    padding: 60px 0 60px;
}
.serviceTab10 .webBox3 .webBox3Img {
    display: inline-block;
    width: 480px;
    height: 370px;
    vertical-align: middle;
}
.serviceTab10 .webBox3 .webBox3Text {
    display: inline-block;
    padding: 0 0 0 65px;
    vertical-align: middle;
    text-align: left;
}
.serviceTab10 .webBox3 .webBox3Text .webBox3Title {
    display: block;
    width: 100%;
    font-size: 36px;
    line-height: 36px;
    font-weight: 500;
    color: #202020;
    text-align: left;
    padding: 0 0 30px 0;
}
.serviceTab10 .webBox3 .webBox3Text .webBox3Con {
    font-size: 18px;
    line-height: 32px;
    width: 100%;
    color: #78797c;
    text-align: left;
}

.serviceTab11 {
    width: 100%;
}
.serviceTab11 .webBox4 {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    padding: 60px 0;
}
.serviceTab11 .webBox4 .webBox4Img {
    width: 480px;
    height: 340px;
}
.serviceTab11 .webBox4 .webBox4Text {
    display: inline-block;
    padding: 60px 150px 0 50px;
    text-align: left;
}
.serviceTab11 .webBox4 .webBox4Text .webBox4Title {
    display: block;
    font-size: 36px;
    line-height: 36px;
    font-weight: 500;
    color: #202020;
    padding: 0 0 30px 0;
    vertical-align: middle;
    text-align: center;
}
.serviceTab11 .webBox4 .webBox4Text .webBox4Con {
    font-size: 18px;
    line-height: 32px;
    color: #78797c;
    vertical-align: middle;
    text-align: center;
}

.serviceTab12 {
    width: 100%;
    background: #ffffff;
}
.serviceTab12 .webBox5 {
    width: 1100px;
    margin: 0 auto;
    padding: 80px 0 60px;
}
.serviceTab12 .webBox5 .webBox5Img {
    display: inline-block;
    width: 480px;
    height: 370px;
    vertical-align: middle;
}
.serviceTab12 .webBox5 .webBox5Text {
    display: inline-block;
    padding: 0 0 0 65px;
    vertical-align: middle;
}
.serviceTab12 .webBox5 .webBox5Text .webBox5Title {
    display: block;
    font-size: 36px;
    line-height: 36px;
    font-weight: 500;
    color: #202020;
    text-align: left;
    padding: 0 0 30px 0;
}
.serviceTab12 .webBox5 .webBox5Text .webBox5Con {
    display: block;
    font-size: 18px;
    line-height: 32px;
    color: #78797c;
    text-align: left;
}

.serviceTab13 .webBox6 {
    width: 1100px;
    margin: 0 auto;
    padding: 60px 0;
}
.serviceTab13 .webBox6 .webBox6Img {
    display: inline-block;
    width: 450px;
    height: 310px;
    margin: 0 0 0 50px;
    vertical-align: middle;
}
.serviceTab13 .webBox6 .webBox6Text {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.serviceTab13 .webBox6 .webBox6Text .webBox6Title {
    display: block;
    font-size: 36px;
    line-height: 36px;
    font-weight: 500;
    color: #202020;
    text-align: left;
    padding: 0 0 40px 0;
}
.serviceTab13 .webBox6 .webBox6Text .webBox6Con {
    font-size: 18px;
    line-height: 32px;
    color: #78797c;
    text-align: left;
}

.allIndsAllBox {
    width: 100%;
}
.allIndsAllBox .serviceTab14 {
    width: 100%;
}
.allIndsAllBox .serviceTab14 .allIndsBox1 {
    width: 1100px;
    margin: 0 auto;
    padding: 130px 0 30px 0;
}
.allIndsAllBox .serviceTab14 .allIndsBox1 .allIndsBox1Title {
    font-size: 40px;
    line-height: 40px;
    color: #2f3a4e;
    font-weight: 500;
    text-align: center;
}
.allIndsAllBox .serviceTab14 .allIndsBox1 .allIndsBox1Img {
    padding: 60px 0 0 0;
    /*width: 90%;*/
    height: 307px;
    margin: 0 auto;
}
.allIndsAllBox .serviceTab14 .allIndsBox1 .allIndsBox1Img .boxImgCon{
    /*float: left;*/
    display: inline-block;
    width: 190px;
    height: 307px;
    margin: 0 10px;
}
.allIndsAllBox .serviceTab14 .allIndsBox1 .allIndsBox1Img .boxImg{
    display: inline-block;
    width: 190px;
    height: 190px;
    overflow: hidden;
    border-radius: 50%;
}
.allIndsAllBox .serviceTab14 .allIndsBox1 .allIndsBox1Img .boxImg img{
    display: inline-block;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.6s;
}
.allIndsAllBox .serviceTab14 .allIndsBox1 .allIndsBox1Img .boxImg img:hover{
    transform: scale(1.2);
}
.allIndsAllBox .serviceTab14 .allIndsBox1 .allIndsBox1Img .boxCon{
    display: inline-block;
    width: 190px;
    line-height: 96px;
    text-align: center;
    font-size: 26px;
    font-weight: 500;
}
.allIndsAllBox .serviceTab15 {
    width: 100%;
    background: #ffffff;
}
.allIndsAllBox .serviceTab15 .allIndsBox2 {
    width: 1100px;
    margin: 0 auto;
    padding: 80px 0 60px 0;
}
.allIndsAllBox .serviceTab15 .allIndsBox2 .allIndsBox2Title {
    font-size: 40px;
    line-height: 40px;
    color: #2f3a4e;
    text-align: center;
}
.allIndsAllBox .serviceTab15 .allIndsBox2 .allIndsBox2Con {
    padding: 30px 0 60px 0;
    font-size: 20px;
    line-height: 20px;
    color: #666666;
    text-align: center;
}
.allIndsAllBox .serviceTab15 .allIndsBox2 .allIndsBox2Img {
    width: 100%;
}
.allIndsAllBox .serviceTab15 .allIndsBox2 .allIndsBox2Img .blank {
    display: inline-block;
    width: 25px;
    height: 20px;
}
.allIndsAllBox .serviceTab15 .allIndsBox2 .allIndsBox2Img .allIndsBox2ImgCon {
    width: 22%;
    cursor: pointer;
    transition: All 0.6s ease-in-out;
    -webkit-transition: All 0.6s ease-in-out;
    -moz-transition: All 0.6s ease-in-out;
    -o-transition: All 0.6s ease-in-out;
}
.allIndsAllBox .serviceTab15 .allIndsBox2 .allIndsBox2Img .allIndsBox2ImgCon:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}
.allIndsAllBox .serviceTab16 {
    width: 100%;
}
.allIndsAllBox .serviceTab16 .allIndsBox3 {
    width: 1100px;
    margin: 0 auto;
    padding: 80px 0 60px 0;
}
.allIndsAllBox .serviceTab16 .allIndsBox3 .allIndsBox3Title {
    font-size: 40px;
    line-height: 40px;
    color: #2f3a4e;
    text-align: center;
}
.allIndsAllBox .serviceTab16 .allIndsBox3 .allIndsBox3Con {
    padding: 30px 0 40px 0;
    font-size: 20px;
    line-height: 20px;
    color: #666666;
    text-align: center;
}
.allIndsAllBox .serviceTab16 .allIndsBox3 .allIndsBox3Text {
    width: 100%;
    padding: 20px 0 0 0;
}
.allIndsAllBox .serviceTab16 .allIndsBox3 .allIndsBox3Text .allIndsBox3TextCell {
    display: inline-block;
    width: 48%;
    margin: 0 30px 0 0;
}
.allIndsAllBox .serviceTab16 .allIndsBox3 .allIndsBox3Text .allIndsBox3TextCell:last-child {
    margin: 0;
}
.allIndsAllBox .serviceTab16 .allIndsBox3 .allIndsBox3Text .allIndsBox3TextCell .cellImg {
    display: inline-block;
    width: 254px;
    height: 157px;
    vertical-align: middle;
    overflow: hidden;
}
.allIndsAllBox .serviceTab16 .allIndsBox3 .allIndsBox3Text .allIndsBox3TextCell .cellImg img {
    cursor: pointer;
    transition: all 0.6s;
}
.allIndsAllBox .serviceTab16 .allIndsBox3 .allIndsBox3Text .allIndsBox3TextCell .cellImg img:hover {
    transform: scale(1.2);
}
.allIndsAllBox .serviceTab16 .allIndsBox3 .allIndsBox3Text .allIndsBox3TextCell .cellCon {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding: 0 0 0 30px;
}
.allIndsAllBox .serviceTab16 .allIndsBox3 .allIndsBox3Text .allIndsBox3TextCell .cellCon .cellTitle {
    font-size: 18px;
    line-height: 36px;
    color: #252525;
    text-align: left;
    font-weight: 300;
    display: block;
}
.allIndsAllBox .serviceTab16 .allIndsBox3 .allIndsBox3Text .allIndsBox3TextCell .cellCon .cellText {
    font-size: 14px;
    line-height: 30px;
    color: #252525;
    text-align: left;
}
.allIndsAllBox .serviceTab17 {
    width: 100%;
    background: #ffffff;
}
.allIndsAllBox .serviceTab17 .allIndsBox4 {
    width: 1100px;
    margin: 0 auto;
    padding: 80px 0 60px 0;
}
.allIndsAllBox .serviceTab17 .allIndsBox4 .allIndsBox4Title {
    font-size: 40px;
    line-height: 40px;
    color: #2f3a4e;
    text-align: center;
}
.allIndsAllBox .serviceTab17 .allIndsBox4 .allIndsBox4Con {
    padding: 30px 0 60px 0;
    font-size: 20px;
    line-height: 20px;
    color: #666666;
    text-align: center;
}
.allIndsAllBox .serviceTab17 .allIndsBox4 .allIndsBox4Img {
    width: 95%;
}
.allIndsAllBox .serviceTab18 {
    width: 100%;
}
.allIndsAllBox .serviceTab18 .allIndsBox5 {
    width: 1100px;
    margin: 0 auto;
    padding: 80px 0 60px 0;
}
.allIndsAllBox .serviceTab18 .allIndsBox5 .allIndsBox5Title {
    font-size: 40px;
    line-height: 40px;
    color: #2f3a4e;
    text-align: center;
}
.allIndsAllBox .serviceTab18 .allIndsBox5 .allIndsBox5Con {
    padding: 60px 0 0 0;
}
.allIndsAllBox .serviceTab18 .allIndsBox5 .allIndsBox5Con .allIndsBox5ConText {
    display: inline-block;
    background-color: #ffffff;
    border-radius: 2px;
    border: solid 1px #bfc2c8;
    cursor: pointer;
    margin: 0 30px 0 0;
    width: 30%;
    height: 294px;
    vertical-align: top;
}
.allIndsAllBox .serviceTab18 .allIndsBox5 .allIndsBox5Con .allIndsBox5ConText:last-child {
    margin: 0;
}
.allIndsAllBox .serviceTab18 .allIndsBox5 .allIndsBox5Con .allIndsBox5ConText .cellTitle:hover {
    width: 100%;
    height: 74px;
    background-image: linear-gradient(0deg, #5b77ff 0%, #00cdfa 100%);
    display: block;
    font-size: 22px;
    color: #ffffff;
    line-height: 74px;
}
.allIndsAllBox .serviceTab18 .allIndsBox5 .allIndsBox5Con .allIndsBox5ConText .cellTitled .icon {
    margin: 0 20px 0 0;
    vertical-align: middle;
}
.allIndsAllBox .serviceTab18 .allIndsBox5 .allIndsBox5Con .allIndsBox5ConText .cellTitle {
    width: 100%;
    height: 74px;
    line-height: 74px;
    background-color: #bfc2c8;
    display: block;
    font-size: 22px;
    color: #2f3a4e;
    text-align: center;
}
.allIndsAllBox .serviceTab18 .allIndsBox5 .allIndsBox5Con .allIndsBox5ConText .cellTitle .icon {
    margin: 0 20px 0 0;
    vertical-align: middle;
}
.allIndsAllBox .serviceTab18 .allIndsBox5 .allIndsBox5Con .allIndsBox5ConText .cellCon {
    display: block;
    padding: 30px 0 0 25px;
    height: 160px;
    font-size: 16px;
    line-height: 36px;
    color: #252525;
    text-align: left;
}

.ustDevelpAllBox {
    width: 100%;
}
.ustDevelpAllBox .serviceTab19 {
    width: 100%;
}
.ustDevelpAllBox .serviceTab19 .custDevelp1 {
    width: 1100px;
    padding: 130px 0 60px 0;
    margin: 0 auto;
}
.ustDevelpAllBox .serviceTab19 .custDevelp1 .custDevelp1Title {
    font-size: 40px;
    line-height: 40px;
    font-weight: 500;
    color: #2f3a4e;
    text-align: center;
}
.ustDevelpAllBox .serviceTab19 .custDevelp1 .custDevelp1Con {
    font-size: 20px;
    color: #666666;
    padding: 30px 0 60px 0;
    line-height: 30px;
    text-align: center;
}
.ustDevelpAllBox .serviceTab19 .custDevelp1 .custDevelp1Img {
    width: 1100px;
    margin: 0 55px;
}
.ustDevelpAllBox .serviceTab19 .custDevelp1 .custDevelp1Img .custImg {
    width: 30%;
    cursor: pointer;
    margin: 0 10px 0 0;
}
.ustDevelpAllBox .serviceTab19 .custDevelp1 .custDevelp1Img .custImg:last-child {
    margin: 0;
}
.ustDevelpAllBox .serviceTab19 .custDevelp1 .custDevelp1Img:last-child {
    padding: 5px 0 0 0;
}
.ustDevelpAllBox .serviceTab20 {
    width: 100%;
    background: #ffffff;
}
.ustDevelpAllBox .serviceTab20 .custDevelp2 {
    padding: 80px 0 60px 0;
    width: 1100px;
    margin: 0 auto;
}
.ustDevelpAllBox .serviceTab20 .custDevelp2 .custDevelp2Title {
    display: inline-block;
    width: 100%;
    font-size: 40px;
    color: #2f3a4e;
    font-weight: 500;
    line-height: 40px;
    padding: 0 0 60px 0;
    text-align: center;
}
.ustDevelpAllBox .serviceTab21 {
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-image: url("../../images/images_yussin/custDevelpBg.png");
}
.ustDevelpAllBox .serviceTab21 .custDevelp3 {
    width: 1100px;
    margin: 0 auto;
    padding: 80px 0 60px 0;
}
.ustDevelpAllBox .serviceTab21 .custDevelp3 .custDevelp3Title {
    display: inline-block;
    font-size: 40px;
    color: #ffffff;
    font-weight: 500;
    line-height: 40px;
    padding: 0 0 60px 0;
    width:100%;
    text-align: center;
}
.ustDevelpAllBox .serviceTab21 .custDevelp3 .zhichiBox {
    width:1092px;
    height: 160px;
    margin: 0 auto;
    cursor: pointer;
}
.ustDevelpAllBox .serviceTab21 .custDevelp3 .zhichi1 {
    float: left;
    width:182px;
    height: 160px;
    background-image: url(../../images/images_yussin/zhichi1.png);
    background-size: cover;
}
.ustDevelpAllBox .serviceTab21 .custDevelp3 .zhichi1:hover {
    background-image: url(../../images/images_yussin/zhichi01.png);
}
.ustDevelpAllBox .serviceTab21 .custDevelp3 .zhichi2 {
    float: left;
    width:182px;
    height: 160px;
    background-image: url(../../images/images_yussin/zhichi2.png);
    background-size: cover;
}
.ustDevelpAllBox .serviceTab21 .custDevelp3 .zhichi2:hover {
    background-image: url(../../images/images_yussin/zhichi02.png);
}
.ustDevelpAllBox .serviceTab21 .custDevelp3 .zhichi3 {
    float: left;
    width:182px;
    height: 160px;
    background-image: url(../../images/images_yussin/zhichi3.png);
    background-size: cover;
}
.ustDevelpAllBox .serviceTab21 .custDevelp3 .zhichi3:hover {
    background-image: url(../../images/images_yussin/zhichi03.png);
}
.ustDevelpAllBox .serviceTab21 .custDevelp3 .zhichi4 {
    float: left;
    width:182px;
    height: 160px;
    background-image: url(../../images/images_yussin/zhichi4.png);
    background-size: cover;
}
.ustDevelpAllBox .serviceTab21 .custDevelp3 .zhichi4:hover {
    background-image: url(../../images/images_yussin/zhichi04.png);
}
.ustDevelpAllBox .serviceTab21 .custDevelp3 .zhichi5 {
    float: left;
    width:182px;
    height: 160px;
    background-image: url(../../images/images_yussin/zhichi5.png);
    background-size: cover;
}
.ustDevelpAllBox .serviceTab21 .custDevelp3 .zhichi5:hover {
    background-image: url(../../images/images_yussin/zhichi05.png);
}
.ustDevelpAllBox .serviceTab21 .custDevelp3 .zhichi6 {
    float: left;
    width:182px;
    height: 160px;
    background-image: url(../../images/images_yussin/zhichi6.png);
    background-size: cover;
}
.ustDevelpAllBox .serviceTab21 .custDevelp3 .zhichi6:hover {
    background-image: url(../../images/images_yussin/zhichi06.png);
}