@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);
//多行文本省略号
-Opera>10.60-
overflow: hidden;
white-space: normal;
height: 3em;
text-overflow: -o-ellipsis-lastline;
-Webkit-
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
*/
/*--默认--*/
@font-face {
	font-family: 'avian';
	src: url('../fonts/AvianRegular.eot');
	src: url('../fonts/AvianRegular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvianRegular.woff') format('woff'),
		url('../fonts/AvianRegular.ttf') format('truetype'),
		url('../fonts/AvianRegular.svg#AvianRegular') format('svg');
}
@font-face {font-family: 'xfont';
	src: url('../fonts/iconfont.eot'); /* IE9*/
	src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
	url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('../fonts/iconfont.svg#xfont') format('svg'); /* iOS 4.1- */
}
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:14px/1.2 Arial, Tahoma, Helvetica, "微软雅黑", sans-serif; -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:14px/100% "微软雅黑";}
input, button, select, textarea { outline: none; border:0 none; }
body { margin: 0 auto; }
select{ appearance: none; -moz-appearance: none; -webkit-appearance: none;}
/*--滚动条插件--*/
.jspScrollable {outline:none;}
.jspContainer{overflow:hidden;position:relative;outline:none;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:#dde;position:relative;}
.jspDrag{background:#ddd;position:relative;top:0;left:0;cursor:pointer;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height:100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin:0 -3px 0 0;}
.jspVerticalBar{width:6px;}
.jspDrag{background:#3081b3;}
.jspTrack{background:#4e4d4d;}
/*--类--*/
.warp { width: 1210px; margin: 0 auto; position: relative; }
.clear:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }
.clear { *zoom:1; }
.linkes{margin:0 auto;display:inline-block;}
.linkes li{float:left;margin-right:10px;}
.linkes a{display:block;text-align:center;}
/*右导航*/
.snav{position:fixed;right:10px;top:50%;z-index:3;}
.snav .div{height:48px;margin-bottom:1px;position:relative;}
.snav .div .in1{background:#90caf2;width:55px;height:48px;right:0;top:0;text-align:center;position:absolute;border-radius:5px;overflow:hidden;
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.snav .div i{display:inline-block;height:100%; vertical-align:middle;}
.snav .div .in2{background:#8eb40f;width:105px;height:48px;right:0;top:0;text-align:center;position:absolute;border-radius:5px;overflow:hidden;opacity:0;filter:alpha(opacity=0);
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.snav .div .in2 .img{float:left;height:48px;margin-left:9px;}
.snav .div .in2 h3{color:#fff;line-height:48px;font-size:14px;margin-left:5px;}
.snav .div:hover .in1{opacity:0;filter:alpha(opacity=0);}
.snav .div:hover .in2{opacity:1;filter:alpha(opacity=100);}
.in2{position:relative;}
.in2 .bdsharebuttonbox{ position:absolute; top:0; left:0; width:100%; height:100%; }
.in2 .bdsharebuttonbox>a{ padding:0; background:none; margin:0; display:block; float:none; height:100%;}
#header{ height:91px; border-bottom:1px solid #ebebeb; margin: 0 auto; background-color:#FFF; position:relative; z-index:10;}
#header .mask{ height:250px; background:url(/staticsrc/images/subnav_bg.png); width:100%; position:absolute; top:100%; left:0; z-index:1; display:none;}
#header .logo{ width:200px; height:91px; overflow:hidden; position:absolute; left:0; top:0;}
#header .logo:after{ content:''; display:inline-block; vertical-align:middle; width:0; height:100%; overflow:hidden;}
#header .logo img{ max-width:100%; max-height:100%; vertical-align:middle;}
#header .op{ display:none;}
#header .nav{ position:absolute; left:234px; top:15px;}
#header .nav>ul{}
#header .nav>ul>li{ float:left; position:relative;}
#header .nav>ul>li a{ display:block; font-size:16px; line-height:76px; color:#474747; text-align:center; padding:0 10px;}
#header .nav ul li .subNav{ width:100%; position:absolute; left:0; top:100%; z-index:1; display:none;}
#header .nav ul li .subNav ul{ height:206px; border-right:1px solid #d2d2d2; padding:18px 0 26px;}
#header .nav ul li .subNav.first ul{ border-left:1px solid #d2d2d2;}
#header .nav ul li .subNav ul li{ width:100%; padding:6px 0;}
#header .nav ul li .subNav ul li a{ width:100%; padding:0; font-size:14px; line-height:14px; color:#707070;}
#header .nav ul li a:hover,#header .nav ul li .subNav ul li a:hover{ color:#8eb40f;}
#header .nav ul li:hover .subNav{ background:url(/staticsrc/images/subnavli_bg.png);}
#header .nav ul .cur a{ color:#8eb40f;}
#header .tools{ position:absolute; right:0; top:40px; overflow:hidden;}
#header .tools .tel{ background:url(/staticsrc/images/header_tools_ico.png) left top no-repeat; padding-left:28px; font-size:18px; line-height:29px; color:#707070; float:left; margin-right:22px;}
#header .tools .search{ float:left; background:url(/staticsrc/images/header_tools_ico.png) left bottom no-repeat; padding:0 34px 0 14px; position:relative;}
#header .tools .search input{ width:105px; height:29px; color:#909090; font-size:12px; line-height:64px; line-height:29px; background-color:transparent;}
#header .tools .search button{ width:29px; height:29px; position:absolute; right:0; top:0; cursor:pointer; background-color:transparent;}
/* 通用 */
.clear:after, .x-wrap:after{ content: ''; display: table; clear: both;}
.middle{ font-size: 0; letter-spacing: -1.5em;}
.middle:after{ content: ''; display: inline-block; vertical-align: middle; height: 100%;}
.justify{ word-break: break-all; text-align: justify; text-justify: inter-ideograph;}
.justify:after{ content: ''; padding-left: 100%;}
.pos-fix{ position: fixed !important;}
.pos-abs{ position: absolute !important;}
.x-wrap{ position: relative; width: 1220px; height: 100%; margin: 0 auto;}
.x-header, .x-footer, .x-container{ position: relative; width: 100%; min-width: 1250px; margin: 0 auto; z-index: 1;}
.x-header{ height: 123px; z-index: 3;}
.x-header .logo{ position: absolute; left: 0; top: 30px; width: 232px; height: 62px;}
.x-header .logo img{ display: block; width: 100%;}
.x-header .tools{ position: absolute; right: 0; top: 38px;}
.x-header .tel{ float: left; margin-right: 25px; font-family: Arial; font-size: 18px; color: #8eb40f; line-height: 23px;}
.x-header .handle{ float: right; white-space: nowrap;}
.x-header .handle li{ position: relative; display: inline-block;}
.x-header .handle li + li{ margin-right: 6px;}
.x-header .handle .ico{ width: 23px; height: 23px; background-color: #cbced8; border-radius: 50%; overflow: hidden;}
.x-header .handle .ico img{ display: block; width: 100%;}
.x-header .handle .pop{ position: absolute; left: 50%; top: 100%; margin: 15px auto 0; box-shadow: 0px 0px 18px 0px rgba( 0, 0, 0, 0.15); opacity: 0; visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.x-header .handle .pop:before{ content: '0'; position: absolute; left: 0; right: 0; bottom: 100%; height: 15px; background: url(/staticsrc/images/opacity-0.png); font-size: 0;}
.x-header .handle .pop:after{ content: '\e813'; position: absolute; left: 0; right: 0; top: 0; margin-top: -12px; font-family: "xfont" !important; font-size: 20px; line-height: 1; text-align: center;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.x-header .handle .pop img{ width: 100%;}
.x-header .handle .pcode{ margin-left: -77px; padding: 10px 10px 50px; width: 135px; background: #12679d url(/staticsrc/images/temp/img40.jpg) center bottom no-repeat;}
.x-header .handle .pcode:after{ color: #12679d;}
.x-header .handle .pshare{ padding: 10px 0; margin-left: -29px; width: 58px; background-color: #fff;}
.x-header .handle .pshare:after{ color: #fff;}
.x-header .handle .share{ height: 40px; overflow: hidden;}
.x-header .handle .share .i1{ display: block;}
.x-header .handle .share .i2{ display: none;}
.x-header .handle .share:hover .i1{ display: none;}
.x-header .handle .share:hover .i2{ display: block;}
.x-header .handle li:hover .pop{ opacity: 1; visibility: visible;}
.x-header .handle li:hover .ico, .x-header .handle li.cur .ico{ background-color: #489bc3;}
.x-header .tools .login{}
.x-header .tools .lang{}
.x-header .nav-mod{ position: absolute; right: 0px; bottom: 0px; text-align: center;}
.nav-mod .nav-lv1{}
.nav-mod .nav-lv1-item{ position: relative; float: left;}
.nav-mod .nav-lv1-item > a{ display: block; padding: 0 24px; line-height: 78px; font-size:16px; color:#535353;}
.nav-mod .nav-lv1-item span{ font-family: 'avian'; font-size: 16px;}
.nav-mod .nav-lv1-item:hover > a{ color: #98bb23;}
.nav-mod .nav-lv1-item.cur > a{ color: #98bb23;}
.nav-mod .nav-lv2{ position: absolute; left: 0; right: 0; top: 100%; padding: 25px 10px; background-color: #fff; box-shadow: 0px 0px 18px 0px rgba( 0, 0, 0, 0.15); opacity: 0; visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.nav-mod .nav-lv2:after{ content: '\e813'; position: absolute; left: 0; right: 0; top: 0; margin-top: -12px; font-family: "xfont" !important; font-size: 20px; line-height: 1; color: #fff;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.nav-mod .nav-lv2-item{}
.nav-mod .nav-lv2-item + .nav-lv2-item{ margin-top: 12px;}
.nav-mod .nav-lv2-item > a{ display: block;
	-webkit-transition: padding 0.2s;
	transition: padding 0.2s;
	color: inherit;
}
.nav-mod .nav-lv2-item:hover > a{ color: #98bb23;}
.nav-mod .nav-lv1-item:hover .nav-lv2{ opacity: 1; visibility: visible;}
#focus{ position:relative; height:auto; overflow:hidden; margin:0 auto;}
#focus .sEle{ position: relative; left:0; top:0;}
#focus .sEle li{ float: left;}
#focus .sEle li img{ width:100%; height:auto;}
#focus .swiper-pagination-bullet{ width:13px; height:13px;}
#focus .focusNav{ position: absolute; bottom: 30px; left: 50%;}
#focus .focusNav li{ float: left; width: 14px; height: 13px; background:url(/staticsrc/images/focusNav_point.png) right no-repeat; margin-right:8px; cursor: pointer;}
#focus .focusNav li.cur{ background-position:left center;}
#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(/staticsrc/images/bottom_hotline_online.png) 26px center no-repeat; text-align:left;}
#bottom .hotline a:hover{ color:#a78f4e;}
#footer{ width:100%; background-color:#3d3d3d; font-size:12px; color:#FFF; line-height:18px;}
#footer .link{ overflow:hidden; position:absolute; left:20px; top:20px;}
#footer .link li{ float:left; padding:0 2px;}
#footer .copy{ padding:35px 0px; text-align:center;}
#footer .ftbj{ }
#footer a{ color:#FFF;}
#footer a:hover{ color:#909090;}
.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:#204798;}
#bread .cur{ color:#204798;}
/*置顶*/
/*.gotop{position:fixed; right:15px; bottom:100px;width:78px;height:57px;background:url(/staticsrc/images/gotop.png) 0 0 no-repeat;display:none; z-index:10;}*/
.gotop.fr{left:100%;margin-left:-50px;}
/*滚动条*/
.dragWarp{ width:4px; height:100%; position:absolute; right:10px; top:0; z-index:1;}
.dragColor{ width:2px; height:100%; margin:0 auto; background-color:#a6a6a6;}
.dragBar{ width:4px; height:75px; background-color:#1c7cb8; 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(/staticsrc/images/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%;}
.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 #bcbcbc; border-radius:4px; transition:all .5s ease 0s;}
.page a:hover{ color:#FFF; background-color:#505050; border-color:#505050;}
.page .cur{ color:#FFF; background-color:#505050; border-color:#505050;}
/****/
.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;}
.map .nav {text-align:center;margin-top:40px}
.map .nav ul{display:inline-block;}
.map .cur{float:left;margin-right:20px;font-size:16px;}
.map .cur a{color:#333;}
.map.subNav{margin-top:20px;}
	/*float-rig*/
.float-rig{position:fixed;_position:absolute;right: 0;margin-left:565px;top:300px;display:block; z-index:52; _top:expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 310));}
#footer .float-rig .clo { width: 30px; height: 15px; font-size: 16px; line-height: 18px; color: #999999; border: 1px solid #999999; border-radius: 5px; cursor: pointer; display: block; text-align: center; margin-left: 81px; margin-bottom: 2px;}
.float-rig li {position:relative;margin-bottom:1px;cursor:pointer;}
.float-rig li  a{display:block;background:#8eb40f;color:#fff;font-size:14px;text-align:center;padding-right:10px;line-height:48px;height:48px;width:105px;border-radius:5px;overflow:hidden;}
.float-rig li  a p{float:left;line-height:1.3em;text-align:center;margin-top:5px;}
.float-rig li  a i{display:block;width:45px;height:48px;background-repeat:no-repeat;background-position:center;float:left;}
.float-rig li .box{display:none;position:absolute;top:0px;left:-115px;background:#fff;color:#333;text-align:center;width:115px;}
.float-rig .hs .box{display:block;}
.float-rig li  a:hover{color:#fff!important;}
.float-rig  .l2 a{padding:0px;width:115px;}
.float-rig  .l4{display:none;}
#qiao-wrap{display:none!important;}
@media screen and (max-width:750px){
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,textarea,select{box-sizing:border-box;}
.warp{ width:96%;}
.snav{ display:none;}
#header{ height:1.4rem; overflow:hidden;}
#header .warp{ width:100%;}
#header .logo{ width:3rem; height:auto; top:0.2rem; margin-left:0.15rem;}
#header .op{ display:block; float:right; width:1.5rem; margin-top:0.25rem; margin-right:0.15rem;}
#header .op img{ width:100%;}
#header .nav{ display:none;}
#header .tools{ display:none;}
#header .op span{ display:none;}
#header.show #header{position: fixed; left: 0; top: 0; width: 100%; height: 400rem; -webkit-transition: opacity 0.5s; visibility: visible; opacity: 1; z-index: 999; background-color:#fff; overflow:hidden;}
#header.show .op img{ display:none;}
#header.show .op span{ display:block; float:right; font-size:0.4rem; margin-top:0.3rem;}
#header.show .nav{ display:block; width:100%; border-top:1px solid #d4d4d4; left:0; top:1.4rem;}
#header .nav>ul>li{ width:92%; border-bottom: 1px solid #d4d4d4; line-height:0.8rem; margin:0 auto; float:none; overflow:hidden;}
#header .nav>ul>li a{ font-size:0.3rem; line-height:0.8rem; float:left; width:3rem; padding:0; text-align:left;}
#header .nav ul li .subNav{ position:relative;}
#header .nav>ul>li .but{background: url(/staticsrc/images/you.png); width: 0.25rem; float: right; height: 0.3rem; background-size: 100%; margin: 0.3rem;}
#header .nav ul li:hover .subNav{ background:none;}
#header .nav ul li .subNav ul{ border-right:none; padding:0; height:auto;}
#header .nav ul li .subNav ul li{ padding:0;}
#header .nav ul li .subNav ul li a{font-size: 0.28rem; display: block; margin-right: 0; border-top: 1px solid #d4d4d4; line-height: 0.6rem; width: 100%; padding-left: 0.3rem;}
#header .nav ul .subNav.now{ display:block; overflow:hidden;}
#focus .focusNav{ bottom:0.2rem;}
#focus .swiper-pagination-bullet{ width:8px; height:8px;}
.home .block1{ padding-top:0.5rem;}
#footer{ font-size:0.24rem; height:auto;}
#footer .copy{ padding-top:0.5rem; padding-bottom:0.5rem;}
.float-rig{ display:none;}
}