@charset "utf-8";
/* CSS Document */

* { padding:0; margin:0; font-size: 12px;/*	behavior: url("hover.htc");
*/ }
Body { background-color: #FFFFFF; font-family: "微软雅黑", Arial, "宋体"; background-repeat: no-repeat; background-position: center top; }
#Zt { background-attachment: fixed; background-repeat: no-repeat; background-position: center top; padding-bottom: 40px; background-image: url(piano.jpg); }
img { border:0; }
.Imga1 { height: 38px; width: 171px; display: block; border: 0px; float: left; margin-top: 15px; background-image: url(video.png); background-repeat: no-repeat; margin-bottom: 40px; }
.Imga1:hover { height: 38px; width: 171px; display: block; border: 0px; cursor: pointer; margin-top: 15px; background-image: url(video2.png); background-repeat: no-repeat; margin-bottom: 40px; }
li { list-style-type: none; }
.title { font-size: 16px; font-weight: bold; line-height: 35px; color: #333; }
.title1 { font-size: 16px; font-weight: bold; margin-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; padding-bottom: 5px; }
.title2 { font-size: 18px; color: #FFFFFF; font-weight: normal; border-right-width: 2px; border-right-style: solid; border-right-color: #C0A264; padding-right: 10px; margin-right: 10px; padding-left: 40px; margin-top: 10px; }
.title3 { font-size: 12px; color: #FFFFFF; border: 2px solid #fff; background-color: #C0A264; padding: 5px; float: left; text-align: center; margin-right: 10px; font-family: Arial; }
.title4 { font-size: 16px; color: #FFFFFF; font-family: Arial; }
.title5 { font-size: 16px; color: #FFF; padding-top: 5px; padding-bottom: 5px; font-weight: bold; }
.title6 { color: #000000; font-weight: bold; line-height: 35px; text-decoration: none; font-size: 14px; }
.title7 { color: #FFFFFF; font-weight: bold; text-decoration: none; font-size: 36px; font-family: Arial, "微软雅黑"; float: left; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 0px; line-height: 45px; }
.title8 { color: #FFF; font-weight: bold; text-decoration: none; font-size: 16px; line-height: 45px; }
#Tt { width: 985px; margin-right: auto; margin-left: auto; padding-left: 10px; color: #C0A264; background-image: url(TT1.png); background-repeat: no-repeat; background-position: left top; height: 30px; padding-top: 10px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #C0A264; }
#Tt .left { width:375px; float: left; }
#Tt .right { width: 475px; float: right; text-align: right; margin-top: 10px; }
#Tt a:link { color: #B69B62; text-decoration: none; font-size: 12px; }
#Tt a:visited { color: #B69B62; text-decoration: none; font-size: 12px; }
#Tt a:active { color: #B69B62; text-decoration: none; font-size: 12px; }
#Tt a:hover { color: #FFFFFF; text-decoration: none; font-size: 12px; }
#Banner { width: 995px; margin-right: auto; margin-left: auto; text-align: right; padding-top: 40px; }
#Top { height: 85px; z-index: 50; width: auto; color: #333; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #C0A264; margin-right: auto; margin-left: auto; background-color: #FFF; }
#Top a:link, a:visited { color: #333; text-decoration: none; font-size: 14px; }
#Top a:hover, a:active { color: #B3803E; text-decoration: none; font-size: 14px; }
#Top ul { margin-right: auto; margin-left: auto; width: 995px; }
#Top .left { float:left; width: 250px; padding-top: 10px; }
#Top .center { float: right; width: 745px; text-align: right; font-family: Arial; line-height: 45px; color: #333; vertical-align: middle; }
#Top .right { width: 640px; float: right; }
/*


#Top .right li { width: 80px; float: left; font-weight: bold; text-align: center; position:relative; z-index:9999 }

#Top .right li ul { display: none; width: 80px; float: left; line-height: 25px; z-index:9999; position:absolute }

#Top .right li:hover ul { display: block; position: relative; margin-right: auto; margin-left: auto; width: 80px; margin-top: 0px; float: left; line-height: 25px; }
#Top .right li ul li { width: 80px; float: left; position: relative; background-color: #FFF; font-weight: normal; line-height: 25px; }
#Top .right li ul li:hover { display: block; width: 80px; line-height: 25px; }

*/
.nav { margin:0}
.nav-first { position: relative; z-index: 90; float:left; height:30px; line-height:30px; }
.nav-first span a { display: block; font-size: 14px;   text-align: center; width: 100px; height: 30px; line-height:30px }


.nav-second { position: absolute; left: 0; top:30px; display: none; z-index: 90; }
.nav-second li{ padding:0}
.nav-second a {  background-color: #e5e5e5; display: block; height: 30px;*height: 30px; line-height: 30px; width: 100px; text-align: center; padding:0 }

.nav-second a:hover { color: #ffffff!important;   }
.nav-first:hover span a, .nav-current { height: 30px!important; color:#db0011; }
.nav-first:hover .nav-second { display: block; }
.nav-last { width: 30px!important; }






#Main { margin-right: auto; margin-left: auto; height: 536px; background-color: #000; color: #FFF; position:relative; z-index:1 }
#Main ul { margin-right: auto; margin-left: auto; width: 995px; padding-top: 10px; padding-bottom: 10px; }
#Main .left { width: 403px; float: left; padding-top: 100px; }
#Main .right { width: 592px; float: right; display:inline-block }
#Info { color: #FFF; line-height: 21px; }
#Info ul { margin-right: auto; margin-left: auto; width: 995px; margin-top: 10px; }
#News { width: 995px; margin-right: auto; margin-left: auto; background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0 !important; filter: Alpha(opacity=90); background: #FFF; line-height: 21px; color: #333; padding-bottom: 10px; font-size: 12px; margin-bottom: 20px; }
#News ul { width: 995px; padding-top: 10px; padding-bottom: 10px; position: relative; }
#News li { width: 475px; float: left; margin-right: 8px; padding: 5px; margin-top: 10px; margin-bottom: 10px; height: 60px; }
#News li:hover { width: 475px; float: left; background-color: #ececec; margin-right: 8px; padding: 5px; margin-top: 10px; margin-bottom: 10px; }
#News a:link { color: #000000; text-decoration: none; font-size: 13px; font-weight: bold; }
#News a:visited { color: #000000; text-decoration: none; font-weight: bold; font-size: 13px; }
#News a:active { color: #C0A264; text-decoration: none; font-size: 13px; }
#News a:hover { color: #C0A264; text-decoration: none; font-size: 13px; }
#Content { width: 995px; margin-right: auto; margin-left: auto; margin-bottom: 30px; }
#Content .bt { font-size: 18px; font-weight: bold; color: #333; padding-top: 10px; padding-left: 5px; text-align: center; }
#Content .sj { font-size: 12px; color: #666; padding-top: 10px; padding-left: 5px; text-align: center; }
#Content .nr { font-size: 13px; line-height: 25px; text-decoration: none; }
#Content a:link, a:visited { color: #333; text-decoration: none; font-size: 14px; }
#Content a:hover, a:active { color: #B3803E; text-decoration: none; font-size: 14px; }
#Video { margin-right: auto; margin-left: auto; /*background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0 !important;
	filter: Alpha(opacity=90);
	background: #FFF;*/ line-height: 21px; padding-bottom: 10px; font-size: 12px; width: 995px; }
#Video img { width: 160px; height: 105px; }
#Video ul { width: 1030px; padding-top: 10px; padding-bottom: 10px; margin-right: -36px; margin-left: 0px; overflow: hidden; zoom: 1; }
#Video li { width: 160px; float: left; margin-right: 36px; padding: 5px; margin-top: 10px; margin-bottom: 10px; text-align: center; background-color: #C0A264; line-height: 25px; display: inline; }
#Video li:hover { background-color: #FFFFFF; }
#Video a:link { color: #333333; text-decoration: none; font-size: 12px; }
#Video a:visited { color: #333333; text-decoration: none; font-size: 12px; }
#Video a:active { color: #333333; text-decoration: none; }
#Video a:hover { color: #333333; text-decoration: none; }
#Product { margin-right: auto; margin-left: auto; /*background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0 !important;
	filter: Alpha(opacity=90);
	background: #FFF;*/ line-height: 21px; padding-bottom: 10px; font-size: 12px; width: 995px; }
#Product img { width: 120px; height: 120px; }
#Product ul { width: 1030px; padding-top: 10px; padding-bottom: 10px; margin-right: -36px; margin-left: 0px; overflow: hidden; zoom: 1; }
#Product li { width: 120px; float: left; margin-right: 14px; padding: 5px; margin-top: 10px; margin-bottom: 10px; text-align: center; background-color: #D1D1D1; line-height: 21px; display: inline; }
#Product li:hover { background-color: #ececec; }
#Product a:link { color: #333333; text-decoration: none; font-size: 12px; }
#Product a:visited { color: #333333; text-decoration: none; font-size: 12px; }
#Product a:active { color: #333333; text-decoration: none; font-size: 12px; }
#Product a:hover { color: #333333; text-decoration: none; font-size: 12px; }
#Jdxl { margin-right: auto; margin-left: auto; /*background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0 !important;
	filter: Alpha(opacity=90);
	background: #FFF;*/ line-height: 21px; font-size: 12px; width: 995px; }
#Jdxl img { width: 100px; height: 100px; }
#Jdxl ul { width: 1030px; margin-right: -16px; margin-left: 0px; overflow: hidden; zoom: 1; }
#Jdxl li { width: 100px; float: left; margin-right: 18px; margin-top: 5px; text-align: center; background-color: #FFFFFF; display: inline; line-height: 18px; padding: 3px; display: inline; border: 1px solid #CCC; }
#Jdxl li:hover { border: 1px solid #C0A264; }
#Jdxl a:link { color: #333333; text-decoration: none; font-size: 12px; }
#Jdxl a:visited { color: #333333; text-decoration: none; font-size: 12px; }
#Jdxl a:active { color: #333333; text-decoration: none; font-size: 12px; }
#Jdxl a:hover { color: #333333; text-decoration: none; font-size: 12px; }
#Jdsm { width: 995px; padding-top: 5px; color: #333; margin-right: auto; margin-left: auto; text-align: left; }
#Yzyc { margin-right: auto; margin-left: auto; color: #CCC; width: 995px; margin-top: 15px; }
#Yzyc li { width: 320px; float: left; margin-right: 10px; line-height: 21px; margin-bottom: 10px; }
#Foot { padding-top: 10px; padding-bottom: 10px; line-height: 25px; height: 55px; color: #333; margin-right: auto; margin-left: auto; background-color: #FFF; }
#Foot ul { margin-right: auto; margin-left: auto; width: 995px; }
#Foot .left { float: left; width: 595px; }
#Foot .right { float: right; width: 380px; text-align: right; line-height: 21px; }
#Foot a:link, a:hover, a:active, a:visited { color: #333; text-decoration: none; }
#pages {  font-size: 12px; line-height: 25px; color: #666; margin:0 auto; width: 600px; }
#pages ul { margin: 0px; padding: 0px; color:#FFF  }
#pages ul  li{ float:left}

#pages a:link { display: inline; border: 1px solid #CCC; color: #333; text-decoration: none; line-height: 25px; font-size: 12px; background-color: #FFF; margin-top: 0px; margin-right: 6px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; }
#pages a:visited { display: inline; border: 1px solid #CCC; color: #333; text-decoration: none; line-height: 25px; font-size: 12px; background-color: #FFF; margin-top: 0px; margin-right: 6px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; }
#pages a:hover { display: inline; border: 1px solid #CCC; color: #000000; text-decoration: none; background-color: #F0F0F0; line-height: 25px; font-size: 12px; margin-top: 0px; margin-right: 6px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; }
#pages .click { display: inline; border: 1px solid #CCC; color: #FFF; background-color: #CCC; text-decoration: none; line-height: 25px; font-size: 12px; margin-top: 0px; margin-right: 6px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; }
#pages .bg2 { display: inline; border: 1px solid #C0A264; color: #FFF; background-color: #C0A264; line-height: 25px; margin-top: 0px; margin-right: 6px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; font-size: 12px; font-weight: bold; }
#Content2 { width: 700px; margin-right: auto; margin-left: auto; margin-bottom: 30px; }
#Content2 .bt { font-size: 18px; font-weight: bold; color: #333; padding-top: 10px; padding-left: 5px; text-align: center; }
#Content2 .sj { font-size: 12px; color: #666; padding-top: 10px; padding-left: 5px; text-align: center; }
#Content2 .nr { font-size: 13px; line-height: 25px; text-decoration: none; }
#Content2 a:link, a:visited { color: #333; text-decoration: none; font-size: 14px; }
#Content2 a:hover, a:active { color: #B3803E; text-decoration: none; font-size: 14px; }
/*****************/
.clearBoth{ clear:both}




.serviceRight {   width: 950px; margin:0 auto }

.serviceCon { width: 100%; background: #fdfcfb; box-shadow: 0 0 10px rgba(52, 43, 40, 0.1); min-height: 500px; } 

.menuTit { width: 171px; height: 60px; line-height: 60px; text-indent: 20px; font-size: 18px; color: #fff; background: #c90319; }

/****

图文列表***/

.hotlist { padding: 10px 15px; }
.hotlist li { padding: 30px 0; width: 100%; border-bottom: 1px solid #dadada; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.hotlist li:hover { background: #eee; }
.hotlist li a.img { margin-left: 10px; float: left; display: block; width: 244px; height: 160px; overflow: hidden; }
.hotlist li a.img img { width: 244px; height: 160px; }
.hotlist li a.img:hover { -webkit-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }
.hotlist li .info { position: relative; padding-right: 20px; margin-left: 272px; height: 160px; overflow: hidden; }
.hotlist li .info h4 { margin-bottom: 5px; font-size: 18px; }
.hotlist li .info h4 a { color: #333; }
.hotlist li .info h4 a:hover { color: #c90319; }
.hotlist li .info p { height: 60px; line-height: 20px; color: #777; }
.hotlist li .info .time { margin-top: 5px; text-align: right; color: #777; }
.hotlist li .info a.more { position: absolute; left: 0; bottom: 0; display: block; width: 107px; height: 25px; line-height: 25px; text-align: center; color: #fff; background: #e30425; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.hotlist li .info a.more:hover { background: #fb062a; }

#m21{ width:950px; margin:0 auto;}
#m21 ul li{
	margin:0px;padding:5px 5px;width:150px; height:20px; float:left;
}
#m21 ul li a{ color:#FFF}