﻿@charset "utf-8";
.ac{-webkit-transition-property:all;-webkit-transition-duration:.2s;-webkit-transition-timing-function:linear;-o-transition-property:all;-o-transition-duration:.2s;-o-transition-timing-function:linear;-ms-transition-property:all;-ms-transition-duration:.2s;-ms-transition-timing-function:linear}
#TTT{background:#EEE;color:#333;width:200px;padding:5px;font-size:14px;position:fixed;left:0;top:0}
body,
ul,
p{margin:0;padding:0;font-size:12px;work-break:break-all;font-family:'Microsoft yahei';word-wrap:break-word;list-style:none;color:#333;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none}
table,
form{margin:0;padding:0}
a,
input,
textarea,
select{text-decoration:none;color:#7a7a7a;outline:none;hide-focus:expression(this.hideFocus=true);font-family:'Microsoft yahei'}
img{border:0}
html,
* html body{background-image:url(about:blank);background-attachment:fixed}
h1,
h2,
h3,
h4,
h5,
h6{margin:0;padding:0}
a:hover{color:#c60a0a;text-decoration:none}
.text_c{text-align:center}
.text_r{text-align:right}
.text_l{text-align:left}
.cur_p{cursor:pointer}
.float_l{float:left}
.float_r{float:right}
.clear_b{clear:both}
.dis_b{display:block}
.dis_n{display:none}
.over_h{overflow:hidden}
.over_s{overflow:scroll}
.pos_a{position:absolute}
.pos_r{position:relative}
.text_c{text-align:center}
.bgc_fff{background:#FFF}
.bgc_444{background:#444}
.bgc_1{background:#7a0b27}
.col_fff{color:#FFF}
.col_ccc{color:#CCC}
.col_red{color:#C00}
.col_666{color:#666}
.pos_a{position:absolute}
.pos_r{position:relative}
.font_s12{font-size:12px}
.font_s13{font-size:13px}
.font_s14{font-size:14px}
.font_s16{font-size:16px}
.p_x2{text-indent:2em}
body{background:#fff;}
.m_{display:none;}
.DEFS{margin:0 auto;width:1652px}
.DEFS_0{margin:0 auto;width:1334px}
.DEFS_1{margin:0 auto;width:1024px}
.DEFS_2{margin:0 auto;width:1440px}
#_BOX_{}



#FOM{position:fixed;z-index:60;width:57px;right:5%;top:20%;}
#FOM a{height:57px;width:57px;margin:0 0 10px 0;display:block;position:relative;}
#FOM a .qrc img{margin:5px;}
#FOM .a0 .qrc{left:-212px;top:0;display:none;width:190px;background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 1px 3px #444;}
#FOM .a1 .qrc{left:-212px;top:-67px;display:none;width:190px;background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 1px 3px #444;}
#FOM .a2 .qrc{left:-212px;top:-134px;display:none;width:190px;background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 1px 3px #444;}
#FOM a:hover .qrc{display:block;}



#TOP{height:132px;}
#TOP .text0{right:10px;top:15px;font-size:15px;color:#c60a0a;}
#TOP .text0 a{color:#c60a0a;}
#TOP .logo{left:0;top:26px;}
#TOP .search{right:0;top:52px;}
#TOP .search .i0{float:left;width:450px;border:2px solid #c60a0a;padding:0 10px;height:32px;}
#TOP .search .i1{float:left;color:#fff;border:0;height:36px;background:#c60a0a url(../images/icon_0_1.jpg) 14px center no-repeat;padding:0 30px 0 50px;font-size:14px;}


#MENU_BG{background:#c60a0a;height:42px;}
#MENU{text-align:center;}
#MENU li{line-height:42px;height:42px;width:169px;display: inline-block;background:url(../images/menu_0_1.gif) right no-repeat;}
#MENU li.noborder{background:none;}
#MENU li:hover a{text-shadow:2px 2px 4px #666;}
#MENU li a{line-height:42px;height:42px;color:#fff;display: inline-block;font-size:17px;}
#MENU li a img{float:left;position:relative;top:14px;margin:0 7px 0 0;}

@media screen and (max-width:1442px)
{
    #MENU li{line-height:42px;height:42px;width:149px;display: inline-block;background:url(../images/menu_0_1.gif) right no-repeat;}
}

#MENU_PRODUCT_{width:100%;position: absolute;left:0;top:0;width:100%;height:500px;top:42px;z-index:30;}
#MENU_PRODUCT{z-index:10;background:#555;width:1278px;height:0;margin:0 auto;}
#MENU_PRODUCT a{height:104px;margin:22px 0 20px 0;width:386px;display:inline-block;float:left;padding:0 0 0 40px;}
#MENU_PRODUCT a:hover{text-shadow:1px 2px 4px #333;}
#MENU_PRODUCT a img{float:left;}
#MENU_PRODUCT a .cn{float:left;font-size:16px;width:254px;margin:10px 0 0 0;color:#bbb;}
#MENU_PRODUCT a .en{float:left;font-size:14px;width:254px;margin:23px 0 0 0;color:#bbb;}

#FOOT_0{border-top:2px solid #e0000b;border-bottom:2px solid #e0000b;background:#f2f2f2;}
#FOOT_0 .icon{padding:15px 0;}
#FOOT_0 .icon .li{margin:0 75px; display:inline-block;}
#FOOT_0 .icon .li .name{font-size:20px;color:#cd2f2f;padding:2px 0 0 0;}

#FOOT_1{height:226px;text-align:center;width:1280px;margin:0 auto;}
#FOOT_1 ul{display:inline-block;width:110px;text-align:left;padding:20px 20px 0 30px;float:left;}
#FOOT_1 ul h3{display:block;height:34px;line-height:34px;padding:10px 0;color:#363636;}
#FOOT_1 ul a{display:block;height:26px;line-height:26px;color:#878787;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
#FOOT_1 ul a:hover{color:#d0131a;}


#FOOT2_BG{background:#fdfdfd;height:60px;}
#FOOT_2{height:60px;}
#FOOT_2 .t0{color:#aaa;line-height:20px;padding:5px 0 0 0;}


.PAGE1{margin:22px 0;font-size:12px;color:#666}
.PAGE1 a{padding:5px 9px;font-size:13px;margin:0 3px;color:#333;background:#f3f3f3;border:1px solid #ddd}
.PAGE1 a.selected,
.PAGE1 a:hover{background:#c60a0a;color:#fefefe;border-color:#c60a0a}

#MASK{width:100%;height:100%;background:#000;opacity:0;display:none;position:fixed;z-index:50;top:0;left:0;_position:absolute;_left:expression(eval(document.documentElement.scrollLeft));_top:expression(eval(document.documentElement.scrollTop));zoom:1;_height:expression(document.body.clientHeight+"px")}
#MASK_BOX{width:100%;height:0;left:0;top:0;z-index:56;display:none}
#CLIENTMORE{background:#fff;border:10px solid #fff;margin:0 auto;height:55;box-shadow:0 0 10px #000;z-index:52;width:100px}
#CLIENTMORE #ZOOM_BOX .zoomimg{width:100%px;height:100%}
#CLIENTMORE #ZOOM_BOX .zoomimg .ll{left:0;top:0;width:50%;height:100%;background:url(../images/1x1.gif)}
#CLIENTMORE #ZOOM_BOX .zoomimg .ll:hover{background:url(../images/turn_il1_1.png) left center no-repeat}
#CLIENTMORE #ZOOM_BOX .zoomimg .rr{right:0;top:0;width:50%;height:100%;background:url(../images/1x1.gif)}
#CLIENTMORE #ZOOM_BOX .zoomimg .rr:hover{background:url(../images/turn_ir1_1.png) right center no-repeat}
#CLIENTMORE #ZOOM_BOX_T{font:14px 微软雅黑,verdana;color:#333}
#CLIENTMORE #ZOOM_BOX .button_bg{height:40px;background:#d1d1d1;top:-50px;width:100%;padding:0 10px;left:-10px;text-align:center}
#CLIENTMORE #ZOOM_BOX .button_bg a{margin:0 1px;z-index:54;line-height:40px;padding:10px  32px;background:url(../images/icon_1-.png) center center no-repeat}
#LOGIN{width:564px;z-index:60;height:285px;display:none;background:#fefefe;color:#222}
#LOGIN .top{line-height:20px;height:20px;color:#FFF;font-size:18px;height:80px;margin:40px 0 0 0}
#LOGIN .close{right:0;top:0;width:40px;height:40px;font:30px/40px Arial;color:#444}
#LOGIN .username{font-size:14px;left:93px;height:44px;top:110px}
#LOGIN .username span{position:relative;width:50px;text-align:right;display:inline-block;}
#LOGIN .username input{width:276px;background:#fff;padding-left:6px;height:27px;border:1px solid #ccc;}
#LOGIN .password{font-size:14px;left:93px;height:44px;top:160px}
#LOGIN .password span{position:relative;width:50px;text-align:right;display:inline-block;}
#LOGIN .password input{width:276px;background:#fff;padding-left:6px;height:27px;border:1px solid #ccc;}
#LOGIN .button{left:182px;top:220px;width:260px}
#LOGIN .button input{background:#ddd;border:0;width:77px;height:28px;color:#222;margin-left:6px}
#LOGIN .button input.blue{background:#529136;color:#fff}
#REGISTER{background:#f5f5f5;width:457px;height:513px;z-index:60;opacity:1;display:none;color:#555}
#REGISTER .close{right:0;top:0;width:40px;height:40px;font:30px/40px Arial;color:#333}
#REGISTER .top{line-height:60px;height:60px;font-size:15px}
#REGISTER .yzm{margin:0 0 -8px 4px}
#REGISTER .line{margin-left:30px;margin-top:12px;font-size:14px}
#REGISTER .i0{width:294px;background:#eee;padding-left:6px;height:30px;border:1px solid #CCC;color:#555}
#REGISTER .i1{width:224px;background:#eee;padding-left:5px;height:84px;border:1px solid #CCC;color:#555;resize:none}
#REGISTER .i2{width:56px;background:#eee;padding-left:6px;height:30px;border:1px solid #CCC;color:#555}
#REGISTER .button{margin:10px 0 0 0px}
#REGISTER .button input{background:#529136;border:0;width:77px;height:28px;color:#eee;margin-left:6px}


/*--------------------*/

@media screen and (max-width:600px)
{
	body{padding:60px 0 0 0;}

	
    .DEFS{margin:0 auto;width:100%;overflow:hidden;}
	.DEFS_0{margin:0 auto;width:100%;overflow:hidden;}
	.DEFS_1{margin:0 auto;width:100%;overflow:hidden;}
	.DEFS_2{margin:0 auto;width:100%;overflow:hidden;}
    .m_{display:inherit;}
    .pc_{display:none;}
	.del_{display:none;}
    
    .PAGE1{margin:22px 0;font-size:12px;color:#666}
    .PAGE1 a{padding:7px 10px;font-size:14px;color:#232;border:1px solid #ddd;margin:0 3px;overflow:hidden;background:#fff;box-shadow:1px 1px 2px #eee;}
    .PAGE1 a.selected,
    .PAGE1 a:hover{background:#fff;color:#fff;background:#c60a0a;outline:0;}
    .PAGE1 span{display:block;padding:20px 0 0 0;}
    
	#TOP{height:60px;overflow:inherit;z-index:20;position:fixed;left:0;top:0;width:100%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.3);}
	#TOP .logo{left:3%;top:10px;width:56%;}
	#TOP .logo img{width:100%;}
	#TOP .text0{display:none;}
	#TOP .search{display:none;}
	
	#MENU_BG{display:none;}
	
	#M_FOOT .t0{padding:2px 0 10px 0;font-size: 13px;}
	#M_FOOT .t1{padding:11px 0 0 0;line-height:21px;font-size: 13px;}
	#M_FOOT .t2{padding:11px 0 0 0;line-height:21px;font-size: 17px;color:#870000;}
	#M_FOOT .t0 a{color:#333;}
	#M_FOOT .t1 a{color:#222;text-decoration:underline;}
	
	.m_menuon{right:3%;top:18px;}
	
	#m_menuul{background:#fff;right:0;top:0;z-index:20;width:100%;display:none;box-shadow:0 1px 3px #333;}
	#m_menuul li{width:100%;line-height:50px;border-bottom:1px solid #eeeeee;}
	#m_menuul li a{display:block;font-size:16px;height:50px;}
	#m_menuul li a .icon{margin:0 0 0 4%;float:left;width:30px;display:inline-block;}
	#m_menuul li a .name{float:left;}
	#m_menuul li a .r{float:right;margin:15px 4%  0 0;}
	#m_menuul li ul{display:block;background:#c60a0a;height:0;overflow:hidden;padding:0;margin:0;box-shadow:0 0 7px rgba(0,0,0,0.1) inset;}
	#m_menuul li ul a{display:inline-block;width:33%;text-align:center;line-height:36px;height:36px;color:#f6f6f6;font-size:16px;}
	#m_menuul .close{padding:5px 0 10px 0;text-align:center;font-size:24px;}

	input{
	-webkit-appearance:none;
	outline:none
	}
}


/*--------------------*/

.wf-container {
    margin: 0 auto;
}
.wf-container:before,.wf-container:after {
    content: '';
    display: table;
}
.wf-container:after {
    clear: both;
}
.wf-box {
    margin: 10px;
}
.wf-box img { 
    display: block;
    width: 100%;
}
.wf-box .content {
    border: 1px solid #ccc;
    border-top-width: 0;
    padding: 5px 8px;
}
.wf-column {
    float: left;
}

@media screen and (min-width: 768px) {
    .wf-container { width: 750px; }
}
@media screen  and (min-width: 992px) {
    .wf-container { width: 970px; }
}
@media screen and (min-width: 1200px) {
    .wf-container { width: 1170px; }
}
@media screen and (max-width:600px)
{
	.wf-column{ width: inherit; }
}


