body {

    min-width: 1200px;

}



.bg-btn {

    padding: 16px 0;

    background-color: #fd4926;

    color: #fff;

    text-align: center;

    width: 175px;

    cursor: pointer;

    display: inline-block;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.bg-btn:hover {

    width: 185px;

}



#plan .top {

    padding: 60px 0;

    text-align: center

}





#plan .top ul li {

    float: left;

    padding: 0 50px;

    border-right: 1px solid #ccc;

}



#plan .top ul li a {

    color: #666;

}



#plan .top ul li:hover a {

    color: #fd4926;

}



#plan .top ul li.slelcted a {

    color: #fd4926;

}



#plan .top ul li i {

    width: 90px;

    height: 60px;

    display: inline-block;

    background-repeat: no-repeat;

    background: url(/weboms/Template/pc_web/statics/imgs/battery.png) no-repeat;

}



#plan .top ul li img {

    width: 90px;

    height: 60px;

    display: inline-block;

}



/* #plan .top ul li i.bat {

    background: url(/weboms/Template/pc_web/statics/imgs/battery.png) no-repeat;

}



#plan .top ul li:hover i.bat,  #plan .top ul li.slelcted i.bat {

    background: url(/weboms/Template/pc_web/statics/imgs/battery_h.png) no-repeat;

}



#plan .top ul li i.camera {

    background: url(/weboms/Template/pc_web/statics/imgs/camera.png) no-repeat;

}



#plan .top ul li:hover i.camera,  #plan .top ul li.slelcted i.camera {

    background: url(/weboms/Template/pc_web/statics/imgs/camera_h.png) no-repeat;

}



#plan .top ul li i.ele {

    background: url(/weboms/Template/pc_web/statics/imgs/elec.png) no-repeat;

}



#plan .top ul li:hover i.ele,  #plan .top ul li.slelcted i.ele {

    background: url(/weboms/Template/pc_web/statics/imgs/elec_h.png) no-repeat;

}



#plan .top ul li i.car {

    background: url(/weboms/Template/pc_web/statics/imgs/car.png) no-repeat;

}



#plan .top ul li:hover i.car,  #plan .top ul li.slelcted i.car {

    background: url(/weboms/Template/pc_web/statics/imgs/car_h.png) no-repeat;

}



#plan .top ul li i.process {

    background: url(/weboms/Template/pc_web/statics/imgs/process.png) no-repeat;

}



#plan .top ul li:hover i.process,  #plan .top ul li.slelcted i.process {

    background: url(/weboms/Template/pc_web/statics/imgs/process_h.png) no-repeat;

}



#plan .top ul li i.jewe {

    background: url(/weboms/Template/pc_web/statics/imgs/jewe_b.png) no-repeat;

}



#plan .top ul li:hover i.jewe,  #plan .top ul li.slelcted i.jewe {

    background: url(/weboms/Template/pc_web/statics/imgs/jewe_h.png) no-repeat;

} */



#plan .top ul li p {

    margin-top: 15px!important;

    margin-bottom: 0!important;

}



#plan .top ul li.last {

    border-right: none;

}



#plan .main {

    background-color: #d4d4da;

    padding: 0 8.5% 3px;

}



#plan .main h5 {

    color: #999;

    font-size: 16px;

    padding: 35px 0 35px;

    margin: 0;

    cursor: pointer;

}



#plan .main .one {

    height: 465px;

    background-color: #fff;

}



#plan .main .one .left {

    float: left;

    padding: 70px 0 70px 80px;

    /* width: 53.9%; */ 

    width: 580px;

}



#plan .main .one .left h3 {

    font-size: 24px;

    margin: 0 0 25px;

}



#plan .main .one .left p {

    line-height: 2;

    margin-bottom: 45px!important;

}



#plan .main .one .right {

    float: right;

    width: 500px;

    height: 465px;

}



#plan .main .one .right img {

    width: 100%;

    height: 100%;

}



#plan .main .com .title h2{

        margin: 50px 0;

    color: #333;

    position: relative;

    z-index: 11;

    background: #ededed;

}



#plan .main .com .title span {

    border: 1px solid #d5d5d5;

    position: absolute;

    left: 140px;

    right: 0;

    top: 32px;

}





#plan .main .cards ul li {

    float: left;

    margin-right: 1%;

    width: 32.6%;

}



#plan .main .advant ul li:hover {

    transform: translate3d(0, -2px, 0);

    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, .2);

    transition-property: box-shadow, transform;

    transition-duration: 600ms;

    transition-timing-function: cubic-bezier(.16, 1, .29, .99);

}



#plan .main .two .cards ul li {

    margin-bottom: 15px;

    padding: 30px 40px 40px 60px; 

    height: 240px;

    background-color: #fff;

}



#plan .main .two .cards ul li:nth-child(3n) {

    margin-right: 0;

}



#plan .main .cards ul li.nth3 {

    margin-right: 0;

}



#plan .main .two .cards ul li .line {

    border-bottom: 1px solid #e5e5e5;

    padding-top: 20px;

}



#plan .main .two .cards ul li .line::before {

   

    font-size: 30px;

    color: #fd4926;

    position: absolute;

    left: -34px;

    bottom: -7px;

}

#plan .main .two .cards ul li:nth-child(1) .line::before{

     content: "01";

}

#plan .main .two .cards ul li:nth-child(2) .line::before {

    content: "02";

}



#plan .main .two .cards ul li:nth-child(3) .line::before {

    content: "03";

}



#plan .main .two .cards ul li:nth-child(4) .line::before {

    content: "04";

}

.cards li:nth-child(3n){

    margin-right: 0!important;

}

#plan .main .two .cards ul li:nth-child(5) .line::before {

    content: "05";

}



#plan .main .two .cards ul li:nth-child(6) .line::before {

    content: "06";

}



#plan .main .two .cards ul li h4 {

    margin: 25px 0 20px;

    font-size: 20px;

    color: #666;

    font-weight: bold;

}



#plan .main .two .cards ul li p {

    font-size: 14px;

    color: #666;

    line-height: 1.8;

}



#plan .main .three .cards ul li {

    height: 550px;

    

}



#plan .main .three .cards ul li div.pic{

    height: 260px;

    width: 100%;

    overflow: hidden;

    

    

}



#plan .main .three .cards ul li img {

    width: 100%;

    height: 100%;

    -webkit-transition:  all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all .5s;

    transition: all 0.5s;

}



#plan .main .three .cards ul li img:hover {

 

}



#plan .main .three .cards ul li h3 {

    font-size: 24px;

    margin: 25px 0;

    color: #333;

}



#plan .main .three .cards ul li p {

    line-height: 1.8;

    color: #666;

    width: 90%;

}





#plan .main .four .item {

    border-bottom: 1px solid #dcdcdc;

    height: 400px;

    background-color: #fff;

}



#plan .main .four .item .left {

    float: left;

    padding: 60px 0;

}



#plan .main .four .item .left .img {

    float: left;

    width: 320px;

    height: 100%;

    padding: 0 40px;

}



@media (max-width: 1300px) {

    #plan .main .four .item .left .img {

        padding: 0;

    }

}



#plan .main .four .item .left .img img {

    width: 100%;

    height: 100%;

}



#plan .main .four .item .intro {

    float: left;

    width: 388px;

    padding: 60px 0;

}



#plan .main .four .item .intro h2 {

    border-bottom: 1px solid #ccc;

    margin: 0;

    padding-bottom: 25px;

    font-size: 24px;

}



#plan .main .four .item .intro ul {

    padding-top: 25px;

}



#plan .main .four .item .intro ul li {

    margin-bottom: 15px;

}



#plan .main .four .item .right {

    float: right;

    border-left: 2px solid #dcdcdc;

    text-align: center;

    vertical-align: middle;

    height: 100%;

    line-height: 400px;

    padding: 0 4%;

}



#plan .main .four .item .right img {

    width: 64px;

    height: 64px;

}



#plan .main .four .lists ul.content li.item {

    margin-bottom: 10px;

    border-bottom: 2px solid #dcdcdc;

    height: 400px;

    background-color: #fff;

    cursor: pointer;

    overflow: hidden;

}



#plan .main .four .lists ul li .left {

    float: left;

    padding: 60px 0;

}



#plan .main .four .lists ul li .left .img {

    float: left;

    height: 240px;

    width: 480px;

    height: 240px;

    padding: 0 120px;

}



@media (max-width: 1600px) {

    #plan .main .four .lists ul li .left .img {

        width: 320px;

        padding: 0 40px;

    }

}



@media (max-width: 1300px) {

    #plan .main .four .lists ul li .left .img {

        padding: 0 20px;

    }

}



#plan .main .four .lists ul li .left .img img {

    width: 100%;

    height: 100%;

}



#plan .main .four .lists ul li .intro {

    float: left;

    width: 388px;

    padding: 60px 0;

}



#plan .main .four .lists ul li .intro h3 {

    color: #333;

    border-bottom: 1px solid #ccc;

    margin: 0;

    padding-bottom: 25px;

}



#plan .main .four .lists ul li .intro .cont {

    margin-top: 25px;

}



#plan .main .four .lists ul li .intro ul {

    padding-top: 25px;

}



#plan .main .four .lists ul li .intro ul li {

    margin-bottom: 15px;

}



#plan .main .four .lists ul li .right {

    float: right;

    border-left: 2px solid #dcdcdc;

    text-align: center;

    vertical-align: middle;

    height: 100%;

    line-height: 400px;

    padding: 0 4%;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    transition: all .5s;

}



#plan .main .four .lists ul.content li.item:hover .right {

    background: #fd4926;

}



#plan .main .four .lists ul li .right .arrow {

    display: inline-block;

    width: 64px;

    height: 64px;

    background: url(/weboms/Template/pc_web/statics/imgs/rarrow.png) no-repeat;

    transition: .5s;

}



#plan .main .four .lists ul.content li.item:hover .right .arrow {

    background: url(/weboms/Template/pc_web/statics/imgs/arrow_h.png) no-repeat;

}