@media (max-width: 1950px) {
.syal::before{ right:-200px;}
.syal::after{ right:-220px;}	
}

@media (max-width: 1650px) {
.syfor{ padding-left: 5%;}
/*-- 内页 --*/
.inbanner>i{height:420px; }
}

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

@media (max-width: 1360px) {
.sdone div{ width:100px; height: 100px; }
/*-- 内页 --*/
.inbanner>i{height:380px; }
	
.allbox{ width:280px;}
}

@media (max-width: 1280px) {
.abdr p{ padding:50px 0px; width:100%;}
	
/*-- 产品内页 --*/
.ban { padding-left:20px;}
.banl{ width:500px; }
.banr{padding-left:20px; }
	
.str-down ul li .sa { width:250px;}
}

@media (max-width: 1230px) {
/*-- headerbox --*/
.logo{ width:260px; }
.navbox{ width:58%; }
.navbox ul li a{ font-size:16px; }
.searchv{ font-size: 16px; }
.cen a { font-size: 16px; }
/**/
.str-bt{text-align: center;}
.str-dt{text-align: center;}
}

/* md */
@media (max-width: 1180px) { 
/*-- 内页 --*/
.inbanner>i{height:340px; }
	
.ab-onum{ margin-top:30px;}
.ab-ol{ padding:20px 20px 0px 0px;}
.ab-ol p{ line-height:25px; }
.ab-bl{ padding-right:5%;}
.abcr{ margin-left:30px; padding:30px;}
	
/*-- 产品内页 --*/
.banl{ width:450px; }
}

@media (max-width: 1080px) {
/*-- headerbox --*/
.elsebox{  position: absolute; right: 15px; top:0; padding-top:10px; }
.syamt{ width:60%; }
.syamt h1{ font-size: 32px; padding: 12px 0px;}
.syamt h2{ font-size: 32px; line-height:35px;}
.syamt h3{ font-size: 26px; padding:12px 0px;}
.syamt p{ font-size: 16px; padding-top:15px; line-height:25px;}
.syaone h1{ font-size:30px;}
.syaone h1 span{ font-size:30px; }
.syaone h1 i{ font-size:30px;  }
.syaone p{ font-size: 16px; }
	
.allbox{ width:200px;}
.proL h1{ height:60px; font-size:18px; padding: 0px 10px;}
.list{ padding:10px 0px 30px; }
.proL h1 i{ top:10px; right: 10px;}
.list ul.one li>a{ font-size:15px; }
.proR .plra15{ padding:15px 5px;}
	
/*-- 产品内页 --*/
.banl{ width:420px; }
.br-a h1{ font-size:22px; }
.br-b p{ font-size: 16px; }
	
.str-down ul li .sa{ width:220px; padding:5px 10px 5px 40px; }
.str-down ul li .sa h1{ font-size:28px; }
.str-down ul li .sb h1{ font-size:16px; padding: 5px 0px;}
.str-down ul li .sb h2{ font-size: 13px; line-height: 15px;}
}

/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
/*-- 内页 --*/
.inbanner>i{height:300px; }
	
.ab-ol{ width:100%;}
.logo{width: 200px;}
.navbox{ width: 68%;}
	
/*-- syb --*/
.sybbox{ padding-top:110px;}
	
/*-- syfobox --*/
.syfobox{ padding-top:110px;}
.syfol-m div{ padding:20px 0px; }
.syfol-m div i{ width:90px; height:90px; }
.syfol-m div h1{ font-size: 14px; }
.syfol-m div h2{ font-size: 14px; }
.syfor{ padding-top:110px;}
	
/*-- --*/
.syfrm-show .row{ width:auto;}
.syfr-a p{ font-size:18px; }
.syfr-a h1{ font-size:26px; }
	
/*-- sysx --*/
.sysx-lt h1{ font-size:50px; }
.sysx-lt p{ font-size: 30px;  }
.sdone div{ width:80px; height:80px; }
.sdone div p{ font-size: 11px;}
.ctone p{ font-size: 15px;}
/*-- ban --*/
.banl{ width:calc(100% - 200px);}
.banr{ width:calc(100% - 200px);}
.ban {flex-direction:column; }
}
/* 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:#968b7e;
    -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:10px;
  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: #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;} 

/*-------------------------------------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:#000; 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浏览器 */
}
	
/*-- 头部 --*/
.inheader .headerbox{ position: relative; }
.headerbox{ height:50px; padding:0px; background-color: #000;}
.headerbox .md{ height:100%; position: relative;}
.logo{ width:auto; top:0; left:15px;  height:50px; display: flex; align-items: center;}
.logo>i a{ text-align: center;}
.logo>i a img{ height:35px;}
.elsebox{ padding-top:0; position: static; }
.searchv{ padding-right:5px; }
.search-show{ width:90%; top:60px; height: 50px; right: 5%;}
#search_input1{ height:48px; width:70%;}
.cen{ padding: 0px 45px 0px 5px;}
.cen a { font-size: 14px; background-color:#ffffff; padding: 3px 5px;  }
#topsearch{ fill:#ffffff;}
.bannerbox .swiper-pagination-bullet{ width:30px; height:3px;}	
.banwz i img{ max-width:100%;}
.banwz .mdx.right{ display: flex; justify-content: flex-end; align-items:flex-end; }
.banwz .btns{  width:120px; height:40px; margin-top:30px; }
.banwz .btns h1{ font-size:15px; }

/*-- syabox --*/
.syabox{ flex-direction:column;}
.syal{ display: none; }
.syal::before{ display: none;}
.syal::after{ display: none;}
.syar{ width: 100%;}
.syam{ height:auto; position:relative; padding-top:120px;}
.syamt{ width:100%; }
.syamt h1{ font-size:20px; width:45%; padding:20px 0px;}
.syamt h2{ font-size:17px; width:45%;  line-height:25px;}
.syamt h3{ font-size:17px; width:45%; padding: 25px 0px;}
.syamt p{ font-size: 15px; padding-top:60px; line-height:26px;}
.syamshow{ width:100%; margin-top:60px;}
.syaone{ display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0px 15px; position: relative;}
.syaone h1{ font-size:20px; }
.syaone h1 span{ font-size:20px; }
.syaone h1 i{ font-size:20px; }
.syaone p{ font-size: 15px; }
.syam a{ width:140px; height: 40px;  margin-top:40px;}
.syam a p{ font-size: 14px; }

/*-- syb --*/
.sybbox{ padding-top:90px;}
.syb-one{ justify-content:flex-start; align-items:flex-start; flex-direction:column;}
.syb-onel{ width:100%; }
.syb-onel h1{ font-size:20px; padding: 10px 0px;}
.syb-onel h2{ font-size: 16px; padding: 10px 0px;}
.syb-onel p{ font-size: 17px;}
.syb-one a{ width:130px; height: 40px; margin-top: 15px; }
.syb-one a p{ font-size: 14px; }
.sybb-two{ width:100%; padding-top:50px; margin-left:0;}
.sySwiperb .swiper-wrapper .swiper-slide{ height:50px;}
.sySwiperb .swiper-wrapper .swiper-slide p{ line-height: 20px; font-size: 12px!important;}	

.sythone a{ width:80%;}
.sythone i p{ font-size:30px; line-height:30px;}
.sythone .sycpname{ padding:15px 0px;}
.sythone .sycpname h1{ font-size: 16px; }
.sythone .sycpname p{ font-size: 16px; }
.myths .swiper-slide:not(.swiper-slide-active).swiper-slide-prev .syelse{ font-size:13px; line-height: 15px;}
.myths .swiper-slide:not(.swiper-slide-active).swiper-slide-next .syelse{ font-size:13px; line-height: 15px;}
	
/*-- syfobox --*/
.syfobox{ padding-top:80px;}
.syfobox .md{ flex-direction:column; }
.syfol{ width:100%;  padding-top:20px; padding-right:0; }
.syfol-t h1{ font-size:20px; }
.syfol-t p{ font-size: 16px; padding: 10px 0px; }
.syfol-m div{ padding:10px 0px; }
.syfol-m div i{ width:80px; height:80px; }
.syfol-m div h1{ font-size: 12px; padding-top:10px; }
.syfol-m div h2{ font-size: 12px; padding:5px 0px; }	
.syfol a{ width:150px; height: 45px; display: flex; justify-content: center; align-items: center; background-color: #b88e68; margin-top:4%;}
.syfol a p{ font-size: 16px; color: #4e4238; position: relative; z-index: 1;}
.syfol a:hover p{ color: #ffffff;}
.syfol a.button--rayen::before { background:#000; }
.syfor{ display: none;}
#phontbtn{ width:130px; height:40px; margin-top:40px;}
#phontbtn p{ font-size: 14px;}
	
/*-- syfr --*/
.syfrm{ padding-top: 30px;}
.syfrm-t h1{ font-size:20px; }
.syfrm-t p{ font-size: 15px; padding: 10px 0px; }
.syfrm-show{ height:auto; padding:20px 15px; flex-direction:column;}
.syfrm-show .row{ width:auto;}
.syfr-a{ height:auto; }
.syfr-a a{ padding: 30px;}
.syfr-a p{ margin-top:30px; font-size:16px; line-height:26px;}
.syfr-a h1{ font-size:18px; line-height:25px; margin-top:15px; }
.syfr-a span{ width:110px; height:35px; font-size:14px; margin-top:25px;}
	
/*-- sysx --*/
.sysxbox{ padding-top:12%;}
.sysx-up{ padding-bottom:0; }
.sysx-l{ width:100%;}
.sysx-lt h1{ font-size:20px; }
.sysx-lt p{ font-size:20px; }
.sysx-show{ padding-top:8%;}
.sysx-show h1{ font-size:18px; padding: 10px 0px;}
.sysx-show ul li{ font-size: 16px; }
.sysx-ewm div p{ font-size: 13px; }
.sysx-down{ width:100%; height:auto; padding:20px 0px; font-size:13px; flex-direction:column; }
	
/*-- 内页 --*/
.inbanner>i{ height:220px; }
	
/*-- locbox --*/
.locbox ul li{ font-size: 13px; padding-right: 2px; }
.locbox ul li a{ font-size: 13px; }
	
/*-- 产品 --*/
.inprobox{ padding:15px 0px;}
.inprobox .md{flex-direction:column; }
.allbox{ width:100%; margin-bottom:0px;}
.proL{ margin-top:0; padding:10px;}
.list{ width:100%; display: flex; padding:5px 5px 30px; }
.list ul.one li>a{ font-size:15px; }
.list ul ul.two li>a{ font-size: 14px; }
.proR{ padding:10px;}
.sname h1{ font-size:13px;}
	
/*-- 产品内页 --*/
.ban { flex-direction:column; padding-left:0px;}
.banl{ width:100%; }
.mySwiperb .swiper-wrapper .swiper-slide{ width:70px;}

.banr{ width:100%; padding-left:0px; padding-top:15px; }
.br-a{ padding-bottom:15px;}
.br-a h1{ font-size:22px; }
.br-b{ min-height:150px; padding:20px 0px;}
.br-b p{ font-size:16px; }

/*-- 产品表格 --*/
.cpform-tv{ padding:40px 0px 10px; }
.cpform-tv h1{ font-size:20px; line-height:25px; }
.cpform{ padding:15px 0px; }
#form1 .layui-form-label{ font-size:15px; }
#form1 .layui-input-block input{ font-size:15px; }
#form1 .layui-input-block textarea{ font-size:15px; height:60px;}
#form1 .layui-form-checkbox span{ font-size: 15px; }
#form1 button{ width:160px; font-size: 15px;}
	
/*-- --*/
.samebox{ padding: 10px; margin-top:50px; }
.samet h1{ font-size:20px; }
.samet h1::before{ font-size:35px; }
.morebtn{ padding: 40px 0px 20px;}
.morebtn a{ width:160px; font-size: 15px;}

/*-- 关于我们 --*/
.abouta{ padding:20px 0px 40px;}
.ab-one{ flex-direction:column;}
.ab-ol{ width:100%; padding:0px;}
.ab-ol>h1{ font-size:20px; padding:15px 0px 10px; text-align: center; justify-content: center; align-items: center;}
.ab-ol>h1::before{ font-size:28px; justify-content: center; align-items: center; text-align: center; }
.ab-ol p{ font-size:15px; line-height:28px; padding: 10px 0px;}
.ab-onum{ margin:20px 0px;}
.ab-onum .syaone h1{ font-size:20px;}
.ab-onum .syaone h1 span{ font-size:20px; }
.ab-onum .syaone h1 i{ font-size:20px; }
.ab-onum .syaone p{ font-size: 15px; padding:5px 0px;}
.ab-or{ width:100%; }

.aboutb{ padding:30px 0px 70px;}
.aboutb .abfd img{ max-width:90%; }
.ab-bone{ flex-direction:column;}
.ab-bl{ width:100%; padding-right: 0;}
.ab-bl h1{ font-size:20px; padding:20px 0px; text-align: center; width: 100%; }
.ab-bl h1::before{ left:45%; width:10%; }
.ab-bl p{ font-size: 15px; line-height:28px; margin-top:20px;}
.ab-br{ width:100%; margin-top: 20px;}

.aboutc{ padding:35px 0px 30px; }
.aboutc .abfd{ top:45px; text-align: center;}
.aboutc .abfd img{ width:50%; }
.abcone{ align-items:flex-start; flex-direction:column;}
.abcl{ width:100%;}
.abcl h1{ font-size:20px; padding:20px 0px; text-align: center; width: 100%; }
.abcl h1::before{ left:45%; width:10%;}
.abcl i{ margin-top:30px; }
.abcr{ width:100%; min-height:auto; margin-left:auto; padding:25px 0px; border:0px solid #d9cdb5;}
.abcr p{ font-size: 15px; padding-bottom:0px; line-height:28px;}
.abcr::before{ display: none;}
.abcr::after{ display: none;}

.aboutd{ width:100%; display: flex; justify-content: center; align-items: center; flex-direction:column;}
.abdl{ width:100%;}
.abdr{ width:100%; padding:15px 0px; }
.abdr h1{ font-size:20px; padding:25px 0px; text-align: center; width: 100%; }
.abdr h1::before{ left:45%; width:10%;}
.abdr p{ font-size:15px; padding:20px 15px 50px; line-height:28px; width:100%;}
.aboutd .abfd img{ max-width:90%; }
.abdrjt{ display: none; }
	
/*-- 实力 --*/
.str-abox{ flex-wrap: wrap; padding:10px 0px 30px;}
.saone{ width:33.33%; padding:5px;}
.saone i{display: flex; }
.saone i img{ width:90px;}
.saone p{ font-size:14px; line-height: 18px;}
.str-bt{ height:auto; padding: 50px 0px;}
.str-bt h1{ font-size:22px; padding:20px 0px 5px; line-height: 25px; }
.str-bt p{ font-size: 15px; padding: 10px 0px; }
.str-bbox{ padding:0px;}
.str-blogo{display: none;}
.str-bone.two{ flex-direction:column;}
.str-bone>div{ height:auto; padding:20px 15px; }
.str-bone>div h1{ font-size:20px; line-height: 22px; padding: 10px 0px;}
.str-bone>div p{ font-size: 15px; padding:15px;}
.col-md-12 .str-bone i{ width:100%;}
.col-md-12 .str-bone>div{ width:100%;}

.str-d{ padding:0px 0px 60px;}
.str-dt{ padding:0px 0px 15px;}
.str-dt h1{ font-size:20px; padding:20px 0px 5px; }
.str-dt p{ padding: 5px 0px 15px; font-size: 15px; }

.str-dshow{ flex-wrap: wrap; padding: 0px 7%;}
.sdone div{ width:110px; height: 110px; margin: 5px; }
.sdone div p{ font-size: 12px; }
.sdone span{ display: none;}
.sdone.two span{ display: none;}
.sdone i{ display: none;}
.str-dshow::before{display: none;}
	
.str-c{ padding: 20px 0px; }
.str-cm{ flex-direction:column; }
.str-cma{ width:100%; }
.cmaone{ width:100%; min-height:260px;}
.cmaone h1{ font-size: 20px;}
.cmaone h2{ font-size: 16px;} 
.str-cmb{ width:100%; }
.str-cf-a{ width:400px; height:200px; }
.str-cf-a h1{ font-size:26px;  }
.str-cf-a h2{ font-size:16px; }
.str-cf-b{ width:500px; padding: 0px 20px; }
.str-cf-b h1{ font-size:90px; }
.str-cf-b p{ font-size:20px; padding:10px; }
.str-down ul{ padding: 10px 0px;}
.str-down ul li{ height:auto; flex-direction:column; padding:8px 0px;}
.str-down ul li .sa{ width:100%; height:auto; padding-left: 25px}
.str-down ul li .sa h1{ font-size:20px; }
.str-down ul li .sa h1::before{ content: ''; position: absolute; left:-15px; top:10px; width:5px; height:5px; }
.str-down ul li .sa h2{ font-size: 16px; }
.str-down ul li .sb{ width:100%; padding:5px 10px; justify-content:flex-start; }
.str-down ul li .sb h1{ font-size: 18px; }

.str-cup.en .str-cf-a h1{ font-size:22px; }
.str-cup.en	.str-cf-b { padding-right: 0;}
.str-cup.en .str-cf-b p{ font-size: 17px; line-height: 20px; }
.str-cup.en .str-cf-b p br{ display: none;}	
	
/*-- 专利证书 --*/
.cert-title h1{ font-size:20px; line-height:28px; padding:20px 0px 5px; }
.cert-title p{ font-size:14px; padding: 10px 0px; line-height:20px;}
.cert-show{ padding:20px;}
.patimg p{ height:40px; margin-top:5px; font-size:13px; }
	
/*-- page --*/
.page{ font-size:13px; }
.pagination ul li a{ width:25px; height:25px; font-size:13px; }
#fprev,#prev,#next,#fnext{ width:60px; height:25px;}
	
/*-- 新闻 --*/
.news-show{ padding:5px 15px 15px; }
.sortone{ margin-top:15px; }
.sortone a{ flex-direction:column;}
.sortone .sortimg{ width:100%; height:280px;}
.sortone .sortinfo { width:100%; height:auto; padding:20px;}
.sortone .sortimg::before{ display: none; }
.sorttwo .sortinfo { width:100%; height:auto; padding:20px; }
.sortone .sortimg::before{ display: none; }
.sortone .sortinfo h1{ font-size:15px; padding-top: 10px;}
.sortone .sortinfo p{ padding:15px 0px; font-size:13px; line-height: 22px; }
.sortone .sortinfo>div{ padding-top:20px;}
.sortone .sortinfo>div h2{ width:120px; height:35px; font-size:13px; }
.sortone .sortinfo>div h3{ font-size: 14px; }

/*-- 新闻详细内容 --*/
.newsbox.ininfo{ padding: 0px;}
.in-newsbox_title {width:100%; padding:0px; font-size:18px; margin:25px 0px 15px; line-height:25px; }
.in-newsbox_info{ padding:15px 0px;}
.in-newsbox_info ul li{ font-size:14px; }
.in-newsbox_content{ font-size:15px; line-height:25px;}
.pagees{ padding: 30px 0px 50px;}
.pagesl{ width:100%; }
.pagesl p{ width:100%; font-size:14px; color: #000; }
.pagesr p{ width:100%; font-size:14px; color: #000; }
.pagesr{ width:100%; float:left; text-align:left; margin-top: 10px;}
.pagesl a{ font-size:14px;}
.pagesr a{ font-size:14px; }
.backbtn a{ padding: 5px 20px; font-size: 14px;}
	
/*-- 地图 --*/
.cont-t h1{ font-size:20px; line-height:28px; padding:20px 0px 5px; }
.cont-t p{ font-size:14px; padding: 10px 0px; line-height:15px;}
.cont-one{ width:100%; padding:0px 0px 30px; }
.ctone{ margin-top:65px; justify-content: center;}
.ctone i{ top:-43px;}
.ctone i img{ width:80px;}
.ctone h1{ padding-top:10px;}
.mapbox{ width:100%; height:300px; margin:20px 0px 50px; border-radius:15px; padding:10px;}
#container{ border-radius:15px;}

/*-- 底部 --*/
.footB{ padding-bottom:50px;}
.footup{ min-height:20px; padding: 15px 0px; }
.footdown{ border: 0; padding:20px 0px; font-size:13px; flex-direction:column; }	

/*-- 手机搜索 --*/
#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:#242424;}
.footer-navs{ width:100%; float:left; padding:0; margin:0; position:relative !important;}
.footer-navs li{ float:left; font-size:14px; width:20%; text-align:center; list-style:none; color:#FFF; cursor:pointer; padding-top:8px;}
.footer-navs li i{ width:100%; height:auto; float:left;}
.footer-navs li i img{ width: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:#968b7e;
}
.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 #968b7e;
}
	
.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:#968b7e;
}
.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 #968b7e;
}
	
.ph-fo{ width:50%; height:auto; position:absolute; left:5%; 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:#968b7e;
}
.ph-fo 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-fo: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 #968b7e;
}

/*-- 登录图标 --*/
.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:0px;}
.phnav{ width:100%; float: left; 
padding:13px 10px; line-height:30px; color:#000; font-size:16px; text-align:left; display: flex; justify-content:space-between; align-items:center;
background: linear-gradient(top, #afa498, #dbd1c5);
background: -ms-linear-gradient(top, #afa498, #dbd1c5);
background: -webkit-linear-gradient(top, #afa498, #dbd1c5);
background: -moz-linear-gradient(top, #afa498, #dbd1c5);
}
.phnav a{ color:#000; text-decoration:none; display: flex; justify-content: center; align-items: center;}
.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;}
.plrx10{ padding:0px 10px;}
.plrxa5{ padding:5px!important;}
.plrxa10{ padding:10px 0px;}
.plrax10{ padding:10px 5px;}
}

/* XS Portrait */
@media (max-width: 480px) {
/*-- syabox --*/
.syam{ padding-top:90px;}
.syamt h1{ padding: 15px 0px;}
.syamt h2{ line-height:20px;}
.syamt h3{ width: 100%; }
.syamt p{ font-size: 15px; padding-top:15px; line-height:22px;}
.syamshow{margin-top:30px;}
/**/
.saone p { font-size: 13px;line-height: 20px;}
/**/
.ab-onum .syaone p{ font-size:12px;}
/**/
.syaone h1{ font-size:22px;}
.syaone h1 span{ font-size:22px; line-height: 14px;}
.syaone h1 i{ font-size:22px;  }
.syaone p{ font-size:12px; line-height: 14px; }
/*-- 内页 --*/
.inbanner>i{ height:120px; }
.sortone .sortimg{ height:200px;}
/*-- 内页 --*/
.cmaone{ min-height:220px;}
.cmaone h1{ font-size: 18px;}
.cmaone h2{ font-size: 15px;} 
.str-cf-a h1{ font-size:22px;  }
.str-cf-a h2{ font-size:14px; }
.str-cf-b h1{ font-size:70px; }
.str-cf-b p{ font-size:17px; }
.str-down ul li .sa h1{ font-size:18px; }
.str-down ul li .sa h2{ font-size: 15px; }
.str-down ul li .sb h1{ font-size: 16px; }
	
/*-- 地图 --*/
.mapbox{ height:300px;}
}

@media (max-width: 430px) {
/*-- syabox --*/
.syam{ padding-top:80px; justify-content:center;}
.syamt h1{ padding: 10px 0px; width:50%;}
.syamt h2{ font-size:15px; min-height: 145px; width:50%;}
.syamt h3{ padding-top:20px; font-size:16px; }
.syamt p{ font-size: 15px; padding-top:10px; line-height:25px;}
.syamshow{ width:100%; margin-top:20px;}
.sabbimg{ width:45%; top:90px; }

/*-- syb --*/
.sybbox{ padding-top:100px;}
.syb-onel h2{ font-size:15px; padding:5px 0px;}
.syb-onel p{ font-size: 15px;}
.syb-one a{ width:120px; height:35px; margin-top: 10px; }
.syb-one{ padding-bottom:20px; }
.sybb-two{ padding-top:30px; }
.sythone .sycpname{ padding:10px 0px;}
.sythone .sycpname h1{ font-size: 14px; }
.sythone .sycpname p{ font-size: 14px; }
	
/*-- syfobox --*/
.syfobox{ padding-top:60px;}
.syfobox .md{ display: flex; justify-content:center; }
.syfol{ width:100%; padding-top:15px; padding-right:0; }
.syfol-t p{ font-size: 15px; padding: 10px 0px 30px; }
.syfol-m div{ padding:10px 0px; text-align: center; }
.syfol-m div i{ width:70px; height:70px; }
#phontbtn{ width:120px; height:35px; margin-top:30px;}
.syfol-m div h1{ font-size: 11px; }
.syfol-m div h2{ font-size: 11px; }
	
/*-- syfr --*/
.syfrm{ padding-top:60px; justify-content:center;}
.syfrm-show{ padding:15px;}
.syfrm-show .row{ width:auto;}
.syfr-a p{ margin-top:20px; font-size:15px; line-height:22px;}
.syfr-a h1{ font-size:16px; line-height:22px; margin-top:10px; }
.syfr-a span{ width:90px; height:30px; font-size:12px; }
	
/*-- sysx --*/
.sysxbox{ padding-top:60px;}
	
.saone{ width:50%; }
}

@media (max-width: 330px) {

}