@charset "utf-8";
/* by yan 20150709 */
/*reset*/
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
body { font-size: 100%;  font-family:Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); margin:0 auto; color:#787878;}
textarea { resize: none; }
iframe,img { border:0;}
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
input { -webkit-appearance: none; }
a{ text-decoration: none; color:#787878;}
img{ max-width:100%;} 

.body{ margin:0 auto; max-width:640px;}

/* header */
.header { line-height:32px; height:32px; font-size:9px; color:#787878; overflow:hidden; background:#F5FAFC; padding:0 10px;}
.header .welcome{ float:left; width:60%; }
.header .tydate{ float:right; width:40%; color:#e70e0e;text-align:right;}

/*logo*/
.logo{ background:url('../images/logo.jpg') no-repeat 18px center; background-size:252px 50px; height:55px; }
.logo a{display:block; height:55px}


/*main_nav*/
.main_nav{}
.main_nav ul { overflow:hidden;}
.main_nav ul li{ float:left; width:25%; text-align:center; }
.main_nav ul li a{ font-size:13px; line-height:36px;}
/* banner */
.slideBox{ position:relative; overflow:hidden; margin:0px auto;  }
.slideBox .hd{position:absolute; bottom:0; }
.slideBox .hd li{text-indent:-99999999px }
.slideBox .bd{ }
.slideBox .bd li{ text-align:center;  }
.slideBox .bd li img{  width:100%; display:block/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*main new*/
.main_nav_pro{ border-width:1px 0 0; border-image:url('../images/line.gif') 2 0 stretch;padding:0 0 0 13px; line-height:40px; background:#F5FAFC;}
.main_nav_pro h1{ background:url('../images/index_new_icon.png') no-repeat left center / 14px; padding-left:20px; font-size:12px; font-weight:normal; color:#fe0000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.main_nav_pro a{ font-size:12px; color:#666; }


/*main_product*/
.main_pro_list{ margin:20px 0;}
.tit{ background:url('../images/lll.png') no-repeat center center / 100%; text-align:center;}
.tit h2{ font-size:15px; color:#333; line-height:30px}
.tit p{ font-size:11px; color:#999;}

.pro_list{text-align:center; margin-top:16px;}
.pro_list  ul{overflow:hidden;padding:3% 0 0 3%;}
.pro_list  li{ width:30%; float:left; font-size:14px; text-align:center; margin-bottom:16px; margin-right:3.3%;  }
.pro_list  li:nth-child(3n){  margin-right:0;}
.pro_list  li a{ color:#666; font-size:11px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.pro_list .bd li img{ width:100%}




/*mainnewslist*/
.main_news_list{ background:#F5FAFC; padding:16px 0;}
.main_news_list .new_list{ padding:4% 0 4% 4%; margin-top:16px }
.main_news_list .new_list ul{ overflow:hidden;}
.main_news_list .new_list ul li{ width:44%; margin-right:7%; margin-bottom:3%; float:left}
.main_news_list .new_list ul li:nth-child(2){ margin-right:4%;}
.main_news_list .new_list ul li .list_top{ line-height:36px;border-bottom:1px solid #eee; margin-bottom:10px; font-size:12px; color:#666; position:relative;}
.main_news_list .new_list ul li .list_top span{ position:absolute; right:0; top:0;}
.main_news_list .new_list ul li a{ color:#666; display:block; font-size:10px;}
.main_news_list .new_list ul li a h2{ font-size:13px; color:#fe0000; font-weight:normal; background:url('../images/xxx.png') no-repeat right center; background-size:10px; margin-top:16px }
.main_news_list .new_list ul li a p{ line-height:18px; margin-top:6px}


/*main_menu_list*/
.main_menu_list{ margin:16px 0 0}
.ksul{ margin:16px 0 0;overflow:hidden;}

.ksul li{width:25%; float:left;text-align:center; }
.ksul li .img{display:block}
.ksul li a{display:block; margin:5px;}
.ksul li a h3{font-size:12px; color:#666; font-weight:normal}
.ksul li a p{ font-size:10px; color:#999;}


/*copy*/
.copy{ text-align:center; margin:50px 0 70px; color:#999; font-size:10px;}



/*page_about*/
.xuexue { background: #f2f2f2; border-bottom: 1px solid #eee; padding: 10px; color: #666; font-size: .75rem; line-height:180%; }
.xuexue .xl { color: #fe0000; margin: 0 4px; }
.xuexue .split { color: #ccc; margin: 0 6px; }

.page_content{ padding:10px; font-size:12px; line-height:28px; margin-bottom:60px; margin-top:10px; word-break:break-all;}



/*page_newlist*/
.page_new_list{padding:10px; margin-top:10px; margin-bottom:60px;}
.page_new_list ul li{ margin-bottom:12px; padding-bottom:12px; border-bottom:1px dashed #efefef;}
.page_new_list li a{ font-size:11px;position:relative;}
.page_new_list li a span{ margin-right:20px;}

.news_tit{text-align:center; padding:22px 10px 0px}
.news_tit h2{ font-size:14px; }
.news_tit p{padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid #f1f1f1; line-height:16px;}
.news_tit span{ font-size:11px;}




/*product*/
.icon{padding-bottom:1px;margin-bottom:66px;}
.icon ul{padding:16px 10px 0;background:#fff;}
.icon ul li{margin-bottom:13px; padding-bottom:13px; border-bottom:1px solid #eee; overflow:hidden}
.icon ul li img{ float:left; width:31.4%; margin-right:10px; display:block}
.icon ul li:last-child{ border-bottom:0;}
.icon ul li a{ display:block}
.icon ul li  h2{ font-size:14px; font-weight:normal; color:#444;}
.icon ul li  p{ font-size:11px; color:#888; margin-top:10px; line-height:18px;}


/*message*/
.bm_form{margin-top:6px;}
.bm_form ul{ width:90%; margin:0 auto;}
.bm_form ul li{ line-height:36px; border-bottom:1px solid #eee; padding:6px 0;}
.bm_form ul li .inputstyle{ border:none medium; background:none; line-height:24px; color:#666; font-size:13px; width: 100%;}
.bm_form ul li .textareas{ background:none; border:none medium;color:#666; font-size:13px; padding-top:8px; width:100%; line-height:23px;}
.tj{ background:#fe0000; border-radius:6px; width:80%; line-height:40px; display:block; margin:0 auto; text-align:center; color:#fff; margin:26px auto 70px; border:none medium;}




/*contact*/
.inner_info .inner_cont{ margin-top:10px;}
.inner_info .inner_cont li{ background:url('../images/map.png') no-repeat left center / 20px; padding-left:36px; margin-bottom:10px; }
.inner_info .inner_cont li:nth-child(2){ background:url('../images/tel.png') no-repeat left center / 22px;}
.inner_info .inner_cont li:nth-child(3){ background:url('../images/max.png') no-repeat left center / 22px;}
.inner_info .inner_cont li:nth-child(4){ background:url('../images/admin.png') no-repeat left center / 22px;}
.inner_info .inner_cont li:nth-child(5){ background:url('../images/phone.png') no-repeat left center / 22px;}
.inner_info .inner_cont li:nth-child(6){ background:url('../images/web.png') no-repeat left center / 22px;}



/*footer*/
.footer{position:fixed; bottom:0; left:0; right:0;  margin:0 auto; height:52px;background:#f5fafc; border-top:1px solid #e8e0e0; z-index:99999; max-width:640px;}
.footer ul{ overflow:hidden;}
.footer ul li{ text-align:center; float:left; width:25%;height:54px}
.footer ul li.on a p{color:#fe0000;}
.footer ul li a{ color:#8f5451; font-size:12px; display:block;height:54px}
.footer ul li img{width:22px; margin:6px 0 3px;}
.footer ul li p{ color:#666;}

/*内页分类*/
.wrap{padding:10px; margin-bottom:50px;}
.wrap ul{}
.wrap ul li{ border-bottom:1px solid #efefef;   line-height:40px; background:url(../images/cioon.jpg) no-repeat 10px center; padding-left:36px;}
.wrap ul li:last-child{ border-bottom:0;}
.wrap ul li a{display:block; color:#666; font-size:13px;}

.page_content .casel{overflow:hidden;}
.page_content .casel li{width:48%; margin-right:4%; float:left; text-align:center;}
.page_content .casel li:nth-child(2n){margin-right:0;}
.casel li a{display:block; font-size:13px; color:#666;}
.casel li a p{line-height:30px;}


.partners{padding:0 1em;margin-top:10px; margin-bottom:60px;}
.partners ul{}
.partners ul li{margin-bottom:10px;}
.partners ul li .part_tit{background:#f1f1f1; line-height:36px; height:36px; padding-left:10px; margin-bottom:10px;}
.partners ul li .part_tit h2{color:#444; font-size:14px;}
.partners ul li .parlist{ margin-bottom:16px;}
.partners ul li .parlist ul{overflow:hidden;}
.partners ul li .parlist li{float:left;width:23%; margin-right:2%; margin-bottom:8px;}
.partners ul li .parlist li:nth-child(4n){margin-right:0;}
.partners ul li .parlist li a{color:#666; display:block;}
.partners ul li .parlist img{display:block; margin:0 auto;}
.partners ul li .parlist h2{font-size:13px; color:#666; font-weight:normal; margin-top:6px; text-align:center}