@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(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:#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: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%;}


.sidebar{ position: fixed; right: 0; z-index: 11; border:1px solid #776cb0; background-color:rgba(255,255,255,0.4); padding:10px; border-radius:10px; top: 50%; margin-top: -174px;}
.sidebar ul{ position:relative;}
.sidebar li{ position: relative; cursor: pointer;}

.sidebar li + li{ margin-top: 8px;}

.sidebar .ico{ position: relative; width: 50px; height: 50px; overflow: hidden;

	-webkit-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	transform: rotate(0deg);

}
.sidebar .clo{ position:absolute; right:-11px; top:-32px; width:28px; height:28px;}
.sidebar .clo .ico{ width:28px; height:28px;}
.sidebar .ico img{ display: block; width: 100%;}

.sidebar .p{ position: absolute; top: 0; right: 0; padding: 0 50px 0 25px; border-radius: 25px; white-space: nowrap; color: #fff; line-height: 50px; opacity: 0; visibility: hidden;

	-webkit-transform: translateX(-20px) rotate(0deg);

	-moz-transform: translateX(-20px) rotate(0deg);

	transform: translateX(-20px) rotate(0deg);

	-webkit-transition: opacity 0.2s, transform 0.2s;
	

	-moz-transition: opacity 0.2s, transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}
.sidebar .l1 .p{ background-color: #38b9c3;}

.sidebar .l2 .p{ background-color: #776cb0;}

.sidebar .l3 .p{ background-color: #38b9c3;}

.sidebar .l4 .p{ background-color: #776cb0;}

.sidebar .l5 .p{ background-color: #776cb0;}

.sidebar .l6 .p{ background-color: #38b9c3;}


@-webkit-keyframes twinkling{

  0% {

      opacity: 0; 

  }

  100% {

      opacity: 1; 

  }

}

#shan {

    -webkit-animation: twinkling 1.1s infinite ease-in-out; 

}

.sidebar li:hover .p{ opacity: 1; visibility: visible;

	-webkit-transform: translateX(0px);

	-moz-transform: translateX(0px);

	transform: translateX(0px);

}

#header{ height:91px; border-bottom:1px solid #ebebeb; margin: 0 auto; background-color:#FFF; position:relative; z-index:10;}

#header .mask{ height:310px; 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:#535353; text-align:center; padding:0 16px;}

#header .nav ul li .subNav{ width:100%; position:absolute; left:0; top:100%; z-index:1; display:none;}

#header .nav ul li .subNav ul{ border-right:1px solid #d2d2d2; padding:18px 0 6px;}

#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:#0ba7b4;}

#header .nav ul li:hover .subNav{ background:url(../image/subnavli_bg.png);}

#header .nav ul .cur a{ color:#0ba7b4;}

#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; 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(../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%; 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(../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:#38b9c3; 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:#6261a9; border-color:#6261a9;}

.page .cur{ color:#FFF; background-color:#6261a9; border-color:#6261a9;}



/****/

.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:#54a7e0;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;}
.sidebar{ 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.24rem; height:auto;}
#footer .copy{ padding-top:0.5rem; padding-bottom:0.5rem;}
.float-rig{ display:none;}
}