/**
===============================================================
	author : 中易互联
	name   : CSS Document
	date   : 2015-05-16
===============================================================
**/
/**
===============================================================
	+ CSS RESET +
===============================================================
**/
html{-webkit-text-size-adjust:none;}/*解决chrome浏览器下字体不能小于12px*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img{margin:0;padding:0}
body{background:#FFF;color:#999;font-family:"微软雅黑",Arial, Helvetica, sans-serif;font-size:12px;line-height:22px;min-width:1140px;}
address,caption,cite,code,dfn,em,i,th,var,h1,h2,h3,h4,h5,h6{font-style:normal;font-weight:normal;}
q:before,q:after{content:'';}
a,fieldset,img{border:0;}
div{overflow:hidden;}
img{vertical-align:middle;}
li{list-style-type:none;}
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance:none;}/*去掉苹果的默认UI来渲染按钮*/
a{outline:none;text-decoration:none;}
a:hover{text-decoration:underline;}
/**
===============================================================
	+ A HREF 默认样式 +
===============================================================
**/
a:link{color:#333;}
a:visited{color:#333;}
a:hover{color:#E68F2C;}
a:active{color:#333;}
/**
===============================================================
	+ INDEX +
===============================================================
**/
/* Header */
.header{height:96px;position:relative;}

.header h1{background:url(../image/Logo.jpg) 0 0 no-repeat;height:72px;margin-top:15px;overflow:hidden;text-indent:-99em;width:270px; background-size: contain;}
.header span{display:block;}
.header span.fav{height:22px;position:absolute;top:7px;right:0;z-index:1; display:none;}
.header span.fav a{padding:0 10px;}
.header span.tel{background:url(../image/Index_01.png) 0 50% no-repeat;color:#E9912F;font-size:22px;height:34px;line-height:34px;padding-left:40px;position:absolute;top:10px;right:5px;z-index:2;}
.header span.logo{color: #07456c; font-weight:bold; position:absolute; top:15px; font-size:20px; right:235px;}
.header ul{position:absolute;right:-6px;bottom:18px;z-index:3;}
.header ul li{background:url(../image/Index_02.png) right 50% no-repeat;float:left;text-align:center;width:86px;}
.header ul li a{cursor:pointer;display:block;text-decoration:none;}
.header ul li em{display:block;font-size:14px;height:22px;line-height:22px;}
.header ul li i{display:block;height:18px;line-height:18px;}
.header ul li a i{color:#999; display:none;}

/* Banner */
.banner{height:510px;width:100%;}

#animateBox{height:510px;width:100%;position:relative;z-index:9;} 
#animateBox .playPic{height:510px;position:absolute;top:0;left:0;z-index:99;}
#animateBox .playPic li{float:left;height:510px;text-align:center;overflow:hidden;}
#animateBox .optionBtn{height:20px;text-align:center;width:100%;position:absolute;bottom:10px;left:0;z-index:900;}
#animateBox .optionBtn span{background:#C20;cursor:pointer;display:inline-block;height:15px;width:15px;margin-left:10px;/**/-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;-ms-border-radius:15px;border-radius:15px;}
#animateBox .preBtn,#animateBox .nextBtn{display:none;cursor:pointer;height:510px;width:200px;position:absolute;top:0;z-index:999;}
#animateBox .preBtn{background:url(http://tqaudio.sk52.sdwlsym.com/Templates/tl/css/Images/preBtn.png) 0 50% no-repeat;left:0;}
#animateBox .nextBtn{background:url(http://tqaudio.sk52.sdwlsym.com/Templates/tl/css/Images/nextBtn.png) right 50% no-repeat;right:0;}

.page-banner{height:326px;width:100%;}

/* 公司介绍 */
.about-us{background:url(../image/Index_04.png) 0 bottom no-repeat;margin:30px auto 0 auto;width:1110px;}
.about-us h2{background:url(../image/Index_03.png) 50% 0 no-repeat;}
.about-us p{padding:40px 120px;text-align:center;}

.decoration{padding:10px 200px;text-align:center;position:relative;}
.decoration a.more{position:absolute;bottom:10px;right:0;z-index:9;}

/* 产品展示 */
.products{background:#EAEAEA;padding:20px 0;width:100%;}
.products h2{background:url(../image/Index_05.png) 50% 0 no-repeat;}

.pro-list{}
.pro-list ul{width:100%;}
.pro-list ul li{float:left;height:236px;margin-top:12px;padding:0 20px;width:182px;}
.pro-list ul li .pro-list-img{background:url(../image/Index_06.png) 0 0 no-repeat;height:190px;width:182px;}
.pro-list ul li .pro-list-img img{display:inline-block;height:114px;margin-top:32px;margin-left:17px;width:150px;/**/-moz-border-radius:150px;-webkit-border-radius:150px;-o-border-radius:150px;-ms-border-radius:150px;border-radius:150px;}
.pro-list ul li .pro-list-txt p{color:#333;height:42px;overflow:hidden;text-align:center;}

/* 客户案例 */
.case{padding:20px 0 0 0;position:relative;}
.case h2{background:url(../image/Index_07.png) 50% 0 no-repeat;}

.case-list{height:520px;overflow:hidden;width:1140px;position:relative;}
.case-list ul{float:left;width:1140px;}
.case-list li{display:inline;float:left;height:210px;margin-right:30px;margin-top:20px;overflow:hidden;width:350px;position:relative;}
.case-list li img{height:210px;width:350px;}
.case-list li p{color:#FFF;line-height:30px;overflow:hidden;text-align:center;width:100%;position:absolute;bottom:0;left:0;z-index:9;}
.case-list li .bg{background:#333;height:30px;width:100%;position:absolute;bottom:0;left:0;z-index:8;/**/filter:alpha(Opacity=50);-moz-opacity:0.5;-o-opacity:0.5;-webkit-opacity:0.5;opacity:0.5;}

#case-container{height:470px;position:absolute;top:0;z-index:99;}
#case-btn{height:20px;text-align:center;width:1110px;position:absolute;bottom:20px;left:0;z-index:98;}
#case-btn i{cursor:pointer;display:inline-block;height:18px;width:16px;}
#case-btn i.prebtn{background:url(../image/Index_12.png) 0 0 no-repeat;}
#case-btn i.nextbtn{background:url(../image/Index_12.png) -16px 0 no-repeat;margin-left:10px;}
#case-btn span{background:#E68F2C;cursor:pointer;display:inline-block;height:10px;margin-left:10px;margin-bottom:3px;width:10px;/**/border-radius:10px;}

/* 新闻资讯 */
.news{background:#EAEAEA;padding:20px 0;width:100%;}
.news h2{background:url(../image/Index_08.png) 50% 0 no-repeat;}

.news-list{width:1140px;}
.news-list li{display:inline;float:left;margin-right:30px;margin-top:20px;width:540px;}
.news-list li img{float:left;height:100px;margin-right:10px;width:150px;}
.news-list li h3{height:26px;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list li p{height:68px;margin-top:4px;overflow:hidden;}

/* Footer */
.footer{background:#2D3236;color:#FFF;line-height:26px;padding:35px 0;text-align:center;}

/**
===============================================================
	+ PAGE +
===============================================================
**/
/* Page-left */
.page-left{border:1px solid #DFDFDF;width:230px;}
.page-left h3{background:#F3F3F3 url(../image/Index_09.png) 12px 22px no-repeat;border-bottom:1px solid #DFDFDF;color:#E68F2C;font-weight:bold;height:50px;line-height:50px;padding:0 30px;}
.page-left ul{width:100%;}
.page-left li{background:url(../image/Index_09.png) 10px -61px no-repeat;border-bottom:1px solid #DFDFDF;float:left;height:30px;line-height:30px;overflow:hidden;padding-left:30px;width:200px;}
.page-left li a{ font-size:14px;}
.page-left li:hover,.page-left li.hover{background:url(../image/Index_09.png) 10px -112px no-repeat;}
.page-left li:hover a,.page-left li.hover a{color:#E68F2C; font-size:14px;}

.page-left dl{width:224px;}
.page-left dl dd{display:inline;float:left;margin-left:9px;margin-top:8px;width:102px;}
.page-left dl dd img{width:102px;}
.page-left .content{padding:10px;}

/* Page-right */
.page-right{border:1px solid #DFDFDF;width:862px;}

.page-right .pos{border-bottom:1px solid #DFDFDF;color:#333;height:34px;line-height:34px;}
.page-right .pos h3{background:url(../image/Index_09.png) 12px 14px no-repeat;padding-left:30px;}
.page-right .pos p{padding-right:10px;}

.com-container{margin:10px auto;width:840px;}

.product-title{border-bottom:1px solid #DFDFDF;height:52px;overflow:visible;}
.product-title img{height:53px;}
.product-list{width:884px;}
.product-list ul{width:100%;}
.product-list ul li{display:inline;float:left;margin-top:10px;margin-right:44px;width:177px;}
.product-list ul li img{border:1px solid #DFDFDF;height:132px;width:175px;}
.product-list ul li p{color:#666;text-align:center;}
/**
===============================================================
	+ PUBLIC +
===============================================================
**/
h2{color:#2D3237;font-size:14px;height:54px;line-height:84px;text-align:center;overflow:hidden;}
h3{font-size:14px;}
.auto{margin:0 auto;width:1110px;}
.fl{float:left;}
.fr{float:right;}
.container{width:100%;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.bgf{background:#00FF66;}
/**
===============================================================
	+ TRANSITION +
===============================================================
**/
.transition,.page-left li{transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-webkit-transition:all 0.4s;}
/**
===============================================================
	+ OPACITY +
===============================================================
**/
.opacity{filter:alpha(Opacity=50);opacity:0.5;-moz-opacity:0.5;-o-opacity:0.5;-webkit-opacity:0.5;}
/**
===============================================================
	+ 清除浮动 +
===============================================================
**/
.clear-fix:after{content:'.';clear:both;display:block;height:0;visibility:hidden;overflow:hidden;}

.clear-fix{*zoom:1; }

.clear-fixs{*zoom:1; overflow: scroll; /* 让它显示滚动条 */overflow-x: hidden; width:200px; height:500px; }

.clear-both{clear:both;display:block;height:0;visibility:hidden;overflow:hidden;}





.about_rt .about_rtF{ padding:6px 10px 0; line-height:22px;}
.about_rtF h1{ text-align:center;margin-top: 10px;}
.met_page{ text-align:center; margin-top:200px; margin-bottom:20px;}
.met_page a{ color:#666;}
.imgcent{ text-align:center;margin-top: 30px;}



/**about*/
.com_title{ height:30px; line-height:30px; background:url(http://tqaudio.sk52.sdwlsym.com/Templates/tl/images/title_bg.jpg) repeat-x;}
.com_title span{color:#0e7847; font-weight:bold; padding-left:12px;}

.common_rt{ width:728px; height:auto; overflow:hidden; float:right; display:inline;border:1px solid #CDCDCD; padding-bottom:6px;}
.common_rt .a_rtF{ line-height:22px; padding:4px 8px;}






















/**chanpinliebiao样式*/

.posts {
	 PADDING-LEFT: 25px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 840px; LINE-HEIGHT: 22px; PADDING-TOP: 0px
}
.posts P {
	MARGIN-BOTTOM: 10px; text-align:center;
}
.single {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; WIDTH: 645px; PADDING-TOP: 0px
}
.single H2 {
	FONT-SIZE: 18px; PADDING-BOTTOM: 10px; MARGIN: 20px 0px; COLOR: #222; BORDER-BOTTOM: #ddd 1px solid; TEXT-ALIGN: center
}
.postlist {
	MARGIN: 15px 0px 0px
}
.postlist LI {
	PADDING-LEFT: 12px; BACKGROUND: url(http://tqaudio.sk52.sdwlsym.com/Templates/tl/images/arrow.gif) no-repeat 0px 14px; FLOAT: left; WIDTH: 640px; LINE-HEIGHT: 32px; BORDER-BOTTOM: #ddd 1px dashed; HEIGHT: 32px
}
.postlist LI H3 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: left; WIDTH: 500px
}
.postlist LI SPAN {
	FLOAT: right; WIDTH: 80px; COLOR: #666; TEXT-ALIGN: right
}
.productlist {
	MARGIN-TOP: 20px
}
.productlist LI {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 175px; PADDING-TOP: 0px; HEIGHT: 170px
}

.productlist LI a {
	color:#666;
	
	
	}
.productlist LI IMG {
	BORDER-RIGHT: #e4e4e4 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e4e4e4 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #e4e4e4 1px solid; WIDTH: 175px; PADDING-TOP: 2px; BORDER-BOTTOM: #e4e4e4 1px solid; HEIGHT: 132px
}
.productlist LI .product_name {
	DISPLAY: block; OVERFLOW: hidden; WIDTH: 200px; LINE-HEIGHT: 15px; HEIGHT: 15px; TEXT-ALIGN: center
}

.wp-pagenavi {
	CLEAR: both;
}
.wp-pagenavi A {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none
}
.wp-pagenavi SPAN {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px;  MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid;BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none
}
.wp-pagenavi A:hover {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.wp-pagenavi SPAN.current {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.wp-pagenavi SPAN.current {
	FONT-WEIGHT: bold
}


.pageNavi {
	PADDING-RIGHT: 0px;PADDING-LEFT: 0px; PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center
}
.wp-pagenavi {
	MARGIN: 0px auto; PADDING-TOP: 15px
}
.wp-pagenavi A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important
}
.wp-pagenavi A:link {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important
}
.wp-pagenavi A:visited {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important
}
.wp-pagenavi A:hover {
	FONT-WEIGHT: bold! important; COLOR: #0b3779! important; BACKGROUND-COLOR: #eee! important
}
.wp-pagenavi A:active {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
.wp-pagenavi SPAN.pages {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #454545! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid
}
.wp-pagenavi SPAN.extend {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #454545! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid
}
.wp-pagenavi SPAN.current {
	BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #aaa 1px solid; COLOR: #000! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #aaa 1px solid; BACKGROUND-COLOR: #eee! important
}

.pageleft {
	OVERFLOW: hidden; WIDTH: 300px; LINE-HEIGHT: 24px; HEIGHT: 24px
}
.pageright {
	OVERFLOW: hidden; WIDTH: 300px; LINE-HEIGHT: 24px; HEIGHT: 24px
}
.pageleft {
	PADDING-LEFT: 10px; FLOAT: left; TEXT-ALIGN: left
}
.pageleft a{ color:#666;}
.pageright {
	PADDING-RIGHT: 10px; FLOAT: right; TEXT-ALIGN: right
}
.pageright a{ color:#666;}
.post_comment {
	FLOAT: left; MARGIN: 15px 0px 5px; OVERFLOW: hidden; WIDTH: 100%
}


/**about*/
.com_title{ height:30px; line-height:30px; background:url(http://tqaudio.sk52.sdwlsym.com/Templates/tl/images/title_bg.jpg) repeat-x;}
.com_title span{color:#0e7847; font-weight:bold; padding-left:12px;}

.common_rt{ width:728px; height:auto; overflow:hidden; float:right; display:inline;border:1px solid #CDCDCD; padding-bottom:6px;}
.common_rt .a_rtF{ line-height:22px; padding:4px 8px;}





/**liebiao样式*/
.about_rt{ height:auto; overflow:hidden;display:inline;}
.about_rt .title_rt01{ width:798px; height:30px; line-height:30px; padding-top:2px; background:url(http://tqaudio.sk52.sdwlsym.com/Templates/tl/images/common_titlebg.jpg) no-repeat;}
.about_rt .title_rt01 strong{ padding:0px 0 0 28px;}
.about_rt .title_rt01 span{ margin-left:600px;}
.about_rt .about_rtF{ line-height:22px;}
.about_rt .about_rtF  ul li a{ color:#000;}
.about_rt .about_rtF  ul li a:hover{ color:#826C24;}
.about_rt .about_rtF ul{ margin:5px auto 0; padding:0px;}
.about_rt .about_rtF  ul li{height:24px; line-height:24px; background:url(http://tqaudio.sk52.sdwlsym.com/Templates/tl/images/li01_li.jpg) 6px 8px no-repeat;}
.about_rtF2  a{ color:#666;}
.about_rt .about_rtF ul span{ float:right;}
.bodeerone{ border-bottom:dashed 1px;}
#powespan{ margin-left:530px;}
#powespan a{ color:#333;}
#flip{ width:400px; height:30px;float:right; margin-top:20px;}
#flip a{ color:#666;}




.about_rt .about_rtF{ padding:6px 10px 0; line-height:22px;}
.about_rtF h1{ text-align:center;}
.met_page{ text-align:center; margin-top:200px; margin-bottom:20px;}
.met_page a{ color:#666;}
.imgcent{ text-align:center;}