@media (max-width: 1750px){
.pronav-d{ padding: 15px; }
.cpprobox{ padding-left: 10%;}
}

@media (max-width: 1500px){
.cpprobox{ padding-left: 18%;}
#navhid{ width:530%;}
}

@media (max-width: 1460px) {
.smd{ width:100%; }
.xmd{ width:100%; }
}

@media (max-width: 1380px) {
.imd{ width:100%; }
}

@media (max-width: 1330px) {
.imd{ width:100%; }
#navhid{ width:500%;}
}

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

/* md */
@media (max-width: 1230px) {
/*-- 内页效果图 --*/
.inban i.pro{ height: 500px;}
.inban i{ height: 400px; }
.inban h1{ font-size: 30px; line-height: 35px; margin-top: 230px;}
.inban p{ font-size: 20px;}
}

@media (max-width: 1200px) {
.ab-br{ width:86%; }

/*-- 优势 --*/
.best-al{ padding-right: 15px; }
.best-ar{ width:50%; }	

}

@media (max-width: 1160px) {
.smd{ width:100%; }
}

@media (max-width: 1080px) {
.navfl{ padding: 20px; }
.navfl a{ font-size:13px; }
.navfr i{ padding: 20px; }


}

@media (max-width: 990px) {

}

/*ipad*/
@media (min-width: 992px) and (max-width: 1199px) {
.syfv-info h1{ margin-top: 18%; font-size: 18px; line-height: 30px; }
.syfv-info a i{ padding: 10px 0px; }
.syfv-info a i svg{ width:30px; height: 30px; padding: 5px; }
}

@media (min-width: 768px) and (max-width: 991px) {
.ab-br{ width:82%; }
	
/*-- 内页效果图 --*/
.inban i.pro{ height: 400px;}
.inban i{ height: 300px; }
.inban h1{ font-size: 26px; margin-top: 180px;}
.inban p{ font-size: 18px;}
	
/*-- 导航 --*/
.navbox ul li>a{ font-size: 15px; }
.logo{ width:20%; }
.navbox{ width:80%;}
	
/*-- syfv --*/
.syfv-a{ width:50%; }
	

/*-- syone --*/
.syone-a{ width:50%; padding-right: 5%;}
.syone-b video{ height: 300px; }
.sytwo-t{ padding-top: 0; }
.sytwo-t h1{ padding-right: 22%;}
.sytwo-t h1 i{ position: absolute; left: -40%;  }
}


/* 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;
	height:0px;
}
#wrapper.toggled {}
#sidebar-wrapper {
    z-index: 99999;
    width: 100%;
    height: 0%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #242424;
    -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 {
    height: 100%;
}

#page-content-wrapper {
    height: 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:#d3a48c;
    -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;
  right:15px;
  top:20px;
  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-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color:#d3a48c;
}
.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:#d3a48c;
}
.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;
}
.hamburger.is-open{ position:fixed;}

/*-------------------------------*/
/*            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;} 

/*-------------------------------------RBOX-----------------------------------*/
/*-- 手机侧边导航 --*/
.xtopB{ width:100%; height:auto; float:left; padding:90px 10px 50px; position:relative;}
.xtop{ width:100%; height:auto; float:left; padding:20px 10px;}
.xtop h1{ width:100%; height:auto; float:left; font-size:18px; color:#FFF; padding:10px 0px; text-transform:uppercase; font-weight:600;}
.xtop h1 a{ color:#FFF; display:block;}
.xtop ul li{  float:left; font-size:20px; color:#FFF; width:100%; text-align: center; padding: 10px 0px;}
.xtop ul li>a{ color:#FFF; display:block; padding:10px;}
.xtop ul li div{ width:100%; height:auto; float:left;}
.xtop ul li div a{ width:100%; float:left; padding:10px 50px; color:#FFF; font-size:15px; position:relative;}
.xtop ul li div a:before{ content:""; position:absolute; left:15px; top:22px; width:20px; height:1px; background:#FFF;}
.xtop .dropdown-menu{ width:100%; position: relative;}
.xtop ul li>ul li{ float:left; font-size:15px; color:#FFF; width:auto; text-align: center; padding:0px;width:50%;}	
.xtop ul li>ul li>a{ color:#FFF; display:block; padding:10px;}	
	
.xscen{ width:100%; height:auto; float:left;}
.xscen span{ padding:5px 10px; background:#FFF; margin-right:5px; }
.xscen a{ padding:5px 10px; background:#ea5404; color:#FFF;
-moz-border-radius:3px; /* Firefox */
-webkit-border-radius:3px; /* Safari 和 Chrome */
border-radius:3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

/*-- 内页效果图 --*/
.inban i.pro{ height: 220px;}
.inban i{ height: 220px;}
.inban h1{ font-size: 20px; line-height: 30px; padding: 0px; margin-top: 20%;}
.inban p{ font-size: 18px; padding: 5px 0px;}
.inban h2{ font-size: 18px; line-height: 30px; }

	
/*-- 头部 --*/
.header{ position: relative; float: left; background: #FFF;}
.logo{ width:80%; height: 70px;}
.logo>i a img{ width: 130px;}	
#fsearch{ fill:#000; }
.gsearch i:hover #fsearch{ fill:#000; }
.search-show{ top:50px; }
.proheader .gsearch:before{ background: #FFF; }
	
/*-- 语言 --*/
.cenbox{ position: absolute; right: 80px; top: 17px; z-index: 2;}

/*-- syone --*/
.syone{ padding: 30px 0px; }
.syone-a{ width:100%; padding-right: 0;}
.syone-a h5{ padding: 10px 0px; }
.syone-a h1{ font-size: 23px; line-height: 30px; }
.syone-a h2{ font-size: 18px; line-height: 30px; }
.syone-a p{ font-size: 15px; line-height: 26px; padding: 10px 0px; }
.syone-a a{ margin-top: 15px; padding-right:15%;}
.syone-b{ width:93%; margin-top:35px; margin-left: 7%;}
.syone-b:before{ border: 10px solid #d3a48c; }

/*-- sytwo --*/
.sytwo{ padding: 40px 0px 30px; }
.sytwo-t{ padding-top: 30px; padding-bottom: 20px; }
.sytwo-t h1{ width:100%; font-size: 19px; line-height: 30px; padding-left:110px; }
.sytwo-t h1 i{ left: 0%; top: -20px;  }
.sytwo-t h1 i img{ width:100px; }
.sytwo-t p{ width: 70%; font-size: 16px; text-align: center; margin-right:15%; }
.sytwo-t a{ margin-top: 30px; padding: 0px 20% 0px 15px; }
.sytwo-t a:before{ left: 62%;}
.sytwo-t a:after{ left: 88%; }
.sytwo-aw h1{ height: 60px; font-size: 16px; }

/*-- syth --*/
.syth{ padding: 10px 0px; }
.syth-t{ padding-bottom: 25px; }
.syth-t h1{ font-size:23px; line-height: 30px;}
.syth-t p{ font-size:20px; line-height: 30px;}
.syth-show{ padding:0px 10px;}
.syth-al{ width:100%; }
.syth-ar{ width:100%; padding-left: 0px; }
.syth-date{ margin-top: 5px; }
.syth-date p{ padding: 5px 10px; font-size: 14px; }
.syth-date i{ text-align: right; float: right; width: auto;}
.syth-tt h1{ font-size: 15px; }
.syth-btn{ padding: 20px 0px;}
.syth-btn a{ width:280px; line-height: 48px;}
	
/*-- syfo --*/
.syfo{ padding: 40px 0px 10px;}
.syfo-t h1{ font-size:23px; line-height: 30px;}
.syfo-t p{ font-size:20px; line-height: 30px;}
.syfo-show{ padding: 30px 0px;}
.syfo-a h1{ padding: 10px 0px; font-size: 15px; }

/*-- syfv --*/
.syfv{ padding-bottom: 50px; }
.syfv-a{ width:94%; margin: 5px 3%; }
.syfv-info h1{ font-size: 20px; }
.syfv-info a i{ padding: 10px 0px;}

/*-- 关于我们 --*/
.ab-a{ padding: 45px 0px; }
.ab-a h1{ font-size: 22px; padding:0px; }
.ab-a h2{ font-size: 18px; line-height: 25px; padding:0px; }
.ab-a p{ font-size: 15px; padding: 30px 0px; line-height: 27px;}
.ab-b{ padding-bottom: 50px;}
.ab-bt h1{ font-size: 20px; line-height: 30px;  padding: 10px 25px;}
.ab-bt h1:before{ left: 10px; top: 20px; width: 8px; height: 8px; }
.ab-bshow{ padding: 15px 0px; }
.ab-bl{ width:60px; }
.ab-bl-p{ width:100%; height: auto; float: left; padding-top: 5px; }
.ab-bl-p h1{ font-size: 18px; padding: 10px 0px;}
.abline1{ height:30px; }
.abline1:before{ left: 25px;}
.ab-bl-d h1{ font-size: 18px; padding: 10px 0px;}
.abline2{ height:30px; }
.abline2:before{ left: 25px;}
.ab-bl-m{ height:140px; }
#slideTxtBox .hd ul{ height:80px;}
#slideTxtBox .hd ul li{ font-size: 22px; line-height: 30px; padding: 25px 0px;}
.ab-br{ width:85%; padding: 5px 0px; }
#slideTxtBox .bd li p{ font-size: 15px; line-height: 27px; }
	
	
/*-- 优势 --*/
.best-a{ padding: 40px 0px 60px;}
.best-al{ width:100%; }
.best-al h1{ font-size: 22px; line-height: 25px; padding-left: 20px; position: relative; z-index: 1;}
.best-al h1:before{ width:10px; height: 10px; left: 0; top: 8px; }
.best-al p{ font-size: 20px; line-height: 30px; padding:10px 20px; position: relative; z-index: 1;}
.best-al i{ margin-top: -80px; text-align: right; padding-right: 30px;}
.best-al i img{ width: 80%;}
.best-ar{ width:100%; padding-top: 15px; }
.best-ar p{ font-size: 15px; }
.best-ar i{ padding: 25px 0px; }
.best-ar i img{ width: 100%;}

.best-b{ padding: 30px 0px;}
.best-bm{ padding: 20px;}
.best-bt h1{ font-size: 20px; line-height: 30px; padding: 5px 0px;}
.best-bone{ padding: 10px 0px;}
.best-bol{ width:100%; }
.best-bol h1{ font-size: 18px; line-height: 25px; padding: 5px 20px; }
.best-bol h1:before{ width:10px; height: 10px; top: 12px; }
.best-bol p{ font-size: 15px; padding: 5px; line-height:27px;}
.best-bor{ width:100%; margin-top: 15px;}
.best-bor i img{ width:100%; }

.best-c{ padding: 40px 0px;}
.best-cl{ width:100%; }
.best-ct h1{ font-size: 22px; line-height: 25px; padding-left: 20px; }
.best-ct h1:before{ width:10px; height: 10px; left: 0; top: 8px; }
.best-ct p{ font-size: 20px; line-height: 30px; padding:10px 20px; }
.best-cll{ padding: 0px;}
.best-cll p{ font-size: 15px; margin: 15px 0px;}
.best-cll i img{ width:100%;}
.best-cr{ width:100%; padding-top: 20px; }
.best-cr i img{ width:100%;}
.best-cr p{ font-size: 15px;}

.best-dt h1{font-size: 22px; line-height: 25px; padding-left: 20px; }
.best-dt h1:before{ width:10px; height: 10px; left: 0; top: 8px; }
.best-dt p{ font-size: 20px; line-height: 30px; padding:10px 20px; }
.best-dshow{ margin-top: 10px;}
.best-dshow p{ width:100%; font-size: 15px; }
.best-dshow i{ width:100%; padding-left: 0; margin-top: 15px;}
.best-dshow i img{ width:100%;}

/*-- 什么是红外线 --*/
.why-a{ padding: 30px 0px; }
.why-one h1{ font-size: 20px; padding: 5px 0px;}
.why-one p{ font-size: 15px; line-height:27px;}
.why-one i{ width:100%; padding: 10px 0px;}
.why-one p.right{ width:100%; padding: 10px 0px; font-size: 15px; }
.why-bt{ height: 130px; }
.why-bt h1{ font-size: 20px; line-height: 30px; }
.why-bshow{ padding-bottom: 60px;}
.why-bshow p{ font-size: 15px; line-height: 27px; padding: 25px 0px;}
	
/*-- 技术 --*/
.tech-a ul li{ padding: 10px;}
.tech-a ul li h1 span{  min-width:auto; font-size: 16px; padding: 10px 25px; line-height: 27px; }
.tech-a ul li p{ font-size: 15px; padding: 15px 10px;  }
.tech-a ul li p img{ width:100%;}
.tech-b{ padding: 10px 0px; }
.tech-bt h1{ font-size: 20px; line-height: 27px; padding: 20px 0px;}
.tech-bt:before{left: 5%; bottom: -10px;
border-right:30px solid transparent;
border-left:30px solid transparent;
border-top:20px solid #e6e9ec;
}	
.tech-bshow{ padding: 20px 10px;}
.tech-bshow p{ width:100%; padding: 15px 5px; font-size: 15px; line-height: 27px; }
.tech-bshow i{ width:100%; }
.tech-c h1{ font-size: 20px; }
.tech-c h1 span{ padding: 0px 10px;}
.tech-c h1 span:before{ height: 10px; }
.tech-c p{ font-size: 15px; line-height: 27px; padding: 20px 15px;}
.tech-c i img{ width:100%; }
	
/*-- 服务 --*/
.ser-a{ padding: 30px 0px; }
.ser-a p{ font-size: 15px;  padding: 0; }
.ser-b{ padding: 30px 0px 60px;}
.ser-bm{ padding: 15px; }
.ser-bm h1{ padding: 25px 0px; line-height: 30px; font-size: 20px;}
.ser-bm i{ width:100%; padding:0px;}
.ser-bm p{ width:100%; padding: 20px 0px; font-size: 15px; }
	
/*-- 指导 --*/
.guone{ padding: 30px 0px 50px; }
.guone ul li{ padding: 15px 0px;}
.guone ul li h1 span{ min-width: auto; font-size: 16px; padding: 10px 25px; line-height: 27px; }
.guone ul li p{ font-size: 15px; line-height: 27px; padding: 20px 10px;  }
.guone ul li p img{ width:100%; padding: 5px 0px; }

/*-- 益处 --*/
.benone ul li h1 span{ min-width: auto; font-size: 16px; padding: 10px 25px; line-height: 27px; }
.benone ul li p{ font-size: 15px; padding: 10px;  }
.benone ul li p img{ width:100%; }

	
/*-- 产品中心 --*/
.bigsortbox{ min-height: auto; padding-bottom: 100px; }
.bigsort-t{ margin-top: 100px; }
.bigsort-t h1{ font-size: 23px; line-height: 30px; }
.bigsort-t p{ font-size: 20px; line-height: 30px; }
.sort-list p{ line-height: 26px; }
.sort-list a{ width:80%; margin: 8px 10%;}
.sort-list a span{ height: 45px; }
	
/*-- 内页 --*/
.pronav{ width:32%;position:relative; top:0px; padding:0px; float: left; }
.pronav-a{ padding: 15px 0px;}
.pronav-a i{ width:20px; height: 20px; }
.pronav-a i svg{ width:20px; height: 20px; }
.pronav-a span{ line-height: 20px; font-size: 15px; }
.pronav-b{ padding: 10px 0px;}
.pronav-b a{ line-height: 30px; font-size: 15px; }
.pronav-c h1{ font-size: 16px; padding: 15px 0px 10px;}
.pronav-c ul li a{ font-size: 15px; padding-left: 10px;  }
.pronav-c ul li a i{ left:-10px; top:8px;}
.pronav-d{ padding: 15px 5px; }
.cpprobox{ width:68%; min-height: auto; padding: 0; }
.cpname h1{ height: 40px; font-size: 13px; }

.pro-search{ width:100%; height: auto; float: left; padding: 10px;}
.psearch-show{ width:100%; }
#psearch_input1{ width:78%; height:45px; line-height:45px; font-size: 13px; }
#psearch_input2{ height:45px; background-size: 25px; }
.noproducts{ font-size: 18px;}
	
	
/*-- page --*/
.page.propd{ padding: 30px 0px 50px;}
.page{ padding: 30px 0px 50px;}
.page ul li a{ width:42px; height: 42px; font-size: 13px; line-height: 42px; }

	
/*-- 产品详细页 --*/
.inbg:before{ width:100%; }
.inproL{ width:100%; padding-top:0px; padding-bottom: 20px; }
.ban {width:100%; }
.min_pic { padding:0px 40px; }
.num { height:65px; padding:0px 10px;}
.num ul li { width:75px; margin-right:5px; }
.num ul li img{ width:auto; height:60px; }
.prev_btn1 { width:40px; height:65px; background-size:25px;}
.next_btn1 { width:40px; height:65px; background-size:25px;}

.inproR{ width:100%; }
.cpinfobox{ width:100%;  padding: 20px 10px; }
.info-a{ width:100%; padding:10px ;}
.info-a p{ font-size:20px; }
.info-a h1{ font-size:20px; }
.info-b{ min-height:auto; padding:20px 10px;}


/*-- 同类产品 --*/
.samebox{ padding: 30px 15px;}
.same-show{ padding: 20px 0px 30px;}
.xcpbox{ padding: 3px;}
.xcpone p{ font-size: 13px; }
.samebtn{ padding-bottom: 40px;}
.samebtn a{ width:40%; line-height: 40px; margin-left: 30%; font-size: 15px;}

	
/*-- newsbox --*/
.newsbox{ width:100%; height: auto; float: left; padding: 30px 0px;}
.news-t{ width:100%; height: auto; float: left; padding: 10px 0px;}
.news-t h1{ font-size: 20px; line-height: 30px; }
.newsone{ padding:15px 0px;}
.newsL{ width:100%; }
.newsL i{ height:auto; }
.newsR{ width:100%; padding-left:0; }
.n-title h1{height: auto; font-size:17px; padding: 15px 0px 5px; }
.n-info{ min-height:auto; }
.n-info p{ font-size:15px; line-height:25px;}

/*-- 新闻详细内容 --*/
.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;}
.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{ font-size:14px;}
.pagesr a{ color:#FFF; font-size:14px; }


/*-- 定制案例 --*/
.case{ padding: 40px 0px; }
.case-t h1{ font-size: 20px; line-height: 30px; }
.case-t h2{ font-size: 15px; line-height: 27px; padding: 10px 0px;}
.case-t p{ font-size: 15px; line-height: 27px; padding: 5px 0px; text-align: left;}
.case-show{ padding: 20px 0px;}
.brand-list .item, .brand-list .additem{ width:400px; left: 0; }
.brand-list .item>div{ top:auto; bottom: 0; left: 0; width:100%; height: 40px; }
.brand-list .item>div:before{ visibility:visible; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;}
.brand-list .item>div h1{ visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}


/*-- 加盟 --*/
.join-a{ padding: 50px 0px;}
.join-at{ padding-top: 10px;}
.join-at h1{ font-size: 20px; line-height: 30px;}
.join-at h1 span:before{ left:-40px; top:-10px; font-size: 70px;}
.join-at p{ font-size: 15px; line-height: 30px;}
.join-ashow{ padding-top: 30px; }
.join-aone{ width:50%; padding: 5px; }
.join-aone i{ width:115px; height: 115px;}
.join-aone h1 span{ height: 55px; font-size: 16px; }
.join-aone p span{ height: 70px; font-size: 13px; line-height: 18px; }

.join-bt{ padding: 40px 10px;}
.join-bt h1{ font-size: 20px; line-height: 35px; padding: 0px;}
.join-bt p{ font-size: 18px; line-height: 25px; padding: 0px; }
.join-bt .jl{ height: 40px; top: 20%; }
.join-bt .jl:before{ width:60px; }
.join-bt .jl:after{ width:180px; }
.join-bt .jr{ height: 40px; top: 20%; }
.join-bt .jr:before{ width:60px; }
.join-bt .jr:after{ width:180px;}

.join-ba{ padding: 50px 0px 80px;}
.join-bat{ padding: 10px 0px;}
.join-bat h1{ font-size: 22px; }
.join-bat p{ font-size: 20px; line-height: 20px; padding: 15px 0px 20px; }
.join-bat p:before{ left: 45%; width:10%;}
	
.join-baone{ padding-top: 28px; }
.join-baone i{ width:100%; }
.join-baone i img{ max-width: 50%; }
.join-baone p{ width:100%; }
.join-baone p span{ height: 40px; font-size: 16px; }
.join-baone p:before{ bottom: -20px; height: 20px;  background-size: 100% 20px; }
	
.join-c{ padding: 40px 0px; }
.join-ct{ padding: 20px 0px 30px; }
.join-ct h1{ font-size: 22px; }
.join-ct p{ font-size: 20px; line-height: 20px;  }
.join-ct p:before{ left: 45%; width:10%; }
.join-cone i{ padding-top: 30px; }
.join-cone i img{ max-width:40%;}
.join-cone h1 span{ height: 50px; font-size: 16px; }
.join-cone p span{ height: 70px; font-size: 14px; padding:5px; }

.join-dt{ padding: 20px 0px 30px; }
.join-dt h1{ font-size: 22px; }
.join-dt p{ font-size: 20px; line-height: 20px; }
.join-dt p:before{ left: 45%; width:10%; }
.join-done{ width:120px; }
.join-done i{ padding: 30px;}
.join-done p{ font-size: 18px; padding: 20px 0px; }
.join-djt{ padding: 40px 20px 0px;}
.join-djt svg{ width:40px;}

.join-f{ padding: 40px 0px; }
.join-ft i{ font-size: 22px; line-height: 30px; }
.join-ft h1{ font-size: 18px; line-height: 28px; padding: 10px 0px 5px;}
.join-ft p{ line-height: 25px; }

.join-form{ padding: 10px 0px 20px;}
.crr-one{ width:100%; margin-top:10px;}
.crr-two{ width:100%; margin:0; margin-top:10px; }
.crr-four{ margin-top:10px; }

.crr-three{margin-top:10px; }
.jcrrbtn{ margin-top: 25px; }
#jbutton{ width:150px; height:45px; }
#jinput2{ height:120px;}
	
/*-- 联系我们 --*/
.con-al{ width:100%; padding: 0px 12px; }
.con-al h1{ font-size: 22px; line-height:30px; padding: 30px 0px 20px; }
.con-al p{ font-size: 18px; line-height: 30px;}	
.con-ar{ width:100%;}
.con-ar i{ padding:0; }
.con-ar i img{ width:100%;}
.con-ar p{ font-size: 18px; padding: 15px 0px; line-height: 25px;}
	
	
/*-- 地图 --*/
.mapbox{ height:280px; }
	
/*-- feedback --*/
.feed-ht h1{ font-size: 20px; line-height: 30px; }
.feed-ht h2{ font-size: 18px; line-height: 25px; }
.feedbx{ margin-top: 10px;}
.feedbx.paorl5{ width:100%; padding-right: 0;}
.feedbx.paorr5{ width:100%; padding-left:0;}

/*-- foot --*/
.footB{ padding:0px 0px 50px;}
.footdown{ font-size:12px;}
.footdown span{ padding:0px 10px; width: 100%; float: left;}


/*-- 手机搜索 --*/
#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:#fb7307;
-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:0;
background-image: url(../../img/svg-loaders/bgs.svg); background-color: #000;
}
.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:20px;}
.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=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: linear-gradient(top, #f4d2c1, #f4d2c1);
background: -ms-linear-gradient(top, #f4d2c1, #f4d2c1);
background: -webkit-linear-gradient(top, #f4d2c1, #f4d2c1);
background: -moz-linear-gradient(top, #f4d2c1, #f4d2c1);
}
.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.8%; bottom:-6px; width:3%; height:0;
border-left:7px solid transparent;   
border-right:7px solid transparent;   
border-top:7px solid #f4d2c1;
}

.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: linear-gradient(top,#f4d2c1, #f4d2c1);
background: -ms-linear-gradient(top,#f4d2c1, #f4d2c1);
background: -webkit-linear-gradient(top,#f4d2c1, #f4d2c1);
background: -moz-linear-gradient(top,#f4d2c1, #f4d2c1);
}
.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 #f4d2c1;
}

/*-- 登录图标 --*/
.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;}


/*-- 注册登录 --*/
.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;}


/*回滚*/
.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; background-color:#000000; padding:13px 10px; line-height:25px; color:#FFF; font-size:16px; text-align:left;}
.phnav a{ color:#FFF; text-decoration:none;}
.phnav a i{ width: 25px; height: 25px; float: right;}
.phnav a i svg{ width:100%; height: 100%;}
.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;}
.plrx5{ padding:0px 5px;}
.plra15{ padding:5px;}
.plras15{ padding:5px;}
.plr15{ padding:5px; }
.plra155{ padding:5px; }
.plr4020{ padding: 5px 10%;}
.plr4015{ padding: 5px;}
.plra1015{ padding:5px 2px;}
}

/* XS Portrait */
@media (max-width: 480px) {
.syone-b video{ height: 230px; }
.syone_video i{ height: 50px; }
.syone-b:before{ width:250px; height:180px; }
	
/*-- sytwo --*/
.sytwo-t h1{ padding-left:95px; }
.sytwo-t h1 i{ left: 0%; top: -10px;  }
.sytwo-t h1 i img{ width:80px; }

/*-- 产品中心 --*/
.bigsortbox{ min-height: auto; padding-bottom: 70px; }
.bigsort-t{ margin-top: 70px; }	

/*-- 内页效果图 --*/
.inban i.pro{ height: 180px;}
.inban i{ height: 160px;}
.ab-br{ width:80%; }
.plr4020{ padding: 5px;}
	
/*-- 定制案例 --*/
.brand-list .item, .brand-list .additem{ width:100%; }

/*-- --*/
.join-bt .jl:before{ width:20px; }
.join-bt .jl:after{ width:80px; }
.join-bt .jr:before{ width:20px; }
.join-bt .jr:after{ width:80px;}

}

@media (max-width: 420px) {

}

@media (max-width: 380px) {
/*-- page --*/
.page ul li a{ width:39px; height: 39px; line-height: 39px; }
.num ul li { width:70px; }
.tech-c h1{ font-size: 18px; }
	
.join-done{ width:90px; }
}

@media (max-width: 360px) {

}

@media (max-width: 330px) {

}