/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.hamburger {
  width: auto;
  height: auto;
  position: relative;
  cursor: pointer;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.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: 2px;
  width: 100%;
  border-radius:30px;
}

.hamburger.is-closed .hamb-middle,.hamburger.is-open .hamb-middle{ width: 80%;}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #FFF;
}
.hamburger.is-closed .hamb-top { 
  top:10%; 
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top:46%;
}
.hamburger.is-closed .hamb-bottom {
  bottom:10%;  
  -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;
}

/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/
.sidebar {
position: fixed;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background-color: #242424;
transition: left 0.5s ease;
 z-index: 999999;
}
.sidebar.active {
left: 0;

}
.sidebar-header {
padding: 15px;
background-color: #016fb8;
color: white;
}
.sidebar ul {
list-style: none;
padding: 0;
}
.sidebar ul li a {
display: block;
padding: 10px 15px;
text-decoration: none;
color: #FFF;
}
.sidebar ul li a:hover {
background-color: #FFF;
color: #000;
}
.btn-toggle {
margin: 15px;
}
#backToTop {
display: none;
background-color: #007bff;
color: white;
border-radius: 5px;
padding: 10px 15px;
border: none;
cursor: pointer;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1000;
}
.hidden-xs{ display: none;}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 998;
display: none;
}

@media (max-width: 1760px) {
.sytwo-r i{ margin-right:-10%;}
}

@media (max-width: 1630px) {
.md{ width:100%; }
.syol{ width:35%; }
	
/*-- 内页 --*/
.inbanner>i{ height:450px; }
}

@media (max-width: 1530px) {
.sytwo-ces{ padding-top:20%; }
	
.ptm-th{ padding:20px 0px 70px;}
.ptm-th div{ padding: 10px;}
}

@media (max-width: 1430px) {
.syol{ width:40%; }
.sytwo-title p{ font-size: 2rem; }
	
/*-- 内页 --*/
.inbanner>i{ height:400px; }
	
/*-- OEM --*/
.oem-aone .oem-aone-p h1{ font-size:1.6rem; }
.oem-aone .oem-aone-p p{ padding:20px 0px; }
.oem-cone .oem-cone-p h1{ font-size:1.6rem; }
.oem-cone .oem-cone-p p{ padding:20px 0px; }
	
/*-- 产品NEI --*/
.sortnav{ padding:10px 0px;}
.list ul li{ width:20%; padding:10px;  }
.list ul li a{ font-size:0.95rem; }
.list ul li a i{ width: 17px; }
.list ul li ul li a{ font-size:0.95rem; }
}

@media (max-width: 1380px) {
.con-a i{ width:80px; height:80px; }
.con-a ul{ padding-left:10px; }
.con-a ul li{ font-size: 1rem; }
.con-a ul li h1{ font-size: 0.95rem; }
	
.oem-aone .oem-aone-p h1{ font-size:1.5rem; }
}

@media (max-width: 1290px) {

}

@media (max-width: 1230px) {
/*-- 内页 --*/
.inbanner>i{ height:350px; }
	
/*-- syone --*/
.syone{ padding: 60px 0px; }
.syol{ width: 35%; }
.syor{ width: 65%; }
.syol-t h1{ font-size:1.8rem; }
.syol-t h2{ font-size: 1.5rem; }
.sySwiperb .swiper-slide{ height:50px!important; }
.sySwiperb .swiper-slide h1{ font-size:0.95rem;}
.syo-btn{  padding-top:10%;}
	
/**/
.sytwo-title p{ font-size: 1.8rem; padding:20px 0px;}

/**/
.syth-one i img{ max-width:90%;}
.syth-one{ padding:0px; }
.syth-show{ width:100%; padding:10px 0px;}
	
/*-- 产品内页 --*/
.proinfobox{ padding: 30px 0px;}
.banl{ padding:0px;}
.banr{ width:45%; height:auto;}
.br-b{ min-height:150px; }
.cplx{ width:190px; margin-top:40px;}
/*-- 产品表格 --*/
	
/*-- 新闻 --*/
.newsone{ padding:25px 0px; }
.newsone i{ padding:30px; }
.newsone div h1{ font-size:1.15rem; padding-top:0px;}
.newsone div p{ font-size:0.95rem; padding:15px 0px;}
.newsone div ul li{ font-size: 0.9rem; }
}

/* md */
@media (max-width: 1180px) {
.abth-a:last-child{ margin-top: 0px;}
.abthimg{ width:400px; height: 300px; padding: 15px 20px 50px; }
.abthwz{ width:400px;}
}

@media (max-width: 1080px) {
.syone{ align-items: flex-end;  }
/**/
.syth{ padding:40px 0px;}
.syth-t{ padding:20px 0px;}
.syth-t h1{ font-size: 2rem; }
.syth-show{ width:100%; padding:20px 0px;}
.syth-one{ min-height:280px; padding:0px; }
.syth-one i{ padding: 10px 0px; }
.syth-one i img{ max-width:80%;}
.syth-one h1{ font-size: 1.1rem;}
.syth-one p{ font-size:0.95rem; padding: 10px 0px; }
/**/
.abthimg{ width:350px; height:280px; }
.abthwz{ width:350px;}
/*-- 产品中心 --*/
.psortone a{ padding:20px;}
.psortone i{ width:60%; }
.psone{ width:40%; padding: 20px 20px; }
.psone h1{ font-size:1.15rem;  }
.psone p{ min-height:150px; padding:20px 0px;}
/**/
.w-four .p-t{ font-size: 1.05rem; }
.w-four .p-time{ font-size:0.90rem; padding-top:10px;}
.foot-bone p{ font-size:1.15rem; }
.foot-bone p.else{ font-size:0.98rem; }
	
/*-- 证书 --*/
.col-1-5{ width:33.33%; }
	
/*-- OEM --*/
.oem-aone{ padding:35px 0px; }
.oem-aone .oem-aone-p{ padding:0px 20px;}
.oem-aone .oem-aone-p h1{ font-size:1.4rem; }
.oem-aone .oem-aone-p p{ line-height:25px; padding:20px 0px; }
.oem-bw p{ font-size:1.5rem;}
.oem-c{ padding-top: 30px;}
.oem-cone .oem-cone-p{ padding:0px 20px;}
.oem-cone .oem-cone-p h1{ font-size:1.4rem; }
.oem-cone .oem-cone-p p{ line-height:25px; padding:20px 0px; }
}

/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
.list ul li{ width:33.33%; }
/*-- 合作伙伴 --*/
.ptm-one{ padding:20px 0px; }
.ptm-one h1{ font-size: 1.35rem; max-width:100%;}
.ptm-th{ padding:20px 0px 70px;}
.ptm-th div{ width:25%; padding:10px;}
.ptm-th div i{ width:100%; min-height:auto; }

/*-- 首页 --*/
.headerbox{ height:65px;}
.mh{ height:65px;}
.mh img{ max-width: 80%; margin-left: 10%;}
.hrnav p{ font-size: 0.95rem; padding-top: 3px; }
.rh a{ font-size: 0.95rem; }
.navbox ul li{ padding: 0px 0px 0px 30px;}
.navbox ul:nth-child(1) li{ padding: 0px 30px 0px 0px;}
.navbox ul li a{ font-size:0.95rem; }
/*-- 内页 --*/
.inbanner>i{ height:300px; }
/**/
.sytwo-m{ flex-direction: column; }
.sytwo-l{ width:100%;}
.sytwo-title h1{ font-size: 1rem; color: #000;}
.sytwo-title p{ font-size: 2rem; padding: 40px 0px;}
.sytwo-ces{ padding-top:40px; }
.sytwo-r{ width:100%; }
.sytwo-r i{  margin-right:0%;}	
/**/
.syth-one h1{ font-size: 1.05rem;}
.syth-one p{ font-size:0.90rem; }
/**/
.cpimgs{ height:220px;  }
.cpimgs img{  max-height: 220px; }
/*-- 新闻 --*/
.newsone{ padding:20px 0px; }
.newsone i{ padding:20px; }
.newsone div h1{ font-size:1rem; }
.newsone div p{ font-size:0.8rem; line-height: 1.6; padding:10px 0px;}
.newsone div ul li{ font-size: 0.85rem; }
/**/	
.foot-bone p{ font-size:1rem; }
.foot-bone p.else{ font-size:0.9rem;}
	
}

/* xs */
@media (max-width: 767px) {

/*-------------------------------------RBOX-----------------------------------*/
#wrapper.toggled #sidebar-wrapper { width:100%;}
#page-content-wrapper{ position: absolute; left: 15px; top:3px; }
	
/**/
.wrapper-l{ padding-left:25px; padding-top: 60px;  }	
.w-title img{ width:130px; }
.w-nav{ width:130px;}
.w-nav a{ font-size: 1rem; padding:10px 0px; }
.two-nav{ width:100%; }
.two-nav ul{ padding:10px 20px;}
.two-nav ul li a{ font-size: 1rem; padding:10px 0px;}

/*-- bannerbox --*/
.bannerbox{ padding-top:50px; }
.bannerbox .swiper-horizontal>.swiper-pagination-bullets{ bottom:10px;}
.bannerbox .swiper-pagination-bullet{ width:10px; height:10px; }
	
/**/
.hamburger{ top:3px; width: 27px; height: 27px;}
.headerbox{ height:50px;}
.headerm{ height:40px; }
.lh{ width: 35%; }
.hrnav p{ font-size:0.8rem; line-height: 1.5; padding:5px 5px 0px;}
.mh{ width: 30%; height:100%; }
.mh img{ max-width:110px;}
.rh{ width: 35%;}
.rh a{ font-size:0.8rem;}
.rh a i{ width:17px;}
.searchv{ padding-right:10px; }
.search-show{ position:fixed; }
.sidethree{ display: flex; justify-content: center; align-items: center; flex-direction: row;}
.sidethree i{ width: 22px; height:20px; display: flex; }
.sidethree i svg{ width: 100%;}
.sidethree p{ display:none; }
#fixnav::before{ display:block; }
.navbox ul{ flex:1 0 auto;}
.navbox ul li{ padding: 0px; flex:1 0 auto; }
.navbox ul:nth-child(1) li{ padding: 0px;}
.navbox ul li a{ font-size:0.8rem; }

/*-- syone --*/
.syone{ padding:35px 0px 40px; flex-direction: column;  }
.syol{ width:100%; padding:0px 10px; height:auto; }
.syol-t{ width: 100%;}
.syol-t h1{ font-size: 1.4rem;}
.syol-t h2{ font-size: 1.1rem; padding: 5px 0px;}
.syol-t p{ font-size:0.9rem; }
.syoso{ padding-top:20px;}
.sySwiperb .swiper-slide{ width:auto; padding:10px; height:50px; }
.sySwiperb .swiper-slide h1{ font-size:0.8rem; width:100%; text-align: center; }
.sySwiperb .swiper-slide:hover{ width:100%;}
.sySwiperb .swiper-slide.swiper-slide-thumb-active{ width:auto;}
.syo-btn{ padding-top:25px;}
.syo-btn a i{ width:25px; height:25px; }
.syor{ width:100%; padding: 0px 10px; }
.oobox h1{display: none;}

/**/
.sytwo{ padding:30px 0px; }
.words{ right:-30px; font-size:7rem; }
.sytwo-m{ flex-direction: column;}
.sytwo-l{ width:100%; }
.sytwo-title h1{ font-size: 0.9rem; color: #000;}
.sytwo-title p{ font-size: 1.1rem; padding:20px 0px;}
.sytwo-title a{ font-size: 0.9rem;}
.sytwo-title a i{ width:25px; height:25px;}
.sytwo-ces{ padding-top:30px; }
.sytwo-num ul li h1{ font-size:1.3rem;}
.sytwo-num ul li h1 span{ font-size:1.5rem;}
.sytwo-num ul li p{ font-size:0.9rem; padding: 0;}	
.sytwo-r{ width:100%; padding:20px 0px;}
.sytwo-r i{ margin-right:0%;}
	
/**/
.syth{ padding:30px 0px;}
.syth-t{ padding:20px 0px 10px;}
.syth-t h1{ font-size: 1.3rem; line-height: 1.5; letter-spacing:0;}
.syth-t p{ font-size: 1rem; letter-spacing:0;}
.syth-show{ width:100%; padding:0;}
.syth-one{  min-height:150px; padding:10px; }
.syth-one i img{ width:80px;}
.syth-one h1{ font-size:1rem; padding: 5px 0px;}
.syth-one p{ font-size:0.8rem; padding: 10px 0px; }
	
/**/
.syfour{ padding:50px 0px; }
.syfour::before{ top:50px; width:60%; height:calc(100% - 100px) }
.syfo-t{ padding:20px 0px 10px;}
.syfo-tl h1{ font-size:1.3rem; line-height: 1.5; letter-spacing:0; }
.syfo-tl p{ font-size: 1rem; letter-spacing:0;}
.syfo-btn a{ font-size: 0.9rem;}
.syfo-btn a i{ width:25px; height:25px;}
.syfo-show{width:100%; margin-left:0; padding:10px 10px 20px; }
.w-four .swiper-slide{ width:50%!important; padding: 0px 5px; }
.w-four .p-t{ font-size:0.95rem; padding:5px 0px;}
.w-four .p-time{ font-size:0.8rem; padding-top:10px;}
.syfo-show .four-swiper-button-prev{ display: none;}
.syfour-point{ width:100%; display: flex; justify-content: center; align-items:center; flex-direction: column; position: relative;}
.spagination{ position: absolute; text-align: center; top:25px; }
.syfour-point .swiper-pagination-bullet { width:8px; height:8px; opacity: 1; opacity: 0.5; }
	
/**/
.syfive{ padding:50px 0px 30px;}
.syfv-t h1{ font-size:1.3rem; line-height: 1.5; letter-spacing:0;}
.syfv-t p{ font-size: 1rem; letter-spacing:0;}
.syfv-show{ padding:20px 10px; }
.syfv-btn{ padding-top:30px;}
.syfv-btn a{ font-size: 0.9rem; }
.syfv-btn a i{ width:25px; height:25px; }
	
/*-- 内页 --*/
.inbanner>i{ width:100%; height:180px; margin-top: 50px;}
	
/*-- locbox --*/
.locbox ul{ padding:12px 0px;}
	
/*-- 关于我们 --*/
.abone-a{ flex-direction:column; padding:20px 0px 30px; }
.abo-at{ width:100%; }
.abo-at h3{ font-size:1.1rem;}
.abo-at h2{ font-size:2.1rem;}
.abo-at h1{ width:100%; font-size:1.3rem; margin-top: -20px;}
.abone-a p{ width:100%; padding:15px 0px 0px; }
.abone-b{ flex-direction:column-reverse; padding:40px 0px; }
.abone-b p{ width:100%; padding:15px 0px 0px;}

.abtwo{ min-height:auto; padding:50px 0px 30px; background-attachment:inherit;}
.abtwom h1{font-size:1.3rem; letter-spacing:2px;  }
.abtwom h1 span{ font-size:1rem;  padding: 0px 5px; }
.ab-num ul{ align-items: flex-start; padding:20px 0px;}
.ab-num ul li{ width:33.33%; padding:0px 5px;}
.ab-num ul li h1{ font-size:1.6rem; }
.ab-num ul li h1 span{ font-size:1.6rem;}
.ab-num ul li p{ font-size:0.85rem; }

.abth{ padding:50px 0px; }
.abth-t h1{ font-size:1.5rem; }
.abth-t h2{ font-size:1.3rem; }
.abth-show{ flex-direction:column; margin-top: 15px;}
.abth-a{ margin-left:0px;}
.abth-a:last-child{ margin-top:0px;}
	
.abthimg{ width:100%; height:auto; padding:50px 15px; margin-bottom:15px;}
.abthimg i{ padding: 10px;}
.abthimg i img{ width:70px; }
.abthimg h1{ font-size: 1.1rem; padding:10px 0px;}
.abthimg p{ font-size: 0.95rem; color: #FFF;}

.abthwz{ width:100%; padding:10px;}
.abthwz i img{ width: 30px;}
.abthwz p{ font-size: 1rem; padding:15px;}
	
/*-- 产品中心 --*/
.products{ padding:20px 0px 70px; }
.psortone a{ flex-direction:column; padding:0px; }
.psortone i{ width:100%; border-radius:10px;  }
.psone{ width:100%; padding:25px 15px; }
.psone h1{ font-size:1.1rem; }
.psone p{ min-height:auto; font-size:0.9rem; padding:10px 0px;}
.psone b{ width:100px; height:35px; font-size:0.85rem; }
	
/*-- 产品NEI --*/
.productss{ padding:0px 10px 50px; }
.sortnav{ flex-direction:column; padding:10px; background-color: #f3f3f3;}
.list{ flex-direction:column;}
.list ul{ flex-direction:column; }
.list ul li{ width:100%; padding:2px; flex-direction: column; }
.list ul li a{ background-color: #FFF; font-size: 0.95rem; }
.list ul li a i{ width: 15px; }
.list ul li ul{ padding:0px; position:relative;  top:0; }
.list ul li ul li a{ font-size: 0.95rem;}
.cpsearch{ width:100%; padding:10px 0px 5px; }
.insearch{ width:100%; }
.prombox{min-height:250px; padding:10px 15px 30px;}
.cpimgs{height:250px; }
.cpimgs img{ max-height: 250px; }
.cpnames h1{ height:45px; font-size:0.9rem; }
	
/*-- 产品内页 --*/
.proinfobox{  padding:10px 0px;}
.ban { flex-direction:column;}
.banl{ width:100%; padding:0px 3px;}
.mySwiperb .swiper-wrapper .swiper-slide{ width:55px; height:55px; }
.mySwiperb .swiper-wrapper .swiper-slide img{ max-height: 50px;}
#prev1 { width:30px; height:30px; }
#next1 {width:30px; height:30px; }

.banr{ width:100%; height:auto; padding-left:0px; padding-top:20px; }
.br-a{ min-height:50px; padding:10px;}
.br-a h1{ font-size:1.5rem; }
.br-b{ min-height:auto;  padding:20px 10px; }

.cplx{ width:150px; height:50px; margin-top: 20px; }
.cplx h1{ width:auto; font-size:0.9rem; }
.cplx h1 i img{ width:35px; margin-right: 5px;}
/*-- 产品表格 --*/
.cptable{ padding-bottom: 40px;}
.cpform-tv{ padding:50px 0px 30px; }
.cpform-tv h1{ font-size:18px; line-height:26px; }
.cpform{ padding:0px;  }
#form1 .layui-form-label{ font-size:15px; }
#form1 .layui-input-block input{ height:45px;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{ width:100%; padding:40px 0px 30px; }
.samet h1{ min-width:200px; height:50px; font-size:1.05rem;}
.samet a{ font-size:0.9rem; } 
.sameshow{ padding:20px 10px;}

	
/*-- OEM --*/
.oem-a{ padding-bottom:30px;}
.oem-aone{ flex-direction:column-reverse; padding:15px 0px; }
.oem-aone .oem-aone-p{ width:100%; padding:20px 0px 0px; }
.oem-aone .oem-aone-p h1{ font-size:1.12rem; }
.oem-aone .oem-aone-p p{ line-height:1.5; padding:15px 0px 0px; }
.oem-aone .oem-aone-img{ width:100%; flex-direction:column; }
.oem-aone .oem-aone-img i{ padding:5px 0px;}

.oem-b{min-height:auto; padding: 40px 0px;}
.oem-bw i:first-child{ width: 25px; height: 25px; margin:0px 10px 80px 10px; background-size:100%;}
.oem-bw i:last-child{ width: 25px; height: 25px; margin: 80px 10px 0px 10px; background-size:100%; }
.oem-bw p{ font-size:1.1rem; line-height:1.5; }

.oem-c{ padding: 15px 0px; }
.oem-cone{ flex-direction:column-reverse; padding:15px 0px; }
.oem-cone .oem-cone-p{ width:100%; padding:20px 0px 0px; }
.oem-cone .oem-cone-p h1{ font-size:1.12rem; }
.oem-cone .oem-cone-p p{ line-height:1.5; padding:15px 0px 0px; }
.oem-cone .oem-cone-img{ width:100%; }
.oem-cone .oem-cone-img i{ padding:5px 0px;}
	
.oem-d{ padding:10px 5px 60px;}
	
/*-- 证书 --*/
.cert-show{ padding:10px 5px;}
.patimg p{ height:45px; margin-top:5px; font-size:0.85rem;}
.col-1-5{ width:50%; }
.cert-show .page{ padding: 30px 0px;}
	
/*-- 合作伙伴 --*/
.ptm-one{ padding:20px 0px; }
.ptm-one h1{ font-size: 1.1rem; max-width:100%;}
.ptm-th{ padding:20px 0px 70px;}
.ptm-th div{ width:33.33%; padding:5px;}
.ptm-th div i{ width:100%; min-height:auto; border-radius:15px;}

/*-- 新闻 --*/
.newsbox{ padding:20px 0px 50px;}
.newsone{ padding:0px 0px 15px; }
.newsone a{  flex-direction:column; }
.newsone.two a{ flex-direction:column;}
.newsone.two a .inbox div{ padding:20px; }
.newsone i{ width:100%; padding:0px;  }
.inbox{ width:100%; height:auto; position:relative;}
.inbox div{ padding:20px; }
.newsone div h1{ font-size:1.05rem; padding:10px 0px;}
.newsone div ul{ padding:10px 0px;}
.newsone div ul li{ font-size: 0.95rem; }

/*-- page --*/
.page{ padding:0px 0px;}
.pagination ul li{ padding: 0px 4px; }
.pagination ul li a{ width:32px; height:32px; font-size:0.95rem; }
#fprev i{ background-size:22px;}
#fprev:hover i{ background-size:22px;}
#fnext i{ background-size:22px;}
#fnext:hover i{ background-size:22px;}
#prev i{ background-size:12px;}
#next i{ background-size:12px;}
#prev:hover i{ background-size:12px;}
#next:hover i{ background-size:12px;}
	
/*-- 新闻详细内容 --*/
.newsbox.ininfo{ padding: 0px;}
.in-newsbox_title {width:100%; padding:0px; font-size:1.25rem; margin:15px 0px; line-height:25px; }
.in-newsbox_info{ padding:15px 0px;}
.in-newsbox_info ul li{ font-size:0.9rem; }
.in-newsbox_content{ font-size:1rem; line-height:1.8;}
.pagees{ padding: 30px 0px 50px;}
.pagesl{ width:100%; }
.pagesl p{ width:100%; font-size:0.9rem; color: #000; }
.pagesr p{ width:100%; font-size:0.9rem; color: #000; }
.pagesr{ width:100%; float:left; text-align:left; margin-top: 10px;}
.pagesl a{ font-size:0.9rem;}
.pagesr a{ font-size:0.9rem; }
.backbtn a{ padding: 5px 20px; font-size:1rem;}
.pagees{ padding: 30px 0px 0px;}

/*-- 地图 --*/
.cont-one{ padding:20px 0px;}
.con-a{ min-height:auto; justify-content:center; flex-direction:column;  padding:20px; margin-top: 10px;}
.con-a i{ padding:0px; width: 80px; height:80px;}
.con-a ul{  padding-left:0px; justify-content:center; align-items:center; text-align: center; padding: 10px 0px;}
.con-a ul li{ padding:5px 0px; }
.mapbox{ padding:20px 0px 50px; }
#container{ height:350px; }
	
/*-- 底部 --*/
.footB{ padding-bottom:50px; min-height:auto; padding-top: 0;}
.footdown{ flex-direction: column; padding-top:20px; border: 0;}
.footdown span{width:100%; font-size: 13px; padding:3px 0px; text-align: center; display: inline-block;}
.footdown span a{ font-size: 13px;}

/*-- 手机搜索 --*/
#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;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#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;
-webkit-border-radius: 5px;
border-radius: 5px;
}

/*底部导航*/
.phone-bottom-box{ width:100%; height:55px; position: fixed; left: 0; bottom:0; z-index:9999;
background: linear-gradient(top, #000, #242424);
background: -ms-linear-gradient(top, #000, #242424);
background: -webkit-linear-gradient(top, #000, #242424);
background: -moz-linear-gradient(top, #000, #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:23px;}
.footer-navs a{ color:#FFF; display:block;}
.footer-navs p{ display:inline-block; font-size:0.8em}
#fancybox-close{ top:10px; right:-30px;}
	
.ph-one{ width:50%; height:auto; position:absolute; left:15%; 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:#6dccde;
}
.ph-one 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-one:before{ content:""; position:absolute; left:27%; bottom:-6px; width:3%; height:0;
border-left:7px solid transparent;   
border-right:7px solid transparent;   
border-top:7px solid #6dccde;
}
	
.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:#6dccde;
}
.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 #6dccde;
}
	
.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:#6dccde;
}
.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 #6dccde;
}

/*-- 登录图标 --*/
.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%; padding:15px 10px 10px; line-height:25px; color:#FFF; font-size:0.95rem; margin:5px 0px 0px; border-radius: 5px;
background: linear-gradient(top, #37adc3, #6dccde);
background: -ms-linear-gradient(top, #37adc3, #6dccde);
background: -webkit-linear-gradient(top, #37adc3, #6dccde);
background: -moz-linear-gradient(top, #37adc3, #6dccde);
}
.phnav div{ width:100%;display: flex; justify-content: space-between; align-items: center; flex-direction: row; }
.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;}
.plra15{ padding:10px;}
.plrax5{ padding:5px!important;}
.plrax10{ padding:10px!important;}
.plrax100{ padding:10px 0px!important;}
.plrx5{ padding: 0px 5px;}
.plrxa10{ padding: 10px;}
.plrxa5{ padding:5px;}
.plra25{ padding:5px;}

#backToTop{ width:30px; height:30px; bottom: 70px; right: 10px; }
}

/* sm */
@media (max-width: 576px) {
.headerbox{ position:fixed; background-color: #000; }
.search-show{ position:fixed; width: 100%; }
.ptm-th div{ width:50%;}

/*-- 内页 --*/
.inbanner>i{ height:130px;}
	
/*-- 地图 --*/
#container{ height:250px; }
}

/* XS Portrait */
@media (max-width: 480px) {
.hamburger.is-open{ top:20px; left:0px;}
.aadone{ height: 130px; }
	
/*-- bannerbox --*/
.bannerbox{ height:300px;}
.syonebox{  height:250px; }
	
.prombox{min-height:170px; }
.cpimgs{height:170px; }
}

@media (max-width: 380px) {

}

@media (max-width: 330px) {

}