/*css reset*/
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px arial,\5b8b\4f53;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
form{display:inline;}
ul,ol,li{list-style:none;}
a{ cursor:pointer;}
i{ font-style:normal; color:#666; font-weight:normal; font-size:12px;}
em{ font-style:normal;}
body{line-height:24px; color:#333;font-family:"Microsoft YaHei"; background:url(../images/top_bg.jpg) top no-repeat;}
a{text-decoration:none;color:#666;}
a:hover{text-decoration:underline;color:#cc9e2e;}
a:hover img{filter:alpha(opacity=80);opacity:0.80;}
img{vertical-align:top;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{font-size:100%;}
input,button,select,textarea{outline:none;}
textarea{resize:none;}
html>/**/body .clearfix{overflow:hidden;}
.clearfix{zoom:1;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*public*/
.l{ float:left;}
.r{ float:right;}
.box1000{ width:1000px; margin:0 auto;}
.box310{ width:310px;}
.box660{ width:660px;}
.p10{ padding:10px 0;}
.grey{ color:#999;}
.mt10{ margin-top:10px;} 
.mt50{ margin-top:50px;}
.mb50{ margin-bottom:50px;}
.mr10{ margin-right:10px;}
.mb20{ margin-bottom:20px;}
.relative{position:relative;}
.center{text-align:center;}
.h110{ height:110px; overflow:hidden;}
/*header*/
.header{ padding-top:4px; height:95px;}
.header .logo{ margin:18px 0;}
.header .nav{ margin-top:25px;}
.header .nav ul li{ float:left; font-size:14px; line-height:35px; height:35px; margin:0 12px; display:inline;}
.header .nav .this{ border-bottom:3px #cc9e2e solid;}
.header .nav ul li a{ color:#666;}
.header .nav ul li a:hover{ color:#cc9e2e;}
.header .nav .this a{ color:#cc9e2e;}
/*banner*/
.banner{ background:#333; height:477px; position:relative;}
.banner .bd li div{ height:477px; width:100%; position:absolute; left:0; top:0;}
.banner .hd{ width:980px; margin:0 auto; position:relative; height:0; z-index:99;}
.banner .hd ul{position:absolute;top:450px;left:435px;}
.banner .hd li{ width:30px; height:6px;font-size:0; float:left; display:block; margin:0 2px; background:#fff; cursor:pointer;}
.banner .hd .on{opacity: 1.0; filter: Alpha(Opacity=100); background:#cc9e2e;}
/*indexTitle*/
.indexTitle{ border-bottom:6px #e9e9e9 solid; height:60px; line-height:60px; position:relative;}
.indexTitle h3{ font-size:24px; color:#cc9e2e; position:absolute; left:450px; height:60px; line-height:60px;border-bottom:6px #cc9e2e solid; font-weight:normal;}
/*indexNews*/
.indexNews{ margin:20px 0;}
.indexNews .indexNewsPic{ position:relative; width:405px; height:354px;}
.indexNews .indexNewsPic img{ width:405px; height:354px;}
.indexNews .indexNewsPic p{ position:absolute; left:0; bottom:0; height:40px; line-height:40px; text-align:center; width:405px; background:#000;filter:alpha(opacity=80);opacity:0.80; z-index:99;}
.indexNews .indexNewsPic p a{ color:#fff; font-size:14px;}
.indexNews .indexNewsText{ width:570px;}
.indexNews .indexNewsText .indexNewsTextList li{ border-bottom:1px #CCC dashed; padding:12px 0;}
.indexNews .indexNewsText .n1{ font-size:14px; color:#333;}
.indexNews .indexNewsText .n2{ color:#cc9e2e;}
.indexNews .indexNewsText p{ color:#999; margin:2px 0;}
.indexNews .indexNewsText .indexNewsTextNav li{ float:left; width:110px; height:44px; line-height:44px; text-align:center; font-size:14px;}
.indexNews .indexNewsText .indexNewsTextNav li a{ background:#e9e9e9; display:block; color:#666;}
.indexNews .indexNewsText .indexNewsTextNav .on a{ background:#333; color:#fff;}
/*indexCase*/
.indexCase{ position:relative;}
.indexCase .arrow a{ position:absolute; width:45px; height:84px; display:block; top:120px; z-index:999;}
.indexCase .next{ right:-60px; background:url(../images/arrow.jpg) -45px 0;}
.indexCase .next:hover{background-position:-45px -84px;}
.indexCase .prev{left:-60px;background:url(../images/arrow.jpg) 0 0;}
.indexCase .prev:hover{  background-position:0 -84px;}
.indexCase .bd ul{ margin-left:-35px;}
.indexCase .bd ul li{ width:310px; float:left; margin:25px 35px 0 0; display:inline;background:#e7e7e7;}
.indexCase .bd ul li:hover{ background:#333; color:#FFF;}
.indexCase .bd ul li:hover a{ color:#FFF;}
.indexCase .indexCasePic{ position:relative;}
.indexCase .indexCasePic img{ width:310px; height:263px;}
.indexCase .indexCasePic em{ position:absolute; top:114px; left:65px; z-index:99; background:#000;filter:alpha(opacity=70);opacity:0.70; color:#FFF; width:180px; text-align:center; height:35px; line-height:35px;}
.indexCase .indexCaseText{  padding:10px;}
/*indexBrand*/
.indexBrand{ margin:0 0 50px 0;}
.indexBrand ul{ margin-left:-35px;}
.indexBrand ul li{ width:310px; float:left; margin:25px 0 0 35px; display:inline;background:#e7e7e7;}
.indexBrand ul li h3{ text-align:center; font-size:18px; height:45px; line-height:45px; color:#fff;}
.indexBrand .b1{ background:#666;}
.indexBrand .b2{ background:#cc9e2e;}
.indexBrand .b3{ background:#d0752b;}
.indexBrand .indexBrandText{ padding:10px; height:150px; font-size:14px; line-height:30px;}
/*indexAbout*/
.indexAbout{ margin:20px 0 0 0;}
.indexAbout .indexAboutText{ width:580px;}
.indexAbout .indexAboutText p{ text-indent:2em; line-height:32px; font-size:14px;}
.indexAbout .indexAboutVideo{ width:405px; height:286px;}
/*inside*/
.inside{ margin:5px auto 30px auto;}
/*inside_banner*/
.inside_banner{ height:250px;}
.aboutBanner{ background:url(../images/about_banner.jpg) no-repeat top ; width: 1000px; margin-left:auto;margin-right:auto;}
/*location*/
.location{ border-bottom:4px #e9e9e9 solid; line-height:45px;}
.location h2{ border-left:#cc9e2e 4px solid; padding-left:10px; font-size:18px; font-weight:normal; color:#cc9e2e; height:20px; line-height:20px; margin-top:10px;}
/*twoNav*/
.twoNav{ margin:20px 0;}
.twoNav ul li{ float:left; width:110px; height:44px; line-height:44px; text-align:center; font-size:14px;}
.twoNav ul li a{ background:#e9e9e9; display:block; color:#666;}
.twoNav ul .this a{ background:#333; color:#fff;}
/*aboutText*/
.aboutText{ font-size:14px; line-height:30px;padding:20px 0;}
.aboutText img{ margin:10px 0;}
/*textList*/
.textList dl{ border-bottom:1px #CCC dashed; padding:20px 0;}
.textList dl dt{ width:150px;}
.textList dl dt img{ width:150px; height:130px;}
.textList dl dd{ width:830px;}
.textList .n1{ font-size:14px; color:#333;}
.textList .n2{ color:#cc9e2e;}
.textList dl dd p{ color:#999; margin:8px 0;font-size:14px;}
/*detail*/
.detail{ padding:20px 0;}
.detail .detailTop{ padding:0 0 10px 0;border-bottom:#CCC 1px dashed;}
.detail .detailTop h1{ text-align:center; font-size:24px; line-height:50px;}
.detail .detailTop .detailTopTime{ text-align:center; color:#999;}
.detail .detailText{ padding:20px 0; font-size:14px; line-height:30px;}
.detail .detailText img{ margin:10px 0;}
/*caseList*/
.caseList ul{ margin-left:-35px;}
.caseList ul li{ width:310px; float:left; margin:25px 0 0 35px; display:inline;background:#e7e7e7;}
.caseList ul li:hover{ background:#333; color:#FFF;}
.caseList ul li:hover a{ color:#FFF;}
.caseList .indexCasePic{ position:relative;}
.caseList .indexCasePic img{ width:310px; height:263px;}
.caseList .indexCasePic em{ position:absolute; top:114px; left:65px; z-index:99; background:#000;filter:alpha(opacity=70);opacity:0.70; color:#FFF; width:180px; text-align:center; height:35px; line-height:35px;}
.caseList .indexCaseText{  padding:10px;}
/*pagelist*/
.pagelist {padding:30px 0;}
.pagelist a {border:1px solid #333;padding:0px 10px;color:#333;;margin:0 5px 0 0;display:inline-block;float:left;}
.pagelist a:hover {background:#333;;color:#fff;}
.pagelist span {background:#333;;color:#fff;padding:0 10px;margin:0 5px 0 0;height:27px;float:left;}
/*footer*/
.footer{ background:#333; line-height:40px; color:#eee;}