/* 重置 */
body,h1,h2,h3,h4,h5,h6,h7,dl,dd,p{margin:0;}
ul,ol,input,form{margin:0;padding:0;}
ul{list-style:none;}
ol{list-style-position:inside;}
img{border:none;}
i{font-style:normal;}
a{color:#FFF;text-decoration:none;}
a:hover{color:#00a0e9;}
table{border-collapse:collapse;border-spacing:0;}
body{font:12px/2 'Microsoft Yahei';color:#555;background:url(bg.png);width:100%;}

/* 功能 */
.clear{zoom:1}
.clear:before,.clear:after{content:'';display:table}
.clear:after{clear:both}
.frImg{float:right;padding-left:10px;}
.flImg{float:left;padding-right:10px;}

/* 布局 */
.g-bdc{ width:1200px; margin:30px auto auto auto;}
.g-hdc,.g-ftc,.m-info,.m-hotpro,.m-crm h2{width:1200px;margin:auto;}

.m-crm  h2 { border-bottom:1px solid #ddd; height: 42px;  }
.m-crm  h2 .abouttite { width:150px; text-align:center; background: #f0f0f0 url(hd.png) no-repeat bottom; background-repeat:repeat-x; float:left; 　　/*背景图片横向重复*/}

.m-crm  h2 .poo{float:left; line-height:58px; font-size:14px; margin-left:10px;}
.m-crm  h2 .poo a{color:#000}

.m-crm  h2 .poor{float:right; line-height:58px; font-size:14px; margin-left:10px;}
.m-crm  h2 .poor a{color:#000}

.g-topc {width:1200px;margin:auto;}
.g-ft,.m-hotpro{margin-top:15px;}

.gbdline { border-bottom:1px dashed #ddd; margin-top:10px; margin-bottom:30px; }

.g-hd{height:160px;border-bottom:1px dashed #ddd;
background: #f0f0f0 url(hd.png) no-repeat bottom;

background-repeat:repeat-x;　　/*背景图片横向重复*/
background-position-y:bottom;　　/*背景图片在纵向的最下方显示*/ }

.g-hdc{position:relative;z-index:9;height:40px;}
.g-bd{ margin-top:29px;}
.g-mn img{max-width:700px;_width:expression(this.width>700?'700px':true);}
.g-ft{border-top:2px solid #eee;background:#000000;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb000000',endColorstr='#bb000000',GradientType=0);width:100%;}
.g-ftc{position:relative;height:125px;}
.g-ft a{color:#eee;}
/*通用*/
.m-ct{font-size:14px;}
.m-ct,.m-news-lst,.m-pro-lst{min-height:400px;}
*html .m-ct,*html .m-news-lst,*html .m-pro-lst{height:400px;}
.m-crm{*margin-top:-22px;}
.m-crm h2{font-weight:400;font-size:18px; line-height:42px; color:#FFF; }
.u-btn{padding:0 10px;line-height:24px;font-size:14px;font-weight:700;color:#fff;text-align:center;background-color:#f30;border-radius:5px;border:1px solid #f50;background-image:linear-gradient(180deg,#f80 0%,#f50 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8800',endColorstr='#ff5500',GradientType=0);box-shadow:inset 0 0 1px #fff;text-shadow:1px 1px 1px #f30;cursor:pointer;}
.u-btn:hover{color:#fff;border-color:#f40;background-image:linear-gradient(180deg,#f70 0%,#f40 100%);}
.u-btn:active{background-image:linear-gradient(180deg,#f50 0%,#f40 100%);}
/* 顶栏 */
.m-logo{padding:30px 10px 0 10px; float:left; width:50%;}
.m-lang{float:right; margin-top:40px;}
.m-lang a{display:block;width:40px;height:23px;background:url(lang.png);text-indent:-9999px; float: left; margin-right: 10px;}
.m-lang .e{background-position:-40px;}
/* 搜索 */
.m-search{position:absolute;right:0;top:10px;height:20px;background:url(search.png);}
.m-search input{border:none;padding:2px 23px 2px 3px;width:100px;background:none;}
.m-search button{position:absolute;top:0;right:3px;width:20px;height:20px;border:none;background:none;cursor:pointer;}
.m-nav{position:absolute;left:160px;top:0px;text-transform:uppercase;white-space:nowrap;}
.m-nav .mnav{float:left;position:relative;}
.m-nav h3{width:100px;text-align:center;font:0 15px/80px "Microsoft Yahei";}
.m-nav h3 a{padding-top: 6px; padding-bottom: 6px;  border-right:1px solid #545454;  }
.m-nav a{display:block;}
.m-nav a:hover{font-weight:700;}
.m-nav h3 .here{color:#fff;background:url(nav.png);font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.2);}
.m-nav h3 .here:hover{color:#fff;}
.m-nav .snav{display:none;position:absolute;left:50%;top:125px;font-size:14px;white-space:nowrap;}
.m-nav .snav a{position:relative;display:inline-block;left:-50%;margin:0 10px;padding:0 10px;}
.m-nav .snav .here{color:#fff;background:#ff6600;border:1px dashed #f2f2f2;}
/* 轮播 */
.m-banner{position:relative;padding-top:10px;border-bottom:1px dashed #ccc;width:100%;height:600px;overflow:hidden; }
.m-banner .bd{position:absolute;margin-left:-1100px;left:50%;top:0px;width:2200px;}
.m-banner img{width:2200px;height:600px;}

.m-banner .hd{display:none;position:absolute;bottom:10px;width:100%;}
.m-banner .hd ul{position:relative;left:50%;float:left;}
.m-banner .hd li{position:relative;float:left;right:50%;margin-right:5px;width:12px;height:12px;font-size:0;opacity:0.6;filter:Alpha(Opacity=60);border-radius:20px;box-shadow:0 0 1px 0 #aaa;}
.m-banner .hd .on{background:#333;box-shadow:0 0 1px 0 #000;}
.m-banner .prev,.m-banner .next{position:absolute;top:50%;left:0;margin-top:-25px;font-size:50px;line-height:1;color:#fff;opacity:0.6;filter:Alpha(Opacity=60);cursor:pointer;text-shadow:0 0 4px rgba(0,0,0,0.3);text-decoration:none;}
.m-banner .prev:hover,.m-banner .next:hover{opacity:1;filter:Alpha(Opacity=100);}
.m-banner .next{left:auto;right:0;}

/* 内页轮播 */
.m-bannern{position:relative;padding-top:10px;border-bottom:1px dashed #ccc;width:100%;height:355px;overflow:hidden; }
.m-bannern .bd{position:absolute;margin-left:-1100px;left:50%;top:0px;width:2200px;}
.m-bannern img{width:2200px;height:350px;}
.m-bannern .hd{display:none;position:absolute;bottom:10px;width:100%;}
.m-bannern .hd ul{position:relative;left:50%;float:left;}
.m-bannern .hd li{position:relative;float:left;right:50%;margin-right:5px;width:12px;height:12px;font-size:0;opacity:0.6;filter:Alpha(Opacity=60);border-radius:20px;box-shadow:0 0 1px 0 #aaa;}
.m-bannern .hd .on{background:#333;box-shadow:0 0 1px 0 #000;}
.m-bannern .prev,.m-banner .next{position:absolute;top:50%;left:0;margin-top:-25px;font-size:50px;line-height:1;color:#fff;opacity:0.6;filter:Alpha(Opacity=60);cursor:pointer;text-shadow:0 0 4px rgba(0,0,0,0.3);text-decoration:none;}
.m-bannern .prev:hover,.m-banner .next:hover{opacity:1;filter:Alpha(Opacity=100);}
.m-bannern .next{left:auto;right:0;}
/* 菜单 */
.m-tt{background:url(menu.png);font-size:15px;line-height:38px;text-transform:uppercase;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.2);color:#fff;}
.m-menu{margin-bottom:15px;padding:5px 0 10px;line-height:30px;background:#f8f8f8;border:1px solid #eee;}
.m-menu a{display:block;padding:0 0 5px 50px;width:143px;background:url(menu.png) 0 -75px;font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.m-menu h3 a:hover,.m-menu h3 .here{color:#f00;background-position:0 -40px;font-weight:700;}
.m-menu .smenu{display:none;}
.smenu a{padding:0 0 0 55px;width:138px;background-position:0 -110px;}
.smenu a:hover,.smenu .here{color:#f00;background-position:0 -140px;font-weight:700;}
/* 客服 */
.g-sd .hd,.m-chat{border:1px solid #eee;background:#f8f8f8;}
.g-sd .hd{border-bottom:none;color:#f00;background:url(crm.png) -50px -2px;font-size:15px;text-align:center;}
.m-chat{padding:5px;margin-bottom:15px;}
.m-chat a{display:block;float:left;width:40px;height:40px;margin:8px;background:url(chat.png);transition:all 0.1s ease-in-out;}
.m-chat a:hover{transform:translateY(-5px);-webkit-transform:translateY(-5px);opacity:0.8;filter:alpha(opacity=80);}
.m-chat .weibo{background-position:-40px;}
.m-chat .mail{background-position:-80px;}
.m-chat .msn{background-position:-120px;}
.m-chat .ali{background-position:-160px;}
.m-chat .taobao{background-position:-200px;}
.m-chat .skype{background-position:-240px;}
/* 分页 */
.m-pgn{text-align:center;line-height:1.6;margin-top:20px; margin-left: 250px;}
.m-pgn a{display:inline-block;padding:0 6px;border:1px solid #ccc;border-radius:3px; color:rgba(51, 51, 51, 0.76); margin-top: 20px;}
.m-pgn a:hover{background:#0af;border:1px solid #0af;color:#fff;text-decoration:none;}
.m-pgn .dis,.m-pgn .dis:hover{color:#888;border-color:#ccc;background:#f5f5f5;}
.m-pgn .here,.m-pgn .here:hover{color:#f30;font-weight:700;border-color:#f30;background:#FFF9F2;}
/* 底栏 */
.copy{padding:32px 20px 10px;color:#fff;}
.power{position:absolute;right:10px;top:32px;color:#ccc;}

/* 页面 */
.m-page,.m-news-lst,.m-news,.m-pro-lst,.m-pro,.m-message{padding:20px 0;font-size:14px;min-height:500px;_height:auto!important;_height:500px;}
.m-page .m-ct h2{font-size:18px;color:#d44;}
.m-page .contact{float:left;margin:10px 10px 10px 0;width:380px;_display:inline;}
/* 产品 */
/* 产品 */
.m-pro-lst{margin-right:-15px;}
.m-pro-lst li{float:left; text-align:center;margin:0px 15px 40px 15px; 15px 15px 15px;;padding:0px; padding-top:10px;width:215px;background:#fff;box-shadow:5px 5px 5px rgba(0,0,0,.1);}
.m-pro-lst a:hover img,.m-news-lst a:hover img{opacity:.8;filter:alpha(opacity=80);}
.m-pro-lst img{width:190px;height:168px;box-shadow:0 0 1px #ccc;}
.m-pro-lst p{height:24px;overflow:hidden;}
.m-propic{width:950px;float:left; margin:12px 0px 10px 0px }
.m-propic .show,.m-propic li{box-shadow:2px 2px 6px rgba(0,0,0,.2);}
.m-propic .show,.m-propic .show img{width:600px;height:530px; float: left;}
.m-propic .thumb{margin:0px -25px 0 0;*width:220px; float:left; width:210px;  margin-right:30px; margin-left:35px;}
.m-propic li{float:left;margin-right:20px;}
.m-propic .thumb img{width:200px;height:162px;display:block; margin-bottom: 15px;}
.m-pro .descrip{float:left;width:900px;}
.m-pro .info{font-size:18px;line-height:75px height: auto;
width: 1176px;
margin: auto;
line-height: 75px;
float: left;
margin-left: 12px;
overflow: hidden;;}
.m-pro .info span{color:#272727;}
.m-tab{padding:10px 0; word-break:break-all;}
.m-tab .hd{}
.m-tab .hd li{display:inline-block;padding:2px 10px;margin:0 5px;border:1px solid #444;border-bottom:none;cursor:pointer;_display:inline;zoom:1;}
.m-tab .hd .on{border-color:#d44;background:#f00;color:#fff;font-weight:700;box-shadow:inset 0 0 1px #fff;}
.m-tab .item{padding:10px;min-height:200px;}
*html .m-tab .item{height:200px;}
/* 新闻 */
.m-news-lst li{position:relative;padding:10px;height:105px;border-bottom:1px dotted #ccc;overflow:hidden;}
.m-news-lst span{position:absolute;right:10px;top:10px;color:#336699;font-size:12px;}
.m-news-lst img{margin-right:20px;padding:1px;float:left;border:1px solid #ddd;width:200px;height:100px;display:block}
.m-news-lst h3{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:26px;}
.m-news-lst h3  a{ color:#333;}
.m-news-lst p{height:80px;overflow:hidden;line-height:20px;color:#aaa;}
.m-news .tt{margin:10px 0;font-size:18px;text-align:center;}
.m-news .info{margin:10px 0;text-align:center;color:#888;}
/* 留言 */
.m-message label{display:inline-block;padding-right:10px;width:80px;text-align:right;font-size:14px;vertical-align:top;}
.m-message i{color:#F00;padding:0 5px;}
.m-message .ft{padding:10px 0 0 100px;}
.m-message ul input,.m-message ul textarea{padding:2px 5px;border:1px solid #CCC;box-shadow:inset 1px 1px 3px 0 #EEE;outline:none;vertical-align:middle;}
.m-message ul input:hover,.m-message ul textarea:hover{box-shadow:inset 0 0 5px 0 #CCC;}
.m-message ul input:focus,.m-message ul textarea:focus{border:1px solid #5CF;box-shadow:inset 0 0 5px 0 #CCC;}