@media (max-width: 1800px) {
}
@media (max-width: 1700px) {
}
@media (max-width: 1580px) {
}
@media (max-width: 1480px) {
}
@media (max-width: 1450px) {
}
@media (max-width: 1400px) {
}
@media (max-width: 1370px) {
}
@media (max-width: 1330px) {
.ddw{ width:100%;}
}
@media (max-width: 1280px) {
.mdf{ width:100%;}
}
@media (max-width: 1230px) {
.md{ width:100%; padding:0 15px;}
.md2{ width:100%;}
.sycpnav ul{ width:100%; }
}
@media (min-width: 1200px) and (max-width: 1460px) {
}
@media (max-width: 1200px) {
/*首页--导航*/
.nav{ margin-left:0px;}
.feedbackbox{width:100%;}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
.nav ul li{ margin:0px 15px; padding:0px 15px;}

/*--syscbox--*/
.syscbox{ width:100%; height:500px; background-position:right center;}
.syscbox .p1{  margin-top:14%;}

/*--syfabox--*/
.timg{ width:100%; float:left; text-align:center; margin-top:20px;}
.tt{ font-size:16px;}
.tt-info{font-size:12px;padding:0 1%; line-height:20px;}
.tt-info_en{font-size:12px;padding:0 1%; line-height:20px;}
.tt-on{margin-top:15px;padding-bottom:15px;}

/* ~~ 关于我们 ~~ */
.abanimatebox{ width:70%; height:auto;}
/*--会员登录--*/
.loginbox{ width:100%; padding:0% 10%;}
.log-t{ height:auto;}

/*-- 产品内页 --*/
.more-inbox{margin-top:0px;}
.more-table{width:74%;}
.more-table table{ height:120px; }

}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
.nav ul li{ margin:0px 5px; padding:0px 5px;}
	
/*--首页关于我们--*/
.syabL{ width:100%; height:auto; float:left;}
.syabR{ width:100%; height:auto; float:left;}

/*--syscbox--*/
.syscbox{ width:100%; height:400px; background-position:right center;}
.syscbox .p1{  margin-top:14%;}

/*--syfabox--*/
.timg{ width:100%; float:left; text-align:center; margin-top:20px;}
.tt{ font-size:16px;}
.tt-info{font-size:12px;padding:0 1%; line-height:20px;}
.tt-info-en{font-size:12px;padding:0 1%; line-height:20px;}
.tt-on{margin-top:15px;padding-bottom:15px;}


/* ~~ 关于我们 ~~ */
.abanimatebox{ width:70%; height:auto;}

/*-- 产品中心 --*/
.probg{font-size:15px;}

/*-- 产品内页 --*/
.t2{width:60%;}
.cpinfobox{width:100%; position:relative; float:left; top:0; right:0; min-height:200px;}
.more-table{width:74%;}

/*--下载--*/
.pno15{ padding:0 10px; margin-bottom:20px;}

/*--会员登录--*/
.loginbox{ width:100%; padding:0%;}
.log-t{ height:auto;}

/*-- 联系我们 --*/
.feedback_ot{line-height:30px;}

/* ~~ 脚注 ~~ */
.footml{ width:100%;}
.footml-pic{ width:100%;text-align:center; margin-top:0px;}
.footmm{ width:80%;}
.footmm1{ padding:5px 0px;}
.footmm2{ padding:5px 2%;}
.footmm3{padding-left:1%;}
.footmm3 ul{ margin-top:5px;}
.footmm3 ul li{ padding:2px 0px; padding-right:5px;}
.footmm3 a{ font-size:12px;}
}

/* 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:#00489d; 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;
} 

/*底部导航*/
.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;
}

/*--搜索--*/
#search_input1{outline:none;height:45px; width:80px; border:0px solid #CCC; line-height:30px;float:left;color:#000; font-size:12px; margin-top:3px;
padding:0 5px; background-color:transparent;}
#search_input2{ float:left; width:20px; height:20px; margin-top:8px; outline:none; }

/*--产品推荐--*/
.recom-t h1{ font-size:26px; color:#000;}
.recom-t p{ font-size:14px;}
.sycpbox{ margin-top:10px;}
.sycp-name{height:30px; margin-top:5px; line-height:15px; font-size:14px;}

/*--首页关于我们--*/
.syabtop{height:20px;}
.syjb1{top:20px;left:5px;}
.syjb2{top:20px; right:5px;}
.syjb3{bottom:20px; left:5px;}
.syjb4{bottom:20px; right:5px;}
.syabL{ width:100%;}
.syabL-t{ margin-top:0px; padding:0px 20px;}
.syabL-tl{ width:48%;font-size:18px;line-height:25px;}
.syabL-tr{ width:52%;}
.syab-btn a{ width:auto; padding:2px 10px; height:36px; line-height:32px;
-moz-border-radius: 4px; /* Firefox */
-webkit-border-radius: 4px; /* Safari 和 Chrome */
border-radius: 4px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.syab-btn a:hover{background:#00489d;}
.syabR{ width:100%; height:auto; float:left; padding:0 10%;}
.syabbottom{ height:30px;}

/*--syscbox--*/
.syscbox{ width:100%; height:260px; background-position:right center;}
.syscbox p{ width:100%; height:auto; float:left; color:#FFF; line-height:30px; text-align:center;}
.syscbox .p1{ font-size:22px; margin-top:20%;}
.syscbox .p2{ font-size:20px; margin-top:10px;}
.syscbox .p3{ font-size:12px;}

/*--syfabox--*/
.syfaone-l{ width:100%;}
.syfaone-r{ width:100%;}
.timg{ width:100%; float:left; text-align:center; margin-top:20px;}
.tt{ font-size:16px;}
.tt-info{font-size:12px;padding:0 1%;}
.tt-info-en{font-size:12px;padding:0 1%;}
.tt-on{margin-top:15px;padding-bottom:15px;}
.tt-on a{ line-height:25px; margin:0 5px; }

/*--locbox--*/
.locbox{ height:40px;line-height:20px;font-size:13px;}
.locbox a{ margin:0px 3px;}

.choosebox{top:40px; width:100%;}
.choosebox ul li{ width:50%;}
.choosebox ul li a{width:100%}

/* ~~ 关于我们 ~~ */
.abbg{ background-size:100%;}
.ab01 img,.ab03 img{width:30%;}
.ab02 img{ width:20%;}
.ab01{ position:absolute; top:100px; left:0;}
.ab02{ position:absolute; top:60px; right:0; text-align:right;}
.ab03{ position:absolute; top:250px; right:0;text-align:right;}
.abinfo{ padding:0;line-height:25px;}
.ab-name{ width:100%; height:100px; float:left;}
.ab-name h1{ font-size:14px; font-weight:600; color:#000;text-align:center; padding:0; margin:0; line-height:18px;}
.ab-name p{ width:100%; text-align:center; float:left; font-size:12px; color:#0c0407; line-height:15px;}
.abanimatebox{ width:50%; height:auto; position:absolute; left:0; bottom:0;}

/*-- 新闻中心 --*/
.newsmain{ width:100%; height:auto; float:left;}
.newsone{ width:100%; height:auto;}
.newss-date{margin-top:15px;}
.newss{ width:100%; *width:90%; height:auto; float:left; padding:5%; background:#FFF; margin-top:0; margin-left:0; line-height:18px; border:1px solid #e4e4e4}
.newspic{ width:100%; height:auto; overflow:hidden; position:static; float:left;}
.in-newsbox_title { padding:5px; font-size:16px;}
.in-newsbox_content{line-height:28px; padding:0;}

/*-- 产品中心 --*/
.probg{font-size:14px;}
.probox{ padding:0%; margin-top:10px;}
.cpbox-name{font-size:14px;height:60px;}

/*-- 产品内页 --*/
.t2{width:100%;}
.num{ height:80px;}
.min_pic{height:80px;margin-top:10px;}
.num ul{ margin-left:5px;}
.num ul li{ width:60px; margin-right:5px;}
.cpinfobox{width:100%; position:relative; float:left; top:0; right:0; min-height:200px;}

.moreinfo-t{ font-size:18px;}
.more-inbox{margin-top:10px;}
.more-pic{ width:26%; float:left;}
.more-table{width:100%; padding:10px 0px; min-height:50px; float:left;}
.more-table table{ height:auto; font-size:13px;}

/*-- 配置方案 --*/
.fa-a1-info-r{ width:100%;padding-left:0%;}
#fa-a1{ width:25%; height:auto;}
.fa-oneimg{ height:auto; width:100%; }
.fa-oneno{ width:100%; height:auto; }
#fa-b1{ width:25%; height:auto;}
.fa-ot-l{ width:100%; padding-right:0%;}
#fa-b2{ width:25%; height:auto; }
#fa-a4{width:25%; height:auto; }

/*--下载中心--*/
.pno15{ padding:0 10px; margin-bottom:20px;}
.ddbox{ width:100%; height:auto; float:left;}
.ddone{ width:100%; height:auto; float:left; margin:0; border:2px solid #d2d2d2;font-size:12px;}
.dd-pic{ padding:5px; }
.dd-name{ width:100%; height:30px; text-align:center; float:left;}
.dd-on{ width:100%; float:left;}
.dd-on span{ margin-left:10px;}
.dd-on span a{padding:3px 10px;}

/*--会员登录--*/
.loginbox{ width:100%; padding:0%;}
.loginL{ width:100%; padding:0px 10px;}
.log-t{ height:auto;}
.loginR{ width:100%; padding:0px 10px; border-left:0px solid #dddddd;}

/* ~~ 联系我们 ~~ */
.contactbox{ width:100%; height:auto; float:left;}
.mapbox{width:100%;min-height:auto;float:left;padding-bottom:20px;}
.cl-one{width:100%; padding-left:10px; height:auto;}
.map{ width:100%;}
.sanj{ display:none;}
.mapfang{ height:250px;}

.feedbackbox{width:100%;}
.feedback_title{font-size:22px;}
.feedback_ot{height:auto; line-height:20px;}
.feedback .fbi{width:100%;}
.fbi span{float:left;height:30px;padding-right:5px;}
.fbis{ margin:0%;}
.feedback .fbi input{width:100%;}
.fbi-t{width:100%;}
.feedback .fbi-t textarea{height:150px;padding:10px; margin-top:10px;}
#button1{ width:110px; height:40px; margin-top:15px;line-height:40px;font-size:14px;}

/* ~~ 脚注 ~~ */
.footml{ width:100%;}
.footmm{ width:100%;}
.footmm1{ width:100%;}
.footmm1 p{ width:auto; padding-right:10px; float:left; overflow:hidden;}
.footmm2{ width:100%; border-right:0px solid #afb0b1; border-left:0px solid #afb0b1; padding:5px 0px;}
.footmm3{ width:100%; padding-left:0%;}
.footmm3 p{margin-top:2px;}
.footmm3 ul{ margin-top:5px;}
.footmm3 ul li{ padding:2px 0px;}
.footmm3 a{font-size:12px;}
.footmr{ float:left;text-align:center; width:100%;}
.footd{ padding:10px 0px; line-height:23px;}
.goback{ width:40px; height:70px;}
.goback .gos{ background-size:95%;}

/*--手机图标--*/
.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;background:url(../../img/page/contactbg.png);}
}

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

}
@media (max-width: 380px) {

}
@media (max-width: 330px) {

}