/* CSS Document */
/*
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;
*/


/*--默认--*/
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 {margin:0;padding:0;}
html{/*background:#000;*/}
html body{-webkit-text-size-adjust:none;font-family:'microsoft yahei';font-size:12px;max-width:1920px;min-width:1230px;}
ol,ul,li{list-style:none outside none;padding:0;}
a{text-decoration:none;color:inherit;cursor: pointer;}
.footer a{color: inherit;}
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;color:#474747;}
i,b,strong{font-style:normal;font-weight:normal;}
input,textarea,select{border:1px solid #CCC;font-family:Arial, Helvetica, sans-serif;outline:none;border:none;background:none;padding:0;}
a:focus{outline:none;}

/*--??--*/
.block{width:1230px;margin:0 auto; position:relative;height: 100%;/*border: 1px solid #00ff1e;box-sizing: border-box;*/}
.clearfix:after{content: ""; clear:both;display: block;}
.body{min-height: 100%;}


/* .header{}
.header .lable1{float: left;font-size: 14px;color: #474747;padding-top: 3px;}
.header .lable1 a{margin: 0 10px;}
.header .lable1 a:hover{color: #bf0008 ;}
.header .lable2{float: right;font-size: 14px;color: #474747;}
.header .lable2 .span{padding: 4px 0; padding-left: 30px;background-position: left center;background-repeat: no-repeat;margin-left:30px;position:relative;}
.header .lable2 .span .a{background: url(../images/header-icon3.png) no-repeat right center;padding-right: 20px;}
.header .lable2 .span1{background-image: url(../images/header-icon1.png);}
.header .lable2 .span2{background-image: url(../images/header-icon2.png);padding-left: 35px;}
.header .container1{padding-top: 16px;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;position:relative;z-index:5;}
.header .container2{position: relative;}
.header .container2 .logo{background: url(../images/logo.png) no-repeat center;display: block;width: 200px;height: 100%;position: absolute;top: 0;left: 0;}
.header .container2 .main_nav{margin-left: 265px;display: inline-block;}
.header .container2 .main_nav a{font-size: 16px;color: #474747;display: inline-block;padding: 44px 16px;}
.header .container2 .main_nav a:hover{color: #bf0008 ;}
.header .container2 .icon{float: right;padding-top: 28px;}
.header .container2 .icon span{background: url(../images/header-icon5.png) no-repeat right center;display: inline-block;width: 46px;height: 46px;margin: 0 2px;position: relative;}
.header .container2 .icon .a1{display:block;background: url(../images/header-icon4.png) no-repeat 11px 11px;height: 100%;}
.header .container2 .icon span:hover{ background-position: left center;}
.header .container2 .icon span:hover .down1{display: block;}
.header .container2 .icon .span2 .a1{background-position: -40px 11px}
.header .container2 .icon .span3 .a1{background-position: -90px 11px}
.header .container2 .icon .span4 .a1{background-position: -144px 11px}
.header .container2 .icon .span1:hover .a1{background-position: 10px -25px;}
.header .container2 .icon .span2:hover .a1{background-position: -42px -25px;}
.header .container2 .icon .span3:hover .a1{background-position: -93px -25px;}
.header .container2 .icon .span4:hover .a1{background-position: -146px -25px;}
.header .container2 .icon .down1{position: absolute;top:90%;left: -44px;background: url(../images/header-icon6.png) no-repeat center;width: 130px;height: 43px;display: none;z-index: 2;}
.header .container2 .icon .down1 a{display: block;padding:4px 0px 0;line-height:35px;text-align: center;} */
/* .footer{text-align: center;padding: 40px 0;padding-bottom: 100px;}
.footer p{font-size: 14px;color: #acacac;}
.footer .p2{margin-top: 10px;}
.footer .p3{margin-top: 2px;}
.footer .p4{margin-top: 2px;}
.footer .p5{margin: 10px 0;} */

.nav_float{position:fixed;right:0;top:50%;margin-top:-110px;z-index: 10;}
.nav_float li{text-align: center;background:#fff;background:url(../images/nav_float1.png) center top no-repeat;width:78px;height:60px;padding-top:14px;margin-top:-4px;}
.nav_float li.first{background-position:center bottom;color: #fff;}
.nav_float li:hover{background-position:center bottom;color: #fff;}
.nav_float li a{display:block;height:100%;font-size: 12px;}
.nav_float li i{display:block;width:28px;height:30px;margin:auto;}
.nav_float li .ico1{background:url(../images/nav_float.png) right 0 no-repeat;}
.nav_float li .ico2{background:url(../images/nav_float.png) right -70px no-repeat;}
.nav_float li .ico3{background:url(../images/nav_float.png) right -140px no-repeat;}
.nav_float li.first .ico1{background:url(../images/nav_float.png) 3px 0 no-repeat;}
.nav_float li:hover .ico2{background:url(../images/nav_float.png) 3px -70px no-repeat;}
.nav_float li:hover .ico3{background:url(../images/nav_float.png) 3px -140px no-repeat;}






/* 滚动?? dark-thin */
.mCustomScrollBox{ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; }
.mCSB_container{ overflow: hidden; width: auto; height: auto; }
.mCSB_scrollTools{ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; }
.mCSB_scrollTools .mCSB_draggerContainer{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }
.mCSB_scrollTools .mCSB_dragger{ cursor: pointer; width: 100%; height: 30px; z-index: 1; }
.mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto;
	-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ position: relative; width: 4px; height: 100%; margin: 0 auto;	text-align: center;
	-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #6bb1d4;  filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools, 
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
}
.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
	-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
				margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
				margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
				opacity .2s ease-in-out, background-color .2s ease-in-out; 
	-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
				margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
				margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
				opacity .2s ease-in-out, background-color .2s ease-in-out; 
	-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
				margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
				margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
				opacity .2s ease-in-out, background-color .2s ease-in-out; 
	transition: width .2s ease-out .2s, height .2s ease-out .2s, 
				margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
				margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
				opacity .2s ease-in-out, background-color .2s ease-in-out; 
}
.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 6px; /* auto-expanded scrollbar */ }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
	height: 12px; /* auto-expanded scrollbar */
	margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
	height: 8px; /* auto-expanded scrollbar */
	margin: 4px 0;
}
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0.5; filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background-color: #fff; background-color: rgba(255,255,255,0.85); background-color: #6bb1d4;
	filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color: #fff; background-color: rgba(255,255,255,0.9); background-color: #6bb1d4;
	filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
/*
a span.icon_shop{
	display: inline-block;
    background: url(../images/home4-icon14.png) no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
*/

.icon_shop{width:16px;height:16px;cursor: pointer;}

.icon_phone,.icon_navarrow,.icon_wb,.icon_help,
.icon_custom,.icon_number,.icon_point,.icon_coarrow,.icon_startsy,
.icon_heart,.icon_gheart,.icon_shop,.icon_gshop,.icon_hot,.icon_redphone,
.icon_uparrow,.red_point,.blue_point,.icon_redlist,.icon_down,
.icon_gadd{display:inline-block;background:url(../images/home4-icon14.png) no-repeat;overflow:hidden;vertical-align:middle;}



	
.red_small{
	font-size: 14px;
    color: #bf0008;
    display: inline-block;
    text-align: center;
    border-radius: 200px;
    background: url(../images/btn2.png) center top no-repeat;
    width: 50px;
    height: 23px;
    line-height: 21px;
}
.red_small:hover{
	background: url(../images/btn2.png) center bottom no-repeat;
	color:#FFF;
}
.gray_small{
	font-size: 14px;
    color: #dddddd;
    display: inline-block;
    text-align: center;
    border-radius: 200px;
    background: url(../images/btn2_hui.png) center top no-repeat;
    width: 50px;
    height: 23px;
    line-height: 21px;
}
.gray_small:hover{
	background: url(../images/btn2_hui.png) center bottom no-repeat;
	color:#FFF;
}



/*17.9.4 jjl添加*/
.home6 .box2 .item .h2 {font-size: 16px;color: #474747;line-height: 140%;padding-bottom: 3px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.home6 .box2 .item .p3 {font-size: 14px;color: #909090;}
.home6 .box2 .list {margin-top: 11px !important;}














