body {color:#666666;font-family:Microsoft yahei;font-size:12px;}
body,div,ul,ol,li,dl,dt,dd,p,span,h1,h2,h3,h4,h5,h6,form,pre,fieldset,legend,table,tr,td,th,input,textarea,img {margin:0;padding:0;}
div,ul,ol,li,dl,dt,dd {margin:0 auto;list-style:none;font-size:12px;}
fieldset,img {border:0;}
textarea {resize:none;font-size:12px;}
a:link,a:visited {color:#666666;font-size:12px;text-decoration:none;}
a:hover,a:active {color:#FF0000;font-size:12px;text-decoration:none;}
a.white,a.white:visited {color:#FFFFFF;font-size:12px;text-decoration:none;}
a.black,a.black:visited {color:#666666;font-size:12px;text-decoration:none;}
a.links,a.links:visited {color:#666666;font-size:12px;text-decoration:none;margin:0px 5px 0px 4px;}

.clear,.cl {clear:both;}
.fl,.l {float:left;}
.fr,.r {float:right;}
.center {text-align:center;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.pt10 {padding-top:10px;}
.text {width:120px;height:20px;line-height:20px;border:1px solid #8A8484;}

.bridgeCode {width:99%;text-align:center;padding-bottom:5px;}
.bridgeCode span {padding:0px 10px 0px 10px;}
.button_submit {padding-bottom:2px;font-weight:normal;cursor:pointer;}
.button_upload {padding-top:1px;border:1px solid #888888;width:195px;font-size:12px;cursor:pointer;}
.topCon_1 {float:left;width:100%;}

.Top-main {width:100%;height:36px;border-bottom:1px solid #DDDDDD;}
.Top-left {width:200px;height:36px;line-height:36px;float:left;}
.Top-left span {color:#666666;padding-left:5px;}
.Top-right {width:100px;height:36px;line-height:36px;float:right;text-align:right;}
.Top-right span {padding-right:5px;}
.Top-right a:link,.Top-right a:active,.Top-right a:visited {color:#06929F;text-decoration:none;font-size:14px;}
.Header {width:100%;margin-top:0px;}
.Header-logo {float:left;width:100%;padding-top:7px;padding-bottom:5px;}
.Header-logo  a img{ width:270px;}

.Menus {width:100%;clear:both;height:78px;background:#A8A8A8;}
.Menus em {color:#fff;}
.Menus ul li {float:left;text-align:center;line-height:35px;width:24.9%;height:35px;border-bottom:1px solid #fff;}	
.Menus ul li:nth-of-type(2n+2){background:#0C438C}	
.Menus ul li:nth-of-type(2n+1){ background:#1B57D4}
.Menus ul a {display:block;margin:0px 0px 0px 0px;}
.Menus ul a:link,.Menus ul a:active,.Menus ul a:visited {float:left;width:100%;-height:50px;color:#FFFFFF;border:1px solid #fff;border-radius:5px;-box-shadow:-1px 1px 2px 1px #466E8E;-background:#242b31;font-size:14px;}	

.Menus1 {width:100%;clear:both;padding-top:4px;}
.Menus1 ul {overflow:hidden;}
.Menus1 ul li {float:left;text-align:center;line-height:36px;width:24%;}		
.Menus1 ul a {display:block;margin:10px 0px 0px 10px;}
.Menus1 ul a:link,.Menus1 ul a:active,.Menus1 ul a:visited {float:left;width:95%;height:36px;border:1px solid #BFBFBF;border-radius:5px;font-size:14px;color:#fff;}	

.topbg {width:100%;clear:both;z-index:1000;}
.navbtn {width:61px;height:39px;line-height:39px;position:fixed;right:1%;top:10px;z-index:1000;cursor:pointer;
    text-align:center;background:#1B6EB2;border:1px solid #DEDEDE;border-radius:5px;-moz-border-radius:5px;   
	-webkit-border-radius:5px;color:#DDDDDD;font-size:18px;filter:alpha(opacity=80);opacity:0.8;}
.navbg {width:207px;border:0px solid #0F60A2;background:#1A6DB1;position:fixed;right:1%;top:51px;display:none;z-index:999;}
.navbg li {width:100%;height:36px;border-bottom:1px solid #095DA2;}
.navbg li a {width:100%;display:block;height:35px;line-height:35px;border-bottom:1px solid #247AC1;font-size:16px;color:#FFFFFF;text-indent:23px;background:url('../images/navicos.jpg') 155px center no-repeat;}

.search {width:90%;height:45px;padding-top:15px; position:fixed; top:0; z-index:9999; margin-left:50px; background:#0C438C;}
.searchA {float:left;width:80%;height:27px;}
.searchA input {width:100%;height:25px;line-height:25px;border:1px #C5C5C5 solid;font-size:12px;color:#888888;padding:0px 0px 0px 3px; border-radius:15px;text-indent: 5%;}
.searchB {float:left;height:27px;padding-left:5px;}
.searchB input {width:46px;height:27px;border:0;cursor:pointer;color:#FFFFFF;background:#000;}

.ContentA {clear:both;width:100%;padding:12px 0px 12px 0px;} 
.ContentA1 {width:100%;height:30px;line-height:30px;background:#FE5900;font-size:14px;font-family:Microsoft yahei;}
.ContentA1 span {color:#FFFFFF;padding-left:15px;padding-right:10px;}
.ContentA2 {width:100%;background:#F8F7F4;} 
.ContentA2a {width:90px;float:left;padding:12px 0px 0px 22px;} 
.ContentA2b {width:98%;float:left;line-height:21px;padding:5px 1% 5px 1%;} 
.ContentA2b img {max-width:98%;height:auto !important;}
.ContentA2b table {width:99% !important;table-layout:fixed;word-wrap:break-word;}
.ContentA3 {width:100%;height:30px;line-height:30px;background:#0C438C;font-size:14px;font-family:Microsoft yahei;}
.ContentA3a {float:left;width:10%;height:30px;background:url('../images/backArrow.png') no-repeat 10px 2px;}
.ContentA3a a {float:left;width:100%;height:30px;display:block;}
.ContentA3b {float:left;width:70%;text-align:center;color:#FFFFFF; font-size:14px; font-family:"Microsoft yahei";}
.ContentA3c {float:left;width:18%;background:url('../images/index_15.png') no-repeat 0px 6px;cursor:pointer;}
.ContentA3c span {color:#fff;padding-left:23px;cursor:pointer;}
.view_menumain {float:left;display:none;width:96%;background:#2D3135;padding:2%;}
.view_menumain ul {padding:10px 0px 10px 0px;}
.view_menumain ul a {float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0 1% 10px 1%;font-size:16px;padding:0.5% 1%;color:#fff;border-radius:5px;background:#3B79F1;
font-family:"Microsoft yahei"; font-size:12px; text-align:center; width:21%;}

.ContentB {clear:both;width:100%; background:#0c4189; padding-top:10px;border-bottom: 5px solid #ccc;}
.ContentB1 {width:100%;height:30px;background:#0087FE;}
.ContentB1a {float:left;width:100%;height:30px;line-height:30px;font-size:14px;font-family:Microsoft yahei;}  
.ContentB1a span {color:#FFFFFF;padding-left:15px;}
.ContentB1b {float:left;width:70px;height:14px;padding-left:2px;background:#32CFB2;color:#FFFFFF;margin-top:4px;}  
.cTitle{width:120px;margin: 0 auto;color: #515151;padding: 0 2%;text-align: center;margin-bottom: -1px;position: relative;background: #fff;color: #ffffff;}
.cTitle p{color:#5D5D5D;display: inline;position: relative;font: 18px/1 'Microsoft Yahei';}
.cTitle font{overflow: hidden;text-transform: uppercase;display: block;font: 0.15rem/1 Arial, Helvetica, sans-serif;color: #7787af;}
.bTitle{width:120px;margin: 0 auto;color: #515151;padding: 0 2%;text-align: center;margin-bottom: -1px;position: relative;background: #0c4189;color: #ffffff;}
.bTitle p{display: inline;position: relative;font: 18px/1 'Microsoft Yahei';}
.bTitle font{overflow: hidden;text-transform: uppercase;display: block;font: 0.15rem/1 Arial, Helvetica, sans-serif;color: #7787af;}

.ContentC {clear:both;width:100%; background:#0c4189; padding-top:10px; border-bottom:5px solid #ccc;}
.ContentC1 {width:100%;height:30px;line-height:30px;background:#FCB803;font-size:14px;font-family:Microsoft yahei;}
.ContentC1 span {color:#FFFFFF;padding-left:15px;padding-right:10px;}
.ContentC .BB {clear:both;width:95%;height:20px;text-align:right;border-bottom:1px solid #DDDDDD;}

.ContentE {clear:both;width:100%;-padding-top:12px;overflow:hidden;margin-top: 10px; border-bottom:5px solid #ccc;}
.ContentE1 {width:100%;height:40px;line-height:35px;background:#242B31;font-size:14px;font-family:Microsoft yahei;background:url('../images/line.gif') repeat-x left center; }
.ContentE1 span {color:#FFFFFF;padding-left:15px;padding-right:10px;font-size: 20px;font-family: "Microsoft yahei";}
.ContentE1 span:nth-of-type(2) {color:#FFFFFF;padding-left:15px;padding-right:15px;font-size: 20px;font-family: "Microsoft yahei"; background:#C00; display:block; border-radius:20px; margin-right:15px;}
.ContentE2 {float:left;width:48%;height:180px;margin:5px 1% 10px 1%;overflow:hidden;} 
.ContentE2a {width:98%;height:150px;border:1px solid #CCCCCC;background:#FFFFFF;padding:1%;box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;text-align:center;} 
.ContentE2a a {vertical-align:middle; height:150px;}
.ContentE2a img {width:100%; max-height:150px; max-width:170px;}
.ContentE2b {width:98%;height:25px;line-height:25px;-border:1px solid #CCCCCC;background:#0C4189;text-align:center;color:#3F4D5A;text-overflow:ellipsis;margin-top:2px;overflow:hidden;white-space:nowrap;} 
.ContentE2b a{color:#fff !important; font:16px/1em "Microsoft yahei";}

.About {width:98%;height:15px;text-align:right;padding-top:0px;}
.AboutContent {width:98%;min-height:100px;_height:100px;padding:10px 0px 0px 0px;line-height:24px;border-bottom:0px solid #DDDDDD;color:#333333;clear:both;}
.aboutus {clear:both;padding:10px 0px 10px 5px;line-height:28px;}
.aboutus a:link,.aboutus a:visited {background:url('../images/ico_09.png') no-repeat left center;padding-left:12px;font-size:16px;font-weight:bold;color:#666666;margin-right:10px;display:block;float:left;}
.company {clear:both;padding:10px;}
.company img {max-width:98%;height:auto !important;}
.company table {width:99% !important;table-layout:fixed;word-wrap:break-word;}

.footnav {clear:both;width:99%;height:30px;padding-top:10px;padding-bottom:10px;}
.footnav ul {margin:10px 0px 10px 0px;}
.footnav ul li {float:left;width:20%;height:30px;line-height:30px;border:1px solid #fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#0C4189;margin-right:2%;margin-left:2%;}
.footnav ul li a {display:block;width:100%;height:100%;box-shadow:0 0 2px #FFFFFF inset;font-size:12px;color:#fff;text-align:center;}

.shareview {font-size:14px;line-height:180%;color:#7FA6C6;width:92%;margin:10px 4% 0px 4%;}
.Footder {clear:both;width:100%;min-height:100px;_height:140px;padding-top:10px;}
.FootderA {width:100%;border-bottom:0px solid #DDDDDD;border-top:1px solid #DDDDDD;text-align:center;line-height:22px;}
.FootderAContent {padding:8px 5px 8px 5px;color:#666666;}
.FootderC {width:100%;text-align:center;background:#33D0B3;position:fixed;bottom:0;display:block;left:0;z-index:100;}
.footbtn {width:100%;height:62px;background:#242B31;background-image:-moz-linear-gradient(center top, #242B31, #242B31);background-image:-moz-linear-gradient(top, #242B31, #242B31);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#242B31), to(#242B31));background-image:-webkit-linear-gradient(top, #242B31, #242B31);background-image:-o-linear-gradient(top, #242B31, #242B31);background-image:linear-gradient(top, #242B31, #242B31);}
.footbtn li {float:left;width:24.5%;height:100%;}
.footbtn a {display:block;width:100%;height:32px;margin-top:30px;color:#fff;text-align:center;}
.footbtn a span {display:block;width:100%;height:100%;line-height:32px;font-size:14px;cursor:pointer;}
.share {background:url('../images/share.png') center 6px no-repeat;border-right:1px solid #1A1D22;}
.sms {background:url('../images/sms.png') center 6px no-repeat;border-right:1px solid #1A1D22;border-left:1px solid #1A1D22;}
.tel {background:url('../images/tel.png') center 6px no-repeat;border-right:1px solid #1A1D22;border-left:1px solid #1A1D22;}
.map {background:url('../images/map.png') center 6px no-repeat;border-left:1px solid #1A1D22;}

.newslist1 {clear:both;width:98%;margin-left:1%;padding:5px 0px 0px 0px;}
.newslist1 ul {float:left;width:100%;}
.newslist1 ul li {padding:0px 0px 0px 13px;border-bottom:#DFDFDF 1px dashed;text-align:left;-background:url('../images/more.png') no-repeat 1px center;height:35px;line-height:35px;}

.newslist1 ul li a:link,.newslist1 ul li a:visited,.newslist1 ul li a:active {text-decoration:none;font-size:14px;color:#fff;}
.newslist1 ul li span{ margin-right:15px; font:14px/35px "Microsoft yahei"; color:#fff;}

.newslist2 {clear:both;width:98%;margin-left:1%;padding:10px 0px 0px 0px;min-height:200px;_height:200px;}
.newslist2 ul {float:left;width:100%;}
.newslist2 ul li {padding:0px 0px 0px 13px;border-bottom:#DFDFDF 1px dashed;text-align:left;background:url('../images/more.png') no-repeat 1px center;height:28px;line-height:28px;}
.newslist2 ul li a:link,.newslist2 ul li a:visited,.newslist2 ul li a:active {text-decoration:none;font-size:12px;color:#666666;}
.newslist2 ul li span {color:#808080;padding-left:10px;}

.prolist2 {float:left;width:100%;clear:both;}
.prolist2 ul {width:94%;padding:3% 3% 0 3%;}
.prolist2 ul li {float:left;width:48%;height:180px;margin:5px 1% 10px 1%; }
.prolist2 li div {float:left;width:100%; text-align:center;}
.prolist2 li img {display:block; max-height:145px; max-width:175px; margin:0 auto;}
.prolist2 .proimg {float:left;width:99%;height:150px;border:1px solid #CCCCCC;background:#FFFFFF;padding:1%;box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.prolist2 .protxt {float:left;width:98%;height:25px;line-height:25px;border:1px solid #A2CFEA;background:#0C438C;text-align:center;color:#fff;text-overflow:ellipsis;margin-top:2px;overflow:hidden;white-space:nowrap; }

.content {width:100%;}
.content h1 {font-weight:bold;font-size:16px;line-height:30px;color:#325065;text-align:center;border-bottom:1px dashed #999999;width:98%;margin:10px 1%;}
.content h1 p {width:100%;font-size:16px;line-height:30px;color:#555555;text-align:center;}
.content .ptimeviews {font-size:12px;}
.content .ptimeviews span {padding-left:10px;font-size:12px;}
.content .view {font-size:13px;line-height:180%;color:#325065;width:98%;padding:8px 0px;margin:0px 1% 0px 1%;}
.content .view p {font-size:13px;line-height:180%;color:#325065;width:100%;}
.content .view div img {max-width:98%;height:auto !important;}
.content .view div table {width:99% !important;table-layout:fixed;word-wrap:break-word;}
.content .jobtable {width:99%;border-left:1px solid #CCCCCC;border-top:1px solid #CCCCCC;}
.content .jobtable td {border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
.content .backlist2 {display:block;width:60px;height:32px;line-height:32px;margin:15px auto;color:#FFFFFF;font-size:14px;text-align:center;background:#0C4189;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.content .prevpage,.content .nextpage {display:block;width:98%;margin:0px 1% 8px 1%;height:25px;line-height:25px;font-size:12px;color:#325065;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background:#DDDDDD;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.content .prevpage span,.content .nextpage span {padding-left:10px;}
.content .hr {width:98%;height:0;border-top:1px dashed #999999;margin:6px 1%;}

.downloadlist {width:99%;clear:both;min-height:200px;_height:200px;}
.downloadlist dl {float:left;width:100%;padding:5px 0px 10px 0px;}
.downloadlist dt {float:left;width:110px;}
.downloadlist dd {float:left;width:180px;padding-left:10px;}
.downloadlist div {float:left;width:100%;}
.downloadlist div ul {}
.downloadlist div ul li {line-height:23px;}
.downloadlist div span {color:#006699;}

.linklist {width:95%;clear:both;padding:10px 0px 10px 0px;}
.linklist ul {width:100%;}
.linklist ul li {text-align:left;height:28px;line-height:28px;}
.submitTable {border:0;}
.submitTable td {height:35px;font-size:12px;}
.submitTable td input {height:24px;line-height:24px;}
.in {line-height:24px;border:1px solid #999999;}
.welcome {color:#333333;font-size:13px;font-weight:bold;background-color:orange;}

/* pages */
.dede_pages {width:98%;text-align:center;line-height:30px;padding:10px 0px 10px 0px;}
.dede_pages span {text-align:center;color:#FFFFFF;background:#0C438C;border:1px solid #A2CFEA;margin:0px 2px;padding:3px 8px 3px 8px;font-weight:bold;}
.dede_pages a {text-align:center;color:#666666;background:#FFFFFF;border:1px solid #DDDDDD;margin:0px 2px;padding:3px 8px 3px 8px;}

/* banner */
.big-pic {width:100%;position:relative;border-bottom:5px solid #A8A8A8;margin-top:60px;}
.big-pic img {float:left;width:100%;height:auto;display:block;}
.big-pic-in {position:relative;width:100%;height:auto;overflow:hidden;}
.pic-list {position:relative;height:auto;-webkit-transform:translate3d(0,0,0);z-index:0;}
.slide-dot {width:95%;overflow:hidden;position:absolute;left:0;bottom:0;height:26px;text-align:right;padding:0 5% 0 0;}
.slide-dot span {display:inline-block;width:6px;height:6px;border-radius:8px;vertical-align:top;z-index:10;background:#B5B5B5;margin:8px 3px 0 2px;}
.slide-dot .slide-dot-cur {z-index:10;vertical-align:top;background:#C80002;width:7px;height:7px;border-radius:10px;margin-top:7px;}
.transition {-moz-transition:-moz-transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out;}

.banner4 {width:300px;height:200px;overflow:hidden;position:relative;}
.slider4 {width:6550px;position:absolute;}
.slider4 li {float:left;display:inline;}
.slider4 img {width:300px;height:200px;display:block;}
.num4 {position:absolute;bottom:5px;right:5px;}
.num4 li {float:left;width:15px;height:14px;line-height:14px;color:#FFFFFF;background:url('../images/dots_01.png') no-repeat;text-align:center;font-size:12px;cursor:pointer;padding-bottom:5px;margin-right:5px;display:inline;}
.num4 li.on,.num4 li:hover,.num4 li.active {color:#FFFFFF;background:url('../images/dots_02.png') no-repeat;line-height:14px;font-size:12px;}

.searchBtn{width: 40px; position: absolute;height: 100%;color: #fff;text-align: center;overflow: hidden;}
.searchBtn img{width:100%; margin:10px 5px;}
.menunavbtn {width:40px;height:40px;position:absolute;right:1%;top:15px;z-index:1000;cursor:pointer;text-align:center;filter:alpha(opacity=80);opacity:0.8;background:url('../images/navbtn2.png') no-repeat;}
.allpage {position:relative;z-index:10;background:#fff;}
.menunav {width:220px; height:900px;position:fixed;right:0px;top:60px;background:#1A1D22;z-index:1;}
.menunav p{display:block;color:#fff;line-height:1.8;text-align:center;font-weight:400;}
.menunav span{padding: 5% 0;display: block;color:#c1bfb2; font-size:29px;}
.menunav font{color:#7a7970;font-family:'Impact';font-weight:normal;}
.menunav li {width:200px;margin:0 auto;line-height:53px;border-bottom:1px solid #515253;}
.menunav li a {display:block;width:100%;height:52px;line-height:52px;text-indent:57px;font-size:22px;color:#FFF;}
.clicked { }

.head{ background:#0c438c;text-align: center;position: fixed;width: 100%;height: 60px;;top: 0;right: 0;box-shadow: 0 4px 4px rgba(9,2,4,.55);line-height: 0.791rem;z-index: 99;}
.introduction{border-bottom:5px solid #ccc;margin: 0 auto;}
.iTitle{width: 100%;text-align: center;color: #515151;margin-top: 2%;background: url('../images/line.gif') left center repeat-x;}
.iTitle p{display: inline;position: relative;font: 18px/2 'Microsoft Yahei';}
.iTitle font{overflow: hidden;text-transform: uppercase;display: block;font: 0.15rem/1 Arial, Helvetica, sans-serif;}
.iTitle div{display: inline-block;margin: 0 auto;color: #515151;padding: 0 2%;text-align: center;margin-bottom: -1px;position: relative;background: #ffffff;}
.iContent{padding:0 20px;line-height: 1.6;font-size: 14px;text-align: justify;}
.iMore{clear:both;width: 100%;margin: 1.5% auto 0 auto;text-align: center;padding: 1.5% 0;}
.iMore a {display: inline-block;background: #c6c3c3;padding: 1% 5%;color: #000;}
.contact{margin: 10px auto;padding:1% 5%;overflow:hidden;width:90%;background:#242B31;}
.contact div{padding-left:10px;border-left:4px solid #F00;height:30px;font:16px/30px "microsoft yahei";margin-top:5px;color:#fff;}
.contact{margin: 10px auto;padding:1% 5%;overflow:hidden;width:90%;background:#242B31;}
.contact div{padding-left:10px;border-left:4px solid #F00;height:30px;font:16px/30px "microsoft yahei";margin-top:5px;color:#fff;}

ul, li {list-style:none;margin:0;padding:0}
#plug-wrap {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0);z-index:800;}
.top_bar {position:fixed;bottom:0;right:0px;z-index:900;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);font-family:Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif;}
.plug-menu {-webkit-appearance:button;display:inline-block;width:36px;height:36px;border-radius:36px;position:absolute;bottom:17px;right: 17px;z-index:999;box-shadow:0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);background-color:#B70000;-webkit-transition: -webkit-transform 200ms;-webkit-transform:rotate(1deg);color:#fff;background-image:url('../images/plug.png');background-repeat:no-repeat; -webkit-background-size:80% auto;background-size:80% auto;background-position:center center;}
.plug-menu:before {font-size:20px;margin:9px 0 0 9px;}
.plug-menu:checked {-webkit-transform:rotate(135deg);}
.top_menu {margin-right:-175px;}
.top_menu>li {min-width:86px;padding:0 10px;height:32px;border-radius:32px;box-shadow:0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);background:#B70000;margin-bottom:10px;margin-right:23px;z-index:900;transition:all 200ms ease-out;-webkit-transition:all 200ms ease-out;}
.top_menu>li:last-child {margin-bottom:80px;}
.top_menu>li a {color:#fff;font-size:20px;display:block;height:100%;line-height:33px;text-indent:26px;text-decoration:none;position:relative;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.top_menu>li a img {display:block;width:24px;height:24px;text-indent:-999px;position:absolute;top:50%;left:10px;margin-top:-13px; margin-left:-12px;}
.top_menu>li.on:nth-of-type(1) {-webkit-transform:translate(-175px, 0) rotate(0deg);transition:all 700ms ease-out;-webkit-transition:all 700ms ease-out;width:130px;}
.top_menu>li.on:nth-of-type(2) {-webkit-transform:translate(-175px, 0) rotate(0deg);transition:all 600ms ease-out;-webkit-transition:all 600ms ease-out;width:130px;}
.top_menu>li.on:nth-of-type(3) {-webkit-transform:translate(-175px, 0) rotate(0deg);transition:all 500ms ease-out;-webkit-transition:all 500ms ease-out;width:130px;}
.top_menu>li.on:nth-of-type(4) {-webkit-transform:translate(-175px, 0) rotate(0deg);transition:all 400ms ease-out;-webkit-transition:all 400ms ease-out;width:130px;}
.top_menu>li.on:nth-of-type(5) {-webkit-transform:translate(-175px, 0) rotate(0deg);transition:all 300ms ease-out;-webkit-transition:all 300ms ease-out;width:130px;}
.top_menu>li.on:nth-of-type(6) {-webkit-transform:translate(-175px, 0) rotate(0deg);transition:all 200ms ease-out;-webkit-transition:all 200ms ease-out;width:130px;}
.top_menu>li.out:nth-of-type(1) {-webkit-transform:translate(20px, 0) rotate(0deg);transition:all 600ms ease-out;-webkit-transition:all 600ms ease-out;width:130px;}
.top_menu>li.out:nth-of-type(2) {-webkit-transform:translate(20px, 0) rotate(0deg);transition:all 500ms ease-out;-webkit-transition:all 500ms ease-out;width:130px;}
.top_menu>li.out:nth-of-type(3) {-webkit-transform:translate(20px, 0) rotate(0deg);transition:all 400ms ease-out;-webkit-transition:all 400ms ease-out;width:130px;}
.top_menu>li.out:nth-of-type(4) {-webkit-transform:translate(20px, 0) rotate(0deg);transition:all 300ms ease-out;-webkit-transition:all 300ms ease-out;width:130px;}
.top_menu>li.out:nth-of-type(5) {-webkit-transform:translate(20px, 0) rotate(0deg);transition:all 200ms ease-out;-webkit-transition:all 200ms ease-out;width:130px;}
.top_menu>li.out:nth-of-type(6) {-webkit-transform:translate(20px, 0) rotate(0deg);transition:all 100ms ease-out;-webkit-transition:all 100ms ease-out;width:130px;}

@media all and (min-width:640px) {body {width:640px;margin:0 auto;}}