@import url(yahei.css); @import url(kefu.css); *{zoom:1;} body { color: black; font-size: 14px; background-color: white; text-align: center; margin: 0; padding: 0; background-image: url(../images/bg.png);} html,img,ul{ margin: 0; padding: 0; list-style-type: none; } img{ border-style: none; border-width: 0; } ul{ margin: 0; padding: 0; list-style-type: none;} a{ color: #333; } a:hover{} .clear { clear: both; } .page_full { width: 100%; } .page_main { text-align: left; width: 1170px; margin-right: auto; margin-left: auto; } .f_left { float: left; } .f_right { float: right; } .top_line { border-top: 1px solid #ebebeb; } .header{ height: 118px; overflow: hidden; } .logo { width: 500px; overflow: hidden; float: left; } .head_right { width: 550px; float: right; text-align: right;} .mainmenu { width: 1170px;margin-right: auto; margin-left: auto; height: 55px; } /*瀵艰埅鏉℃牱寮?/ .nav { clear: both; background-color: #69439A; height: 60px; } /*level 1*/ .nav ul { margin-left: auto; margin-right: auto; height: 60px; line-height: 60px; font-size: 14px; float: left; font-weight: bold; } .nav ul li { list-style: none; float: left; position: relative; -webkit-transform: perspective(1px) translateZ(10); transform: perspective(1px) translateZ(10); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .nav ul li a { padding: 0px 20px 0px 20px; color: #FFFFFF; text-decoration: none; } .nav ul li:hover { background-color: #EB540C; } .nav ul li.curr { background-color: #EB540C; } /*level 2*/ .nav ul li ul { display: none; position: absolute; margin: 0px; z-index: 10; width: 200px; height: auto; top: 60px; left: 0px; padding: 3px; line-height: 40px; background-color: #69439A; background: rgba(95, 62, 140, 0.9) none repeat scroll 0 0 !important; /*瀹炵幇FF鑳屾櫙閫忔槑锛屾枃瀛椾笉閫忔槑*/ filter: Alpha(opacity=90); background: #69439A; /*瀹炵幇IE鑳屾櫙閫忔槑*/} .nav ul li ul li { float: none; position: relative; clear: both; line-height: 40px; height: 40px; border-top: 1px solid #56387E; text-align: left; } .nav ul li ul li:first-child { border: 0px; } .nav ul li ul li:hover { background-color: #EB540C; } .nav ul li:hover > ul { display: block; } /*level 3*/ .nav ul ul ul { display: none; position: absolute; margin: 0px; z-index: 11; width: 200px; height: auto; top: -3px; left:100%;;padding: 3px; line-height: 40px; background-color: #69439A; background: rgba(95, 62, 140, 0.8) none repeat scroll 0 0 !important; /*瀹炵幇FF鑳屾櫙閫忔槑锛屾枃瀛椾笉閫忔槑*/ filter: Alpha(opacity=80); background: #69439A; /*瀹炵幇IE鑳屾櫙閫忔槑*/} /**/ .nav .search{ float: right; margin-top: 15px; } .nav .search form{ margin: 0px; padding: 0px; font-size: 0; } .nav .search .keyword{ float: left; width: 150px; margin: 0px; padding: 0px 6px 0px 12px; border: 0; height: 30px; line-height: 30px; outline:none; overflow: hidden; border-radius:4px 0 0 4px; } .nav .search .button{ float: left; margin: 0px; border: 0; padding: 0px 10px 0px 10px; line-height: 30px; font-size: 14px; line-height: 30px; background-color: #EB540C; min-width: 40px; color: #fff; border-radius:0 4px 4px 0; background-image: url(../images/search_ico.png); background-position: center; background-repeat: no-repeat; } .banner {position: relative;} .khxz{ background-image: url(../images/khxz.png); background-repeat: no-repeat; background-position: center 40px; height: 86px; padding-top: 40px; padding-bottom: 10px; } .prodcate { width: 220px; overflow: hidden; } .prodcate .title{ height: 102px; color: white; font-size: 24px; text-indent: 60px;line-height: 102px; background-image: url(../images/home_title01.png); font-family: Microsoft YaHei, SimHei;} .prodcate ul{margin: 0; padding: 20px 0px 30px 10px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-top-style: none; list-style-type: none; } .prodcate ul li{ margin-top: 11px; font-size: 14px; line-height: 34px; background-image: url(../images/li_bg01.png); background-repeat: no-repeat; text-indent: 20px; text-indent: 30px; padding: 0; } .prodcate ul li:first-child{ border-top-style: none; border-top-width: 1px; } .prodcate ul li.foot{ background-color: white; } .prodcate ul li a{ color: #fff; text-decoration: none; } .prodcate ul li a:hover{ color: #fff; text-decoration: underline; } .prodcate ul ul{ margin: 0; padding: 0; border-style: none; border-width: 0; list-style-type: none; } .prodcate ul ul li{ font-size: 14px; line-height: 32px; background-image: url(../images/li01.png); background-repeat: no-repeat; background-position: 18px 12px; text-indent: 32px; text-indent: 32px; margin: 0; padding: 0; border-style: none; } .prodcate ul ul li:first-child{ } .prodcate ul ul li a{ color: #666; font-weight: normal; text-decoration: underline; } .prodcate ul ul li a:hover{ color: #000; text-decoration: underline; } .prodcate h3{ text-align: center; color: #333; font-size: 14px; font-weight: bold; line-height: 36px; margin: 0; padding: 0; border-bottom: 1px solid #ebebeb; } .prodcate .con{ color: #666; font-size: 12px; line-height: 24px; padding: 8px; } .prodcate .con p{ margin: 0; padding: 0; } .prod_list{ width: 940px; } .prod_list .title{ border-bottom: 1px solid #69439A; } .prod_list .title .title{ color: #fff; height: 65px; background-image: url(../images/prodshow_title.png); background-repeat: no-repeat; text-indent: 30px; width: 170px; height: 65px; float: left; border-style: none; border-width: 0; display: block; } .prod_list .title .more{line-height: 28px; float: right; background-color: #69439A; padding-left: 15px;padding-right: 15px;margin-top: 30px; display: block;} .prod_list .title .more a{ color: #fff; font-size: 12px; font-family: verdana; text-decoration: none; } .prod_list ul{ margin: 0 0 0 -22px; padding: 0; } .prod_list ul li{ text-align: center; width: 218px; overflow: hidden; float: left; margin: 20px 0 0 22px; padding: 0; } .prod_list ul li a{ color: #333; font-size: 14px; text-decoration: underline; } .prod_list ul li a:hover{text-decoration: underline;} .prod_list ul li a img{ width: 214px; height: 214px; float: left; border: solid 1px #ccc;background-color: #fff; padding: 1px; } .prod_list ul li a:hover img{ border-color: #69439A; } .prod_list ul li a span{background-color: #fff; display: block;float: left;width: 218px; text-align: center;line-height: 38px;} .comp_news { width: 392px; overflow: hidden; float: left; padding-right: 14px; border-right: 1px solid #ebebeb; } .comp_news .title{} .comp_news .title .title{ color: white; font-size: 14px; font-weight: bold; line-height: 30px; background-color: #205FAB; text-align: center; width: 100px; height: 30px; float: left; display: block; } .comp_news .title .more{ color: #666; font-size: 12px; line-height: 30px; float: right; } .comp_news .title .more a{ color: #666; font-size: 12px; text-decoration: underline; } .comp_news .con{} .comp_news .con ul{ padding-top: 10px; } .comp_news .con ul li{ background-image: url(../images/li02.png); background-repeat: no-repeat; background-position: 6px 14px; height: 34px; border-bottom: 1px dashed #ccc; } .comp_news .con ul li a{ color: #333; font-size: 14px; line-height: 34px; text-decoration: none; text-indent: 16px; width: 296px; height: 34px; overflow: hidden; float: left; display: block; } .comp_news .con ul li a:hover{ color: #c10202; text-decoration: underline; } .comp_news .con ul li .date{ color: #999; font-size: 14px; line-height: 34px; float: right; display: block; } .comp_photo { width: 740px; overflow: hidden; float: right; padding-right: 8px; } .comp_photo .title{} .comp_photo .title .title{ color: white; font-size: 14px; font-weight: bold; line-height: 30px; background-color: #205FAB; text-align: center; width: 100px; height: 30px; float: left; display: block; } .comp_photo .title .more{ color: #666; font-size: 12px; line-height: 30px; float: right; } .comp_photo .title .more a{ color: #666; font-size: 12px; text-decoration: underline; } .comp_photo .con{} .comp_photo .con ul{ margin-left: -37px; } .comp_photo .con ul li{ float: left; margin-top: 16px; margin-left: 37px; } .comp_photo .con ul li img{ background-color: white; width: 210px; height: 140px; padding: 4px; border: solid 1px #ccc; } .comp_photo .con ul li a:hover img{ border-color: #205FAB; } .btitle01 { color: #205FAB; font-size: 30px; font-family: Microsoft YaHei, SimHei; line-height: 76px; text-align: center; margin-top: 50px; } .btitle02 h2 { color: #333; font-size: 24px; font-family: Microsoft YaHei, SimHei; font-weight: normal; line-height: 34px; text-align: center; margin: 20px 0 0 0; padding: 0; } .title_small { color: #666; font-size: 12px; font-family: Arial; line-height: 28px; background-image: url(../images/linered.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 10px; border-bottom: 1px solid #ebebeb; } .div_bg01 { background-image: url(../images/bg01.png); background-repeat: repeat; margin: 0; padding: 0 0 40px; border-top: 1px solid #ddd; } .btitle04 { color: #333; font-size: 18px; font-family: Microsoft YaHei, SimHei; font-weight: lighter; line-height: 50px; background-image: url(../images/li03.png); background-repeat: no-repeat; background-position: center 0; text-align: center; } .cpys01 { } .cpys01 ul{ } .cpys01 ul li{ background-image: url(../images/item_bg.gif); width: 238px; height: 394px; overflow: hidden; float: left; margin-right: 22px; margin-left: 22px; } .cpys01 ul li .title1{ color: #333; font-size: 18px; font-family: yahei; line-height: 32px; text-align: center; margin-top: 14px; } .cpys01 ul li .title2{ color: #999; font-size: 16px; font-family: Arial; line-height: 32px; text-align: center; } .cpys01 ul li .con{ color: #333; font-size: 14px; line-height: 22px; margin-top: 15px; padding-right: 20px; padding-left: 20px; } .cpys01 ul li:hover{ background-image: url(../images/item_hover_bg.gif); } .cpys01 ul li:hover .title1,.cpys01 ul li:hover .title2,.cpys01 ul li:hover .con{ color: white; } .cpys02{ height: 1250px; background-image: url(../images/gsys.gif); margin-top: 15px; position: relative; background-repeat: no-repeat; } .cpys02 .yahei{font-family: Microsoft YaHei, SimHei; } .cpys02 .title01{ color: #333; font-size: 35px; font-family: Microsoft YaHei, SimHei; line-height: 56px; text-align: center; padding-top: 250px; } .cpys02 .title02{ font-size: 20px; color: #205FAB; line-height: 26px; text-indent: 668px; } .cpys02 .font52{color: #205FAB;font-size: 52px;} .cpys02 .t01{ color: #205FAB; font-size: 34px; font-family: Microsoft YaHei, SimHei; line-height: 50px; } .cpys02 .t01 span{ color: #b20000; } .cpys02 .t02{ font-size: 22px; color: #525252; font-family: Microsoft YaHei, SimHei; line-height: 30px; } .cpys02 .t03{ font-size: 14px; color: #333; font-family: verdana; line-height: 22px; margin-top: 10px; } .cpys02 .ys01{ width: 510px; top: 270px; left: 555px; position: absolute; } .cpys02 .ys02{ width: 410px; top: 500px; left: 133px; position: absolute;} .cpys02 .ys03{ width: 410px; top: 765px; left: 588px; position: absolute;} .cpys02 .ys04{ width: 500px; top: 1006px; left: 145px; position: absolute;} .about { width: 800px; float: left; min-height: 300px; margin-top: 10px; background-image: url(../images/about.gif); background-repeat: no-repeat; overflow: hidden;} .about .con{ width: 240px;height: 300px; overflow: hidden;margin-left: 550px;line-height: 20px;padding-top: 14px;} .about .con h2{ color: #333; font-size: 16px; font-weight: bold; line-height: 18px; margin: 0; padding: 0 0 10px; } .about .con h2 i{ background-color: #205FAB; width: 6px; } .about .con p{ color: #666; font-size: 14px; line-height: 22px; margin: 0; padding: 0; } .bnt_hui { color: white; font-size: 12px; line-height: 26px; background-color: #B20000; text-decoration: none; text-align: center; width: 96px; height: 26px; float: left; display: block; } .bnt_red { color: white; font-size: 12px; line-height: 26px; background-color: #205FAB; text-decoration: none; text-align: center; width: 90px; height: 26px; float: left; margin-left: 20px; display: block; } .cert { width: 342px; float: right; margin-top: 10px; } .cert .title{ height: 54px; border-bottom: 2px solid #69439A;background-image: url(../images/cert_title.png); background-repeat: no-repeat;} .cert .con{ padding-top: 10px; } .cert .con img{ background-color: white; padding: 3px; border: solid 1px #ebebeb; } /*姘村钩婊氬姩鏍峰紡*/ .slider-box{height: 154px;width: 1170px;margin: 15px auto 0;} .slider-btn{ height: 100%; float: left; width: 50px; background-repeat: no-repeat; text-indent: -9999px } .slider-next{ background-image: url(../images/icon_right.png); background-repeat: no-repeat; background-position: right 45px; } .slider-prev{ background-image: url(../images/icon_left.png); background-repeat: no-repeat; background-position:0 45px } .slider-next:hover{ } .slider-prev:hover{ } .slider-wrapper{ height: 100%; position: relative; width: 1060px; float: left; overflow:hidden; } .slider-wrapper ul{ position: absolute; height: 100%; width: 2000px; margin: 0; padding: 0; } .slider-wrapper li{ float: left; width:186px; height: 154px; margin: 0 13px; padding: 0; text-align: center;} .slider-wrapper li img{ background-color: white; width: 175px; height: 124px; float: left; padding: 4px; border: solid 1px #ebebeb; } .slider-wrapper li a{line-height: 24px;color: #666666;} .about_listimg{height: 134px;width: 1170px;margin: 25px auto 0; overflow: hidden;} .about_listimg ul{ margin: 0; padding: 0; } .about_listimg li{ float: left; width:186px; height: 134px; margin: 0 13px; padding: 0; } .about_listimg li img{ background-color: white; width: 175px; height: 124px; float: left; padding: 4px; border: solid 1px #ebebeb; } /*姘村钩婊氬姩鏍峰紡*/ .slider2-box{ height: 134px; width: 1170px; padding-top: 30px; padding-bottom: 50px; } .slider2-btn{ height: 100%; float: left; width: 50px; margin-top: -18px; background-repeat: no-repeat; text-indent: -9999px } .slider2-next{ background-image: url(../images/icon_right2.png); background-repeat: no-repeat; background-position: right 0; height: 176px; } .slider2-prev{ background-image: url(../images/icon_left2.png); background-repeat: no-repeat; background-position:0 0 ;height: 176px; } .slider2-next:hover{ } .slider2-prev:hover{ } .slider2-wrapper{ height: 100%; position: relative; width: 1060px; float: left; overflow:hidden; } .slider2-wrapper ul{ position: absolute; height: 100%; width: 2000px; margin: 0; padding: 0; } .slider2-wrapper li{ float: left; width:186px; height: 134px; margin: 0 13px; padding: 0; } .slider2-wrapper li img{ background-color: white; width: 175px; height: 124px; float: left; padding: 4px; border: solid 1px #ebebeb; } .newslist { width: 390px; overflow: hidden; float: left; padding-right: 14px; border-right: 1px solid #ebebeb; } .newslist .title{} .newslist .title .title{ color: white; font-size: 14px; font-weight: bold; line-height: 30px; background-color: #69439A; text-align: center; width: 100px; height: 30px; float: left; display: block; } .newslist .title .more{ color: #666; font-size: 12px; line-height: 30px; float: right; } .newslist .title .more a{ color: #666; font-size: 12px; text-decoration: underline; } .newslist .con{} .newslist .con ul{ padding-top: 10px; } .newslist .con ul li{ background-image: url(../images/li02.png); background-repeat: no-repeat; background-position: 6px 14px; height: 34px; border-bottom: 1px dashed #ccc; } .newslist .con ul li a{ color: #333; font-size: 14px; line-height: 34px; text-decoration: none; text-indent: 16px; width: 296px; height: 34px; overflow: hidden; float: left; display: block; } .newslist .con ul li a:hover{ color: #c10202; text-decoration: underline; } .newslist .con ul li .date{ color: #999; font-size: 14px; line-height: 34px; float: right; display: block; } .kehulist { width: 820px; float: left; border-right: 1px solid #ebebeb; } .kehulist .title{ margin-right: 20px; padding-bottom: 8px; border-bottom: 1px solid #ebebeb; } .kehulist .title span{ color: white; font-size: 14px; font-weight: bold; line-height: 30px; background-color: #205FAB; text-align: center; width: 100px; height: 30px; overflow: hidden; padding: 0; display: block; } .kehulist .con{ overflow: hidden; min-height: 320px; margin-top: 10px; margin-right: 20px; } .kehulist .con ul{} .kehulist .con ul li{ margin-bottom: 8px; padding-bottom: 5px; border-bottom: 1px solid #ebebeb; } .kehulist .con ul li .tuwen{ height: 138px; overflow: hidden; } .kehulist .con ul li .tuwen .smallimg{ width: 160px; height: 138px; float: left; } .kehulist .con ul li .tuwen .smallimg img{ background-color: white; padding: 4px; border: solid 1px #ebebeb; } .kehulist .con ul li .tuwen .text{ width: 626px; height: 138px; float: right; } .kehulist .con ul li .tuwen .text .title{ font-size: 14px; line-height: 32px; border-bottom: 1px dotted #d7d7d7; } .kehulist .con ul li .tuwen .text .title a{ color: #666; font-weight: bold; text-decoration: none; } .kehulist .con ul li .tuwen .text .desc{ color: #999; font-size: 14px; line-height: 20px; padding-top: 6px; } .wenda { width: 336px; float: right; } .wenda .title{ padding-bottom: 8px; border-bottom: 1px solid #ebebeb; } .wenda .title .title{ color: white; font-size: 14px; font-weight: bold; line-height: 30px; background-color: #69439A; text-align: center; width: 100px; height: 30px; overflow: hidden; float: left; padding: 0; display: block; } .wenda .title .en{ color: #999; font-size: 16px; font-family: Arial; line-height: 30px; padding-left: 6px; } .wenda .con{ height: 310px; overflow: hidden; margin-top: 10px; } .wenda .con ul{ } .wenda .con dl{ margin: 0; padding: 20px 0; border-bottom: 1px solid #ebebeb; } .wenda .con dt{ margin: 0; padding: 0; } .wenda .con dd{ margin: 0; padding: 0; } .wenda .con .wen{ line-height: 23px; background-image: url(../images/wen.png); background-repeat: no-repeat; margin-bottom: 10px; padding-left: 30px; } .wenda .con .wen a{ color: #666; font-size: 14px; font-weight: bold; text-decoration: none; } .wenda .con .da{ color: #999; font-size: 14px; font-weight: normal; line-height: 18px; background-image: url(../images/da.png); background-repeat: no-repeat; padding-left: 30px; } .wenda .con .da a{ color: #999; font-size: 14px; line-height: 20px; text-decoration: none; } .wenda .con a:hover{ text-decoration: underline; } .gbooks { width: 336px; float: right; } .gbooks .title{ padding-bottom: 8px; border-bottom: 1px solid #ebebeb; } .gbooks .title .title{ color: white; font-size: 14px; font-weight: bold; line-height: 30px; background-color: #205FAB; text-align: center; width: 100px; height: 30px; overflow: hidden; float: left; padding: 0; display: block; } .gbooks .title .en{ color: #999; font-size: 16px; font-family: Arial; line-height: 30px; padding-left: 6px; } .gbooks .con{ overflow: hidden; margin-top: 10px; } .gbooks .con .title{ color: #666; font-size: 14px; line-height: 20px; width: 300px; margin-top: 16px; border-style: none; } .gbooks .con .hide{ visibility: hidden; } .gbooks .con .gbook{ color: #666; font-size: 14px; line-height: 34px; } .gbooks .con .gbook .input-text{ background-color: white; width: 250px; height: 22px; border: solid 1px #d7d7d7; } .gbooks .con .gbook textarea{ width: 246px; height: 66px; border: solid 1px #d7d7d7; } .gbooks .con .gbook .button_submit{ color: white; font-size: 14px; line-height: 30px; background-color: #205FAB; width: 120px; height: 30px; margin-left: 35px; border-style: none; border-width: 0; } .gbooks .con .gbook .button_reset{ color: white; font-size: 14px; line-height: 30px; background-color: #000; width: 120px; height: 30px; border-style: none; border-width: 0; } .links { margin-top: 20px; } .links .title .title{ color: white; font-size: 14px; font-weight: bold; line-height: 30px; background-color: #69439A; text-align: center; width: 100px; height: 30px; float: left; display: block; } .links .title .en{ color: #999; font-size: 16px; font-family: Arial; line-height: 30px; padding-left: 6px; } .links .con{} .links .con ul{ margin: 0; padding: 0; } .links .con ul li{ float: left; margin-right: 15px; margin-left: 10px; } .links .con ul li a{ color: #666; font-size: 14px; line-height: 40px; } .links .con ul li a:hover{ color: #c10202; } .footer { background-color: #69439A; margin-top: 50px; padding-top: 16px; padding-bottom: 16px; } .footer .slogo{ text-align: center; width: 174px; float: left; border-right: 1px solid #a11d14; } .footer .info{ color: white; font-size: 14px; line-height: 28px; text-align: center; } .footer .info p{ margin: 0; padding: 0; } .footer .info a{ color: white; text-decoration: none; } .footer .info a:hover{ text-decoration: underline; } .infomation{ width: 870px; float: left; } .infomation .title{} .infomation .title h2{ color: #333; font-size: 25px; font-family: 榛戜綋; font-weight: normal; line-height: 46px; margin: 0; padding: 0; border-bottom: 1px solid #ebebeb; } .infomation .title h2 span{ color: #999; font-size: 12px; font-family: 瀹嬩綋; float: right; } .infomation .title h2 span a{color: #999;} .infomation .article_info{ color: #999; font-size: 12px; line-height: 32px; background-color: #ebebeb; margin-top: 4px; padding-right: 6px; padding-left: 6px; } .infomation .con{ font-size: 14px; line-height: 24px; margin-top: 20px; margin-bottom: 5px; padding: 0 5px 4px; } .infomation .con p{ line-height: 30px; margin: 0; padding: 0; } .infomation .pcon{ font-size: 14px; line-height: 22px; margin-top: 20px; padding: 0; } .infomation .pcon .prod_photo{width: 350px;float: left;} .infomation .pcon .prod_info{width: 520px;float: right;} .infomation .pcon .prod_info .info{ width: 350px; float: left; } .infomation .pcon .prod_info h2{ color: #333; font-size: 16px; font-weight: bold; line-height: 30px; margin: 0 0 14px; padding: 0 0 8px; border-bottom: 1px solid #ebebeb; } .infomation .pcon .prod_info h3{ font-size: 14px; margin: 0; padding: 0; } .infomation .pcon .prod_info .service{ color: white; font-size: 16px; line-height: 34px; background-color: #69439A; text-align: center; width: 170px; margin-top: 20px; margin-bottom: 20px; } .infomation .pcon .prod_info .service:hover{} .infomation .pcon .prod_info .service a{ color: white; font-weight: bold; text-decoration: none; } #qrcode { width: 120px; float: right; } .content{ padding-bottom: 50px; } .content .title{ margin-top: 40px; border-bottom: 2px solid #69439A; } .content .title span{ color: white; font-size: 14px; font-weight: bold; line-height: 32px; background-color: #69439A; text-align: center; width: 100px; display: block; } .photo_desc { color: #999; font-size: 12px; background-color: white; min-height: 100px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; padding: 6px; border: dotted 1px #ebebeb; } .info_desc { color: #999; font-size: 12px; background-color: #efefef; height: 94px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; padding: 6px; } .sidenav{ width: 270px; float: right; padding-left: 7px; border-left: 1px solid #ebebeb; } .sidenav .title{ color: white; font-size: 16px; font-weight: bold; line-height: 34px; background-color: #EB540C; width: 230px; padding-right: 10px; padding-left: 10px; } .sidenav .title2{ color: white; font-size: 16px; font-weight: bold; line-height: 34px; background-color: #69439A; width: 230px; padding-right: 10px; padding-left: 10px; } .sidenav ul.cate{ margin: 0 0 0; padding: 0; list-style-type: none; } .sidenav ul.cate li{ color: white; font-size: 14px; line-height: 30px; background-color: #69439A; text-indent: 10px; width: 220px; margin-top: 8px; } .sidenav ul.cate li a{ color: white; text-decoration: none; } .sidenav ul.cate li:hover{ background-color: #EB540C; text-decoration: none; } .sidenav .sidecontact{ padding: 7px 30px 7px 10px; } .sidenav .sidecontact h3{ color: #333; font-size: 14px; font-weight: bold; line-height: 36px; margin: 0; padding: 0; border-bottom: 1px solid #ebebeb; } .sidenav .sidecontact .con{ color: #666; font-size: 12px; line-height: 24px; padding-top: 6px; } .sidenav .sidecontact .con p{ margin: 0; padding: 0; } #side_nav_box{ width: 250px; margin: 10px 0 0; padding: 0; border: 1px #054477; list-style-type: none; } #side_nav_box li{ font-size: 14px; line-height: 32px; background-color: #ebebeb; background-image: url(../images/li04.png); background-repeat: no-repeat; background-position: 10px 10px; text-indent: 20px; text-indent: 30px; margin: 0; padding: 0; } #side_nav_box li:first-child{ border-top-style: none; border-top-width: 1px; } #side_nav_box li.foot{ } #side_nav_box li a{ color: #333; font-weight: bold; text-decoration: none; } #side_nav_box li a:hover{ color: #205FAB; text-decoration: underline; } #side_nav_box ul{ margin: 0; padding: 0; border-style: none; border-width: 0; list-style-type: none; } #side_nav_box ul li{ font-size: 14px; line-height: 32px; background-color: white; background-image: url(../images/li01.png); background-repeat: no-repeat; background-position: 18px 12px; text-indent: 32px; text-indent: 32px; margin: 0; padding: 0; border-style: none; } #side_nav_box ul li:first-child{ } #side_nav_box ul li a{ color: #666; font-weight: normal; text-decoration: underline; } #side_nav_box ul li a:hover{ color: #000; text-decoration: underline; } ul.plist{ margin: 0 0 0 -40px; padding: 0; } ul.plist li{ text-align: center; width: 262px; overflow: hidden; float: left; margin: 10px 0 0 40px; padding: 0; } ul.plist li a{ color: #666; font-size: 14px; line-height: 32px; text-decoration: underline; } ul.plist li a:hover{ color: #c10202; } ul.plist li a img{ background-color: white; width: 256px; height: 256px; padding: 2px; border: solid 1px #ebebeb; } ul.plist li a:hover img{ border-color: #c10202; } ul.photolist{ margin: 0 0 0 -40px; padding: 0; } ul.photolist li{ text-align: center; width: 262px; overflow: hidden; float: left; margin: 10px 0 0 40px; padding: 0; } ul.photolist li a{ color: #666; font-size: 14px; line-height: 32px; text-decoration: underline; } ul.photolist li a:hover{ color: #c10202; } ul.photolist li a img{ background-color: white; width: 256px; height: 192px; padding: 2px; border: solid 1px #ebebeb; } ul.photolist li a:hover img{ border-color: #c10202; } .guestbook_list {margin:12px;line-height:26px;} .guestbook_list dl {border:solid 1px #e9e9eb;margin:8px auto;padding:5px;} .guestbook_list dl dt {border-bottom:1px dashed #e9e9eb;height:26px;line-height:26px;color:#c60f00} .guestbook_list dl dt span {float:right;line-height:26px;} .guestbook_list dl dd.g_content {padding:5px;line-height:26px;} .txt{ margin: 0 0 0px; padding: 0; } .txt li{ line-height: 32px; background-image: url(../images/li02.png); background-repeat: no-repeat; background-position: 6px 14px; padding-left: 15px; border-bottom: 1px dotted #d7d7d7; } .txt li a{ text-decoration: none; } .txt li a:hover{ color: #c10202; text-decoration: underline; } .txt li .date{ color: #b4b4b4; background-position: left 0; float: right; } .list{ margin-bottom: 20px; } .list h4{ line-height: 30px; background-color: #f1f1f1; margin: 0; padding: 0 6px; border-bottom: 1px solid #e5e5e5; } .list h4 a{ color: #333; font-size: 16px; font-weight: bold; text-decoration: none; } .list h4 span a{ color: #666; font-size: 12px; font-weight: normal; } .list h4 span{ font-size: 12px; font-weight: normal; float: right; } #pages { padding:10px 0; text-align:left; clear: both; margin-top: 10px; } #pages a { display:inline-block; padding:0 8px; height:22px; font-size:12px; line-height:22px; background:#fff; border:solid 1px #e3e3e3; text-align:center; color:#333; font-family: 瀹嬩綋; text-decoration: none; margin-right: 2px; margin-left: 2px; } #pages a.a1 {padding:0px 12px; height:22px; line-height:22px;margin-top:0px;} #pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; } #pages span { display:inline-block; padding:0 8px; height:22px; line-height:22px; background:#0066cb; color:#fff; text-align:center; margin: 0; } .page .noPage { display:inline-block; padding:0px 12px; height:22px; line-height:22px;border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; } .gallery { width: 650px; overflow: hidden; margin-right: auto; margin-left: auto; } .gallery img { display: block;} .main-image img { padding: 4px; border: 1px solid #ccc; background-color: #fff;} .thumbnails { height: 85px; margin: 15px 0 0 -15px; list-style-type: none;} .thumbnails li { float: left; margin-left: 15px; display: inline;} .thumbnails img { padding: 4px; border: 1px solid #ccc; background-color: #fff;}