/*   
Theme Name: AWA Electronics Theme
Theme URI:http://www.themepark.com.cn/
Description: AWA Electronics Co., Limited
Author:AWA Electronics Co., Ltd
Author URI: http://www.themepark.com.cn/
Version: 1.0
*/

* {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% !important; height:1000px; position:absolute; z-index:1; top:0; left:0;background:center top no-repeat url("images/ba.jpg") }
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%;  position: relative; z-index:151;box-shadow:0 0 3px #333333;}
.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;}
.header_down_out{ width:100%;  height:auto;transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;background:url('images/white_85.png');   }
.header_down_out_fixed{ position:fixed; left:0;top:0;  z-index:100000000;}
.header_down_out_in{width:1100px; height:80px; padding:0 10px; margin:0 auto;  }
.header_in{ width:100%; height: auto;position:relative; z-index:10; }
.logo{ float:left; overflow:hidden;width:20%; height:60px; padding:10px 0;}
.logo img{ max-height:100%; width:auto; }
#header_pic_nav{ float: right; height:60px; }
.header_menu_ul {  height:60px;}
#header_pic_nav  li{ display:block; float:left;  position:relative; z-index:10; padding:8px 6px;-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; min-height:40px; padding:11px 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,#header_pic_nav  li.current-menu-item{ background:#f8fafa;}
#header_pic_nav li .sub-menu  li:hover,#header_pic_nav li .sub-menu  li.current-menu-item{ background:#f8fafa;}
#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 div,#header_pic_nav  li p{ display:block;  width:100%;}
#header_pic_nav  li div{ font-size:14px; color:#323232; font-weight:normal; line-height:17px;}
#header_pic_nav  li p{ font-size:10px; color:#768e02;text-transform : uppercase}
#header_pic_nav  li .sub-menu{ position:absolute; top:80px; left:0; background:#FFF; width:200px; 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: 10px; min-height:37px;}
#header_pic_nav  li .sub-menu li div,#header_pic_nav  li .sub-menu li:hover div{ color:#333;}

#header_pic_nav  li .sub-menu li .sub-menu{ left:198px; top:0;}
#header_pic_nav  li .sub-menu li:hover{ background:#fafafa;}
#header_pic_nav  li .sub-menu li p,#header_pic_nav  li .sub-menu li:hover 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.adpic,.nav_menu_widgetss .sub-menu li.adpic{ width:100%; height:auto; padding:5px 0;}
#header_pic_nav .sub-menu li.adpic a,.nav_menu_widgetss .sub-menu li.adpic a{ width:98% !important;padding:1%; height: auto;}
#header_pic_nav .sub-menu li.adpic a img,.nav_menu_widgetss .sub-menu li.adpic a img{ max-width:100% !important; height:auto !important; max-height:none; margin:0;}
#header_pic_nav  li  .sub-menu li.adpic a span,.nav_menu_widgetss li  .sub-menu li.adpic a span{ display:none;}
#onepices li{ width:100%;}#onepices  li a{ width:99%;}#onepices  .sub-menu li b,#onepices .sub-menu li p{ width:95%;}

.header_bottom{ width:100%;  height:auto; background:url('images/blue_75.png'); border-top: solid 1px #f5f5f5;border-bottom: solid 1px #f5f5f5;}
.header_bottom_in{ margin:0 auto; width:1100px; height:40px; position:relative;}
/*.header_bottom_right{ float:left; background:url('images/black_b2.png'); padding:0 15px; height:40px; cursor:pointer;}*/
.header_bottom_right{ display:none; float:left; background:url('images/black_b2.png'); padding:0 15px; height:40px; cursor:pointer;}
.header_bottom_right_btn{ display:block; float:left; background:0 -173px no-repeat url("images/Sprites.png"); padding-left:30px; height:40px; line-height:40px; color:#fff;}
.header_bottom_right_nav{ position:absolute; top:40px; background:#fff; padding:5px 1%; left:0; width:98%; height: auto ; box-shadow:0 0 3px #666666; display:none; z-index:100000;}
.header_bottom_right_nav_ul{ width:100%; display:block; overflow:hidden;}
.header_bottom_right_nav_ul li.menu-item-has-children,#nav_show_top_5 li.menu-item-has-children,#nav_show_top_10 li.menu-item-has-children{ width:98%;}
.header_bottom_right_nav_ul li.menu-item-has-children a{ display:block; width:100%; font-size:16px; color:#333; padding:5px 0; margin-bottom:5px; border-bottom: solid 1px #CCCCCC;} 
.header_bottom_right_nav_ul li.menu-item-has-children a span div,.header_bottom_right_nav_ul li.menu-item-has-children a span p,.header_bottom_right_nav_ul li.menu-item-has-children a{ display:block; overflow:hidden; float:left;}
.header_bottom_right_nav_ul li.menu-item-has-children a span p{ margin-left:10px;}
.header_bottom_right_nav_ul li a span div{ font-size:14px; color:#333;}
.header_bottom_right_nav_ul li a span p{ font-size:12px; color:#3ba9ac;}
.header_bottom_right_nav_ul li  .sub-menu li { background:url('images/white_85.png'); }
.header_bottom_right_nav_ul li  .sub-menu li a{ border:none; margin:0; float:none;}
.header_bottom_right_nav_ul li a span { text-align:center;}
.header_bottom_right_nav_ul li  .sub-menu li a span div,.header_bottom_right_nav_ul li  .sub-menu li a span p{ float:none; margin:0;}
.header_bottom_right_nav_ul li{ display:block; float:left; padding:0.5%; width:18%; margin:0.5%; background:#F6F6F6;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
#nav_show_top_5 li{width:18%;}
#nav_show_top_10 li{width:8%;}
.full_pic_navs a img,#header_pic_nav li.full_pic_navs  img{max-height: inherit !important; max-width:100%; height:auto;}

.header_bottom_right_nav_ul li:hover{ box-shadow:0 0 3px #999 inset;}
.search_key a{ display:block; float:left; margin-right:15px;  padding:5px 0 5px 20px; background-image:url("images/Sprites.png"); background-repeat:no-repeat; color:#fff; font-size:14px; }
.search_key a:hover{ text-decoration: underline;}
.search_key a.login{ background-position:0px 8px;padding:5px 15px 0 20px;border-right: dashed 1px #e0e0e0;}
.search_key a.reg{ background-position:0px -33px;}
.search_key a.profie{ background-position:0px -124px;padding:5px 15px 0 20px;}
.search_key a.loginout{ background-position:0px -80px;}

.header_bottom_search{ float:right; height:30px; padding:5px 0;}

.header_bottom_search #searchform{ float:left; height:30px; position:relative;}
.header_bottom_search #searchform #s{ float:left; width:228px; height:18px; padding:5px 30px 5px 5px; border:solid 1px #d9d9d9; font-size:12px; line-height:18px; color:#666;}
.header_bottom_search #searchform #searchsubmit{ position:absolute; right:0; top:1px; width:30px; height:28px; border:none;  background: no-repeat 0 -233px  url("images/Sprites.png"); cursor:pointer;}


.header_down{width:78%;padding:0; margin:0 auto; height:80px; text-align:center; float: right; position:relative; z-index:5; }
.full{ width:100%; height:528px; overflow:hidden; position:relative; z-index:10;}



.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 div,#header_pic_nav  li p{ display:block;  width:100%;}
.nav_menu_widgetss ul  li div{ font-size:14px; color:#333; font-weight:normal; line-height:17px;}
.nav_menu_widgetss ul  li div{ 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 #3c3c3c; position:relative; z-index:10;background:url('images/ba2.jpg') }
.footer_bottom{display: none; height: auto; border-top:solid 1px #ccc; background:url('images/nav.png')}
.footer_in{  overflow:hidden;}
.footer_in{  height: auto;margin: 0 auto; overflow: hidden;padding: 10px;position: relative; width: 1120px;z-index: 1;}
.footer_in_box{ height: auto; float:left; margin:10px 1.1% 0 0; overflow:hidden; text-align:left;}
.footer_in_box{*display:inline;}
.footer_in_box b{ font-size:16px; color:#fff; display:block; width:100%; float:left; margin:5px 0 0; padding-bottom:5px; border-bottom:1px solid #ccc; font-weight:normal;}
.footer_in_box b font{ display:block; width:100%; text-transform:uppercase;}
.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:88px; margin-top:10px; font-size:0; padding:5px;}
.about_text{ float: left;   font-size:12px; color:#fff; margin-top:10px; display:block; width:192px;}
.nomagirc{ margin:5px 0 0;}
#footer_bottom_link{ display:block; width:100%; float:left; text-align:center;border-top:solid 1px #ccc; padding:10px 0;}
.footer_bottom_link li{ display:inline-block; margin-right:10px;}
.footer_bottom_link li{ display:inline;}
.footer_bottom_link li a,#footer_bottom_link  p a{ font-size:12px; color:#fff; margin-right: 10px;} 
#footer_bottom_link p{ font-size:12px; color:#fff; margin-top:10px; float:left; display:block; width:100%; text-align:center;}
.footer_bottom { padding:10px 0;}
.footer_bottom p{ font-size:12px; color:#ffd800; margin-bottom:10px;}
.footer_about .about_pic,.footer_about .about_text{ width:100%; padding:0;}
.footer_about {  padding:5px 3% 2% 0; width:322px;}
.footer_contact{ padding:5px 3% 2% 0; width:300px;}
.footer_contact a{ float:left; margin-right:10px;}
.footer_linkss{padding:5px 0 2% 0; width:392px;}
.contact_text_p{ font-size:14px; color:#FFF; display:block; width:362px; float:left; margin-top:10px;}
/*index*/
.two_pic_nav a,.designer .designer_text  .designer_btn a,.about a,.vedio .swiper-slide,.designer .designer_text{transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s;}
.full_pic_nav span{ border:1px #FFFFFF solid; border-radius:0; transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s;}
.full_pic{ position:relative;}
.full_pic_nav{ position:absolute; width:100%; bottom:4px; padding:5px 0; text-align: center; background:url('images/black_b2.png');} 
.full_pic_nav span{ width:60px; height:5px;}
.full_pic_nav span.swiper-active-switch{ border:1px solid #fff;}
.full_sieldes{ width:100%; height:741px; display: block; float:left;}
.index_next,.index_prve{ width:70px; height:77px; position:absolute; top:50%; 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;}

/*Module public*/

.content_out{ width:100%; margin:0 auto; height:auto;   padding:20px 0 0; position:relative; z-index:150; overflow:hidden;}
.index_box{ width:100%; height:auto; margin:0 auto 20px auto;}
.index_box_in{ width:100%; max-width:1100px; height:auto; margin:0 auto;}
.default_m{ border:solid 1px #a1dadc; background:url("images/white_50.png"); box-shadow:0 0 3px #999999;}
.theme_title{ width:100%;  overflow:hidden; float:left;}
.default_m .theme_title{background:#FFF; border-bottom:solid 1px #a1dadc; }
.theme_title_left{   padding:5px 1%; width:98%; float:left; }
.default_m  .theme_title_left{background:#fff;}
.posts_titles{font-size:14px; color:#333; font-weight:normal; float:left;}
.black_theme_title .posts_titles a,.black_theme_title  span,.black_theme_title .title_more{color:#333;}
.white_theme_title .posts_titles a,.white_theme_title  span,.white_theme_title .title_more{color:#fff;}
.theme_title span,.theme_title_left span{ float:left; margin-left:5px; color:#42b5b9; line-height:18px;}
.title_more{ float:right; font-size:12px;color:#42b5b9; margin-right:10px;line-height:18px; }
.box_clear{ clear:both;}
.index_next,.index_prve{ width:70px; height:77px; position:absolute; top:35%; 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;}
.background_box{ margin:0; padding:20px 0;}
.two_box_in_here .theme_title_left{ width:66%; float:left;}
#per27 .default_m{ border: none; box-shadow:none;}
/*desiger*/

.designer_post{ float:left; background:#FFF; padding:15px 1.5%; margin:10px 0 10px 1%; width:28%; overflow:hidden;} 
.designer_post.box_full{ width:95%;}


.disigner_pic,.disigner_list{ float:right; width:65%; margin:10px 1%;}
.disigner_pic.box_full,.disigner_list.box_full{ width:98%;}

.disigner_pic .swiper-container{ border:solid 2px #fff;}
.disigner_pic .menu-item{ position:relative;}
.disigner_pic .menu-item a{ font-size:0; overflow:hidden; display:block;}
.disigner_pic .menu-item span{ position:absolute; left:0; bottom:0; width:95%;  padding:10px 2.5%; background:url("images/black_b2.png"); text-align:left; z-index:100;}
.disigner_pic .menu-item span div{ font-size:14px; color:#fff; display:block; width:100%;}
.disigner_pic .menu-item span p{ font-size:12px; color:#fff; display:block; width:100%;}

.disigner_list{ overflow:hidden; margin-top:0;}
.disigner_list ul{ display:block; width:99%; padding:1.5%; background:#fff; overflow:hidden;}
.disigner_list ul li{ float:left; width:18%; margin:0 2% 10px 0;}
.disigner_list ul li .posts_title { overflow:hidden; height:36px; margin-bottom:5px;}
.disigner_list ul li .posts_title a{ font-size:14px; color:#333;}


#per27 .designer_post ,#per27 .disigner_pic,#per27 .disigner_list { width:98%; padding:1%; margin:0 0 10xp 0;}
#per27 .disigner_list ul li{ width:48%;}



/*nav_poket*/
.nav_poket_ul{ float:left; display:block; overflow:hidden; width:100%;}
.nav_poket_ul li{ float:left; width:18%; margin:0.5%; padding:0.5%; text-align:center;}
.nav_poket_ul.poket_list_4 li{ width:23%;}
#per27 .nav_poket_ul li{ width:48%;}

.nav_poket_ul.poket_list_5 li{ width:31%;}
.nav_poket_ul.poket_list_10 li{ width:11.5%;  padding:0;}
.nav_poket_ul.poket_list_5 li span,.nav_poket_ul.poket_list_4 li span{ text-align:center;}
.nav_poket_ul li span{ width:100%; display:block; text-align:left;}
.nav_poket_ul li span div{ font-size:14px; color: #333; margin-bottom:5px;}
.nav_poket_ul li span p{ font-size:12px; color:#42b5b9; display:block; width:100%;}
.white_theme_title .theme_title_left span,.white_theme_title  .nav_poket_ul li span div,.white_theme_title .nav_poket_ul li span p{ color:#fff;}
.black_theme_title .theme_title_left span,.black_theme_title  .nav_poket_ul li span div,.black_theme_title .nav_poket_ul li span p{ color:#333;}
/*vedio*/

.vedio{  height:auto; position:relative; margin: 10px 1%;width: 63%; padding:1%; float:left; background:#fff;}
.vedio_bofang{ width:55%; height:320px; background:#CCC; float:left; margin-right:15px;  }
.vedio .swiper-slide{ width:42.5%; float:left; height:auto; overflow:hidden; text-align:left; margin-bottom:1px; background:#f6f6f6; border:solid 1px #fff; }
.vedio .swiper-slide:hover{ border:1px solid #0097c3;}
.vedio .swiper-slide .vedio_text{ width:96%; padding:2%;}
.vedio .swiper-slide .vedio_text .posts_title,.vedio .swiper-slide .vedio_text .posts_title a{ color:#333; font-size:14px; width:100%; display:block; float:left;}
  .v_ts{ width:100%; float:left; margin:2.5px 0;}
 .v_ts span{ font-size:12px; color:#42b5b9;}
.vedio .swiper-slide .vedio_text  .v_play{  font-size:12px;float:left; padding:1px 10px 2px 20px; display:block;  color:#fff; border-radius:5px; margin-bottom:8px; margin-right:15px; background-image:url("images/Sprites.png"); background-color:#42b5b9; background-position:4px -373px ; background-repeat:no-repeat;
 cursor:pointer; }
.vedio .swiper-slide .vedio_text  .v_go{ font-size:12px; color:#0097c3;}
.vedio_bofang iframe,.vedio_bofang  embed,.vedio_bofang vedio{ width:100% !important; height:100% !important;}
.vedio_gos{ display:none;}
.vedio .swiper-slide .vedio_text  .v_play.onthis{background:#7a7a7a  no-repeat  4px -299px url("images/Sprites.png"); }
.vedio_xxk_title{ float:right; width:30%;}
.vedio_xxk_title a{ display:block; padding:5px 0; text-align:center; width:33.33%; float:left; background:#f7f7f7;; color:#333; cursor:pointer;}
.vedio_xxk_title a.active{ background:#42b5b9 ;color:#fff;}

.vedio_twobox .theme_title_left{ background:#fff;}
.background_box  .vedio{ margin:5px 0; padding:2% 2.5%;}
.full_box_vedio .vedio{ width:95%;}
.full_box_vedio  .vedio_xxk_title{ width:100%;  background:#f7f7f7;;}
.full_box_vedio  .vedio_xxk_title a{ width:18%;}
.full_box_vedio .three_qie{ width:98%;}
.full_box_vedio .three_qie .swiper-slide .news_slide{ width:30%; margin:5px 1.5%; min-height:80px; }

.three_qie{ background: #fff none repeat scroll 0 0; float: right;overflow: hidden; padding: 2% 1% 10px 1%; width: 28%;}

.three_qie .swiper-slide{ width:100%; height:auto; float:left;}
.three_qie .swiper-slide .three_qie_pics{ width:30%; height:auto; float:left; margin-right:10px; display:block; position:relative;}
.three_qie .swiper-slide .news_slide{ width:100%; float:left; text-align:left; margin-bottom:5px; padding-bottom:5px; border-bottom:dashed 1px #e7e7e7 ;}
.three_qie .swiper-slide .posts_title_f .posts_title{ overflow:hidden; height:40px;}
.three_qie .swiper-slide .news_slide .posts_title a{ font-size:14px; color:#333;}
.three_qie  .v_ts{ float:none;}

.three_qie  p{ font-size:12px; color:#666;}
.paiming{ display:block; padding:1px 6px; margin:3px 10px 0 0; border-radius:100%; float:left; background:#ff8400; color:#fff; font-size:12px; font-weight:bold;}
.qie_more{ display:block; padding:5px 0; width:100%; text-align:center; color:#42b5b9; background:#F2F2F2; float:left;}


#per27 .theme_title_left{ width:98%;}
#per27 .vedio_xxk_title{ width:100%; float:left; background:#f7f7f7;}
#per27 .vedio,#per27  .three_qie { width:96%;}
#per27 .vedio_bofang{ margin-bottom:5px; width:98%;}
#per27 .swiper-slide{ width:98%; margin:5px 0;}
#per27 .full_box_vedio .vedio_xxk_title a{ width:30%;}

#per27 .full_box_vedio .three_qie .swiper-slide .news_slide{ width:97%;}



/* caseshow_in */
.caseshow_in{ width:98%; padding:1%; float:left;}
.caseshow_in ul li{ float:left; display:block; width:23%; margin:0.5%; padding:0.5%; height:auto; text-align:center; margin-bottom:20px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; background:#fff;}
.caseshow_in ul li:hover{ box-shadow:0 0 5px #ccc;}
.caseshow_in ul li img{ max-width:100%; height:auto;}
.caseshow_in ul li .case_pic{ display:block; overflow:hidden; position:relative; font-size:0;}
.caseshow_in ul li div{ background:#fff; overflow:hidden; width:98%; padding:2px 0%;}
.caseshow_in ul li .case_pic img{-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.caseshow_in ul li:hover .case_pic img{-moz-transform: scale(1.02, 1.02);-webkit-transform: scale(1.02, 1.02);-o-transform: scale(1.02, 1.02);}
.caseshow_in ul li .posts_title  a{ font-size:15px; color:#666; display:block; font-weight:bold; overflow:hidden; height:41px; margin-bottom:0; text-align:left;}
.caseshow_in ul li  .posts_title{ margin-bottom:5px; display:block; width:100%;}
.caseshow_in ul li div p{ height:66px; font-size:12px; display:block; width:100%; overflow:hidden; color:#999; margin-top:5px; text-align:left;}
.caseshow_in ul li div  .black_price_out{ width:100%; height:auto; overflow:hidden; padding:0; text-align:left;}
.caseshow_in ul li div .black_price_out b{ font-size:18px; color:#F00; }
.caseshow_in ul li div .black_price_out span{ font-size:12px; color:#999; text-decoration: line-through; }
.caseshow_in ul li div #casebtn,.contact_btn{ display: inline-block; padding:5px 20px; font-size:12px; border:solid 1px #ffa800; color:#ffa800; border-radius:5px; margin:10px 0;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.caseshow_in ul li:hover div #casebtn{ background:#ffa800; border:solid 1px #fff; color:#FFF;}
.caseshow_in ul li div .contact_btn{ border:solid 1px #8BB902; color:#8BB902;}
.caseshow_in ul li:hover div .contact_btn{ background:#8BB902; border:solid 1px #fff; color:#FFF; }


/* page_top */
#page_top{padding: 8px 0 7px; background:url("images/white_47.png");  box-shadow:0 1px 5px #999; position:relative; z-index:22;}
#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: 1100px;  height: auto; padding:5px; 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:18px; color:#333; 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: 1100px;  height: auto; padding:10px; margin:0 auto ; background:#fff;position:relative; z-index:10; border-bottom: #CCC dashed 1px;}
#page_muen_nav b,#page_muen_nav a{ font-size:12px; color:#333; text-decoration:none;}
#page_muen_nav a:hover{color:#117dc2}



.content{   height: auto;  position:relative; overflow:hidden;  padding:0 10px 10px; background:#FFF; margin:0 auto 20px auto; width: 1100px;position:relative; z-index:10;box-shadow: 0 5px 5px #999;}
.content .pic_big_bottom{ position:relative; top:0; left:0; margin-bottom:20px;}
/*.content .left_mian{ width:322px; height:auto;float:left;background:#fff;  }*/
.content .left_mian{ height:auto;float:left;background:#fff;  }
/*.content .right_mian{ width:750px; height:auto; overflow:hidden; float:right; background:#fff; }*/
.right_mian{ height:auto; overflow:hidden; text-align:center; background:#fff; }
.fullpages{ background:#fff;  padding:0 1%;}
.content #left_mian .case_in ul li{ margin-bottom:15px; width:23%; margin-right:1%;}
.content #left_mian .case_in ul { width:105%; display:block; overflow:hidden;}
.content #left_mian .case_in ul.slides li p{ margin-bottom:5px; height:36px;}
.content #left_mian .right_mian  .case_in ul.slides li{ width:31%;}
.content #left_mian .case_in .black_price_out{ float:left; width:96%; padding:0 2%; height:36px;}
.content #left_mian .case_in .case_satar{ margin-left:2%; float:left;}

#per27 { padding-top:20px;}
#per27 .designer{ height:auto;}
#per27 .index_box{ box-shadow:none; padding:10px 5px; overflow:visible; float:left; background:#F7F7F7;}
#per27 .index_box,#per27 .designer .right_pic,#per27  .left_nav,#per27 .left_ad_pic,#per27 .right_ad_pic{ width:100%; border:none;}
#per27  .designer .right_pic .right_pic_ul_s li,#per27 #noswiper .nav_poket_ul li{ width:48%;}
#per27 .nav_poket_widgetss .nav_poket_ul li a div{ font-size:14px;}
#per27 .three_mode_go_mode { margin-bottom:20px; width:100%;}
#per27  .three_mode_go .three_mode_go_mode ul{ width:100%;}
#per27 .three_mode_go .three_mode_go_mode .left_tuwen_text{ width:46%; height:14px; display: block; overflow:hidden;}
#per27 .three_mode_allpic{ width:152px;}




.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%;}


.starsss{ display:block; width:100%; position:relative; top:-8px;}

.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: 1%;width: 97%;}
.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; }
.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;}
.nolineheight,.enter .nolineheight p{ line-height:0 ;}

.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:6%; background: no-repeat url("images/Sprites.png")  scroll 0 -975px; 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:45%;-moz-transition:all 0.7s;-webkit-transition:all 0.7s;-o-transition:all 0.7s; cursor:pointer;}


#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:#1997e7; 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:5px;}
#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:102%; height: auto;float:left; position:relative; overflow:hidden;}
.case_in ul.slides li{ width:24%; height:auto; display:block; overflow:hidden; float:left;border:#fff solid 1px;  background:#FFF; margin-right:0.5%;}
.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{ display:none;}
.kefu{ width:150px; height:auto; padding:5px; background:#fff; position:fixed; right:0; top:340px;  z-index:161;  border:solid 1px #ccc;  text-align:center; }
.qq_kefu{ margin:5px 0; text-align:left;}
.qq_kefu a{ display:block; padding:0 5px 7px 5px; width:140px; line-height:14px; font-size:14px; border:solid 1px #E67B06; color:#333; margin-bottom:2px; background:#FFF5EC;}
.qq_kefu a img{ position:relative; top:6px;}  
#show{ width:50px; height:50px; position:fixed; right:0; top:400px;z-index:160;  border:solid 1px #ccc; border-radius:5px; background:#fff no-repeat  10px -843px url("images/Sprites.png"); }
.kefu_show{display: none;}

/* 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 ,.disigner_pic .menu-item,.customer .menu-item {
	float: left;
	text-align:center;
	-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;
}