/* CSS Document */ body{ text-align: center; } html,body,ul,li{ padding:0px; margin: 0px; } img { border: 0 none; margin-left: 0; outline: 0 none; padding: 0; } a{ text-decoration: none; } ul,li { list-style-type:none; text-transform:capitalize; } .top1pic-a { background-image: url("bg.png"); display: block; height: 150px; min-width: 1004px; width: 100%; } .top1pic-a img{ border: 0 none; margin: 0; outline: 0 none; padding: 0; } .top-bottom{ background-image: url("bg-bottom.png"); display: block; height: 2px; min-width: 1004px; width: 100%; } .menu-m{ margin: 0 auto; width: 1230px; margin-top: 13px; position: relative; z-index: 1000; text-align: center; } #nav { display: block; font-family: Arial,Helvetica,sans-serif;; font-size: 16px; font-weight: bold; color: #F60; margin-left:30px;; } .mainlevel { float: left; border-right: 1px solid #fff; width: 130px; height:50px; background-image: url(daohang.png); background-repeat: no-repeat; } .mainlevel a { color: #FF6600; text-decoration: none; display: block; width: auto; margin-top: 18px; padding-top: 0; padding-left: 10px; padding-right: 10px; padding-bottom: 0; text-align: center; } .zi { font-size: 12px; line-height: 35px; font-weight: normal; color: #666666; text-decoration: none; font-family: "Times New Roman", Times, serif; } #longmain{ background-image: url(daohang1.png); width: 230px; background-repeat: no-repeat; } .mainlevel a:hover { color: #39F; text-decoration: none; } .mainlevel ul { display: none; position: absolute; margin-top: 10px; } #longmain ul{ display: none; position: absolute; margin-top: 3px; } .mainlevel li { border-top: 1px solid #fff; width: auto; background-color: #B5DAFF; } .mainlevel li a{ margin-top: 7px; text-align: center; padding-bottom: 10px; } .mainlevel li a:hover{ color: #333333; } h4{ font-family: Arial, Helvetica, sans-serif; ; font-size: 35px; font-weight: 700; margin: 0.1em 0 0.2em; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); text-transform: none; text-align: left; } .intro{ margin: 0.5em 0.5em; word-spacing: -1px; text-align: justify; font-family: "Arial"; font-size: 16px; line-height: 24px; text-transform: none; } .ct-blockout { box-shadow: 3px 1px 5px #eeeeed; height: 450px; min-width: 1004px; width: auto; font-family: Arial,Helvetica,sans-serif; ; font-weight: bold; border-bottom-width: 0.3px; border-bottom-style: solid; border-bottom-color: #E6E6E6; margin-bottom: 20px; margin-top: 20px; background-attachment: scroll; background-color: #F7F7F7; background-image: none; background-repeat: repeat; background-position: 0 0; } .ct-block { margin: 0 auto; width: 1080px; } .ock-l { float: left; padding-top: 32px; width: 250px; } .ock-r { float: left; padding-top: 32px; width: 650px; } .swnav { height: 49px; width: 100%; } .swnav li { float: left; height: 49px; width: 49%; } .swnav li a { background: #fff none repeat scroll 0 0; border: 1px solid #dddddd; color: #FF6600; display: inline-block; float: left; font-size: 20px; height: 48px; line-height: 48px; position: relative; text-align: center; width: 100%; } .swnav li a b { bottom: -10px; display: none; height: 10px; left: 45%; position: absolute; width: 13px; } .swnav li a:hover, .swnav li.on a { color: #fff; background-attachment: scroll; background-color: #FF6600; background-image: none; background-repeat: repeat; background-position: 0 0; } .swnav li a:hover b, .swnav li.on a b { display: block; } .hide { display: none; } .switch { padding-top: 5px; } .switch dl { border-bottom: 1px dotted #d2d2d4; overflow: hidden; float: left; padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 0; } .switch dl dt { float: left; width: 32px; } .switch dl dt span { color: #22142d; display: block; font-weight: normal; } .switch dl dt b { display: block; font-size: 18px; } .switch dl dt em { border: 1px solid #989898; float: left; height: 106px; width: 123px; } .switch dl dt em img { display: block; height: 106px; width: 123px; } .switch dl dd { line-height: 22px; padding-left: 100px; text-align: left; width: 180px; } .switch dl dd a { color: #333; font-weight: normal; font-size: 13px; } .switch dl.on dt span { color: #FF6600; } .switch dl.on dt b { color: #FF6600; } .switch dl.on dd { color: #FF6600; } .switch dl.on dd a { color: #FF6600; } .switch li { float: right; padding-top: 5px; width:120px; } .switch li a { color: #FF6600; font-size: 14px; } .left-link1 { border-bottom: 10px solid #eee; padding-bottom: 20px; padding-top: 15px; margin-right: 9px; background-color: #D8EEFE; border: 1px dotted #CCC; } .left-link1 .ll-word { color: #FF6600; font-size: 24px; text-align: center; } .left-link1 li { margin-bottom: 10px; } .left-link1 li a { color: #F60; display: block; font-size: 18px; height: 44px; line-height: 44px; width: 250px; text-align: left; padding-left:55px; } .left-link1 li.a1 a { background-image: url(apply.png); background-repeat: no-repeat; height: 50px; background-position: 13px; font-weight: normal; } .left-link1 li.a2 a { background-image: url(apply.png); background-repeat: no-repeat; height: 50px; background-position: 13px; font-weight: normal; } .left-link1 li.a1 a:hover{ color: #36C; } .left-link1 li.a2 a:hover{ color: #36C; } .left-nav-area { padding-bottom: 30px; padding-top: 25px; margin-top: 10px; margin-right: 9px; background-color: #D8EEFE; border: 1px dotted #CCC; } .left-nav-area li { margin-bottom: 10px; } .left-nav-area li a { color: #FF6600; display: block; font-size: 16px; height: 60px; line-height: 47px; width: 250px; text-indent: 30px; text-align: left; } .left-nav-area li a:hover { color: #F60; } .left-nav-area li.l1 a { background-image: url(load.png); background-repeat: no-repeat; height: 50px; background-position: 13px; font-weight: normal; } .left-nav-area li.l1 a:hover { color: #FFF; background-image: url(loadhover.png); background-repeat: no-repeat; height: 50px; background-position: 13px; } .left-nav-area li.l2 a { background-image: url(load.png); background-repeat: no-repeat; height: 50px; background-position: 13px; font-weight: normal; } .left-nav-area li.l2 a:hover { color: #FFF; background-image: url(loadhover.png); background-repeat: no-repeat; height: 50px; background-position: 13px; } .right{ float: right; margin-top: 32px; font-family: Arial,Helvetica,sans-serif;; width: 180px; } .lag{ padding-bottom: 20px; padding-top: 25px; padding-left:0px; border: 1px dotted #CCC; } .lag li { margin-bottom: 10px; } .li1 a{ background-image:url(../images/3.png); background-position:left; background-repeat:no-repeat; display:block; width:178px; height:60px; color:#FF6600; font-size:14px; background-color: #E5E5E7; float: none; line-height: 60px; text-align: left; text-indent: 40px; } .li1 a:hover{ background-image:url(../images/4.png); color:#FFFFFF; background-color: #FF6600; } .li2 a{ background-image:url(../images/5.png); background-position:center; background-repeat:no-repeat; display:block; width:177px; height:60px; color:#FF6600; font-size:14px; line-height: 60px; background-color: #E5E5E7; text-align: left; text-indent: 40px; } .li2 a:hover{ background-image:url(../images/6.png); color:#FFFFFF; background-color: #FF6600; } .li3 a{ background-image:url(../images/1.png); background-position:center; background-repeat:no-repeat; display:block; width:177px; height:40px; color:#000000; font-size:16px;} .li3 a:hover{ background-image:url(../images/2.png); color:#FFFFFF; } .video{ border: 1px solid #9CF; margin-top: 10px; } .video a{ font-size: 18px; color: #F60; } .video li.v1{ background-color: #F60; background-repeat: repeat-x; text-align: center; } .video li.v1 a{ color: #FFF; font-size: 24px; } .video img { width: 178px; text-align: center; padding-top: 2px; } .video li.v3{ text-align: right; } .video li.v3 a{ color: #F60; font-size: 16px; } .footer{ background-image: url(footer.png); height:80px; } .footer ul{ font-family: "Times New Roman", Times, serif; font-size: 16px; text-align: center; padding-top: 20px; text-decoration: none; } .footer ul li{ font-family: "Times New Roman", Times, serif; font-size: 13px; text-align: center; padding-top: 4px; text-decoration: none; }