﻿
.beginning{
    margin-top:80px;
    height:78px;
    border-top:1px solid #e5e7fa;
    border-bottom:1px solid #e5e7fa;
    line-height: 78px;
    text-align:center;
    font-size:16px;
    color:#333333
}
.beginning a{
    width:133px;
    height:35px;
    display: inline-block;
    line-height: 35px;
    text-align:center;
    background:#d8262c;
    color:#fff;
    border-radius:25px;
    font-size:16px;
    margin-left:20px;
}
.scope-hot img{
    width:100%;
    margin-top:50px;
}
.industry-main{
    width:100%;
    overflow: hidden;
    margin-top:42px;
}
.industry-main .trade-left{
    width:49%;
    float:left;
}
.industry-main .trade-right{
    width:49%;
    float:right;
}
.trade-img{
    width:100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding:40px 10px 10px 55px;
    box-sizing: border-box;
}
.hei-img1{
    height:505px;
}
.hei-img2{
    height:245px;
    margin-bottom:15px;
}
.hei-img3{
    height:245px;
}
.trade-img i.mot1{
    background: url(ms1.png) no-repeat;
    width:40px;
    height:28px;
    display: inline-block;
    background-size: contain;
}
.trade-img i.mot2{
    background: url(ms2.png) no-repeat;
    width:30px;
    height:32px;
    display: inline-block;
    background-size: contain;
}
.trade-img i.mot3{
    background: url(ms3.png) no-repeat;
    width:36px;
    height:24px;
    display: inline-block;
    background-size: contain;
}
.trade-img p{
    font-size:24px;
    color:#fff;
    margin-top:15px;
    margin-bottom:12px;
}
.trade-img span{
    display: block;
    font-size:12px;
    color:#fff;
    line-height: 20px;
    width:70%;
}
.trade-img a{
    display: inline-block;
    margin-top:20px;
    width:127px;
    height:30px;
    border-radius:25px;
    background:#fff;
    text-align:center;
    line-height: 30px;
    font-size:12px;
}
.trade-img a em{
    width: 12px;
    height:9px;
    display: inline-block;
    background-size: contain;
    margin-left:9px;
    background-size: contain;
    background-repeat: no-repeat;
}
.more-on1{
    color:#d8262c
}
.more-on1 em{
    background: url(jiantou1.png) no-repeat;
    widows: 12px;
    height:9px;
    display: inline-block;
    background-size: contain;
    margin-left:9px;
}
.more-on2{
    color:#d8262c
}
.more-on2 em{
    background-image: url(jiantou1.png);
}
.more-on3{
    color:#d8262c
}
.more-on3 em{
    background-image: url(jiantou1.png);
}
.made-main{
    width:100%;
    margin-top:15px;
}
.mage-img{
    width:100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding:90px 10px 10px 60%;
    box-sizing: border-box;
    height:372px;
}
.mage-img i{
    background: url(ms4.png) no-repeat;
    width:31px;
    height:28px;
    display: inline-block;
    background-size: contain;
}
.mage-img p{
    font-size:24px;
    color:#fff;
    margin-top:20px;
    margin-bottom:15px;
}
.mage-img span{
    display: block;
    font-size:12px;
    color:#fff;
    line-height: 20px;
}
.made-main a{
    display: inline-block;
    margin-top:20px;
    width:127px;
    height:30px;
    border-radius:25px;
    background:#fff;
    text-align:center;
    line-height: 30px;
    font-size:12px;
    color:#d8262c;
}
.made-main a em{
    width: 12px;
    height:9px;
    display: inline-block;
    background-size: contain;
    margin-left:9px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(jiantou1.png);
}
.retail-main{
    width:100%;
    overflow:hidden;
    margin-top:15px;
}
.retail-main .rel-over{
    width:49.25%;
    float:left;
    margin-right:1.5%;
}
.retail-main .rel-over:last-child{
    margin-right:0px;
}
.retail-img{
    width:100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding:100px 10px 10px 58px;
    box-sizing: border-box;
    height:350px;
}
.retail-img p{
    font-size:24px;
    color:#fff;
    margin-top:20px;
    margin-bottom:15px;
}
.retail-img span{
    display: block;
    font-size:12px;
    color:#fff;
    line-height: 20px;
}
.rel1{
    background: url(ms5.png) no-repeat;
    width:29px;
    height:30px;
    display: inline-block;
    background-size: contain;
}
.rel2{
    background: url(ms6.png) no-repeat;
    width:30px;
    height:28px;
    display: inline-block;
    background-size: contain;
}
.retail-img a{
    display: inline-block;
    margin-top:20px;
    width:127px;
    height:30px;
    border-radius:25px;
    background:#fff;
    text-align:center;
    line-height: 30px;
    font-size:12px;
}
.retail-img a em{
    width: 12px;
    height:9px;
    display: inline-block;
    background-size: contain;
    margin-left:9px;
    background-size: contain;
    background-repeat: no-repeat;
}
.rel-more1{
    color:#d8262c;
}
.rel-more1 em{
    background-image: url(jiantou1.png);
}
.rel-more2{
    color:#d8262c;
}
.rel-more2 em{
    background-image: url(jiantou1.png);
}
.sel-main{
    width:100%;
    margin-top:90px;
    background: url(touming.jpg) no-repeat center;
    padding:10px 0px 5% 0px;
    background-size: cover;
}
.solt-ul{
    width:100%;
    margin-top:50px;
}
.solt-ul ul{
    overflow: hidden;
}
.solt-ul ul li{
    width:13%;
    float:left;
    text-align:center;
    margin-right:1.25%;
}
.solt-ul ul li:last-child{
    margin-right:0px;
}
.solt-ul ul li .solt-all{
    width:100%;
    height:223px;
    padding-top:47px;
    box-sizing: border-box;
}
.solt-all i{
    display: block;
    margin:0 auto;
    width:62px;
    height:62px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70%;
}
/*.solt-all i.solt1{
    background-image: url(tag1.png);
}
.solt-all i.solt2{
    background-image: url(tag2.png);
}
.solt-all i.solt3{
    background-image: url(tag3.png);
}
.solt-all i.solt4{
    background-image: url(tag4.png);
}
.solt-all i.solt5{
    background-image: url(tag5.png);
}
.solt-all i.solt6{
    background-image: url(tag6.png);
}
.solt-all i.solt7{
    background-image: url(tag7.png);
}*/
.solt-all i.solt1{
    background-image: url(ico_why1_1.png);
}
.solt-all i.solt2{
    background-image: url(ico_why2_1.png);
}
.solt-all i.solt3{
    background-image: url(ico_why3_1.png);
}
.solt-all i.solt4{
    background-image: url(ico_why4_1.png);
}
.solt-all i.solt5{
    background-image: url(ico_why5_1.png);
}
.solt-all i.solt6{
    background-image: url(ico_why6_1.png);
}
.solt-all i.solt7{
    background-image: url(ico_why7_1.png);
}
.solt-all p{
    font-size: 18px;
    color:#333333;
    margin-top:15px;
}
.solt-all span{
    font-size: 14px;
    color:#666666;
    margin-top:6px;
}
.solt-ul ul li:hover .solt-all{
    background: #fff;
}
.solt-ul ul li a{
    text-decoration: none;
}
/*.solt-ul ul li:hover .solt-all i.solt1{
    background-image: url(acticed1.png);
}
.solt-ul ul li:hover .solt-all i.solt2{
    background-image: url(acticed2.png);
}
.solt-ul ul li:hover .solt-all i.solt3{
    background-image: url(acticed3.png);
}
.solt-ul ul li:hover .solt-all i.solt4{
    background-image: url(acticed4.png);
}
.solt-ul ul li:hover .solt-all i.solt5{
    background-image: url(acticed5.png);
}
.solt-ul ul li:hover .solt-all i.solt6{
    background-image: url(acticed6.png);
}
.solt-ul ul li:hover .solt-all i.solt7{
    background-image: url(acticed7.png);
}*/
.solt-ul ul li:hover .solt-all i.solt1{
    background-image: url(ico_why1_1.png);
}
.solt-ul ul li:hover .solt-all i.solt2{
    background-image: url(ico_why2_1.png);
}
.solt-ul ul li:hover .solt-all i.solt3{
    background-image: url(ico_why3_1.png);
}
.solt-ul ul li:hover .solt-all i.solt4{
    background-image: url(ico_why4_1.png);
}
.solt-ul ul li:hover .solt-all i.solt5{
    background-image: url(ico_why5_1.png);
}
.solt-ul ul li:hover .solt-all i.solt6{
    background-image: url(ico_why6_1.png);
}
.solt-ul ul li:hover .solt-all i.solt7{
    background-image: url(ico_why7_1.png);
}

.solt-ul ul li:hover .solt-all p{
    margin-top:36px;
}

/*鍏充簬鎴戜滑 */

/*鎵嬫満 */
@media (min-width: 320px) and (max-width:768px){
    /*2019.7.30淇敼*/
    .system-on i{
        width:120px;
        height:120px;
    }
    .scope-hot p{
        font-size:22px;
    }
    .system-on p{
        font-size:14px;
    }
    .scope-hot{
        margin-top:50px;
    }
    .sys-top,.beginning{
        margin-top:40px;
    }
    .beginning{
        font-size: 12px;
    }
    .beginning a{
        width:100px;
        height:30px;
        line-height: 30px;
        text-align:center;
        font-size:12px;
    }
    .industry-main .trade-left,.industry-main .trade-right,.retail-main .rel-over{
        width:100%;
        float: none;
    }
    .trade-img,.mage-img,.retail-img{
        padding:30px 10px 20px 25px;
        margin-bottom:10px;
    }
    .trade-img i.mot1{
        width:30px;
        height:18px;
    }
    .trade-img i.mot2{
        width:22px;
        height:24px;
    }
    .trade-img i.mot3{
        width:30px;
        height:20px;
    }
    .mage-img i{
        width: 26px;
        height: 22px;
    }
    .trade-img p,.mage-img p,.retail-img p{
        font-size:18px;
        margin-top:10px;
        margin-bottom:8px;
    }
    .trade-img a,.mage-img a,.retail-img a{
        width:90px;
        height:25px;
        line-height: 25px;
        margin-top:15px;
    }
    .hei-img1,.hei-img2,.hei-img3,.mage-img,.retail-img{
        height:auto;
    }
    .trade-img span,.mage-img span,.retail-img span{
        width:100%;
    }
    .made-main{
        margin-top:0px;
    }
    .retail-main{
        margin-top:10px;
    }
    .rel1{
        width:24px;
        height:25px;
    }
    .rel2{
        width:25px;
        height:24px;
    }
    .sel-main{
        margin-top:50px;
        padding:10px 0px 5% 0px;
    }
    .solt-ul ul li{
        width:32%;
        margin-right:2%;
    }
    .solt-ul ul li:nth-child(3n+3){
        margin-right:0px;
    }
    .solt-ul{
        margin-top:0px;
    }
    .solt-ul ul li .solt-all{
        height:180px;
        padding-top:30px;
    }
    .solt-all i{
        width:40px;
        height:43px;
    }
    .solt-all p{
        font-size:16px;
    }
    .solt-all span{
        font-size:12px;
    }
    .scope-hot img{
        margin-top:30px;
    }
}

/*骞虫澘 */
@media (min-width: 768px){
    /*2019.7.30鏂板*/
    .sys-top{
        margin-top:40px;
    }
    .beginning{
        margin-top:50px;
    }
    .scope-hot{
        margin-top:50px;
    }
    .system-on{
        margin-bottom:10px;
    }
    .trade-img{
        padding:25px 10px 10px 25px
    }
    .trade-img p{
        font-size:20px;
        margin-top:10px;
        margin-bottom:5px;
    }
    .trade-img span{
        width:100%;
    }
    .hei-img1{
        height:400px;
    }
    .hei-img2,.hei-img3{
        height:192.5px;
    }
    .trade-img a{
        width: 100px;
        height:25px;
        line-height: 25px;
        margin-top:15px;
    }
    .mage-img{
        height:300px;
        padding:60px 10px 10px 45%
    }
    .retail-img{
        height:300px;
        padding:70px 10px 10px 45px
    }
    .solt-ul ul li{
        width:23.5%;
        margin-right:2%
    }
    .solt-ul ul li:nth-child(4n+4){
        margin-right:0px;
    }
    .solt-ul{
        margin-top: 20px;
    }
    
}

/*涓瓑灞忓箷 妗岄潰鏄剧ず鍣� */
@media (min-width: 992px){
    /*2019.7.30鏂板*/
   
}

/*澶у睆骞� 澶ф闈㈡樉绀哄櫒 */
@media (min-width: 1200px){
    /*2019.7.30鏂版浘*/
    .trade-img{
        padding:40px 10px 10px 55px;
    }
    .hei-img1{
        height:505px;
    }
    .hei-img2{
        height:245px;
        margin-bottom:15px;
    }
    .hei-img3{
        height:245px;
    }
    .trade-img p{
        font-size:24px;
        margin-top:15px;
        margin-bottom:12px;
    }
    .trade-img span,.retail-img span{
        width:70%;
    }
    .trade-img a{
        margin-top:20px;
        width:127px;
        height:30px;
        line-height: 30px;
    }
    .retail-img{
        padding:100px 10px 10px 58px;
        height:350px;
    }
    .retail-img p{
        font-size:24px;
        margin-top:20px;
        margin-bottom:15px;
    }
    .mage-img{
        padding:90px 10px 10px 60%;
        height:372px;
    }
    .solt-ul ul li{
        width:13%;
        float:left;
        text-align:center;
        margin-right:1.25%;
    }
    .solt-ul ul li:last-child{
        margin-right:0px;
    }
    .solt-ul ul li .solt-all{
        width:100%;
        height:223px;
        padding-top:47px;
        box-sizing: border-box;
    }
    .scope-hot{
        margin-top:70px;
    }
}

