* {font-family:'Microsoft Yahei',arial,Verdana, Arial, Helvetica, sans-serif,'Hiragino Sans GB',sans-serif;} a {text-decoration:none} body{font-size:12px;} /* margin */ .ml20 {margin-left:20px;} .ml19 {margin-left:19px;} .mt20 {margin-top:20px;} .mb20 {margin-bottom:20px;} .mb10 {margin-bottom:10px;} /* padding */ .p20 {padding:20px} .pt20 {padding-top:20px} .p10 {padding:10px} /* width */ .w1200 {width:1200px;} .w930 {width:930px;} .w700 {width:700px;} .w660 {width:660px;} .w250 {width:250px;} .w230 {width:230px;} .w210 {width:210px;} /* height */ .h50 {height:50px;} /* line-height */ .lh50 {line-height:50px} .lh20 {line-height:20px} /* font */ .fs16 {font-size:16px;} .fs18 {font-size:18px;} /* color */ .cF60 {color:#F60} /* border */ .bFF6600 {border:1px #F60 solid} /* bg */ .bgF60 {background-color:#F60} /* BUG */ .head-middle{ clear:both; overflow:hidden; background:#f8f8f8; } .head-middle-02{ width:1200px; height:100px; overflow:hidden; margin:0 auto; position:relative; } .head-middle-02-02{margin-top:10px;} .head-middle-02-03 { bottom: 26px; color: #777; left: 87px; position: absolute; } /* PC TOP 1200 */ #global_tops {margin:0px;width:100%;height:30px;background-color:#F9F9F9;border-bottom:1px #E5E5E5 solid;} #global_topm {margin:0px auto;width:1200px;height:30px} #global_user {float:left;margin-left:10px;height:30px;line-height:30px;} #global_user a {color:#078FF5;text-decoration:none} #global_link {float:right;margin-right:10px;height:30px;line-height:30px;color:#999} #global_link a{color:#949494;text-decoration:none} #global_link a:hover{color:#e8551d;} /* PC HEAD 1200 */ #global_heads {margin:0px;width:100%;height:100px;background-color:#F8F8F8} #global_headm {margin:0px auto;width:1200px;height:100px;} #global_logo {float:left;width:220px;height:80px;background:url(http://sh.upload.jjhh.com/ximages/LOGO.220.60.jpg) center no-repeat} #global_homepage {float:left;width:240px;} #global_homepage dl {float:left;width:130px;position:relative} #global_homepage dl dt {float:left;padding:3px 5px;width:160px;line-height:25px;font-size:14px;color:#7b7b7b;cursor:pointer; vertical-align:middle;} #global_homepage dl dt img{vertical-align:middle;} #global_homepage dl dt em {float:right;margin:0px 3px;font-size:12px;} #global_homepage dl dd {position:absolute;z-index:20;left:0px;top:25px;padding:1px 8px;width:164px;border:1px #EF7900 solid;background-color:#FFE;line-height:20px;display:none} #global_homepage dl:hover dd {display:block} #global_homepage dl dd a {padding:0px 2px;color:#333;} #global_homepage dl dd a:hover {color:#F60;} #global_homepage p {float:left;width:100%;color:#777;line-height:24px;} #global_headm form {float:right;width:500px;height:70px;display: none;} #global_headm form dl {float:left;width:500px;height:70px;} #global_headm form dl dt {float:left;margin-top:15px;width:500px;height:26px;} #global_headm form dl dt span {float:left;padding:0px 18px;height:26px;line-height:26px;background-color:#ED7704;color:#FFF} #global_headm form dl dd {position:relative;float:left;width:498px;height:28px;border:1px #ED7704 solid;overflow:hidden} #global_headm form dl dd input {float:left;padding:5px;padding-left:30px;width:100%;height:18px;line-height:18px;border:0px; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB90RVh0U29mdHdhcmUATWFjcm9tZWRpYSBGaXJld29ya3MgOLVo0ngAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTAvMjgvMTPtEfyKAAABMElEQVQokY2QMarCQBRFTwYhKjaDqVNNkcZ9mNYFZD+uwUawEGwsBbOA9NpYWAxYiAGZRoSp3i/8mRj9xb/VcN+9w3snEhHhTXVd83w+AUiShNFoxKd6zcNaS1mWOOc6AWMM0+mU4XAYvEhExFrLZrMBQGtNlmUAVFUVvKIoiOO4LS0WC5xzGGOYzWYAiAjee1ar1ddMWWtxzqG1DiZAFEX0+32KogDgfD6HmbpcLgBhpU/FcYwxJkACUIPB4M/wu+73O0CAodI0BeB0OvFBH4DH4xGINvhVkiQYY3DOsd1u8d53Cuv1GiCsCL/06rpmuVwCL7wA4/G4czxAnudMJpNXqfl1v993glrrr3Ke522pkfee6/UKQJqmKKU4Ho/sdrs2JP/U4XCQ+Xwut9tNfgBWw7/K4dXfaAAAAABJRU5ErkJggg==") 10px center no-repeat; } #global_headm form dl dd span {position:absolute;right:0px;top:0px;width:70px;height:28px;line-height:28px; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcCAIAAAAvP0KbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFMjhBMzE3RjE3ODQxMUU0OUEzMEFDMTRBRTA0RjRBOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFMjhBMzE4MDE3ODQxMUU0OUEzMEFDMTRBRTA0RjRBOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkUyOEEzMTdEMTc4NDExRTQ5QTMwQUMxNEFFMDRGNEE4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkUyOEEzMTdFMTc4NDExRTQ5QTMwQUMxNEFFMDRGNEE4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+sc0ktgAAAENJREFUeNpEyzEOgEAQAkCksLH2z35ZbwHNGr1qCAT62LmsG5MQABEz1vTpovFaZ2sVy6Cc30vobSh05vbl/ge3AAMA/fY0b1W9Rr0AAAAASUVORK5CYII="); text-align:center;font-size:14px;word-spacing:2px;color:#FFF;text-shadow:0 0 2px rgba(0,0,0,0.7);cursor:pointer} /* PC MENU 1200 */ #global_menus {margin:0px auto;width:100%;height:40px;line-height:40px;background-color:#333;overflow:hidden} #global_menum{width:1200px;margin:0 auto;} #global_menum a{position:relative;float:left;padding:0px 20px;height:40px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#FFF;text-decoration:none;font-weight:bold; cursor:pointer !important;} #global_menum a:hover {background-color:#F93;} #global_menum .act {background-color:#E70;} #global_menum a em {position:absolute;top:-5px;right:20px;width:25px;height:15px; background:url("data:image/gif;base64,R0lGODlhGQAPAMQAAP/////Ezf+Imf+DlP97jf95i/9vg/9ief9fdf5Xbv9IYv9BW/89WP8vTP8mRf8kQ/8dPP4VNvYRPPAPP/IPP////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFDwAVACwAAAAAGQAPAAAFamAVjWRpnqMYCGwrDIRxJArTPBAqRNIk8T6UMLKbAHzGiXJJQfZ+pELEeEwCrldrsoSYHr/JpfZYWniVWWxaW3Kce2AxmGx6AqlYdBI6vC8lT0F9gygihH0ViSSJjI2Oj4oRkJOTkpSXiSEAIfkEBQ8AFQAsAwACAA0ACAAABSZgJFbjZJpSNZFqBbxvu7ruOde0C8vAbcs5XYyW6tlWkkkqSRI5QwAh+QQJDwAVACwAAAAAGQAPAAAFOGAljmRpnmiqklHrVpMUx6s43XcF6HwtAsCd74SbDE9B4ZFUhAEmz2FSaDS+VMWY67rser/g8DEEADs="); } #global_menum span {} /* PC navigation 1200 */ #global_navigations {margin:0px;margin-bottom:20px;padding:0px;width:100%;height:26px;background-color:#F8F8F8;border-bottom:1px #DDD solid;overflow:hidden} #global_navigationm {margin:0px auto;padding:0px;width:1200px;height:26px;list-style:none;color:#999} #global_navigationm DT {float:left;padding:0px 3px;height:26px;line-height:26px;} #global_navigationm DD {float:left;padding:0px 3px;height:26px;line-height:26px;} #global_navigationm a{color:#FE6B12;text-decoration:none} /* PC BODY */ #global_body {margin:0px auto;width:1240px;} /* PC FOOT 1200 */ #global_foots {margin:0px auto;padding:30px 0px;min-width: 1200px;width:100%;height:150px;overflow:hidden;margin-top:20px; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADSCAYAAACLv6oIAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB90RVh0U29mdHdhcmUATWFjcm9tZWRpYSBGaXJld29ya3MgOLVo0ngAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTAvMzAvMTMVxf3VAAAAM0lEQVQ4je3ESREAQAgEsa7h+OPfGD4QwApZ8gjdvaoqlJkoIpCZIXdHwHVd3zQzsLv7AJczDGZNu5iMAAAAAElFTkSuQmCC") top repeat-x; } #global_footm {margin:0px auto;width:1200px;height:150px;color:#333} #global_footm ul {float:left;width:220px;height:100%;list-style:none;overflow:hidden} #global_footm ul li {float:left;width:100%;height:35px;line-height:20px;} #global_footm ul .title {height:20px;font-size:14px;} #global_footm ul li em {font-size:16px;color:#F60} #global_footm dl {float:left;padding:0px 10px;padding-left:24px;width:160px;height:100%;border-left:1px #DDD solid} #global_footm dl dt {float:left;width:100%;height:32px;line-height:32px;font-weight:600;} #global_footm dl dd {float:left;width:100%;height:17px;line-height:17px;} #global_footm dl dd a {color:#777;text-decoration:none} #global_copy {margin:0px;padding:15px 0px;height:44px;text-align:center;line-height:22px;} /* PC TOP 980 */ #global_tops_980 {margin:0px;width:100%;height:30px;background-color:#F9F9F9;border-bottom:1px #E5E5E5 solid;} #global_tops_980 #global_topm {width:980px;} #global_tops_980 #global_user {} #global_tops_980 #global_user a{} #global_tops_980 #global_link {} #global_tops_980 #global_link a{} /* PC HEAD 980 */ #global_heads_980 {margin:0px;width:100%;height:100px;background-color:#F8F8F8} #global_heads_980 #global_headm {width:980px;} #global_heads_980 #global_logo {} #global_heads_980 #global_homepage {padding-left:20px;} #global_heads_980 #global_homepage dl {} #global_heads_980 #global_homepage dl dt {} #global_heads_980 #global_homepage dl dt em {} #global_heads_980 #global_homepage dl dd {} #global_heads_980 #global_homepage dl:hover dd {} #global_heads_980 #global_homepage dl dd a {} #global_heads_980 #global_homepage dl dd a:hover {} #global_heads_980 #global_homepage p {} #global_heads_980 #global_headm form {width:450px;} #global_heads_980 #global_headm form dl {width:450px;} #global_heads_980 #global_headm form dl dt {width:450px;} #global_heads_980 #global_headm form dl dt span {} #global_heads_980 #global_headm form dl dd {width:448px;} #global_heads_980 #global_headm form dl dd input {} #global_heads_980 #global_headm form dl dd span {} /* PC MENU 980 */ #global_menus_980 {margin:0px;width:100%;height:40px;background-color:#333;overflow:hidden; line-height:40px;} #global_menus_980 #global_menum {width:980px;} #global_menus_980 #global_menum a{padding:0px 20px;} #global_menus_980 #global_menum a:hover {} #global_menus_980 #global_menum .act {} #global_menus_980 #global_menum a em{} #global_menus_980 #global_menum span {} /* PC navigation 980 */ #global_navigations_98 {margin:0px;margin-bottom:20px;padding:0px;width:100%;height:26px;background-color:#F8F8F8;border-bottom:1px #DDD solid;overflow:hidden} #global_navigations_98 #global_navigationm {width:960px;} #global_navigations_98 #global_navigationm DT {} #global_navigations_98 #global_navigationm DD {} #global_navigations_98 #global_navigationm a{} /* PC FOOT 980 */ #global_foots_980 {margin:0px;margin-top:40px;padding:30px 0px;width:100%;height:150px;overflow:hidden; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADSCAYAAACLv6oIAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB90RVh0U29mdHdhcmUATWFjcm9tZWRpYSBGaXJld29ya3MgOLVo0ngAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTAvMzAvMTMVxf3VAAAAM0lEQVQ4je3ESREAQAgEsa7h+OPfGD4QwApZ8gjdvaoqlJkoIpCZIXdHwHVd3zQzsLv7AJczDGZNu5iMAAAAAElFTkSuQmCC") top repeat-x;} #global_foots_980 #global_footm {width:980px} #global_foots_980 #global_footm ul {} #global_foots_980 #global_footm ul li {} #global_foots_980 #global_footm ul .title {} #global_foots_980 #global_footm ul li em {} #global_foots_980 #global_footm dl {padding:0px 10px;padding-left:24px;width:109px} #global_foots_980 #global_footm dl dt {} #global_foots_980 #global_footm dl dd {} #global_foots_980 #global_footm dl dd a {} #global_copy {} /* ---------- APP 1260 ---------- */ @media(max-width:1260px){ /* #global_topm {width:960px;overflow:hidden} #global_headm {width:960px;overflow:hidden} #global_homepage {padding-left:20px;} #global_headm form {width:450px;} #global_headm form dl {width:450px;} #global_headm form dl dt {width:450px;} #global_headm form dl dd {width:448px;} #global_menum {width:960px;} #global_menum a{padding:0px 10px;} #global_menum span {} #global_navigationm {width:940px;} #global_body {width:960px} #global_footm {width:960px} #global_footm dl {padding:0px 10px;padding-left:24px;width:109px}*/ } /* ---------- APP 960 ---------- */ @media(max-width:1000px){ /* #global_topm {width:720px;overflow:hidden} #global_headm {width:720px;overflow:hidden} #global_homepage {padding-left:10px;width:160px;} #global_headm form {width:250px;} #global_headm form dl {width:250px;} #global_headm form dl dt {width:250px;} #global_headm form dl dd {width:248px;} #global_menum {width:720px;} #global_menum a{padding:0px 10px;} #global_menum span {display:none} #global_navigationm {width:700px;} #global_body {width:720px} #global_footm {width:720px;} #global_footm ul {width:140px;} #global_footm dl {padding-left:14px;width:91px;}*/ } /* ---------- APP 720 ---------- */ @media(max-width:760px){ /* #global_topm {width:640px;overflow:hidden} #global_headm {width:640px;overflow:hidden} #global_homepage {padding-left:10px;width:140px;} #global_homepage dl dd {left:-10px;} #global_headm form {width:240px;} #global_headm form dl {width:240px;} #global_headm form dl dt {width:240px;} #global_headm form dl dd {width:238px;} #global_menum {width:640px;} #global_menum a{padding:0px 10px;} #global_menum span {display:none} #global_navigationm {width:620px;} #global_body {width:640px} #global_footm {width:640px;} #global_footm ul {width:130px;} #global_footm dl {padding-left:10px;width:81px;}*/ } /* ---------- APP 640 ---------- */ @media(max-width:680px){} /* ---------- APP 540 ---------- */ @media(max-width:560px){} /* ---------- APP 480 ---------- */ @media(max-width:500px){} /* ---------- APP 360 ---------- */ @media(max-width:380px){} /* ---------- APP 320 ---------- */ @media(max-width:320px){} /************************************BASE*********************************/ .cb{ clear: both; } .clearfix{ display: block; *zoom: 1; } .clearfix:after{ content: " "; visibility: hidden; display: block; clear: both; font-size: 0; height: 0px; } .fl{ float: left; } .fr{ float: right; } .tc{ text-align: center; } .pa{ position: absolute; } .posia{ position: absolute; } .w{ width: 100%; } .h{ height: 100%; } .fm_yahei{ font-family: "Microsoft YaHei",微软雅黑; } .dn{ display: none; } .pr{ position: relative; }