@media (max-width: 1950px) {
.maxmd{ width:100%;}
}

@media screen and (max-width: 1920px) {
  .proimg-m {
    width: 100%;
  }
}

@media screen and (min-width: 1921px) {
  .proimg-m {
    width: 1200px;
  }
}

@media screen and (max-width: 1850px) {
.video{  padding-right: 10%;}
.videom{ width:1000px; height:480px;}
}

@media (max-width: 1750px) {
.syth-al { padding-left: 30px; }
}

@media (max-width: 1700px) {
.xmd{ width:100%;}
	
.video{  padding-right:5%;}
	
.syth-b .swiper-wrapper{ padding: 0px;}
}

@media (max-width: 1530px) {
.video{  padding-right:10px;}
.videom{ width:900px; height:480px;}
}

@media (max-width: 1430px) {
.md{ width: 100%; }
	
.sortimg .yy1{ border:20px solid #f1f1f1; }
.sortimg .yy1::before{
border-bottom: 170px solid transparent;
border-left: 170px solid #f1f1f1;
}
.sortimg .yy1::after{
border-top: 170px solid transparent;
border-right: 170px solid #f1f1f1;
}
.sortimg .yy2::before{
border-top:80px solid transparent;
border-left:80px solid #f1f1f1;
}
.sortimg .yy2::after{
border-bottom:80px solid transparent;
border-right:80px solid #f1f1f1;
}
	
.procpone.two .pf-a{ padding:40px 40% 10px 5%;}
.procpone.two .pf-b{ padding:0px 40% 10px 5%;}
	
/*-- --*/
.banwz{ padding-right: 5%; }
.banwz i{ padding-top:80px}
.banwz img{ max-width: 80%!important;}
	
}

@media (max-width: 1360px) {
/*-- sytwo --*/
.sytwo{  padding: 20px 0px; }
.sytwo-l div{ width:100%; padding:30px; min-height:600px; }
.sytwo-l h1{ font-size: 40px; line-height: 40px; padding: 30px 10px 0px;}
.sytwo-l h2{ font-size: 22px; line-height: 26px; }
.sytwo-l p{ font-size: 16px; line-height: 28px; }
	
.sytwo-l a{ width:175px; height:50px; margin-top: 30px; }
.videom{ width:800px;}


/*-- 关于我们 --*/
.ab-al{ padding:70px 8% 0px 0px;}
.ab-b h1{ margin-left:0;}
.ab-b p{ width:61%;}
}

@media (max-width: 1250px) {
.logo{ width:400px;}
}

@media (max-width: 1230px) {
.cont-wz{ padding: 0px 15px 30px; }
.ab-btn::before{ height:200px; }
}

/* md */
@media (max-width: 1180px) { 
/*-- --*/
.banwz{ padding-right: 2%; }
.banwz img{ max-width: 70%!important;}
.banwz .btns span{ width:120px; height: 35px; line-height: 35px; font-size: 14px; }
	
.bbgs{ left:0px;}
.footup-atwo{ width:26%; float: left; padding: 0px 20px 10px; }
.footup-atwo h1{ font-size: 20px; }
.footup-ath{ width:50%; padding: 0px 20px; }
.footup-ath h1{ font-size: 20px;  }

.oem-xone{ width:50%; }
	
.sortimg .yy1::before{
border-bottom: 130px solid transparent;
border-left: 130px solid #f1f1f1;
}
.sortimg .yy1::after{
border-top: 130px solid transparent;
border-right: 130px solid #f1f1f1;
}
.sortimg h2{ right:0px; bottom:10%;  font-size:26px; line-height:26px; }

}

@media (max-width: 1150px) {
.navbox ul li{ position: relative; padding: 0px 5px;}
.navbox ul li a{ font-size: 15px;}
}

/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
/*-- --*/
.banwz{ right:-25%; }
.banwz img{ max-width: 50%!important;}
.banwz .btns{ padding-top: 10px; }
.banwz .btns span{ width:100px; height: 30px; line-height: 30px; font-size: 12px; }	

.logo{ width:280px;}
.elsebox{ float: none; position: absolute; top:15px; right:15px;}
.cen{ padding:0px 20px 0px 15px;}
.news-topr{ padding:0px; }	
.sortimg .yy1::before{
border-bottom: 100px solid transparent;
border-left: 100px solid #f1f1f1;
}
.sortimg .yy1::after{
border-top: 100px solid transparent;
border-right: 100px solid #f1f1f1;
}
	
/*-- sytwo --*/
.sytwo-l{ width:100%;}
.sytwo-l div{ padding: 50px; min-height:auto; }
.sytwo-l h1{ font-size: 40px; line-height: 45px; padding: 30px 10px 0px;}
.sytwo-l h2{ font-size: 22px;}
.sytwo-l a{ margin-top:30px;}
.video{ padding-right:0; position: relative; float: left; width:100%;}
.videom{ width:100%; }

}

/* 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:#494949;
    -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:#242424;
    -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:12px;
  top:15px;
  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: #61b74c;
}
.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: #61b74c;
}
.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;} 

/*-------------------------------------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:16px; color:#FFF; width:100%;}
.xtop 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:#000; color:#FFF;
-moz-border-radius:3px; /* Firefox */
-webkit-border-radius:3px; /* Safari 和 Chrome */
border-radius:3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
	
/*-- 首页头部 --*/
.syheader .headerbox{ position:relative; float: left;}
	
.headerbox{ min-height:60px; }
.logo{ width:100%; height:60px; position: absolute; left:8px; top:0px;}
.logo>i{ position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%);}
.logo>i a{ display:block;}
.logo>i a img{ width:auto; height:43px;}
	
/*-- syone --*/
.syone .myone{ padding:15px 0px; border-bottom: 0px;}
.onebar .swiper-scrollbar-drag { height: 200%; }
	
/*-- sytwo --*/
.sytwo{ padding:30px 0px;}
.sytwo-l{ width:100%; background-size:100%; padding-bottom: 20px; }
.sytwo-l div{ width:100%; padding:20px 10px; min-height:auto;}
.sytwo-l h1{ font-size:18px; line-height: 20px; padding: 15px 10px 5px;}
.sytwo-l h2{ font-size:18px; line-height: 20px; padding: 0px 10px;}
.sytwo-l p{ font-size: 15px; line-height:26px; padding:20px 10px;}
.sytwo-l a{ width:150px; height:40px; margin-top:20px; margin-left: 10px; }
.video{ width:100%; position:relative; padding-right:0; height:auto; float: left;}
.videom{ height:400px; }
.sy_video i{ width:70px; height:70px; }
.sy_video i img{ width:45px; }
	
/*-- syth --*/
.syth{ padding: 55px 0px 30px; }
.syth-fr{top: -65px;}
.syth-fr{ position: absolute; right:0%; top:-30px;}
.syth-fl img{ width:170px;}
.syth-fr img{ width:170px;}
.syth-al { padding-right:10px; padding-left: 0; }
.syth-al p{ font-size:18px; line-height:25px;}
.syth-al h1{ font-size:20px; line-height:30px; padding: 15px 0px 0px 20px;}
.syth-al h1 i{ width:20px; height: 30px; left:0px; background-size:11px;}
.syth-ar a{ width:110px; height:40px; }
.syth-b{ padding:45px 0px 20px;}
.syth-b .swiper-wrapper{ padding:0px;}
.sythone div{ bottom:0px;}
.sythone div h1{ font-size: 16px; }
.sythone div p{ padding: 5px 0px;}
.syth-ar a{ background-color: #000; color: #FFF; }
.syth-ar a #vss{ fill:#FFF;}
	
/*-- syfo --*/
.syfo{ padding-top: 60px;}
.syfo-t h1{ font-size: 20px; }
.syfo-t p{ font-size: 15px; padding: 10px 0px; }
.syfo-t i{ margin-top:0px; background-size:30px;}
.syfo-show{  padding: 25px 0px; }
.swiper1 .swiper-button-prev{ left:0px; width:30px; height:40px;}
.swiper1 .swiper-button-next{ right:0; width:30px; height:40px; }
.swiper2 h1{ height:60px; line-height: 20px; font-size: 14px; background-size:80px; }
.swiper2 .active h1::before{ height: 110%; top:-10%;}

/*-- syfv --*/
.syfv{ padding:15px 0px 40px;}
.syfvl{ width:100%; padding:5px;}
.syfvr{ width:100%; padding:5px;}
.syfvone div h1{ font-size:20px; padding:20px;}
.syfvone div p{ font-size: 15px; line-height: 22px; padding: 0px 20px;}
.syfvone div h2{ width:30px; height:30px; line-height:25px;}
.syfvtwo{ margin-bottom:10px;}
.syfvtwo div{ padding:20px;}
.syfvtwo div h1{ font-size: 20px; }
.syfvtwo div p{ font-size: 15px;}


/*-- 导航loc --*/
.locbox{ padding:8px 0px;}
.locbox ul li{ font-size:13px;  }
.locbox ul li i{ font-size:13px; }
.locbox a{ font-size:13px;}
	
/*-- 关于我们 --*/
.ab-a .md{ background-position:0px 10px; background-size: 100%; padding-top:50px; flex-direction: column;}
.ab-al{ width:100%; padding:0px;}
.ab-al h1{ font-size: 20px; line-height: 30px; padding: 15px 0px; }
.ab-al h1::before{ height:5px;}
.ab-al p{ padding-top:10px; line-height:25px;}
.ab-ar{ width:100%; padding-top:30px;}
.ab-b{ padding:50px 0px 30px; flex-direction:column;}
.ab-b .md{ flex-direction:column; }
.ab-b h1{ width:100%; padding:30px 0px; margin-left:0; font-size:18px; line-height:30px; }
.ab-b h1::before{  height: 5px; }
.ab-b p{ width:100%; line-height:25px;}
.ab-btn{ height:50px;}
.ab-btn::before{ height:200px; }
.ab-cb .swiper-button-prev{ right:20%; width:30px; height:50px;}
.ab-cb .swiper-button-next{ right:5%; width:30px; height:50px; }

.ab-d{ margin-top:40px;}
.ab-dt h1{ font-size:20px; line-height: 30px; padding:20px 40px 15px; }
.ab-dt h1::before{ width: 30px; height: 30px; background-size: 15px;}
.ab-dt h1::after{ width: 30px; height: 30px; background-size: 15px;}
.ab-dt p{ font-size: 16px; padding: 10px 0px;}
	
.ab-dshow{ padding: 10px 10px 50px;}
.ab-done{ width:100%; min-height:300px; height: auto; padding:20px 10px; }
.ab-done h1{ font-size:16px; padding-bottom:25px; }
.ab-done p{ font-size:13px; padding-top:20px;}
	
/*-- 产品中心 --*/
.pro-t{ padding-top:20px; }
.pro-t h1{ font-size: 24px; line-height: 30px; padding:0px; }
.pro-t h2{ font-size: 20px; line-height: 26px; padding:0px; }

.pro-sort{ padding:20px 5px 50px;}
.sortimg .yy1{ border: 5px solid #f1f1f1; }
.sortimg .yy1::before{
border-bottom: 120px solid transparent;
border-left: 120px solid #f1f1f1;
}
.sortimg .yy1::after{
border-top: 120px solid transparent;
border-right: 120px solid #f1f1f1;
}
.sortimg .yy2::before{
border-top:50px solid transparent;
border-left:50px solid #f1f1f1;
}
.sortimg .yy2::after{
border-bottom:50px solid transparent;
border-right:50px solid #f1f1f1;
}
.sortimg h2{ right:0px; bottom:8%; font-size:16px; line-height:18px; }
.sortone h1{ height:50px; font-size:15px;}

/*-- products --*/
.probg{ height:auto; }
.pro-tt{ padding:20px 0px;}
.pro-tt h1{ font-size:20px; }
.xsearch{ width:80%; margin:25px 10%;}
.xsearch .p1{ height:47px; }
.xsearch .p2{ width: 15%; height:47px; }
#search_inputps1{ font-size:15px; }
#search_inputps2{ background-size:30px; }
	
.pro-sortv{ padding:20px 0px 10px;}
.pro-sortv ul li{ width:33%; padding:2px;}
.pro-sortv ul li a{ min-width:auto; width:100%; height:50px; font-size: 12px; ine-height:13px; padding: 0px 3px;}
	
#cnw{ padding:10px 0px 0px;}
#cnw ul li a{ height:40px; font-size: 13px;}
	
.proshow{ padding-bottom:50px; }
.procpone{ padding:20px 15px; }
.proimg-m{ height: auto;}
.proimg{ width:100%; position:relative; left:0; top:0; float: left; border-left:1px solid #c9c9c9;}
.zoom-hand{ position: absolute; right:0; bottom: 0;}	
	
.proinfo{ width:100%; min-height:auto; float:left; margin-top: 5px; }
.pf-a{ flex:auto; padding:25px 15px 15px; }
.pf-a h1{ font-size:18px;}
.pf-a p{ font-size: 16px; line-height:28px; margin-top:10px;}
.pf-b{ flex:auto; padding:15px; }

.pr-ba ul{ padding:20px 0px;}
.pr-ba ul li p{ font-size: 13px; padding: 5px 0px;}
.pr-bb{ width:100%; height: auto; float: left;}
.procpone .pf-a{ background-color: #61b74c; color: #FFF; }
.procpone.two .proimg{ border-right:1px solid #c9c9c9;}
.procpone.two .pf-a{ padding:25px 15px 15px;}
.procpone.two .pf-b{ padding:15px;}
	
/*-- 荣誉 --*/
.hon-t{padding-top: 20px; }
.hon-t h1{ font-size: 24px; line-height:30px; padding: 0px; }
.hon-t h2{ font-size: 20px; line-height:26px; }
.hon-t p{ font-size: 16px; line-height: 25px; padding: 20px 0px;}
.hon-t p br{ display:none;}	
.hon-a{flex-wrap: wrap;}
.hon-a i{ width:25%; text-align: center;}
.hon-b{ padding:20px 5px 60px;}
.hon-one h1{ height:45px; font-size: 14px; padding-top:5px}
.hon-one h1::before{left: 40%; width:20%; }
	
/*-- OEM --*/
.tech-a{ margin-top:20px;}
.tech-a h1{ font-size:16px;}
.tech-a h1 span{ padding:5px 0px; }
#wt{ font-size:16px; padding:5px 25px;}
#wt::before{ width:18px; height:18px; background-size:18px;}
#wt::after{ width:18px; height:18px; background-size:18px;}

.tech-b{ padding:10px 15px;}
.tech-ba{ padding:10px 0px; flex-direction: column;}
.tech-bal{ width:100%; }
.tech-bar{ width:100%; height:auto; padding-left:0px; }
.tech-bar h1{ font-size:18px; padding: 25px 0px 5px;}
.tech-bar p{ font-size:16px; line-height:28px; padding:10px 0px 5px;}

.tech-dt{ padding: 45px 0px 0px;}
.tech-dt h1{ padding-left:50px; font-size:18px; }
.tech-dt h1:before{ top:12px; width:40px;  }
.tech-dshow{ flex-direction:column; padding-top: 20px;}
.tech-dshow i{ width:100%;}
.tech-dshow i img{ width: 100%;}
.tech-dshow p{ width:100%; padding:20px 0px 10px; font-size:16px; line-height:28px;}

.tech-c{ padding:0px 10px 40px;} 
.tech-cone p span{ height:60px; font-size: 14px; padding:0px; line-height: 18px;}

.oemside{ overflow:hidden; position:relative;}
.oemside .hd{ width:100%; height:95px; overflow:hidden; margin-bottom:10px; overflow-x:auto; overflow-y:hidden;}
.oemside .hd ul{ width:800px; float:left;}
.oemside .hd ul li{ font-size:14px; height:95px; line-height:20px; }
.oemside .hd ul li a{padding-left:8px; padding-top:28px;}
.oemside .hd ul li a i{ font-size:100px; bottom:25px;}
.oemside .hd ul li.on a.l1 i,
.oemside .hd ul li.on a.l2 i,
.oemside .hd ul li.on a.l3 i,
.oemside .hd ul li.on a.l4 i,
.oemside .hd ul li.on a.l5 i,
.oemside .hd ul li.on a.l6 i,
.oemside .hd ul li.on a.l7 i{ left:-12px;}
.oemside .nave{ bottom:30%; }
.oemside .prev{ width:25px; height:50px; background-size:10px auto;}
.oemside .next{ width:25px; height:50px; background-size:10px auto;}

.oem-x{  padding: 30px 0px 50px;}
.oem-xt{ padding:25px 0px;}
.oem-xt h1{ font-size:20px; line-height:30px; }
.oem-xt h1 span{ padding: 20px 10px;}
.oem-xt h1 span::before{ left:38%; width:24%; }

.oem-xone{ width:100%; padding: 15px;  }
.oem-xone i img{ width:100px;}
.oem-xone h1{ font-size:18px; height:auto; padding: 18px 0px; }
.oem-xone p{ font-size:14px; }


/*-- 新闻中心 --*/
.news{ padding-top:20px;}
.news-t h1{ font-size:24px; line-height:30px;}
.news-t h2{ font-size:20px; line-height:26px; padding:0px;}
.news-top{ padding:0px 0px 20px;}
.news-topl{ width:100%;}
.news-top-one{ padding: 10px 0px; background-position: right 0px center; background-size:100%; }
.news-top-one h1{ font-size:17px; padding: 20px 0px 0px;}
.news-top-one p{ font-size: 14px; line-height: 22px; padding:10px 0px;}
.news-top-one i{ font-size: 14px;}
.news-top-two{ padding: 15px 0px;}
.news-top-two i{ font-size:18px; padding-right: 30px; width: 70px; }
.news-top-two h1{ font-size: 16px; }
.news-topr{ width:100%; padding:20px 40px; }
.fff{ bottom:0%;}
.newsone{padding: 0px 15px; }
.news-data p{ font-size:18px; }
.news-data h1{ font-size:24px; }
.news-h i svg{ width:40px; height:40px;}
.newsone-b h1{ font-size:17px; padding: 10px 0px;}
.newsone-c{ padding:10px 0px 30px;}
.news-down{ margin: 35px 0px 10px;}

/*-- page --*/
.page{ font-size:13px; padding:10px 0px 50px;}
.pagination ul li a{ line-height:25px; padding:1px 10px; margin: 0px 2px; font-size:13px; }

/*-- 新闻详细内容 --*/
.in-newsbox_title {width:100%; padding:0px; font-size:18px; margin-top:10px; 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; }
	
/*-- 联系我们 --*/
.contact{ padding-top:20px;}
.cont-t h1{ font-size:24px; line-height:30px;}
.cont-t h2{ font-size:20px; line-height:26px; padding:0px;}
.cont-t i{ padding:30px 0px 20px;}
.cont-wz{ padding:0px; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
.cont-wzl i img{ width: 220px;}
	
.cont-wzl ul{ padding-top: 18px; }
.cont-wzl ul li{ padding:4px 0px;}
.cont-wzl ul li h1{ font-size: 17px; }
.cont-wzl ul li p{ font-size:24px; padding-bottom: 0px;}
.cont-wzr{ padding: 10px; align-self: center;}
.cont-wzr p{  font-size: 17px; }
.cont-line{ width:100%; height: 1px; background-color:#dadada; float: left; }
	
/*-- 地图 --*/
.mapbox{ height:350px; padding:0px; }
#container{ height:100%; }	
	
/*-- 底部 --*/
.footB{ padding-bottom:50px; padding-top: 0;}
.footup-a{  padding-top:30px;}
.footup-aone{ width:100%; padding-top:0; padding-bottom: 8px;}
.footup-aone i img{ width:200px;}
.footup-atwo{ width:100%; padding:10px 0px; }
.footup-atwo h1{font-size: 18px; line-height:25px; }
.footup-ath{ width:100%; padding:10px 0px; }
.footup-ath h1{ font-size: 18px; line-height:25px; }
.footup-ath p{ font-size: 13px; line-height:23px; padding:15px 0px 0px;}
.footw{ flex-direction:column; }
.footdwz span{ width:100%; float: left; text-align: center; font-size: 13px; padding-right: 0px; }
.footdwz span a{ font-size: 13px; }
.fshare a{ padding: 10px;}
.footup-ath::before{ display: none;}

/*-- 手机搜索 --*/
#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;
background: linear-gradient(top, #61b74c, #3b9325);
background: -ms-linear-gradient(top, #61b74c, #3b9325);
background: -webkit-linear-gradient(top, #61b74c, #3b9325);
background: -moz-linear-gradient(top, #61b74c, #3b9325);
}
.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=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:#494949;
}
.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 #494949;
}
	
.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,#494949, #494949);
background: -ms-linear-gradient(top,#494949, #494949);
background: -webkit-linear-gradient(top,#494949, #494949);
background: -moz-linear-gradient(top,#494949, #494949);
}
.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 #494949;
}

/*-- 登录图标 --*/
.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:13px 10px; line-height:25px; color:#FFF; font-size:16px; text-align:left; margin:15px 0px 0px;
background: linear-gradient(top, #242424, #505050);
background: -ms-linear-gradient(top, #242424, #505050);
background: -webkit-linear-gradient(top, #242424, #505050);
background: -moz-linear-gradient(top, #242424, #505050);
}
.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;}
.plrxa5{ padding:5px!important;}
.plrxa10{ padding:10px!important;}
.plrx5{ padding: 0px 5px;}
.bob{ height:25px; }
}

/* XS Portrait */
@media (max-width: 480px) {
.videom{ height:250px; }
.sy_video i{ width:60px; height:60px; }
.sy_video i img{ width:35px; }
	
.oemside .nave{ bottom:19%; }
	
/*-- 展示产品 --*/
.sortimg .yy1::before{
border-bottom: 70px solid transparent;
border-left: 70px solid #f1f1f1;
}
.sortimg .yy1::after{
border-top: 70px solid transparent;
border-right:70px solid #f1f1f1;
}
.sortimg .yy2::before{
border-top:30px solid transparent;
border-left:30px solid #f1f1f1;
}
.sortimg .yy2::after{
border-bottom:30px solid transparent;
border-right:30px solid #f1f1f1;
}

/*-- 地图 --*/
.mapbox{ height:250px;}
}

@media (max-width: 380px) {

}

@media (max-width: 330px) {

}