.topimg img{  width: 100%;  }

#about .tab{display: flex;justify-content:center ;align-items: center; -webkit-flex-wrap: wrap;  flex-wrap: wrap;  text-align: center;margin: 10px auto;}

#about .tab li{box-sizing:border-box;width:200px;height: 50px;   background-color: #fff;border: 1px solid #ccc; text-align: center;margin: 1vmin 1vmin;  padding: 0;font-size:18px !important;    letter-spacing: 4px; }

/*abou.html��˾���+Ʒ�ƽ���*/

#about .tab li a{line-height:50px;}

/*#about .tab li a{color:#fff;background-color: #e67817;}*/

#about .content{padding: 20px 0 20px;max-width:1180px;margin:0 auto;}

#about .title{  color: #e67817;  text-align: center;  margin:50px 0 0;  }

#about .title1{  font-size: 26px;  }

#about .title1_e{ font-size: 16px;}

#about .title3{  font-size: 20px;  color:#000;  }

#about .title4{  display: inline-block;  width: 100px;  height:2px; background-color: #000;position: relative;  top: -10px;  }

.wqeqw{ color:#ccc}

/*关于我们+品牌介绍*/

#about .content .content1 p{ /*text-indent: 2em;*/line-height:30px;

    text-align: left; }

#about .content .content1 img {max-width:100%;}

#about .blank{  height: 100px;  }



/*about.html 荣誉资质*/

.content2>.flex-box1{  flex-wrap: wrap;  text-align: left; padding:20px 0; }

.content2>.flex-box1 div{ float: left; width:22%;margin-right:4%  }

.content2>.flex-box1 div:nth-child(4n){margin-right: 0;}

.content2>.flex-box1 div p{  line-height:50px;  font-size: 16px;  margin-bottom:10px ;  text-align: center; }

.content2>.flex-box1 div img{  width:100%;  }



/*about.html 新闻资讯*/

.content3 {  position: relative;top:-20px;  margin-bottom: 60px;}

.content3>div{    border-bottom:1px dashed #dfdfdf;    padding: 30px 0;}

.content3>div:last-child{border-bottom: 0;}

.content3 .ab4_img{    width:30%;}

.content3 .ab4_img>img{    width: 100%;}

.content3 .ab4_con{    width:66%;padding-left:16px}

.content3 a.ab4_text1{  text-align: left;line-height:100px;font-size:20px;color:#000;}.content3 a.ab4_text1:hover{color: #f08519;}

.content3 .ab4_text2{  font-size:16px;  height:150px;overflow: hidden;line-height:30px;  color: #616161;;}

.content3 p.ab4_text3{    text-align: right;    color: #a8a8a8;    font-size:14px; line-height: 40px;}

/*service.html*/

/*下载中心*/

.content4 {overflow:hidden;flex-wrap: wrap;   padding: 30px 0; }

.content4 .s_li{ padding:20px 0 40px;    float: left;width: 32%;margin-right: 2%;}

.content4 .s_li:nth-child(3n){    margin-right:0 ;}

.content4 .s_li>div{ width: 300px;    text-align: left;    height: 30px;    line-height: 30px;    font-size: 14px;}

.content4 .s_li span{  color: #616161;}

.content4 .s_li>div.s_li_title{    font-size: 16px;    font-weight: 700;    height:40px;    line-height: 40px;}

.content4 .s_li>div.s_li_button{    width: 100px;  height:30px;font-size: 14px;background-color: #000; text-align: center; line-height: 30px;  margin: 60px 0 0;}

.content4 .s_li a{  color:#fff;  }

/*在线留言*/

.content5 .pc_con_table div{ line-height : 45px;;}

.content5 .pc_con_table .c5{  width: 100%; display: flex;align-items: center ;justify-content: space-between;}

.content5 .pc_con_table .c5>div{width:50%;   }

.content5 .pc_con_table input{height: 45px;width:90%; ;margin: 25px 0;}

.content5 .pc_con_table .c5>div>input{    width: 80%;}

.content5 .pc_con_table span{display:inline-block; width: 10%; text-align: right;}

.content5 .pc_con_table .c5>div>span{    display:inline-block; width: 20%; text-align: right;}

.content5 .pc_con_table input[name="address"]{width: 90%;}

.content5 .pc_con_table textarea{width: 90%;height:200px;box-sizing: border-box;resize: none;margin: 20px 0;}

.content5 .pc_con_table .pos1{  position: relative;top:-75px;}

.content5 .pc_con_table button{width:200px;height:45px;background-color: #f08519;color:#fff;border: 0;font-size: 18px;  margin: 30px 0;margin-left: -2px;}

.content5 .countPage{margin-bottom: 50px;}

.content5 .blank1{margin-bottom: 70px;}

.content5 .c3 p{font-size: 16px;text-align: center;text-indent: 0;}



#about ul#product_tab{    max-width: 1180px;    margin: auto;   position: relative; padding-bottom: 20px; display: flex;justify-content: space-between;}

#about ul#product_tab li{width: 372px;margin:10px 0;padding:10px 0;line-height: 25px;}

#about ul#product_tab li a{  margin: 0;padding:0; width: 372px;  text-align: center; display: inline-block;line-height: 10px;}

#about ul#product_tab li:nth-children(n) a{display: inline-block;}

/*#about ul#product_tab li.lastc7{   position: absolute;    bottom: 0;    left: 0;}*/



.content6{max-width:1180px;margin: auto;overflow: hidden;}

.content6 ul { display: inline-block; width: 48%; float: left; padding:30px 0 100px ;margin-right: 4%;  }

.content6 ul:nth-child(2){margin-right: 0;}

.content6 ul li{ position: relative;  font-size: 18px;  padding-left: 45px;     line-height: 30px;}

.content6 ul li.ps_img{  display: block ; height: 238px;    padding: 0;    behavior: url(ie-css3.htc);}

.content6 ul li.ps_img>img{  width:100% ; -moz-border-radius: 15px; /* Firefox */

    -webkit-border-radius: 15px; /* Safari 和 Chrome */

    border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

    border: 1px #a8a8a8 solid;   position: relative;

    padding:1px;

    behavior: url(ie-css3.htc);

}

.ps_text1{font-size:16px !important;}

.content6 ul li.ps_text1{   display: block;text-align: center;    padding:20px  0;}

.content6 ul li.ps_img2{   height: 200px;position: relative;    top: 0;    margin: auto;}

.content6 ul li img{    position: absolute;    margin: auto;    top: 0;bottom:0;left:0;right:0;}

.content6 ul li.ps_title{color:#e67817;font-size: 24px;  padding: 20px 50px;}

.content6 ul li span.ps_title2>a{    font-size: 12px;    color:#e67817;    float: right;    line-height: 30px;}



.content7 .swiperimg{    width: 50vw;    overflow: hidden;}

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

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

.content7 .imgFa1 {  width:100vw;  position: absolute;  left: 0;  top: 0;  overflow: hidden;  }

.content7 .imgFa1>div{  width:10vw;  float: left;    background: url("http://www.tmproaudio.com/pc-img/details-large.png"); }

.content7 .imgFa1>div>img{  width: 100%;  }

.content7 .lastImg, .nextImg{  position: absolute;  margin: auto ; bottom: 0;  top: 120px; right:-4px;}

.content7 .lastImg{left: 0;    top:4vw;}

.content7 .nextImg{right:10px; top: 4vw;}



.content7 .all{  cursor: pointer; width:50vw;height: 40vw;  }

.content7 .screen {  width:50vw;  height:40vw;  position: relative;    left: 0; ; margin: 0 auto;  overflow: hidden;  }

.content7 .imgFa {  width:500%;  position: absolute;  left: -10vw;  top: 0;   }

.content7 .imgFa>div{  height:768;  width: 40vw;  float: left;     }

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

.content7 .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;  }

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

.content7 p{text-indent: 2em}

.content7 .dp_title{    border-bottom: 1px solid #cccccc;    font-size: 18px;    color: #18191b;}

.content7 .details-top{    position: relative;    margin: auto;    top: 0;}

.content7 .details-top .swiperimg ,.content7 .details-top  .swiperimg-ul{   display: inline-block;;}

.content7 .swiperimg-ul{    position: absolute; top: 20px; line-height: 40px;    margin-left:50px;}

.content7 img{    width:100%;}

/*641-1000px*/

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

    #about ul#product_tab{ margin: auto; }

    #about ul#product_tab li{ width: 46%; }

    .content4 .s_li:nth-child(n){ padding:16px 0 30px;    float: left;width: 40%;margin-right: 20%;}

    /*.content4 .s_li:nth-child(2n){    margin-right:0 ;}*/

    .content4 .s_li>div{ width: 300px;    text-align: left;    height: 30px;    line-height: 30px;    font-size: 14px;}

}

@media screen and (max-width:780px ) {

    .content7 .swiperimg{  width: 100%; display: inline-block; }

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

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

    .content7 .imgFa1 {  width:200%;  position: absolute;  left: -20vw;  top: 0;  overflow: hidden;  }

    .content7 .imgFa1>div{  width:20vw;  float: left; background: url("http://www.tmproaudio.com/pc-img/details-large.png"); }

    .content7 .imgFa1>div>img{  width:100%; }

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

    .content7 .lastImg{left: 0;top:30px;}

    .content7 .nextImg{right:10px;top:30px; }

    .content7 .all{  cursor: pointer; width:100vw;height: 90vw;  }

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

    .content7 .imgFa {  width:400%;  position: absolute;  left: 0;  top: 0;   }

    .content7 .imgFa>div{  height:90vw;  width: 100vw;  float: left;  }

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

    .content7 .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;  }

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

    .content7 .swiperimg-ul{  position: relative;   line-height: 40px;   margin-left:50px;    }

    #about ul#product_tab li:nth-child(n) a{ width: 100%;overflow: hidden; }

    #about ul#product_tab li:hover , #about ul#product_tab li.chose{ color:#fff;  background-color: #f08519;border-color: #f08519;  }

    .content6 .flex-box1{ display: block;}

    .content6 ul li.ps_img, .content6 ul li.ps_text1{display: none;}

    .content6 ul { display: block; width: 100%;  padding:0;}

    .content7 img{  width:100%;    }

}



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

    .content2>.flex-box1>div:nth-child(n){  width: 32%; margin-right:2%;  }

    .content2>.flex-box1>div:nth-child(3n){margin-right: 0;}

    .content2>.flex-box1{  text-align: left; }

    .content5 button{width:25vw;height:40px;background-color: #f08519;color:#fff;border: 0;font-size: 18px;}

    .content5 .pc_con_table input{height: 40px;width:85%; ;margin: 20px 0;}

    .content5 .pc_con_table .c5>div>input{  height:40px;  width: 70%;}

    .content5 .pc_con_table span{display:inline-block; width: 15%; text-align: right;}

    .content5 .pc_con_table .c5>div>span{ display:inline-block; width: 30%; text-align: right;    }

    .content5 .pc_con_table input[name="address"]{width: 85%;}

    .content5 .pc_con_table textarea{width: 85%;height:200px;box-sizing: border-box;resize: none;}

    .content5 .pc_con_table .pos1{  position: relative;top:-75px;}

    .content5 .pc_con_table button{width:200px;height:40px;background-color: #f08519;color:#fff;border: 0;font-size: 18px; margin: 30px 0;margin-left: -2px;}

    .content5 .countPage{margin-bottom: 50px;}



}

/*max-width:640px;*/

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

	

    #about .tab{display: flex;justify-content:center ;align-items: center; -webkit-flex-wrap: wrap;  flex-wrap: wrap;  text-align: center;margin: auto; font-size: 10px;;}

    #about .tab li{padding:0 !important; background-color: #fff;color:#000;border: 1px solid #cccccc;font-size: 12px;width:23vmin ;height:30px;line-height: 30px !important;  }

    #about .tab li a{    letter-spacing: 0;line-height: 30px !important;}

	#about .tab li:hover,#about .tab li.schose{color:#fff;  background-color: #f08519;}

    #about ul#product_tab{        margin: auto;   position: relative; padding-bottom: 20px; display: flex;justify-content: space-between;}

    .content p{font-size: 12px;line-height: 24px; text-align: center;    margin-bottom: 10px;}

    .content1 a{font-size: 12px; line-height: 24px;}



    .content2>.flex-box1>div:nth-child(n){  width: 48%; margin-right:4%;font-size: 14px;  }

    .content2>.flex-box1>div:nth-child(2n){margin-right: 0;}

    .content2>.flex-box1>div>p{  line-height:40px;  font-size: 12px;  margin-bottom:4px ;  text-align: center; }

    .content2>.flex-box1>a:nth-child(n){ display: inline-block; width: 48%; margin-right:4%;font-size: 14px;  }

    .content2>.flex-box1>a:nth-child(2n){margin-right: 0;}

    .content2>.flex-box1>a>div{width:100%;}

    .content2>.flex-box1>a>div>img{width: 100%}

    .content2>.flex-box1>a>p{  line-height:40px;  font-size: 12px;  margin-bottom:4px ;  text-align: center; }



    .content3.article{padding:8px;}

    .content3>div{  border-bottom:1px dashed #dfdfdf;    padding: 8px 0;}

    .content3>div:last-child{border-bottom: 0;}

    .content3 {padding:0;}

    .content3 h2.ab4_text1{  line-height: 36px;font-size:14px;  }

    .content3 .ab4_text2{height:52px;overflow: hidden;font-size: 14px;line-height: 26px; }

    .content3 p.ab4_text3{  line-height: 12px;}

    #about .content3>div.countPage>div{ margin: 10px; }



    .content4 {flex-wrap: wrap;padding: 0}

    .content4 .s_li:nth-child(n){width: 80%;padding:20px 10% ;}

    .content4 .s_li>div{  line-height: 28px;   font-size: 14px;   }

    .content4 .s_li>div.s_li_title{   font-size: 16px;       font-weight: 700;    height:32px;    line-height: 32px;}

    .content4 .s_li>div.s_li_button{  text-align: center;margin: 30px 0 10px; position: relative;top:15px;}



    .content5 .pc_con_table input{height: 35px;width:80%;margin: 12px 0;border: 1px solid #6a6a6a;box-sizing: border-box;}

    .content5 .pc_con_table textarea{    width: 80%;    margin: 30px 0;    }

    .content5 .pc_con_table .c5{  width: 100%; display: block }

    .content5 .pc_con_table .c5>div{width: 100%; }

    .content5 .pc_con_table span{display:inline-block; width: 20%; }

    .content5 .pc_con_table input[name="address"]{width: 80%;;}

    .content5 .pc_con_table textarea{width: 80%;border:1px solid #6a6a6a;box-sizing: border-box;;line-height: 50px; margin: 3vw 0;}

    .content5 .pc_con_table  button{width:25%;height:30px;line-height:30px;font-size: 14px; background-color: #f08519;color:#fff;border: 0;}



    .content6 ul{padding:10px 0}

    .content6 ul li{font-size: 12px; line-height: 24px;}

    .content6 ul li span a{  margin: 6px;  }

    .content6 ul li.ps_img2{   height: 200px;position: relative;    top: 0;    margin: auto;}

    .content6 ul li img{  position: absolute;    margin: auto;    top: 0;bottom:0;left:0;right:0;}

    .content6 ul li.ps_title{color:#e67817;font-size: 18px;  padding: 10px 10px;}

    .content6 ul li span.ps_title2>a{    font-size: 10px;    color:#e67817;    float: right;  margin-right: 20px;  line-height: 20px;}

    li.chose, li:hover.tab li.tab_title{  background-color: #f08519;  color: #fff;  }

}

/*iphone5-320*568*/

@media screen and (width: 320px){

    .content3 h2.ab4_text1{  line-height: 18px;font-size:10px;  }

    .content3 .ab4_text2{height:36px;overflow: hidden;font-size: 10px;line-height: 18px; }

    .content3 p.ab4_text3{  font-size: 8px;}

    .content4 .s_li:nth-child(n){width:100%;padding-left: 10px;}

    .content4 .s_li>div{width:100%;flex-wrap: wrap;}

    .content5 .pc_con_table input{height: 30px;width:80%;margin: 10px 0;border: 1px solid #6a6a6a;box-sizing: border-box;}

    .content5 .pc_con_table textarea{    width: 80%;    margin: 15px 0;    }

    .content5 .pc_con_table .c5{  width: 100%; display: block }

    .content5 .pc_con_table .c5>div{width: 100%; }

    .content5 .pc_con_table span{display:inline-block; width: 20%;font-size: 10px; }

    .content5 .pc_con_table input[name="address"]{width: 80%;;}

    .content5 .pc_con_table textarea{width: 80%;border:1px solid #6a6a6a;box-sizing: border-box;;line-height: 30px; margin:10px 0;}

    .content5 .pc_con_table  button{width:25%;height:30px;line-height:30px;font-size: 10px; background-color: #f08519;color:#fff;border: 0;}

    .content6 ul:first-child li .ps_img2 img{width:30%;}

    .content6 ul:last-child li.ps_img2{   height: 200px;position: relative;    top: 0;    margin: auto;}

    .content6 ul:last-child li.ps_img2 img{width: 70%;}

	    .content3 a.ab4_text1{  line-height:20px;font-size:14px;  }

    .content3 .ab4_text2{height:36px;overflow: hidden;font-size: 8px;line-height: 20px; }

    .content3 p.ab4_text3{  font-size: 12px;}

    .content4 .s_li:nth-child(n){  width: 100%;  padding-left:8px ;  }

}

/*iphone6-375*667*/



@media only screen and (max-width: 479px) and (min-width: 321px) { 

	.content3 a.ab4_text1{  line-height:20px;font-size:14px; height:20px; overflow:hidden}

    .content3 .ab4_text2{height:36px;overflow: hidden;font-size: 8px;line-height: 20px; }

    .content3 p.ab4_text3{  font-size: 12px;}

    .content4 .s_li:nth-child(n){  width: 100%;  padding-left:8px ;  }

	}

@media screen and (width: 375px)  {

    /*新闻资讯*/

    .content3 a.ab4_text1{  line-height:20px;font-size:14px;  }

    .content3 .ab4_text2{height:36px;overflow: hidden;font-size: 8px;line-height: 20px; }

    .content3 p.ab4_text3{  font-size: 12px;}

    .content4 .s_li:nth-child(n){  width: 100%;  padding-left:8px ;  }

}

/*iphone6plus414*736*/

@media screen and (width: 375px){



}

/*ie89*/

#header2 .header_left,

#header2 .header_right,

#header2 .header_center,

#header1 .flex-box1 li,

#header1 .flex-box1 div,

#footer1>div,

#footer2 .footer-top>ul,

#footer2 .footer-top div,

#footer1>div,

.tab>li,

.tab1>li,

#index-case .tab>li,

#index-case .content>li>.flex-box1>div,

#index-aboutUs .article .tab1>li,

#index-aboutUs .about_con,

.flex-box1>div,

.flex-box1>li,

.flex-box2,

#about .content .content3 .flex-box1>div{  display: inline-block; }

/*����*/

#header1 li{    padding:4px 0;    width: 15.5%;}

#header1 .h1_left{    width: 70%;}

#header1 .h1_right{    width: 30%;}

#header2 .header_left,

#header2 .header_right{  width: 45%;}

.header_right li, .header_left li{padding-left:8%;}

#header2 .header_center{width:8%;}

#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{  display: inline-block;

}



#footer2 .footer-top>ul,

#footer2 .footer-top div{    -webkit-align-content: flex-start;}

#footer2 .footer-bottom{    text-align: center;}