@media (max-width: 1800px) {
}
@media (max-width: 1700px) {
}
@media (max-width: 1580px) {
}
@media (max-width: 1480px) {
}
@media (max-width: 1450px) {
}
@media (max-width: 1400px) {
/*--banner--*/
.banw img{width:55px;}
.bant img{ width:75%;}	
}
@media (max-width: 1370px) {
}
@media (max-width: 1330px) {
}
@media (max-width: 1250px) {
.prom{ width:100%;}
.sortone{ width:100%;}
}
@media (max-width: 1230px) {
.md{ width:100%;}

/*首页--导航*/
.nav a{padding:0 15px;margin:0 10px;}

/*-- 首页sybox --*/
.syabbox{padding:45px 0px;}

}
@media (min-width: 1200px) and (max-width: 1460px) {
}
@media (max-width: 1200px) {
/*--banner--*/
.banw img{width:45px;}
.bant{top:54%;}
.bant img{ width:70%;}
.locM{ width:98%; text-align:center; margin:24px 1%;}
#search2_input1 {width:80%;}
/*-- 产品 --*/
.cpinfobox{width:35%;}
}

@media (max-width: 1120px) {
.about{ width:100%;}
}
@media (max-width: 1000px) {
.news{ width:100%;}
.feedM{ width:100%;}
}
/* md */
@media (min-width: 992px) and (max-width: 1199px) {
.search-show{ left:-140px; }
}
@media (min-width: 992px) and (max-width: 1050px) {
/*-- 产品 --*/
.cpinfobox{width:31%;}
}
/* sm */
@media (min-width: 768px) and (max-width: 991px) {
/*首页--导航*/
.nav a{padding:0 10px;}
.search-show{ left:-150px; }

/*-- 首页sybox --*/
.syabl-info{ line-height:23px;font-size:14px;}
#search2_input1 {width:70%;}

/*-- 产品 --*/
.cpinfobox{width:100%;min-height:560px;margin-top:0px; padding-right:0px; background:#FFF; padding:10px;}
}

/* xs */
@media (max-width: 767px) {	
#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;
}

#wrapper.toggled {
    padding-left: 220px;
}

#sidebar-wrapper {
    z-index: 99999;
    left: 220px;
    width: 0;
    height: 100%;
    margin-left: -220px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #2c2c2c;
    -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 {
    width: 220px;
}

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

#wrapper.toggled #page-content-wrapper {
    position:relative;
    margin-right: -220px;
}

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

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 220px;
    margin: 0;
    padding: 0;
    list-style: none;
}

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

.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 0px;
    background-color: #2c2c2c;
    -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:first-child a {
    color: #fff;
    background-color: #0f1724;
}
.sidebar-nav li:nth-child(2):before {
    background-color: #ec1b5a;   
}
.sidebar-nav li:nth-child(3):before {
    background-color: #79aefe;   
}
.sidebar-nav li:nth-child(4):before {
    background-color: #314190;   
}
.sidebar-nav li:nth-child(5):before {
    background-color: #279636;   
}
.sidebar-nav li:nth-child(6):before {
    background-color: #7d5d81;   
}
.sidebar-nav li:nth-child(7):before {
    background-color: #ead24c;   
}
.sidebar-nav li:nth-child(8):before {
    background-color: #2d2366;   
}
.sidebar-nav li:nth-child(9):before {
    background-color: #35acdf;   
}
.sidebar-nav li:nth-child(10):before {
    background-color: #0f1724;  
}
.sidebar-nav li:nth-child(11):before {
    background-color: #79aefe; 
}
.sidebar-nav li:nth-child(12):before {
    background-color: #279636;  
}
.sidebar-nav li:nth-child(13):before {
    background-color: #35acdf;   
}
.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 10px 5px 10px;    
}
.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: #222;
    box-shadow: none;
}
.sidebar-brand{ color:#FFF; font-weight:600; font-size:18px; line-height:27px; margin-top:20px; margin-left:10px;}
.psort{ width:100%; height:auto; float:left; padding-left:20px;}
.psort a{ display:block; color:#ccc; padding:2px 0px; line-height:30px;}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.phone-title{ width:100%; height:45px; background:#2c2c2c; float:left;}
.phone-title-fix{width:100%; height:45px; background:#2c2c2c; position: fixed; z-index:99999;}
.phome-top-name{ width:60%; line-height:48px; font-size:14px; text-align:center; color:#FFF;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.phome-top-name i{ float:left;}
.phome-top-name img{ height:32px; margin-top:-5px;}
.xscen{ position:absolute; top:11px; right:3px; line-height:20px; background:#d8261c; padding:3px 7px;
 font-size:12px; color:#FFF;z-index:99999;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.xscen a{ color:#FFF;}
.hamburger {
  position: fixed;
  top: 6px;  
  z-index: 9999999;
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 15px;
  background-color: transparent;
  border: none;
 
}
.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-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: none;
    width: 100%;
    height: 100%;
	overflow:hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(250,250,250,.8);
    z-index: 9;
} 

/*-- 首页sybox --*/
.syabl{ width:100%;}
.syabl-t{ margin-top:0px;}
.syabl-t img{ width:110px;}
.syabl-info{ line-height:20px;}
.syabm{ display:none;}
.syabr{ width:100%; text-align:center;}
.syabr-pic{ width:100%;}
.syabr-pic img{ width:80%;}
.syabr-info{ width:100%;}

/*--banner--*/
.banw img{width:30px;}
.bant{top:50%;}
.bant img{ width:70%;}

/*-- 首页材质 --*/
.syczbox{padding:30px 0px;}
.sycz-tbox{ width:100%;}
.sycz-tone{ width:100%; padding:0px 10px;}
.sycz-tpic{ width:100%; margin-top:10px;}
.sycz-tone img{ width:120px;}
.sycz-tico{width:100%; margin-top:10px;}
.sycz-ti{ width:50%; padding:0%;}
.sycz-ti i{ width:100%; padding:0% 32%;}
.sycz-ti p{ width:100%; font-size:14px; line-height:30px; padding-left:0px; text-align:center;}
.sycz-tinfo{ width:100%; float:left; height:auto; line-height:20px; font-size:12px; color:#c5c5c5; text-align:center;}

.syczone img,.syczones img{ width:100%;}
.syczone{ width:50%;}
.syczones{ width:100%;}
.sycztwo{ width:50%;}
.sycz-name{font-size:16px;}

/*--sycpbox--*/
.clearp{ padding:0px 5px;}
.sycpbox{ padding:20px 0px;}
.sycp-tbox h1{ font-size:20px; margin:10px 0px;}
.sycp-tbox p{ font-size:16px; }
.sycp-img{padding:20px 0px;}
.sycp-imgs{ margin-bottom:10px;}
.more-btn a{ width:130px; height:38px; line-height:38px;font-size:14px;}

/*-- synewsbox --*/
.synewsbox{ padding:20px 0px;}
.synews-tbox p{ font-size:20px;line-height:30px;}
.synews-con{ width:80%; margin-left:10%;}
.synews-b{ margin-top:20px;}
.synews-info{padding:10px;}
.synews-info-t{height:auto;line-height:20px; font-size:14px;}
.synews-info-content{ display:none;}

/*--locbox--*/
.locM{ line-height:normal; margin:0px auto;}
.locM a{ margin:0px 3px;font-size:14px;}

/*--关于我们--*/
.about{ font-size:14px; color:#6c6c6c; line-height:23px;}

/*-- 产品中心 --*/
.sortone{margin:30px auto 0px;}
.sortname{height:40px;font-size:14px;}
.sortname-tr{font-size:14px;}

.proL{width:100%;min-height:auto;padding:5px;}
.proR{ width:100%; padding-left:0%}
.cpname{height:40px; font-size:14px;}
.cpone{ width:100%;}

/*-- 产品详细页 --*/
.t2 {width:100%; margin-left:0px; padding:0px 0px 0px 60px;  border-left:0px solid #e4e4e4;border-right:0px solid #e4e4e4;}
.ban {min-height:auto;}
.num {height:280px;width:60px;}
.min_pic {width:60px;height:350px;}
.num ul li {width:50px;margin-left:5px;}
.num ul li img {width:48px;}
.prev_btn1 {width:60px;height:auto;margin-top:10px;}
.next_btn1 {width:60px;height:auto;}
.prev1 {width:60px;height:auto;}
.next1 {width:60px;height:auto;}
.cpinfobox{float:right;width:100%;min-height:auto;margin-top:0px; padding-right:0px; background:#FFF; padding:20px 10px;}
.cpinfo-t{ width:100%; height:auto; float:left;}

.cpshow-t {line-height:25px;}
.cpshow-t2 {line-height:22px;}
.cpshow-t3 {min-height:auto;}

.cpback a{ padding:5px 15px; }
.same-t{ padding:10px 10px;}

/*-- 新闻 --*/
.newsl{ width:100%; padding-right:0px;}
.newsr{ width:100%;}

.in-newsbox_content{line-height:28px; padding:0px;}

/* ~~ 联系我们 ~~ */
.cont-t{ font-size:22px; line-height:40px;}
.cont-info{height:auto; margin-top:20px;}
.contone{ width:100%; padding-bottom:10px;}
.contone img,.conttwo img{ margin-top:20px;}
.conttwo{ width:100%;padding-bottom:10px;}
.feedback_title{margin-top:40px; font-size:22px;}
#button{ width:150px; height:35px; margin-top:15px;}
.mapfang{ height:400px;}
.feed{ margin-top:15px;}
.mtop{ margin-top:15px;}
.feedlong textarea{ height:120px;}

/*-- 脚注 --*/
.footup{padding:25px 0px;}
.footm1{ width:100%; height:auto; float:left; padding:5px; overflow:hidden;}
.footm2{ width:100%; border-right:0px solid #afb0b1; border-left:0px solid #afb0b1;padding:5px;}
.footm3{ width:100%; padding:5px;}
.footm1 p span,.footm2 p span,.footm3 p span{font-size:16px; line-height:35px;}
.footm1 p{ width:100%;}
.footm2 p{ padding-left:0%;}
.footm3 p{padding-left:0%;}
.footm3 ul{padding-left:0%;}

/*底部导航*/
.phone-bottom-box{ width:100%; height:50px; float:left; background:#2c2c2c; z-index:9999; border-top:1px solid #e4e4e4;}
.footer-navs{width:100%; float:left; padding:0; margin:0;}
.footer-navs li{
	float: left;
	font-size:14px;
	line-height: 50px;
	width:33.33%;
	text-align: center;
	list-style:none;
	overflow:hidden;
}
.footer-navs a{
	color: #fff;
}
.footer-navs p{
	display: inline-block;
}

/* ~~ 手机图标 ~~ */
.phonebox{ width:100%; height:auto; float:left;}
.xpbox{ width:33.33%; height:auto; float:left; padding:8px 10px;}
.xpone{ width:100%; height:auto; float:left; line-height:35px; font-size:14px; text-align:center;}
.xpone img{ border:2px solid #f95959;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari 和 Chrome */
border-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.xpbox a{ color:#000;}
/*回滚*/
.togo{width:30px; height:30px; border:0; position:absolute; right:-35px; bottom:18px;}
.goback{ width:50px; height:50px; margin-top:-25px; background-size:100%;}
.goback .gos{background-size:40%;}

/*phonesort*/
.allbox{position:relative;}
.phnav{height:auto; width:100%; float:left; background:#000; padding:10px 15px; color:#FFF; line-height:25px;
color:#FFF; font-size:16px;}
.phnav a{ color:#FFF;}
.casenav{ width:100%; padding:0px 5px;-webkit-animation:fadeInUp 800ms;animation:fadeInUp 800ms; float:left; position:absolute; top:45px;
left:0;}
}

/* XS Portrait */
@media (max-width: 480px) {
.syscbox{ width:100%; height:260px; background-size:200%; background-position:right center;}
.mapfang{ height:350px;}
.num ul li img {width:32px;}
}
@media (max-width: 420px) {

}
@media (max-width: 380px) {
.num {height:250px;}
.min_pic {height:320px;}
.mapfang{ height:280px;}
.num ul li img {width:25px;}
}
@media (max-width: 330px) {
.num {height:220px;}
.min_pic {height:300px;}
.num ul li img {width:20px;}
}