﻿
@charset "utf-8";
html,body{position:relative;min-width:100%;min-height:100%;color:#333;font:12px/1.5 "Microsoft YaHei","微软雅黑", Arial}
body,button,dl,dd,h1,h2,h3,h4,h5,h6,ul,ol,p,pre,textarea{margin:0}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
a{color:#333}
button,ul,ol,textarea{padding:0}
textarea{overflow-y:auto}
ol,ul{list-style:none}
button,fieldset{border:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
table{width:100%;border-spacing:0;border-collapse:collapse;border:0}
th,td{/*border:1px solid #666*/}
input[type='button'],input[type='image'],.select{cursor:pointer;outline:none}
input[type='text']::-ms-clear{display:none}
input[type='text']::-webkit-input-placeholder{color:#AAA;font-size:14px}
input[type='text']::-moz-placeholder{color:#AAA;font-size:14px}
input[type='text']::-ms-input-placeholder{color:#AAA;font-size:14px}
input[type='text'],input[type='password'],input[type='date'],input[type='number'],input[type='tel'],input[type='email'],select,button{border-radius:0!important}/*客户要求所有录入域及按钮都不要圆角*/
a,a:link,a:visited,a:active,a:hover{text-decoration:none;border:none;}
a:focus{outline:none;border:1px dotted #000}
img{border:none;vertical-align:middle}
strong,.strong{font-weight:bold}
em{font-style:normal}
.vm{vertical-align:middle;}
/*border right*/
.br_e5{border-right:1px solid #e5e5e5;}
/*border 0*/
.bd_0{border:0!important}
.bt_0{border-top:0!important}
.br_0{border-right:0!important}
.bb_0{border-bottom:0!important}
.bl_0{border-left:0!important}
/*outline light*/
.boxs_cc{
	-webkit-box-shadow:0 0 15px #ccc;
	 -khtml-box-shadow:0 0 15px #ccc;
	   -moz-box-shadow:0 0 15px #ccc;
	    -ms-box-shadow:0 0 15px #ccc;
	     -o-box-shadow:0 0 15px #ccc;
		    box-shadow:0 0 15px #ccc;
}
/*font-size  TODO*/
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f22{font-size:22px}
.f24{font-size:24px}
.f26{font-size:26px}
/*safe color*/
.c_5a{color:#5A5A5A}/*顶部菜单字体*/
.c_55{color:#555}
.c_62{color:#626262}/*dl描述字体*/
.c_e6{color:#E66B01}/*相对于666着重显示的字体*/
.c_fc{color:#FC6700}/*黄色高亮字体*/
.c_33{color:#333}
.c_66{color:#666}/*浅黑字体*/
.c_77{color:#777}
.c_88{color:#888}
.c_99{color:#999}
.c_cc{color:#CCC}
.c_ff{color:#FFF}/*白色字体*/
.c41{color:#414141}
.ca8{color:#a8a8a8}
/*background color*/
.bg_ff{background:#fff}
.bg_no{background:none!important}

/*height  TODO*/
.h24{height:24px}
.h34{height:34px}
.h40{height:40px}
.h55{height:55px}
/*line-height  TODO*/
.lh24{line-height:24px}
.lh34{line-height:34px}
.lh40{line-height:40px}
.lh55{line-height:55px}
/*heigth line-height*/
.hl24{height:24px;line-height:24px}
.hl28{height:28px;line-height:28px}
.hl34{height:34px;line-height:34px}
.hl40{height:40px;line-height:40px}
.hl55{height:55px;line-height:55px}
/*margin*/
.m_0{margin:0!important}
.mt_0{margin-top:0!important}
.mt_5{margin-top:5px!important}
.mt_12{margin-top:12px!important}
.mt_15{margin-top:15px!important}
.mt_20{margin-top:20px!important}
.mt_35{margin-top:35px!important}

.mr_0{margin-right:0!important}
.mr_5{margin-right:5px!important}
.mr_10{margin-right:10px !important}
.mr_12{margin-right:12px!important}
.mr_15{margin-right:15px!important}
.mr_20{margin-right:20px!important}

.mb_0{margin-bottom:0!important}
.mb_5{margin-bottom:5px!important}
.mb_10{margin-bottom:10px !important}
.mb_12{margin-bottom:12px!important}
.mb_15{margin-bottom:15px!important}
.mb_20{margin-bottom:20px!important}

.ml_0{margin-left:0!important}
.ml_5{margin-left:5px!important}
.ml_10{margin-left:10px !important}
.ml_12{margin-left:12px!important}
.ml_15{margin-left:15px!important}
.ml_20{margin-left:20px!important}
/*padding  TODO*/
.p_0{padding:0!important}
.pt_0{padding-top:0!important}
.pr_0{padding-right:0!important}
.pb_0{padding-bottom:0!important}
.pl_0{padding-left:0!important}

.p_5{padding:5px}
.pt_5{padding-top:5px}
.pr_5{padding-right:5px}
.pb_5{padding-bottom:5px}
.pl_5{padding-left:5px}

.p_10{padding:10px}
.pt_10{padding-top:10px}
.pr_10{padding-right:10px}
.pb_10{padding-bottom:10px}
.pl_10{padding-left:10px}

.p_15{padding:15px}
.pt_15{padding-top:15px}
.pr_15{padding-right:15px}
.pb_15{padding-bottom:15px}
.pl_15{padding-left:15px}

.p_20{padding:20px}
.pt_20{padding-top:20px}
.pr_20{padding-right:20px}
.pb_20{padding-bottom:20px}
.pl_20{padding-left:20px}

.p_25{padding:25px}
.pt_25{padding-top:25px}
.pr_25{padding-right:25px}
.pb_25{padding-bottom:25px}
.pl_25{padding-left:25px}

.p_30{padding:30px}
.pl_30{padding-left:30px}
.pt_30{padding-top:30px}
.pr_30{padding-right:30px}
.pb_30{padding-bottom:30px}
/*percent width value  TODO*/
.pct_10{width:10%}
.pct_15{width:15%}
.pct_20{width:20%}
.pct_25{width:25%}
.pct_30{width:30%}
.pct_33{width:33.3%}
.pct_40{width:40%}
.pct_50{width:50%}
.pct_60{width:60%}
.pct_66{width:66%}
.pct_70{width:70%}
.pct_75{width:75%}
.pct_80{width:80%}
.pct_90{width:90%}
.pct_93{width:93%}
.pct_100{width:100%}
/* cursor */
.poi{cursor:pointer}
/* display */
.dn{display:none}
.db{display:block !important;}
.lb{display:inline-block !important}
.vh{visibility:hidden}
/* font-family */
.ffs{font-family:SimSun}
.ffw{font-family:"Microsoft YaHei"}
/* text-decoration */
.tdl{text-decoration:underline !important;}
/* text-align */
.tc{text-align:center}
.tr{text-align:right}
.tl{text-align:left}
.tci{text-align:center!important}
.tri{text-align:right!important}
.tli{text-align:left!important}
.tj{text-align:justify;text-justify:distribute-all-lines;text-align-last:justify;-moz-text-align-last:justify;-webkit-text-align-last:justify}
@media screen and (-webkit-min-device-pixel-ratio:0){.tj:after{content:".";display:inline-block;width:100%;overflow:hidden;height:0}}
/* textarea content style*/
.tt{word-wrap:break-word;overflow:hidden;word-break:break-all}
/* float */
.l{float:left}
.r{float:right}
/* clear */
.cls{clear:both}
.fn{float:none !important}
/* position */
.rel{position:relative}
.abs{position:absolute}
.fix{position:fixed}
/*z-index*/
.zxn{z-index:-1}
.zx1{z-index:1}
.zx2{z-index:2}
.zx3{z-index:3}
/* overflow */
.ovh{overflow:hidden}
.ovi{overflow:inherit}
.ova{overflow:auto}
.wauto{width:auto!important}
.hauto{width:auto!important}
/**textarea禁止缩放**/
.rs_b{resize:both;}
.rs_d{resize:none;}
.rs_h{resize:horizontal;}
.rs_v{resize:vertical;}
/*multiply CSS*/
.auto{margin-left:auto;margin-right:auto}
.fixed{*zoom:1}
.fixed:after{content:"";display:table;clear:both}
.ell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}  
.o2{filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2}
.o5{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
/*绝对居中*/
.abc{position:absolute;left:0;top:0;right:0;bottom:0; margin:auto}
/*CSS3*/
.trans{  
  -webkit-transition:all .3s ease-in-out;
   -khtml-transition:all .3s ease-in-out;
     -moz-transition:all .3s ease-in-out;
      -ms-transition:all .3s ease-in-out;
       -o-transition:all .3s ease-in-out;
          transition:all .3s ease-in-out;
}
.fadeIn{
  -webkit-animation:fadeIn .3s 0 1;
     -moz-animation:fadeIn .3s 0 1;
		  animation:fadeIn .3s 0 1;
}
.fadeOut{
  -webkit-animation:fadeOut .3s 0 1;
     -moz-animation:fadeOut .3s 0 1;
		  animation:fadeOut .3s 0 1;
}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
   @-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
        @keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
   @-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
        @keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.new{
	-webkit-animation:bounce 1s .2s ease infinite both;
	 -khtml-animation:bounce 1s .2s ease infinite both;
	   -moz-animation:bounce 1s .2s ease infinite both;
	    -ms-animation:bounce 1s .2s ease infinite both;
	     -o-animation:bounce 1s .2s ease infinite both;
		    animation:bounce 1s .2s ease infinite both;
}
@-webkit-keyframes bounce{
	0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
	                40%{-webkit-transform:translateY(-6px)}
	                60%{-webkit-transform:translateY(-3px)}
}
 @-khtml-keyframes bounce{
	0%,20%,50%,80%,100%{-khtml-transform:translateY(0)}
	                40%{-khtml-transform:translateY(-6px)}
	                60%{-khtml-transform:translateY(-3px)}
}
   @-moz-keyframes bounce{
	0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
					40%{-moz-transform:translateY(-6px)}
					60%{-moz-transform:translateY(-3px)}
	}
    @-ms-keyframes bounce{
	0%,20%,50%,80%,100%{-ms-transform:translateY(0)}
					40%{-ms-transform:translateY(-6px)}
					60%{-ms-transform:translateY(-3px)}
	}
     @-o-keyframes bounce{
	0%,20%,50%,80%,100%{-o-transform:translateY(0)}
					40%{-o-transform:translateY(-6px)}
					60%{-o-transform:translateY(-3px)}
	  }
        @keyframes bounce{
	0%,20%,50%,80%,100%{transform:translateY(0)}
					40%{transform:translateY(-6px)}
					60%{transform:translateY(-3px)}
		}
.rot_180:hover{  
  -webkit-transform:rotate(180deg);
   -khtml-transform:rotate(180deg);
     -moz-transform:rotate(180deg);
      -ms-transform:rotate(180deg);
       -o-transform:rotate(180deg);
          transform:rotate(180deg);
} 
.tri{
  width:0;
  height:0;
  border-width:4px 4px;
  border-style:solid;
  border-color:#666 transparent transparent;
  font-size:0;
  line-height:0;
  -webkit-transition:-webkit-transform 10.2s ease-in;
   -khtml-transition: -khtml-transform 10.2s ease-in;
     -moz-transition:   -moz-transform 10.2s ease-in;
      -ms-transition:    -ms-transform 10.2s ease-in;
       -o-transition:     -o-transform 10.2s ease-in;
          transition:        transform 10.2s ease-in;  
  -webkit-backface-visibility:hidden;
  cursor:pointer;
}
.tri:hover{
  border-color:#666 transparent transparent;
  -webkit-transform:rotate(180deg);
   -khtml-transform:rotate(180deg);
     -moz-transform:rotate(180deg);
	  -ms-transform:rotate(180deg);
	   -o-transform:rotate(180deg);
	      transform:rotate(180deg);
  -webkit-transform-origin:50% 30%;
   -khtml-transform-origin:50% 30%;
     -moz-transform-origin:50% 30%;
	  -ms-transform-origin:50% 30%;
	   -o-transform-origin:50% 30%;
		  transform-origin:50% 30%;
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  top:3px\9;
}
.imgZoom{
	-webkit-transform:scale(1);
	 -khtml-transform:scale(1);
	   -moz-transform:scale(1);
	    -ms-transform:scale(1);
	     -o-transform:scale(1);
	        transform:scale(1);
}
.imgZoom:hover {
	-webkit-transform:scale(1.2);
	 -khtml-transform:scale(1.2);
	   -moz-transform:scale(1.2);
	    -ms-transform:scale(1.2);
	     -o-transform:scale(1.2);
	        transform:scale(1.2);
}
.tablet2 .tp12{padding:0 10px;}
.tablet2 .tovh{overflow:hidden;}
blockquote{border-left:none !important;}
.fa{
	margin:0 10px;
	font-size: 14px !important;
}
.allTab span a:hover{
	color: #FF8200;
}