html,body{height:100%;font-family:Microsoft YaHei;}
@media (min-width:1600px) {
    .container {width:1440px}
}
h1,h2,h3,h4,h5,h6{margin:0px;padding:6px 0px;}
ul{list-style:none;padding:0px;}
.bg{width:100%;overflow:hidden;padding:60px 0px 90px;}
.bg-hui{background:#EAEAEA;}
.bg-bai{background:#fff;}
.bg-hei{background:#333;}
.bg-lv{background:#00594F;}
.dn{display: none;}
.go-top{position: fixed;bottom: 20px;right:25px;z-index: 999;}
.go-top a{font-size:24px;color:#fff;width:60px;height:60px;background:#0d6fb8;border-radius:50%;display: flex;justify-content: center;align-items: center;}
.go-top a:hover,.go-top a:focus{color:#fff;background:#055b9a;text-decoration: none;}

.navbar{border-radius: 0px;}
.site-nav{border:0px;position: fixed;right: 0;left: 0;z-index: 999;}
.site-nav .navbar-brand{display:block;width:215px;height:64px;margin-top:18px;background:url(http://www.doaxim.com/images/logo.png) no-repeat;background-size:100% 100%;}
.site-nav .slogen{float:left;margin-left:40px;color:#00412E;font-size:14px;letter-spacing:5px;margin-top:28px;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-left:0px;}
.site-nav .navbar-nav{margin-left:150px;}
.site-nav .navbar-right{margin-left:0px;}
.site-nav .navbar-nav > li{margin:0 20px;}
.site-nav .navbar-nav > li > a{padding: 40px 10px 37px;transition: all .25s;color:#595757;font-size:22px;border-bottom:3px solid transparent;}
.site-nav .navbar-nav > li > a:hover,.site-nav .navbar-nav > li > a:focus {color: #0d6fb8;background:rgba(255,255,255,0.2);}
.site-nav .navbar-nav > .active > a,.site-nav .navbar-nav > .active > a:hover, .site-nav .navbar-nav > .active > a:focus {color: #0d6fb8;background:none;border-bottom:3px solid #0d6fb8;}
.site-nav .navbar-nav > .open > a,.site-nav .navbar-nav > .open > a:hover, .site-nav .navbar-nav > .open > a:focus{background:#043126;color:#fff;}
.site-nav .navbar-nav > li > .dropdown-menu{background: #00594F;min-width: 100%;border:none;border-radius: 0;text-align: center;padding:0;}
.site-nav .navbar-nav .dropdown-menu > li > a:hover,.site-nav .navbar-nav .dropdown-menu > li > a:focus {text-decoration: none;color: #fff;background-color: #043126;}
.site-nav .navbar-nav .dropdown-menu > li > a {color: #fff;border-bottom: 1px solid rgba(4,49,38,0.3);padding: 6px 15px;}

.site-nav.default{transition:all .2s;}
.site-nav.fixed{background:#fff;transition:all .5s;box-shadow: 0 1px 5px rgba(0,0,0,.2);z-index: 9999;}
.site-nav.fixed .navbar-brand{background:url(http://www.doaxim.com/images/logo.png) no-repeat;background-size:100% 100%;}

.site-title {padding:40px 0;text-align: center;}
.site-title > h2 {line-height:56px;font-weight: 600;font-size: 42px;color:#4e525d;}
.site-title > h3 {line-height: 30px;font-weight: normal;font-size: 24px;color:#4e525d;font-family: Arial, Helvetica, sans-serif;}


.icon-box{display: flex;padding:30px 0 60px;}
.icon-item{display: flex;flex-grow: 1;flex-direction: column;align-items: center;}
.icon-item .icon{width:100%;text-align: center;}
.icon-item .icon img{width:90%;max-width:100px;display:inline-block;border-radius: 50%;border:3px solid #0d6fb8;}
.icon-item h2{color:#4e525d;font-size:22px;text-align: center;margin-top:20px;}
.icon-item h3{color:#595757;font-size:14px;text-align: center;}
.icon-box.s5 .icon-item{width:20%;}
.icon-box.s6 .icon-item{width:16.66%;}

.ej-banner{background-repeat:no-repeat;background-position:center center;background-size:cover;height:100%;display: flex;justify-content: center;align-items: center;padding-top:30px;flex-direction: column;position: relative;}
.service-banner{background-image: url(http://www.doaxim.com/images/service/service-banner.jpg);}
.app-banner{background-image: url(http://www.doaxim.com/images/app/app-banner.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;height:566px;}
.data-banner{background-image: url(http://www.doaxim.com/images/data/data-banner.jpg);}
.ecology-banner{background-image: url(http://www.doaxim.com/images/ecology/ecology-banner.jpg);}
.about-banner{background-image: url(http://www.doaxim.com/images/about/about-banner.jpg);}


.footer{background-image: url(http://www.doaxim.com/images/foot-bg.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;padding:30px;font-size:14px;color:#ddd;text-align: center;padding:40px 0 60px;}
.foot-left{margin:0;padding:0;display: flex;}
.foot-left h2{line-height:48px;font-size:24px;color:#fff;margin:0;padding:0;}
.foot-left h3{line-height:24px;font-size:18px;color:#fff;margin:0;padding:0;margin-left:20px;}
.foot-right{margin:0;padding:0;display: flex;justify-content:flex-end;}
.foot-right h2{line-height:48px;font-size:24px;color:#fff;margin:0;padding:0;}
.foot-right h3{line-height:24px;font-size:18px;color:#fff;margin:0;padding:0;margin-left:20px;}

/* 首页 */
.home-img{background-repeat: no-repeat;background-position: center center;background-size: cover;height:530px;box-shadow: 0 0 15px rgba(0,0,0,.2);}
.home01{background-image: url(http://www.doaxim.com/images/home/home01.jpg);}
.home02{background-image: url(http://www.doaxim.com/images/home/home02.jpg);}
.home03{background-image: url(http://www.doaxim.com/images/home/home03.jpg);}


/* 企业服务 */
.service-box{display: flex;flex-direction: row;align-items:stretch;}
.service-box .site-title{padding-top:0;}
.service-box .site-title h2{font-weight: normal;}
.service-box .service-item{width:50%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.service-box .service-item img{width:100%;display: block;}
.service-box .service-item .con{padding:40px 20% 0;font-size:24px;color:#666;line-height:1.6;text-align: justify;}


/* 应用场景 */
.app-box{width:100%;}
.app-box .site-title{padding-bottom:20px;}
.app-box .site-title h2{font-weight: normal;}
.app-box .app-item{width:100%;}
.app-box .app-item img{width:100%;display: block;}
.app-box .app-item .con{padding:0px 20% 40px;font-size:24px;color:#666;line-height:1.6;text-align: center;}

.app-img{background-repeat: no-repeat;background-position: center center;background-size: cover;height:630px;box-shadow: 0 0 15px rgba(0,0,0,.2);}
.app01{background-image: url(http://www.doaxim.com/images/app/app01.jpg);}
.app02{background-image: url(http://www.doaxim.com/images/app/app02.jpg);}
.app03{background-image: url(http://www.doaxim.com/images/app/app03.jpg);}
.app04{background-image: url(http://www.doaxim.com/images/app/app04.jpg);}
.app05{background-image: url(http://www.doaxim.com/images/app/app05.jpg);}
.app06{background-image: url(http://www.doaxim.com/images/app/app06.jpg);}


/* 大数据服务 */
.data-box{width:100%;}
.data-box .site-title{padding-bottom:20px;}
.data-box .site-title h2{font-weight: normal;}
.data-box .data-item{width:100%;}
.data-box .data-item img{width:100%;display: block;}
.data-box .data-item .con{padding:0px 20% 40px;font-size:24px;color:#666;line-height:1.6;text-align: center;}

.data-img{background-repeat: no-repeat;background-position: center center;background-size: cover;height:630px;box-shadow: 0 0 15px rgba(0,0,0,.2);}
.data01{background-image: url(http://www.doaxim.com/images/data/data01.jpg);}
.data02{background-image: url(http://www.doaxim.com/images/data/data02.jpg);}
.data03{background-image: url(http://www.doaxim.com/images/data/data03.jpg);}
.data04{background-image: url(http://www.doaxim.com/images/data/data04.jpg);}
.data05{background-image: url(http://www.doaxim.com/images/data/data05.jpg);}
.data06{background-image: url(http://www.doaxim.com/images/data/data06.jpg);}

/* 生态 */
.ecology-tit{text-align: center;padding:60px 0 40px;font-size: 50px;font-weight: normal;color:#000;}
.ecology-box{width:100%;max-width:1219px;text-align: center;margin:0 auto;padding:20px 0;border-bottom: 1px solid #ddd;}
.ecology-box img{width:100%;display: block;}

/* 关于我们 */
.about-tit{text-align: center;padding:60px 0 40px;font-size: 42px;font-weight: normal;color:#000;font-weight: bold;}
.about-con{width:100%;padding:40px;max-width:1488px;text-align: justify;margin:0 auto;font-size:24px;line-height: 1.6;color:#595757;}
.about-con img{width:100%;display: block;}

.about-mz{font-size:16px;color:#000;padding-bottom:160px;}
.about-mz p{margin:0;padding:10px 0;}

.about-icon{display: flex;padding:30px 0 60px;width:100%;max-width:1488px;margin:0 auto;}
.about-item{display: flex;flex-grow: 1;flex-direction: column;align-items: center;width:16.66%;}
.about-item .img{padding:10px;text-align: center;}
.about-item img{width:100%;max-width:200px;display: block;border-radius: 50%;}
.about-item h2{color:#4e525d;font-size:18px;text-align: center;margin-top:20px;}
.about-item h3{color:#595757;font-size:18px;text-align: center;}

.about-jr{width:100%;padding:40px;max-width:1488px;text-align: justify;margin:0 auto;overflow: hidden;}
.about-jr li{width:25%;float: left;color:#000;font-size:18px;line-height:24px;border-bottom:1px solid #ddd;padding:15px 0;}
.about-jr li span{color:#ddd;padding-right:15px;}

@media (max-width:750px) {
    .go-top a{width:12vw;height:12vw;}
    .iconfont{font-size: 2vw;}

    .site-nav .navbar-brand {width: 117px;height: 35px;margin: 10px;}
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: 10px;}
    .navbar-toggle{margin-top:10px;}
    .site-nav .navbar-right{margin-left:0;margin-right:0;}
    .site-nav .navbar-nav > li > a{padding:15px 0;font-size:5vw;}

    .navbar-collapse{padding-left:0;}
    .site-nav .navbar-nav > li {margin: 0px;}
    .site-nav .navbar-nav > li > a {padding:8px 0px;font-size:3.6vw;border-bottom: 2px solid transparent;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {box-shadow: 0 20px 10px rgba(0,0,0,.05);padding:20px;}
    .site-nav .navbar-nav > .active > a, .site-nav .navbar-nav > .active > a:hover, .site-nav .navbar-nav > .active > a:focus {border-bottom: 2px solid #0d6fb8;}

    .site-title{padding: 20px 0 0;}
    .site-title > h2 {font-size:4vw;line-height: 1.2;padding:0;}
    .site-title > h3 {font-size: 3vw;line-height: 1.2;padding:3px 0;}

    .col-md-12{padding-left:10px;padding-right:10px;}

    .icon-box{display: flex;padding:10px 0 0px;flex-wrap: wrap;}
    .icon-item{margin-bottom:20px;}
    .icon-item h2{font-size:1.4vw;padding:5px 0;margin-top:5px;}
    .icon-item h3{font-size:0.4vw;padding:0 3px;}
    .icon-box.s5 .icon-item{width:20%;}
    .icon-box.s6 .icon-item{width:16.5%;}
    .icon-item .icon img {width: 53%;border: 1px solid #0d6fb8;}
    .icon-box.s6 .icon-item .icon img {width: 65%;}

    .ej-banner{height:60vw;background-position: center 55px;}
    .app-banner{height:60vw;background-position: center 55px;}

    .footer{padding:20px 0 30px;}
    .foot-left h2{line-height:2;font-size:4vw;}
    .foot-left h3{line-height:4vw;font-size:3vw;}
    .foot-right{justify-content:flex-start;border-top:1px solid rgba(255,255,255,0.2);margin-top:20px;padding-top:20px;}
    .foot-right h2{line-height:2;font-size:4vw;}
    .foot-right h3{line-height:4vw;font-size:3vw;}

    /* 首页 */
    .home-img{height:45vw;}

    /* 企业服务 */
    .service-box .site-title > h2{font-size: 3vw;}
    .service-box .site-title > h3{font-size: 2vw;padding:0;}
    .service-box .service-item .con{padding:10px 5% 0;font-size:1.6vw;line-height: 1.2;}
    .service-box .service-item .con p{margin-bottom:3px;}

    /* 应用场景 */
    .app-box .site-title {padding-bottom: 10px;}
    .app-box .app-item .con{padding:0px 5% 20px;font-size:2vw;}
    .app-img{height:45vw;}

    /* 大数据服务 */
    .data-box .site-title {padding-bottom: 10px;}
    .data-box .data-item .con{padding:0px 5% 20px;font-size:2vw;}
    .data-img{height:40vw;}

    /* 生态 */
    .ecology-tit{font-size: 4vw;padding: 30px 0 10px;}
    .ecology-box img{width:90%;display: inline-block;}
        
    /* 关于我们 */
    .about-tit{padding:20px 0 10px;font-size: 5vw;}
    .about-con{padding:2vw 5vw;font-size: 2vw;}
    .about-mz{font-size:4vw;}

    .about-icon{padding:5vw;width:100%;flex-wrap: wrap;}
    .about-item{width:16.5%;}
    .about-item h2{font-size:2vw;margin-top:5px;padding:0;padding-bottom:5px;}
    .about-item h3{font-size:1.2vw;padding:0;}
    .about-item .img {padding: 3px;}

    .about-jr{padding:2vw;}
    .about-jr li{font-size:2vw;line-height:1.3;padding: 5px 0;border-bottom: 1px solid #f5f5f5;}
    .about-jr li span {padding-right: 5px;}

    .about-mz {font-size: 2vw;}
    .about-mz p{padding:5px 0;}
}