/* Theme Name: 魔术门户 Theme URI:http://www.themepark.com.cn/ Description: WEB主题公园所出品的一款swiper框架主题,对移动设备的运行非常流畅,并且兼容web主题公园所出品的购物盒子WordPress插件,可以建立一个带有购物车、小型论坛、qq登录和本地化留言框等强大功能的主题。 Author:WEB主题公园 Author URI: http://www.themepark.com.cn/ Version: 1.10 */ * {margin: 0;padding: 0} body {background: white;font: 14px/1.4 Georgia,Serif;font-family: 微软雅黑,Arial,Helvetica,sans-serif; background: fixed url("../images/whitediamond.png"); height:100%; position:relative; display:block; } .body_hd{ width:100%; height:1000px; position:absolute; z-index:1; top:0; left:0;background:center top no-repeat url("../images/ba.png") } html{ position:relative;} .screen-reader-text {position: absolute;left: -9999px;top: -9999px} .clear {clear: both} .group: after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0} * html .group,*: first-child+html .group {zoom: 1} a{ text-decoration:none;} img{ border:none;max-width:100%; height:auto;} li,ul,ol{ list-style:none } b a,h2 a{ color:#333;} .header{ width:100%; height:auto; position: relative; z-index:100;} .header_background{ width:100%; height:100%; position:absolute; z-index:1; top:0; left:0; background:#fff;;} .header_nav_background{ width:100%; height:78px; position:absolute; z-index:1; bottom:0; left:0; background:#fff;} .top{ width:100%; height:auto; position: relative;} .top_bac{ width:100%; height:32px; background:#000; position:absolute; left:0; top:0; z-index:1;opacity:0.5;filter:Alpha(opacity=50); border-bottom:solid 1px #FFFFFF;} .top_in{ width:98%; max-width:1200px; min-width:1024px; height:17px; padding: 8px 1%;; margin:0 auto; position:relative; z-index:5; } .top a{ color:#fff; font-size:12px;background-image:url('images/Sprites.png'); display:block; height:17px; line-height:17px;background-repeat:no-repeat; float:left; padding-left:30px; position:relative; float:left;} .top a.top_left{margin-right:15px; float:left; } .top a.top_right{margin-left:15px; float:right; } .top a.profie{ background-position:0 -533px;} .top a.loginout{ background:none; padding:0;} .smaill_dwon{background:-9px -501px url('images/Sprites.png'); width:10px; height:6px; position:absolute; right:-13px; top:7px;} .language_drop{ float:right; width:auto; height:17px; margin-left:15px; overflow:hidden; } .language_drop a{ padding:0; margin-left:5px; background:none; border:solid 1px #FFFFFF; font-size:0; display:block; float:left;} .top strong{ font-size:12px; font-weight:normal; color:#fff; float:left;} .top a.login{ background-position:0 -238px;} .top a.reg{ background-position:0 -180px;} .top a.language{ background-position:0 -298px; cursor:pointer;} .header_down_out{ width:100%; height:auto;transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;background:url("../images/nav.png"); } .header_down_out_fixed{ position:fixed; left:0;top:44px; z-index:100000000;} .header_in{ width:100%; height: auto;position:relative; z-index:10; } .header_center{ width:98%; max-width:1200px; min-width:1024px; margin:0 auto; height:78px; overflow:hidden; padding:10px 1%;} .logo{ float:left; overflow:hidden; max-width:30%; max-height:78px;} #header_pic_nav{ float: left; height:60px; } .header_menu_ul { height:60px;} #header_pic_nav li{ display:block; float:left; position:relative; z-index:10; padding:0 20px 0 15px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} #header_pic_nav li a{ float: left; margin:0 auto; display:block; height:40px; padding:8px 0 12px; width:auto;transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s; text-align:left;} #header_pic_nav li:hover{ background:url('images/black_b2.png');} #header_pic_nav li img{ float:left; display:block; max-width:40px; max-height:48px; margin-top:5px;} #header_pic_nav li span{ display:block; float:left; margin-left:5px; padding-top:10px;} #header_pic_nav li b,#header_pic_nav li p{ display:block; width:100%;} #header_pic_nav li b{ font-size:14px; color:#fff; font-weight:normal; line-height:17px;} #header_pic_nav li p{ font-size:10px; color:#fff;text-transform : uppercase} #header_pic_nav li .sub-menu{ position:absolute; top:60px; left:0; background:#FFF; width:400px; z-index:10; border:1px solid #f4f4f4; display:none;} #header_pic_nav li.youbian .sub-menu{ right:0; left:inherit !important;} #header_pic_nav li .sub-menu li{ padding:0; width:auto;border-left:1px solid #f4f4f4;} #header_pic_nav li .sub-menu li a{ border:none;width:178px; border-left:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;padding:20px 10px 10px 10px; height:48px;} #header_pic_nav li .sub-menu li b{ color:#333;} #header_pic_nav li .sub-menu li:hover{ background:#fafafa;} #header_pic_nav li .sub-menu li p{ font-size:12px; color:#999;} #header_pic_nav li .sub-menu li a:hover{ box-shadow:0 0 3px #CCC inset } #header_pic_nav .sub-menu li.full,.nav_menu_widgetss .sub-menu li.full{ width:100%; height:auto; padding:5px 0;} #header_pic_nav .sub-menu li.full a,.nav_menu_widgetss .sub-menu li.full a{ width:98% !important;padding:1%; height: auto;} #header_pic_nav .sub-menu li.full a img,.nav_menu_widgetss .sub-menu li.full a img{ max-width:100% !important; height:auto !important; max-height:none; margin:0;} #header_pic_nav li .sub-menu li.full a span,.nav_menu_widgetss li .sub-menu li.full a span{ display:none;} .header_search{ float:right; height:40px; width:auto; position:relative; padding:10px 0 10px; z-index:100;} .header_search_form{ width: auto; height:48px;} .header_search_form #s{ border:1px solid #fff; padding:8px 40px 8px 10px; margin-top:5px; box-shadow:0 0 3px #000; width:300px; border-radius:5px;opacity:0.8;filter:Alpha(opacity=80);-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; } .header_search_form input#s:focus{opacity:1;filter:Alpha(opacity=100);} .header_search_form #searchsubmit{ position:absolute; right:10px; top:31px; width:40px; height:30px; border:none; cursor:pointer; background: 8px -687px no-repeat url("../images/Sprites.png");); border-left:solid 1px #ccc;} .header_search_go{ height:30px; padding:9px 10px 17px 0; margin-top:4px; } .header_search #searchform{ display:block; width:100%; height:100%;} .search_key{ width:100%; position:absolute; left:0; top:4px;} .search_key b{ font-size:14px; color:#FFF; margin-right:5px;} .search_key a{ font-size:12px; color:#FFF; margin-right:5px;} .header_down{width:98%; max-width:1200px;padding: 0 1%; min-width:1024px; margin:0 auto; height:60px; text-align:center; position:relative; z-index:5; } .full{ width:100%; height:528px; overflow:hidden; position:relative; z-index:10;} .header_left{ float:right; height:57px; overflow:hidden; padding-top:8px; width: auto;} .header_left .header_tel{ font-size:24px; color:#fff; display:block; padding-left:35px; background:0 7px url('images/Sprites.png');} .header_left p{ font-size:14px; color:#fff; font-weight:bold; } .header_left_title{ padding-right:10px; margin-right:10px; line-height:70px;} .header_ad{ float:left;} .nav_menu_widgetss ul{ display:block; width:100%;} .nav_menu_widgetss ul li a{ display:block; width:44%; padding:10px 0 10px 5%; float:left; overflow:hidden; border-bottom:1px solid #f4f4f4;border-left:1px solid #f4f4f4;transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s; } .nav_menu_widgetss ul li img{ float:left; display:block; max-width:40px; max-height:48px; margin-top:5px;} .nav_menu_widgetss ul li span{ display:block; float:left; margin-left:5px; padding-top:10px;} .nav_menu_widgetss ul li b,#header_pic_nav li p{ display:block; width:100%;} .nav_menu_widgetss ul li b{ font-size:14px; color:#333; font-weight:normal; line-height:17px;} .nav_menu_widgetss ul li p{ font-size:8px; color:#ff4800;text-transform : uppercase} .nav_menu_widgetss ul li .sub-menu{ display:block; overflow:hidden; background:#fafafa; float:left;} .nav_menu_widgetss ul li a:hover{ background:#fafafa;box-shadow:0 0 3px #CCC inset} .footer,.footer_bottom{ width:100%; float:left; overflow:hidden; } .footer{height: auto;background:#fff; border-top:solid 1px #ccc; position:relative; z-index:10;background:url('../images/ba.png') } .footer_bottom{ height: auto;; text-align:center; border-top:solid 1px #ccc; background:url('images/nav.png')} .footer_in{ overflow:hidden;} .footer_in{ padding:10px 0 10px 22px; max-width:1259px; min-width:1024px; margin:0 auto ; height:auto;} .footer_in_box{ height:175px; float:left; margin:10px 1.1% 0 0; overflow:hidden; text-align:left;} .footer_in_box{*display:inline; } .footer_in_box b{ font-size:18px; color:#fff; display:block; width:100%; float:left; margin:5px 0; } .footer_in_link { display:block; float:left; } .footer_in_link li { display:block; width:100%; padding:5px 0;} .footer_in_link li a{ font-size:14px; color:#fff;} .footer_in_link li a:hover{ color:#188fba;} .about_pic{ float:left; display:block; width:30%; margin-top:10px; font-size:0;} .about_text{ float:right; display:block; width:65%; font-size:12px; color:#fff; margin-top:10px;} .nomagirc{ margin:5px 0 0;} .footer_bottom_link{ display:block; width:100%; float:left; text-align:center;} .footer_bottom_link li{ display:inline-block; margin-right:10px;} .footer_bottom_link li{ display:inline;} .footer_bottom_link li a,.footer_bottom p a{ font-size:12px; color:#fff;} .footer_bottom p{ font-size:12px; color:#fff; margin-top:5px; float:left; display:block; width:100%;} .footer_about .about_pic,.footer_about .about_text{ width:100%; margin-top:0;} .footer_about { background: top right no-repeat url("../images/footer_fen.png"); padding:5px 3% 2% 0; width:30%;} .footer_contact{ background: top right no-repeat url("../images/footer_fen.png"); padding:5px 3% 2% 0; width:30%;} .footer_linkss{ padding:5px 0 2% 0; width:30%;} /*index*/ .index_swipers{ width: 100%; height:539px;color: #fff;text-align: center;} .index_swipers .swiper-slide{position:relative; overflow:hidden; display: block; background-position:top center; float:left; width:321px; } .index_swipers .swiper-slide_in{ width:100%; min-width:1024px; max-width:1200px; margin:0 auto; position:relative; height:100%; z-index:10;} .index_mod_bag{ width:100%; height:100%; position:absolute; left:0; top:0; background-position:center center; background-repeat:no-repeat;} .index_next,.index_prve{ width:70px; height:77px; position:absolute; top:40%; display:block; cursor:pointer; display:none; z-index:10;} .index_next{ background:url('images/next_c.png'); right:0;} .index_prve{ background:url('images/prev_c.png'); left:0;} .left_right .left_pic{ position:absolute; left:5%; top:50px;} #left_posib{ left:5%; text-align:left;}#right_posib{ right:5%; text-align:right;} .left_right .left_pic img{ position:relative; left:-100px;opacity:0;filter:Alpha(opacity=0);} .left_right .right_text .title_lr_mod,.left_right .right_text h3,.left_right .right_text p,.left_right .right_text .btn{position:relative; right:-100px;opacity:0;filter:Alpha(opacity=0);} .left_right .right_text{ position:absolute; right:5%; top:170px; text-align: right; font-weight:bold; width:100%;} .swiper-slide_in h3,.swiper-slide_in h3 a{ font-size:34px; margin-bottom:10px; color:#FFF; text-decoration:none;} .swiper-slide_in h3 a,.left_right .right_text b,.up_down .up_text b,.swiper-slide_in p{ text-shadow:0 1px 1px #333;} .left_right .right_text b,.up_down .up_text b{ font-size:26px;text-transform:Uppercase;margin-bottom:10px;} .left_right .right_text p{ font-size:18px;margin-bottom:10px; line-height:24px;} a.btn{display:inline-block; padding:8px; position:relative; z-index:10;border-radius:5px; } a.btn b{ font-size:14px !important; position:relative; z-index:10; color:#FFF;} a.buy b{ padding:0 10px !important; margin:0 !important; display:block;;} .btn_bag{ width:99%; height:99%; background:#000;opacity:0.4;filter:Alpha(opacity=40); position:absolute; left:0; top:0;border-radius:5px; z-index:1;border:solid 1px #FFFFFF;} .dack_text_mod h3 a,.dack_text_mod b,.dack_text_mod p{ color:#000;text-shadow:0 1px 1px #fff;} .alpha90{opacity:0.9;filter:Alpha(opacity=90);} .alpha80{opacity:0.8;filter:Alpha(opacity=80);} .alpha70{opacity:0.7;filter:Alpha(opacity=70);} .alpha60{opacity:0.6;filter:Alpha(opacity=60);} .alpha50{opacity:0.5;filter:Alpha(opacity=50);} .m_title{ width:100%; float:left; overflow:hidden; } .m_title a{ font-size:12px; color:#11a3c2;margin-bottom:5px; display:block; overflow: hidden;} .m_title a b{ font-size:18px; color:#333; margin-right:10px;} .up_down .up_text{ margin-top:50px; font-weight:bold; display:block; width:100%; text-align:center; position:relative;} .up_down .up_text h3,.up_down .up_text p,.up_down .up_text .btn{ top:-100px; opacity:0;filter:Alpha(opacity=0); position:relative;} .up_down .up_text p{ font-size:16px;margin-bottom:10px;line-height:36px;} .up_down .down_pic{ margin-top:20px; display:block; width:100%; text-align:center; font-size:0; position:relative} .up_down .down_pic img{ position:relative; top:800px;opacity:0;filter:Alpha(opacity=0)} .dackses p,dackses h3,.dackses h3 a,.dackses b{ color:#333; text-shadow:0 1px 1px #fff;} .content_out{ width:100%; height:auto; float:left; padding:0 0 20px 0; position:relative; z-index:10;} .news_tuoch{ margin:20px auto; height: auto;max-width:1253px; min-width:1024px; width:100%; overflow:hidden;position:relative; z-index:10;} .news .left_news{ width:100%; float:left; overflow:hidden; position:relative; z-index:10; max-height:350px; } .right_news{ width:29%; float:left; padding:1.5%; height:350px;margin-left:1%; overflow:hidden; position:relative; z-index:10;border-radius:5px; background:#fff;border:1px solid #ccc;} .news_tabs{ width:100%; float:left; border-bottom:1px dashed #c0c0c0; padding-bottom:5px; margin-bottom:5px; } .news_tabs a,.news .news_header h2{ display:block; float:left; font-size:14px; color:#333; padding:5px 2.5%; cursor:pointer;} .news_tabs a{transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s;} .news_tabs a.active,.news .news_header h2 ,.news .news_header h2 a{ background:#188fba; color:#FFF; font-weight:normal;} .news_tabs a.active{ border-radius:5px; } .news_info{ float:left; width:100%; overflow:hidden; height:309px;} .news_info .swiper-slide { height:308px !important;} .news{ width:30%; float:left;padding:1.5%; margin-left:1%;border-radius:5px; background:#fff;border:1px solid #ccc; height:351px;} .news_info ul{overflow:hidden; position:relative; width:100%; display:block;} .news_info ul li{ width:100%; float:right; display:block; overflow:hidden; padding:6px 0; border-bottom:dashed #999999 1px; text-align: left;transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s;} .news_info ul li b{ display:block; float:left; font-size:36px; color:#E4E4E4; margin-right:10px; line-height:36px; transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s} .news_info ul li a{ display:block; transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s} .news_info ul li a strong{ display:block; font-size:14px; font-weight:normal;} .news_info ul li a{ color:#666;} .news_info ul li a em{ font-size:12px; color:#999; display:block; transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s} .news_info ul li:hover b,.news_info ul li:hover em{ color:#188fba ;} .news_info ul li:hover a{ color:#000;} .news_info ul li:hover{ background:#EFEFEF;} .left_lunbo{ float:left; width:28.5%;padding:1.5%; height:351px; overflow:hidden;border-radius:5px; background:#fff;border:1px solid #ccc; margin-left:0.5%;} .left_lunbo_out{ float:left; width:100%; height:254px;} .left_lunbo .news_lunbo img{ max-width:100%; height:auto;} .left_lunbo h2,.news_header h2,.left_lunbo h3,.news_header h3{ display:block; padding-bottom:5px; margin-bottom:15px; border-bottom: dashed 1px #CCCCCC;color:#CCC; font-size:18px;text-transform: uppercase;} .left_lunbo h2 strong,.news_header h2 strong,.left_lunbo h3 strong,.news_header h3 strong{ color:#188fba; font-size:16px; margin-left:5px;} .left_lunbo_nav{ width:98%; padding:0 1%; height: auto; float:left; overflow:hidden;} .left_lunbo_nav a{ display:block; width:18%; margin-right:2%; float:left; cursor:pointer;} .left_lunbo_nav a img{ display:block; border:3px solid #fff; box-shadow:0 0 3px #ccc; max-width:100%; height:auto;} .left_lunbo_nav a.active img{ border:3px solid #188fba ;} .news_lunbo a{width:94%; padding:2%; margin:1%; display:block; height:229px; background:#fff; box-shadow:0 0 3px #CCC; position:relative; border-radius:5px; font-size:0; overflow:hidden;} .news_lunbo a strong{ width:94%; display:block; color:#FFF; padding:5px 0 5px 2%; position:absolute; bottom:5%; left:2%; background:url("../images/blacks.png"); font-weight:normal; font-size:12px;} .rightnews_ul{ display:block; width:100%; overflow:hidden; height:351px;} .rightnews_ul li{ width:48%; height:auto; display:block; overflow:hidden; margin:1%; float:left; text-align:center;} .rightnews_ul li a strong{ font-size:14px; color:#333;} #case_two{ margin:20px auto; height: auto;max-width:1253px; min-width:1024px; width:100%; overflow:hidden;position:relative; z-index:10; background:none; border:none; padding:0;} #case_two .caseshow_title{ text-align:left; margin-bottom:10px;} #case_two .caseshow_title h2{ margin:0;} #case_two .caseshow_in{ width:63.6%; float:left;padding:1%;overflow:hidden;border-radius:5px; background:#fff;border:1px solid #ccc; margin:0 0 0 0.5%; position:relative;} #case_two .caseshow_in li{ width:31.3%; padding:0; margin:0;} #case_two .caseshow_in li .case_pic,#case_two .caseshow_in li div,#case_two .caseshow_in li div p,.right_pic_ul_s li p{ height:auto; width:98%; padding:1%; overflow: hidden; text-align:left;} #case_two li .case_pic:hover img,.right_pic_ul_s li .case_pic:hover img {-moz-transform: none ;-webkit-transform:none ;-o-transform: none ;} #case_two .left_text{ float: left; width:30%; padding:1%; overflow:hidden;border-radius:5px; background:#fff;border:1px solid #ccc; margin:0 0 0 1%;} .nav_case_two a{ padding:3px 15px; font-weight:bold; color:#999; font-size:12px; display:block; float:left; cursor:pointer;transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s;background:#EFEFEF; border-radius:3px; margin-left:1px;} .nav_case_two a:hover{ background:#188fba; color:#FFF;} .nav_case_two{position:absolute; top:12px; right:1.5%;} #case_two .left_text ul li{ width:100%; height:auto; margin-bottom:5px; border-bottom: dashed 1px #F0F0F0} #case_two .left_text ul li .left_text_title{ width:22.6%; height:auto; display:block; float:left; margin-right:10px;} #case_two .left_text ul li span{ text-align:left; display:block;} #case_two .left_text ul li span strong{ font-size:14px; color:#333;} #case_two .left_text ul li span p{ font-size:12px; color:#666;} #case_two .left_text_shot ul li .left_text_title{ width:20.7%;} #case_two .left_text_fang ul li .left_text_title{ width:19%;} #case_two .pic_tow_sid li.pic_tow_fist{ width:48%;} #case_two .pic_tow_sid li{ float:left; margin:1%; padding:0; width:22%;} #case_two .pic_tow_sid li a ,#case_two .pic_tow_sid li p{ color:#FFF;} #case_two .left_text ul li.text_modle{ margin-bottom:3.5px} #pic_two_info{ float:left; width:100%;} #case_two #pic_two_info ul li .left_text_title{ width:24.5%; } .caseshow{width:98%; height: auto; padding:0 1% 20px 1%; background:#FFF; margin:0 auto 20px auto;border-radius:5px; ; max-width:1199px; min-width:1024px;border:1px solid #ccc} .caseshow .caseshow_title h2,.caseshow .caseshow_title h3{ display:block; margin-top:20px; font-size:16px; color:#000;color:#CCC; font-size:18px;} .caseshow .caseshow_title h2 strong,.caseshow .caseshow_title h3 strong{ color:#188fba; font-size:16px; margin-left:5px;} .caseshow a.caseshow_title{ display:block; padding-bottom:5px; border-bottom: dashed 1px #CCCCCC;text-transform: uppercase; padding-top: 1px;} .caseshow_in{width:100%; height:auto; margin:10px auto 0; text-align:center;} .caseshow ul{ display:block; overflow:hidden; width:100%; height:auto;} .caseshow li{ float:left; display:block; width:23%; padding:1%; height:auto; text-align:center; margin-bottom:10px; position:relative; } .caseshow li img{ max-width:100%; height:auto;} .caseshow li .case_pic{ display:block; overflow:hidden; width:100%; height:100%; font-size:0; position:relative;} .caseshow li .case_pic img{-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; } .caseshow li .case_pic img.attachment-case{ max-height:191px;} .attachment-fang{max-height:287px;} .attachment-case_full{max-height:320px;} .caseshow li .case_pic:hover img{-moz-transform: scale(1.02, 1.02);-webkit-transform: scale(1.02, 1.02);-o-transform: scale(1.02, 1.02);} .caseshow li div.case_div{ overflow:hidden; width:98%; padding:0 1% 5px;} .caseshow li div strong a{ font-size:14px; color:#333;} .caseshow .case_two_swiper li div strong a,.caseshow .case_two_swiper li div p{ color:#fff;} .caseshow li div strong{ margin:5px 0; display:block; width:100%;} .caseshow li div p{ height:36px; font-size:12px; display:block; width:100%; color:#666;} .tuijian_loop{ width:47px !important; height:47px !important; position:absolute; left:0; top:0; background:0px -738px no-repeat url('images/Sprites.png'); z-index:1111;} .zhuanti_loop{ width:47px !important; height:47px !important; position:absolute; left:0; top:0; background:0px -817px no-repeat url('images/Sprites.png'); z-index:1111;} .designer{width:98%; height: auto; margin:20px auto 20px auto;; max-width:1239px; min-width:1024px; padding:0 1% 5px 1%; position:relative; z-index:10; overflow:hidden;} .designer .left_nav{ width:24%;padding:0.5%; height:500px; background:#FFF;border:1px solid #ccc;float:left; border-radius:3px; position:relative; z-index:5;} .designer .left_nav .left_nav_title{ display:block; width:100%; padding:10px 0; border-bottom:solid #ccc 1px; } .designer .left_nav .left_nav_title h3{background: 8px -925px url('images/Sprites.png');font-size:14px; color:#333; padding-left:30px; margin-left:15px; } .designer .left_nav ul{ display:block; width:100%; } .designer .left_nav ul li{ display:block; width:96%;background:#FAFAFA; padding:0 2%;float:left;border-bottom:solid #F3F3F3 1px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; position:relative;} .designer .left_nav ul li .sub-menu{ display:none; position:absolute; right:-101%; top:0;border:solid 1px #ccc;border-radius:3px; width:100%;} .designer .left_nav ul li.menu-item-has-children .children_point{ background: 0 -875px url('images/Sprites.png'); width:20px; height:20px; position:absolute; right:0; top:16px;} .designer .left_nav ul li.ad img{ max-width:100%; height:auto; margin:0;} .designer .left_nav ul li.ad span{ display:none;} .designer .left_nav ul li:hover{ background:#F3F3F3;} .designer .left_nav ul li a{ display:block; width:100%; padding:10px 0; float:left;} .designer .left_nav ul li.ad a{ padding:5px 0; } .designer .left_nav ul li a img{ float:left; margin-left:10px;} .designer .left_nav ul li a span{ float:left; margin-left:10px;} .designer .left_nav ul li a span b{ font-size:14px; color:#333; font-weight:normal; padding-left:15px; background: 0 -888px url('images/Sprites.png'); } .designer .left_nav ul li a span p{ font-size:12px; color:#999;} .designer .right_pic{ float:right;width:72.5%; height:500px;background:#FFF;border:1px solid #ccc; padding:0.5%; border-radius:3px; overflow:hidden; } .right_pic_ad_img{ width:100%;margin-bottom:10px;} .right_pic_ul_s{ width:100%;} .designer .right_pic .right_pic_ul_s li{ float:left; display:block; width:31.3%; margin:1%; height:auto; text-align:center; position:relative;} .designer .right_pic .right_pic_ul_s li strong a{ font-size:14px; color:#fff;} .designer .right_pic .right_pic_ul_s li p{ color:#fff;} .designer .right_pic .swiper-wrapper li{ display:block; float:left; position: relative; height:100% !important; width:100%; text-align:center;} .designer .right_pic .swiper-wrapper li a span{ display:block; width:98%; padding:10px 1%; background:url("../images/blacks.png"); position:absolute; bottom:0; left:0; text-align: left;} .designer .right_pic .swiper-wrapper li a span b{ font-size:14px; color:#FFF;} .designer .right_pic .swiper-wrapper li a span p{ font-size:12px; color:#fff;} .designer .right_pic .index_next,.designer .right_pic .index_prve{ top:45%;} .designer .right_pic .designer_sweper{ height:500px;} .right_pic_ul_s li a{ display:block; overflow:hidden; width:100%; height:auto;} .text_right_pics{ position: absolute; bottom:1%; left:0; background:url('images/blacks.png'); width:98%; height:auto; padding:1%; display:none;} .text_right_pics .black_price_yj{ color:#ccc;} .text_right_pics .black_price{ color:#F60;} #noswiper{ width:100%; height:auto; margin-bottom:20px; overflow:hidden; position:relative; z-index:10;} #noswiper .nav_poket_widgetss_in{width:98%; height: auto; padding:0 1% 0 1%; margin:0 auto 20px auto;width:100%; max-width:1236px; min-width:1024px;} #noswiper .nav_poket_widgetss_title{ width:70%; padding:20px 15% 0 15%; height:auto; text-align:center;} #noswiper .nav_poket_widgetss_title h2,#noswiper .nav_poket_widgetss_title h3{ font-size:24px; color:#333; margin-bottom:10px;} #noswiper .nav_poket_widgetss_title p{ font-size:16px; color:#666; margin-bottom:10px} #noswiper .nav_poket_ul{ display:block; width:102%; clear:both; padding-top:5px;} #noswiper .nav_poket_ul li{ width:22.6%; padding:0.5%; margin-right:1%; display:block; height:auto; float:left; text-align:center; background:#FFF; border:1px solid #ccc; border-radius:5px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; } #noswiper .nav_poket_ul li:hover{ box-shadow:0 0 5px #666666;} #noswiper .nav_poket_ul li a{ display:block; width:100%; } #noswiper .nav_poket_ul li a img{ width:100%; height:auto; display:block; overflow:hidden; } #noswiper .nav_poket_ul li a span{ padding-top:10px; display:block;} .nav_poket_widgetss .nav_poket_ul li a b{ font-size:18px; color:#333;} .nav_poket_widgetss .nav_poket_ul li a p{ font-size:12px; color:#666; padding:10px 0; text-align:left;} #noswiper .radius img{border-radius:100%; border:solid 3px #fff;} .nav_poket_widgetss .whiht_text .nav_poket_ul li a b,.nav_poket_widgetss .whiht_text .nav_poket_ul li a p,.nav_poket_widgetss .whiht_text .nav_poket_widgetss_title h2,.nav_poket_widgetss .whiht_text .nav_poket_widgetss_title p{ color:#FFF;} .nav_poket_widgetss .alphass90 .nav_poket_ul li a b,#noswiper .alphass90 .nav_poket_ul li a p{opacity:0.9;filter:Alpha(opacity=90);} .nav_poket_widgetss .alphass80 .nav_poket_ul li a b,#noswiper .alphass80 .nav_poket_ul li a p{opacity:0.8;filter:Alpha(opacity=80);} .nav_poket_widgetss .alphass70 .nav_poket_ul li a b,#noswiper .alphass70 .nav_poket_ul li a p{opacity:0.7;filter:Alpha(opacity=70);} .nav_poket_widgetss .alphass60 .nav_poket_ul li a b,#noswiper .alphass60 .nav_poket_ul li a p{opacity:0.6;filter:Alpha(opacity=60);} .nav_poket_widgetss .alphass50 .nav_poket_ul li a b,#noswiper .alphass50 .nav_poket_ul li a p{opacity:0.5;filter:Alpha(opacity=50);} #swiper_nav li{ display:block; float:left; width:100%; position:relative; } #swiper_nav{ position:relative; overflow:hidden; margin:0 auto 20px auto;} #swiper_nav .index_next,#swiper_nav .index_prve{ top:45%;} #swiper_nav li span{ display:none;} #swiper_nav li .sub-menu{ position:absolute; width:100%; height:auto; top:0; max-width:1200px; min-width:1024px;} #swiper_nav li .sub-menu a span{ display:block; padding:15% 10% 0 10%; width:80%; text-align:left; } #swiper_nav li .sub-menu li{ display:block; float:left; width:50%; padding-top:5%; text-align:center;} .bz1280{ max-width:1237px; min-width:1024px; height:auto;} .bz1280k{width:99%; height: auto; padding:0.5%; background:#FFF; max-width:1220px; min-width:1024px;} .vedio_over_li{ width:100%; height:auto; background:url("../images/blacks.png"); position:absolute; bottom:-100%; left:0;} .vedio_over_li a{ color:#FFF; font-size:12px; display:block; width:96%; padding:5px 2%;} .nav_menu_widgetss{ width:100%; background:#FFF; border:#cbcbcb solid 1px; overflow:hidden; margin-bottom:20px; float:left;} /* page_top */ #page_top{ width:100%; height:36px; padding-top:14px; overflow:hidden; margin-top:-7px; position:relative; z-index:5;} #page_bottom{ width:100%; height:108px; padding:90px 0; overflow:hidden; background-attachment:fixed; background-position: bottom center; background-image: url("../images/pic_bottom.jpg"); margin-top:-7px; border-top:solid 1px #FFFFFF; text-align:center;} #page_bottom p{ color: #FFF; font-size:24px; text-shadow:1px 1px #000000;} #page_top .page_top_in{ width:95%; height: auto; max-width:1180px; min-width:760px; _padding:0; _width:960px; margin:0 auto; position:relative; overflow:hidden;} #page_top .page_top_in h3,#page_top .page_top_in h1,#page_top .page_top_in div{ display:block; width:100%; font-size:24px; color:#fff; font-weight:normal;text-transform:uppercase;} #page_top .page_top_in h3 a,#page_top .page_top_in h1 a,#page_top .page_top_in div a{ font-size:14px; color:#FFF; text-transform:uppercase;} #page_top .page_top_in p{ font-size:9px; color:#FFF;} #page_muen_nav{ width:98%; height:auto; max-width:1159px; min-width:1024px;padding:10px 1%; margin:5px auto ; background:url('images/white_47.png');position:relative; z-index:5;} #page_muen_nav b,#page_muen_nav a{ font-size:12px; color:#333; text-decoration:none;} #page_muen_nav a:hover{color:#117dc2} #per27 .news_tuoch,#per27 #noswiper .nav_poket_widgetss_in ,#per27 #case_two { width:100%; min-width:100%; border:0; padding:0; margin:0;} #per27 .news_tuoch,#per27 #noswiper .nav_poket_widgetss_in li,#per27 .caseshow_in,#per27 .left_text,#per27 #case_two .swiper-container,#per27 #case_two .left_text { width:100%; padding:0; margin-bottom:10px; border:none;} #per27 .news_tuoch .left_lunbo,#per27 .news_tuoch .news,#per27 .news_tuoch .right_news{ width:100%; border:0; padding:0; margin-bottom:15px;} #per27 .nav_case_two{ top:3px;} #per27 #case_two .pic_tow_sid li{ width:48%;} #per27 #case_two .pic_tow_sid li.pic_tow_fist{ width:100%;} #content{ width:100%; height: auto; max-width:1110px; min-width:1198px; _width:960px; margin:20px auto 0 auto; position:relative; overflow:hidden; padding:0 10px 20px 10px;position:relative; z-index:5;} #content .left_mian{ width:25%; height:auto; overflow:hidden; float:left;background:#fff; padding:1%; } #content .right_mian{ width:70%; height:auto; overflow:hidden; float:right; background:#fff; padding:0 1%;} #content .case_in ul li{ margin-bottom:15px; width:23%; margin-right:1%;} #content .case_in ul { width:105%; display:block; overflow:hidden;} #content .case_in ul.slides li p{ margin-bottom:5px; height:36px;} #content .right_mian .case_in ul.slides li{ width:31%;} #content .case_in .black_price_out{ float:left; width:96%; padding:0 2%;} #content .case_in .case_satar{ margin-left:2%;} .product_nav_index{ width:98%; padding:1%; background:#FFF; overflow:hidden; margin:0 auto 20px auto;width:100%; max-width:1200px; min-width:1024px; } .product_nav_index #nav_product_mue{ margin:0 !important; padding:0; border:none; } .nav_product_mu ,#nav_product_mue { display:block; width:100%; height:auto; overflow:hidden;} #nav_product_mue { margin:0 auto; padding:1%; width:98%; background:#FFF;} .nav_product_mu li{ width: auto; height:auto; display:block; float:left;} .nav_product_mu li.menu-item-has-children{ width:100%; margin-bottom:10px;} .nav_product_mu li a{ display:block; width: auto; height:auto; font-size:14px; color:#333; font-weight:bold; padding:2px; float:left; margin-right:10px; text-align:center; text-decoration:none;border-radius:5px;} .nav_product_mu li .sub-menu{ display:block;} .nav_product_mu li .sub-menu li{ display:inline-block; margin-right:10px;} .nav_product_mu li .sub-menu li a{ color:#999; font-size:12px ; width:auto ; padding:3px; font-weight:normal; cursor:pointer; } .nav_product_mu li .sub-menu li a:hover{ color:#fff !important;background:#188fba;} #nav_product_mue #choose{ padding:3px 7%; ; color:#FFF; border: none;text-transform: uppercase; cursor:pointer; background-color: #188fba; background-repeat:no-repeat; background-position:center } #nav_product_mue #choose:hover{background-color: #333333; } .select{ background:#188fba; color:#FFF !important;font-weight:bold !important;} #tagesulg,#catsulg{ display: none;} #tagesname{ width:82%; background:#EAEAEA; border:none; font-size:14px; color:#666; padding:3px;} .right_mian #tagesname{ width:79%;} .s_search_ys{ background:#FFF; float:left; width:99%; padding:5px;} .alignleft {display:inline;float:left; margin-right:1.625em;} .alignright { display:inline; float:right; margin-left:1.625em;} .aligncenter {clear:both;display:block; margin-left:auto;margin-right:auto;} .title_page{ width:100%; padding:10px 0; border-bottom:#CCC solid 1px; margin-bottom:10px; } #nav_product_mue .title_page a{ font-size:12px; color:#188fba; margin-left:5px;} .pager {width:95%;overflow:hidden;white-space:nowrap;padding:4px;float:left;text-align:left; margin:20px 0;} .pager a { background:#333; color:#FFF; font-size:12px;margin:2px;padding:6px 12px; text-decoration:none;} .pager a.current {background:#11a3c2; font-size:12px;margin:2px;padding:6px 12px;} .pager a:hover {background:#11a3c2;font-size:12px;color:#fff;text-decoration:none;} .hover_incase{ position:absolute; top:0; left:0; display:none;} #category{ width:100%;} #category .default{ background:#fff;} #category .default li{padding:10px 1%; width:98%; margin-bottom:10px; border-bottom:dashed #ccc 1px; overflow:hidden;} #category .default li:hover{ background:#FFF; box-shadow:0 0 3px #CCCCCC; } #category .default li .titels{ font-size:16px; color:#333; font-weight:bold; margin-bottom:5px;} #category .default li span a{ margin-bottom:5px;} #category .default li p{ font-size:14px; color:#666;} #category .default li p em{ font-size:12px; color:#999;} #category .default li .picdsa{ border:solid 3px #FFFFFF; width:30%; height:auto; float:left; overflow:hidden; display:block; margin-right:10px; position:relative;} #category .default li span a:hover,.infot a:hover{ text-decoration: underline; color:#11a3c2} .infot a#tagss{ color:#11a3c2; font-size:12px; font-weight:normal; display:inline; margin-right:5px;} .infot{ color:#11a3c2; font-size:12px; font-weight:normal; display:block; width:100%; padding-bottom:3px; margin-bottom:6px; } .infot a{color:#11a3c2;} .infot em{ margin-right:10px;} .ad_img{ padding:1%; width:98%; background:#FFF; display:block; height:auto; overflow:hidden;} .ad_img img{ max-width:100%; height:auto;} #category .case_full_list li b,#category .case_full_list li .price,#category .case_full_list li .pfen{top:0;opacity:1;filter:Alpha(opacity=100);} #category .case_full_title p{top:0;opacity:1;filter:Alpha(opacity=100);} #category .case_full_list li .case_full_div img,#category .case_full_list li .case_full_div .insed_div{top:0;opacity:1;filter:Alpha(opacity=100);} #category .case_full_list{ width:105%;} #category #twogard li{ width:30%; margin-right:3%;} #pic_text_list{ width:100%; display:block; margin-top:20px; height:auto; overflow:hidden;} #pic_text_list li{ width:100%; height:auto; float:left; padding:20px 0; border-bottom:dashed #CCCCCC 1px;} #pic_text_list li .news_001_pic{ display:block; width:35%; height:auto; padding:1%; background:#FFF; box-shadow:0 0 3px #CCCCCC; float:left; margin-right:3%; font-size:0; position: relative;} #pic_text_list li .news_001_pic img{ max-width:100%; height:auto;} #pic_text_list li span{ display:block; width:60%; float:right;} #pic_text_list li span b a{ display:block; width:100%; font-size:16px; color:#333; margin-bottom:10px;} #pic_text_list li .infot{ margin-top:10px;} #pic_text_list li span a.time{ font-size:12px; color:#11a3c2; margin:4px 0;} .tag_pro{ display:block; width:100%; height:auto; overflow:hidden; } .tag_pro a{ display:block; background:#666; color: #FFF; font-size:12px; text-decoration: none; margin:0 10px 5px 0; border-radius: 5px; float:left; padding:3px 5px;} .tag_pro a:hover{ background:#11a3c2;} #pic_text_list li span .ppre{ margin:5px 0; display:block; width:100%; overflow:hidden;} #pic_text_list li span .original_price{ color:#999; font-size:12px; float:left; display:block; text-decoration:line-through; margin-right:10px; line-height:20px; padding:1px 3px;} #pic_text_list li span #price{ color:#FFF; margin-left:0; padding:1px 3px; background:#eb302f; font-size:14px;border-radius:3px; float:left;font-weight:bold; font-style:normal; margin-right:10px} .starsss{ display:block; width:100%; position:relative; top:-8px;} .singlep{ margin-top:20px !important;} .singlep .title_page{ margin-bottom:2px; border: none;} .singlep .infot{width:98%; border-left: 10px solid #ccc; border-bottom: none; background:#EFEFEF; color:#666; display:block; padding:3px 0 3px 5px;} .title_page h1{ font-size:18px; color:#333;} .singlep .des_page{ padding-bottom:5px; margin-bottom:5px; border-bottom: dashed 1px #ccc;} .enter{ margin-top:20px; overflow:hidden; width:100%; height:auto; position:relative;} .enter h2{ background: #f2f2f2 none repeat scroll 0 0; border: 1px solid #ccc; color: #009cff; display: inline-block; font-size: 18px; margin: 20px 0; padding: 2%;width: 95%;} .enter p{ font-size:14px; color:#333; line-height:28px;} .enter a,.canshu a{ color:#11a3c2; text-decoration:underline; margin:0 5px;} .enter img{ max-width:100%; height:auto; border: solid 1px #CCCCCC;} .next_post{ width:96%; height:auto; border-top:dotted 1px #CCCCCC; padding:3px 2%; margin-top:20px;} .suojin p{text-indent: 2em; } .suojin img{ display:block;} .enter ol{ margin:10px 0;} .enter ol li{font-size:14px; color:#333; line-height:28px; list-style-type:decimal;list-style-position:inside;} .relevat_div{ width:100%; height:auto; overflow:hidden; position:relative; margin:40px 0; } .relevat_div .relevat_title{ width:98%; border-left: 10px solid #ccc; background:#EFEFEF; color:#999; display:block; padding:3px 0 3px 5px; margin-bottom:10px;} .text_relvat li{ width:45%; float:left; padding:5px 1%; margin-right:2%} .text_relvat li:hover{ background:#E4E4E4;} .text_relvat li a{ display:block; width:92%; padding-left:8%; background: no-repeat 0 -470px url("../images/Sprites.png"); color:#666;color:#11a3c2;} .text_relvat li a:hover{ text-decoration:underline; } #left_mian #relevat_full li{ width:22.5%; margin-right:2%;} .next_prve{ display:block;width:50px;height:45px;opacity:0;filter:Alpha(opacity=0); position:absolute; overflow:hidden; top:30%;-moz-transition:all 0.7s;-webkit-transition:all 0.7s;-o-transition:all 0.7s; cursor:pointer;} .gallery_xz:hover .next_prve,#gallery_lightbox:hover .next_prve{opacity:1;filter:Alpha(opacity=100); } #gallery_lightbox{ width:98%; padding:1%; background:#F6F6F6; display:block; overflow:hidden; position:relative;} #gallery_xz a{ margin:0 !important; } #gallery_lightbox li{ float:left; overflow:hidden; margin:0.5%; width:19%; min-width:100px; max-width:150px; position:relative;} #gallery_product li{ float:left; overflow:hidden; margin:0 1% 5px 0; position:relative;display:block; overflow:hidden; width:19%;} #gallery_lightbox li a,#gallery_product li a{ display:block; overflow:hidden; font-size:0; position:relative; width:100%; height:auto; margin:0; } #gallery_lightbox li a img,#gallery_product li a img{ max-width:100%; height:auto;} #gallery_product{ margin:10px 0; display:block; overflow:hidden; width:101%;} #gallery_product p{ display:block; width:98%; padding:3px 1%; overflow:hidden; background:#F7F7F7;text-indent:0; line-height:20px; height:37px;font-size:12px; } .hover_lightbox{ width:100%; height:100%; position:absolute; top:0; left:0; background:url("../images/black_b2.png"); display:none;} .gallery_qiehuan_x{ width:100%; height:auto;} .gallery_qiehuan_x .swiper-wrapper a{cursor:pointer; display:block; width:80px; height:80px;margin:0;} .gallery_qiehuan_x .swiper-wrapper a img{ width:70px; height:70px; border:5px solid #FFF; display:block;} .gallery_qiehuan_x .swiper-wrapper a.active img{border:5px solid #F60;} #nav_pic_swiper_next,.galic_next{ background: no-repeat url("../images/next.png"); right:0;} #nav_pic_swiper_prve,.galic_prve{ background: no-repeat url("../images/prev.png"); left:0;} #gallery_xz p{ display:block; width:100%; height:auto; left:0; background:#F2F2F2; padding:5px 0; color:#333;text-indent: 1em; } .galic_na{ width:100%; text-align:center; margin-top:10px;} .left_p #gallery_xz img{ max-width:100%; height:auto;} .qiehuan .swiper-slide{ text-align: center;} .qiehuan a{ margin:0;} .qiehuan a img{ display:inline;} .gallery_qiehuan_x .next_prve{ z-index:100;} #product{ width:100%; height:auto; position:relative; overflow:hidden; padding-top:20px;} #product .right_p{ width:49%; height:auto; float:right;} #product .product_pic{ width:100%; display:block; overflow:hidden;} #product .product_pic img{ max-width:100%; height: auto;} #product .left_p{ width:48%; height:auto; float:left; position:relative; overflow:hidden;} #content_shop #gallery_product,#content_shop #gallery_xz,#content_shop #gallery_lightbox{ display:none !important;} #product .list{ width:100%;height: auto; float:left; margin-top:20px;} #list_full{background:url("../images/blacks.png"); padding:5px 0;opacity:0;filter:Alpha(opacity=2) position:absolute; bottom:-100px; } #product .list .next{ display:block; background: left center no-repeat url("../images/next2.png"); height:100px; width:5%; font-size:12px; color:#FFF; float:left; line-height:55px; cursor:pointer; overflow:hidden;} #product .list .prve{display:block; background: right center no-repeat url("../images/prev2.png"); height:100px; width:5%; font-size:12px; color:#FFF; float:left; line-height:55px; cursor:pointer; overflow:hidden;} #product .list ul{ width: auto; float:left; display:block; height: auto; margin:0; padding:0;} #product .list .lsit_hover{ width:90%; float:left; display:block; height: auto; overflow:hidden;} #product .list ul li{ float:left; display:block; width:80px; height:auto; margin:0 5px; text-align:center;} #product .list ul li a img{ max-width:100%; height:auto; } #product .list ul li .hover_lightbox{ cursor:pointer; } #product .list ul li a{border:#CCC solid 1px; width:94%;} #product .list .lsit_hover p{ color:#999; font-size:12px;} #product .shop_p{ width:96%; padding:2%; background:#EAEAEA; float:left;} #product .shop_p .original_price{ font-size:16px; color:#666; text-decoration:line-through; margin-right:10px;} #product .shop_p .price{ font-size:16px; color:#F00;} #product .shop_p .starsss{ float:left; margin-top:10px;} #product .tag_pro{ margin:10px 0 0; float:left;} #product .canshu,#product .buy_btn{ float:left; overflow:hidden; width:100%;} #product .buy_btn a.btn{ display:block; width:260px; text-align:center; padding:10px 0; background:#11a3c2; border:3px solid #cecece; border-radius: 5px; font-size:18px; color:#FFF; text-decoration:none; margin-top:20px;} #nogallery_enter .gallery_xz,#nogallery_enter .list-h,#nogallery_enter #enter_xz{ display:none !important;} .enter_cs{ display:block; width:99.8%; margin:15px 0; border:#ccc 1px solid; overflow:hidden;background:#FFF;} .enter_cs a{font-size:14px;padding:5px 15px; float:left; cursor:pointer; color: #333; border-right:solid #ccc 1px; margin:0; text-decoration:none;} .enter_cs a.cutyes{ background:#999; color:#FFF; font-weight:bold;} .bqc{ border-top:#CCC dotted 1px; padding-top:20px; margin-top:20px;width:100%; overflow:hidden;} #respond{ padding:10px 0; border-top:dashed #999999 1px; margin-top:20px;} .liuy3{ padding:10px 0; color:#666; font-size:12px;} .liuy2{ float:left; padding-right:10px; width:50px; overflow: hidden} #commentform input ,#commentform textarea { border:#ccc solid 1px; background:#FFF; padding:5px; } #respond #commentform #submit{ padding:5px 20px; background:#11a3c2 ; color:#FFF; font-weight:bold; margin:0 0 0 60px !important; cursor:pointer;border-radius: 5px;} #commentform #submit:hover{ background:#333; } .order_list{ width:98%; padding:5px 0; height:auto; display:block; overflow:hidden;} .order_list li{ display:block; width:99.5%; height:auto; padding-bottom:10px; border:#ccc solid 1px; margin-bottom:10px; overflow:hidden;} .order_list li .order_top{ width:96%; height:auto; padding:5px 2%; background:#E1E1E1; overflow:hidden; border-bottom:1px solid #CCC;} .order_list li .order_top b{ font-size:14px; color:#333; float:left;} .order_list li .order_top .star{ font-size:12px; color:#fff; float:right; display:block; background:#F60; border:#CCC; border-radius:5px; padding:3px; text-decoration:none;} .order_list li .order_top .star:hover{ background:#F30;} .order_list li .order_top em{ float:right; font-size:12px; color:#333;} .order_list li .order_pic{ width:15%; height:auto; overflow:hidden; display:block; float:left; margin:2%; float: left;} .order_list li .order_more{ width:80%; float:left; margin-top:2%;} .order_list li .order_post_name { font-size:14px; color:#333; text-decoration:none; width:100%; font-weight:bold;} .order_list li .red{ font-size:14px; color:#F00;} .order_list li p{ margin:0; color:#333;} .order_list li a{ color:#03F;} .order_list li .orderstatus{ display:block; padding:2px; border:#ccc solid 1px; margin:3px 0;} .order_comment{ width:96%; height:auto; overflow:hidden; padding:2%;} .order_comment p{ display:block; width:100%; overflow:hidden;} .order_star{ display:block; width:21px; height:17px; float:left; cursor:pointer;} #order_comment em{ float:left; margin-left:10px;} #order_stars{ width:100%; height:17px; background-image:url('images/star_y.png'); background-repeat:no-repeat; line-height:18px;} .order_stars_4{ background-position:0 -21px ;} .order_stars_3{ background-position:0 -42px ;} .order_stars_2{ background-position:0 -63px ;} .order_stars_1{ background-position:0 -84px ;} .order_stars_0{ background-position:0 -103px } .order_comment textarea{ border:solid #CCC 1px; background:#FFF;border-radius:5px; padding:2%; font-size:14px; color:#666; width:95%;} .order_comment .button-primary{ border:#FFF solid 1px; background:#F60; color:#FFF; padding:5px 8px; cursor:pointer;border-radius:5px; margin-top:10px; } .order_comment .button-primary:hover{ background:#F30;} .order-pagination{ width:96%; padding:2%; height:auto; overflow:hidden; } .order-pagination span{ font-size:14px; color:#333 ; padding:2px 5px; float:left; display: block;margin:0 2px;} .order-pagination a{ display:block; float:left; padding:2px 5px; border:solid #CCC 1px; margin:0 2px; color:#333; text-decoration:none;} .order-pagination a:hover{ color:#FFF; background:#666;} .per_title{ font-size:14px; display:block; width:100%; padding:2px 0; border-bottom:dashed 1px #CCCCCC; font-weight:bold;} .per{ display:block; width:95%; padding:5px 2%; background:#E3E3E3; border: none; font-size:14px; color:#666; font-weight:bold; float:left; margin-bottom:20px;} .right_btn{ float:right; color:#069 !important; font-size:12px; font-weight:normal;} /* shop*/ .star,.srar{ display: inline-block; width:63px; height:13px; background-image: url("../images/star_s.png"); background-position:0 0; background-repeat:no-repeat; position:relative; } #stars_5,#stars__5{ background-position:0 0 ;} .case_satar{ margin-top:6px;} #stars_4,#stars__4{ background-position:0 -10px ;} #stars_3,#stars__3{ background-position:0 -24px ;} #stars_2,#stars__2{ background-position:0 -36px ;} #stars_1,#stars__1{ background-position:0 -48px ;} #stars_1,#stars__0{ background-position:0 -62px ;} .black_price_out{ width:100%; display:block; height:17px;} .black_price{ color:#f13340;font-size: 15px;font-weight: 700;} .black_price_yj{ color: #999;font-size: 14px;text-decoration: line-through; line-height:22px; margin-right:3px;} #stars_0{ background:none; width:10px;} .shop_form{ width:100%; height:auto; overflow:hidden;} .information{ display:block; width:95%; padding:5px 2%; border:#F60 solid 1px; background:#FDEBC6; color:#F00; margin:5px 0 15px 0;font-size:14px; float:left; } .success{border:#9C0 solid 1px; background:#E7F4A8;} .shop_form div{ width:96%; padding:3px 2%; height: auto; float:left; overflow:hidden; margin-bottom:8px;} .shop_form label{ font-size:14px; color:#333; margin-right:10px; width:105px; display:block; float:left; } .shop_form input{ float:left; width:40%;} .shop_form input,.shop_form textarea { padding:3px; border:#999 solid 1px; font-size:14px; color:#666;border-radius:3px;} .shop_form textarea{ width:96%; padding:1.5%; margin:3px 0;} .shop_form div em{ font-size:12px; color:#999;line-height:18px; margin-left:10px;} .shop_form div a{ margin-right:10px;} .shop_form #wp-submit{ padding:5px 25px; background:#F60; color:#FFF; cursor:pointer;float:right;} .shop_form .wp-submit{ padding:5px 45px; background:#F60; color:#FFF; cursor:pointer; border:solid #FFF 1px; margin:5px 0 0 112px;} .shop_form #wp-submit:hover,.shop_form .wp-submit:hover{ background: #F30; } #rememberme{ width:17px; margin:5px 0 0 112px;} .captcha{margin:5px 0 0 112px; } .captcha img{ width:180px; height:auto; border: solid #CCC 1px;} #original{ font-size:14px; color:#666; text-decoration:line-through; margin:0 10px 0 0} #price_now,#price_all{ font-size:14px; color:#F00;} #shop_price{ width:100%; margin:10px 0;} #shop_price_all{ width:100%; margin:0 0 10px 0;} .shop_comment{ width:100%; height:auto; margin:20px 0;} .shop_comment .shop_comment_title{ width:100%; margin:10px 0; font-size:16px; color:#333; border-bottom:dashed 1px #CCCCCC; display:block;} .shop_comment li{ width:100%; height:auto; margin-bottom:5px; border-bottom:#E6E6E6 1px dotted;} .shop_comment li p{ width:100%; height:auto; display: block; overflow:hidden;font-size:12px; color:#666;} .shop_comment li p b{ font-size:14px; color:#333; float:left;} .shop_comment li p span{ font-size:12px; color:#999; float:right;} .btn{ cursor:pointer;} .close_order{ float: right; line-height:21px; color:#999; font-weight:normal; cursor:pointer; font-size:12px;} .de_product p .original_price{ color:#333; text-decoration:line-through; text-decoration:line-through; float:none} .de_product p .price{ color:#F60; font-size:18px;} .shop_form{ width:100%; height:auto; overflow:hidden; padding-top:20px; } .hidden_block{ display:none;} .information{ display:block; width:95%; padding:5px 2%; border:#F60 solid 1px; background:#FDEBC6; color:#F00; margin:5px 0 15px 0;font-size:14px; float:left; } .information a{ font-size:14px; color:#069; margin:0 3px; text-decoration:none;} .success{border:#9C0 solid 1px; background:#E7F4A8;} .enter_cs a{font-size:14px;padding:5px 15px; float:left; cursor:pointer; color: #333; border-right:solid #ccc 1px; } .enter_cs a.cutyes{ background:#999; color:#FFF; font-weight:bold;} .tag_pro b{display:block; float:left; font-size:14px;} #shop_login{ float:right; height:34px; line-height:34px;} #shop_login a{ font-size:12px; color:#FFF; display:block; margin-right:10px; float:left;} #shop_login a:hover{ text-decoration:underline;} a.btn_login{ display:block; padding:0 18px; background:#a8302f; color:#FFF; height:20px; line-height:20px; margin-top:5px;border-radius:5px; border:#FFF solid 1px; } a.btn_login:hover{ color:#FFF; background:#000; color:#CCC; text-decoration: none !important;} .original_price{ color:#CCC; font-size:12px; float:left; display:block; text-decoration:line-through; margin-right:10px; line-height:20px; padding:1px 3px;} #price{ color:#FFF; margin-left:0; padding:1px 3px; background:#eb302f; font-size:14px;border-radius:3px; float:left;font-weight:bold; font-style:normal;} #price_l{ color:#fff; float:left; margin:0 0 3px 0;padding:1px 5px; background:#333; font-size:14px;border-radius:3px; font-size:14px; } .shop_p .original_price{ color:#666; font-size:12px; width:100px; margin:0;} .shop_p {margin:3px 0 3px 0; } .prices_p,.case_pic .time{ width:100%; display:block; overflow:hidden; padding:0 0 10px 10px;} #white{ color:#CCC; margin-right:5px;} #full_prodcts_single .de_product{ margin:10px 0; max-height:245px;} .tag_pro{ margin:0 !important; } #black{ color:#333; margin-left:10px;} .case_pic ul li p{ height:55px;} #big #price,#big .original_price{ float:none; display:inline;} .ppre{ margin:5px 0;} /*2015-3-19 shop_community*/ #cat_bbs_list{ width:99%; overflow:hidden; float:left; background:#FFF; border:#CCC solid 1px;} #cat_bbs_list_title{ width:96%;padding:15px 2% 8px 2%;height:auto; background:#fff;border-bottom:#CCC solid 1px; overflow:hidden;} #cat_bbs_list_title span{ display:block; float:left;} #cat_bbs_list .btn_loop{ width:96%;padding:10px 2%; float:left;border-bottom:#CCC solid 1px; overflow:hidden; background:#F3F3F3} #cat_bbs_list .btn_loop a{ font-size:14px; margin-right:15px; color:#333; text-decoration:none; background-image:url(images/bbs_sp.png); background-repeat: no-repeat; padding-left:25px; line-height:30px;} #cat_bbs_list .btn_loop a:hover{ text-decoration:underline;} #cat_bbs_list .btn_loop a#all{ background-position:-2px -8px; } #cat_bbs_list .btn_loop a#jinghua{ background-position:-2px -44px; } #cat_bbs_list .btn_loop a#huitie{ background-position:-2px -84px; } #cat_bbs_list_title h1,#post_bbs_page_from_title h1{ font-size:16px; color:#666; margin:5px 0; float:left; margin-right:10px;} #cat_bbs_list_title b{ font-size:12px; font-weight:normal; color:#666; float:left; line-height:30px; margin-left:10px;} #cat_bbs_list_title .post_btn,#post_bbs_page_from_title .post_btn{ float:right; display:block; padding:3px 5px; background:#3998C6; color:#FFF; font-size:14px;border-radius:5px; } #cat_bbs_list_title .post_btn:hover{ background:#333;} #cat_bbs_list ul li{ width:96%;padding:0 2%;height:auto; display:block; float:left; border-bottom:#CCC dashed 1px;} #cat_bbs_list ul li:hover{ background:#F3F3F3;} #author_bbs_avatar { width:80px; overflow:hidden; float:left; min-width:50px; text-align:center; padding-bottom:15px; padding-top:15px; position: relative;} #author_bbs_avatar #louzhu{ width:36px; height:36px; position:absolute; top:0; right:0; background: 0 -128px url(images/bbs_sp.png);} #author_bbs_avatar #huifu{ width:36px; height:36px; position:absolute; top:0; right:0; background: 0 -183px url(images/bbs_sp.png);} #author_bbs_avatar a{ display:inline-block; padding:3px; border:#999 1px solid; background:#FFF; overflow:hidden; font-size:0;border-radius:100%; } #author_bbs_avatar b{ font-size:14px; color:#999;} #author_bbs_avatar a img{ width:100%; height:auto;border-radius:100%;} #cat_bbs_list ul{ width:100%; padding:0; margin:0; overflow:hidden; display:block;} #cat_bbs_list ul li .left_bbs_single{ display:block; overflow:hidden; margin-left:100px;padding:15px 0;} #cat_bbs_list ul li #left_bbs_single{ margin-left:0; padding-left:20px; background:#FAFAFA; padding-right:10px; padding-bottom:120px; position:relative; } #cat_bbs_list ul li .left_bbs_single .bbs_a_title{ font-size:16px; color:#666; font-weight:bold; text-decoration:none;} #cat_bbs_list ul li .left_bbs_single .bbs_a_title:hover{ text-decoration:underline;} #cat_bbs_list ul li .left_bbs_single div,#cat_bbs_list ul li .author_bbs_avatar div{ width:100%; overflow:hidden; margin:5px 0;} #cat_bbs_list ul li .left_bbs_single div b{ display:block; padding:3px 5px; background:#A5A5A5; color:#FFF; font-size:12px; margin-right:10px; float:left;border-radius:5px; font-weight:normal;} #cat_bbs_list ul li #author_bbs_avatar div b{ font-size:12px; font-weight:normal; display:inline-block; margin-bottom:5px;} #cat_bbs_list ul li #author_bbs_avatar div b.jinghua{ padding:3px 5px; background:#7ECDD3; color:#FFF; font-size:12px;border-radius:5px;} #cat_bbs_list ul li #author_bbs_avatar div b.bbs_over{ padding:3px 5px; background:#70AB1F; color:#FFF; font-size:12px;border-radius:5px;} #cat_bbs_list ul li #author_bbs_avatar div b.admin_answer{ padding:3px 5px; background:#F60; color:#FFF; font-size:12px;border-radius:5px;} #cat_bbs_list ul li span div b.zhiding{ background:#FF7171;} #cat_bbs_list ul li span div b.jinghua{ background:#7ECDD3} #cat_bbs_list ul li span div b.bbs_over{ background:#70AB1F} #cat_bbs_list ul li span p{ margin-top:10px;text-indent:0 !important;word-break:break-all; /*支持IE,chrome,FF不支持*/  word-wrap:break-word;/*支持IE,chrome,FF*/} #cat_bbs_list ul li span a#zd_shop_bbs{ color:#F00;} .nav_bbs{ width:100%; height:auto; padding:10px 0; overflow:hidden;} .nav_bbs a{ display:block; padding:3px 8px; border:solid 1px #CCCCCC; margin-left:5px; float:left; color:#666; text-decoration:none;} .nav_bbs a:hover,.nav_bbs a.current{ background:#666; color:#FFF;} .post_bbs_page_from{ width:96%;padding:10px 1.5%; overflow:hidden; } .post_bbs_page_from #tougao_content_ifr{border:solid 1px #CCCCCC;} #post_bbs_page_from_title{width:96%;padding:10px 2%; overflow:hidden;background:#F3F3F3; margin-bottom:20px;} .post_bbs_page_from .cat{ width:100%; height:auto; padding:5px 0; margin-bottom:15px;} .post_bbs_page_from .cat label { font-size:14px; color:#666;} .post_bbs_page_from input#tougao_title,.post_bbs_page_from input#CAPTCHA{ padding:8px; border:solid 1px #CCCCCC; width:60%;} .error{ display:block; padding:5px; background:#FFD9D9; border:#F00; color:#F00; font-size:14px; text-indent:0 !important;} .post_bbs_page_from .submit{ float: left; display:block; padding:5px 60px; border: none; cursor:pointer; background:#3998C6; color:#FFF; font-size:16px;border-radius:5px; margin-right:20px;} .post_bbs_page_from .reset{ float: left; display:block; padding:5px 60px; border: none; cursor:pointer; background:#ccc; color:#FFF; font-size:16px;border-radius:5px;} .yzmmmm{ display:block; width:100%;} .tijiao{ padding:10px 0 20px 50px; overflow:hidden;} .wp-editor-tabs{ display:none !important;} .single_bbs_avatar{ padding-right:10px; } #cat_bbs_list ul li#single_bbs_li{ padding:0 0 0 2% !important; width:98%;} #bbs_enter p,#bbs_enter a, #bbs_enter b{ font-size:14px;} #cat_bbs_list ul li span .datetime{ position:absolute; display:block; right:10px; bottom:15px; width:200px;} #cat_bbs_list ul li span .datetime a{ margin-left:10px;} .comment_ector{ width:100%; overflow:hidden; position:relative; padding-top:50px;} .comment_ector .tutle{position:absolute; left:10px; top:0; width:100%; height:60px;} .comment_ector .avatar_comment{ width:60px; height:60px;display:block; padding:3px; border:#999 1px solid; background:#FFF; overflow:hidden; font-size:0;border-radius:100%; float:left; margin-right:10px;} .comment_ector .avatar_comment img{width:60px; height:60px;border-radius:100%; } .comment_ector span{ width: auto; display: block; float:right; height:32px; padding:15px 15px 0 0} #comment_bbs{ width:98%; padding-top:30px !important; border:solid 1px #CCCCCC;} .comment_ector b{ font-size:14px; color:#999; line-height:51px;} #commentform #submit{ margin:0 !important; } .per b,.per a{ line-height:60px;} .per_title{ display:block; overflow:hidden; border-bottom:solid 1px #CCCCCC; padding:0;} .per_title a{ display:block; padding:5px 15px; background:#CCC; float:left; color:#fff; margin-right:1px; cursor:pointer; text-decoration: none;} .per img{ float:left; margin-right:20px; width:60px; height:60px; border-radius:60px; border:solid 4px #FFFFFF;} .case{ width:100%; height: auto; float:left; margin:0 0 20px 0;max-height:330px;} .case_in{ width:100%; height: auto;float:left; position:relative; overflow:hidden;} .case_in ul.slides li{ width:290px; height:auto; display:block; overflow:hidden; float:left;border:#fff solid 1px; background:#FFF; margin-right:10px;} .case_in ul.slides li .case_pic{ display: block; width:100%; height:auto; overflow:hidden; font-size:0; margin-bottom:8px; float:left; position:relative;} .case_in ul.slides li b,.case_in ul.slides li h2{ display:block; width:96%; padding:0 2%; font-size:14px; color:#333;float:left; margin-bottom:5px; height:30px; } .case_in ul.slides li p{ display:block; width:96%; padding:0 2%; font-size:12px; color:#666; float:left;} .case_in ul.slides li .price{ font-size:16px; color:#F00; display:block; width:96%; padding:0 2%; font-style:normal; font-weight:bold; margin-bottom:8px;float:left; height:24px} .case_in ul.slides li .pj_case{ display:block; width:96%; padding:0 2%;; margin-bottom:8px;float:left; height:31px;} .case_in .flex-direction-nav{ height:0;} .case_in .flex-direction-nav a{ width:70px; height:207px; position:absolute; display:block; top:0; display:none; font-size:0;} .case_in .flex-direction-nav a.flex-prev{ left:0; background:url("../images/prev_c.png")} .case_in .flex-direction-nav a.flex-next{ right:0; background:url("../images/next_c.png")} .case_in:hover .flex-direction-nav a{ display:block;} .kefu{ width:50px; height:auto; padding:5px; background:#fff; position:fixed; right:0; top:340px; z-index:100; border:solid 1px #ccc; border-radius:5px; } .kefu .kefu_d{ width:50px; height:50px; background-image:url(../images/kefu.png); background-repeat:no-repeat; background-color:#fff; position:relative;} .kefu .kefu_d:hover{ background-color:#f2f2f2; cursor:pointer;opacity:1;filter:Alpha(opacity=100);} .kefu #tops{ background-position:14px 6px;} .kefu #tops a,.kefu #homes a,.kefu #shoucang a{ display:block;width:50px; height:50px;} .kefu #weixin{ background-position:14px -59px;} .kefu #weixin div{ width:auto; min-width:210px; height:auto; overflow:hidden; text-align:center; padding:10px;} .kefu #kefu_severs{ background-position:14px -116px;} .kefu #kefu_severs div{ width: auto;min-width:210px; height:auto; padding:10px;} .kefu #kefu_severs div a{ display:block; float:left; padding:5px 0; margin-right:10px; color:#666; font-size:14px; line-height:24px;} .kefu #shoucang{ background-position:14px -126px;} .kefu #homes{ background-position:14px -169px;} .kefu .kefu_d div{ position:absolute; top:-50px; right:50px; background:#fff; display:none; border:#CCC solid 1px;} /* Preload images */ body:after {content: url("../images/close.png") url("../images/loading.gif") url("../images/prev.png") url("../images/next.png"); display: none;} .lightboxOverlay {position: absolute;top: 0; left: 0;z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none;} .lightbox { position: absolute;left: 0;width: 100%;z-index:10000000001;text-align: center;line-height: 0;font-weight: normal;} .lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;} .lightbox a img { border: none;} .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px;margin: 0 auto; -webkit-border-radius: 4px;-moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;} .lb-outerContainer:after {content: ""; display: table; clear: both;} .lb-container { padding: 4px;} .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0;} .lb-cancel { display: block; width: 32px;height: 32px;margin: 0 auto;background: url(images/loading.gif) no-repeat;} .lb-nav { position: absolute;top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} .lb-container > .nav { left: 0;} .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');} .lb-prev, .lb-next {height: 100%; cursor: pointer; display: block;} .lb-nav a.lb-prev { width: 34%; left: 0;float: left; background: url(images/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s;} .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} .lb-nav a.lb-next { width: 64%; right: 0;float: right;background: url(images/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s;} .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;} .lb-dataContainer:after { content: ""; display: table; clear: both;} .lb-data { padding: 0 4px; color: #ccc;} .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em;} .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em;} .lb-data .lb-number {display: block; clear: left; padding-bottom: 1em; font-size: 12px;color: #999999;} .lb-data .lb-close {display: block; float: right; width: 30px; height: 30px; background: url(images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;} .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} .pagination { z-index: 20;} .index_p{ left:0; width:100%; bottom:10px; position: absolute;} .swiper-pagination-switch { display: inline-block;width: 8px; height: 8px; border-radius: 8px;background: #222; margin:0 10px 5px 0;opacity: 0.8; filter:Alpha(opacity=80); border: 2px solid #fff; cursor: pointer;} .swiper-visible-switch { background: #aaa;} .swiper-active-switch { background: #fff; border: 2px solid #222;} .swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1; overflow:hidden;} .swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; }
您现在所在的位置 首页 > 学员风采展示 > Web Design para pequenas companhias – Aproveite o máximo disso! | Como Criar Um Site?
  • 电话:15891396273 电话:15891396273 电邮:371702426@qq.com 公司地址:西安市灞桥区纺织城阳光时代小区B座1101

  • 基地地址:蓝田县

发布时间:2018-10-10 学员风采展示 浏览: 发表评论

Quando os indíviduos acessam a Internet para buscar informações, geralmente acabam utilizando meios para achar o conteúdo que estão procurando. No final do dia, quando são capazes de concluir se uma página da Web pussuí as informações que estão procurando, elas ficam mais bem equipadas para pesquisar, decifrar e até mesmo escolher as informações de que desejam acessar em um determinado ponto, mas em especial através destes motores do busca.

Você pode melhorar a experiência do usuário em 1 site milionário em conteúdo, prestando ainda mais atenção aos títulos destes artigos. Estes títulos desempenham um papel vital de duas maneiras – 1 quando o usuário já está navegando no sitio e o outro destaca a utilidade do site em anúncios, resultados de pesquisa etc. Isso ajuda a direcionar os visitantes para este site.

Este que o visitante precisa inferir e como Criar Site Online

como abrir um site de vendas

No protocolo de hipertexto (HTML), estes títulos são pedaços de texto usando conteúdo rico. Os títulos geralmente possui palavras-chave primárias que expressam o tópico geral do site. Do um modo geral, um título é especialmente uma linha ou rótulo hierárquico que fornece aos usuários informações simples a respeito de o conteúdo do websiteminuto.com.br sitio, juntamente usando outras informações relevantes com relação à natureza desse conteúdo. Quando está procurando por determinados sites, o título terá um papel importante em saber se a página aparece ou não nos resultados de qualquer pesquisa de mecanismo de pesquisa. Quando os mecanismos do pesquisa procuram na Net informações por inquilino e / ou sites relacionados, eles tendem a fazer conta com o título. Assim, estes títulos são muito vitais. Isso significa que, para que seu site mesmo que otimizado para mecanismos de pesquisa, você deve introduzir as fundamentais palavras-chave no seu cabeçalho de que realmente reflitam o conteúdo da página.

Agora este que? Como Criar Um Site Gratuito

Para além disso, e as ter todos os seus cabeçalhos por código HTML explicativos básicos, você também deve dar prioridade significante àqueles títulos que se relacionam usando os fundamentais blocos de texto pelo site. Tal rotulagem global fornece aos visitantes uma noção a cerca de o de que os artigos consistem. Nos resultados retornados em um mecanismo por pesquisa, os títulos no texto são muito importantes, pois estes mecanismos do pesquisa usualmente os usam para rotular os links individuais derivados da pesquisa. Isso ajudará o pesquisador a concluir se este título tem relevância suficiente ou não para este estudo que está fazendo. Usando um cabeçalho eficiente, você já permanecequeda dando ao usuário enorme conveniência aumentando a acessibilidade e a usabilidade do site.

Ainda mais importante, os títulos guiarão o usuário em sua própria exploração do conteúdo completo do sitio, um que tenha chegado ao sitio. Quando estes cabeçalhos do site refletem verdadeiramente este conteúdo do site, todo o site é um local ainda mais útil, pois o usuário não encontrará páginas criadas para induzir o usuário a pensar que ele encontrará as informações que está indagando quando não vai.

Quando tem as informações do seu site divididas em cabeçalhos com rótulos, a respeito do quais informações podem ser encontradas sob cada uma delas, o visitante tornará a vida bastante mais fácil para seus usuários. Você descobrirá que a maior parte das vizinhos não permanecequeda interessada em toda a página, contudo apenas na parte específica que possui as informações que deseja. Esses títulos podem orientar os usuários em uma experiência na web mais agradável e divertida. Além disso, os usuários recebem uma idéia geral sobre como as informações são organizadas pelo site e como a estrutura hierárquica do sitio é projetada para retratar seu conteúdo. Quando os usuários recebem essas informações, eles constroem uma melhor compreensão e se familiarizam muito muito mais com estes conceitos explorados nas informações apresentadas. Estes cabeçalhos apropriados permitem de que os leitores olhem pelo seu conteúdo e selecionem apenas as partes que eles deveras precisam. Isso é extremamente útil e não necessariamente causa qualquer prejuízo em sua compreensão do tema. O uso muito mais conveniente do títulos é quando as páginas com texto pesado utilizam uma pequena parcela do índice no topo da página, onde as informações são subdivididas em seus respectivos títulos. Assim sendo, os utilizadores já podem vir a ter uma compreensão global do que este site contém de maneira direta e direta. Assim, se o índice também for ativado por link, ele permitirá que ele pule somente para as informações necessárias. Tudo derriça e feito, os títulos simplificam e aprimoram este conteúdo do um sitio, classificando corretamente as informações e tornando-as fáceis do ler. Ele permite que os usuários encontrem as informações por meio do um mecanismo de pesquisa e, quando chegam ao site, podem possibilitar digitalizar o texto e encontrar simplesmente as informações que estão procurando de forma conveniente e em um curto período de tempo.

上一篇:下一篇:没有了,已经是最新文章
相关推荐
do my homework for me online

联系电话:15891396273

371702426@qq.com

点击这里给我发消息 点击这里给我发消息