@media (max-width: 1950px) {

}

@media (max-width: 1560px) {
.tbox{ width:80%; }
}

@media (max-width: 1460px) {

}

@media (max-width: 1360px) {
.mds{ width:100%;}
}

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

/*-- TOP二级 --*/
.b-lnav{padding:30px 0px 30px 30px;}
}

@media (max-width: 1200px) {
.foot-br{ padding-left:10px; }
.foot-br ul li{ padding:0px 10px; font-size:15px; }
}

/* md */
@media (max-width: 1180px) {
.cont-bl-two{ padding:45px 0px 45px 8%;}
}

@media (max-width: 1100px) {
.navbox ul li{ padding:0px 8px;}
.navbox ul li a{ padding:0px 10px; }
}

@media (max-width: 1080px) {
.sytwor{ padding:10px 20px 10px 6%;}
.sytwor p{ width:80%; line-height:22px; }

.sytwo-bl{ padding-left:10%;}
.sytwo-bl p{ width:80%; line-height:28px;}
.sytwo-x p{ width:60%; line-height:28px;}

.syth-al{ width:50%; padding-left:5%;}
.syth-ar{ width:50%; padding:35px 20px;}

.syth-bl{ padding:80px 5% 10px;}
.syth-br{ padding:6%;}

.syfo-bl i{ height:360px; }
.syfo-br-a{ height:220px; padding:20px 30px;}
.syfo-br-a p{ width:86%; line-height:25px; }
.syfo-br-b i{ height:140px;}
}
/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
.foot-br ul li{ padding:0px 5px; font-size:14px; }
.foot-bl p i{ max-width:25%;}
.foot-bl p span{ max-width:75%; }

.navbox ul li{ padding:0px 4px;}
.navbox ul li a{ padding:0px 5px; font-size:15px;}
}
/* 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:#181834;
    -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:#fb7307;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}
.sidebar-nav i{ padding-right:20px;}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}
.sidebar-nav li a {
    display: block;
    color: #FFF;
    text-decoration: none;
    padding:5px;
	font-size:18px;
	text-align:center;  
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    color:#FFF;
    text-decoration: none;
    background-color: transparent;
}

.sidebar-nav > .sidebar-brand {
    height: 50px;
    font-size: 20px;
    line-height: 45px;
}
.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color:#000;
    box-shadow: none;
}
.sidebar-brand{ color:#FFF; font-weight:600; font-size:18px; line-height:27px; margin-top:20px;}
.psort{ width:100%; height:auto; float:left; padding-left:0px;}
.psort a{ display:block; color:#ccc; padding:2px 0px; line-height:30px;}

.sidebar-nav li .snav{ background:#fff; width:100%; float:left; box-shadow:2px 2px 1px rgba(204,204,204,0.5); padding:10px; display:none;}
.sidebar-nav li .snav a{display:block; line-height:28px; font-size:15px; color:#666; text-decoration:none;}
.sidebar-nav li .snav a:hover{ background:#e4e4e4; color:#fff;}

.xtwo{ width:100%; height:auto; float:left;}
.xtwo a{ width:100%; height:auto; float:left; font-size:15px; text-align:center; color:#FFF; line-height:28px; padding:5px;}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.hamburger {
  width: 32px;
  height: 32px;
  background:transparent;
  position:absolute;
  z-index: 100000;
  right:15px;
  top:24px;
  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: #cdbd9b;
}
.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: #cdbd9b;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

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

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

/*-------------------------------------RBOX-----------------------------------*/
/*-- 手机侧边导航 --*/
.xtopB{ width:100%; height:auto; float:left; padding:90px 10px 50px; position:relative;}
.xtop{ width:100%; height:auto; float:left; padding:20px 10px;}
.xtop h1{ width:100%; height:auto; float:left; font-size:18px; color:#FFF; padding:10px 0px; text-transform:uppercase; font-weight:600;}
.xtop h1 a{ color:#FFF; display:block;}
.xtop ul li{  float:left; font-size:16px; color:#FFF; width:100%;}
.xtop ul li a{ color:#FFF; display:block; padding:10px;}

.xscen{ width:100%; height:auto; float:left;}
.xscen span{ padding:5px 10px; background:#FFF; margin-right:5px; }
.xscen a{ padding:5px 10px; background:#cdbd9b; color:#FFF;
-moz-border-radius:3px; /* Firefox */
-webkit-border-radius:3px; /* Safari 和 Chrome */
border-radius:3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

/*-- 头部 --*/
#hero{ padding-top:80px;}
.headerbox{ height:80px;}
.logo img{ width:140px;}
.cen{ position:absolute; right:65px; top:30px;}
.searchv{ padding-right:15px; }
.searchv img{ max-width:80%;}
.search-show{ width:300px; top:50px; left:-155px; }
#search_input1{ width:272px;}
.lug ul li{ padding-left:10px;}

.inheader .headerbox{ padding-bottom:10px;}

/*-- syone --*/
.syone{ padding-top:20px;}
.syone-t i img{ width:10px; }
.syone-t p{ font-size:14px; line-height:20px; letter-spacing:0;}
.syone-show{ padding:20px 0px;}
.syone-show .slide{ padding:0px;}
.syone-show .slide .syo{ width:98%; margin:0px 1%;}
.syone-show .slide .syo i{ width:100%; } 
.syone-show .slide p{ width:100%; font-size:12px; margin-top:0px; padding:5px 5px 10px; line-height:16px;}
.syone-show .slide p span{ font-size:13px; padding:5px 0px;}

/*-- sytwo --*/
.sytwol{ width:100%; height:350px; }
.sytwor{ width:100%; padding:20px 10px;}
.sytwor h1{ font-size:18px; line-height:25px; margin-top:10px; }
.sytwor h2{ font-size:14px; line-height:22px;}
.sytwor h2 br{ display:none;}
.sytwor p{ width:100%; font-size:13px; line-height:22px; margin-top:15px;}
.sytwo-b{ background:#000; padding-bottom:0; }
.sytwo-bl{ width:100%; padding-left:0;}
.sytwo-bl i{ margin-top:15px;}
.sytwo-bl i img{ width:20px;}
.sytwo-bl p{ width:100%; margin-top:10px; font-size:13px; line-height:22px;}
.sytwo-br{ width:100%; height:350px; margin-top:10px; }
.sytwo-x{ width:100%; top:0; right:0; float:left; position:relative; padding:15px;}
.sytwo-x i img{ width:20px;}
.sytwo-x p{ width:100%; font-size:13px; line-height:22px; padding:10px 0px;}

/*--  syth --*/
.syth{ padding-top:30px;}

.syth-al{ width:50%; padding-left:0;}
.syth-al h1{ font-size:18px; line-height:30px; padding:10px 0px; }
.syth-al p{ font-size:12px; }
.syth-ar{ width:50%; padding:35px 0px 0px;}
.syth-ar p{ font-size:18px; line-height:25px;}

.syth-b{ margin:20px 0px; }
.syth-bl{ width:100%; padding:20px 10px; }
.syth-bl>i{ padding-left:5px;}
.syth-bl>i img{ width:20px; }
.syth-bl p{  font-size:12px; line-height:18px; margin-top:10px;}
.syth-bl a{ margin-top:20px; font-size:12px; }
.syth-bl a:hover>i{ margin-left:10px; }

.syth-br{ width:100%; height:300px; }
.syth-br-a{ border:5px solid #FFF;}
.syth-br-a h1{ font-size:22px; line-height:30px;}
.syth-br-a p{ padding:0px 10px; font-size:14px; margin-top:30px;}

/*-- syfo --*/
.syfo{ padding:20px 0px 60px;}
.syfo-al{ width:50%; padding-top:100px;}
.syfo-al i{ width:100%; height:300px; }
.syfo-ar{ width:50%; }
.syfo-ar i{ height:400px; }

.syfo-bl{ width:100%; }
.syfo-bl i{ width:100%; height:350px;}
.syfo-br{ width:100%; }
.syfo-br-a{  height:auto;  padding:10px;}
.syfo-br-a i img{ width:20px; }
.syfo-br-a p{ width:100%; font-size:13px; line-height:22px; }
.syfo-br-b i{ height:180px; }

/*-- about --*/
.about-t{ padding:30px 0px 20px;}
.about-t h1{ line-height:25px; font-size:22px; padding-left:0px;}
.about-t p{  line-height:25px; font-size:18px; margin-top:5px;}
.about-info{ font-size:14px; line-height:24px; padding:20px 0px;}

.abone{ width:100%; height:190px; }
.abone i{ margin-top:60px; }
.abone i img{ width:40px;}
.abone p{ font-size:18px; margin-top:20px;}

.about-c{ padding:30px 0px 20px;}
.about-ct{ padding:10px; font-size:14px; line-height:25px; letter-spacing:0;}
.about-cm{ padding:20px 0px;}

.ab-cml{ width:100%; height:220px; }
.ab-cmr{ width:100%; padding-left:0;}
.ab-cone{ height:auto; margin-bottom:10px; padding:10px 15px 20px;}
.ab-cone h1{ margin-top:8px;}
.ab-cone h1 span{ height:50px; font-size:16px; }
.ab-cone p{ margin-top:10px;}
.ab-cone p span{ height:auto; font-size:14px; }

/*-- oem --*/
.oem-a{ height:350px;}
.oem-a h1{  font-size:20px; margin-top:120px;}
.oem-a .p1{ font-size:16px; line-height:25px; letter-spacing:0.5px;}
.oem-a .p1 span{ padding:15px; }
.oem-a .p2{ font-size:16px; line-height:18px;  padding:15px 5px;}

.oem-b{ padding:20px 0px; }
.oem-bl{ width:100%; padding:10px 0px 20px;}
.oem-bl i img{ width:20px;}
.oem-bl p{ font-size:14px; padding-top:10px;}
.oem-bl p br{ display:none; }
.oem-br{ width:100%; }
.oem-br i{ height:320px; }
.oem-c{ height:260px; }
.oem-c h1{ font-size:20px; line-height:25px; margin-top:60px;}
.oem-c p{ font-size:18px; line-height:25px; padding:30px 10px;}
.oem-d{ margin-top:30px; }
.qtlogo{ display:none; }
.qt1{ width:100%; padding:5px;}
.qt1-t{ margin-top:15px; line-height:40px;}
.qt1-show{ height:auto; padding:5px;}
.qt1-show p{ padding-bottom:20px; }
.qt2{ width:100%; padding:5px;}
.qt3{ width:100%; padding:5px;}
.qt4{ width:100%; padding:5px;}
.oemelse{ padding:5px 0px 60px;}

/*-- inbanner --*/
.inbanner h1{ top:43%; font-size:18px; }

/*-- 产品 --*/
.pro-a{ padding:10px 0px;}
.pro-sort{ width:100%; }
.pro-sort a{ font-size:19px; line-height:30px; }
.pro-sort a:before{top: 12px;}
.pro-search{ width:100%; }
.cpsearch{ width:100%; border-bottom:1px solid #000;}
.cpsearch .p1{ width:83%; height:40px; float:left; border:0;}
.cpsearch .p2{ width:17%; height:40px; float:left; text-align:center; overflow:hidden; cursor:pointer; }
#search_inputp1{ font-size:16px; }
#search_inputp2{ background-size:auto 20px; }

.profloat{ padding:15px 0px 30px; top:48%;}
.profloat span{ padding:4px 0px; }
.profloat a{ font-size:16px; height:45px; }

.pro-b{ padding-bottom:40px;}
.sortname p{ height:55px; font-size:13px; }

/*-- 产品内页 --*/
.cpname p{ height:45px; font-size:13px; }

/*-- page --*/
.pagination ul li{ margin-right:2px; }
.pagination ul li a{ padding:1px 7px;}

/*-- 详细问题 --*/
.t2{ width:100%; }
.tbox{ width:100%; position:relative; float:left; left:0%; bottom:0%; padding-top:10px;}
.min_pic { }
.num { height:65px;}
.num ul li img{ width:auto; height:60px; }
.cpinfobox{ width:100%; padding:20px 0px 0px 0px;}
.info-a{ width:100%;}
.info-a h1{ font-size:22px; line-height:30px; }
.info-b{ min-height:100px; padding:10px 0px; font-size:16px;}
.info-c .p1{ width:50px; height:50px; }
.info-c .p2{ height:50px; line-height:50px; font-size:15px; }
.prev_btn1 { width:30px; height:60px;}
.next_btn1 { width:30px; height:60px;}

/*-- --*/
.other-t{ padding:20px 0px;}
.other-t p{ font-size:16px; padding:3px 0px;}
.other-t h1{ font-size:20px; padding:2px 0px;}
.other-show{ padding:20px 0px 40px;}

/*-- 新闻 --*/
.news{ padding:25px 0px;}
.news-t{ padding:10px 0px;}
.news-t h1{ font-size:22px; }
.news-t p{ font-size:18px; }

.newsone{ margin:5px 0px; }
.ndate h1{ font-size:24px; }
.ndate p{ letter-spacing:2px; padding-left:2px;}
.newsname{ padding:0 10px;}
.newsname p{ height:60px; font-size:14px; line-height:18px;}

/*-- 新闻详细内容 --*/
.in-newsbox_title {width:100%; padding:0px; font-size:20px; margin-top:25px; line-height:25px;}
.in-newsbox_info{ padding:15px 0px;}
.in-newsbox_info ul li{ font-size:15px; }
.in-newsbox_content{ font-size:15px; line-height:25px;}
.pagesl{ width:100%; }
.pagesl p{ width:100%; font-size:14px; }
.pagesr p{ width:100%; font-size:14px;}
.pagesr{ width:100%; float:left; text-align:left;}
.pagesl a{ font-size:14px;}
.pagesr a{ color:#FFF; font-size:14px; }

/*-- 联系我们 --*/
.contact{  padding:25px 0px;}
.cont-b{ padding:25px 0px; }
.cont-bl{ width:100%; }
.cont-bl-one{ padding:5px 0px;}
.cont-bl-one i{ width:100%; padding-right:0px; text-align:center;}
.cont-bl-one i img{ width:50px; }
.cont-bl-one p{ width:100%; font-size:14px; padding:5px 0px; text-align:center;}
.cont-bl-one p span{ float:none; display:inline-block; vertical-align:middle;}

.cont-br{ width:100%;}
.cont-bl-two{ padding:10px 0px; width:100%;}
.cont-bl-two i{ width:100%; padding-right:0px; text-align:center;}
.cont-bl-two i img{ width:50px; }
.cont-bl-two p{ width:100%; font-size:15px; padding:10px 0px; text-align:center;}
.cont-bl-two p span{ float:none; display:inline-block; vertical-align:middle;}

.cont-words{ padding:40px 0px;}
.cont-words .p1{ font-size:18px; }
.cont-words .p2{ font-size:14px; line-height:22px; margin-top:10px;}
.cont-words .p2 br{ display:none; }

/*-- 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:25px;}
#button{ width:140px; height:40px; margin-top:15px;}

/*-- 地图 --*/
.feedr{ width:100%; }
.mapbox{ height:350px; margin-top:25px; padding:7px;
-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;}
.footup{ padding-bottom:0px;}
.foot-top{ width:60px; height:40px; background-size:60px auto;}
.foot-a{ padding-top:15px;}
.foot-a img{ width:140px;}
.foot-b{  padding-top:10px;}
.foot-bl{ width:100%;}
.foot-bl p{ font-size:14px; line-height:22px;}

.footdown{ padding:20px 10px; font-size:12px; line-height:20px; margin-top:0px; border-top:0px;}
.footdown span{ width:100%; text-align:center; padding:0; float:left;}
.footdown span a{  }

/*-- 手机搜索 --*/
#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.html); 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:#000;}
.footer-navs{ width:100%; float:left; padding:0; margin:0; position:relative !important;}
.footer-navs li{ float:left; font-size:14px; width:20%; text-align:center; list-style:none; color:#FFF; cursor:pointer; padding-top:8px;}
.footer-navs li i{ width:100%; height:auto; float:left;}
.footer-navs li i img{ width:20px;}
.footer-navs a{ color:#FFF; display:block;}
.footer-navs p{ display:inline-block; font-size:0.8em}
#fancybox-close{ top:10px; right:-30px;}

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

/*-- 登录图标 --*/
.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:#00bab4; 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;}
.plrx2{ padding:0px 2px;}
.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;}
.plras8{padding:5px;}
.plra15{ padding:5px;}
.plrax15{ padding:2px;}
.plra10{ padding:5px; }
.plra25{ padding:5px;}
.plra20{ padding:5px;}
.plras30{ padding:5px;}
.plra30{ padding:5px;}
.plras15{ padding:5px; }
}

/* XS Portrait */
@media (max-width: 480px) {
/*-- sytwo --*/
.sytwol{ height:215px; }
.sytwo-br{ height:215px; }

/*-- syfo --*/
.syfo-bl{ width:100%; }
.syfo-bl i{ width:100%; height:350px;}
.syfo-br{ width:100%; }
.syfo-br-a{  height:auto;  padding:10px;}
.syfo-br-a i img{ width:20px; }
.syfo-br-a p{ width:100%; font-size:13px; line-height:22px; }
.syfo-br-b i{ height:180px; }


.syfo-al{ padding-top:50px;}
.syfo-al i{ height:150px; }
.syfo-ar{ }
.syfo-ar i{ height:200px; background-position:left top; }
.syfo-bl i{ height:180px; }
.syfo-br-b i{ height:120px; }

.oem-br i{ height:200px; }
.oem-a{ height:250px;}
.oem-a h1{ margin-top:60px;}

.mapbox{ height:250px; }

.foot-bl p i{ max-width:30%;}
.foot-bl p span{ max-width:70%;}
}

@media (max-width: 380px) {

}

@media (max-width: 330px) {

}