.bodytitle{
    width: 50%;
    margin:calc(80px + (100vw - 1920px) / 30) auto;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    justify-content: center;
    font-size: calc(35px + (100vw - 1920px) / 100);
}
.bodytitle .lines{
    width: 40.63%;
    height: 2px;
    background: #c1c1c1;
}
.bodytitle .titles{
    width: calc(215px + (100vw - 1920px) / 80);
    text-align: center;
    line-height: 3px;
    color:#888 ;
    font-family: "宋体";
}
.conditionimgs{
    width: calc(1280px + (100vw - 1920px) / 2);
    margin: auto;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    justify-content: space-around;
    -ms-flex-pack: distribute;
    flex-wrap: wrap;
   -ms-flex-wrap: wrap;
}
.conditionimgs .conditionone{
    width: calc(400px + (100vw - 1920px) / 7);
    height:calc(120px + (100vw - 1920px) / 40);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.13);
    margin-bottom:calc(26px + (100vw - 1920px) / 80) ;
    border-radius: 8px;
    padding:calc(40px + (100vw - 1920px) / 40) 0;
}
.conditionimgs .conditionone .conditioninfos{
    height:calc(120px + (100vw - 1920px) / 30);
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    justify-content: flex-start;

}
.conditionimgs .conditionone .conditioninfos .conditionleft{
    width:calc(100px + (100vw - 1920px) / 80);
    height:calc(120px + (100vw - 1920px) / 30);
}
.conditionimgs .conditionone .conditioninfos .conditionleft .leftborder{
    width:calc(100px + (100vw - 1920px) / 80);
    height:calc(75px + (100vw - 1920px) / 80);
    line-height:calc(75px + (100vw - 1920px) / 80) ;
    margin-top:calc(23px + (100vw - 1920px) / 80);
    border-left: 5px solid #1cb36c;
}
.conditionimgs .conditionone .conditioninfos .conditionleft img{
    width:calc(56px + (100vw - 1920px) / 100);
    height:calc(56px + (100vw - 1920px) / 100);
    margin-left: calc(15px + (100vw - 1920px) / 100);
}
.conditionimgs .conditionone .conditioninfos .conditionright{
    width:calc(300px + (100vw - 1920px) / 80);
    height:calc(120px + (100vw - 1920px) / 30);
    font-family: "microsoft yahei";
}
.conditionimgs .conditionone .conditioninfos .conditionright .righttitle{
    font-size: calc(35px + (100vw - 1920px) / 80);
    color: #fff;
}
.conditionimgs .conditionone .conditioninfos .conditionright .rightcontent{
    font-size: calc(15px + (100vw - 1920px) / 800);
    color: #f9f9f9;
    line-height: calc(32px + (100vw - 1920px) / 80);
    margin-top: calc(10px + (100vw - 1920px) / 80);
    padding-right: calc(35px + (100vw - 1920px) / 80);
    overflow: hidden;
}

.conditionimgs .conditionone .conditioninfos .conditionrightx{
    width:calc(330px + (100vw - 1920px) / 80);
    color: #f9f9f9;
    line-height: calc(132px + (100vw - 1920px) / 24);
    font-size: calc(28px + (100vw - 1920px) / 80);
}
.conditionimgs .conditionone .conditioninfos .conditionleftx{
    width:calc(50px + (100vw - 1920px) / 80);
    height:calc(120px + (100vw - 1920px) / 80);
}
.conditionimgs .conditionone .conditioninfos .conditionleftx .leftborderx{
    width:calc(50px + (100vw - 1920px) / 80);
    height:calc(75px + (100vw - 1920px) / 80);
    line-height:calc(75px + (100vw - 1920px) / 80) ;
    margin-top:calc(23px + (100vw - 1920px) / 80);
    border-left: 5px solid #1cb36c;
}
.process{
    width: 100%;
    height: calc(430px + (100vw - 1920px) / 4.4);
}
.process .processbody{
    width: calc(1232px + (100vw - 1920px) / 2.2);
    height: calc(374px + (100vw - 1920px) / 5);
    margin: auto;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */

}
.process .processbody .jiantou{
    width:calc(122px + (100vw - 1920px) / 80);
    height:calc(374px + (100vw - 1920px) / 5);
    line-height: calc(374px + (100vw - 1920px) / 5);
    text-align: center;
}
.process .processbody .jiantou img{
    width:calc(50px + (100vw - 1920px) / 80);
    height:calc(36px + (100vw - 1920px) / 80);
    margin: auto;
}
.processbody .processone {
    width: calc(224px + (100vw - 1920px) / 80);
    height: calc(310px + (100vw - 1920px) / 7);
    box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.1);
    background: #fff;
    font-family: "microsoft yahei";
}
.processbody .processone .processonetitle{
    height:calc(100px + (100vw - 1920px) / 18);
    line-height: calc(100px + (100vw - 1920px) / 18);
    margin-bottom: calc(10px + (100vw - 1920px) / 80);
    text-align: center;
    font-size: calc(26px + (100vw - 1920px) / 80);
    color:#1bb861;
}
.processbody .processone .processonecontent1{
    height:calc(75px + (100vw - 1920px) / 80);
    line-height: calc(30px + (100vw - 1920px) / 80);
    font-size: calc(15px + (100vw - 1920px) / 80);
    overflow: hidden;
    padding: 0 calc(10px + (100vw - 1920px) / 500);
}

/*奇数*/
.processbody .processone:nth-child(1){

    align-self:flex-end;
    -ms-flex-item-align: end;
}
/*偶数*/
.processbody .processone:nth-child(3){
    align-self: flex-start;
    -ms-flex-item-align: start;
}
/*奇数*/
.processbody .processone:nth-child(5){

    align-self:flex-end;
    -ms-flex-item-align: end;
}
/*偶数*/
.processbody .processone:nth-child(7){
    align-self: flex-start;
    -ms-flex-item-align: start;
}


.footer {
    margin-top: -1px;
}
@media screen and (min-width: 769px) {
    .processn {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .conditionimgs {
        width: calc(1280px + (100vw - 1920px) / 1.6);
    }
    .conditionimgs .conditionone {
        width: calc(400px + (100vw - 1920px) / 20);
        height: calc(120px + (100vw - 1920px) / 150);
    }
    .conditionimgs .conditionone .conditioninfos .conditionleft .leftborder {
        margin-top: 25px;
    }
    .conditionimgs .conditionone .conditioninfos .conditionright .righttitle {
        font-size: 20px;
        margin: 10px;
    }
    .conditionimgs .conditionone .conditioninfos {
        height: calc(120px + (100vw - 1920px) / 130);
    }
    .conditionimgs .conditionone .conditioninfos .conditionright .rightcontent {
        line-height: 25px;
        margin-top: 10px;
    }
    .conditionimgs .conditionone .conditioninfos .conditionleftx .leftborderx {
        margin-top: 25px;
    }
    .conditionimgs .conditionone .conditioninfos .conditionrightx {
        line-height: 110px;
        font-size: 20px
    }
    .process{
        display: none;
    }
    .processn{
        display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
        display: -moz-box; /* Firefox 17- */
        display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
        display: -moz-flex; /* Firefox 18+ */
        display: -ms-flexbox; /* IE 10 */
        display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    }

}