@charset "utf-8";
/*
color:red !important;/* Firefox、IE7支持 
_color:red;  IE6支持 
*color:red;  IE6、IE7支持 
*+color:red; IE7支持/
color:red\9; IE6、IE7、IE8支持 
color:red\0; IE8支持
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/ftwcm/images/bg_index.body1.png');_background:none;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));
behavior:url('');
pointer-events:none;//鼠标穿透
-webkit-animation:0.3s ease-in 1.1s 1 ui;
-webkit-animation-fill-mode:both;
filter:alpha(opacity=50);
*/

/*--默认--*/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,input, button, select, textarea  { margin: 0; padding: 0; }
html { _background-image: url(about:blank); _background-attachment: fixed; }
body { font-size: 14px; font-family: 微软雅黑, 'Heiti SC', 黑体, Arial; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased !important;}
ol, ul, li { list-style: none outside none; padding: 0; }
a { text-decoration: none; }
a:focus { outline: none; }
img { border: none; vertical-align: middle; }
table { border-collapse: collapse; }
tr, td, th { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
input, textarea, select { font-size: 14px; font-family: 微软雅黑, 'Heiti SC', 黑体, Arial; }
input, button, select, textarea { outline: none; border:0 none; }
body { min-width: 1220px; max-width: 1920px; margin: 0 auto; }
select{ appearance: none; -moz-appearance: none; -webkit-appearance: none;}

/*--类--*/
.warp { width: 1220px; height:100%; margin: 0 auto; position: relative; }
.clear:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }
.clear { *zoom:1; }

#header{ width:100%; height:84px; background:#FFF; position:absolute; left:0; top:0; z-index:1; min-width: 1220px; border-bottom-width:0; border-bottom-style:solid; border-bottom-color: #dfdfdf; }
#header .logo{ width:150px; height:100%; overflow:hidden; position:absolute; left:0; top:0; }
#header .logo a { display:block; width:150px; height:80px;}
#header .nav{ position:absolute; left:155px; top:0; z-index: 1;}
#header .nav ul{ text-align:center;}
#header .nav ul li{ display:inline-block;}
#header .nav ul li a.lanse { background-color:#3eb1ff; color:#FFF;}
#header .nav ul li a{ display:block; font-size:14px; font-weight:700; line-height:84px; color:#000; text-align:center; padding:0 14px; -webkit-transition:all .5s; -moz-transition:all .5s;	transition:all .5s;	}
#header .nav ul li #subNav26 a {padding:0 11px;}
#header .nav ul li a:hover{ background-color:#fa1010; color:#FFF; }
#header .nav ul .cur>a{ background-color:#fa1010;}
#header .nav ul li .subNav{ width:1020px; position:absolute; left:0; top:84px; overflow:hidden; display:none;}
#header .nav ul li #subNav26{ width:1060px;}
#header .nav ul li #subNav14 { left:-170px;}
#header .nav ul li #subNav50 { left:125px;}
#header .nav ul li .subNav a{ line-height:48px; margin-right:10px;}
#header .tools{ position:absolute; right:0; top:0; overflow:hidden; }
#header .tools .search{ background:url(../image/search_textbg.png) 0 0 no-repeat; width:152px; height:30px; float:right; padding:0 44px 0 18px; position:relative;}
#header .tools .searchtext{ width:100%; height: 28px; margin: 1px; font-family:Arial; font-size:14px; color:#909090; line-height:30px;}
#header .tools .searchbtn{ background:url(../image/search_btnico.png) center center no-repeat; width:44px; height:30px; position:absolute; right:0; top:0; cursor:pointer;}
.link { height: 32px; line-height: 28px; text-align: center;}
.link a { color:#999; text-align: center;}

#focus{ width:500px; height:350px; position:relative; overflow:hidden; margin:0 auto;}
#focus ul{ position: absolute; left:0; top:0;}
#focus ul li{ float: left; width: 500px;}
#focus ul li img{ width: 100%; height:auto;}
#focus ol{ position: absolute; bottom: 10px; right: 10px;}
#focus ol li{ float: left; width: 16px; height: 16px; line-height: 16px; text-align: center; border: 1px solid #fc0; background: #000; color: #fff; margin-right: 3px; cursor: pointer;}
#focus ol li.j_focusCur{ background: #fff; color: #000;}
#focus .introduce{ height: 30px; line-height: 30px; width: 350px; background: rgba(0,0,0,0.5); color: #fff; position: absolute; bottom: 10px; left: 0;}
#focus .prev{ width:50px; height:50px; display:block; position:absolute; top:40%; left:10px; line-height:50px; background-color: rgba(0,0,0,0.5); color:#FFF; text-align:center;}
#focus .next{ width:50px; height:50px; display:block; position:absolute; top:40%; right:10px; line-height:50px; background-color: rgba(0,0,0,0.5); color:#FFF; text-align:center;}

#bottom{ background-color:#373737; padding:48px 0;}
#bottom .link{ float:left; overflow:hidden;}
#bottom .link .list{ float:left; padding:0 50px 0 18px;}
#bottom .link .list .head{ color:#FFF; font-size:14px; line-height:20px;}
#bottom .link .list ul{ padding-top:10px;}
#bottom .link .list ul li{ margin-bottom:10px;}
#bottom .link .list ul li a{ color:#909090; font-size:12px; line-height:16px;}
#bottom .link .list ul li a:hover{ color:#a78f4e;}
#bottom .hotline{ float:right; padding-right:20px; text-align:right; color:#FFF;}
#bottom .hotline .t1{ font-size:14px; line-height:20px;}
#bottom .hotline .tel{ font-family:Arial; font-size:40px; line-height:52px;}
#bottom .hotline .online{ color:#FFF; font-size:14px; line-height:42px; width:96px; height:42px; border:1px solid #a78f4e; display:inline-block; margin-top:16px; padding-left:66px; background:url(../image/bottom_hotline_online.png) 26px center no-repeat; text-align:left;}
#bottom .hotline a:hover{ color:#a78f4e;}

.fBottom{ position:fixed; bottom:0; left:0;}

.contTitle{ text-align:center; color:#474747; text-align:center;}
.contTitle .t1{ font-size:28px; line-height:44px;}
.contTitle .t2{ font-size:12px; line-height:18px; margin-bottom:20px;}
.contTitle .link{ font-size:12px; line-height:35px; color:#474747; width:157px; height:35px; border:1px solid #b8b8b8; display:inline-block; cursor:pointer;}
.contTitle .link:hover{ color:#a78f4e; border-color:#a78f4e;}

/*面包屑*/
#bread{ height:50px; line-height:50px; font-size:12px; color:#707070;}
#bread a{ color:#707070;}
#bread a:hover{ color:#ff5705;}
#bread .cur{ color:#ff5705;}

/*面包屑*/
.gotop{position:fixed; right:15px; bottom:100px;width:78px;height:57px;background:url(../image/gotop.png) 0 0 no-repeat;display:none; z-index:10;}
.gotop.fr{left:100%;margin-left:-50px;}

/*滚动条*/
.dragWarp{ width:3px; height:100%; position:absolute; right:20px; top:0; z-index:1;}
.dragColor{ width:1px; height:100%; margin:0 auto; background-color:#d0d0d0;}
.dragBar{ width:3px; height:75px; background-color:#a8a8a8; position:absolute; left:0; top:0; cursor:pointer;}

/*下拉选框*/
.selectWarp{ text-align:left; cursor:pointer; position:relative; border:1px solid #c1c1c1; background-color:#FFF;}
.selectWarp .selectBtn{ overflow:hidden; height: 26px; line-height: 26px; font-size:12px; color:#474747; background:url(../image/select_arrow.png) right top no-repeat; padding:0 26px 0 12px; text-align:center;}
.selectWarp .selectBg{ background-position: right bottom;}
.selectWarp ul { width: 100%; display: none; position: absolute; left: -1px; top: 26px; background-color:#FFF; overflow:auto; z-index:10; border:1px solid #c1c1c1; border-top:0 none; }
.selectWarp ul li { font-size:12px; line-height: 16px; padding:5px 10px; }
.selectWarp ul li:hover { color:#a78f4e;}

/*分页*/
.page{ text-align:center; width:100%; padding:30px 0 80px;}
.page ul{ display:inline-block; overflow:hidden;}
.page li{ float:left; padding:0 4px; color:#707070; line-height:34px; font-family:Arial; font-size:16px;}
.page a{ display:block; width:34px; height:34px; line-height:34px; color:#707070; border:1px solid #bbbbbb; border-radius:4px; transition:all .5s ease 0s;}
.page a:hover{ color:#FFF; background-color:#51a9e3; border-color:#51a9e3;}
.page .cur{ color:#FFF; background-color:#51a9e3; border-color:#51a9e3;}

/****/
.saleNum{ width:122px; height:28px; border:1px solid #dfdfdf; overflow:hidden; background-color:#FFF; }
.saleNum span{-moz-user-select:none; float:left; overflow:hidden; color:#b1b1b1; font-family:Arial; font-size:20px; }
.saleNum span:hover{ color:#ae985e;}
.saleNum .numBtn{ width:31px; height:28px; line-height:28px; cursor:pointer; float:left; text-align:center;}
.saleNum input{ width:48px; height:28px; line-height:28px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; float:left; text-align:center; padding:0 5px;}

/*input清除内容tip*/
.input { padding: 5px; margin: 0; border: 1px solid #beceeb; }
.allClear { display: none; position: absolute; width: 16px; height: 16px; margin: 6px 0 0 -20px; cursor:pointer;}
.input::-ms-clear { display: none; }
.input:valid + .allClear { display:inline;}

/*footer*/
#footer{
	width:100%;
	font-size:12px;
	color:#191919;
	background:#2a2a2a;
	text-align:center;
}
#footer a{
	color:#191919;}		
#footer p{
	line-height:25px;}

#footer .BottomNav{
	width:100%;
	margin:0 auto;
	height:40px;
	line-height:40px;
	color:#FFF;
	background:#333333;
}
#footer .BottomCopy{
	width:100%;
	margin:0 auto;
	padding:20px 0;
	line-height:30px;
	color:#FFF;
}

#footer .BottomNav a{
	color:#fff;
	padding:0px 10px;}