@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; 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; }

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 { min-width: 1250px; max-width: 1920px; margin: 0 auto; }

select{ appearance: none; -moz-appearance: none; -webkit-appearance: none;}



*{ box-sizing:border-box; background-size:100%;}

.clear{ clear:both;}

.block{ padding:0 10px;}

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:460px;}

header{ height:78px; border-bottom:1px solid #dddddd; position:relative; padding:0 9px;}

header a{ display:block; position:absolute; }

header .logo{ background:url(../image/logo.jpg) no-repeat 0 0; background-size:100%; width:184px; height:64px; top:7px; left:7px;}

header .menu{ width:39px; height:29px; background:url(../image/menu.png) no-repeat 0 0; background-size:100%;top:15px; right:9px;}

.main_tit{ border-bottom:1px solid #ebebeb; text-align:center; position:relative; height:38px;font-size:24px; color:#474747; line-height:38px;}

.main_tit .bck{ position:absolute; top:0; left:7px; background:url(../image/bck.png) no-repeat center; width:9px; height:38px; background-size:100%; }



footer{ background:#3d3d3d;}

footer .foot_nva{ border-bottom:1px solid #1b1b1b; padding:10px 0;  width:100%; overflow:hidden; display:-moz-box;display:box;display:-webkit-box;}

footer .foot_nva .flex{ -moz-box-flex:1;box-flex:1;-webkit-box-flex:1; display:block; text-align:center;}

footer .foot_nva a{ font-size:20px; text-align:center; color:#fff; background:url(../image/icon2.png) no-repeat 0 0; background-size:auto 50px; padding-top:60px;; display:inline-block; width:80px; }

footer .foot_nva .a1{ background-position:18px 0;}

footer .foot_nva .a2{ background-position:-55px 0;}

footer .foot_nva .a3{ background-position:-120px 0;}

footer .foot_nva .a4{ background-position:-189px 0;}

footer .copyright{ border-top:1px solid #545454; padding:10px 0;font-size:20px; text-align:center; color:#d5d5d5; line-height:16px;}

footer .copyright a{ color:#d5d5d5; }

footer .copyright p{ line-height:25px;}

footer .copyright .p{ margin-top:2px; font-size:20px;}



.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:24px; 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:20px; 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(../image/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;}