/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 \5fae\8f6f\96c5\9ed1,\5b8b\4f53,arial;}
em,i{ font-style: normal;}
fieldset,img{border:0;}ol,ul{list-style:none;}:focus{outline:0;}s,u{text-decoration:none;}
.none,legend{display:none;}
html{overflow-x:hidden;overflow-y:auto;}
body{color:#333;background:#fff;width:100%;overflow:hidden;}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{ width: 960px;}
a{text-decoration:none;color:#333;transition: color 300ms ease 0s, background-color 300ms ease 0s;}a:hover{text-decoration:underline;color:#dd3348;transition: color 300ms ease 0s, background-color 300ms ease 0s;}a:active{outline:none;}a span,a:hover span{cursor:pointer;}
.clearfix:before,.clearfix:after,.g-top:before,.g-top:after,.g-header:before,.g-header:after,.g-container:before,.g-container:after,.g-footer:before,.g-footer:after{content:".";display:block;height:0;visibility:hidden;font-size:0;}
.clearfix:after,#topNav:after,#ppShow:after,#ivtab:after,#focus:after,#focus-side h2:after,#favorites .content:after,.cmbox .title:after,#friendlink ul:after{clear:both;}
.clearfix,#topNav,#ppShow,#ivtab,#focus,#focus-side h2,#favorites .content,.cmbox .title,#friendlink ul{*zoom:1;}
.f-left{ float:left;}
.f-right{ float:right;}
.f-box{ width: 1200px; margin: 0 auto;}
.clear{ clear:both; height:0px;font-size:0px; line-height:0px; }

.g-logo{ width: 100%; height: 120px; background-color: #fff; overflow: hidden;}
.m-logo{ width: 428px; height: 46px; margin: 40px auto 0; background: url(../images/icon.png) no-repeat 0 0;}
.m-logo a{ display: block; width: 428px; height: 46px;}
.g-nav{ width: 100%; height: 60px; background-color: #000000;}
.g-nav .f-box{ position: relative;}
.m-nav{ float: left; width: 862px;}
.m-nav li{ position: relative; float: left; height: 60px; line-height: 60px; padding-right: 80px;}
.m-nav li a{ font-size: 18px; color: #fff;}
.m-nav li a:hover,.m-nav li.hover a{ color: #dd3348; text-decoration: none;}
.m-nav .tragl-b { border-color: transparent transparent #fff transparent;}
.m-nav .tragl { display: none; border-width: 7px; bottom: 0; left: 50%; margin-left: -48px;}
.m-nav li:hover .tragl,.m-nav li.hover .tragl{ display: block;} 
.tragl-b { border-style: dashed dashed solid dashed; border-color: transparent transparent #e50a80 transparent;}
.tragl { width: 0; height: 0; overflow: hidden; position: absolute; border-width: 5px; border-style: dashed dashed solid dashed; border-color: transparent transparent #FFF transparent; -webkit-transition: -webkit-transform .2s; transition: transform .2s; -webkit-transform-origin: center 20%; transform-origin: center 20%;}
.m-secnavbox{ position: absolute; left: 0; top: 60px; width: 840px; height: 0px; background-color: #fff; overflow: hidden;}
.m-secnavbox .m-secnav{ display: none; height: 40px; line-height: 40px; overflow: hidden;}
.m-secnavbox .m-secnav a{ display: block; float: left; height: 40px; line-height: 40px; margin: 0 39px 0 0; text-align: center; font-size: 16px; border-bottom: 1px solid #fff;}
.m-search{ float: right; width: 237px; margin-top: 10px;}
.m-search form{ width: 237; height: 40px; background-color: #fff; border-radius: 26px;}
.m-search form .m-search-input{ display: block; float: left; width: 192px; height: 40px; text-indent: 1em; font-size: 16px; border:none; background: none; }
.m-search form .m-search-btn{ display: block; float: left; width: 37px; height: 40px; background: url(../images/icon.png) no-repeat -462px -6px; border: none;}

.g-footer{ width: 100%; margin-top: 60px; padding: 20px 0; text-align: center; background-color: #000000;}
.g-footer p{ line-height: 30px; font-size: 14px; color: #999999;}
.g-footer p a{ padding: 0 15px; color: #999999;}

#gotoBox { display:none; position: fixed; bottom: 220px; left: 50%; width: 41px; cursor: pointer; margin-left: 642px; margin-top: -50px;}
#gotoBox a.cur { color: #5fb733;}
#gotoBox a { margin-bottom: 7px;}
#gotoBox i, #gotoBox a { display: block; width: 30px; height: 36px; line-height: 36px; padding: 3px 5px; background: none repeat scroll 0 0 #f8f7f7; border: 1px solid #e5e4e4; font-style: normal; text-align: center; border-radius:3px;}
#gotoBox i{ background:url(../images/topicon.png) no-repeat scroll 7px 14px #dcdcdc;}
#gotoBox i.hover{ background:url(../images/topicon.png) no-repeat scroll 7px 14px #dd3348;}