.slideBox{ position:relative; overflow:hidden; margin:0 auto;width: 100%;}
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd li.on{ background:#fff;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;}
.slideBox .bd li img{ background:url(http://www.modernavenue.com/css/images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  
.slideBox dd{width:16%;background: #FFFFFF;position:fixed;bottom:12%;left: 50%;padding:4%;text-align:left;z-index:5;height:55%;overflow: hidden;}
.slideBox dd p{font-size: 14px;text-align: left;}
.slideBox dd h1{font-size: 18px;padding:20px 0;text-align: left;}
.slideBox dd span{display:inline-block;text-align: left;padding-top: 10%;font-family:'Myriad Pro',Arial,sans-serif;font-weight:bold;color:#999;}
.slideBox dd span>em{width: 30px;height: 20px;display: inline-block;vertical-align:middle;padding:0 5px 5px; cursor: pointer;}
.slideBox dd span i{font-style:normal;color:#000;}
.pageState{ display: inline-block; }
.pageState dd span{ display: inline-block; }

.bannerBox dd{ width:300px; background: #FFFFFF;position:absolute;top:7%;left:60%;padding:4%;text-align:left;z-index:5;height:320px;overflow: hidden;}
.bannerBox h1{ font-size: 20px;}

.enBanner dd h1{ padding:5px 0;}
.enBanner dd{width:370px; background: #FFFFFF;position:absolute;top:2%;left:60%;padding:1% 2% 8%;text-align:left;z-index:5;overflow: hidden;}
.enBanner dd span{ padding-top: 6%;}

.index-business{width: 100%;margin-top: 150px;font-weight:bold;}
.index-business p{float: left;font-size: 20px;overflow: hidden;}
.enindex-bus p{ text-align: center; float: none;}
.enindex-scope{ margin-top: 70px;}
.enindex-scope p{ float: inherit; text-align: center;}
.index-business span{display: inline-block;float: right;margin-top: -4px;overflow: hidden;}
.index-business span>a{display: inline-block;}
.main-in .index-business ul>li{float: right;font-size: 16px;padding-right:3%;line-height: 24px;}
.main-in .enindex-scope ul{ padding-left: 2%;}
.main-in .enindex-scope ul>li{ float: left; padding-top: 2%; padding-right: 1.5%;}
.main-in .index-business ol{width: 100%;overflow: hidden;padding-top: 40px;}
.main-in .index-business ol>li{float:left;width:49%;}
.main-in .index-business ol>li img{width: 100%;}
.main-in .index-business ol>li:nth-of-type {}


.main-in .ind{width: 100%;overflow: hidden;font-weight:bold;}
.main-in .ind>li{float: left;width:14.28%;text-align: center;margin:80px 0 130px 0;}
.main-in .ind>li span{float: none;width: 90px;margin: 0 auto;display: block;}
.main-in .ind>li p{padding-top: 20px;}

.index-brand{width: 62.5%;padding: 0 18.75%;background:#e5e5e5;overflow: hidden;margin-top: 0;padding-top: 50px;}
.index-brand ul{overflow: hidden;width:92%;padding:4% 4%;}
.index-brand ul>li{float: left;width:20%;text-align: center;}
.index-brand ul>li a{width: 156px;display: inline-block;padding: 0 15px;}
.index-brand ul>li:hover{cursor:pointer;-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2); }
.index-brand h2{font-size:22px;line-height:35px;text-align:center;padding: 0 1%; margin-top:214px;}
.index-brand h2 a{height:30px;}
.index-brand h1>a{padding: 0 5px;}
.index-brand .brand-box{float: none;display: inline;}
.index-brand .box-show,.box-close{text-align: center;padding: 50px 0;cursor:pointer;}
.index-brand .box-show span,.box-close span{display: inline-block;width: 35px;height: 35px;float: none;}

.index-contact{background: url(../image/index-f.jpg) no-repeat center center;background-size:cover;}
.index-contact ul{padding: 130px 18.75%;overflow: hidden;}
.index-contact ul>li{float: left;width: 25%;text-align: center;color: #FFFFFF;font-size: 14px;}
.index-contact .contact-in{width: 80px;margin:0 auto;padding-bottom: 20px;}

@media screen and (max-width:1920){
    .enBanner dd h1{ padding:5px 0;}
    .enBanner dd{ width:300px; background: #FFFFFF;position:absolute;top:2%;left:60%;padding:1% 4%;text-align:left;z-index:5; height:520px;overflow: hidden;}
    .enBanner dd span{ padding-top: 6%;}
}

@media screen and (max-width:1000px){
    
    .index-contact ul{padding: 130px 10%;overflow: hidden;}
    .main-in{width: 80%;padding: 0 10%;}
    .index-brand{width:80%;padding:40px 10% 0 10%;}
    .bannerBox dd{ position: static; width: 90%; margin:0 auto;}
}

@media screen and (max-width:768px){
    .main-in{width: 86%;padding: 0 7%;}
    .index-brand{width:86%;padding:40px 7% 0 7% ;}
    .main-in .ind>li span{width:80px;}
    .index-brand ul>li a{width: 110px;}
    .index-contact ul{padding: 130px 7%;overflow: hidden;}
    .slideBox dd{position: static;}
}


@media screen and (max-width:600px){
    
    .main-in{width:92%;padding: 0 4%;}
    .index-business{width: 100%;margin-top:30px;}
    .main-in .index-business ul{width: 100%;overflow: hidden;padding-top:10px;}
    .main-in .index-business ul>li{float:left;width:33.3%;text-align: center;padding:5px 0;font-size:14px;line-height:15px;}
    .main-in .index-business ol{padding-top: 10px;}
    .index-business span>a img{width: 80% !important;}

    .brand-business{width: 100%;margin-top:30px;}
    .main-in .brand-business ul{width: 100%;overflow: hidden;padding-top:10px;}
    .main-in .brand-business ul>li{float:left;width:33.3%;text-align: center;padding:5px 0;font-size:14px;line-height:15px;}
    .main-in .brand-business ol{padding-top: 10px;}
    .brand-business span>a img{width: 80% !important;}

    .main-in .ind{padding-top:15px;}
    .main-in .ind>li{width:33.3%;text-align: center;margin: 0;padding: 0;height:141px;font-size: 14px;}
    .main-in .ind>li:nth-of-type(1){margin-left:17%;}
    .main-in .ind>li:nth-of-type(6){margin-left:17%;}
    .main-in .ind>li span{width:60px;}
    .main-in .ind>li p {padding-top:10px;line-height:18px;}
    .index-brand{width:92%;padding: 20px 4% 0 4%;}
    .index-brand ul>li a{width: 60px;padding: 0 2px;}
    .index-brand h1 a{font-size: 14px;}
    .index-brand .box-show,.box-close{padding: 20px 0;}
    .index-contact ul{padding: 30px 4%;}
    .index-contact .contact-in{width: 60px;margin: 0 auto;padding-bottom: 10px;}
    .index-contact p{font-size: 12px;line-height: 18px;margin: 0 5px;word-wrap:break-word;}
}
@media screen and (max-width:320px){
    .index-brand ul>li a{width: 50px;display:inline-block;padding: 0 2px;}
}