h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
:focus{outline:0}
ul,ol{list-style:none}
fieldset,img{border:0 none;vertical-align:top}
address,caption,cite,code,dfn,em,i,th,var,optgroup{font-style:normal;font-weight:normal}
abbr,acronym{border:0;font-variant:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
code,kbd,samp,tt{font-size:100%}
input,button,textarea,select{*font-size:100%;outline:none}
textarea{resize:none}
table{border-collapse:collapse;border-spacing:0}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
.fl{float:left;width: 20%;}
.fl img{max-width:100%;height:auto;}
.fr{float:right;width: 30%;color:#fff;font-size:1.4rem;line-height:7rem;text-align: right;}
.fr span{color:#fff;font-size:3rem;}
a{color:#333;text-decoration:none;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;transition:color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}
a:hover{text-decoration:none}
a.special,.special a{color:#1eb37b}
a.special:hover,.special a:hover{color:#1eb37b;text-decoration:none}
.cf:before,.cf:after,.clearfix:before,.clearfix:after{content:"";display:table}
.cf:after,.clearfix:after{clear:both}
.cf,.clearfix{clear:both;*zoom:1}
.c-333{color:#333}
.c-666{color:#666}
.c-999{color:#999}
.c-green{color:#1fb079}
.c-orange{color:#fc714c}
.c-reg{color:#d90106}
.f9{font-size:9px;-webkit-text-size-adjust:none}
.f12,.fb12{font-size:12px}
.simsun{font-family:SimSun}
.f14,.fb14{font-size:14px}
.f16,.fb16{font-size:16px}
.f18,.fb18{font-size:18px}
.f20,.fb20{font-size:20px}
.fb,.fb12,.fb14,.fb16,.fb18,.fb20{font-weight:700}
.tc{text-align:center}
.tr{text-align:right}
.show{display:block}
.hide{display:none !important}
.ti,.te{white-space:nowrap;overflow:hidden}
.ti{text-indent:-999em}
.te{text-overflow:ellipsis}
@media (max-width:990px) {
.fr{display:none;}
.fl{float:left;width: 20%;}
}

@media (min-width:991px) and (max-width:1320px) {
.fr{display:none;}
.fl{float:left;width: 30%;}
.header .nav{width: 70% !important;}
.header .navbar_nav li { width: 16% !important;max-width: 16% !important;}
}
@media (min-width:1321px) and (max-width:1600px) {
.fr{width: 30%;}
.fl{float:left;width: 20%;}
.header .nav{width: 50% !important;}
.header .navbar_nav li { width: 16% !important;max-width: 16% !important;}
}