#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	height:0px;
}
#wrapper.toggled {}
#sidebar-wrapper {
    z-index: 99999;
    width: 50%;
	left: -50%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
    left: 0%;
}

#page-content-wrapper {
    width: 100%;
}

#wrapper.toggled #page-content-wrapper {
    position:relative;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
    width: 100%;
    list-style: none;
	float:left;
	padding-top:70px;
}

.sidebar-nav li {
    position: relative; 
    line-height: 32px;
    display: inline-block;
    width: 100%;
	padding:5px;
}

.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 0px;
    background-color:#000;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}
.sidebar-nav i{ padding-right:20px;}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}
.sidebar-nav li a {
    display: block;
    color: #FFF;
    text-decoration: none;
    padding:5px;
	font-size:18px;
	text-align:center;  
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    color:#FFF;
    text-decoration: none;
    background-color: transparent;
}

.sidebar-nav > .sidebar-brand {
    height: 50px;
    font-size: 20px;
    line-height: 45px;
}
.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color:#000;
    box-shadow: none;
}
.sidebar-brand{ color:#FFF; font-weight:600; font-size:18px; line-height:27px; margin-top:20px;}
.psort{ width:100%; height:auto; float:left; padding-left:0px;}
.psort a{ display:block; color:#ccc; padding:2px 0px; line-height:30px;}

.sidebar-nav li .snav{ background:#fff; width:100%; float:left; box-shadow:2px 2px 1px rgba(204,204,204,0.5); padding:10px; display:none;}
.sidebar-nav li .snav a{display:block; line-height:28px; font-size:15px; color:#666; text-decoration:none;}
.sidebar-nav li .snav a:hover{ background:#e4e4e4; color:#fff;}

.xtwo{ width:100%; height:auto; float:left;}
.xtwo a{ width:100%; height:auto; float:left; font-size:15px; text-align:center; color:#FFF; line-height:28px; padding:5px;}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.hamburger {
  width: 32px;
  height: 32px;
  background:transparent;
  position:absolute;
  z-index: 100000;
  left:15px;
  top:38px;
  border:0;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #FFF;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
}

.hamburger.is-closed .hamb-middle,.hamburger.is-open .hamb-middle{ width: 80%;}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #FFF;
}
.hamburger.is-closed .hamb-top { 
  top: 5px; 
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;  
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #FFF;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/

.overlay { position: fixed; display:block; width: 100%; height: 100%; overflow:hidden; top:0; left:0; right:0; bottom:0; z-index: 9; background-color:#000; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; } 

@media (max-width: 1760px) {

}

@media (max-width: 1630px) {

}

@media (max-width: 1530px) {

}

@media (max-width: 1430px) {
.md{ width:100%;}	
}

@media (max-width: 1360px) {
.fmd{ width:100%;}
}

@media (max-width: 1290px) {
.symd{ width:100%; }
}

@media (max-width: 1230px) {
.logo{ width:10%; }
.navl{ width:45%; padding-left: 30px; }

.navl ul li{ padding: 0px 10px;}
.navl ul li a{  padding: 0px 3px; }
.navr{ width:45%; }
.navra ul li{ padding: 0px 10px;}
.navra ul li a{ color:#FFF; font-size: 16px; display: block; line-height: 30px; position: relative; padding: 0px 5px; transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
.navra ul li i{ width:10%; height:2px; background:#ffffff; position:absolute; bottom:-7px; left:45%; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari 和 Chrome */
border-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.navra ul li:hover i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s; width:90%; left:5%;}
.navra ul li.active a i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; width:90%; left:5%;}

.elsebox{ float: left; display: flex; justify-content: center; align-items: center;position:relative;}
	
}

/* md */
@media (max-width: 1180px) {
	
}

@media (max-width: 991px) {
#sidebar-wrapper { width: 80%; left: -80%;}
/*-- 导航栏  --*/
.topbigbox{ padding-left:0px; }
.top-title{ padding: 20px 0px;}
.top-title img{ width:80px;}
.top-timg h1{ font-size: 13px;}
.top-nav{ width:100%; padding:20px;}
.top-nav a{ font-size: 15px;}
}

/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {

	
}

/* xs */
@media (max-width: 767px) {
/*-------------------------------------RBOX-----------------------------------*/
.hamburger { top:12px;}
/*-- 首页头部 --*/
.headerbox{ width:100%;  }
.logo{ width:100%; height:55px; }
.logo>i a img{ width:70px;}
.navr{ width:auto; float:none; position: absolute; right: 0; top:0; height: auto; z-index: 1; }
.elsebox{ height: 55px; padding-right: 15px;}
.searchv{ float:none; padding:0px 15px;}
.search-show{ width:300px; top:55px; left:-220px;}
#search_input1{ width:260px; }
/*-- --*/
.banwz img{ width:50%;}
.bannerbox .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 20px!important; }
.bannerbox .swiper-pagination-bullet-active::before{ width: 12px; height: 12px;}
.bannerbox .swiper-horizontal>.swiper-pagination-bullets{ bottom:10px;}
.bannerbox .swiper-pagination-bullet::after{ top:4px; width:40px;}	

/*-- syone --*/
.syone-t{ padding: 40px 0px 20px;}
.syone-t .divs{ padding:0px; }
.syone-t h1{font-size:18px; padding-right:0; }
.syone-t p{ font-size:15px; line-height: 18px; padding: 15px 0px; }
.syone-show-t h1{ padding-left:0px; font-size:16px;}
.syone-show-t a{ font-size: 14px;}

.syone-show-pic{ padding: 15px;}
.syoneone{ padding:0px;}
.syoneone h1{ height:50px; font-size:14px; }
.syoneone h1 span{ padding-left:5px;}
.llbar{ padding: 20px 0px 10px;}

/*-- sytwo --*/
.sytwo{ padding: 25px 0px 40px;}
.sytwo .fd{ display: none;}
.sytwo-a i{ width:100%; }
.sytwo-ainfo{ width:100%; height:auto; padding:0px 15px 35px; background-color: #f5f5f5; background-image:url(../../img/images/page/sya2.jpg); background-position:center; background-repeat: no-repeat; background-size: contain;}
.sytwo-ainfo h1{ font-size: 20px; padding-top:25px;}
.sytwo-ainfo h1 img{ max-width:28%; }
.sytwo-ainfo h2{ font-size:16px; line-height: 30px; padding-top:20px;}
.sytwo-ainfo p{ font-size: 14px; line-height: 20px; padding-top:10px;}
	
.sytwo-b{ width:100%; height: auto; float: left; padding:15px 0px;}
.sytwo-b i{ width:100%; float: left;}
.sytwo-b i img{ width:100%;}
	
/*-- syth --*/
.syth{ padding-bottom:30px; }
.syth-t{ padding:0px; }
.syth-t h1{font-size: 18px; }
.syth-t p{ font-size: 16px; line-height: 23px; }
.syth-show{ padding-top:10px; }
.sythone i{ 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.sythone h1{ font-size:18px; line-height: 25px; padding:20px 15px 10px;}
.sythone p{ font-size: 15px; padding:0px 15px 15px; }
.syth-show .swiper-pagination { top:60%; right: 10px;}

/*-- syfo --*/
.syfo{ padding-bottom: 20px;}
.syfo .symd{ padding:0px 25px;}
.syfo-a i{
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari 和 Chrome */
border-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.syfo-a p{ font-size:16px; line-height:18px; height:70px; }	

/*-- 导航loc --*/
.locbox{ padding:12px 0px;}
.locbox ul li{ font-size:14px; }
.locbox ul li i svg{ width:14px;}
.locbox a{ font-size:14px;}

/*-- inban --*/
.inban h1{ font-size:24px; }
.inban h1>img{ width: 50%;}	
	
/*-- about --*/
.about{ padding:0px 0px 20px;}
.about h1{ font-size: 22px; line-height:28px; padding: 25px 0px 18px;}
.about p{ font-size: 16px; line-height: 30px;}
.about i{ padding:20px 0px 50px;}
	
/*-- 产品 --*/
.sortbox{padding-bottom: 50px;}
.sortbox h1{ font-size:18px; letter-spacing:0; }
.sortbox h1 span{ padding: 20px 5px;}
.sortbox h1 span::before{ left:25%; width:50%; height:1px; }

/*-- --*/
.pro-t h1{ font-size: 22px; line-height:28px; padding: 20px 0px 25px;}
.pro-timg h1{ font-size:20px; letter-spacing:0px; }
.xsearch{ width:100%; margin:10px 0px 5px;}
.xsearch .p1{ width:80%; height:47px; }
.xsearch .p2{ width:15%; height:47px;}
#search_inputps1{ font-size:16px; }
#search_inputps2{ background-size:30px;}
.proshow{ padding-bottom:50px;}
.proL{ width:100%; margin-top:0px; padding-right:0; padding-bottom: 30px;}
.proL h1{ font-size:16px; padding:10px 0px; border-bottom:2px solid #919191; display: none;}
.proL ul li{ border-bottom: 2px solid #919191;}
.proL ul li a{ padding:15px 10px; font-size: 16px; }
.proR{ width:100%; padding: 10px;}
.sortone h1 span{ height:50px; padding:0px; font-size: 14px; line-height: 20px; }

	
/*-- 产品详细页 --*/
.banl{ width:100%; padding:10px 15px; }
.t2 { border: 1px solid #d2d2d2;}
.min_pic { padding: 10px 0px; position:relative; float: left; left:0; bottom:0; }	
.num { height:60px;}
.num ul li { width:70px; margin-right:5px; }
.num ul li img { height:50px; }
.banr{ width:100%;  padding:0px 15px; }
.br-a h1{ font-size:26px; }
.br-c{ min-height:150px; }
.br-c p{ font-size:16px; line-height:28px; }
.updown{ position:absolute; top:35px; right:0px;}
.prosame{ padding: 50px 15px 20px;}
.samet h1{ font-size:20px; line-height:30px; padding-right: 15px;}
.samet h2{ font-size:16px; line-height: 20px;}
.sameshow{ padding:0px;}
.sameshow .swiper-wrapper{ padding:30px 0px;}
.sameshow .swiper-button-prev{ left:-10px; top:40%; width:40px; height:50px; }
.sameshow .swiper-button-prev:hover{ width:40px; height:50px;}
.sameshow .swiper-button-next{ right:-10px; top:40%; width:40px; height:50px; }
.sameshow .swiper-button-next:hover{width:40px; height:50px;}

	
/*-- 印象 --*/
.yxbox{ padding:10px 0px 40px;}
.yxone { flex-direction:column; margin:20px 0px;}
.yxl { width:100%; flex:1; padding-right:0px;}
.yxr { width:100%; flex:1; padding-left:0px;}
.yxr h1 { font-size:20px; padding: 30px 0px 0px;}
.yxr p { font-size:16px; padding: 15px 0px; line-height:25px;}
	
/*-- style --*/
.stylebox{ width:100%; height: auto; float: left; padding: 20px 15px 100px;}
.style-t h1{ font-size:22px; }
.style-show{ padding: 30px 0px;}
.abo-one{ padding: 20px 30px;}
.abo-one h1{ font-size: 14px; padding-bottom:10px;}
.abo-one h2{ font-size: 18px; }
.myone .swiper-button-prev{ left:0px; top:46%; width:40px; height:50px; }
.myone .swiper-button-prev:hover{ background-size: 40px;}
.myone .swiper-button-next{ right:0px; top:46%; width:40px; height:50px; }
.myone .swiper-button-next:hover{ background-size: 40px;}

/*-- style内页 --*/
.ssnav-a{ padding: 30px 0px; }
.ssnav-a p{ font-size: 15px; }
.ssnav-a h1{ font-size: 20px; line-height: 30px;}
.ssshow .swiper2 .swiper-slide{ padding: 3px;}
.ssshow .swiper1 .swiper-slide{ padding: 30px 0px;}
.ssbtn{ padding: 20px 0px 80px;}
.ssbtn a{ width:120px; margin: 0px 5px;}
	
/*-- 灵感 --*/
.feelone{ padding-top: 350px; }
.feelm{ width:90%; left: 5%; top:20px;}
.feelm-b{ padding:10px 30px;}
.feelm-b i img{ max-width: 100%;}
.fe-a{ position: absolute; left: 10px; top:20%; font-size:16px; line-height: 20px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);}
.fe-b{ position: absolute; left: 10px; top:50%; font-size:10px; line-height: 20px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);}

.feeltb{ padding: 30px 15px 60px;}
.feeltwo{ flex-direction: column; justify-content:center; align-items:flex-start; padding: 20px 0px;}
.feeltwo-a{ width:100%;}
.feeltwo-a h1{ font-size: 20px; line-height: 30px;  }
.feeltwo-a h2{ font-size: 16px; line-height: 25px; padding: 10px 0px;}
.feeltwo-a p{ width: 100%; font-size: 16px; margin-top:10px; padding-bottom: 30px;}
.feeltwo img{ padding: 0px; }
	
/*-- 新闻 --*/
.newsm{ padding:0px;}
.newsonel{ width:50%; height:auto; float:left; padding:10px;}
.ns-data h1{ font-size:28px; line-height:20px; }
.ns-title h1{ font-size:15px; line-height:20px; margin-top:15px;}
.newsoner{ width:50%; height:130px; }

/*-- 新闻详细内容 --*/
.in-newsbox_title {width:100%; padding:0px; font-size:20px; margin-top:20px; line-height:25px; }
.in-newsbox_info{ padding:15px 0px;}
.in-newsbox_info ul li{ font-size:15px; }
.in-newsbox_content{ font-size:15px; line-height:25px;}
.pagees{ padding: 30px 0px 50px;}
.pagesl{ width:100%; }
.pagesl p{ width:100%; font-size:14px; }
.pagesr p{ width:100%; font-size:14px;}
.pagesr{ width:100%; float:left; text-align:left;}
.pagesl a{ color:#FFF; font-size:14px;}
.pagesr a{ color:#FFF; font-size:14px; }

/*-- 联系我们 --*/
.cont-t h1{ font-size: 22px; line-height:28px; padding: 20px 0px 18px;}
.contbox{ padding:20px 0px;  flex-direction:column;}	
.conta{ width:100%; height:auto; font-size:18px;}
.conta ul{ padding:10px 0px;}
.contb{ width:100%;}

/*-- 地图 --*/
.mapbox{ height:350px; margin:15px 0px 80px;}

	
/*-- 底部 --*/
.footB{ padding-bottom:50px; min-height:auto; padding-top: 0;}
.footdown{ flex-direction: column; padding-top:30px;}
.footdown span{width:100%; font-size: 13px; padding:3px 0px; text-align: center; display: inline-block;}
.footdown span a{ font-size: 13px;}


/*-- 手机搜索 --*/
#phonesearch{ width:100%; height:auto; float:left; padding:8px 2%; position:relative; z-index:1;}
.phsearch{ width:100%; float:left;}
#search_inputx1{outline:none;height:40px; width:80%; border:1px solid #000; line-height:50px; float:left; color:#000; font-size:14px; padding:0 5px; background:#FFF; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#search_inputx2{ float:left; width:18%; height:40px; outline:none; cursor:pointer; margin-left:2%; border:0; background-image:url(../../img/page/s.png); background-position:center; background-repeat:no-repeat; background-size:auto 25px;
background-color:#00bab4;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

/*底部导航*/
.phone-bottom-box{ width:100%; height:55px; float:left; z-index:9999; border-top:1px solid #FFF;
background: linear-gradient(top, #000, #242424);
background: -ms-linear-gradient(top, #000, #242424);
background: -webkit-linear-gradient(top, #000, #242424);
background: -moz-linear-gradient(top, #000, #242424);
}
.footer-navs{ width:100%; float:left; padding:0; margin:0; position:relative !important;}
.footer-navs li{ float:left; font-size:14px; width:20%; text-align:center; list-style:none; color:#FFF; cursor:pointer; padding-top:8px;}
.footer-navs li i{ width:100%; height:auto; float:left;}
.footer-navs li i img{ width:23px;}
.footer-navs a{ color:#FFF; display:block;}
.footer-navs p{ display:inline-block; font-size:0.8em}
#fancybox-close{ top:10px; right:-30px;}

.ph-two{ width:50%; height:auto; position:absolute; left:25%; bottom:50px; padding:4px 8px;
filter:alpha(opacity=90);   
-moz-opacity:0.9;   
-khtml-opacity: 0.9;   
opacity: 0.9;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ 
background:#c6c6c6;
}
.ph-two a{ width:100%; height:40px; float:left; background:#FFF; line-height:40px; color:#242424; margin:4px 0px;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari 和 Chrome */
border-radius: 8px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.ph-two:before{ content:""; position:absolute; left:47%; bottom:-6px; width:3%; height:0;
border-left:7px solid transparent;   
border-right:7px solid transparent;   
border-top:7px solid #c6c6c6;
}
	
.ph-three{ width:50%; height:auto; position:absolute; right:0%; bottom:50px; padding:4px 8px;
filter:alpha(opacity=95);   
-moz-opacity:0.95;   
-khtml-opacity: 0.95;   
opacity: 0.95;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ 
background:#c6c6c6;
}
.ph-three a{ width:100%; height:40px; float:left; background:#FFF; line-height:40px; color:#242424; margin:4px 0px;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari 和 Chrome */
border-radius: 8px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.ph-three:before{ content:""; position:absolute; right:15%; bottom:-6px; width:3%; height:0;
border-left:7px solid transparent;   
border-right:7px solid transparent;   
border-top:7px solid #c6c6c6;
}

/*-- 登录图标 --*/
.plogo{ width:220px; min-height:70px; float:left; padding:20px 5px;}
.plogo a{ color:#FFF; float:left; margin:5px 10px; font-size:15px;}
.ptlogii{ width:100%; float:left; font-size:15px; color:#FFF; line-height:25px; padding:5px;}
.ptlogii a{ color:#FFF; font-size:15px; float:left; line-height:20px;}
.ptlogii i{ float:left;}

/*-- 浮动 --*/
.footside{width:40px; top:60%; }
.footside ul li{width:40px; height:40px; }
.footside ul li a>i{width:40px;height:40px; }
.footside ul li .sidetop{width:40px; height:40px; }
.footside ul li img{width:40px;}
.footside ul li a{ width:40px; height:40px; line-height:40px; font-size:12px;}
#cmail:hover a{ width:100px;}
	
/*-- 注册登录 --*/
.loginpg{ margin:40px 0px; padding:20px 10px; }
.logt{ font-size:20px; line-height:25px; }
.logp{ font-size:14px; padding:5px 0px;}
.logm{ width:100%; padding:10px; margin-top:20px;}
.ttbox{ width:100%;}
.ttm .tt{ font-size:15px;}
.eyes_box{ right:5%; top:12px;}
#inputx{ width:100%; height:45px;}
.ttm .tt-p{ height:auto;}
.ttm .tt-p span{ width:100%; height:auto;}
.ttm .tt-p span font{ width:100%; font-size:12px; line-height:20px; height:auto;}
.tt-btn{ margin-top:20px;}
#buttonx{ width:100px; height:35px; }
.logpgbtn{ text-align:center; left:0; display:table;}
.logpgbtn a{ width:120px; height:40px; vertical-align:middle; padding:0px 8px; line-height:14px; font-size:14px; display:table-cell; float:none;}

/*回滚*/
#topcontrol{ z-index:999;}
.togo{ width:30px; height:30px; border:0; position:absolute; right:-30px; bottom:18px; }
.goback{ margin-top:-25px; background-size:100%;}
.goback .gos{ background-size:100%;}

/*内部导航*/
.allbox{position:relative;}
.phnav{height:auto; width:100%; float:left; padding:15px 10px 10px; line-height:25px; color:#FFF; font-size:18px; text-align:left; margin:5px 0px 0px;
background: linear-gradient(top, #000, #242424);
background: -ms-linear-gradient(top, #000, #242424);
background: -webkit-linear-gradient(top, #000, #242424);
background: -moz-linear-gradient(top, #000, #242424);
}
.phnav a{ color:#ffffff; text-decoration:none;}
.casenav{ width:100%; padding:0px 5px;-webkit-animation:fadeInUp 800ms;animation:fadeInUp 800ms; float:left; position:absolute; top:45px;left:0;background:#FFF; z-index:1;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e2e1e1,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 2px 25px 1px #e2e1e1;/*兼容firefox*/
-webkit-box-shadow: 0px 2px 25px 1px #e2e1e1;/*兼容safari或chrome*/
box-shadow:0px 2px 25px 1px #e2e1e1;/*兼容opera或ie9*/
}
.casenav .snavbg{ width:80%; padding:5px;}
.casenav .snavl{ width:22%; height:auto;}
.casenav .snavr{ width:78%; height:auto;}

/*-- --*/
.plrx0{ padding:0px;}
.plrx10{ padding:0px 10px;}
.plra15{ padding:10px;}
.plrax5{ padding:5px!important;}
.plrx5{ padding: 0px 5px;}
.plrxa10{ padding: 10px;}
}

/* XS Portrait */
@media (max-width: 480px) {
.syth-show .swiper-pagination { top:43%; }
/*-- --*/	
.newsoner{ height:150px; }	
/*-- 灵感 --*/
.feelone{ padding-top: 200px; }
	
/*-- 地图 --*/
.mapbox{ height:250px;}
	
}

@media (max-width: 380px) {

}

@media (max-width: 330px) {

}