*{  margin: 0;  padding: 0;}
a{  text-decoration:none;  color: #000;}
li{  list-style: none;}
body{ background:#fff; font:normal 14px/1.8 微软雅黑;  }
img{ border:0;  }
.article{  max-width:1180px;width: 100%;margin: auto;}
.topimg img{width: 100%}
/*导航*/
/*mobile*/
.proasd{
        width:86% !important ;
        max-width: 1200px !important;
        margin: 0 auto !important;
}
.prox1{
    width: 3.8% !important;
    height: auto!important;
    right: 0 !important;
	background:0 !important;
}
.prox1 img{
	width:100% !important;
	height:100% !important;
}
.prox2{
    width: 3.8% !important;
    height: auto !important;
    left: 0 !important;
	background:0 !important;
}
.prox2 img{
	width:100% !important;
	height:100% !important;
}
.proaa{
    width: 20px !important;
    height: 85px !important;
        right: 20px !important;
        margin-top:0 !important;
        bottom: 0 !important;
        top: auto !important;
}
.probb{
    width: 20px !important;
    height: 85px !important;
     left: 20px !important;
     margin-top:0 !important;
     bottom: 0 !important;
     top: auto !important;
}
.proaa img{
    width: 20px !important;
    height: 85px !important;
}
.probb img{
    width: 20px !important;
    height: 85px !important;
}


@media screen and  (max-width: 640px){
.gallery-thumbs{width: 89% !important;}
.proaa{
     right: 0px !important;
      height: 16.7% !important;
	  width:5% !important;
}
.probb{
    left: 0px !important;
    height: 16.7% !important;
	 width:5% !important;
}
.proaa img{
    height: 100% !important;
	width:100% !important;
}
.probb img{
    height: 100% !important;
	width:100% !important;
}
.proasd{
	width:81.25% !important 
}
.prox1{
width: 6.8% !important;
top:63% !important;
right:1% !important;
}
.prox2{
width: 6.8% !important;top:63% !important;
left:1% !important;
}















    #header2,    #footer2,    #index-news,    #index-aboutUs,    .pc    {  display: none;position: relative;}
    #header1,    #footer1,    .m{display:block;}
    #header1 {   line-height:30px;  font-size: 14px;  }
    /*/
    #header1 .header-top{height:15.7vw;background: url("http://www.tmproaudio.com/pc-img/header-bg.png")  center top;  background-size:100%  100%;}
    /*顶部到背景图的比例 11.1vw就是11.1%的当前视口（屏幕）的宽度*/
    #header1 .header-top .headerimg1{  height:11.1vw; }
    #header1 .header-top .headerimg2{  height: 8vw;}
    #header1 p{  align-items: center;  }
    #header1 p>a>img{  background-color: #e67817;width:20px;  height: 18px;  line-height: 18px;  padding: 0;  position: relative;  top: 1vmin;  margin-right:2vmin;  }

    /*手机导航列表*/
    #header1 .header-bottom{  background-color: #18191b;}
    #header1 .header-bottom .nav{overflow: hidden;font-size:0;}
    #header1 .header-bottom .nav a {display: inline-block;  color: #fff;  font-size: 14px;    text-align: center; line-height:36px; box-sizing:border-box;  }
    #header1 .header-bottom .nav li{width: 16.6%;display:inline-block; margin-right:0%;    text-align: center;padding:0;}
    #header1 .header-bottom .nav li:last-child{margin-right: 0;}
    #header1 .header-top .h1_r p.returnIndex a{  float: right;text-align: right;display: inline-block;}
    .position a{font-size: 10px;}
    .article{  text-align:center;margin: auto;box-sizing: border-box;    }
    /*手机底部导航*/
    #footer1{margin: 0;padding:0; display: flex;justify-content: space-between ;color:white;  width:100% ;font-size: 3vmin;    height: 35.9vw; background:url("http://www.tmproaudio.com/pc-img/footer-bg.png") center top;    background-size: 100% 100%;        align-items:center;text-align: center;}
    #footer1>div{      width: 49%;   }
    #footer1 .footerimg1{    width: 56%;}
    #footer1 .footerimg2{    width: 56%;}
    #footer1 .footerwechat{    width: 20vw;}
    #footer1 .footer-wechat{    position: relative;top:8px;}
	.h1_l{margin-left:2%;    width: 70%;}
	.h1_r{width:29%;text-align:right;    padding-right: 1%;}
	.lastImg {
    left: 0px !important;
    top: 50px !important;
	
	}
#about .tab li{float:none !important}
.content6 ul li{padding-left:0 !important;}
.content {width:93%;margin:0 auto;}
.content7 .lastImg, .nextImg{
	top: 50px !important;
	 right: 0px !important;
}
.position{width:93%;}
#index-product-series .title{
		margin-top:30px;
	}
	#footer1 .footerimg1{
		    width: 86%;
    margin-left: 15%;
	}
	#index-case .title{
		margin-top:30px;
		    margin-bottom: 0;
	}
	#index-case .content {
		margin-top:15px;
	}
	#index-case .tab {
		margin-top:0;
	}
	#about .title{
		margin:25px 0 !important;
	}
	#about .tab{
		    margin-top:10px !important;
			margin-bottom:30px !important;
			width:94% !important;
			margin-left:3% !important;
			text-align:left !important;
	}
	.swiperimg-ul{
		    width: 100%;
    margin-left: 0 !important;
    text-align: left;
	}
	.header-top{
		background:url(http://www.tmproaudio.com/images/lob.png);
		background-size:100% 100%;
	}
}
@media screen and  (max-width: 640px) and (max-width:800px){
    #header2>.nav>li>a{font-size: 14px;}
	
}
/*弹性布局*/
.flex-box1{margin: auto;display: flex; align-items: center;   justify-content: space-between;}
.flex-box2{margin: auto;display: flex; align-items: center;   justify-content: space-around;}
.flex-box3{margin: auto;display:flex;align-items: flex-start;justify-content: space-between}
.flex-box4{margin: auto;display:flex;align-items: flex-start;justify-content: space-around}
.flex-box5{margin: auto;display:flex; align-items: center; justify-content: center;  }
/*每页橙色标题或黑色标题*/
.title{  color: #e67817;  text-align: center;  margin: 90px 0 15px;  }
.title1{  font-size:26px;  }
.title1_e{font-size:20px}
.title2{  font-size: 30px;  padding:90px 0 10px ;  color: #fff;  }
.title3{  font-size: 26px;  color:#000;  }
.title4{  display: inline-block;  width: 16vmin;  height:2px;  background-color: #000;position: relative;  top: -10px;  }
.title-underline2{  background-color: #fff;  width: 70px;  height: 2px;  margin: auto;  margin-bottom: 50px}

/*tab切换*/
.tab_content>div{  display: none;  }
.tab_content>div:first-child{  display: block;  }
.content ul{  padding: 20px 0 40px;-webkit-flex-wrap: wrap;  flex-wrap: wrap;  }
.content ul li div{  height: 80px;  line-height: 60px;  font-size: 20px;}
.tab{  margin: 16Px 0 auto;  text-align: center;}
.tab li{ background-color: #eff0ef;  width: 125px;  height: 40px;  line-height: 40px;  font-size: 18px;  margin: 10px;  }

li.chose, li:hover.tab li.tab_title{  background-color: #f08519;  color: #fff;  }
/*位置*/
.position{    text-align: left; border-bottom: 1px #a8a8a8 solid;}
.position a{  font-size: 14px;  line-height: 30px;}
.position img{margin-right:4px;position: relative;top:2px;}
/*��ҳ*/
.pageCount{  margin : auto;    text-align: center; }
.pageCount>a{min-width:30px;height:30px; line-height:24px; display:inline-block;padding: 1px 5px;  box-sizing:border-box;border: 1px solid #dfdfdf;  color :#616161;  position: relative;  margin: 5px 5px 30px;  }
.pageCount>a:hover{  color: #fff;  background-color: #f08519;  border-color:#f08519;  }
.pageCount>span{display:inline-block;min-width:30px;height:30px;line-height:24px;color: #fff;padding: 1px 5px;  box-sizing:border-box;border: 1px solid #f08519;  background-color: #f08519;margin: 5px 5px 30px; }
/*文章链接*/
.link{  line-height: 30px;  }
.link a:hover{  color: #e67817;  }

/*pc 或 pad*/
@media screen  and  (min-width: 640px){
    /*pc顶部导航*/
    #header2{  height: 120px; background: url("http://www.tmproaudio.com/pc-img/header-bg.png") no-repeat center ;line-height: 30px;  font-size: 18px;  }
    #header2 .nav{  max-width: 1180px;  height: 120px;  margin: auto; background: url("http://www.tmproaudio.com/pc-img/header-logo.png") no-repeat center ; }
    #header2 .nav li {display: inline-block;  -webkit-align-items: flex-start;  padding:30px 0; width:10%; text-align: center;}
    #header2 .nav li a:hover{  color: #f08519;  }
    #header2 .nav li a div:nth-child(2){font-size: 14px;}
/*pc底部导航*/
    #footer2{  height: auto;  background:url("http://www.tmproaudio.com/img/footer-bg.png") repeat-x center top;  background-color: #000;  color: #fff;margin: auto;  text-align: center;  }
    #footer2 .footer-top{  height:290px;  }
    #footer2 .footer-top ul, #footer2 .footer-top>div{float: left;display:inline-block;width:14%;margin-right: 2%;line-height: 30px;font-size: 15px;}

    #footer2 .footer-top>div{margin-right:0;margin-left: 4%; }
    #footer2 .footer-top ul li{  text-align: left;  color: #ccc;  font-size: 14px;    }
    #footer2 .footer-top ul li:first-child{  border-bottom:1px solid #fff;   box-sizing: border-box;  font-size: 18px;  line-height: 30px;  margin:20px 0;  padding:10px 0;  }
    #footer2 .footer-top .footer-img1{   margin-top: 40px;  }
    #footer2 .footer-img2{  margin-top: 40px;  }
    #footer2 .footer-top a{margin-bottom:10px; }
    #footer2 .footer-top img{   width: 85%;line-height: 100px;}
/*pc底部导航*/
    #footer2 .footer-bottom{  display: block;height: 200px;    margin: auto;  text-align: center;  }
    #footer2 .footer-bottom>div{  text-align: center;  margin: auto;  }
    #footer2 .footer-bottom>div>p span:first-child("footer-text1"){  display: inline-block;  float:left;text-align: left;position: relative;  left: -100px;}
    #footer2 .footer-bottom .footer-text1{  font-size: 18px;  }
    #footer2 .footer-phone{  font-size: 20px;  color:#e67817;  font-weight: 800;  }
    #header1, #footer1, .m {display: none;}
    #header2, #footer2, .pc, #index-news,    #index-aboutUs{  display: block;  }
    #header1 li{display: inline-block;  color: #fff;  font-size: 12px;    text-align: center; padding: 1px 0; box-sizing:border-box;  }
    #header1 .article{padding:0;}
    /*pc标题*/
    .title{  color: #e67817;  text-align: center;  margin:90px 0 0px;  }
    .title1{  font-size: 26px;  }
    .title1_e{font-size: 20px;}
    .title2{  font-size: 26px; text-align: center; }
    .title3{  font-size: 26px;  color:#000;  }
    .title4{  display: inline-block;  width: 100px;  height:2px;  background-color: #000;position: relative;  top: -10px;  }
    /*页码*/
    .pageCount{  margin : 20px 0 30px;  }
}

@media screen and (min-width: 1100px)  {
    #footer2 .footer-bottom>div{display: inline-block;}
    #footer2 .footer-bottom>div:first-child{  display: flex;  align-items: flex-start;  justify-content: flex-start;  text-align: left;  }
    #footer2 .footer-bottom img{  margin-right:10px;  }
    #footer2 .footer-bottom{  text-align: left; display:flex;align-items:center;justify-content:space-between;height:100px; box-sizing: border-box ;overflow: hidden; }
    #footer2 .footer-phone{  font-size: 20px;  color:#e67817;  font-weight: 800;  }
    #footer2 .footer-bottom .footer-text1{  font-size: 18px;  }
    #footer2 .footer-bottom a{    color:#fff;}
}
/*iphone5 320*568*/
@media screen and (width: 320px){
    #header1 .header-bottom .nav li{  width: 16.1%;margin-right:0;  }
    #header1 .header-bottom .nav a{font-size: 10px;}
    #footer1 .footer-wechat{  position: relative;top:0;  }
    .link{font-size: 10px;}
    .pageCount{font-size: 10px;}

}
/*iphone6-375*667*/
@media screen and (width: 375px) {
    #header1 .header-bottom .nav a{font-size: 10px;}
    /*新闻资讯*/
    .content3 h2.ab4_text1{  line-height: 40px;font-size:14px;  }
    .content3 .ab4_text2{height:52px;overflow: hidden;font-size: 12px;line-height: 26px; }
    .content3 p.ab4_text3{  font-size: 12px;}
}

/*ie89*/
.tab>li,
.tab1>li,
#index-case .tab>li,
#index-case .content>li>.flex-box1>div,
#index-aboutUs .article .tab1>li,
#index-aboutUs .about_con,
#index-news .newstab>div,
#about .content .content3 .flex-box1>div{  display: inline-block; }

#about .content .flex-box1{ box-sizing: content-box;}
#index-case ul.tab.article.flex-box5{margin: auto;}
#index-case ul.tab.article.flex-box5 li{  width: 125px;  height: 40px;  display: inline-block;  margin: 10px 10px;  }
#index-case .flex-box1>div{  margin: 0 5px;  }
.animate4{  animation: move3 1s  ease-in-out;  }
@keyframes move3{
    0%{ top: 600px;}
    100%{top:0;}
}