body,html{margin:0;padding:0;font-size: 12px;font-family: 'Microsoft YaHei'}
ul,p{margin:0;padding:0}
li{list-style: none;display:inline-block;}
a,a:hover{text-decoration: none;color:#333;}
.float-left{float: left;}
.float-right{float: right;}
.clearBoth::after{content:'';display: block;clear: both;}

.content{max-width:1200px;padding:0 20px;margin: 0 auto;}
.content-title{text-align: center;}
.content-title h3{font-size: 20px;display: inline-block;border-bottom: 2px solid #ccc;padding:40px 20px 10px;margin:0;}
.content-title .line{display:block;height:3px; width: 20px;background: #F57110;margin: 0 auto;border-radius: 2px;position: relative;bottom: 3px;}

.header{background: #fff;position: fixed;width: 100%;z-index: 10;box-shadow: 1px 0px 10px rgba(0,0,0,0.2)}
.header .content{display: flex;justify-content: space-between;}
.header .header-img {height:45px;padding:5px;}
.header .header-img img{width:35px;height:35px;}
.header .header-img span{color:#F57110;font-size: 16px;padding-left:5px;}
.header .header-nav{display: block;}
.header .header-nav li,.showNav{height: 45px;line-height: 45px;}
.header .header-nav li a{display: block;padding:0 15px;}
.header .header-nav li:hover,.header li.active{background: #FFC019;}
.header .header-nav li:hover a,.header li.active a{color: #fff;}
.header-nav-show{display: none;}
.header-nav-vertical{display:none;background: #fff;width: 160px;position: fixed;top: 45px;z-index:1;right: 0;border:1px solid #eee;border-top:0;box-shadow: 0px 6px 10px rgba(0,0,0,0.1)}
.header-nav-vertical li{display: block;text-align: center;padding:0 20px;}
.header-nav-vertical li a{display: block;padding: 12px 0;border-bottom: 1px solid #eee;}

.banner-Wrap{background: url(../img/bg1.png) no-repeat center center;background-size: cover;height:370px;}
.banner-Wrap .carousel{max-width: 1200px;margin: 0 auto;height:370px;}
.banner-Wrap .carousel-inner>.item>a>img, .carousel-inner>.item>img{height: 370px;width: 100%;}

.appWrap{width:600px;margin:0px auto;display: flex;justify-content: center;}
.appBox{width:200px;height:200px;background: #F9F9F9;text-align:center;border-top:2px solid #eee;margin: 30px auto;}
.appBox.onLine{border-top:2px solid #FF950B;background: #FBF8FB;box-shadow: 0px 0px 5px rgba(0,0,0,0.1);margin-right:80px;}
.appBox.rightLine{border-top:2px solid #FF950B;background: #FBF8FB;box-shadow: 0px 0px 5px rgba(0,0,0,0.1);}
.appBox>img{width:28px;margin: 12px 0 6px;}
.appBox p{font-size: 12px;color: #444;font-weight: 900;}
.appLine{display: block;width: 50px;height:2px;background: #e9e9e9;margin: 6px auto;}
.appBox .downCode{width: 100px;height: 100px;margin: 0 auto;}
.appBox .downCode img{width: 100%;height: 100%;}

.company-content{background:#F3F3F3 url(../img/bg2.png) no-repeat;background-size: 50% 100%;margin: 30px 0 10px;}
.company-content ul{margin-left: 50%;padding: 20px 0;}
.company-content ul li{margin: 10px 20px;padding-left:20px;font-size: 14px;line-height: 24px;}
.company-content ul li.li_icon1{background: url(../img/click1.png) no-repeat 0 4px;background-size: 14px;}
.company-content ul li.li_icon2{background: url(../img/click2.png) no-repeat 0 4px;background-size: 14px;}
.company-content ul li.li_icon3{background: url(../img/click3.png) no-repeat 0 4px;background-size: 14px;}
.company-content ul li.li_icon4{background: url(../img/click4.png) no-repeat 0 4px;background-size: 14px;}

.cultureWrap .cultureBg{width: 65%;background: url(../img/bg5.png) no-repeat center center;background-size:cover;position: absolute;height: 100%;}
.cultureWrap .cultureBg1{background-image: url(../img/bg3.png);right: 0;}
.cultureWrap h5{font-size: 20px;font-weight: 900;margin:30px 20px 10px;}
.cultureWrap p{font-size: 14px;margin:10px 20px 30px;}
.cultureWrap .cultureText{width: 34%;background: #f3f3f3;}
.cultureWrap .cultureText1{box-shadow: 0px 0px 10px rgba(0,0,0,0.2)}
.cultureWrap .cultureBg h5,.cultureWrap .cultureBg p{color: #fff;}
.cultureWrap>.clearBoth{position: relative;}

.productBox{background: #b1b1b1;width: 100%;position: relative;margin-top:30px;padding-top:40px;z-index:2;}
.productBox .bg1{width:50%;height:100%;background: url(../img/map1.png) no-repeat;background-size:100%;position: absolute;top:0;z-index:-1;}
.productBox .bg2{width:50%;height:100%;background: url(../img/map2.png) no-repeat right center;background-size:100%;position: absolute;top:0;right:0;z-index:-1;}
.productBox .productImg{width: 40%;height:340px;float: left;text-align: center;}
.productBox .productImg img{height:100%}
.productBox .productContent{width: 52%;float: right;}
.productBox li{display: flex;position: relative;margin-bottom: 50px;}
.productBox .liNum{position: relative;text-align: center;height: 40px;width: 40px;line-height: 40px;z-index:2;color:#C90000;font-weight: 900;font-size: 18px;}
.productBox .liNum::after{content:'';display:block;position:absolute;left:0;top:0;z-index:-1;background: #fff;height: 40px;width: 40px;border:5px solid #C90000;border-radius: 4px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.productBox .liText{width:300px;height:36px;line-height:36px;color:#C90000;margin-left:20px;font-weight:900;background:#fff url(../img/sub_account.png) no-repeat 96% center;border-radius:18px;background-size: 24px;position: relative;}
.productBox .line{position:absolute;height: 6px;width: 40px;background: #C90000;top: 17px;left:30px;}
.productBox .point{background: #C90000;display: inline-block;width: 10px;height:10px;border-radius: 50%;margin:0 5px 0 10px;}
.productBox .ligreen .liNum{color:#07A5B3;}
.productBox .ligreen .liNum::after{border-color:#07A5B3;}
.productBox .ligreen .line,.productBox .ligreen .point{background: #07A5B3;}
.productBox .ligreen .liText{color:#07A5B3;background-image: url(../img/cart_empty.png);}
.productBox .liYellow .liNum{color:#F57110;}
.productBox .liYellow .liNum::after{border-color:#F57110;}
.productBox .liYellow .line,.productBox .liYellow .point{background: #F57110;}
.productBox .liYellow .liText{color:#F57110;background-image: url(../img/pay.png);}
.productBox .liBlue .liNum{color:#1A74E3;}
.productBox .liBlue .liNum::after{border-color:#1A74E3;}
.productBox .liBlue .line,.productBox .liBlue .point{background: #1A74E3;}
.productBox .liBlue .liText{color:#1A74E3;background-image: url(../img/message.png);}

.addressBox{display: flex;margin-top:30px;}
.addressWrap .addressContent{width: 50%;background: url(../img/bg4.png) no-repeat center bottom;background-size:cover;padding: 60px 0;}
.addressWrap .addressText{width:300px;padding:20px;font-size:12px;line-height:20px;background:rgba(1,38,132,0.4);border-radius: 5px;color:#fff;margin:0 auto;}
.addressWrap .addressText p{display: flex;}
.addressWrap .addressText label{min-width: 60px;}
.addressWrap .addressImg{width: 50%;height: 250px;}
#container{width: 100%;height: 100%;}

.footerWrap{text-align: center;padding:20px 0;color:#fff;background: #595959;}


@media screen and (max-width: 768px) {
    .header-nav-show{display: block;}
    .header .header-nav{display: none;}
    .banner-Wrap .carousel-inner>.item>a>img, .carousel-inner>.item>img,.banner-Wrap .carousel,.banner-Wrap{
        height:240px;
    }
    .appWrap{
        width: 100%;
        display: block;
    }
    .appBox.onLine{
        margin:30px auto;
    }
    .company-content{
        background-size: 100% 200px;
    }
    .company-content ul{
        margin: 0 auto;
        padding-top: 220px;
    }
    .productBox .productContent,.productBox .productImg{
        width: 300px;
        margin:0 auto;
        float: inherit;
    }
    .productBox .productContent{padding: 20px 0;}
    .productBox li{
        margin: 10px 0 30px;
        width: 100%;
    }
    .addressBox{
        display: block;
    }
    .addressWrap .addressContent{
        width: 100%;
    }
    .addressWrap .addressImg{width:100%;}
    .footerWrap span{display: block;}
}