@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,button{
margin:0;padding:0;border:0px none;  font-size: 100%; vertical-align:baseline;background: none repeat scroll 0% 0% transparent;text-decoration:none; font-style:normal; outline:none;}
ol,ul,li{list-style:none;}


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

body, div, p,s,img,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea,em, blockquote {
margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;}
.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:noneline;color:#1672a9;}
a:active{text-decoration:noneline;}
.LineLink a{text-decoration:none;}
.LineLink a:hover {text-decoration:none;color:#1672a9;}

.ColorLink a {color:#1672a9;}
.ColorLink a:hover {color:#1672a9;}

.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:100px;
	color:#383838;
	border-top: 5px solid #0c7fc3;
	
	font-size:16px;
	}
.welcome{
	float:left;
	line-height:0px;
	color:#383838;}
.tem_top_nav{
	float:right;
	line-height:48px;
	color:#383838;}	
.tem_top_nav li{
	line-height:48px;}

.hd{
	width:1240px;
	margin:auto;}


 #head{width:100%;background:url("/images/top_bg.jpg") repeat-x center 0px;	}

 #head .top{width:100%;font-size:12px;}	
	
 #head .top .TopLogo{margin:auto;width:1240px;padding-top:0px;height:100px;}
 #head .top .TopLogo .logo{float:left;padding-top:10px;}
 #head .top .TopLogo .LogoTxt{height:58px;color:#666;float:left;font-size:16px;padding-left:40px;}

 #head .top .TopLogo .SearchTop{
	 float:right;
	 padding-top:20px;
	 padding-left:0px;}	
 #head .top .TopLogo .SearchTop p{
	 line-height:30px;
	 color:#666;}
 #head .top .TopLogo .SearchTop p a{
	 padding:0px 5px;
	 color:#666;}

	 	
 #head .top .TopLogo .tel{
	float:left;
	 background:url(/images/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:#1672a9;
	font-weight:normal;
	line-height:100%;}

/* navs*/
 #NavLink{
	width:100%;
	height:60px;
	margin:auto;
	z-index:100;
	background:#0C7FC3;
	}
 #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;
	}
 #NavLink #sddm .CurrentLi a{
	 background:#1672a9;
	color:#FFF;
	border-left:none;
	}
	
 #NavLink #sddm li a{
/*	 background:url(/images/123.jpg) no-repeat 0px center;*/
	display: block; position: relative; font-size: 20px; color: #FFF; line-height: 60px; height: 60px; overflow: hidden;width:135px;text-align:center;}
 #NavLink #sddm li a:Hover{
	 text-decoration:none;
	 color:#FFF;}
 #NavLink #sddm li > a abbr { position: absolute; top: -60px; background: #1672a9;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:#1672a9;
	 }
 #NavLink #sddm div a
	{border:None;
	position: relative;
		padding: 0px 0px;
		width:135px;
		text-align: center;
		color: #FFF;
		font-size:14px;
		font-weight:normal;
		text-decoration:none;
		line-height:42px;
		height:42px;
		border-top:1px solid #87b5d3;
		background-color:#186b9c; 
		}

 #NavLink #sddm div a:hover{
	background-color:#186b9c;
	
	color:#fff;
	font-weight:bold;
	}
#NavInfoBG{
	background:url(/images/NavInfo_bgx.png) repeat-x 0px 0px;
	height:31px;
	width:100%;}

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

.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("/images/Voice_icon.png") no-repeat 10px center;
	}
.NavInfoLeft .ScrollTitle a{
	color:#333}	
.NavInfoLeft #marqueebox{
	width:600px;
	float:left;}	



#body{
	
	}
#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(/images/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:342px;
	height:41px;
	background:url("/images/search_bg.png") no-repeat left top;
}

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

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

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

#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:#1672a9;
	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;}


.foot{ width:100%; padding:20px 0px;border-top: 5px solid #0c7fc3;}
.foot_text{ width:1240px; margin:auto;line-height:30px; color:#333;text-align:center;}
.foot_text p{ font-size:16px; color:#333;line-height:30px; }
.foot_text p a{color:#333;}
.foot .BotPic{
	text-align:center;
	width:284px;
	margin:auto;
	}
.foot .BotPic a{
	display:block;
	float:left;
	width:120px;
	height:0px;
	border:1px solid #DEDEDE;
	margin:10px 10px;
	line-height:80px;
    text-align:center;
   }
.foot .BotPic img{
	width:110px;
	height:0px;
	}





/*service*/
.qqbox a:link {
	color: #000;
	text-decoration: none;
}
.qqbox a:visited {
	color: #000;
	text-decoration: none;
}
.qqbox a:hover {
	color: #f80000;
	text-decoration: noneline;
}
.qqbox a:active {
	color: #f80000;
	text-decoration: noneline;
}
.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; background:url(/images/r_b.png) 0px bottom no-repeat; z-index:999; }
.PetTop .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.PetTop .btn-qq{background:url(/images/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(/images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.PetTop .btn-wx{background:url(/images/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(/images/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(/images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.PetTop .btn-top:hover{background-color:#444;}


/* 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; }

.fl8{ float:left;width:280px;}

a {outline: none;transition: color 0.3s ease-in-out 0s;transition: background 0.5s ease-in-out 0s;}/*quxuxian*/

.content_right_content_design8{width:280px; height:290px; overflow-x:hidden;}
.content_right_content_design_left8{width:280px; height:290px; margin-right:15px; position:relative; overflow-x:hidden;}
.huadong_body8 a{ width:280px; float:left; background-repeat:no-repeat; background-position:top; height:290px;}
.huadong_body8 a:hover{ background-position:bottom;}

.content_right_content_img{ margin-top:10px;}
.case_img img{ width:280px; float:left; margin-bottom:20px;}

.huadong_body a{ width:100%; float:left; background-repeat:no-repeat; background-position:top; height:100%;}
.huadong_body a:hover{ background-position:bottom;}


.top-link .btn.lang-btn div em{display:block;background:url(/images/history-icon2.gif) no-repeat center top;position:absolute;left:0;width:100%;height:6px;top:-6px;}
.history{ margin-top:60px}
.history .line{background:url(/images/line-icon.png) no-repeat 0 3px; height:25px;}
.history .line ul{ position:relative;top:5px}
.history .line ul li{ float:left; position:relative; margin:0 30px;cursor:pointer; color:#555; font-family:Tahoma, Geneva, sans-serif; width:58px; height:25px}
.history .line ul li em{ position:absolute; left:5px;top:-30px; height:30px; display:inline-block; font-weight:bold; font-size:20px;-webkit-transition: all .25s;transition:all .25s;}
.history .line ul li i{ display:block; background-color:#f7f5f4; position:absolute; left:50%; margin-left:-10px;top:-1px; width:20px; height:20px;-moz-border-radius: 12px; -webkit-border-radius: 12px;border-radius:12px;   -webkit-transition: all .25s;transition:all .25s; border:2px #777 solid}
.history .line ul li s{ display:block; width:10px; height:10px; background-color:#777;-moz-border-radius: 5px; -webkit-border-radius:5px;border-radius:5px;   -webkit-transition: all .25s;transition:all .25s; position:absolute; left:5px;top:5px}
.history .line ul li:hover{ color:#555}
.history .line ul li.current{ color:#005bac}
.history .line ul li.current em{}
.history .line ul li.current i{ border-color:#005bac}
.history .line ul li.current s{-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5); background-color:#005bac }
.history .list s{position:absolute; left:520px;top:-6px; display:block; background:url(/images/history-icon2.gif) no-repeat; width:12px; height:6px; display:none}
.history .list h2{ font-family:18px; color:#333;line-height:60px; margin-bottom:20px; text-align:center;background-color:#0087c1; color:#fff;}
.history .list{position:relative; margin-top:30px; background-color:#fff; padding:30px;border:1px #e6e6e6 solid; box-shadow:5px 5px 0px 0px rgba(0,0,0,0.03); }
.history .list ul li{font-size:14px; line-height:160%; margin-left:130px;background:url(/images/history-icon.gif) no-repeat 5px center; position:relative; padding:10px 0}
.history .list ul li label{ display:block;  color:#0087c1; font-size:14px; font-weight:bold; position:absolute;top:50%; margin-top:-11px; left:-150px; width:150px; text-align:right}
.history .list ul li p{ margin-left:50px; border:1px #dfdfdf solid; padding:15px 20px; background-color:#f7f5f4;-webkit-transition: background-color .25s,border .25s;transition:background-color .25s,border .25s; }
.history .list ul li p:hover{background-color:#0087c1; border-color:#0087c1; color:#fff}
.iconfont{font-family:"iconfont" !important; font-size:16px;font-style:normal;}
@font-face {
  font-family: 'iconfont';  /* project id 32791 */
  src: url('//at.alicdn.com/t/font_32791_d62il1t1cg.eot');
  src: url('//at.alicdn.com/t/font_32791_d62il1t1cg.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_32791_d62il1t1cg.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_32791_d62il1t1cg.woff') format('woff'),
  url('//at.alicdn.com/t/font_32791_d62il1t1cg.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_32791_d62il1t1cg.svg#iconfont') format('svg');
}

.clearit{clear:both; }
p.none{ background-color:#fff; padding:20px 0; color:#888; text-indent:2em}
p.none i{ font-size:24px; margin-right:10px;}

.top-link .btn.lang-btn div a:last-child{border:0}
.top-link .btn.lang-btn div a:hover{background-color:#f2f2f2}
.top-link .btn.lang-btn div em{display:block;background:url(/images/history-icon2.gif) no-repeat center top;position:absolute;left:0;width:100%;height:6px;top:-6px;}
.top-link .btn.lang-btn:hover div{visibility:visible;top:52px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.top-link .btn.search-btn{ overflow:inherit}
.top-link .btn.search-btn div{ display:block; width:160px;background-color:#fff;padding:15px;position:absolute;left:-150px;top:62px;border:1px #e2e2e2 solid;border-radius:3px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;visibility:hidden;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;box-shadow:0px 2px 6px 0px rgba(0,0,0,0.08); }
.top-link .btn.search-btn div em{display:block;background:url(/images/history-icon2.gif) no-repeat 165px top;position:absolute;left:0px;width:100%;height:6px;top:-6px;}
.top-link .btn.search-btn div ul{ background-color:#eee; position:relative;padding:1px;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.top-link .btn.search-btn div ul .input{ border:0; background-color:#fff;width:108px;height:16px;line-height:16px;padding:8px;}
.top-link .btn.search-btn div ul button{ border:0; background:url(/images/blank.gif); position:absolute;right:0px;top:0px;color:#ccc;width:36px;height:36px;}
.top-link .btn.search-btn div ul button i{line-height:36px;}
.top-link .btn.search-btn:hover div{visibility:visible;top:52px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.top-link div.btn span{ cursor:default}
.top-link div.btn i{ cursor:default}