@charset "utf-8";
/*头部开始*/



/*搜索*/

.bg{ width:100%; height:36px;background:url(../images/headbg_03.png);}

/*导航*/
/*=================================导航=================================*/

#nav { position:fixed; left:0; top:0; height:85px; width:100%; background:url('../images/nav-bj.png');  z-index:999999 }
.nav-m { margin:0 auto;width:1200px;height:85px;position: relative;}
#logo { width:360px;height:50px; float:left;margin-top:20px;}

.search { width:500px;height:35px; margin-right:20px; text-align:right; float:right;}
.search h1{font-size: 14px;color: #CCC;line-height:40px;}

/*搜索框样式*/

#searchform { float:right; margin-left:20px; margin:5px 5px 0px; padding:0px; }
	#searchform fieldset { padding:0px; border:none; margin:0px; }
	#searchform input[type="text"] { 
		background:#464646;
		border:none;
		float:left;		
		padding:0px 10px 0px 15px;
		margin:0px;
		width:150px; 
		height:28px;
		line-height:28px;
		transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-moz-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
		-webkit-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
		-o-transition:all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		color:#dedede; 
	}
	#searchform input[type="submit"] { background:url(../images/icon-search.png) center 5px no-repeat; cursor:pointer; margin:0px; padding:0px; width:32px; height:28px; line-height:28px; }
	
	input[type="submit"] { padding:4px 17px; color:#585858; ff; text-transform:uppercase; border:none; font-size:20px; background:url(../images/gradient.png) bottom repeat-x; cursor:pointer; margin-top:10px; float:left; overflow:visible; transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; }
	
	#searchform input[type="submit"]:hover { background-color:#333232; }
	.style_1 #searchform input[type='submit'] { background-color:#25ade4; }
	
/*搜索框样式结束*/

.top-link { width:90px;height:30px; float:right;margin-top:5px;}
.top-link ul li{ float:left}

.top-link ul li a span {
  background: url(../images/ftr-sprit.png)no-repeat;
  width: 32px;
  height: 32px;
  display: inline-block;
  margin: 0em 0.5em 0em 0em;
}
.top-link ul li a span.fa {
  background-position: 0px 0px;
}
.top-link ul li a span.tw {
  background-position: -34px 0px;
}

.top-link ul li a span.fa:hover{
  background-position:0px -34px;
}
.top-link ul li a span.tw:hover {
  background-position: -34px -34px;
}

#mobanwang_com {
	height:37px;
	font-size:1.3em;
	text-align:center;
	float:right;
	position: absolute;
    right: 0px;
    bottom: 0px;
}
#mobanwang_com a {
	font-size:14px;
	color:#cacaca
}
#mobanwang_com li ul {
	display:none;
}
#mobanwang_com li ul li {
	float:none;
}
*html #mobanwang_com li ul li {
	display:inline;
}
#mobanwang_com li ul a {
	float:none;
	height:32px;
	line-height:32px;
	padding:0 10px;
	text-transform:capitalize;
	background:url('../images/nav-bj.png');
}
#mobanwang_com li ul a:hover {
	background:#0067b4;

}
#mobanwang_com .height-auto {
	line-height:15px;
	padding:5px 10px;
}
.second-menu, .third-menu, .fourth-menu {
	position:absolute;
}
.first-menu li {
	float:left;
	position:relative;
}
.first-menu a {
	float:left;
	display:block;
	padding:0 20px;
	height:37px;
	line-height:30px;
	font-size:.7em;
}
.first-menu a:hover {
	background:#0067b4;
	text-decoration:none;

}
.second-menu {
	top:37px;
	right:0;
}
*html .second-menu {
	right:-1px;
}
.second-menu a {
	font-size:11px;
}

.third-menu, .fourth-menu {
	width:177px;
	top:0;
	left:177px;
}
.third-menu a {
	background:#4c4c4c;
	font-weight:normal;
	border-top:1px solid #595959;
	border-left:1px solid #595959;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
}
#subMgm {
	width:177px;
}
#subMgm .third-menu {
	left:177px;
}
#subMgm .fourth-menu {
	left:177px;
}
#subMusic, #subNews {
	width:177px;
}

/*banner*/
.bannerBox{ position:relative;}


/*关于我们*/
.about{ width:100%; overflow:hidden;margin-top:50px; clear:both;}
.LI li{ float:left; margin-right:5px;}
.LI{ float:left; margin-right:18px;}
.AZ{ float:left;}
.AZ h1{ font-size:18px; font-weight:bold; color:#2e2e2e; margin-top:20px;}
.AZ p{ width:446px; line-height:24px; margin-top:38px; color:#2d3f43;}
.AB{ width:80px; height:20px; text-align:center; margin-top:48px;}
.AB a{ text-decoration:none; text-align:center; line-height:20px; color:#fff;background:#e70012; width:80px; height:20px; display:block;}
.AB a:hover{ background:#b8870d;}


/*产品列表*/
.PL{ width:100%; height:33px; background:url(../images/linebg_03.png); margin-top:50px;}
.PL h1{ font-size:18px; font-weight:bold; color:#2d3f43; margin-top:2px; margin-left:22px;}
.list_p{ margin-top:16px; float:left;}
.list_p .IMG{ display:block; width:100px; height:50px; border-radius:4px; float:left;}
.IMGA{ background:#222e43;}
.list_p .IMG img{  display:block;margin:0 auto;}
.list_p a{ float:left; text-decoration:none; line-height:50px; font-size:14px; font-weight:bold; text-align:center; width:80px; color:#444444;}
.list_p a:hover{color:#e70012;}
.list_p li{ display:block; width:180px; height:50px; margin-top:4px;}

.right_p{ width:780px; float:left; overflow:hidden;margin-top:26px; margin-left:60px;}
#demo1{}
#demo1 h1 a{ color:#2d3f43;
	text-decoration:none;
	font-size:14px; font-weight:bold;text-align:left;}
#demo1 h1{ text-align:left;}	
#demo1 span{ display:block; width:100px; height:24px; background:#e70012; margin-top:30px;text-align:center;}
#demo1 span:hover{ background:#b8870d;}
#demo1 span a{ text-decoration:none; text-align:center; color:#fff; line-height:24px;}
#demo1 p{ color:#939393;  width:230px; display:block;margin-right:30px; line-height:30px;}
#demo1 img{text-decoration:none;
  border:#d79424 solid 1px; width:240px; height:164px; margin-bottom:10px;margin-right:30px;}
#demo1 td{ background:none;}



/*产品滚动*/
.GG{ width:100%;  border:none;}
#demo{overflow:hidden;width:1024px; padding-top:23px; margin:0 auto;}
#demo h1 a{ color:#2d3f43;
	text-decoration:none;
	font-size:14px; font-weight:bold;text-align:left;}
#demo h1{ text-align:left;}	
#demo span{ display:block; width:100px; height:24px; background:#e70012;text-align:center; margin-top:30px;}
#demo span:hover{ background:#b8870d;}
#demo span a{ text-decoration:none; text-align:left; color:#fff; line-height:24px;}
#demo p{ color:#939393; text-align:left; width:230px; display:block;margin-right:30px; line-height:30px;}
#demo img{text-decoration:none;
  border:#d79424 solid 1px; width:240px; height:164px; margin-bottom:10px;margin-right:30px;}
#demo td{ background:none;}


/*新闻*/
.news{ margin-top:50px; width:1024px; margin:0 auto;}
.NBG{ width:100%; background:url(../images/newbg_02.png); height:166px; margin-top:20px;}

.n_r{ width:490px; overflow:hidden; float:left; padding-top:43px;}
.n_r img{ width:88px; height:86px; float:left;}
.n_l{ width:490px; overflow:hidden; float:left; padding-top:43px; margin-right:44px;}
.n_l img{ width:88px; height:86px; float:left;}
.new_p{ float:left; width:374px; overflow:hidden; border-bottom:#ccc solid 1px;  margin-left:27px;}
.new_p h1 a{ text-decoration:none;color:#e70012; font-size:16px; font-weight:bold;}
.new_p h1 a:hover{ color:#56514c;}
.new_p h1 { margin:0;}
.new_p p{ color:#868585; line-height:24px;width:374px; margin-top:18px;}


#footer h1{float:left; margin:0;}
#footer h1 img{ display:block; margin:0;}
#footer h2{ float:right; line-height:50px;}
/*内页*/

/*换页*/
.pageController{margin-left:30px; padding-right:15px; padding-bottom:5px;color:#505050;float:left;
line-height:24px; font-family:Arial, Helvetica, sans-serif;}
.pageController a{vertical-align:middle; border:#efefef 1px solid; color:#505050;padding:5px 8px; 
margin-right:3px;margin-left:3px; text-decoration: none}
.pageController a:hover{background-color:#0070c4;color:#fff; text-decoration:none;border:#efefef 1px solid;}
.pageController .currPage {background-color: #efefef;color:#ff0000;border:#efefef 1px solid;}
.pageController .t1{float:left;margin-right:5px;height:24px;line-height:22px;white-space:nowrap;}
.pageController .t2{float:right;vertical-align:middle;line-height:24px;}
.pageController .t2 #current{padding:0 5px;line-height:24px; float:left; line-height:26px;}
.pageController .t1 span{padding-left:4px;padding-right:4px;}
.pageController select{height:24px;vertical-align:middle;text-align:center;line-height:24px;}
.pageController select option{vertical-align:middle;}
.pageController li{ float:left;}
/*新闻*/




/*内页*/
.mainlip{ margin-bottom:20px;}
.inbody{  background:url(../images/inbodybg_3.png) ;  padding-top:39px; background-repeat:no-repeat;background-color:#000}
.inbody1{  background:url(../images/inbodybg.png);  padding-top:39px; background-repeat:no-repeat;background-pcolor:#000}
.inbody2{  background:url(../images/contactbg.png);  padding-top:39px; background-repeat:no-repeat;background-color:#000}
#headerIN{ width:100%;}

#footer1{ width:100%;height:50px; position:absolute; bottom:1%;}
#footer1 h2{ line-height:50px; color:#ccc; }
#footer1 h2 a{color:#F1F1F1; }



/* by chs*/
.inbody,.inbody1,.inbody2{ background-repeat:repeat-x;}

/*内容*/








.BP{ width:760px; overflow:hidden; margin-left:80px; float:left;}
/*新闻内容*/
.AP{  overflow:hidden;}

.AP h1{ width:100%; display:block; font-size:18px; color:#585757; font-weight:bold; text-align:center; height:48px; line-height:48px;  margin-bottom:4px;}
.title_bar{  margin-top:5px; margin-bottom:20px; float:left;}
.AAP{ clear:both;}
.share{ float:left;}
.ap{ clear:both;}
.newsPage{ margin-top:50px;}
.newsPage1{ margin-top:220px;}
.newsPage1 li{ float:left; margin-right:30px;}
/*内页产品列表*/
#pro_serch{margin-bottom:70px;}

.product_list{ margin-top:40px;}
.product_list .product_sub{ height:36px; border-bottom:#e0e0e0 solid 1px; 

position:relative;}
.product_list .product_sub dd{ display:block; float:left; text-align:center; text-

decoration:none; color:#757474; width:145px; padding-right:1px; background:url

(../images/2_08.jpg) right 4px no-repeat; height:30px; font-size:18px; 

cursor:pointer;}
.product_list .product_sub .pro_subico{ width:145px; height:10px; 

position:absolute; bottom:-5px; left:35px;}
.product_list .product_sub dd:hover{ color:#000;}
.product_list .product_sub .on{ color:#000;}

.ul_pro1{ margin-top:40px}
.ul_pro1 li{ width:322px; border:#dbdbdb solid 1px; float:left; margin-bottom:15px; margin-right:15px;}


/*内页产品内容*/
.pLine h4{ font-size:16px; margin-bottom:20px; margin-left:4px;}
.p_right{ margin-left:20px; float:left; }
.pText h3{ font-size:16px; margin-bottom:12px;}

.inquiry a{
	margin-top:30px;
	background: #3F3D3D;
	border: 1px solid #EFEFEF;
	padding: 10px;
	width: 100px;
	font-size: 16px;
	color: #fff;
	font-weight: 200;
	letter-spacing: 1px;
	text-align:center;
	outline: none;
	float:left;
}

.inquiry a:hover{
  text-decoration:none;
  border: 1px solid #060606;
  color: #060606;
  background: none;
 } 
  
.productBox{ width:100%
		overflow:hidden;
		margin:0 auto;
		}
.product_detail{padding:5px; float:left; margin-bottom:10px;}
.product_detail h1.title{text-align:center;line-height:30px;font-size:14px;font-family:"Microsoft YaHei";border-bottom:1px solid #e0e1dc;margin-bottom:15px;padding-bottom:5px;}
.product_detail .img{width:480px;height:320px;float:left;padding:2px;border:1px solid #e0e1dc; }
.product_detail .small{width:478px;height:318px;}

.XH h1
{color: #494e51;
font-size: 24px;
font-weight: bold; line-height:24px; margin:0;}
.XH{ margin-left:60px; float:left;}

.XH h2{ font-size:14px; line-height:24px; margin-top:10px;}




.MMP{ clear:both; width:100%; }
.MD{ width:100%; height:38px; border-bottom:#4991f0 solid 2px;margin-top:20px;}
.MD h1{ font-size:12px; font-weight:bold; display:block; width:170px; line-height:38px; text-align:center;background:#4991f0; color:#fff;}



.ul_pro1 li .div4{ padding-top:20px; padding-bottom:20px;

background:#fff; padding-left:18px; cursor:pointer;}
.ul_pro1 li .div4 div{ background:url(../images/2_10.jpg) bottom no-repeat; 

height:27px; width:85px;  -webkit-transition: all .3s; -moz-transition: all .3s; 

transition: all .3s;}
.ul_pro1 .li{ margin-right:0px;}
.ul_pro1 li:hover{ border:#4991f0 solid 1px;  }

.ul_pro1 li:hover .div4 div{ background:url(../images/2_10.jpg) top no-repeat; 

text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; 

transition: all .3s;}
.IM img{ width:320px; height:253px; margin:0 auto;}
.HH h1{
height: 16px;
line-height: 16px;
font-size: 14px;
font-weight: bold;
color: #494e51;}
.HH h2{ }
.HH{ width:100%; border-top:#dbdbdb solid 1px; padding-left:20px; margin-top:10px;}
/*留言*/
.contact-form h4 {
	color: #7B7B7B;
	font-size: 22px;
	font-weight: 500;
	font-family:"微软雅黑";
	letter-spacing: 1px;
	padding:20px 0 20px 0;
}
#code{
  	margin-top: 20px;
}
.map iframe {
  	width: 100%;
  	height: 340px;
}
.contact-infom p {
  	color: #858d94;
  	margin: 0 0 1.5em 0;
  	text-align: left;
  	font-size: 14px;
  	letter-spacing: 1px;
  	line-height: 1.8em;
}
.address {
  	margin-top: 5em;
}
.address-left{
	float:left;
	width:50%;
}
.address p {
	color: #858d94;
	margin: 0 0 .5em 0;
	text-align: left;
	font-size: 14px;
	letter-spacing: 1px;
}
.address a {
	color: #b33f8a;
	margin: 0 0 .5em 0;
	text-align: left;
	font-size: 14px;
	letter-spacing: 1px;
	transition: .5s all;
}
.address a:hover {
  	color:#858d94;
  	text-decoration: none;
}
.contact-form {
	margin-left:20px;

}
.contact-form input[type="text"] {
	display: inline-block;
	
	border: 1px solid #fff;
	width: 35%;
	margin: 0 0 1.5em 0;
	outline: none;
	font-size: 16px;
	color: #3F3D3D;
	font-weight: 500;
	padding: 10px 15px 10px 15px;
}

.contact-form input[type="title"] {
	display: inline-block;
	border: 1px solid #fff;
	width: 85%;
	margin: 0 0 1.5em 0;
	outline: none;
	font-size: 16px;
	color: #3F3D3D;
	font-weight: 500;
	padding: 10px 15px 10px 15px;
}

.contact-form input[type="email"] {
	display: inline-block;
	
	border: 1px solid #fff;
	width: 40%;
	margin: 0 0 1.5em 2em;
	outline: none;
	font-size: 16px;
	color: #3F3D3D;
	font-weight: 500;
	padding: 10px 15px 10px 15px;
}

.contact-form input[type="qq"] {
	display: inline-block;
	border: 1px solid #fff;
	width: 40%;
	margin: 0 0 1.5em 2em;
	outline: none;
	font-size: 16px;
	color: #3F3D3D;
	font-weight: 500;
	padding: 10px 15px 10px 15px;
}

.contact-form input[type="code"] {
	display: inline-block;
	
	border: 1px solid #fff;
	width:150px;
	margin: 0 0 1.5em 0;
	outline: none;
	font-size: 16px;
	color: #3F3D3D;
	font-weight: 500;
	padding: 10px 15px 10px 15px;
}

.contact-form textarea {
	
	border: 1px solid #fff;
	width: 84%;
	display: block;
	height: 150px;
	outline: none;
	font-size: 16px;
	color: #3F3D3D;
	font-weight: 500;
	resize: none;
	padding: 10px 15px 10px 15px;
}
.contact-form input[type="submit"]{
	background: #3F3D3D;
	border: 1px solid #EFEFEF;
	padding: .6em 0;
	width: 14%;
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	letter-spacing: 1px;
	outline: none;
	transition: .5s all;
	float:left;
}
.contact-form input[type="submit"]:hover{
  color: #060606;
  background: none;
}
/*新闻列表*/
.LP{ width:980px; overflow:hidden; margin:0 auto; margin-top:30px; min-height:450px;}.lf{ float:left;}
.rg{ float:left; margin-left:10px;}  


/*text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 背景滚动*/
/* 公用样式 */

/* 公用样式 End */




.ul_news li{ height:122px; background:url(../images/4_04.jpg) 7px top repeat-y;margin: 0px;
padding: 0px;
list-style-type: none;}
.ul_news li .div1{ width:16px; height:122px; background:url(../images/4_02.png) left top no-repeat;  -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.ul_news li .div2{ margin-left:33px;  margin-right:10px;width:80px; color:#494e51; padding-top:15px; font-size:14px;  -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;}
.ul_news li .div3{ width:800px;}
.ul_news li .div3 .p1{ color:#4a4646; font-size:16px;   -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;}
.ul_news li .div3 .p2{ color:#757474; margin-top:8px;  -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;} 
.ul_news li:hover .div1{ background:url(../images/4_02.png) left -122px no-repeat; text-decoration:none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.ul_news li:hover .div2{ color:#0070d6; -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;}
.ul_news li:hover .div3 .p1{ color:#0070d6; -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear;}
.ul_news li:hover .div3 .p2{ color:#0070d6; -webkit-transition: none; -moz-transition: none; transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -moz-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -webkit-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; -o-transition: color 0.5s linear, background-color 0.5s linear, background-image 0.5s linear; width}
.lf{ float:left;}



/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}