@media (max-width: 1730px) {
.brand-cimg{ width:900px; }
}

@media (max-width: 1630px) {
.md{ width:100%;}
.pdhw{ padding:0px 5px;}

/*-- OEM --*/
.oemban{ height:450px; }
}

@media (max-width: 1560px) {
.brand-cimg{ height:550px; }
.brand-cimg p{ font-size:30px; }
.brand-cshow{ width:80%; height:460px; }
.brand-cshowm{ width:530px; height:auto; float:right; padding:2%;}
.brand-cshowm h1{ font-size:40px; line-height:45px; padding-top:50px; }
.brand-cshowm p{ width:100%; }

/*-- 产品内页 --*/
.prol-t{ font-size:20px; }
.prol-nav{ padding:10px;}
.prol-nav ul li a{ font-size:15px; }
.pc-a{  padding:25px 10px 20px; }
.pc-a h2{ font-size:16px; }
.pc-a h3{ font-size:21px; }
.pc-b p{ font-size:14px; }

.sort-word{ width:500px; }
.sort-word h1{ font-size:40px; line-height:40px; }
.sort-word h2{ font-size:28px; }
.sort-word p{ font-size:16px; padding:22px 0px 0 6%; }

}

@media (max-width: 1460px) {
/*-- syab --*/
.syabout{ padding:100px 0px; }
.syabr{ padding:20px 20px 0px 50px;}
.syabr h1{ font-size:40px; }
.syabr p{font-size:14px; line-height:27px;}
.bra-anum{ height:200px; }
.smone{ font-size:22px; padding:0px 40px; }
.smone h1 span{ font-size:50px; }

.brand-cshow{ height:430px; }
.brand-cimg{ width:780px; height:450px; }

/*-- OEM --*/
.oemban{ height:400px; }
}

@media (max-width: 1360px) {
/*-- 下载 --*/
.dnn{ padding:0px 50px;}

/**/	
.prol-nav{ padding:10px 0px;}

/*-- header --*/
.logo{ width:25%; }
.navbox{ width:68%; }
.navbox ul li{ font-size:14px; }
.cenbox{ width:80px; font-size:13px; }

/*-- 品牌 --*/
.brandimg{
background: linear-gradient(left, #bfbfbf 10%, #aaaaaa 20%);
background: -ms-linear-gradient(left, #bfbfbf 10%, #aaaaaa 20%);
background: -webkit-linear-gradient(left, #bfbfbf 10%, #aaaaaa 20%);
background: -moz-linear-gradient(left, #bfbfbf 10%, #aaaaaa 20%);
}
.brand-t{ margin-top:150px; padding-left:50px; font-size:40px; }
.brand-t span{ font-size:80px; line-height:80px; }
.brand-info{ padding-left:40px; padding-top:40px; font-size:15px; line-height:25px;}
.man{ float:right; padding-top:30px;}
.man img{ width:550px;}

/*-- 品牌 --*/
.brand-bt{ width:85%; }
.brand-bimg{ width:85%; }

.brand-cshow{ height:350px; }
.brand-cimg{ width:700px; height:400px; }
.brand-cshowm h1{ font-size:30px; line-height:35px; }
.brand-cshowm p{ font-size:14px; }

/*-- 聯繫 --*/
.cone-name{ font-size:20px; }
.cone-info{ padding:20px 0px;}
.cone-info p{ font-size:18px; line-height:20px; padding:5px 0px;}

.cont-words .p1{ font-size:24px; }
.cont-words .p2{ padding:0px 10%;}

/*-- feedback --*/
.feedback{ width:100%; height:auto; float:left; padding:80px 0px;}
.feedl{ width:50%; height:auto; float:left; padding-right:35px;}
.feedl .p1{ width:100%; height:auto; float:left; font-size:30px; color:#6c6462; line-height:40px; padding:5px 0px; font-weight:600;}
.feedl .p2{ width:100%; height:auto; float:left; font-size:17px; color:#757575; line-height:35px;}
.feedbx{ width:100%; height:auto; float:left;}
.feedbx .p1{ width:100%; height:auto; float:left;}
.feedbox{ width:100%; height:auto; float:left;}
.feedbx{ width:100%; height:auto; float:left;}
.feed-t{ width:100%; height:auto; line-height:40px; float:left; color:#7d7d7d; font-size:14px;}
.feed-t i{ color:#F00; float:left; width:11px; font-style:normal;}
.feed-t span{ float:left;}
.feed-x{ width:100%; height:40px; float:left;}
#input1{ width:100%; height:100%; border:1px solid #cccccc; background-color:#f4e9d8; line-height:38px; float:left; color:#000; font-size:14px; outline:none; padding:0px 10px;}
.feed-tx{ width:100%; height:90px; float:left;}
.feed-tx textarea{float:left; resize:none; width:100%; height:100%; padding:5px 10px; font-size:14px; color:#000; outline:none; border:1px solid #cccccc; background-color:#f4e9d8;}
.crrbtn{ width:100%; height:auto; float:left;}
#button{ width:135px; height:33px; background:#f4e9d8; display:inline-block; cursor:pointer; border:1px solid #cccccc; font-size:13px; color:#7d7d7d;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari 和 Chrome */
border-radius: 2px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;
}
#button:hover{ background:#000; color:#FFF;}
.feedr{ width:50%; height:auto; float:left;}
	
}
@media (max-width: 1330px) {
.omd{ width:100%;}

/*-- 产品内页 --*/
.prol-nav ul li a{ font-size:14px; }

.num { height:120px; }
.num ul li img{ width:140px; height:100px; }

.info-a{ width:90%;}
.info-a h1{ font-size:28px; line-height:28px;}
.info-b h1{ font-size:18px; }
.info-b{ width:90%;}
.info-b p{ font-size:15px; }

/*-- 猜你喜欢 --*/
.cpelse-t{ height:50px; }
.cpelse-t span{ width:250px; height:50px; font-size:18px; line-height:50px; }
.cpelse-t a{ font-size:17px; margin-top:10px;}
.cpab{ width:25%; }

}
@media (max-width: 1300px) {
.logo{ padding:18px 10px 0px 0px;}

/*-- syab --*/
.smone h1{ font-size:18px;}
.smone h1 span{ font-size:40px; }
.smone h1 i{ font-size:18px; }
.smone p{ font-size:18px; }

.syvd-t{ padding:120px 0px 0px;}
.syvdshow{ padding:40px 0px;}

/**/
.sortbanner{ height:300px; background-size:auto 100%; }
.sort-word{ width:400px; padding-top:40px;}
.sort-word h1{ font-size:26px; line-height:30px; text-align:left; padding-left:10px;}
.sort-word h2{ font-size:17px; text-align:left; line-height:20px; padding-left:10px;}
.sort-word p{ font-size:14px; padding:22px 0px 0 10px; text-align:left; line-height:20px; }

/**/
.brand-cimg{ width:600px; height:360px;}

/*-- OEM --*/
.oemban{ height:350px; }

/*-- foot --*/
.footone-a a{ width:120px; font-size:14px; }
.footone-c a{ width:120px; font-size:14px; }
.foottwo-a h1{ font-size:20px; }

}
@media (max-width: 1230px) {
.nmd{ width:100%; }

/*-- life --*/
.life-t{ line-height:28px; padding:40px 15%; font-size:17px;}

/*-- 品牌 --*/
.brandmian{ width:480px; }
.brand-t{ margin-top:130px; padding-left:30px; font-size:32px; }
.brand-t span{ font-size:60px; line-height:60px; }
.brand-info{ padding-left:20px; padding-top:40px; font-size:14px; line-height:23px;}
.man{ float:right; padding-top:30px;}
.man img{ width:450px;}

/*--  --*/
.bra-img{ width:45%; height:800px; }
.bra-info{ width:55%; padding:25px 2% 0px ;}
.bra-info h1{ font-size:48px; line-height:60px; padding-bottom:30px;}
.bra-info p{ font-size:16px; line-height:28px;}

/*-- OEM --*/
.oem-atm h1{ font-size:24px; }
.oem-atr .a1 p{ padding:5px 0px;}
.oem-atr .a2 p{ padding:5px 0px;}
.oem-gl p{ padding:5px;}
.oem-gra p{ padding:5px;}
.oem-grb p{ padding:5px;}
.oem-grc-p2 p{ font-size:14px; line-height:20px; padding:7px 0px;}

/**/
.oem-bt h1{ font-size:36px; }
.oem-bt h1 span:before{ border-bottom:56px solid #182d57;}
.oem-bt h1 span:after{ border-top:56px solid #182d57;}
.oem-bt h2{ font-size:16px; }

.oor{ padding:20px 20px 0px;}
.oora span{ font-size:28px; }
.oorb{ width:90%; }
.oorb h1{ font-size:20px;}
.oorb p{ font-size:14px; line-height:22px; padding-bottom:10px;}
.oemtwo .oor{ padding:20px 20px 0px;}

/*-- 理由 --*/
.ly-t h1{ font-size:40px; }
.lyone{ width:25%; }
.lyimg i{ height:45px; }
.lyimg p{ height:45px; font-size:16px; line-height:45px;}
.lyshow{ height:250px; padding:5px; font-size:15px; line-height:25px;}

/*-- 产品 --*/
/**/
.sortbanner{ height:260px; background-size:auto 100%; }
.sortname p{ font-size:14px;}
.plra15{ padding:10px;}

.cp-t h1{ font-size:28px; line-height:30px;}
#search_inputp1{ font-size:16px; }
.cpinfom{  padding:0px 20px; padding-bottom:110px; }
.num { height:100px; }
.num ul li img{ width:100px; height:70px; }

/*-- 聯繫 --*/
.cone-info p{ font-size:16px; }

}
@media (max-width: 1200px) {
.navbox{ width:65%; }

/*-- sycp --*/
.sycp{ padding-bottom:70px; }
.sycpname{ height:140px; }
.sycpname p{ padding:0px 20px;}
.sycpname .v1{ font-size:19px; padding:4px 0px;}
.sycpname .v2{ font-size:12px; padding:4px 0px;}
.sycpimg i{ width:100px; }
.sycpone{ width:24%; }
.sycpbg{ height:400px; }

}
/* md */
@media (max-width: 1180px) {
/*-- 品牌 --*/
.brand-bt{ width:100%; }
.brand-bimg{ width:100%; }

.brand-c{ padding:10px 15px;}
.brand-cimg{ width:100%; height:450px; position:relative; left:0px; top:0px; float:left; background-size:cover;}
.brand-cshow{ width:100%; height:auto; float:left; }
.brand-cshowm{ width:100%;}
.plrx0{ padding:0;}

}
@media (max-width: 1120px) {
.syabl{ height:450px; }
.bra-anum{ width:100%; }
.smone{ width:33.33%; padding:0px 5px;}
.smone h1 span{ font-size:34px;}
.smone h1{ font-size:16px;}

/*-- 产品内页 --*/
.prol-nav ul li a{ font-size:13px; }

/*-- OEM --*/
.oemban{ height:300px; }

}
@media (max-width: 1080px) {
.brand-cimg{ width:100%;}

/*-- sycp --*/
.sycp{ padding-bottom:50px; }
.sycpname{ height:120px; }
.sycpname .v1{ font-size:17px; }

/*-- 产品内页 --*/
.prol-nav ul li a{ font-size:12px; }
.prol-nav{ padding:10px 0px;}
.pc-a h2{ font-size:14px; }
.pc-a h3{ font-size:16px; }
.pc-b{ padding:15px 5px 25px;}
.pc-b p{ font-size:12px; }

.cpifnod a{ margin-right:10px;}


/*-- 理由 --*/
.lyone{ width:50%; }
.lyshow{ height:200px; padding:10px;}

/*-- foot --*/
.footone-a a{ width:100px; font-size:13px; }
.footone-c a{ width:100px; font-size:13px; }
}

/*ipad*/
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 768px) and (max-width: 991px) {
/*-- header --*/
.cenbox{ width:160px; height:35px; position:absolute; right:0; top:0; padding-top:0;}
.cenbox ul li{ width:80px;}
.headerbox .cenbox{ position:absolute;}
.navbox{ width:75%; }
.logo{ padding:28px 10px 0px 0px;}


/*-- 品牌 --*/
.brandmian{ width:400px; }
.brand-t{ margin-top:100px; padding-left:0px; font-size:22px; width:80%; }
.brand-t span{ font-size:40px; line-height:50px; }
.brand-info{ padding-left:0px;  font-size:13px;}
.man{ float:right; padding-top:30px;}
.man img{ width:350px;}

/*-- OEM --*/
.oemban{ height:250px; }

/*-- foot --*/
.footone-a a{ width:auto; font-size:13px; padding:0px 15px; }
.footone-c a{ width:auto; font-size:13px; padding:0px 15px;}
}
@media (max-width: 991px) {
.lifel-m{ width:100%; }
}
/* xs */
@media (max-width: 767px) {
.navbar{ padding:0px;}
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 280px;
}

#sidebar-wrapper {
    z-index: 99999;
    left: 280px;
    width: 0;
    height: 100%;
    margin-left: -280px;
	*margin-left: -280px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #434343;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
    width: 280px;
}

#page-content-wrapper {
    width: 100%;
}

#wrapper.toggled #page-content-wrapper {
    position:relative;
    margin-right: -280px;
	*margin-right: -280px;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
    width: 280px;
    list-style: none;
	float:left;
	padding-top:50px;
}

.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:#d0ab68;
    -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:#666666;
    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         */
/*-------------------------------*/
.phone-title{ width:100%; height:47px; float:left;
background: linear-gradient(bottom, #313131, #000000);
background: -ms-linear-gradient(bottom, #313131, #000000);
background: -webkit-linear-gradient(bottom, #313131, #000000);
background: -moz-linear-gradient(bottom, #313131, #000000);
}
.phone-title-fix{width:100%; height:47px; position: fixed; z-index:99999;
background: linear-gradient(bottom, #313131, #000000);
background: -ms-linear-gradient(bottom, #313131, #000000);
background: -webkit-linear-gradient(bottom, #313131, #000000);
background: -moz-linear-gradient(bottom, #313131, #000000);
}
.phome-top-name{ width:100%; text-align:center; float:left; line-height:47px; overflow:hidden; color:#FFF; text-overflow:ellipsis; white-space: nowrap; padding:0px 16%; font-size:15px;}
.phome-top-name i{ display:inline-block; height:47px;}
.phome-top-name i img{ height:40px;}
.xscen{ position:absolute; top:10px; right:5px; line-height:20px; background:#d7b10b; padding:3px 6px 4px;
 font-size:12px; color:#FFF;z-index:99999;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.xscen i{ padding-right:5px;}
.xscen a{ color:#FFF;}
.xscen img{ width:23px;}
.hamburger {
  position: fixed;
  top: 9px;  
  z-index: 9999999;
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 15px;
  background-color: transparent;
  border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #FFF;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #FFF;
}
.hamburger.is-closed .hamb-top { 
  top: 5px; 
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;  
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #fff;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/

.overlay { position: fixed;display:none;width: 100%; height: 100%;overflow:hidden;top: 0;left: 0;right: 0; bottom: 0;background-color: rgba(250,250,250,.8);z-index: 9;} 

/*-------------------------------------RBOX-----------------------------------*/

/*-- syab --*/
.syabout{ padding:20px 0px; }
.syabl{ width:100%; height:370px; background-size:100% 100%;}
.syabr{ width:100%; padding:10px 0px;}
.syabr h1{ font-size:19px; padding:10px 0px; }
.syabr span{ margin-bottom:25px;}
.syabr p{ font-size:14px; line-height:22px;}
.syabr a{ width:120px; height:40px; line-height:40px; margin-top:20px; font-size:13px;}
.syabout .bra-anum{ margin-top:0px; }

/*-- sycp --*/
.sycp{ padding-bottom:30px; }
.sycpbg{ height:300px; }
.sycp-t{ padding:40px 5px 20px;}
.sycp-t h1{ font-size:20px; line-height:24px;}
.sycp-t a{ width:120px; height:35px; line-height:35px; font-size:13px; margin-top:10px;}
.sycpone{ width:48%;margin:10px 0.5%; float:left;}
.sycpname{ width:100%; height:70px;}
.sycpname p{ padding:2px 8px;}
.sycpname .v1{ font-size:14px; padding:3px 0px;}
.sycpname .v2{ font-size:12px; padding:1px 0px;}
.sycpimg img{ width:100%;}
.sycpimg i{ width:50px; height:30px; left:10px; top:10px;}

/*-- syvideo --*/
.syvd-t{ padding:40px 10px 0px;}
.syvd-t i{ width:50%; float:left;}
.syvd-t i img{ width:140px;}
.syvd-t a{ margin-top:5px; width:110px; height:35px; line-height:35px; font-size:13px; }

.syvdshow{ padding:20px 0px;}
.syvdo{ width:100%; height:auto; float:left; padding:5px; }
.syvvdom{ height:500px;}
.syvdom{ padding:20px;}
.syvdom h1{ font-size:18px; line-height:25px;}
.syvdom h2{ font-size:16px; padding-top:140px;}
.syvdom i img{ width:40px;}
.sypower{ width:100%;}
.sypowerm{ height:230px; padding:15px;}
.sypowerm h1{ font-size:18px; line-height:25px;}
.sypowerm h2{ font-size:15px; padding-top:10px; line-height:22px;}
.sypowerm i img{ width:30px;}
.sydesign{ width:100%;}
.sydesignm{ height:230px; padding:15px;}
.sydesignm h1{ font-size:18px; line-height:25px;}
.sydesignm h2{ font-size:15px; padding-top:10px; line-height:22px;}
.sydesignm i img{ width:30px;}

/*-- life --*/
.life-t{ line-height:23px; padding:20px 0px; font-size:15px;}
.lifel-info{ padding:10px 10px 200px 10px; margin:20px 0px; background-size:250px auto;}
.lifel-m{ width:100%; height:auto; padding:0px 20px; background-size:80%;}
.lifel-m h1{ line-height:25px; font-size:20px; margin-top:55px;}
.lifel-m p{ width:100%;  margin-left:0%; margin-top:30px; padding:20px 0px 50px; }
.lifel-m span{ position:absolute; left:20px; bottom:20px;}

/*-- 内页banner --*/
.inbanner{ height:200px; }
.inbanner h1{ top:40%; font-size:28px;}

/*-- 导航loc --*/
.locbox{ padding:15px 0px; }


/*-- 产品 --*/
.cpceng{ height:10px; }
.cp-t{ padding:5px 0px;}
.cp-t h1{ font-size:18px; line-height:22px;}
.cp-s{ padding:12px 0px; }
.xsearch{ width:90%; height:45px;}
.xsearch .p1{ width:80%; height:45px;}
.xsearch .p2{ width:13%; height:45px;}
#search_inputp1{ font-size:14px; }
#search_inputp2{ background-size:25px;}
.probox{ padding:10px 0px 50px;}
.sortname p{ height:50px; font-size:13px;}


/*-- 产品内页 --*/
.ppl{ width:100%; }
.prol{ padding:5px;}
.prol-nav{ padding:5px;}
.prol-nav ul li a{ font-size:14px; padding:0px 20px 0px 5px;}
.prol-nav ul li a:hover i{ background-size:13px; }
#sort i{ background-size:13px; }

.pror{ width:100%; padding-left:0px;}
.sortbanner{  height:170px; background-size:cover; }
.sort-word{ width:100%; padding-top:30px; }
.sort-word h1{ font-size:17px; line-height:22px; text-align:left;padding:2px 5px;}
.sort-word h2{ font-size:13px; line-height:20px; text-align:left; padding:2px 5px;}
.sort-word p{ font-size:12px; line-height:20px; padding:2px 5px; text-align:left; }
.cpname p{ height:50px; }

/*-- 详细问题 --*/
.t2{ width:100%; }
.tlogo{ left:10px; top:10px; }
.tlogo img{ width:80px;}
.tbox{ position:relative; float:left; left:0px; bottom:0;}
.min_pic { padding:10px 5px;}
.num { height:60px; }
.num ul li { margin-right:5px; }
.num ul li img{ width:75px; height:55px; }
.cpinfobox{ width:100%; margin-left:0;}
.cpinfom{ min-height:auto; padding:5px; padding-bottom:0;}
.info-a{ width:100%;}
.info-a h1{ font-size:20px; line-height:25px; padding:10px;}
.info-a h1 i{ width:40px; height:40px; background-size:100%;}
.info-a .cone-line{ width:120px;}
.info-b{ width:100%; min-height:auto; padding:12px 5px; border-bottom:0px solid #a0a0a0;}
.info-b h1{ font-size:17px; }
.info-b p{ font-size:15px; }


.cpifnod a{ width:32%; margin-right:1%; }
.cpifnod span{ font-size:13px; }
#cpifl{ background-size:30px; }
#cpifm{ background-size:30px; }
#cpifr{ background-size:30px; }

/*-- 猜你喜欢 --*/
.cpelse{ margin-top:50px;}
.cpelse-t{ height:40px; }
.cpelse-t span{ width:auto; padding:0px 25px; height:40px; font-size:16px; line-height:40px; }
.cpelse-t a{ font-size:14px; margin-top:10px;}
.cpab{ width:50%; }


/*-- 品牌 --*/
.brandimg{ margin-top:0px;
background: linear-gradient(left, #aaaaaa, #aaaaaa);
background: -ms-linear-gradient(left, #aaaaaa, #aaaaaa);
background: -webkit-linear-gradient(left, #aaaaaa, #aaaaaa);
background: -moz-linear-gradient(left, #aaaaaa, #aaaaaa);
}

.brandmian{ width:100%; min-height:220px; padding-bottom:20px; position:relative; z-index:1;}
.brand-t{ margin-top:20px; padding-left:0px; font-size:16px; color:#000;}
.brand-t span{ font-size:22px; line-height:25px; padding-right:5px;}
.brand-info{ width:70%; padding-left:0px; padding-top:20px; font-size:14px; line-height:20px;}
.man{ padding-top:20px; position:absolute; bottom:0; right:0;}
.man img{ height:200px; width:auto;}

.brand-a{ padding:25px 0px;}
.bra-img{ width:100%; height:400px; }
.bra-info{ width:100%; padding:0px;}
.bra-info h1{ font-size:20px; line-height:25px; padding-bottom:10px; padding-top:25px;}
.bra-info p{ font-size:14px; padding:5px 0px; line-height:22px;}
.bra-anum{ width:100%; height:auto; color:#cccccc; position:relative; float:left; bottom:0px; margin-top:20px;}

.smone{ width:33.33%; height:100px; font-size:12px;  padding:0px 5px; }
.smone h1{ font-size:14px;}
.smone h1 span{ font-size:20px; }
.smone h1 i{ font-weight:600; font-size:14px; color:#f4c721; line-height:25px; font-style:normal;}
.smone p{ width:100%; height:auto; float:left; padding:5px 0px; font-size:23px; color:#333333; text-align:center; line-height:25px;}
.gss:before{ width:1px; height:45px; background:#c9c9c9; content:''; position:absolute; right:0; top:27px;}

.brand-b{ padding-top:20px;}
.brand-bt{ width:100%; float:left;}
.brand-bt h1{ font-size:20px; line-height:25px; padding-bottom:10px;}
.brand-bt p{ width:100%; font-size:14px; line-height:22px; padding:5px 0px;}

.brand-bimg{ width:100%; float:left; padding:15px 0px; text-align:left;}
.brsone{ width:100%; height:450px; text-align:left; background-size:100% 100%;}
.brsone p{ font-size:20px; }

.brand-c{ padding:10px 15px;}
.brand-cimg{ height:350px; position:relative; left:0px; top:0px; background-size:100% 100%; float:left;}
.brand-cimg p{ font-size:20px; }

.brand-cshow{ width:100%; height:auto; float:left; }
.brand-cshowm{ width:100%; padding:20px;}
.brand-cshowm h1{ font-size:20px; line-height:25px; padding-top:5px; padding-bottom:5px}
.brand-cshowm p{ width:100%; padding:10px 0px; font-size:14px; line-height:25px;}

/*-- OEM --*/
.oemban{ height:200px; }
.oem-a{  padding-bottom:20px;}
.oem-at{ padding:15px 10px;}
.oem-atl{ width:50%; height:auto; }
.oem-atl .a1{ width:50%; position:relative; float:left;}
.oem-atl .a1 i img{ width:50px;}
.oem-atl .a1 p{ font-size:12px; padding:10px 0px;}
.oem-atl .a2{ width:50%; position:relative; float:left;}
.oem-atl .a2 i img{ width:50px;}
.oem-atl .a2 p{ font-size:12px; padding:10px 0px;}

.oem-atm{ width:100%; height:auto; padding-top:30px;}
.oem-atm h1{ font-size:19px; line-height:20px; }

.oem-atr{ width:50%; height:auto; }
.oem-atr .a1{ width:50%; position:relative; float:left;}
.oem-atr .a1 i img{ width:50px;}
.oem-atr .a1 p{ font-size:12px; padding:10px 0px;}
.oem-atr .a2{ width:50%; position:relative; float:left;}
.oem-atr .a2 i img{ width:50px;}
.oem-atr .a2 p{ font-size:12px; padding:10px 0px;}

.oem-alogo{ position:absolute; right:0px; top:25px; }
.oem-alogo img{ max-width:70%;}
.oem-gl{ width:95%;}
.oem-gl p{ padding:5px;}
.oem-gr{ width:100%; }
.oem-gra p{ padding:5px;}
.oem-grb p{ padding:5px;}
.oem-grc{ padding-top:5px; }
.oem-grc-p2 p{ font-size:14px; }

/**/
.oem-b{ padding:50px 0px 20px; background-size:100%;}
.oem-bt h1{ font-size:18px;}
.oem-bt h1 span{ padding:10px; }
.oem-bt h1 span:before{left:-15px;
border-right:0px solid transparent;
border-left:15px solid transparent;
border-bottom:44px solid #182d57;
}
.oem-bt h1 span:after{ right:-15px;
border-right:15px solid transparent;
border-left:0px solid transparent;
border-top:41px solid #182d57;
}
.oem-bt h2{ font-size:12px;}
.oem-bt h3 p{ width:130px;}
.oemone{ padding:30px 0px 10px;}
.ool{ width:100%; }
.ool img{ max-width:100%;}
.oor{ width:100%; padding:10px;}
.oora{ width:100%; }
.oora span{ width:43px; height:43px; font-size:20px; line-height:43px;}
.oorb{ width:100%;}
.oorb h1{ font-size:17px; padding:15px 0px;}
.oorb p{ font-size:14px; line-height:20px;}
.oemtwo .oor{ padding:10px;}


/*-- 理由 --*/
.lybox{ padding:50px 0px 0px;}
.ly-t h1{ font-size:19px; padding:15px 0px;}
.ly-t h2 p{ width:130px;}
.ly-show{ padding:25px 10px;}
.lyone{ width:100%; }
.lyimg i{ height:45px;}
.lyimg p{ height:45px; font-size:16px; line-height:45px;}
.lyshow{ height:auto; padding:15px; font-size:14px; line-height:22px;}
.lyshow p{ height:auto; }

/**/
.fwbox{ padding:50px 0px;}
.fw-t h1{ font-size:19px; line-height:20px; }
.fw-t h2{ font-size:12px; line-height:16px; }


/*-- 下载 --*/
.dnn{ padding:0px;}
.dlone{
-moz-box-shadow: 6px 10px 0px 3px #f3f3f3;/*兼容firefox*/
-webkit-box-shadow: 6px 10px 0px 3px #f3f3f3;/*兼容safari或chrome*/
box-shadow: 6px 10px 0px 3px #f3f3f3;/*兼容opera或ie9*/
}
.dlimg{ padding:8px;}
.dlimg img{ width:100%;}
.dlname{ width:100%; height:auto; float:left; background:#505050; text-align:center; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.dlname span{ width:100%; height:auto; margin:10px 0px; float:left;}
.dlname span img{ width:100px;}

/*-- 新闻中心 --*/
.newsone{  height:auto; padding:10px 0px;}
.newsL{ width:100%; height:auto; }
.newsL img{ height:auto;}
.newsR{ width:100%; height:auto; margin-left:0;}
.newsR .title{ padding:15px 0px; }
.newsR .title h1{ font-size:16px;}
.newsR .ninfo{ height:auto; font-size:13px; line-height:20px; padding-bottom:0px;}

/*-- 新闻详细内容 --*/
.in-newsbox_title { font-size:18px; margin-top:10px;}
.in-newsbox_titles { font-size:18px; }
.in-newsbox_info { padding:10px 0px; }
.in-newsbox_info ul li{ font-size:15px; }
.in-newsbox_info span{ font-size:15px; }
.in-newsbox_content{ font-size:15px; line-height:28px;}

.pagesl{ width:100%; }
.pagesl p{ font-size:14px; }
.pagesr p{ font-size:14px;}
.pagesr{ width:100%; float:left; text-align:left;}
.pagesl a{ font-size:14px; }
.pagesr a{ font-size:14px; }


/*-- 联系我们 --*/
.cone{ padding:15px 0px;}
.cone-img{ padding:10px 0px;}
.cone-img img{ width:60px;}
.cone-name{ font-size:18px; padding:10px 0px;}
.cone-line{ padding:0px 40%;}
.cone-line i{ height:5px;}
.cone-info{ padding:20px 0px;}
.cone-info p{ font-size:15px; line-height:20px; padding:3px 0px; }
.cont-words{ height:auto; padding:30px 0px;}
.cont-words .p1{ font-size:18px; }
.cont-words .p2{ font-size:15px; padding:0px 10px; line-height:23px; margin-top:13px;}

/*-- feedback --*/
.feedback{ padding:30px 0px;}
.feedl{ width:100%; padding-right:0px;}
.feedl .p1{ font-size:18px; line-height:30px; }
.feedl .p2{ font-size:15px; line-height:30px;}
.feedr{ width:100%; }

/*-- 地图 --*/
.mapbox{  height:350px; margin-top:40px;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari 和 Chrome */
border-radius:10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

/*-- foot --*/
.footB{ padding-bottom:50px; background:#d0ab68; background-size:130%;}
.footdown{ padding:20px 0px; font-size:12px; line-height:23px; margin-top:0px; border-top:0px;}
.footdown span{ width:100%; text-align:center; padding:0;}
.footdown span a{ color:#c2c2c2; }


/*-- 手机搜索 --*/
#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:#deb771;
-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:50px; float:left; z-index:9999; border-top:1px solid #e4e4e4;
background: linear-gradient(top, #313131, #000000);
background: -ms-linear-gradient(top, #313131, #000000);
background: -webkit-linear-gradient(top, #313131, #000000);
background: -moz-linear-gradient(top, #313131, #000000);
}
.footer-navs{ width:100%; float:left; padding:0; margin:0; position:relative !important;}
.footer-navs li{ float:left; font-size:14px; line-height:50px; width:33.33%; text-align:center; list-style:none; color:#FFF; cursor:pointer;}
.footer-navs a{ color:#FFF;}
.footer-navs p{ display:inline-block;}
#fancybox-close{ top:10px; right:-30px;}

.ph-two{ width:50%; height:auto; position:absolute; left:25%; bottom:50px; padding:4px 8px;
filter:alpha(opacity=98);   
-moz-opacity:0.98;   
-khtml-opacity: 0.98;   
opacity: 0.98;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ 
background: linear-gradient(top, #006448, #017252);
background: -ms-linear-gradient(top, #006448, #017252);
background: -webkit-linear-gradient(top, #006448, #017252);
background: -moz-linear-gradient(top, #006448, #017252);
}
.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浏览器 */
}

/*-- 登录图标 --*/
.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:#656773; padding:13px 10px; line-height:25px; color:#FFF; font-size:16px; text-align:left;}
.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;}
.plrx5{ padding:0px 5px;}
.plrx10{ padding:0px 10px;}
.plrx15{ padding:0px 15px;}
.plrx20{ padding:0px 20px;}
.plrx30{ padding:0px 30px;}
.plra35{ padding:10px 5px;}
.mlr30{ margin:0px -5px;}
.plrt10{ padding:10px 0px;}
.plra8{ padding:3px;}
.plra15{ padding:5px;}
.plra10{ padding:5px; }
}

/* XS Portrait */
@media (max-width: 480px) {
/*-- syab --*/
.syabl{ height:200px;}

/*-- syvideo --*/
.syvd-t i img{ width:110px;}
.syvvdom{ height:300px;}
.syvdom h1{ font-size:17px; }
.syvdom h2{ font-size:15px; padding-top:30px;}
.sypowerm h1{ font-size:17px; }
.sypowerm h2{ font-size:14px; }
.sydesignm h1{ font-size:17px; }
.sydesignm h2{ font-size:14px; }

/*-- life --*/
.lifel-m h1{ margin-top:35px;}
.lifel-m p{ margin-top:15px; }


/*-- 内页banner --*/
.inbanner{ height:120px; }
.inbanner h1{ font-size:22px;}

/*-- 导航loc --*/
.locbox i{ height:15px; background-size:auto 15px;}

/*-- OEM --*/
.oemban{ height:130px; }
.oem-at{ padding:15px 0px;}
.oem-gl{ width:92%; }
.oem-bt h1 span:before{border-bottom:41px solid #182d57;}

/*-- 品牌 --*/
.bra-img{ height:200px; }

.smone{ width:32.8%;}
.smone h1{ font-size:12px;}
.smone h1 span{ font-size:16px; }
.smone h1 i{ font-size:12px;}
.smone p{ font-size:16px;}

.brsone{ height:300px; }
.brsone p{ font-size:20px; }

.brand-cimg{ height:180px; float:left;}

/*-- 聯繫 --*/
.cone-line{ padding:0px 35%;}

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

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

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

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

}