@charset "utf-8";
/* CSS Document */



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:14px;background:transparent; color:#000; font-family:"微软雅黑", "宋体", Arial, Helvetica, sans-serif;}
body{line-height:1; }

h1{ font-size:36px;}
h2{ font-size:24px;}
h3{ font-size:18px;}
h4{ font-size:14px;}
h5{ font-size:12px;}

a{ text-decoration:none;}

img{ border:0; display:block;}

ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

/* Standard Definitions begin----------------------------------------*/
.clear{clear:both;}
/* 清理浮动 */
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {zoom:1;}

.marginTop{ height:30px; width:100%; overflow:hidden;content:" ";clear:both;}
.marginBottom{ height:60px; width:100%; overflow:hidden;content:" ";clear:both;}

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

.indexBanner{ height:1050px; margin:0 auto;}


.top{ width:100%; text-align:center; position:fixed; top:0; z-index:999;}
.inTop{ width:100%; height:30px; margin:0 auto; position:relative; background:#4a4a4a; }
.inTop .title{ line-height:30px;}


.ind_top{ width:100%;text-align:center; position:fixed; top:0; z-index:999;}
.itp{ width:100%; height:89px; margin:0 auto; position:relative; background:url(../images/ind_top.jpg) no-repeat; text-align: left}
.itp_rig{ float:right; margin-right:20px;}

.ind_pt{}
.ind_pt img{ float:left}
.ind_pt_left{ float:left; width:420px;}
.ind_pt_right{ width:220px; float:right;}

.ind_dh_div{ width:100%; position:fixed; top:30px; left:0; display:none; margin-bottom:5px; overflow:hidden}
.ind_dh{ width:103%;}
.ind_dh li{ float:left; width:33%; border-bottom:1px solid #cacaca; background:#f2f2f2; border-right:1px solid #cacaca	; line-height:36px; text-align:center;}
.ind_dh li:nth-child(2n+1){background:url(../images/ind_dh.jpg);}
.weixint{position: fixed; width:400px; height:470px; top:50%; left:50%; margin-top:-200px; margin-left:-200px; background:#FFF; z-index:1000; display: none; text-align:center; font-size:22px; line-height:30px;z-index:22000; border-radius:10px;}


.weixinbg{ position:fixed; top:0; left:0; z-index:20000; width:100%; height:100%;  background:rgba(0,0,0,0.60); display:none}




.logo{ width:640px; height:50px; overflow:hidden; text-align:center;}
.logo img{ display:block; margin:0 auto;}
.topLoginBtn{ float:right; height:38px; margin:23px 0;}
.topLoginBtn a{ width:100px; height:38px; overflow:hidden; line-height:38px; text-align:center; display:inline-block; text-decoration:none; color:#666; font-size:18px;}
.topLoginBtn a.loginBtnRegister{ background:#d9413a; color:#FFF; transition:background 0.5s; -moz-transition:background 0.5s; -webkit-transition:background 0.5s; -o-transition:background 0.5s;}
.topLoginBtn a.loginBtnRegister:hover{ background:#880016;}
.topLoginBtn a.loginBtnLogin{ background:#FFF; color:#666; transition:background 0.5s; -moz-transition:background 0.5s; -webkit-transition:background 0.5s; -o-transition:background 0.5s;}
.topLoginBtn a.loginBtnLogin:hover{ background:#CCC; color:#333;}



.topLogo{ width:100%; position:absolute; top:65px; z-index:9; left:0%;}

.bg{ width:100%; height:100%; background:url(../images/gg1.jpg) bottom no-repeat}

.black{ float:right; width:10%; text-align:right}
.home{ float:left; width:15%;}
.title{ width:70%; float:left;}
.title h5{ width:100%; font-size:20px; color:#fff; text-align:center; font-weight:normal;}

.titleBox{ width:100%; margin:0 auto;}

.indexBtn{ width:80%; overflow:hidden; margin:0 10%; position:absolute; bottom:10%; z-index:9999;}
.indexBtn ul{ list-style:none; margin:0; padding:0;}
.indexBtn li{ float:left; width:50%;}

.ab_tit{ height:36px; line-height:36px;background:url(../images/ab_tit.jpg);}
.ab_tit span{ float:left; color:#d23b44; line-height:30px; font-size:24px; padding-left:15px; padding-right:3px;}
.minNav{ width:100%; overflow:hidden; position:fixed; bottom:0; background:#fff; z-index:100;-webkit-box-shadow:0 0 10px rgba(118, 118, 118, .5); -moz-box-shadow:0 0 10px rgba(118, 118, 118, .5);   box-shadow:0 0 10px rgba(118, 118, 118, .5); z-index:100}
.minNav ul{ list-style:none; margin:0; padding:0;}
.minNav li{ width:20%; overflow:hidden; float:left;}
.minNav li img{ display:block; width:100%;}


.pro_img{ width:94%; margin:auto; margin-top:15px;}
.pro_img img{ width:100%;border-radius:5px;-webkit-box-shadow:0 0 10px rgba(118, 118, 118, .5); -moz-box-shadow:0 0 10px rgba(118, 118, 118, .5);   box-shadow:0 0 10px rgba(118, 118, 118, .5);}


.ind_minNav{ width:100%; overflow:hidden; position:fixed; bottom:0;  z-index:100}
.ind_minNav ul{ list-style:none; margin:0; padding:0;}
.ind_minNav li{ width:20%; overflow:hidden; float:left;}


.content{ width:90%; height:auto; padding:0 10%; margin:0 auto; text-align:left; background:#FFF; border-bottom:1px solid #b8b8b9;}
.content img{ max-width:100%; height:auto;}
.qualityContent{ width:96%; height:auto; padding:0 2%; margin:0 auto; text-align:left; background:#FFF;}
.qualityContent img{ max-width:100%; height:auto;}
.contactContent{ width:100%; height:auto; padding:0; margin:0 auto; text-align:left; background:#FFF;}
.joinContent{padding:0; background:none; width:100%; height:auto; margin:0 auto; text-align:left; border-bottom:1px solid #b8b8b9;}
.proContent{padding:5%;}

.brandList{ width:100%; background:#f7f8f8;}
.brandList ul{ list-style:none; margin:0; padding:0;}
.brandList li{ width:90%; padding:5%; background:url(../images/btnPrev.png) 90% center no-repeat; border-bottom:1px solid #e4e5e5; position:relative;}
.brandList li a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:99;}
.brandList dl{ list-style:none; margin:0; padding:0;}
.brandList dt{ float:left; margin-right:2%; width:30%}
.brandList dd{ width:58%; display:block; float:left;}
.brandList dd h5{ width:100%; font-size:18px; font-weight:bold; color:#000; display:block;}
.brandList dd p{ width:100%; font-size:14px; color:#666; font-family:Arial, Helvetica, sans-serif; display:block; text-transform:uppercase;}


.slider{display:none; padding-bottom:30px;}/*用于获取更加体验*/
.slider ul li { position:relative;}
.slider_text { position:absolute; left:3%; bottom:0; z-index:9; font-size:12px; color:#FFF; padding:1% 0;}
.focus span{width:.9em;height:.9em;margin-right:.4em;background: url(../images/point.png);font-size:1em; margin-top:.5em; background-size:.9em .9em;}
.focus span.current{background: url(../images/point_on.png) no-repeat; background-size:.8em .8em;}

.focus {min-height:2.2em;}

.qualityList{ width:100%; margin:0; padding:0; list-style:none;}
.qualityList li{ width:48%; margin:1%; text-align:center; float:left; text-align:center;}
.qualityList li img{ width:100%;}
.qualityList h5{ font-size:14px; line-height:40px; color:#666;}


.typeList{ padding-bottom:60px;}
.typeListUl{ list-style:none; margin:0; padding:0; background:#FFF}
.typeListUl li{ width:100%; height:60px; line-height:60px; margin:0; padding:0; border-bottom:1px solid #ececec;}
.typeListUl li a{ width:100%; height:60px; line-height:60px; display:block;}
.typeListUl li img{ float:left; height:58px;}
.typeListUl li span{ float:right; height:60px; line-height:60px; display:block; font-size:14px; color:#999; margin-right:5%;}
.typeListUl li b{ float:left; height:60px; line-height:60px; display:block; font-size:20px; color:#333;}


.proListUl{ padding-bottom:30px; background:#FFF}
.proListUl li{ height:90px;background:url(../images/jian.jpg) center right no-repeat; text-indent:20px; border-bottom:1px solid #CCC }
.proListUl li img{ height:70px;float:left; padding-top:10px; padding-left:10px;}
.proListUl li a{ display:block;}
.proListUl li p{ display:block;font-size:16px; color:#75120f; line-height:30px; padding-top:10px;}
.proListUl li span{ display:block;font-size:16px}
.proListUl dl{border-bottom:1px solid #CCC }
.proListUl dd{ text-indent:40px; height:40px; line-height:40px;}
.proListUl dd a{ font-size:18px}

#wrapper{ width:100%; height:50px; overflow:hidden; background:#FFF; border-bottom:1px solid #cfd0d2;position:relative;}
#wrapper2{ width:100%; height:50px; overflow:hidden; background:#FFF; border-bottom:1px solid #cfd0d2;position:relative;}
.honorDateList{ width:100%;}
.honorDateList ul{ list-style:none; margin:0; padding:0; position:absolute; top:0; left:0;}
.honorDateList li{ width:90px; height:50px; float:left; text-align:center;}
.honorDateList li a{ width:90px; height:48px; line-height:48px; font-size:16px; color:#666; display:block; text-align:center;}
.honorDateList li a.active{ color:#b30133; border-bottom:2px solid #b30133;}

.honorContentList{ background:#FFF; width:100%; border-bottom:1px solid #d8d8d8;}
.honorContentList ul{ list-style:none; margin:0; padding:0; position:relative;}
.honorContentList li{ display:none;}
.honorContentList li img{ width:100%;}
.honorContentList li:first-child{ display:block;}
.honorContentList p{font-size:18px; line-height:28px; color:#666; width:96%; margin:2%; text-align:left;}

.contactContent ul{ list-style:none; margin:5% 0;}
.contactContent li{ width:84%; padding-left:4%;  margin:0 auto 2%;}
.contactContent li p{ font-size:14px; line-height:40px; color:#333;}

.con_div{ width:90%; margin-left:5%; margin-top:3%; line-height:1.8em;}
.con_div img{ max-width:100%; margin:auto}

.joinList{ width:90%; margin:5%; background:#FFF; position:relative;}
.joinList ul{ border:1px solid #d8d8d8;}
.joinList li{ width:90%; border-bottom:1px solid #d8d8d8; padding:5%; text-align:left;}
.joinList li a{ position:absolute; right:5%;}
.joinList li h5{ width:100%; overflow:hidden; line-height:36px; font-size:28px; color:#666;}
.joinList li span{ width:100%; overflow:hidden; line-height:36px; font-size:22px; color:#9fa0a0; display:block;}
.joinList li p{ width:100%; overflow:hidden; line-height:28px; font-size:22px; color:#9fa0a0;}

.NewsContent{ width:100%; background:#FFF; position:relative;}
.newsList ul{}
.newsList li{ width:100%;text-align: center;}
.newsList li h5{ overflow:hidden; line-height:28px; font-size:18px; color:#000; font-weight:normal}
.newsList li p{ display:block; color:#9fa0a0; font-size:12px}
.newsList li span{ line-height:28px; font-size:12px; color:#ec6d00;  float:left;}
.newsList li samp{ display: block; width:60px; height:60px; line-height:60px; border-radius:30px; margin:auto; margin-top:10px; margin-bottom:4px;font-size:20px; color:#fff; background:#d13b47}
.newsList li a {line-height:28px; font-size:14px; color:#666; display:block;}



.newsList li.newsListImg a{ line-height:36px; font-size:14px; color:#666; display:block; float:none;}
.newsList li.newsListImg span{ line-height:36px; font-size:16px; color:#9fa0a0; display:block; float:none;}

.news_tit{ line-height:35px; font-size:18px; font-weight:bold; color:#333;}
.new_content{ font-size:24px;color:#333; padding-top:10px; line-height:30px;}
.new_content img{ width:90%; margin-left:5%;}
.news_table{ border-bottom:1px solid #ddd; line-height:2em; color:#ec6d00}
.news_table td{color:#ec6d00}


.proContentList{ width:91%; overflow:hidden; margin:0; padding:0; margin-left:4.5% }
.proContentList ul{ list-style:none; margin:0; padding:0; width:100%;}
.proContentList li{ width:49%; float:left; text-align:center;}
.proContentList li a{ display:block;width:94%; margin-left:3%; height:200px; padding-top:10px; margin-bottom:8px; z-index:9; line-height:2em; background:#FFF; border-radius:5px;-webkit-box-shadow:0 0 10px rgba(118, 118, 118, .5); -moz-box-shadow:0 0 10px rgba(118, 118, 118, .5);   box-shadow:0 0 10px rgba(118, 118, 118, .5);}
.proContentList li p{ font-size:14px}
.proContentList li img{ width:86%; border:1px solid #eee }

.pro_c_ul{ width:91%; overflow:hidden; margin:0; padding:0; margin-left:5% }
.pro_c_ul li{ float:left; width:49%;font-size:14px; text-align:center; line-height:35px; border-bottom:1px solid #ddd;border-right:1px solid #ddd; font-size:12px; padding-bottom:15px;}
.pro_c_ul li img{ width:98%;}
.pro_c_ul  li:nth-child(1) { border-top:1px solid #ddd;}
.pro_c_ul  li:nth-child(2) { border-top:1px solid #ddd;}
.pro_c_ul li:nth-child(2n+1){ border-left:1px solid #ddd;}

.pro_c_ul li p{ width:100%; padding-top:5px; color:#4a4a4a; line-height:20px; font-size:12px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; 
overflow: hidden;}

.pro_box{ width:90%; margin-left:4.5%; margin-top:4%; border:1px solid #ddd}


.proListTitle{}
.proListTitle h5{ font-size:16px; line-height:24px; color:#000; font-weight:normal;}
.proListTitle p{ font-size:24px; line-height:24px; color:#f76a03;}
.more{ line-height:30px;}

.brandBanner{ width:90%; margin:auto; border:1px solid #eee; margin-top:10px; position:relative}
.brandBanner img{ width:100%;}
.proTitle{ width:100%; height:30px; line-height:30px; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.5); color:#FFF}
.proTitle h5{ text-indent:15px; font-size:14px; color:#FFF}


.slideBox{ position:relative; overflow:hidden; margin:0px auto;  max-width:1920px;/* 设置焦点图最大宽度 */ }
.slideBox .hd {}
.slideBox .hd ul{position:absolute; height:28px; line-height:28px; text-align:right; bottom:5px; width:100%; z-index:1; }
.slideBox .hd li{ display:inline-block; width:10px; height:10px;border-radius:50%; line-height:60px; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd li.on{ }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }

.hd .prev{ position:absolute; left:10px; width:37px; height:66px; background:url(../images/indexCasePrev.png) no-repeat; text-indent:-9999px;   bottom:40%;}
.hd .next{ position:absolute; right:10px;width:37px; height:66px; background:url(../images/indexCaseNext.png)   no-repeat; text-indent:-9999px;   bottom:40%;}


.proContentTitle{ width:100%; height:40px; font-size:28px; border-bottom:1px solid #e0e0e0; margin-bottom:2%;}
.proContentTitle p{ font-size:16px; font-weight:bold; line-height:40px; color:#333;}

.projianjieInfo{ width:100%; margin:auto}
.projianjieInfo li{ float:left; width:100%; line-height:2em; font-size:16px}
.projianjieInfo li b{ color:#e60013}
.proContentInfo{ width:96%; margin-left:2%}
.proContentInfo img{ max-width:100%;}
.proContentInfo p img{ max-width:100%;}
.proViewInfo{ width:100%; line-height:30px; margin:2% 0;}
.proViewInfo td{ font-size:16px; color:#666;}


.contact1 { width:100%; margin-bottom:2%; overflow:hidden;}
.contact1 img { width:100%;}
.contact2 { width:96%; margin-left:2%; line-height:23px; font-size:1.1em; color:#555555;}

.contact3 { width:33%; float:left;}

.pro_right{ width:90%; margin-left:5%; text-align:left;}

.pro_rd{ padding-bottom:20px;}
.pro_rd h3{ padding-top:10px}
.pro_rd h3 img{ width:100%}
.pro_rd h4{ font-size:16px; font-weight: normal; color:#d23b44; line-height:30px;}
.pro_rd b{ color:#4a4a4a; font-weight:normal}
.pro_rd p{ margin-top:15px; margin-bottom:10px; line-height:2em; font-size:12px; color:#4a4a4a}
.pro_rs{ margin-bottom:30px}
.pro_xx{ font-size:14px; font-weight:bold; margin-top:20px; border-bottom:1px solid #CCC}
.pro_neit{ line-height:2em; min-height:200px;}



#agentForm{ width:90%; text-align:center; background:#EEE; margin:30px auto; padding:30px 0; border-radius:5px;}
#agentForm h1{ width:100%; height:60px; line-height:60px; font-size:24px; text-align:center;}
.agentTitle{ text-align:center; padding:20px; text-align:center; font-size:24px; line-height:36px; color:#333; font-weight:bold;}
.agentTitle p{ text-align:center; text-align:center; font-size:14px; line-height:24px; color:#666; font-weight:normal;}
.agentNum{ width:220px; height:30px; padding:10px; line-height:30px; color:#333; text-align:center; font-size:16px; border-radius:10px; background:#FFF; margin:10px auto 20px; border:0; display:block;}
.agentSubmit{ width:220px; height:30px; line-height:30px; color:#FFF; text-align:center; font-size:16px; border-radius:5px; background:#000; margin:10px auto 20px; border:0; display:block;}

.agentInfo{ text-align:center; border-top:1px dotted #CCC; padding-top:20px;}

.honorPrev{ position:absolute; left:0; width:50px; height:50px; display:block; overflow:hidden; background:#FFF url(../images/honorPrev.png) center center no-repeat; z-index:9;}
.honorNext{ position:absolute; right:0; width:50px; height:50px; display:block; overflow:hidden; background:#FFF url(../images/honorNext.png) center center no-repeat; z-index:9;}

.honorDateList{ margin:0 50px; padding:0 50px;}

.content_div{ width:100%; position: relative}
.content_div img{ width:100%;}
.indexContact{ width:100%; height:85px; position:absolute; bottom:0; left:0; overflow:hidden; background:url(../images/indexContact.png)  bottom center no-repeat; background-size:cover}
.indexContact ul{ margin:0; padding:0; list-style:none;}
.indexContact li{ width:33.3%; height:85px; float:left;}
.indexContact li a{ width:100%; height:85px; display:block;}


.con_left{ float:left; width:90%; padding-top:30px; padding-left:5%; padding-bottom:40px;  line-height:30px; font-size:16px;Letter-spacing:2px;}
.con_left h3{ font-size:18px;color:#333; line-height:40px;  font-weight:normal;}
.con_left span{ color:#F00}
.con_inp{ height:30px; width:100%; border:1px solid #fff;line-height:30px;}
.con_right span{ color:#F00}
.con_txt{ width:100%; height:150px; border:0; margin-top:20px;}
.con_sub{ width:70px; height:36px; line-height:36px; float:right;border-radius:6px; border:0; color:#d23b44; background: none; font-family:"微软雅黑"; font-size:16px;}


.sou_div{  width:100%; height:40px;  margin-right:0; padding-right:0px; margin-top:25px;}
.sou_inp{ float:left; width:80%; height:30px; text-indent:10px; line-height:30px; border:1px solid #CCC; border-radius:10px 0px 0px 10px;}
.sou_sub{ float:left; width:19%; height:34px; border:0; background: #ddd; border-radius:0px 10px 10px 0px;}


.foot_div{ background:#e9e9e9; height:50px; line-height:50px; font-size:18px;text-align:center}