@charset "utf-8";
html{ font-size:62.5%;}
body{ padding:0px 0px 0px 0px; margin:0px auto; font-size:1.6em; line-height:2.2em; font-family: Microsoft YaHei,arial,'宋体'; color:#222222; min-width:320px; max-width:640px;
-webkit-text-size-adjust:none;
-webkit-text-size-adjust:none; /*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); /*取出点击出现半透明的灰色背景*/
-webkit-user-select: none;  /*控制内容的可选择性*/
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
-webkit-font-smoothing: antialiased;  /*设置字体的抗锯齿或者说光滑度*/
}
ul,li,form,dl,dt,dd, div{ padding:0px; margin:0px;}
ul,ul li,i{ list-style: none; margin: 0; font-style:normal;}
h1,h2,h3,h4,h5,h6,p{ padding:0px; margin:0px;}
p{ text-indent:2em;}
select,input,em,textarea{ font-size:1em; font-style:normal; color:#585858; font-family:Microsoft YaHei; border-radius:0; -webkit-border-radius:0; border:0px;}
img,object{ border:none; max-width:100%; border:0; overflow:hidden; vertical-align:top;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
a:focus {outline:none; -moz-outline:none;}
.hide{ display:none;}.fl{ float:left;}.fr{ float:right;}

.clear{ clear:both; overflow:hidden; zoom:0;}
.clearfix{overflow:hidden;_zoom:1;}
.loding{ background:url(../images/loading_red.gif) no-repeat center center #fff; position:absolute; width:100%; min-width:100%; height:100%; min-height:100%; z-index:100;}

.Contain{ position:relative; height:auto !important; height:350px; min-height:350px; }

/*top.html*/
#header{padding:10px 0;background: #000;max-width:640px;}
#header h1{float:left;padding-left:15px;z-index:300;position: relative;}
#nav {position:relative;padding-right:15px;}
#nav li{position:relative;}
#nav .icon{float:right;width:43px;height:30px;position:relative;top:0px;cursor:pointer;z-index:300;}
#nav .sub {position:absolute;top:71px;width:100%;background:rgba(0,0,0,.5);display:none;z-index:30;}
#nav .sub ul li {padding:1%;border-bottom:1px solid #666;}
#nav .sub ul li a{display:block;width:100%;height:35px;line-height:35px;text-align:center;color:#fff;font-size:1.5em;}

.UI-jian{background: url(../images/zoom_jian.gif) center center no-repeat;}
.UI-jia{background: url(../images/zoom_jia.gif) center center no-repeat;}
#nav li span .UI-jian,#nav li span .UI-jia{position:absolute;right:0%;top:0%; padding:4.5% 8%;display:block; cursor:pointer;}

#nav .sub .foldContent {display:none;  padding:2% 0 2% 0%;}
#nav .sub .foldContent li{ border-bottom:0px; padding:0px; line-height:30px; background:#eeeeee; margin-bottom:1;}
#nav .sub .foldContent li a{ color:#333; font-size:15px;}

/*index.shtml*/
.HomeBan ul li{width: 100%}
.HomeBan img{width: 100%}
.indexCon{padding:0 2%;}
.common h1{text-align: center;font-weight: normal;font-size: 1.8em;padding:5% 0;}
.common h1 span{color: #FFBE0C}

.tabs ul{overflow: hidden;}
.special-pro .tabs ul li{float:left;border:1px solid #383C3F;text-align: center;margin:1%;cursor:pointer;}
.special-pro .tabs ul li.tab1{width:30%;}
.special-pro .tabs ul li.tab2{width: 47%}
.special-pro .tabs ul li.on,.special-pro .tabs ul li:hover{background: #FFBC00;color: #FFF7E2;border-color:#FFBC00 }

.cons{display: none;}
.show{display: block;}
.special-pro .tabCon .cons ul{overflow: hidden;}
.special-pro .tabCon .cons ul li{/*float: left;*/width:45%;margin:2% 2% 0 2%;display:inline-block}


.c-news ul{overflow: hidden;}
.c-news ul li{float: left;width:46%;margin:0% 2% 2% 2%;}
.c-news ul li img{display:block; width:100%; height:111px;}
.c-news .i-title {background: #F5F5F5;padding:4% 3% 2% 3%;margin-top:3%;}
.c-news .i-title h2{font-weight: normal;font-size: 1em;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;width: 95%;line-height: 15px}
.c-news .i-title span{color: #9C9C9C}

.special-arts .i-arts>ul>li{overflow: hidden;margin-bottom: 2%;background: #F5F5F5;padding:2%;}
.special-arts .l-img{float: left;margin-right: 3%;width:31%;}
.special-arts .r-txt{float: left;width: 66%}
.special-arts .r-txt h3{color: #FFBD06}
.special-arts .r-txt  ul li{float: left;width: 45%;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;margin:0 2%;line-height: 22px}

.inner-tit{font-size: 1.8em;color: #fff;text-align: center;position: absolute;top:0;max-width:640px;width: 98%;z-index:100;}
.top-sel{background: #24282D}
.top-sel ul{overflow: hidden;}
.top-sel ul li{float: left;width: 25%;}
.top-sel ul li a{display:block;text-align: center;color: #fff;padding:5% 0;font-size:1.2em;}
.top-sel ul li.on a,.top-sel ul li a:hover{color: #DBC249}
/*组织架构*/
.main{padding:0 2%;}
.intro {margin-bottom: 10%}
.intro ul li{margin:5% 0;}
.intro .tit-img{border-bottom :1px solid #ddd;}
.intro .tit-img span{display: inline-block;}
.intro .tit-img span.one{width: 30%}
.intro .tit-img span.two{width: 50%}
.intro dl{margin-top:2%; }
.intro dl dd{margin:1% 0;}
.intro dl dd p{color: #9D9D9D;line-height: 24px}
/*公司介绍*/
.about .detail .r-img{float: right;margin: 3% 0 0 3%;width: 32%}
.about .detail .l-txt dd{color: #6A6A6A;line-height: 24px;padding:2% 0;}
.mess-list h3{background: #FFBC00;color: #000;padding:1% 3%;margin-top:3%;}
.mess-list ul{padding:3% 0 5% 0;}
.mess-list ul li {line-height: 24px}
.mess-list ul li em{display: inline-block;width:30%;}
.mess-list ul li span{display: inline-block;color: #6A6A6A}
/*公司历程*/
.group{margin-top:5%;}
.group .tabs{margin:3% 0;}
.group .tabs ul{overflow: hidden;}
.group .tabs ul li{float: left;width: 23%;background: #EDEDED;text-align: center;margin:0 1% 1% 1%;}
.group .tabs ul li.on,.group .tabs ul li:hover{background: #FF9600;color: #fff}
.group .tabCon ul li{overflow: hidden;margin-bottom: 5%}
.group .tabCon ul li .img{float: left;width: 50%}
.group .tabCon ul li .txt{float: left;margin-left:3%;width: 47%}
.group .tabCon ul li .txt h3{text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.group .tabCon ul li .txt p{text-indent: 0;line-height: 24px;color: #868686}

/*企业荣誉*/
.honor ul li {margin:1% 0;}
.honor ul li b{display:inline-block;width:13px;height: 19px;background: url(../uploadfiles/image/square.png);vertical-align: middle;margin-right:1%;}

/*新闻详情*/
.info h2{text-align: center;font-size: 1.2em;padding:4% 0 2% 0;border-bottom: 1px dotted #ddd}
.info .news-txt{padding:2% 0;color: #9B9B9B;}
.info .n-page{margin-top:3%;}
.info .n-page a{color: #909090}

/*公司新闻*/
.news-list{margin-top:5%;}
/*产品列表*/
.pro-list ul {overflow: hidden;margin-bottom: 10%}
.pro-list ul li{float:left;width:50%;text-align: center;margin-top:3%;}
.pro-list ul li p{text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
/*产品详情*/
.pro-info .con h1{color: #FFBC00;font-size:1.8em;border-bottom: 1px solid #FFBC00;padding:3% 0 1% 0;}
.pro-info .con h1 span{float: right;font-size:1.5em;font-weight: normal;cursor:pointer;width: 28px;text-align: center;}
.pro-info .con dl{padding:1% 0;text-indent: 2em;}
.pro-info .con dl dd{color: #9A9A9A;line-height: 24px;padding:0 1%;}
.pro-info .star ul{overflow: hidden;margin-top:3%;}
.pro-info .star ul li{float: left;width: 23%;padding:0 1%;}
.pro-info .star ul li p{margin-bottom: 2%;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.pro-togg h2{text-align: center;padding:3% 0;}
.pro-togg .s-img{position: relative;}
.pro-togg .bd{margin:3% 8%;height: 56px;overflow: hidden;}
.pro-togg .bd ul{overflow: hidden;}
.pro-togg .bd ul li{float: left;margin:0 1%;}
.pro-togg .control{position: absolute;top:50%;margin-top:-28px;width: 12px;height: 56px;}
.pro-togg .prev{background: url(../uploadfiles/image/prev.png);left:0;}
.pro-togg .next{background: url(../uploadfiles/image/next.png);right:0;}

/*产品系列*/
.pro-xl li{margin:5% 0;}
.pro-xl li div{margin:3% 0;}
.pro-xl li dl{text-indent: 2em;}
.pro-xl li dl dd{line-height: 20px}
.pro-xl li dl dd p{color: #7D7D7D;text-indent: 0}
.pro-xl li .show-pro{display: block;width:160px;height: 40px;line-height: 40px;text-align: center;background: #24282D;color: #fff;border-radius:5px;margin-top:5%;}

/*代言人*/
.person {margin-top:5%;}
.person ul {overflow: hidden;}
.person ul li{float:left;width: 50%;text-align: left}
.person ul li p{text-indent: 0;line-height: 22px}
.person ul li p b{display: block;margin-top:2%;}
.person ul li p em{font-style:italic;}
.person ul li div span{color: #B19403}
.person ul li dl{display: none}
.person ul li dl dd{line-height: 24px;color: #B19403}
/*bottom.html*/
.bottom{background: #000000;color: #9C9C9C;padding: 2% 0;text-align: center;margin-top:5%;}
.bottom dl dd{line-height: 28px}
.bottom dl a{color: #9C9C9C;}


/*媒体查询*/
@media screen and (min-width:320px) and (max-width:640px){
  body{ font-size:1.4em;}
  .inner-tit{padding:4% 0;}
}
@media screen and (min-width:480px){
  .group .tabCon ul li .txt h3{padding:3% 0;}
  .group .tabCon ul li .txt p{height: 168px;line-height: 2em;overflow: hidden;}
}
@media screen and (max-width:480px){
  .group .tabCon ul li .txt h3{padding:1% 0;}
  .group .tabCon ul li .txt p{height: 110px;line-height: 1.6em;overflow: hidden;}
  .special-arts .r-txt ul{height: 50px;overflow: hidden;}
  .special-arts .r-txt ul li{line-height: 1.6em}
}