.banner{

    width: 100%;

    position: relative;

}

.focus {

    width: 100%;

    height: 100%;

}

.focus img {

    width:100%;

    height:100%;

    display:block;

    margin:0 auto;

}

.focus .btn {

    position: absolute;

    bottom: 34px;

    left: 510px;

    overflow: hidden;

    zoom: 1;

}

.focus .btn a {

    position: relative;

    display: inline;

    width:8px;

    height: 8px;

    border-radius: 7px;

    margin: 0 5px;

    color: #B0B0B0;

    font: 12px/15px "\5B8B\4F53";

    text-decoration: none;

    text-align: center;

    outline: 0;

    float: left;

    background: #fff;

}

.focus .btn a:hover,

.focus .btn a.current {

    cursor: pointer;

    background: #c32f43;

}

.focus .fPic {

    width: 100%;

    height: 100%;

}

.focus .D1fBt {

    overflow: hidden;

    zoom: 1;

    z-index: 10;

}

.focus .fcon {

    width: 100%;

}

.focus .fcon img {

    display: block;

}

.focus .fbg {

    bottom: 5px;

    text-align: center;

    z-index: 200;

    width: 100%;

    position: absolute;

}

.focus .fbg div {

    overflow: hidden;

    zoom: 1;

    display: inline-block;

}

.focus .D1fBt a {

    position: relative;

    display: inline;

    width:8px;

    height:8px;

    border-radius:100%;

    margin: 0 5px;

    text-align: center;

    outline: 0;

    float: left;

    background: #ffffff;

}

.focus .D1fBt .current,

.focus .D1fBt a:hover {

    background: #0058fd;

}

.focus .D1fBt img {

    display: none

}

.focus .D1fBt i {

    display: none;

    font-style: normal;

}

.focus .prev,

.focus .next {

    position: absolute;

    width: 40px;

    height: 74px;



    display:none;

}

.focus .prev {

    top: 50%;

    margin-top: -37px;

    left: 0;

    background-position: 0 -74px;

    cursor: pointer;

}

.focus .next {

    top: 50%;

    margin-top: -37px;

    right: 0;

    background-position: -40px -74px;

    cursor: pointer;

}

.fixed-top{

    width:100%;

    height:0.8rem;

}

/*\顶部大图滚动*/

/*顶部swiper*/

.all{ overflow: hidden; cursor: pointer; width:100vw;height: 45.8vw;  }

.screen {  width:100vw; height: 45.8vw;  position: relative;  margin: 0 auto;  overflow: hidden;  }

.imgFa {overflow: hidden;  width:300%;  position: absolute;  left: 0;  top: 0;   }

.imgFa>div{  height:45.9vw;  width: 100vw;  float: left;  background:url("http://www.tmproaudio.com/img/img/index-topimg.png") no-repeat center top;  background-position: center center;  background-size: 100% 100%;  }

.numsBtn {  text-align: center;   position: relative;  top: -6vw}

.numsBtn a {  display: inline-block;  width: 2vw;  height:2vw;  margin: 0 1vw;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%;  background-color: #ccc;  }

a.isTrue {  background-color:#e67817; }



/*点击滚动的图片*/

/*产品系列*/

#index-product-series{position: relative;}

.slideimglist{  cursor: pointer; width: 100%;  position: relative;margin: auto;}

.screen1 {  width: 70vw;  height: 48vw;  position: relative;  margin: 0 auto;  overflow: hidden; font-size:10px;  text-align: center; }

.imgFa1 {  width:350%;  position: absolute;  left: -35vw;  top: 0;  overflow: hidden;  }

.imgFa1>div{  width:35vw;  float: left;  }

.imgFa1>div>img{  width: 35vw;  }

.lastImg, .nextImg{  position: absolute;  margin: auto ; bottom: 0;  top: 0; }

.lastImg{left: 0;}

.nextImg{right:10px; }

#index-case .content>li>div>div>img{width: 100%;}

#index-case .content>li>div>div>p{  text-align: center;}

#index-case .tab li{margin: 12px 4px 16px;font-size: 12px;width: 23%;line-height:30px;  height:30px; }

/*新闻资讯*/

#index-news{  min-height: 565px; }

#index-news .title{  font-size: 30px;}

#index-news .newstab{  flex-wrap: wrap;  margin-top: 50px;  }

#index-news .newstab>div{ position:relative;box-sizing: border-box; float:left;display:inline-block;width:25%;height:200px;overflow: hidden; }

#index-news .newstab>div>a>img{  width: 100%; position:relative; }

#index-news .newsbox{ position: relative; padding:26px 20px;  text-align: left;font-size: 14px; position: relative;top:-15px;  }

.new_text1, .new_text4{  color:#6a6a6a;   line-height: 32px;  }

.new_text2{  color:#f08519;font-size: 16px;  }

.new_text3{  color:#a8a8a8;  margin: 10px 0;  }

.new_text4{ height: 40px;line-height: 20px;overflow: hidden; }

.animate1{  animation: move1 2s ease-in-out;  }

.animate2{  animation: move2 2s;  }

.animate3{  animation: move2 4s  ease-in-out;  }

.animate4{  animation: move3 1s  ease-in-out;  }

#index-aboutUs{display: none;position: relative; }

@media screen and (min-width:0)and (max-width:640px ) {

    body{font-size:10px;}

    /*工程案例*/

    #index-news {display: block;}
    #index-news .newsbox{padding: 30px 10px !important;}
    #index-news .newstab{overflow: hidden;margin-top: 0;padding-bottom: 40px;}
    #index-news .newstab>div{width: 50%;height: 156px;}
    #index-news .newstab>div>a>img{display: block;width: 100%;}
    #index-news .newstab>div:nth-child(3){float: right;}
    #index-news .newstab>div:nth-child(4){float: left;}
    #index-news .newstab>div:nth-child(5){float: right;}
    #index-news .newstab>div:nth-child(6){float: left;}
    #index-news .newstab>div .new_text1{display: none;}

    #index-news .newstab>div .new_text2{text-overflow: ellipsis;overflow: hidden;
        display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
    #index-news .newsbox{padding: 0 20px;}
    #index-news .newstab>div .new_text3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
     #index-news .newstab>div .new_text4{white-space: nowrap;text-overflow: ellipsis;
        height: auto;}

    #index-case .content>li{width: 93.75%;overflow: hidden;margin:0 auto;}

	#index-case .content>li>div a{

		margin-right: 6%;

		display:inline-block;

		width:46%;

	}

	#index-case .content>li>div a:nth-child(2n){  margin-right: 0;}

    #index-case .content>li>div div:nth-child(n){flex-wrap: wrap;  float: left;}

    #index-case .content>li>div div:nth-child(2n){  margin-right: 0;}

    #index-case .content>li>div>div>p{  height: 30px;  line-height:30px;  font-size: 14px;   }

    #index-case .tab{display: flex;align-items: center;justify-content: center;}

    #index-case .tab li.chose,#index-case .tab li:hover{  color: #fff;  background-color: #e67817;  }

}
@media screen and (min-width:0)and (max-width:320px ){
    #index-news .newstab>div{height: 130px;}
    #index-news .newstab>div .new_text3{margin: 0;}
}

@media screen and (min-width:640px){

    #index-case{display: block;margin-bottom: 50px;position:relative;  left: 0;}

    #index-case .tab li{margin: 12px 4px 16px;font-size: 16px;width: 125px;line-height:35px; ;  height:35px; }

    #index-case .content{padding-bottom: 50px;padding-top: 35px;}

    #index-case .content>li{width: 100%;overflow: hidden;}

    #index-case .content>li>div>a img{width:100%;}

    #index-case .content>li>div>a:nth-child(n){display:inline-block;width:32%;margin-right: 2%;flex-wrap: wrap;  float: left;}

    #index-case .content>li>div>a:nth-child(3n){  margin-right: 0;}

    #index-case .content>li>div>a p{  text-align: center;  height: 70px;  line-height:40px;  font-size: 16px;   }

    #index-news{position: relative;}

    #index-product-series{position: relative}

}

@media screen and (min-width:640px)  and (max-width: 1000px) {

    /*工程案例*/

    #index-news{display: none;}

    #index-aboutUs{display: none;}

    .article{  margin: auto;  }

	

}

/*pc端*/

@media screen  and  (min-width: 1000px){

    /*顶部swiper*/

    #index-case .tab li{margin: 20px 10px;font-size: 18px;width:125px;line-height:40px; ;  height:40px; letter-spacing: 3px;}

    .all{  width:100%;height:46vw; text-align: center;  background-color: #000;}

    .screen {  min-width:1180px;width:100vw; height: 46vw;  position: relative;  margin: 0 auto; overflow: hidden  ;}

    .imgFa {  width:300%; position: absolute  ;  left: 0;  top: 0;  height: 46vw;}

    .imgFa>div{  height: 46vw;  width: 100vw;  float: left;  background:url("http://www.tmproaudio.com/img/img/index-topimg.png") no-repeat center top; background-size: 100% 100%; }

    .numsBtn {  position: relative;  top: -20px;}

    .numsBtn a {  width: 8px;  height:8px;  margin: 0 2px;  }

    /*产品系列*/

    .slideimglist{  cursor: pointer; width: 100%;  height: 300px; position: relative;margin: auto;padding: 20px 0 0}

    .screen1 {  width:1100px;  height: 300px;  position: relative;  margin: 0 auto;  overflow: hidden; font-size:16px;  text-align: center; }

    .imgFa1 {  width:200%;  position: absolute;  left: -220px;  top: 0;  overflow: hidden;  }

    .imgFa1>div{  width:220px;  float: left;  text-align: center; }

    .imgFa1>div>img{  width:220px;}

    .lastImg, .nextImg{  position: absolute;  margin: auto ; bottom: 0;  top: 0; }

    .lastImg{left: -4px;top: 120px;}

    .nextImg{  right: 0;top: 120px;}



    /*关于我们*/

    #index-aboutUs{display: block;width:100%;background:#18191b url("http://www.tmproaudio.com/img/index-about-bg.png")no-repeat center top; background-size: 100%;}

    #index-aboutUs .article{  width:1200px;margin:auto; height: 650px;  color:#fff;  }

    #index-aboutUs .tab1 li {  height: 80px;  width: 220px;  line-height: 80px;  border-bottom:1px solid #2b2b2b;  text-align: center;font-size: 18px; }

    #index-aboutUs .tab1 li.tab_title1{  background-color: #2b2b2b;  height: 120px;  line-height: 120px; }

    #index-aboutUs .c2{position: relative;}

    .about_con{  width: 430px;  margin-left: 40px;  justify-content: space-around;  text-align: left;  font-size: 16px;  }

    .about_text1 p{  font-size: 12px;  color: #ccc;  }

    .about_text1 span{  width: 25px;  height: 2px;  background-color: #f08519;  display: inline-block;  }

    .about_text2 { font-size: 14px;  line-height: 30px;  margin: 50px 0;}

    .about_text3 {  font-size: 14px;  background-color: #f08519;  width:100px;  height: 30px;  line-height: 30px;  text-align: center;  }

    /*新闻资讯*/

    .article{  margin: auto;  }

}

@keyframes move1 {

    0%{ left: -1000px;}

    60%{left:100px;}

    80%{left:-50px}

    100%{left:0;}

}

@keyframes move2 {

    0%{ left: 1000px;}

    60%{left:-100px;}

    80%{left:50px}

    100%{left:0;}

}



@keyframes move3{

    0%{ top: 600px;}

    100%{top:0;}

}