@charset "utf-8"; /*=[ Basis ] ----------------------------------------------------------*/ *,html{padding:0;margin:0;} body{ font:12px/14px "微软雅黑",Tahoma, Helvetica, Arial,SimSun, sans-serif;color:#333;background:url(../images/bg.jpg) repeat-x 0 100px; } a,a:link,a:visited{display:inline-block;text-decoration:none;color:#333;} a:hover{text-decoration:underline;color:#0055a6;} a:focus {outline: none;} li{list-style:none;font-size:0;line-height:0;} li a,li span,li p{font-size:100%;} img{border:0;vertical-align:middle} table{border-collapse:collapse;border-spacing:0} p{word-wrap:break-word} img{border:0 none;} /*=[ Table ] ----------------------------------------------------------*/ .article_content table{width:100%;margin:0 auto;border-left:1px solid #e0e0e0;border-top:1px solid #e0e0e0;} .article_content table td{border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;padding:4px;vertical-align:middle;line-height:170%;} .article_content table tr.tbody{background:#f4f4f4;} .article_content table tr.tbody td{padding:8px 4px;font-weight:bold;} /*=[ Form ] ----------------------------------------------------------*/ textarea{vertical-align: baseline;padding:4px;border:1px solid #e0e0e0;} input{vertical-align: baseline;padding:4px;line-height:14px;height:14px;border:1px solid #e0e0e0;} button,.bu{ cursor:pointer;vertical-align: baseline;outline: none;height:32px;padding:0 15px; } /*=[ Fonts ] ----------------------------------------------------------*/ h1{font-size: 28px;line-height:30px;} h2{font-size: 22px;line-height:24px;} h3{font-size: 16px;line-height:18px;} h4,h5,h6{font-size: 14px;line-height:16px;} small{font-size:12px;} .article_content p,.article_content div,.article_content span{margin:0 auto 16px;line-height:170%;} .article_content table td p,.article_content table td div,.article_content table td span{margin:0 auto;} /*=[ Shared ] ----------------------------------------------------------*/ .ce{clear:both;overflow:hidden;height:0;font-size:0;} .fl{float:left;_display:inline;} .fr{float:right;_display:inline;} .ra{border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;} .ratp{border-top-left-radius: 5px;border-top-right-radius: 5px;} .rabt{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .shadow_box{box-shadow:2px 2px 2px #aaa;} /*=[ Pages ] ----------------------------------------------------------*/ .bc{ clear:both;overflow:hidden;margin:20px auto 0;width:95%;line-height:48px;border-bottom:dotted 1px #bfbfbf; } .bc span a,.bc span a:visited{color:#4793db;} .bc span a:hover{color:#0055a6;} .bc span{float:right;color:#4793db;margin-right:10px;} .bc h4{ float:left;font-size:24px;height:48px;line-height:48px;font-weight:500;color:#0055a6;margin-left:10px; } .article_title{text-align:center;font-size:18px;margin:30px auto 10px;line-height:170%;color:#333;} .article_content{margin:30px auto 20px;font-size:14px;overflow:hidden;width:90%;} .article_content img{} .artice_metas{text-align:center;width:90%;margin:0 auto;} .related{margin:-320px 0 0 35px;width:740px;overflow:hidden;height:57px;position: absolute;} .related p span,.related p a{background:url(../images/prev.gif) no-repeat;display:block;width:29px;height:57px;} .related p.relatedR span,.related p.relatedR a{background:url(../images/next.gif) no-repeat;float:right;} .related p a,.related p.relatedR a{background-position:0 -57px;} .related p{width:50%;float:left;} .related p.relatedR{text-align:right;} .list_related{width:90%;overflow:hidden;margin:0 auto 20px;} .list_related p{width:50%;float:left;} .list_related a,.list_related a:visited{display:inline-block;width:80px;height:30px;border:1px solid #e2e2e2;border-radius: 7px;background:url(../images/sprite-arrows.png) no-repeat -100px center;} .list_related p.relatedR{text-align:right;} .list_related p.relatedR a{text-align:right;background:url(../images/sprite-arrows.png) no-repeat 0 center;} .page_list{text-align:center;padding:20px 0;} .page_list span,.page_list a{display:inline-block;margin:0 5px;border:1px solid #ddd;padding:5px;background:#f5f5f5;color:#333;padding:10px 15px;border-radius: 7px;font-size:14px;} .page_list span{border:1px solid #ddd;padding:10px 15px;color:#333;border-radius: 7px;} .page_list span.page_i{color:#666;} .page_list span.pagelist_curr{background:none;font-weight:bold;} .pages{text-align:center;padding:20px 0;} .pages span,.pages a{display:inline-block;margin:0 5px;border:1px solid #ddd;padding:5px;background:#f5f5f5;color:#333;padding:10px 15px;border-radius: 7px;font-size:14px;} .pages span{border:1px solid #ddd;padding:10px 15px;color:#333;border-radius: 7px;} .pages span.page_i{color:#666;} .pages span.pagelist_curr{background:none;font-weight:bold;} .product_info{ margin:0 auto;width:600px; } .post{ min-height:330px;border-top:0px none;margin:0 auto;overflow:hidden; } .pro_img{ width:600px;height:450px;line-height:450px;margin:30px auto 15px;text-align:center;vertical-align:middle;border:1px solid #e0e0e0;box-shadow:2px 2px 5px #aaa; } .post h5{ clear:both;border:1px solid #cfcfcf;margin:20px 15px;height:32px;line-height:32px; } .post h5 span{margin-left:15px;} .video_content{width:480px;margin:0 auto;} .honor_ls{} .honor_ls li{border-bottom:1px #ddd dotted;font-size:14px;padding:15px 0 0;cursor:pointer;} .honor_ls li:hover{background:#0055a6;color:#fff;padding:15px 0 0 15px;} /*=[ List ] ----------------------------------------------------------*/ .article_list{width:90%;margin:30px auto 0;} .article_list li{line-height:32px;border-bottom:1px dashed #ddd;font-size:14px;} .article_list li span{float:right;font-size:12px;color:#ccc;} .img_list{clear:both;overflow:hidden;width:771px;margin: 30px auto 0;} .img_list li{ float:left;width:257px;text-align:center;margin:15px auto;display:table;vertical-align:middle } .img_list li span{ display:block;margin:0 auto 0;width:230px;height:40px;line-height:160%;border:1px solid #ddd;border-top:0 none;font-size:14px; } .img_list li a.img_box{ width:230px;height:185px;vertical-align:middle;line-height:185px;text-align:center;border:1px solid #ddd;background:#fff; } .img_list li a.img_box img{ max-width:228px;max-height:183px;margin:0 auto 0;vertical-align:middle; } .product_list{width:1030px;} .album_list{width:1044px;margin:0 auto;} .album_list li{background:#f1f1f1;width:308px;margin:20px 10px;padding:20px 0;height:250px;} .album_list li span{font-size:12px;line-height:22px;text-align:center;border:0 none;margin-top:15px;} .album_list li a.img_box img{max-width:220px;max-height:165px;} .album_list li:hover{background:#3377b8;} .album_list li:hover span{color:#fff;} /*=[ Layout ] ----------------------------------------------------------*/ .wrap{} .header{clear:both;overflow:hidden;width:1100px;margin:0 auto;} .logo{_display:inline;float:left;margin:0;padding:25px 0 15px} .page{margin:0 auto 0;width:100%;overflow:hidden;background:url(../images/bg03.png) repeat-x 0 0;} .home .page{position:relative;margin:-55px auto 0;z-index:10;background:url(../images/bg_page.jpg) repeat-x 0 55px;border:0 none;} .main{clear:both;overflow:hidden;width:1100px;margin:0 auto 0;} .banner{width:100%;margin:0 auto;max-width:1440px;} .bin_page{width:100%;height:191px;} #bin_1,#bin_41{background:url(../images/1.jpg) no-repeat center 0;} #bin_6,#bin_47{background:url(../images/6.jpg) no-repeat center 0;} #bin_7,#bin_54{background:url(../images/7.jpg) no-repeat center 0;} #bin_8,#bin_58{background:url(../images/8.jpg) no-repeat center 0;} #bin_9,#bin_70{background:url(../images/9.jpg) no-repeat center 0;} #bin_12,#bin_74{background:url(../images/12.jpg) no-repeat center 0;} #bin_30,#bin_48{background:url(../images/30.jpg) no-repeat center 0;} #bin_31,#bin_49{background:url(../images/31.jpg) no-repeat center 0;} #bin_32,#bin_50{background:url(../images/32.jpg) no-repeat center 0;} #bin_33,#bin_51{background:url(../images/33.jpg) no-repeat center 0;} #bin_34,#bin_52{background:url(../images/34.jpg) no-repeat center 0;} #bin_35,#bin_53{background:url(../images/35.jpg) no-repeat center 0;} #bin_36{background:url(../images/36.jpg) no-repeat center 0;} .content{_display:inline;float:right;width:100%;} /*=[ Nav ] ----------------------------------------------------------*/ .nav_top{float:right;line-height:26px;margin-top:45px;} .nav_top a,.nav_top a:visited{display:inline-block;padding:0 10px;} .nav_top a:hover{} .nav_main{width:100%;clear:both;} .nav_main li{ _display:inline;float:left;font-size:14px;text-align:left;font-weight:400;background:url(../images/nav_tx.jpg) no-repeat 0 center;height:36px;line-height:36px;width:157px; } .nav_main li.home{background:none;} .nav_main li a,.nav_main li a:visited{display:block;text-align:center;height:36px;line-height:36px;color:#fff;} .nav_main li a:hover{color:#fff;} .nav_main ul {z-index:300;position: absolute;display:none;padding:0;margin:0;} .nav_main ul li{font-size:12px;font-weight:lighter;height:30px;line-height:30px;clear:both;} /*=[ Sidebar ] ----------------------------------------------------------*/ .sidebar{float:left;margin:15px 0 20px 20px;} .nav_sort{margin:0 auto;} .sort_name{} .sort_name span{margin:0 auto;} .nav_sort ul{} .nav_sort ul li{float:left;font-size:14px;line-height:24px;margin-right:20px;color:#ddd;} .nav_sort ul li a,.nav_sort ul li a:visited{display:block;color:#666;} .nav_sort ul li span{padding-left:20px;display:inline-block;} .nav_sort ul li a:hover,.nav_sort ul li a.current{color:#0055a6;} .nav_sort_2 ul{width:100%;overflow:hidden;} #tonglan{clear:both;margin:0 0 10px;border-top:1px dotted #ddd;width:100%;padding-top:10px;} #pro_sort_ls{clear:both;margin:0 0 10px;border-top:1px dotted #ddd;width:100%;padding-top:10px;} #pro_sort_ls li{float:left;width:149px;margin:5px 0;padding:0;text-align:center;} #pro_sort_ls li a,#pro_sort_ls li a:visited{padding:0;clear:both;text-align:center;border:1px solid #ddd;width:90%;} #pro_sort_ls li a:hover,#pro_sort_ls li a.currentNav{border:1px solid #0055a6;background:#0055a6;color:#fff;} #pro_sort_ls .nav_sort_2 ul li{float:left;font-size:14px;line-height:24px;width:33.3%;margin-bottom:30px;} #pro_sort_ls .nav_sort_2 ul li img{width:315px;height:205px;} #pro_sort_ls .nav_sort_2 ul li a,#pro_sort_ls .nav_sort_2 ul li a:visited{display:block;color:#fff;border:0 none;} #pro_sort_ls .nav_sort_2 ul li a:hover{background:none} #pro_sort_ls .nav_sort_2 ul li span{display:block;background:#0055a6;width:315px;line-height:50px;float:left;margin:0;} #pro_sort_ls .nav_sort_2 ul li span a{margin:0 auto;} .en_nav_sort li a{height:50px;font-size:12px;} /*=[ Home ] ----------------------------------------------------------*/ .box_h{float:left;} .box_h .sort_title{height:55px;line-height:55px;} .box_h .sort_title h4{float:left;height:55px;line-height:55px;font-size:18px;font-weight:400;color:#fff;margin-left:20px;} .box_h .sort_title h4 i{font-style:normal;font-family:times;font-size:14px;display:inline-block;margin-left:15px;} .box_h .sort_title a.more{float:right;margin:0 10px 0 0;} .box_h .sort_title h4 a{color:#fff;} .box_c{line-height:24px;clear:both;overflow:hidden;} #about_h{width:340px;background:url(../images/bg02.png);} #about_h .box_c{color:#fff;text-align:center;} #about_h .box_c p{text-align:left;margin:0 auto;width:89%;} #about_h .box_c img{margin:20px auto;} #about_h .box_c a{display:block;border:1px solid #fff;color:#fff;margin:20px auto;padding:5px 0;width:128px;} #news_h{width:420px;background:url(../images/show.png) no-repeat 0 0;} #news_h ul{width:92%;margin:0 auto;padding:5px 0;} #news_h ul li{padding-left:15px;overflow:hidden;background:url(../images/icon_ls.jpg) no-repeat 0 center;} #news_h ul li a{float:left;font-size:12px;line-height:30px;} #news_h ul li span{float:right;} #news_h .sort_title{margin:25px auto 0;border-bottom:1px solid #e3e3e3;width:95%;} #news_h .sort_title h4 i{color:#a3a3a3;} #news_h .sort_title h4 a{color:#000;} .news_top{overflow:hidden;width:95%;margin:80px auto 0;} .news_top a{color:#0055a6;} .news_top img{float:left;width:154px; height:103px;margin-right:15px;} .news_top p{float:left;width:230px;font-size:14px;font-weight:600;} .news_top span{float:left;width:230px;margin:8px 0;line-height:20px;} #pro_h{width:340px;} #pro_h .sort_title{background:url(../images/bg01.png);} #cul_h{margin-top:10px;} #sublink{width:1098px;text-align:center;overflow:hidden;border:1px solid #e1e1e1;padding:20px 0;margin:20px auto 0;} #sublink li{float:left;border:1px solid #e1e1e1;background:#fff;width:233px;margin:0 19px;font-size:12px;text-align:left;line-height:20px;} #sublink li span{padding:10px;display:block;padding-right:0;} .container{width:340px;height:251px;} /*=[ Footer ] ----------------------------------------------------------*/ .footer{ clear:both;overflow:hidden;width:100%;margin:10px auto 0;text-align:center;background:#f1f1f1;line-height:22px;border-top:1px solid #e1e1e1; } .footer a,.footer:visited{} .flink{ text-align:left;margin:0 auto 10px;width:340px;float:left;text-align:left;background:url(../images/bg_foot.jpg) no-repeat right center; } .flink strong{display:block;font-weight:400;font-size:18px;margin-bottom:10px;} .flink a{display:inline-block;margin-right:10px;} .nav_bot{} .copyright{ width:1100px;overflow:hidden;margin:20px auto 0; } .gzh{float:left;margin-right:30px;} .yyzzxxgs{float:right;margin-top:40px;} .copy{margin:0 0 20px 0;text-align:left;overflow:hidden;width:100%;} .select{display:block;margin:10px 0 0;} .select select{background:#f1f1f1;border:1px solid #e1e1e1;color:#666;padding:3px;} .select select#select1{margin-right:10px;} .idc{margin:0 0 0 0;border-top:1px solid #dcdcdc;text-align:center;height:32px;line-height:32px;width:100%;} body.home .footer{} /*=[ Gbook ] ----------------------------------------------------------*/ #gbook_list{ width:95%;margin:20px auto; } #gbook_list .img{float:left;width:300px;} .faq{ margin-bottom:10px;background:#fff } .faq_author{background:#f5f5f5;} .faq_author,.faq_content{ border:1px solid #e5e5e5;padding:8px; } .faq_author strong{ color:#000 } .faq_author span{ float:right; } .faq_content{ border-top:1px solid #efefef } .faq_content strong{ display:block;padding:5px 0;border-bottom:1px dashed #acacac;width:100%; } .faq_content p{margin-top:10px;} .reply{ border:1px dashed #acacac;padding:5px;margin-top:5px } #faqbox{border-left:1px dotted #bfbfbf;float:left;margin-left:60px;padding-left:20px;} #faqbox div{ margin:5px auto;padding:5px 0; } #faqbox div span{ display:inline-block;width:100px;text-align:right;font-size:14px } #faqbox div font{color:#f00;display:inline-block;margin-left:10px;} #faqbox div.form_content span{position: relative;top:-35px;} #faqbox div.form_content font{position: relative;top:-35px;} #faqbox div.form_code button{margin-left:30px;} /*=[ Banner ] ----------------------------------------------------------*/ #slideshow_wrapper { position: relative; padding:0px;margin:0 auto;width:100%;height: 224px;overflow: hidden; } .home #slideshow_wrapper{height:424px;} #slideshow_footbar { z-index: 5;position: absolute;filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#32000000, endcolorstr=#32000000);width: 100%; bottom: 0px; height: 30px } #slideshow_photo { position: absolute;width: 100%;height: 100%;cursor: pointer } #slideshow_photo a { z-index: 1;border:0px none;position: absolute;margin: 0px;display: block;top: 0px;left: 0px } #slideshow_photo img{margin-top:-90px;} .home #slideshow_photo img{margin:0;} #slideshow_footbar .slideshow-bt { background-color: #d2d3d4;margin: 10px 10px 0px 0px;width: 10px;display: inline;float: right;height: 10px;font-size: 0px;border:1px solid #fff;display:none; } #slideshow_footbar .bt-on {background-color: #30b1eb;} /*=[ ScrollImg ] ----------------------------------------------------------*/ .marquee {width:95%;height:160px;margin:0 auto;overflow:hidden;} .marquee li{ display:inline; float:left;width:180px;text-align:center; } .marquee li a{} .marquee li img {margin:0;width:164px;height:122px;} .marquee li span{display:block;text-align:center;width:100%;padding:0;} /*=[ Back To Top ] ----------------------------------------------------------*/ #back-to-top{ position:fixed; bottom:5%; left:90%; } #back-to-top a{ text-align:center; text-decoration:none; color:#d1d1d1; display:block; width:50px; /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/ -moz-transition:color 1s; -webkit-transition:color 1s; -o-transition:color 1s; } #back-to-top a:hover{ color:#979797; } #back-to-top a span{ display:block; height:50px; width:50px; background:url(../images/top.png) no-repeat center center; margin-bottom:5px; -moz-transition:background 1s; -webkit-transition:background 1s; -o-transition:background 1s; } #back-to-top a:hover span{ background:url(../images/top.png) no-repeat center center; }