/* for Mobile navigation menu [begin] */ /* by zy 20150501 **/ @charset "utf-8"; .onlymobileshow{background-color:#fff;display:none;} /** 20170914 OUYANG */ .subNav .ssubNavPKU { line-height:35px;line-height:32px;font-size:14px;padding:0 6px;cursor:pointer;color:#fff;background:#c2080b; padding-top:10px; -ms-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out s; -moz-transition: all 0.4s ease-in-out s; transition: all 0.4s ease-in-out 0s; } /**END of 20170914*/ .navline { width:19px; height:2px; border-radius:2px; background-color:#FFF; display:block; margin-bottom:4px; -ms-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out s; -moz-transition: all 0.4s ease-in-out s; transition: all 0.4s ease-in-out 0s; } .navline1{ transform:translateY(6px) rotate(45deg); -ms-transform:translateY(6px) rotate(45deg); -webkit-transform:translateY(6px) rotate(45deg); -o-transform:translateY(6px) rotate(45deg); -moz-transform:translateY(6px) rotate(45deg); -ms-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out s; -moz-transition: all 0.4s ease-in-out s; transition: all 0.4s ease-in-out 0s; } .navline2{ background-color:#c2080b; -ms-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out s; -moz-transition: all 0.2s ease-in-out s; transition: all 0.2s ease-in-out 0s; } .navline3{ transform:translateY(-6px) rotate(-45deg); -ms-transform:translateY(-6px) rotate(-45deg); -webkit-transform:translateY(-6px) rotate(-45deg); -o-transform:translateY(-6px) rotate(-45deg); -moz-transform:translateY(-6px) rotate(-45deg); -ms-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out s; -moz-transition: all 0.4s ease-in-out s; transition: all 0.4s ease-in-out 0s; } .searchDIV{padding-top:3px;padding-left:10px;padding-right:2px;padding-bottom:7px;background-color:#c2080b;display:none;width:160px;position:absolute;right:0px;top:32px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;} .searchinp{background-color:#FFF;width:125px;vertical-align:middle;height:16px;line-height:14px;padding-left:4px;border-radius:2px; font-family:'Microsoft Yahei',"Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif"; } .searchGO{color:#fff;padding-left:3px;float:right;font-family:'Microsoft Yahei',"Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif";} .searchlogo{color:#e5e3e3} /* for Mobile navigation menu [end] */ @media screen and (min-width: 900px){ .onlymobileshow{display:none;} .ssubNavPKU {display:none;} .mainWrap {display:block;} } @media screen and (max-width: 901px){ .onlymobileshow{display:none;} /** 20170914 * OUYANG */ .onlymobileshow table.show-lg{display:table;} .onlymobileshow table.show-md{display:none;} .subNav .show-lg{display:block;} .subNav .show-md{display:none;} .subNav .ssubNavPKU { line-height:20px; padding-top:0px; padding-left:0px; } /*.noMobileShow{display:none;}*/ .ssubNavPKU {display:inline-block;} /** END OF 20170914*/ .header section #mobileNav ul li a{display:inline;color:#333;font-size:14px;} .noline{display:none;} } @media screen and (max-width: 640px){ .noMobileShow{display:none;} /** 20170914 * OUYANG */ .onlymobileshow table.show-lg{display:none;} .onlymobileshow table.show-md{display:table;} .subNav .ssubNavPKU { line-height:32px; padding-top:10px; padding-left:6px; padding-right:6px; } .subNav .show-lg{display:none;} .subNav .show-md{display:inline-block;} /** END OF 20170914*/ }