﻿/*   
Theme Name: 魔术展馆
Theme URI:http://www.themepark.com.cn/
Description: WEB主题公园所出品的一款swiper框架主题，集齐滚轴动画以及长页面重力下拉动画效果，对移动设备的运行非常流畅，并整合了超级留言板以及购物盒子WEB主题公园所出品的一系列插件，让你更容易打造一个易用的企业展示型网站。
Author:WEB主题公园
Author URI: http://www.themepark.com.cn/
Version: 1.51
*/


body {background: white;font: 14px/1.4 Georgia,Serif;font-family: 微软雅黑,Arial,Helvetica,sans-serif; background:#fff; height:100%; position:relative; display:block; background:#fff}
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;}
.sr-bdimgshare{ margin-top:-25px;}
.header{ width:100%; height: auto; position: fixed; z-index:100;  } 
.heaer_bacgrond{background:#000; position:absolute; z-index:1; width:100%; height:100%; opacity:0.4;filter:Alpha(opacity=40); top:0; left:0; border-bottom:solid 1px #fff;}
.themepark_full_content{ padding-top:110px;}
.onnnle  ul li a{ width:100% !important;}

.header_in{ width:100%; height:76px; position:relative; z-index:10;}
.header_center{ width:100%; max-width:1280px; min-width:1280px; margin:0 auto; height:78px; position:relative;}
.logo{ float:left; overflow:hidden; max-width:20%; max-height:74px;}
.logo img{max-height:74px; width:auto;}
#header_pic_nav{ float: right; height:78px; width: auto;  max-width:79%; position:relative; z-index:1;}
#header_pic_nav  li{ display:block;  float:left; position:relative; z-index:10;-moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;}
#header_pic_nav  li a{ float:left; display:block; height:44px; margin-bottom:1px; padding:20px 15px 10px 15px; width:auto; transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s;}
#header_pic_nav  li.current-menu-item a{ border-bottom:3px solid #ffa800;}
#header_pic_nav  li:hover,#header_pic_nav  li.current-menu-item{ 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:8px; color:#fff;text-transform : uppercase}
#header_pic_nav  li .sub-menu{ position:absolute; top:78px; background:#FFF; width:209px; z-index:10; border:1px solid #f4f4f4; display:none;}
#header_pic_nav  li.youbian .sub-menu{ right:0;}
#header_pic_nav  li .sub-menu li a{ border:none;width:95%; display:block !important; float:left !important; padding:10px 5px !important; height:auto !important; border-left:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;}
#header_pic_nav  li .sub-menu li{ width:100%; background:none !important;}
#header_pic_nav  li .sub-menu li:hover{ background:none;}
#header_pic_nav  li .sub-menu .sub-menu{ top:0; left:209px;}
#header_pic_nav  li .sub-menu li span b{ color:#333 !important; font-size:14px;}
#header_pic_nav  li .sub-menu li span p{ font-size:12px; color:#999 !important;}
#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_pic_nav  li.tuwen .sub-menu  li { width:209px !important;}
#header_pic_nav  li.tuwen .sub-menu  li a img{ max-width:100% !important; max-height: inherit !important;}
#header_pic_nav  li.tuwen .sub-menu  li a{ height:auto;}
#header_pic_nav  li.tuwen .sub-menu{width:628px;}
#header_pic_nav  li.youbian .sub-menu{width:628px; right:0; }


.top{   padding:5px 0 ; width:100%; height:21px; top:0; right:0; position:relative;  z-index:13;}
.top_in{width:100%; height:21px; width:100%; max-width:1280px; min-width:1100px; margin:0 auto;}
.top_right{ float:right; padding:0 10px;  }
.top_xian{ width:100%; height:1px; background:#fff; opacity:0.4;filter:Alpha(opacity=40);position:relative;  z-index:11;}
.top_xian_h{ width:1px; height:31px; margin-top:-5px; background:#fff; opacity:0.4;filter:Alpha(opacity=40);position:relative;  z-index:11; float:right;}
.top_xian_l{ width:1px; height:31px; margin-top:-5px; background:#fff; opacity:0.4;filter:Alpha(opacity=40);position:relative;  z-index:11; float:left;}
.top_right a{ color:#fff; font-size:12px; padding-left:27px; margin-right:15px;background-image:url('../images/sprites.png'); background-repeat:no-repeat; position:relative; top:-3px;}

.top_right a.login{ background-position:0 -180px;}
.top_right a.reg{ background-position:0 -239px; }
.top_right a.language{background-position:3px -298px; position:relative; cursor: pointer; margin-right:0;}
.top_right a.loginout{background-position:8px -831px;}
.top_right a.profie{background-position:2px -533px;}
.top_right a.languages{ background: none; padding:0; top:0; margin-right:5px;}
.top_left{ float:left; height:21px; position:relative;}
.top_left a,.top_left p{ float:left; margin-right:10px; color:#fff;}
.top_left li{float:left; margin-right:10px; position:relative; display:block; height:21px;}
.top_left li span{ display:none;}
.top_left li .sub-menu{ position:absolute; left:-85px; top:21px; width:200px; height:auto; box-shadow:0 0 5px #000; overflow:hidden; background:#fff; display:none;}
.top_left li .sub-menu li{ height:auto !important; width:100%; text-align:center;}
.top_left li .sub-menu li a{ float:none;}
.top .tell{ float:left; margin-left:15px; color:#fff; font-size:14px;}
.smaill_dwon{ width:10px; height:10px; display:inline;background: no-repeat 0 -493px url('../images/sprites.png'); position:absolute; right:-12px; top:1px;}



.full{ width:100%; height:900px;  position:relative; z-index:12;}
.tuijian_loop{ width:47px; height:47px; position:absolute; left:0; top:0; background:0px -715px no-repeat url('../images/sprites.png') !important; z-index:11 ;}
.attachment-case_full{ width:auto; max-height:342px;}
.attachment-case{ width:auto; max-height:204px;}
.attachment-news{ width:auto; max-height:266px;}
.attachment-gallery_lightbox{ width:auto; max-height:150px;}
.attachment-product-thumb,.attachment-gallery-other-thumbb{ width:auto; max-height:400px;}
.attachment-gallery-full-thumbb{ width:auto; max-height:500px;}







.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 #3c3c3c; position:relative; z-index:10;background:url('../images/ba.jpg') }
.footer_bottom{ height: auto; border-top:solid 1px #3c3c3c;}
.footer_in{  overflow:hidden;}
.footer_in{  height: auto;margin: 0 auto; overflow: hidden;padding: 10px;position: relative; width:100%; max-width: 1280px;z-index: 1;}

#footer_bottom_link{ display:block; width:100%; float:left; text-align:center;padding:30px 0 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;} 
#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;}

