table{ border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
th{ font-weight: normal; font-style: normal; }
ul { list-style: none; padding:0; margin:0 }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%;padding: 0;margin: 0; }
input, textarea, button { outline: none; }
input:focus, textarea:focus { outline: none; }
a {text-decoration: none; display: inline-block; }

a:link{color:#000}/*连接平常的状态*/
a:visited{color:#fcc014}/*连接被访问过之后*/
a:hover{color:#fcc014}/*鼠标放到连接上的时候*/
a:active{color:#fcc014}/*连接被按下的时候*/


a,button,input,textarea,label,select{-webkit-tap-highlight-color: rgba(0,0,0,0)}
html { overflow: auto; font-size:1rem; } /*1rem=16px=100%=12pt*/
html, body { height: 100%; font-size: 100%;padding: 0;margin: 0;}/*overflow: hidden; -webkit-overflow-scrolling: touch;*/
body, input{ font-family:'\5FAE\8F6F\96C5\9ED1'; }
input[type="button"],input[type="text"], input[type="submit"], input[type="reset"], input[type="text"], input[type="date"],select,textarea { -webkit-appearance: none; appearance: none; }
/**{box-sizing: border-box;-webkit-touch-callout: none; }*/
p{margin: 0}
img{vertical-align: middle;}

img{width:100%; height:100% }
img{ border:0!important}
/*清除浮动*/
.clear:after{ clear: both}

/*输入框的样式*/
html input[type="tel"],input[type="password"],input[type="text"],input[type="button"]{ border:none}
html input:focus{outline:none; background:#eee}

/*过渡效果*/
.title:after{content: '';position: absolute;height: 2.5rem;width: 2.5rem;top: 0;right: 0;background: url(../images/jt.jpg) center center no-repeat;background-size: 1rem auto;transition:.3s;z-index: 20}
.title.on:after{-webkit-transform: rotateZ(-180deg);-moz-transform: rotateZ(-180deg);-ms-transform: rotateZ(-180deg);-o-transform: rotateZ(-180deg);transform: rotateZ(-180deg);}

/*公用边距和浮动样式*/
.m_auto{display: block;margin: 0 auto;}
.fl{ float: left}.fr{float: right}
.m_25{ margin-top:25px;}
.m_b10{margin-bottom: 10px}
.m_b25{ margin-bottom:25px}
.p_l_30{ padding-left:30px}
/*字体大小样式*/
.f_12{ font-size:12px;}
.f_14{ font-size:14px;}
.f_16{ font-size:16px}
.f_18{ font-size:18px;}
.f_24{ font-size:24px;}
.l_28{ line-height:28px}
.f_w{ font-weight:bold;}
.r_18{display: block;  float: left; font-size:18px;  color: #fbb013;  height: 50px;  line-height: 60px;  font-family: "微软雅黑,sans-serif"; padding-left:10px}
/**/
.display{ display: block}
/*背景色*/
.bg_f6{ background: #f6f6f6}

/*公共的头部和底部样式*/
.header{ width:100%; height:auto; overflow: hidden;}
.header_welcome{ height:30px; line-height: 30px; background: #323232; color:#fff}
.w_100{width:100%;height:auto; margin:0 auto; overflow:hidden}
.content{ width:100%;max-width:1200px; height:auto; margin:0 auto; overflow:hidden}
.w_1200{width: 1200px;}
.w_1020{ width:1020px;}
.w_1020 .h_120{height:120px}

/*导航条样式*/
.nav{ width:100%; height:50px;  background:#191919;}
.nav ul{ width:980px; height:100%}
.nav ul li{  height:50px; line-height: 50px}
.nav ul li a{ color:#fefefe;width:135px; text-align: center}
.nav ul li span{ width:5px; color:#fff}
.current{ background: url("../img/current.png") no-repeat bottom center; color:#fff!important}


/*单页的样式*/
.detail_box { min-height:768px}


.footer{ background:#626262; width:100%;height:265px;}
.footer ul{ height:215px}
.footer ul li{ width:25%; height:180px; padding:10px 0 }
.footer ul li img{ width:90px; height:90px; margin:0 auto; display: block;margin-bottom: 20px}
.footer ul li span{ display: block; height:30px; line-height: 30px; text-align: center; color:#fff;}
.f_copy{ width:100%; height:50px; background: #202020;line-height: 50px; color:#fff; text-align: center}







.logo{width:585px;height:120px; display: block}
.headerbox{ max-width:1200px;margin:0 auto}
.tell{ height: 120px; width:250px; display: block}
/*.tell img{ width:210px; height:35px; padding:20px 20px 5px  20px}*/
.tel_text{ width:250px; height:60px; display:block; text-align:center; color:#fcc014!important; font-size:24px; font-weight:bold}

/*焦点图样式*/
.slideBox{position:relative;}
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.bd ul li div{ width:100%!important; height:100%!important}

.g-link { background: #FFFFFF; border: #dadada solid 1px;}

.g-link > .g-container { padding: 12px 0px; font-size: 14px; overflow: hidden; line-height: 28px;width: 1200px; margin:0 auto }

.g-link > .g-container h2 { font-size: 14px; float: left; font-weight: bold; color: #656766; }

.g-link > .g-container div { overflow: hidden; }

.g-link > .g-container div a { margin-right: 20px; color: #656766; margin-left:5px; display:inline-block;}
.g-link > .g-container div a:hover { text-decoration:underline; }


/*09-11修改的样式.pro_title{ width:600px; height:160px;}*/
.pro_title{ width:600px; height:160px; margin:10px auto;}
.font_title{ font-family:"\5FAE\8F6F\96C5\9ED1";   }
.font_title span	{display:block; text-align:center;}
.ch_name{  margin:0 auto; font-size:36px; color:#333;}
.en_name{ color:#999; font-size:24px; padding:10px 0}
.by_box{ font-size:26px; line-height:30px; text-align:center; letter-spacing:2px;padding-top:10px}
.by_box .color{color:#fcc014}
.line_box{ position:relative}
.gray_line{ width:326px; height:2px; background:#000; margin:0 auto; }
.orange_line{ width:200px; height:4px; background:#fcc014; margin:0 auto; position:absolute; z-index:1000;left:200px; top:-2px}
.pro_content{ max-width:1200px; height:auto;}
.multipleColumn{position:relative;}
.multipleColumn .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.multipleColumn  .prev,.multipleColumn .next{ position:absolute; z-index:100; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.multipleColumn  .next{ background:url("../images/slider-arrow.png") no-repeat;left:auto; right:3%; background-position:8px 5px;  }

.pro_box{max-width:1200px; margin:0 auto}
.pro_content ul{max-width:1200px; height:530px;margin:0 5px}
.pro_content ul li{ width:32.5%; height:255px; border:#eee solid 1px; float: left; margin:0 3px 10px 3px; overflow:hidden}

.pro_content ul li a{ display: block; width: 100%; height:100%; position: relative}
.pro_content ul li a label{ position: absolute; width:100%; height:40px; line-height: 40px; left:0; bottom:0; text-align:center; background:#000; color:#fcc014}

.why_choice{ width:100%; height:auto;}

.company_box{ overflow: hidden; max-width:1200px}
.com_title{ width:600px; height: 105px; margin:15px auto}
.c_box_left{ width:40%; height:255px; }

.c_box_right{ width:54%; height:255px}
.name{ display: block; width:100%; height:38px}
.name img{ width:366px; height:38px; display:block; }
.name a{ display:block; border:#e7e7e7 solid 1px; color:#fbbf13; padding:7px 8px; cursor: pointer}


.hor_content{ height:230px; max-width:1200px}
.picScroll-left .tempWrap{ width:1200px!important}
.hor_content ul{ height:230px;margin-right:-20px }
.hor_content ul li{width:283px; height:228px; border:#eee solid 1px; float: left; margin-top:10px!important; margin-right:20px;}
.hor_content ul li a{ display: block; width: 100%; height:100%; position: relative}
.hor_content ul li a label{ position: absolute; width:100%; height:40px; line-height: 40px; left:0; bottom:0; text-align:center; background:#000; color:#fcc014}
.picList  marquee{height:100%}
.picList img{ width:283px; height:228px}

.news_box{height:auto; overflow: hidden; padding:30px 0}
.news_title{ width:598px; height:120px}
.img_box{ width:580px; height:250px;}
.img_box ul li{ width:280px; margin:0 5px; float: left}
.img_box ul li img{ width:280px; height:190px;}
.news_date_title{ display: block; width:100%; height:50px; margin-top:10px}
.news_date_title span{ display: block; width:50px; height:50px; background: #7e7e7e; color:#fff}
.news_date_title span em{ display:block; width:100%; text-align: center}
.news_date_title a{ display: block; width: 220px; padding: 0 5px}
.text_box{width:590px; height:250px;}
.text_box ul li{ width:566px; height:98px; padding:10px; border:#dadada solid 1px}
.text_box ul li span,.text_box ul li p{color:#656766; line-height:24px}




/*产品列表页样式*/
.list_left{ width:25%; height:auto;overflow:hidden}
.bg_f8{ background:#f8f8f8;}
.title_img{ display: block; width:300px; height:115px; border-bottom:#fbbf13 solid 1px;}
.n_list{ width:100%; height:auto; padding-bottom:25px}
.n_list ul li{ width:270px; margin:0 10px; height:40px; line-height: 40px; border-bottom: #ccc dashed 1px; padding:0 0 0 10px}
.n_more{ float:right; margin-right:20px; padding-bottom:20px}

.n_list ul li a:link{color:#000}
.n_list ul li a:visited{color:#000}
.n_list ul li a:hover{color:#fcc014}
.n_list ul li a:active{color:#fcc014}

.div_right{width:71%;float:right;overflow:hidden}
.right_top{width:100%; height:50px; border-bottom:2px solid #ddd; margin:8px 0}
.r_t{ display:block; float:left; color:#fbb013; height:50px; line-height:50px;font-family: "微软雅黑,sans-serif"; font-size: 30px!important;}
.right_top ul{ float:right; width:auto; overflow:hidden}
.right_top ul li{ float:left; line-height:50px; font-family:"\5B8B\4F53"; font-size:12px}
.right_top ul li span{ padding:0 5px;}
.right_top ul li a:last-child{ color: #fbbf13 !important}

.pro_l_c{ width:100%; height:auto; overflow:hidden}
.pro_l_c ul li{max-width:400px; width:46%; overflow:hidden; height:290px; border-radius: 10px; border:#eee solid 1px; position: relative; margin:10px;}
.href_box{ width:400px; height:290px; display:block}
.pro_l_c ul li img{ width:380px; height:270px; padding:10px; border:0}
.href_title{ display: block; width:100%; height:30px; background:#fbbf13; border-radius:0 0 10px 10px; position:absolute; bottom: 0; text-align:center; line-height: 30px; color:#fff!important}



/*产品详情*/
.pro_xq{width:100%;overflow: hidden;padding-top: 30px;}
.pro1{width: 100%;overflow: hidden;height: 300px;padding-bottom: 40px;border-bottom: 1px dashed #ccc;}
.pro1 .pc2{width: 400px;height: 300px;float: left;margin-right: 40px;display: inline-block;}
.pctit{float: left;width: 420px;display: inline-block;}
.pctit ul li{height: 50px;line-height: 50px;font-size: 14px;color: #999;font-family: '\5FAE\8F6F\96C5\9ED1';}
.pctit ul li b{font-size: 22px;color: #157952;}
.pctit ul li h1{font-size: 18px!important;color: #fcc014!important; width:auto!important; display:inline!important;font-family:"\5FAE\8F6F\96C5\9ED1"!important; font-weight:bolder; line-height:50px!important;}
.pctit ul li font{font-size: 14px;color: #666;margin-left: 3px;}

.pro2{padding: 30px 0;overflow: hidden;}
.pro2 h2{font-size: 16px;color: #999;font-family: '微软雅黑,sans-serif�';line-height: 50px;}
.pro2 p{text-indent: 2em;font-size: 16px;color: #666;font-family: '微软雅黑,sans-serif�';line-height: 180%;margin-top: 25px;}

.pro3{width: 100%;overflow: hidden;margin-top: 80px;margin-bottom: 60px;}
.pro3 p{height: 40px;line-height: 40px;font-family: '微软雅黑,sans-serif�';font-size: 16px;color: #999;border-bottom: 1px dashed #ccc;}







/*新闻列表页的样式*/
.news_l_c{ width:100%; height:auto; overflow:hidden}
.news_l_c ul li{ width:100%; height:180px; padding:20px 0; border-bottom:#ccc dotted 1px;}
.n_img img{ width:185px; height:115px; float:left;padding-right:20px}
.s_list_data{}
.s_text{ line-height:25px; font-size:14px; font-family:"\5B8B\4F53" ;color:#333; }
.s_list_data h1 a{ font-family: "微软雅黑,sans-serif";  line-height: 45px;  color: rgb(51, 51, 51)!important;  font-size: 26px!important;}
.small_title{ text-align:center; padding-bottom:10px; padding-bottom:10px}
.small_title span{ color:#666; font-size:12px}
.s_text .look_detail{ color:#fbbf13; font-weight:bold}




#pages{white-space: nowrap; padding:60px 192px;border-bottom:#ddd dotted 1px; }
#pages a{margin: 3px;padding: 6px 12px;list-style-type: none;float: left;color: #333; font-size:12px;border: 1px #eee solid;white-space: nowrap; }
#pages a font{color:#fbbf13!important;}

/*#pages{white-space: nowrap; padding:60px 192px;border-bottom:#ddd dotted 1px; }*/
/*#pages li{margin: 3px;padding: 6px 12px;list-style-type: none;float: left;color: #333; font-size:12px;border: 1px #eee solid;white-space: nowrap; }*/
/*#pages li.pbutton {color:  #333;white-space: nowrap;border: 1px #eee solid;}*/
/*#pages li.pagesnow{background:#eee!important; color:#fbbf13!important}*/
/*#pages li.opt {color: #303030;padding: 0px;white-space: nowrap;border: 0px;background: #fff;}*/
/*#pages li a{ text-decoration:none; color:#303030}*/
/*.c_3{ color:#333!important}*/

.article_div{ width:1000px; margin:0 auto; padding:20px 0}
.article_div p{ font-size:14px!important; line-height:40px!important;}
.detail_box .article_div{ width:800px; margin:0 auto; padding:10px 0}
.detail_box .article_div p{ font-size:14px!important; line-height:40px!important;}
.s_list_data h1{ height:40px; line-height:40px; text-align:center}
.t_indent{ text-indent:2em}
.img_div{text-align:center; margin:0 auto;}
.img_div{ margin:0 auto}


/*新添加的样式*/
.title_img .left_title{ font-size: 36px;font-weight: bold;display: block;text-align: left;color: #fbb013;padding: 15px 0 25px 25px;}
.point{display: block;width: 11px;height: 11px;background: #fcc014;float: left;margin: 15px 20px 15px 0;}
.tell_text_box{  width:100%; display:block; margin-top:20px}
.tell_text_box  font{ font-size:18px; color:#999;font-weight:500;height:37px; line-height:37px; display:block}
.tell_text_box  img{ width:39px; height:37px; float:left}


.s_list_data p{ font-size:14px; line-height:35px; font-family:"\5B8B\4F53"; text-indent:2em}
.s_list_data div{ font-size:14px; line-height:35px; font-family:"\5B8B\4F53"; text-indent:2em}

.block_box{ display:block}

/*在线客服样式*/
.zxkf{ width:100%; height:100%; top:0; right:0;  }
.displaybox{width:230px; height:100%; background-color:rgba(0,0,0,.7); position:absolute; z-index:301;  top:0; right:0; position:fixed; display:none} 
.zxkf_icon{ width:30px; height:130px;  background:#F0BE05; border-top-left-radius: 5px; border-bottom-left-radius: 5px;position:fixed; z-index:100;top:40%;   padding-top: 40px;cursor: pointer;font-size: 14px;color: #fff;}
.zxkf_230{right:230px; display:none }
.zxkf_0{ right:0; display:block;}
.zxkf_icon span{width: 30px;height: 19px;line-height: 19px;text-align: center;overflow: hidden;float: left;color:#fff;}


.conter{width: 186px;height: 560px;margin-left: 22px;position: absolute;top: 5%;}
.conter .con1{ border-bottom:1px solid #6a6a6a; padding-bottom:22px;}
.conter dl{ width:100%; height:auto; display:block; }
.conter dl dt{ padding:9px 0; margin-right:10px; color:#fff;}/* float:left;*/
.conter dl dd{line-height: 24px; color:#fff;  }
.qqcall{padding:22px 0px 40px 0px;border-bottom:1px solid #6a6a6a;}
.kefuQQ a{ background:url(../images/button-custom-qq.gif)  no-repeat; width:70px; height:20px; display:inline-block; vertical-align:middle;}
.kefuQQ a:hover{ background:url(../images/button-custom-qq.gif)  no-repeat;}
.weixincall{padding:22px 0; border-bottom:1px solid #6a6a6a;}
.dytimer{float: right; width: 160px; height: 40px; padding: 16px 0px 15px 0px; /* background: #007b77; */ margin: 20px 0px 0px 0px;} 
.dytimer span{display:block; height:20px; line-height:20px; font-size:14px; color:#fff;} 
.dytimer span a{ color:#fff; }
.fn_cle:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } 
.xtysdy{margin-right:15px; width: 31px!important; height: 31px!important}
.f2{padding:0!important;margin:0!important}