﻿@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:DXimagesTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
_filter:progid:DXimagesTransform.Microsoft.AlphaimagesLoader(src='/templets/ftwcm/imagess/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-images: 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; color:#474747; font-size:12px;}
ol, ul, li { list-style: none outside none; padding: 0; }
a { text-decoration: none; color:inherit; font-size:inherit; }
a:focus { outline: none; }
img { border: none; vertical-align: middle; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

*{ box-sizing:border-box; background-size:100%;}
.clear{ clear:both;}
img {
    border: medium none;
    max-width: 100%;
    vertical-align: middle;
}
html,body{ max-width:640px; min-width:320px; margin:0 auto; position:relative;}
.body{ min-height:2060px;}


header{ height:60px; float:left; width:100%; position:relative; }
header a{ display:block; position:absolute; }
header .logo{ background:url(../images/logo.jpg) center no-repeat; background-size:100%; width:100%; height:60px; }
header .menu{ width:19.5px; height:50px; background:url(../images/menu.png) no-repeat center; background-size:100%;right:9px;}


.footer{  float:left; background:#f0f0f0; float:left; width:100%; }
.footer p{  font-size:12px; width:100%; text-align:center; padding:20px; line-height:20px}



footer ul li {
    width: 25%;
	margin-top:20px;
    float: left;
    text-align: center;

}

footer ul {
    width: 100%;
    float: left;
}


.main_nav .channel ul{ display:none;}
.main_nav { position:absolute; top:0; right:0; background:#3a3a3a; width:210px; z-index:10; padding-bottom:35px; display:none;}
.main_nav h2{ font-size:14px; color:#fff; padding:16px 0; padding-left:18px;}
.main_nav h2.now { background:#323232;}
.main_nav h2.now ul{ display:block; }
.main_nav h2.now ul li{ padding:8px 0;}
.main_nav h2.now ul a{ font-size:12px; color:#c3c3c3;}
.main_nav h2 ul{ padding-top:14px;} 
.main_nav h2 a{ display:block;}
.main_nav .h2{ border-bottom:1px solid #222222; position:relative;}
.main_nav .h2 .close{ display:block; width:51px; height:51px; position:absolute; top:0; right:0; background:url(../images/close.png) no-repeat center; background-size:17px 17px; border-left:1px solid #222222;}
.main_nav .h2 .close:after{ position:absolute; height:50px; width:0; border-left:1px solid #525252; content:"";}
.main_nav .channel{ border-top:1px solid #525252;}
.main_nav a{ color:#fff;}


.banner1{ width:100%; float:left; z-index:99999999999; max-width:640px;}
.banner1 ul{width:100%; float:left; background:#3081b3;}
.banner1 ul li{ display:block; width:14.2%; float:left; padding:10px 0; background:#3081b3; color:#FFF;text-align:center; font-size:16px }
.banner1 ul li a{ color:#FFF; text-decoration:none}
.banner1 ul li:hover{background:#3CF;}

.banner2{ width:100%; float:left;}
.banner2 ul{ width:100%; float:left;}
.banner2 ul li{ display:block; width:20%; float:left;}