@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;
*/
/*--默认--*/
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(../css/.cn/jtym/css/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; }
/*右导航*/
.snav{position:fixed;right:10px;top:50%;z-index:3;width: 106px;}
.snav a.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:73px; margin-bottom:2px;}
.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:#54a7e0;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 .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:280px; background:url(../image/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:236px; 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:#00a0e9;}
#header .nav ul li:hover .subNav{ background:url(../image/subnavli_bg.png);}
#header .nav ul .cur a{ color:#00a0e9;}
#header .tools{ position:absolute; right:0; top:40px; overflow:hidden;}
#header .tools .tel{ background:url(../image/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(../image/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;}
#focus{ position:relative; 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(../image/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(../image/bottom_hotline_online.png) 26px center no-repeat; text-align:left;}
#bottom .hotline a:hover{ color:#a78f4e;}
#footer{ width:100%; height:136px; 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-top:35px; 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(../image/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(../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%;}
.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;}
@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(../image/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.26rem; height:auto;}
#footer .copy{ padding-top:0.5rem; padding-bottom:0.5rem;}
}