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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,button{margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-size: 100%; vertical-align:baseline;background: none repeat scroll 0% 0% transparent;}
ol,ul,li{list-style:none;}


body{font-size:14px;   font-family:"Microsoft YaHei","微软雅黑","宋体";
	min-width:1200px;
 }
input{font-family:Arial,"Microsoft YaHei","微软雅黑","宋体";}
textarea{font-family:Arial,"Microsoft YaHei","微软雅黑","宋体";}
.clear{clear:both; height:0px; margin:0; padding:0; width:0; border:none; overflow:hidden;}

body, div, p,img,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote {
	padding:0px;
	margin:0px;
}
.FontRed{
	color:#FF0000;}
h3{
	font-size:14px;}

li{
	list-style-type:none;}

img{border:0; 
	}
.gray{
	color:#666666;}
a{color:#333333;text-decoration:none;}
a:hover {text-decoration:underline;color:#bc0000;}
a:active{text-decoration:underline;}

.LineLink a{text-decoration:underline;}
.LineLink a:hover {text-decoration:none;color:#bc0000;}

.ColorLink a {color:#bc0000;}
.ColorLink a:hover {color:#bc0000;}

.WidthTab{
	width:10px;
	height:1px;
	float:left;}
.WidthTab2{
	width:20px;
	height:1px;
	float:left;}	
.HeightTab{
	height:10px;
	width:1px;
	overflow:hidden;}

.HeightTab2{
	height:20px;
	width:1px;
	overflow:hidden;}

p{
	line-height:180%;}

.ListDate{
	color:#666666;
	 }
body{
	min-width:1240px;
	}

.floatL{float:left}
.floatR{float:right}
.alignL{text-align: left;}
.alignR{text-align: right;}


.doc{
	width:100%;
	height:30px;
	color:#757776;
	font-size:12px;
	background:#262626;
	}
.welcome{
	float:left;
	line-height:30px;
	color:#757776;}
.tem_top_nav{
	float:right;
	line-height:30px;
	color:#757776;}	
.tem_top_nav li{
	line-height:30px;}
.tem_top_nav a{
	color:#757776;}
.hd{
	width:1240px;
	margin:auto;}


 #head{
	width:100%;
	}

 #head .top{
	width:100%;
	font-size:12px;
	 background:url(banner_img.jpg) no-repeat center bottom;
	}	
	
 #head .top .TopLogo{
	margin:auto;
	width:1240px;
	padding-top:0px;
	height:260px;
	}
 #head .top .TopLogo .logo{
	float:left;
	padding-top:50px;
	}
 #head .top .TopLogo .LogoTxt{
	 height:58px;
	 color:#666;
	 float:left;
	 font-size:16px;
	 padding-left:40px;
	 }

 #head .top .TopLogo .SearchTop{
	 float:right;
	 padding-top:100px;
	 padding-right:20px;}	
 #head .top .TopLogo .SearchTop p{
	 line-height:30px;
	 color:#666;}
 #head .top .TopLogo .SearchTop p a{
	 padding:0px 5px;
	 color:#666;}
 #head .top .TopLogo .TopWea{
	float:left;
	padding-left:0px;
	padding-top:60px;
	color:#FFF;}
	 	
 #head .top .TopLogo .tel{
	float:left;
	 background:url(tel.gif) no-repeat 100px 15px;
	height:62px;
	padding-top:5px;
	padding-right:100px;} 
	
 #head .top .TopLogo .tel .telW{
	padding-left:155px;
	padding-top:0px;
	color:#666;
	font-size:14px;
	letter-spacing:10px;
	}	
 #head .top .TopLogo .tel .telN{
	padding-top:0px;
	padding-left:155px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:24px;
	color:#bc0000;
	font-weight:normal;
	line-height:100%;}

/* navs*/
 #NavLink{
	width:100%;
	height:60px;
	margin:auto;
	z-index:100;
	background:#bc0000;
	border-top:1px solid #a70505;
	}
 #NavLink #NavBG{
	height:60px;
	width:1240px;
	z-index:100;
	margin:auto;
	padding:0px 0px;}	

 #NavLink #NavSearch{
	 float:right;
	 width:222px;
	 }
		
 #NavLink #sddm{
	position:absolute;
	width:1240px;
	margin:auto;
	z-index:30}

 #NavLink #sddm li{
	float: left;
	font-weight:normal;
	width: 12.5%;
	}
 #NavLink #sddm .CurrentLi a{
/*	 background:#bc0000;*/
	color:#FFF;
	border-left:none;
	font-weight:bold;
	}
 #NavLink #sddm .NavIcon1 a{
	 background:url("up_images/Nav_icon3.png") no-repeat 20px center;
	}
 #NavLink #sddm .NavIcon2 a{
	 background:url("up_images/Nav_icon1.png") no-repeat 20px center;
	}	
 #NavLink #sddm .NavIcon3 a{
	 background:url("up_images/Nav_icon6.png") no-repeat 20px center;
	}	
 #NavLink #sddm .NavIcon4 a{
	 background:url("up_images/Nav_icon4.png") no-repeat 20px center;
	}	
 #NavLink #sddm .NavIcon5 a{
	 background:url("up_images/Nav_icon5.png") no-repeat 20px center;
	}	
 #NavLink #sddm .NavIcon6 a{
	 background:url("up_images/Nav_icon2.png") no-repeat 20px center;
	}	
 #NavLink #sddm .NavIcon7 a{
	 background:url("up_images/Nav_icon7.png") no-repeat 20px center;
	}	
 #NavLink #sddm .NavIcon8 a{
	 background:url("up_images/Nav_icon8.png") no-repeat 20px center;
	}		
 #NavLink #sddm li a{
/*	 background:url(123.jpg) no-repeat 0px center;*/
	display: block; position: relative; font-size: 20px; color: #FFF; line-height: 60px; height: 60px; overflow: hidden; width: 100%; text-align:center;font-weight:bold;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari 和 Chrome */
	border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
	}



 #NavLink #sddm li a:Hover{
	 text-decoration:none;
	 color:#FFF;}
 #NavLink #sddm li > a abbr { position: absolute; top: -60px; background: #a70505;color:#FFF; width: 100%; display: block; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
 #NavLink #sddm li > a span { position: relative; top: 0; display: block; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
 #NavLink #sddm li.cur > a abbr,  #NavLink #sddm li:hover > a abbr { top: 0; }
 #NavLink #sddm li.cur > a span,  #NavLink #sddm li:hover > a span { top: 72px; }


 #NavLink #sddm div
{	position: absolute;
	visibility: hidden;
	padding:0px 0px;
	top:60px;
	}
 #NavLink #sddm .CurrentLi div a{
		background:none;
		background:#bc0000;
		font-weight:normal;
	 }
 #NavLink #sddm div a
	{border:None;
	position: relative;
		padding: 0px 0px;
		width:155px;
		text-align: center;
		background:none;
		background:#bc0000;
		color: #FFFFFF;
		font-size:14px;
		font-weight:normal;
		text-decoration:none;
		line-height:42px;
		height:42px;
		border-top:1px solid #a70505;
		
	-moz-border-radius: 0px; /* Firefox */
	-webkit-border-radius: 0px; /* Safari 和 Chrome */
	border-radius: 0px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
		}
 #NavLink #sddm .NavIcon1 div a, #NavLink #sddm .NavIcon2 div a, #NavLink #sddm .NavIcon3 div a, #NavLink #sddm .NavIcon4 div a, #NavLink #sddm .NavIcon5 div a, #NavLink #sddm .NavIcon6 div a, #NavLink #sddm .NavIcon7 div a, #NavLink #sddm .NavIcon8 div a{
		background:#bc0000;
		}

 #NavLink #sddm div a:hover{
	background:#a70505;
	color:#fff;
	font-weight:bold;
	-moz-border-radius: 0px; /* Firefox */
	-webkit-border-radius: 0px; /* Safari 和 Chrome */
	border-radius: 0px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
	}
#NavInfoBG{
	background:url(NavInfo_bgx.png) repeat-x 0px 0px;
	height:31px;
	width:100%;
	margin:auto;}

#NavInfo{
	width:1240px;
	margin:auto;
	line-height:31px;
	font-size:12px;
	color:#333;}
.NavInfoLeft{
	float:left;
	padding-left:10px;
	height:31px;
	overflow:Hidden;}
.NavInfoRight{
	float:right;
	padding-right:10px;
	}

.NavInfoLeft  ul{}
/*系统支持ie8就选line-height:16px;，但不支持opera 否则选line-height:20px;*/
.NavInfoLeft  ul li a{font-size:12px; line-height:31px;
}
.NavInfoLeft  ul li span{
	color:#999;
	font-size:12px;
	padding-left:10px;}
.NavInfoLeft .ScrollTitle{
	width:80px;
	float:left;
	line-height:31px;
	padding-left:30px;
	color:#333;
	font-size:12px;
	font-weight:bold;
	background:url("Voice_icon.png") no-repeat 10px center;
	}
.NavInfoLeft .ScrollTitle a{
	color:#333}	
.NavInfoLeft #marqueebox{
	width:600px;
	float:left;}	



#body{
	width:1240px;
	margin:auto;
	min-height:800px;
	}
#body .BodyInner{
	
	}

  .albumblock2{
	float:left;
	width:185px;
	height:200px;
	padding:10px 7px 20px 23px;
	}
  .albumblock3{
	padding:4px 0px 10px 0px;
	}
  .albumblock2 a:hover{
	  text-decoration:none;}


  .boxgrid h3{  font-weight: bold; color:#FFF;padding:0px 10px;text-align:center;font-size:14px;width:163px;}
  .boxgrid h3 a{
	color:#FFFFFF;text-align:center;}


 .boxgrid{ 
				width: 183px; 
				height: 198px; 
				border: solid 1px #EFEFEF; 
				overflow: hidden; 
				position: relative; 
			}
 .boxgrid img{ 
					position: absolute; 
					top: 10px; 
					left: 10px; 
					border: 0; 
					width:165px;
					height:165px;
					
				}
 .boxgrid a{
	 text-align:center;}
 .boxgrid p{
	position:absolute;
	bottom:0px;
	text-align:center;
	width:185px;
	}
									
 .boxgrid .cover{
	position:relative;
	top:200px;
	height:200px;
	width: 183px; 
	}			
 .boxcaption{ 
				position: absolute; 
				background: url(album_bg.png) repeat 0px 0px;
				height:200px;
				width: 183px; 
/*				opacity: .7; 
				 
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
				 
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; */
				color:#FFF;
 			}
 .captionfull .boxcaption {
 					top: 200;
 					left: 0;
 				}
 .caption .boxcaption {
 					top: 200;
 					left: 0;
 				}
 .caption .boxcaption a{
	color:#FFF;
	}
 .caption .boxcaption .Des{
	line-height:200%;
	padding:10px 10px;
	width:163px;}
 .caption .boxcaption .Des a{
	 color:#CCC;}

/* SearchBar */

.SearchBar {
	width:375px;
	height:48px;
	opacity: 0.75;
	background:url("search_bg.png") no-repeat left top;
	border:1px solid #DEDEDE;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari 和 Chrome */
	border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */	}

.Sbox .SearchBar{
	margin:10px 0px 0px 10px;}

.SearchBar #search-text {
	width: 290px;
	padding:0px 5px;
 	margin:0px;
	color:#999;
	height:46px;
	line-height:46px;
	font-size:16px;
	background:none;
	border:none;
	padding-left:15px;}

.SearchBar #search-submit {
	border:none;
	background:none;
	font-size:12px;
	color: #FFFFFF;
	height:48px;
	margin:0px;	
	cursor:pointer;
	padding:0px;
	line-height:48px;
	width:65px;
}

#dark_footer .box_240px_left {
	width:150px;
	padding-left: 20px;
	padding-top: 0px;
	background-image: none;
	padding-bottom:0px;
	float:left;
}
#dark_footer .box_240px_left h2{
	font-size:16px;
	color:#FFF;
	padding-bottom:10px;
	font-weight:normal;
	text-align:left;}
#dark_footer .box_240px_left h2 a{
	color:#F5F5F5;}
#dark_footer .box_240px_left li{
	line-height:280%;
	font-size:14px;}
#dark_footer .box_240px_middle {
	padding: 0px 42px;
	background-image: none;
}
#dark_footer .box_240px_right {
	width:200px;
	padding-left: 50px;
	padding-right:0px;
	background-image: none;
	float:left;
	border-right:1px solid #aa0202;
	min-height:200px;
	color:#ccc;
}

#dark_footer_wrap {
	overflow: hidden;
	padding:10px 0px 0px 0px;
	background:#bc0000;
	border-top:1px solid #E5E5E5;
}
#dark_footer {
	width: 1240px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}
#light_footer_wrapper {
	font-size:12px;
 
	
}
.box_240px_right li {
	display: inline;
}
#dark_footer li a{
	color:#FFF;}
#dark_footer li a:hover{
	color:#E5E5E5;}

/* Footer */
.footer {
    border-top: 2px solid #BC0000;
    background-color: #fff;
}
.left {
    float: left;
}
.footer {
    width: 100%;
    /* min-width: 1280px; */
    margin-top: 25px;
}

/* 👇 */

.footer-nav-wrap {
    width: 1240px;
    border-bottom: 2px solid #f5f5f5;
	margin:auto;
}
.footer-nav-inner {
    margin: 20px 0px;
}
.footer-nav-itembox {
    width: 140px;
    overflow: hidden;
    padding-right: 12px;
    font-size: 14px;
}
.footer-nav-itembox>p {
    font-weight: 700;
    padding-bottom: 5px;
    border-bottom: 1px solid #f5f5f5;
}
.footer-nav-itembox>ul>li {
    line-height: 30px;
}
.footer-nav-itembox>ul>li>a {
    color: #757575;
    font-size: 13px;
}
.footer-nav-itembox>ul>li>a:hover {
    color: #333;
}

.foot{ width:100%; padding:20px 0px;
		background:#bc0000;
}
.foot_text{ width:1240px; margin:auto;line-height:30px; color:#FFF;text-align:left;}
.foot_text p{ font-size:14px; color:#FFF;line-height:30px; }
.foot_text p a{color:#FFF;}
.foot .BotLeft{
	float:left;}
.foot .BotPic{
	text-align:center;
	width:284px;
	float:right;
	}
.foot .BotPic a{
	display:block;
	float:left;
	width:120px;
	height:80px;
	margin:10px 10px;
	line-height:80px;
    text-align:center;
   }
.foot .BotPic img{
	width:110px;
	height:80px;
	}





/*service*/
.qqbox a:link {
	color: #000;
	text-decoration: none;
}
.qqbox a:visited {
	color: #000;
	text-decoration: none;
}
.qqbox a:hover {
	color: #f80000;
	text-decoration: underline;
}
.qqbox a:active {
	color: #f80000;
	text-decoration: underline;
}
.qqbox {
	width:132px;
	height:auto;
	overflow:hidden;
	position:absolute;
	right:0;
	top:200px;
	color:#000000;
	font-size:12px;
	letter-spacing:0px;
	z-index:500;
}
.qqlv {
	width:33px;
	height:256px;
	overflow:hidden;
	position:relative;
	float:right;
	z-index:50px;
}
.qqkf {
	width:120px;
	height:auto;
	overflow:hidden;
	right:0;
	top:0;
	z-index:99px;
	border:6px solid #cc0000;
	background:#fff;
}
.qqkfbt {
	width:118px;
	height:20px;
	overflow:hidden;
	background:#cc0000;
	line-height:20px;
	font-weight:bold;
	color:#fff;
	position:relative;
	border:1px solid #fff;
	cursor:pointer;
	text-align:center;
}
.qqkfhm {
	width:112px;
	height:22px;
	overflow:hidden;
	line-height:22px;
	padding-right:8px;
	position:relative;
	margin:3px 0;
}
.bgdh {
	width:102px;
	padding-left:10px;
}
#K1 {
	padding-left:3px;
}
#K1 p{
	padding:5px 0px;}	




/*PetTop css*/
.PetTop{position:fixed; right:0; margin-right:10px; bottom:20px; padding-bottom:20px;   z-index:999; }
.PetTop .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.PetTop .btn-qq{background:url(r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.PetTop .btn-qq:hover{background-color:#488bc7;}
.PetTop a.btn-qq,.PetTop a.btn-qq:visited{background:url(r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.PetTop .btn-wx{background:url(r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.PetTop .btn-wx:hover{background-color:#58a81c;}
.PetTop .btn-wx .pic{position:absolute; left:-160px; top:-74px; display:none;width:160px;height:160px;}
.PetTop .btn-phone{background:url(r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.PetTop .btn-phone:hover{background-color:#ff811b;}
.PetTop .btn-phone .phone{position:absolute; left:-160px; top:-74px; display:none;width:160px;height:160px;}
.PetTop .btn-top{background:url(r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.PetTop .btn-top:hover{background-color:#444;}

.BotBar {
	width:100%;
	height:40px;
	background:url(bot_bgx.png) 0px 0px repeat;
	position:fixed;
	z-index:100;
	bottom:0;
	padding:10px 0px;}
.BotBar a{
	display:block;
	width:100px;
	border-radius:20px;
	background:#FFF;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	margin:auto;
	line-height:40px;
	padding:0px 20px;
	color:#940000;}
.BotBar a:hover{
	color:#000;
	background:#FBB01F;
	text-decoration:none;}


/* clearfix */
.clearfix:after{
	content:" ";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}
.clearfix {
	clear:both;
}
.clearbox {
	clear:both; 
	width:996px; 
	margin:0 auto; 
	height:0; 
	overflow:hidden;}
.clear { 
	height:1%; 
	overflow:hidden; }