/*@font-face{font-family:'KaufmannBTRegular';src:url('/KaufmannBTRegular.eot');}*/

img { border: 0; }
li { list-style-type:none; list-style:none;}
a{ text-decoration:none; color:#1a1a1a;}
a:hover{ color:#bc2921;}
body, div, ul, li ,DL,DD{ margin: 0; padding: 0; }

body,td,th,li {    
    font: 12px/20px "Microsoft Yahei";
	color: #1a1a1a;
	font-size: 12px;
	line-height:150%;
	
}
BODY {
    margin:0px auto;
	text-decoration:none;

	/*background:url(bg.jpg) #eaeaea top repeat-x;*/
	

	
}
.clear{ clear:both;}
.myclear{ clear:both; height:20px; }
.borderYinying{filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*ie*/
-moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
-webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
box-shadow:0px 0px 10px #909090;/*opera或ie9*/}
.border3{border:1px solid #ccc; border-top-width:0px;}
.borderYuan{　-moz-border-radius:15px; border-radius:15px;}
.border-yuan-5{-moz-border-radius:5px; border-radius:5px;}
.border-yuan-2{-moz-border-radius:2px; border-radius:2px;}
.ease{transition: all 0.3s ease;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.opacity{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}   



#Header { background:url(haedBg.png)  top repeat-x;}
#Body{overflow:hidden; width:100%; background:url(bodyBg.png) #fff top repeat-x;}
#Footer {width:100%; margin:10px auto 0px;  padding-top:15px; border-top:1px solid #ccc; background:#efefef; overflow:hidden; }
#Main {width: 1100px; margin:0px auto;  }

/*判断浏览器*/
.ie-version{font-size:14px;margin: 0 auto;text-align:center;color:#ff0000; background:#fdea4c; line-height:30px;}

.i-title2{ font-size:36px; line-height:50px; text-align:center; padding-top:40px;}
.i-title2 span{ font-size:18px; line-height:35px; display:block;color#666;}


#Main .i-about{ float:left; width:700px; position:relative; }
#Main .i-about p{ font-size:14px; line-height:28px;color:#666;}
#Main .i-about a{text-align:center; font-size:16px; background:#bc2921; color:#fff; padding:8px 20px; margin-right:5px; }
#Main .i-about a:hover{ opacity:0.8; color:#fff}

#Main .i-news{ float:right; width:360px; border:1px solid #ccc; padding:10px; min-height:330px}
#Main .i-news  li{line-height:30px;  font-size:12px; }
#Main .i-news  li a{ text-align:left; color:#666; padding-left:20px; display:block;background:url(help.png) left no-repeat; font-size:14px}
#Main .i-news  li a:hover{ text-decoration:underline;background:url(helpHover.png) left no-repeat;}
#Main .i-news  li a span{ float:right; color:#999;  font-size:12px;}


#Main .iTitle{  text-align:left; font-size:18px; height:40px; line-height:40px; border-bottom:1px solid #ccc;  margin-top:30px; background:#efefef  }
#Main .iTitle span{ color:#bc2921; border-bottom:2px solid #bc2921; float:left; padding:0px 5px;}
#Main .iTitle a{ padding:0px 15px; border:1px solid #bc2921; text-align:center;line-height:20px;color:#bc2921; font-size:12px; float:right; margin-top:15px; margin-right:10px; line-height:18px;}
#Main .iTitle a:hover{ background:#bc2921;color:#fff; text-decoration:none;}


 
#Main .iFlinkPic{ overflow:hidden; clear:both; min-height:80px; border-bottom:1px solid #ccc;}
#Main .iFlinkPic li{ float:left; padding-right:10px;padding-top:10px;}
#Main .iFlinkPic li a{ border:1px solid #ccc; display:block;}
#Main .iFlinkPic li a:hover{ border:1px solid #bc2921;}
#Main .iFlinkPic li a img{ height:60px; }

#Main .iFlinkTxt{ padding:10px 0px;overflow:hidden; }
#Main .iFlinkTxt li{ float:left; margin-left:10px; margin-top:10px;}


/*---------------------------*/


#Main #Left{ float:left;  width:278px;}
#Main #Left .leftTitle{ height:38px;padding:10px; line-height:35px; font-size:26px; color:#bc2921; border-left:1px solid #bc2921; background-color:#efefef; }
#Main #Left .leftTxt{ padding:10px; line-height:30px;}
#Main #Left .lClass{ padding:0px 20px 15px 20px;}
#Main #Left .lClass li{ margin-top:15px; text-align:center;}
#Main #Left .lClass li a{ display:block; border:1px solid #ccc;padding:10px; font-size:16px;}
#Main #Left .lClass li a:hover{ background:#bc2921;color:#fff;}
#Main #Left .lClass li a.curr{background:#bc2921;color:#fff;}



#Main #Right{ float:right; padding:10px 20px; width:780px; min-height:660px; border-left:1px solid #ccc;}
#Main #Right .rTitle { height:36px;padding:20px 0px; line-height:36px;  font-size:20px; border-bottom:1px solid #ccc; text-align:center; color:#bc2921}

#Main #Right .rTop{ line-height:40px; padding:10px; border-bottom:1px solid #ccc; text-align:center; font-size:18px; color:#900;}
#Main #Right .rTop span{ font-size:14px; padding:0px 20px; text-decoration:line-through; color:#999;}
#Main #Right .rTop a{ border:1px solid #bc2921; padding:5px 20px; font-size:16px; color:#bc2921;}
#Main #Right .rTop a:hover{ background:#bc2921;color:#fff;}
#Main #Right .rBody{  font-size:14px; line-height:150%; padding:10px; position:relative; overflow:hidden;}
#Main #Right .rBody img{ max-width:98%;}
#Main #Right .rList { padding:10px;}
#Main #Right .rList ul li{ height:35px; line-height: 35px; border-bottom:1px solid #efefef; background:url(List_002.png) left center no-repeat;}
#Main #Right .rList ul li a{ padding-left:20px; display:block; font-size:14px}

#Main #Right .rItem { padding:10px; }
#Main #Right .rItem li{  padding:20px 10px;min-height:120px;border-bottom:1px solid #ccc; overflow:hidden;}
#Main #Right .rItem li img{ float:left; width:270px; height:180px; border:1px solid #ccc;}
#Main #Right .rItem li .rItem-r{float:right; width:455px;}
#Main #Right .rItem li .rItem-r .title{ font-size:18px; color:#bc2921;  }
#Main #Right .rItem li .rItem-r .title a{ color:#bc2921; display:block; }
#Main #Right .rItem li .rItem-r .title a:hover{ text-decoration:underline; }
#Main #Right .rItem li .rItem-r .txt{ color:#666; font-size:12px;}
#Main #Right .rItem li .rItem-r .View { padding:5px;float:left; min-width:120px; text-align:center;}
#Main #Right .rItem li .rItem-r .View a{ display:block; border:1px solid #bc2921;padding:5px; font-size:14px; color:#bc2921;}
#Main #Right .rItem li .rItem-r .View a:hover{ background:#bc2921;color:#fff;}


#Main #Right .rPro { overflow:hidden;}
#Main #Right .rPro li { float:left; margin-top:15px; margin-right:15px;}
#Main #Right .rPro li a{ display:block; border:1px solid #ccc; padding:5px;}
#Main #Right .rPro li a img{ width:230px; height:176px;}
#Main #Right .rPro li a span{ display:block; line-height:30px ; text-align:center; background:#efefef;}
#Main #Right .rPro li a:hover{ border:1px solid #bc2921}
#Main #Right .rPro li a span.rmb{ text-align:right; border-top:1px solid #ccc; padding:0px 10px; color:#999; text-decoration:line-through;}
#Main #Right .rPro li a span.rmb strong{ float:left; text-decoration:none; color:#900;}

#Main #Right .rJob{ margin-top:20px; border-top:1px solid #ccc;}
#Main #Right .rJob li{ overflow:hidden; border:1px solid #ccc; border-top-width:0px; min-height:37px; line-height:37px; padding-left:10px; font-size:14px; } 
#Main #Right .rJob li span{ float:right; text-align:center; width:100px; border-left:1px solid #ccc; padding:5px; line-height:25px; min-height:27px;}
#Main #Right .rJob li span a{ text-align:center; padding:0px 10px; display:block; border: solid 1px #bc2921;color:#bc2921;}
#Main #Right .rJob li span a:hover{ background:#bc2921;color:#fff;}

#Main #Right .order-submit{ margin-top:20px; border-top:1px solid #ccc;}
#Main #Right .order-submit li{ overflow:hidden; border:1px solid #ccc; border-top-width:0px; min-height:37px; line-height:37px; padding-left:10px; font-size:14px; } 
#Main #Right .order-submit li span{ float:left; text-align:center; width:120px; border-right:1px solid #ccc; margin-right:10px; display:block;}
#Main #Right .order-submit li input,
#Main #Right .order-submit li select{ float:left; border: solid 1px #ccc;color:#bc2921; margin-top:5px; min-height:25px;}
#Main #Right .order-submit li textarea{ float:left; border: solid 1px #ccc;color:#bc2921; margin-top:5px; min-height:160px; width:500px;}
#Main #Right .order-submit li .submit{ background:#bc2921;color:#fff; padding:5px 15px; cursor:pointer;}
#Main #Right .order-submit li .submit:hover{ background:#900;}


.mPath {width: 1100px; margin:0px auto; text-align:left; font-size:14px; height:40px; line-height:40px; border-bottom:1px solid #ccc; padding-top:15px; overflow:hidden}
.mPath span{ color:#bc2921; border-bottom:2px solid #bc2921;  padding-left:5px; margin-right:5px; font-size:18px; float:left;}
.mPath a{ font-size:14px; line-height:30px;  padding:10px 6px 0px 6px;}
.mPath a:hover{ color:#06f;}


#Main  .mTitle { background:#efefef ;  height:42px; padding-left:20px; line-height:42px; font-size:16px; border:1px solid #ccc; text-align:left;}
#Main  .mTitle span{ float:right; padding:0 10px;  font-size:12px;}

#Main  .mListImg { }
#Main  .mListImg  li{ border:1px solid #d3d3d3; margin:10px 10px 0px 0px; overflow:hidden; float:left; text-align:center; font-size:14px;background-color:#fff;width:304px;}
#Main  .mListImg  li a img{ width:283px; height:210px;  border:0px; padding:10px; }
#Main  .mListImg  li .txtBody{ background-color:#fff; padding:15px; text-align:left;  overflow:hidden; background-color:#efefef;}
#Main  .mListImg  li .txtBody .titles{white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
#Main  .mListImg  li .txtBody .View{ width:100px; height:35px; line-height:35px; font-size:14px; color:#fff; background:#0096d6; float:left; text-align:center; margin-top:10px;}
#Main  .mListImg  li .txtBody .View:hover{ height:35px; background:#ff4a00;}

#Main .page{ padding:10px 0px; overflow:hidden;  }
#Main .page a,#Main .page span{ float:left; line-height:30px; padding:0px 10px; border:1px solid #ccc; margin-right:10px; color:666;}
#Main .page a:hover{ border-color:#F00; color:#F00;}

/*底部*/
#Main .fMenu{ position:relative; text-align:center;font-size:14px; min-height:60px; line-height:60px;}
#Main .fMenu span{ padding:0px 10px;}
#Main .f2{text-align:center;}

#Main .fMain{text-align:center; line-height:25px; padding-top:10px; font-size:12px; color:#666}




/*顶部大图片*/
#topImg {  margin:0px auto;background:#fff; position:relative;}
#topImg .fullSlide { position:relative; width: 100%; }
#topImg .fullSlide .bd { z-index: 0; position: relative; margin: 0px auto; overflow: hidden}
#topImg .fullSlide .bd li {	text-align: center;overflow:hidden;width: 100% !important;}
#topImg .fullSlide .bd li a{ display:block;height:450px; width: 100% !important; background-position:center;
/*background-size:100% 100%; -moz-background-size:100% 100%; */

}

#topImg .fullSlide .hd {z-index: 1; position: absolute; line-height: 30px; width: 100%;  bottom: 10px; height: 30px; }
#topImg .fullSlide .hd ul { text-align:center }
#topImg .fullSlide .hd ul li { filter: alpha(opacity=50);opacity: 0.5; zoom: 1; margin: 5px; width: 30px;  height: 10px; line-height: 999px;overflow: hidden; cursor: pointer; display:inline-block; background-color:#999; border:1px solid #333;}
#topImg .fullSlide .hd ul .on { background-color:#fff;}
#topImg .fullSlide .prev {	z-index: 1; position: absolute; filter: alpha(opacity=50); margin-top: -30px; width: 40px; display: none; background: url(slider-arrow.png) #000 no-repeat -126px -137px; height: 60px; cursor: pointer; top: 60%; left: 5%; opacity: 0.5}
#topImg .fullSlide .next {	z-index: 1; position: absolute; filter: alpha(opacity=50); margin-top: -30px; width: 40px; display: none; background: url(slider-arrow.png) #000 no-repeat -6px -137px; height: 60px; cursor: pointer; top: 60%; opacity: 0.5;RIGHT: 5%;}

/*Logo*/
.topBody{z-index:999; position: absolute;  top:0px;width:100%; height:90px; overflow:visible;}
.topBody .bodyMain{width:1100px; min-height:90px;  margin:0px auto;position:relative;background:#fff;opacity: 0.9;}
.topBody .bodyMain .Logo{ float:left; height:90px; min-width:360px; }
.topBody .bodyMain .Logo a{ display:block;min-height:90px; background:url(logo.png) no-repeat; }
.topBody .bodyMain .LogoRihgt{ float:right; }
/*导航*/
.menu {  position: relative;z-index:999;min-height:90px; }
.menu dl dd {float:left; width:100px;min-height:90px;line-height:90px;}
.menu dl dd.menuLine{ width:1px; background-color:#ccc;}
.menu dl dd a{display:block; text-align:center; color:#333;font-size:16px; }
.menu dl dd ul {display: none;}
.menu dl dd:hover a{ background:#d80702;color:#ffffff;}
.menu dl dd:hover ul {display:block; position:relative;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9; }

.menu dl dd:hover ul li {  min-height:35px; line-height:35px; border-left-width:0px; }
.menu dl dd:hover ul li a{text-align:conter; color:#fff;font-size:14px; display:block;}
.menu dl dd:hover ul li a:hover {color:#fff; background-color:#6f0703;}
.menu dl dd a.mycrr {background:#d80702;color:#fff; }



/*---------------------------*/
.i-pro {
	list-style: none;
	min-height: 170px;
	position: relative;
	margin: 0px auto;
	padding: 20px 0px;
	overflow:hidden;
}
.i-pro li {
	float: left;
	width:250px;
	margin: 15px 15px 0px 0px;
	background: #fff;
	position: relative;
	background:#eeeeee;
	border:1px solid #ccc;
	padding:4px;


}
.i-pro li img {width:250px;height:180px;}
.i-pro li a span{height:40px; line-height:40px; text-align:center; font-size:16px; background:#bc2921; color:#fff; display:block; margin-top:2px;}
.i-pro li a:hover span{ color:#fff; background:#a70a03;}
/*首页精美案例 */
.i-case{ background:url(banner/i-case-bg.jpg) top center no-repeat ; min-height:600px;}
.i-case-list{ position:relative; margin-top:20px; overflow:hidden;}
.i-case-list li{ float:left;  width:260px;   margin: 0 15px 15px 0; position:relative;}
.i-case-list li img{width:260px; height:180px; }

.i-case-list li a { display:block;overflow:hidden; position:relative;}
.i-case-list li a .box {width:260px; height:180px; background: #000;  position:absolute; top:180px;index:2;color:#fff; }
.i-case-list li a:hover .box{top:0px;}
.i-case-list li a:hover .box .title{ font-size:20px; text-align:center; padding:10px; }