@media (max-width: 1700px) {
/*-- 产品内页 --*/
.productsm{ width:1920px;}
}
@media (max-width: 1630px) {
.tmd{ width:100%;}
}
@media (max-width: 1530px) {
.xmd{ width:100%;}

/*-- syone --*/
.syone{ padding-left:15%;}
.syo-ob .one{ width:260px;}

.footh-r{right:10px;}
}
@media (max-width: 1430px) {
.md{ width:100%;}
}
@media (max-width: 1360px) {
.cmd{ width:100%;}

/*-- syone --*/
.syone{ padding-left:8%; padding-bottom:200px;}
.syo-t{ width:100%; margin-top:60px; font-size:40px;}
.syo-p{ width:70%;}

.syo-ob .one{ width:240px; height:300px; padding:20px 15px 0px; }
.syo-ob .one .p1{ margin-top:20px; }
.syo-ob .one .p2{ margin-top:30px; font-size:50px;}
.onebg{ width:95%; height:350px; }
.syo-ob .one .cnoem{ font-size:40px;}

/*-- sytwo --*/
.sytwo{padding-left:5%;}
.sytwo-show{ padding-right:5%;}

/*-- syfo --*/
.syfo{ margin-top:80px;}
.synl-img{ height:420px;}
.syfor-t{height:420px; padding-top:80px;}
.syfor-t .p1{ font-size:36px; }
.syfor-t .enp1{ font-size:30px; line-height:35px;}
.syfor-t .p3{ font-size:40px; line-height:40px;}
.syfor-t .p3 .enp3{ font-size:60px;}
}
@media (max-width: 1230px) {
.smd{ width:100%}
.f1-img img{ max-width:65%;}
.f1-name{font-size:20px; padding-left:0px;}

/*-- 内页 --*/
.pro-t{ font-size:38px; }
.pro-p .p2{ width:25%;}
.pro-p .p2{ width:50%;}
.pro-p .p3{ width:25%; padding-left:30px;}
.list ul{ text-align:left;}
.list ul li{ width:24%; margin:10px 0px;}
#ww{ width:auto; padding-right:10px;}
}
@media (max-width: 1200px) {
/*-- 关于我们 --*/
.abot{ line-height:60px; font-size:55px;}
.abpp{ top:125px;}
.aboinfo{ padding:30px 5% 0px 5%; }
.aboimg{ margin-top:100px; }
.abfom{ width:100%;}
.abn-one{ width:33%;}
.abn-one .p1{ font-size:55px;}

}
@media (max-width: 1170px) {
/*-- syone --*/
.syone{ padding-left:10px; padding-right:10px;}
.syo-t{ width:100%; margin-top:50px; font-size:36px;}
.syo-p{ width:100%;}
.syo-ob .one{ width:23%; height:250px; float:left; margin:1%;}
.syo-ob .one .p1{ margin-top:20px;}
.syo-ob .one .p2{ font-size:40px;}
.syo-ob .one .p3{ width:100%; height:auto; float:left; font-size:16px; list-style:22px;}
.onebg{ width:100%; height:320px;}
.onep{ height:140px; background-size:80%}
.syo-ob .one .cnoem{ font-size:36px;}

/*-- sytwo --*/
.sytwo{padding-left:0%; margin-top:70px;}

.sytwo-nav{ padding:30px 10px; }
.sytwo-nav ul li{ height:40px; float:left; font-size:16px; line-height:30px; margin:10px;}
.sytwo-show{ padding:10px;}
.sytb-name{ height:50px; }
.sytb-name table{ font-size:14px; }

/*-- syth --*/
.syth{ height:380px; margin-top:90px;}

/*--　关于我们 --*/
.aboimg{ padding:0;}
.aboimg img{ width:100%;}
.abo-sl{ width:23%; font-size:24px; padding-left:10px;}
.abo-sr{ width:77%; line-height:28px; font-size:17px;}
}
/* md */
@media (max-width: 1130px) {
/*-- 头部 --*/
.logol{ width:30%; float:left; height:90px; background-size:95%;}
.logom{ width:40%; background-size:60%;}
.logor{ width:30%;}
.navbox a{ padding:0px 10px; margin:0px 15px;}

.pro-p .p3{padding-left:10px;}

/*-- 尾部 --*/
.footone-nav{ padding-left:10%;}
}
/*ipad*/
@media (max-width: 1080px) {
/*-- syfo --*/
.synl-img{ height:350px;}
.syfor-t{height:350px; padding-top:60px;}
.syfor-t .p1{ font-size:30px; }
.syfor-t .enp1{ font-size:24px;}
.syfor-t .p3{ font-size:30px;}
.synl-box{ padding:15px 20px 10px; }
.syfor-l .p1{ font-size:40px; line-height:50px; }
.syfor-l .p3{ font-size:30px;}

/*-- 详细页 --*/
.t2{ padding-top:60px;}
.cpinfobox{ padding:50px 0px 0px 30px; }

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 768px) and (max-width: 991px) {
/*-- syone --*/
.syo-ob .one .p1{ margin-top:14px; font-size:14px;}
.syo-ob .one .p2{ font-size:30px;}
.syo-ob .one .p3{ font-size:14px;}
.syo-ob .one .cnoem{ font-size:28px;}

/*-- syth --*/
.syth{ height:310px; }

/*-- 尾部 --*/
.footone-nav{ padding-left:2%; font-size:12px; padding:0px 2px;}
.footone-nav ul li a{ padding:2px 5px}


/*-- 详细页 --*/
.t2{ width:55%; padding-top:100px;}
.cpinfobox{ width:45%; padding:50px 0px 0px 10px;}
}

/* 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;
}

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

#sidebar-wrapper {
    z-index: 99999;
    left: 220px;
    width: 0;
    height: 100%;
    margin-left: -220px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #333333;
    -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: 220px;
}

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

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

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

.sidebar-nav {
    position: absolute;
    top: 20px;
    width: 220px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    position: relative; 
    line-height: 32px;
    display: inline-block;
    width: 100%;
	padding:8px 5px;
	border-bottom:1px solid #e4e4e4;
}

.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 0px;
    background-color:#000;
    -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 10px 5px 10px;
	font-size:16px;   
}
.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:#333333;
    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;}


/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.phone-title{ width:100%; height:47px; float:left;
background: linear-gradient(bottom, #02903f, #03853b);
background: -ms-linear-gradient(bottom, #02903f, #03853b);
background: -webkit-linear-gradient(bottom, #02903f, #03853b);
background: -moz-linear-gradient(bottom, #02903f, #03853b);
}
.phone-title-fix{width:100%; height:47px; position: fixed; z-index:99999;
background: linear-gradient(bottom, #02903f, #03853b);
background: -ms-linear-gradient(bottom, #02903f, #03853b);
background: -webkit-linear-gradient(bottom, #02903f, #03853b);
background: -moz-linear-gradient(bottom, #02903f, #03853b);
}
.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%;}
.phome-top-name i img{ height:27px; margin-top:0px; padding-right:5px;}
.xscen{ position:absolute; top:11px; right:3px; line-height:20px; background:#313131; padding:3px 7px;
 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 a{ color:#FFF;}
.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;} 

/*-- logobox --*/
.logobox{ height:auto;}
.logom{ width:100%; background-size:190px auto; height:70px;}
.logor{ width:100%; height:30px; line-height:30px; padding:0px; font-size:14px;}

/*-- syone --*/
.syone{ padding:10px 10px 100px;}
.syoshow{ width:100%; height:auto; float:left;}
.syo-t{ width:100%; margin-top:20px; font-size:22px; line-height:30px; padding:10px 0px; }
.syo-p{ width:100%; position:relative; z-index:1;}
.syo-ob{ margin-top:40px;}
.syo-ob .one{ width:48%; height:200px; margin:1%; padding:20px;}
.syo-ob .one .p1{ font-size:14px; margin-top:10px;}
.syo-ob .one .p2{ margin-top:20px; font-size:28px; line-height:35px; }
.syo-ob .one .p3{ font-size:14px; margin-top:10px;}
.onebg{ width:100%; height:150px; }
.onep{ width:100%; height:100px; top:200px; background-size:90%;}
.syo-ob .one .cnoem{ font-size:24px; letter-spacing:0px;}

/*-- sytwo --*/
.sytwo{ padding-left:0%; margin-top:20px;}
.sytwo-nav{ padding:10px; }
.sytwo-nav ul li{ height:40px; float:left; font-size:14px; line-height:30px; margin:10px 5px;}
.sytwo-nav ul li a{ padding:5px 15px; }
.sytwo-show{ padding:5px 15px;}
.sytbox{ margin:5px 0px;}
.sytb-name{ height:40px; }
.sytb-name table{ font-size:14px; }
.sytb-horname{ margin-top:40%;}
.sytwo i{ height:50px; width:100%; background-size:95%; background-repeat:no-repeat; background-position:center center; bottom:-35px;}

/*-- syth --*/
.syth{ height:140px; margin-top:50px;}

/*-- syfo --*/
.syfo{ margin-top:20px;}
.syfol{ width:100%; }
.synl-img{ height:220px; background-position:center center;}
.synl-box{ height:auto; padding:15px;}
.synl-name{ padding:10px 0px;}
.synl-info{ line-height:20px;}
.synl-line{ margin:20px 0px;}

.syfor{ width:100%;}
.syfor-t{ height:auto; padding-top:10px;}
.syfor-t .p1{ font-size:20px; text-align:center; line-height:30px; padding-bottom:10px;}
.syfor-t .enp1{ font-size:20px; text-align:center; line-height:20px;}
.syfor-t .p2{ margin-right:27.5%;}
.syfor-t .p3{ text-align:center; font-size:22px; line-height:30px; padding:15px 0px;}

.syfor-one{ width:100%; height:100px; float:left; background:#f3f3f3; margin:10px 0px;}
.syfor-l{ width:30%; background-position:center center;}
.syfor-l .p1{ font-size:28px; line-height:30px; padding:15px 0px 0px 15px;}
.syfor-l .p3{ font-size:22px; padding:10px 15px;}

.syfor-r{ width:70%; padding:15px;;}
.syfor-r .p1{ font-size:14px; padding:5px 0px; line-height:20px;}
.syfor-r .p2{ margin-top:0px;}

/*-- locbox --*/
.locbox{ font-size:14px; margin:15px 0;}
.locbox a{font-size:14px;}

/*-- 关于我们 --*/
.abpp{ width:100%; height:130px; top:70px; background-size:130%; background-repeat:no-repeat;}
.abot{  line-height:40px; font-size:30px; padding:0px 10px;}
.aboinfo{ padding:10px; font-size:15px; line-height:25px;}
.aboimg{ padding-left:0%; margin-top:20px; }
.abo-story{ margin-top:20px;}
.abo-sl{ width:100%; padding-left:5px; margin:10px 0px; font-size:18px;}
.abo-sr{ width:100%; line-height:25px; font-size:15px;}
.abnum{ padding:20px 0px;}
.abn-one{ width:30%;}
.abn-one .p1{ height:40px; line-height:40px; font-size:28px;}
.abn-one .p2{ height:30px; line-height:30px; }
.abtwo{ width:100%; height:auto; float:left;}
.abtwo img{ width:100%;}
.abth{ padding:20px 0px;}
.abth-one{ padding:10px 0px;}
.abth-one .p1{ width:100%; font-size:18px;}
.abth-one .p2{ width:100%; font-size:15px; line-height:25px;}
.abfom{ width:100%;}
.abfo-1{ width:100%; height:200px; padding:4px 0px;}
.abfo-s{ height:100%;}
.abfo-ss{ height:auto;}
.abfo-2{ width:100%; height:200px; padding:4px 0px;}
.abfo-3{ width:100%; height:200px; padding:4px 0px;}

/*-- 产品内页 --*/
.products::-webkit-scrollbar{ width:5px; height:5px; }
.productsm{ width:1500px; height:550px; position:relative;}
.products-t{ left:20px; top:70px; font-size:22px; float:none; position:fixed;}
.sortbg{ background-size:100%; background-position:center;}
.sortbox{ width:210px; height:550px; background-size:auto 150px; float:left; margin-right:0px;}
.sort-name{ min-height:50px; font-size:18px;}
.sort-info{line-height:20px; padding:5px;}
.fs{height:100px;}


/*-- 内页 --*/
.pro-t{font-size:22px; line-height:40px; padding:0px;}
.pro-p{ width:100%; height:auto; float:left; margin-top:10px;}
.pro-p .p1{ width:100%; height:1px; float:left;}
.pro-p .p2{ width:100%; font-size:15px;}
.pro-p .p3{ width:100%; padding:0px 10px; margin-top:5px;}
.list ul{ text-align:left; padding:10px;}
.list ul li{ width:49%; margin:5px 0px;}
#ww{ width:100%; padding:0;}
.list ul li ul{ padding:0px;}
.list ul li ul li{ text-align:center;}
.cpbox{ margin-top:10px; padding:5px;}
.cpname{ height:40px;}
.cpname table{ font-size:14px;}

/*-- 详细页 --*/
.proshow{ margin-top:20px;}
.t2{ width:100%; height:auto;}
.tlogo{ left:10px; top:10px;}
.tlogo img{ width:90px;}

.min_pic {width:100%; height:120px; float:left;}
.num { width:100%; height:100%; position:relative; float:left; overflow:hidden;}
.num ul {position:absolute;left:0;top:0;}
.num ul li {width:80px; height:auto; text-align:center; margin:5px; list-style:none; border:1px solid #e5e5e5;}
.num ul li img {width:100%;}
.num ul li:hover {border:1px solid #1d9a53;}
.num ul li a:on {}
.num ul li.on{}
.prev_btn1 {}
.next_btn1 {}

.cpinfobox{ width:100%; height:auto; padding:15px; }
.cpline{ width:100%;}
.cpshow-t{ line-height:25px; font-size:20px;}
.cpshow-t2{ font-size:15px;}
.cpshow-t2 strong{ font-size:15px;}

.samebox{ padding:30px 0px;}
.same-t{ font-size:16px;}
.same-info{ padding:10px 0px;}


/*-- 新闻 --*/
.newsone{ width:100%; height:auto; float:left; padding:10px 0px;}
#date{top:30%;}
.newsdate{ top:20px; left:20px; visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.newsdate .p1{ font-size:40px;line-height:40px;}
.newsdate .p2{ font-size:16px; line-height:20px; }
.news-show{ padding:15px 10px; }
.news-name{ height:auto; font-size:18px;}
.news-info{ height:auto;}
.news-btn{ width:100%; height:20px; float:left; position:relative; z-index:5;}
.news-btn i img{ width:40px;}

/*-- 新闻详细内容 --*/
.in-newsbox_title {font-size:20px;}
.in-newsbox_content{font-size:15px;line-height:25px;}
.pagesl{ width:100%;}
.pagesl p{font-size:15px; padding:5px 0px;}
.pagesr p{font-size:15px; padding:5px 0px;}
.pagesr{width:100%; text-align:left; margin-top:15px;}

/*-- 下载 --*/
.ddone{ width:65%; margin:0px;}
.ddname{ width:100%; bottom:0; right:0; float:left; position:relative;}
.dd1 p{ margin:10px 0px; text-align:center;}

/*-- 联系我们 --*/
.contact-one{ width:100%; height:auto; padding:30px 0px;}
.cot{ margin-top:0px;}
.contact-one p{ font-size:15px;}
.contact-two{ width:100%; height:auto; padding:30px 0px;}
.contact-two p{ font-size:15px; line-height:25px; padding-left:0px; text-align:center;}
.contact-three{ width:100%; height:auto; padding:30px 0px;}
.contact-three p{ font-size:15px; line-height:25px; }
.cot img{ width:40px; padding-bottom:10px;}

/*-- feedback --*/
.feedback{ padding:30px 0px;}
.feedback p{ font-size:15px; }
.crr-one{ width:100%; font-size:14px; margin-top:10px; }
.crr-two{ width:100%; font-size:14px; margin:10px 0px 0px; }
.crr-three{ font-size:14px; margin-top:10px;}
#input1{ font-size:14px; }
#input2{ height:150px; font-size:14px;}
#button{ width:130px; height:40px; }

/*-- 底部foot --*/
.footh-r{ width:40px; height:40px; right:5px; top:60px; }
.footh-r a{ width:40px; height:40px; line-height:50px; }
.footh{ height:auto;}
.footh-m span{ float:left; width:100%; text-align:center;}

/*-- 手机搜索 --*/
#phonesearch{ width:100%; height:auto; float:left; padding:10px 2%;}
#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:url(../../img/page/sysearch.png) center center no-repeat #02903f;
-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(bottom, #02903f, #03853b);
background: -ms-linear-gradient(bottom, #02903f, #03853b);
background: -webkit-linear-gradient(bottom, #02903f, #03853b);
background: -moz-linear-gradient(bottom, #02903f, #03853b);
}
.footer-navs{ width:100%; float:left; padding:0; margin:0; position:relative;}
.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, #02903f, #02903f);
background: -ms-linear-gradient(top, #02903f, #02903f);
background: -webkit-linear-gradient(top, #02903f, #02903f);
background: -moz-linear-gradient(top, #02903f, #02903f);
}
.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浏览器 */
}

/*回滚*/
.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:#242424; padding:13px 15px; line-height:25px; color:#FFF; font-size:16px; text-align:left; margin-bottom:5px;}
.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;}
.plrx20{ padding:0px 20px;}
.plr10{ padding:0px 5px;}
.cnf18{ font-size:16px;}
.cnf14{ font-size:12px;}
#cnf38{ font-size:22px;}
.cnff span{font-size:16px;}
}

/* XS Portrait */
@media (max-width: 480px) {
/*-- syfx --*/
.syfxl{ height:300px;}
.syfxr{ height:300px;}


/*-- contact --*/
.mapfang{height:280px;}
}
@media (max-width: 420px) {

}
@media (max-width: 380px) {
/*-- contact --*/
.mapfang{height:240px;}
}
@media (max-width: 330px) {

}