﻿/*-----重置样式-----*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,p, th,td {padding:0; margin:0;} 
body,button,input,select,textarea{ font:12px/1.5 "宋体", Arial, Verdana, sans-serif; word-wrap:break-word; color:#333;}
a{text-decoration: none;  cursor:pointer;}
a:active {outline:none;}
i,em,b,address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul ,li{list-style: none;} 
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: 100%;} 
img {border:0; display:block;}
:focus {outline:none;} 
button{cursor:pointer} 
table {border-collapse: collapse; border-spacing: 0;} 
html{overflow-x:hidden;}
/*------链接------*/
a{color:#333;}
a:hover{color:#c10000;}

/*base-----------------------------------------------------------------------------------------------------*/
/*--浮动--*/
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}

/*--文本对齐--*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}

/*--内边距--*/
.p-l5{padding-left:5px;}
.p-l10{padding-left:10px;}
.p-l20{padding-left:20px;}

.p-r5{padding-right:5px;}
.p-r10{padding-right:10px;}
.p-r20{padding-right:20px;}

.p-lr5{padding:0 5px;}
.p-lr10{padding:0 10px;}
.p-lr20{padding:0 20px;}

.p-t5{padding-top:5px;}
.p-t10{padding-top:10px;}
.p-t20{padding-top:20px;}

.p-b5{padding-bottom:5px;}
.p-b10{padding-bottom:10px;}
.p-b20{padding-bottom:20px;}

/*--外边距--*/
.m-l5{margin-left:5px;}
.m-l10{margin-left:10px;}
.m-l20{margin-left:20px;}
.m-l30{margin-left:30px;}

.m-r5{margin-right:5px;}
.m-r10{margin-right:10px;}
.m-r12{margin-right:12px;}
.m-r20{margin-right:20px;}

.m-lr5{margin:0 5px;}
.m-lr10{margin:0 10px;}
.m-lr20{margin:0 20px;}

.m-t5{margin-top:5px;}
.m-t10{margin-top:10px;}
.m-t20{margin-top:20px;}
.m-t50{margin-top:50px;}

.m-b5{margin-bottom:5px;}
.m-b10{margin-bottom:10px;}
.m-b20{margin-bottom:20px;}
 
/*清除浮动----------------------------------------------------------------------------------------------*/
.clearfix:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.clearfix{*zoom:1;}
/*单页通用样式-------------------------------------------------------------------------------------------*/
.details{word-break:break-all; word-wrap:break-word; line-height:24px; padding:10px 0px 40px 2px; text-align:justify; text-justify:inter-ideograph;}
.details p{word-break:break-all; word-wrap:break-word;}

/*字体样式-----------------------------------------------------------------------------------------------*/
.s1{color:#fba602;}
.s2{color:#06a241;}
.s3{color:#0982fe;}
.s4{color:#d60000;}
.s5{color:#09e59a;}
.s6{color:#9508d0;}
.orange{color:#ff6501;}
.gray{color:#999;}
.darkgray{color:#666;}
.red{color:#c80000;}
.blue{color:#094c83;}
.green{color:#7cb100;}
.black{color:#000;}

.f-s12{font-size:12px;}
.f-s13{font-size:13px;}
.f-s14{font-size:14px;}
.f-s15{font-size:15px;}
.f-s16{font-size:16px;}
.f-s18{font-size:18px;} 
.f-s22{font-size:22px;} 

.l-h20{line-height:20px;}
.l-h22{line-height:22px;}
.l-h24{line-height:24px;}
.l-h26{line-height:26px;}

.b{font-weight:bold;}
i.line{height:12px; width:1px; margin:0 8px 2px; display:inline-block; vertical-align:middle; background:#fff; overflow:hidden;}
.arrow{background-image:url(../images/arrow.png); overflow:hidden; text-indent:-9999px;}
.icon{background-image:url(../images/icon.png); overflow:hidden; text-indent:-9999px;}

/*整体网站框架布局
-----------------------------------------------------------------------------------------------------------------------------------------------*/
body{background:#e2e2e4;}
.header{width:992px; margin:0 auto;}
.content{width:992px; margin:0 auto; padding:0 0 0 0;background:#fff url(../images/side_bg.png) repeat-y 0 0;}
.side{width:206px; padding:0 0 30px 0; border-top:20px solid #fff;}
.main1{width:744px; margin:0 18px 0 0; border-top:20px solid #fff;}

/*----头部样式----*/
.headerWrap{height:82px; background:url(../images/header_bg.jpg) repeat-x 0 100%; position:relative; z-index:9999;}
.header{height:82px; background:url(../images/tel.png) no-repeat 635px 43px; color:#fff;} 
.header .logo{}  
.header a{color:#fff;}
 
/*----导航样式----*/
.navWrap{ background:url(../images/nav_bg.jpg) repeat-x 0 0;height:36px;}
.nav{width:800px; line-height:36px; margin:0 auto;}
.nav li{float:left; display:inline; width:100px; text-align:center; background:url(../images/nav_li_tip.jpg) no-repeat 100% center; position:relative; z-index:100;}
.nav li a{float:left; display:inline; width:100px; text-align:center; color:#fff; font-size:14px;}
.nav li a:hover{color:#000; background:url(../images/nav_li_cur.jpg) no-repeat center 0;}
.nav li a.cur{color:#000; background:url(../images/nav_li_cur.jpg) no-repeat center 0;}

.nav li div{ display:none; position:absolute; top:36px; left:0; width:100px; background-color:#fff; padding:5px 0; z-index:999;}
.nav li div a,.nav li div a:link,.nav li div a:visited,.nav li div a:active{ background:none; color:#000; font-size:12px; height:30px; line-height:30px;}
.nav li div a:hover{ background:none; text-decoration:underline;}

/*焦点图*/
.bannerImg{width:992px; height:271px;  margin:5px auto 0; padding-bottom:4px; position:relative; z-index:10; background:#fff url(../images/content_top_bg.jpg) repeat-x 0 100%;}
#banner{ position:relative; z-index:10;}
#banner,#banImg,#banImg img{width:992px;height:271px;overflow:hidden;}
#banner div{ display:none; height:23px;margin-bottom:-23px;position:relative;filter:alpha(opacity=25);-moz-opacity:0.25;opacity:0.25;background-color:#000;}
#banNum{ display:none; position:absolute; bottom:12px; z-index:999; right:50%; margin-right:-490px;}
#banNum li{float:left;background:none;margin-left:5px;height:18px;width:18px;cursor:pointer;margin-top:8px;line-height:0;font-size:0; border:1px solid #E50014;}
#banNum li.crn{background-color:#E50014;}

/*----标题栏样式----*/ 
.title{height:29px; line-height:29px; border-bottom:1px solid #d7d7d7; font-size:14px; color:#818082; font-family:"微软雅黑";}
.icon1{width:10px; height:10px; margin:11px 8px 0 5px; background-position:0 0;}
.icon2{width:13px; height:12px; margin:10px 8px 0 5px; background-position:0 -11px;}
.icon3{width:10px; height:17px; margin:6px 9px 0 14px; background-position:0 -24px;}
.icon4{width:16px; height:16px; margin:8px 5px 0 2px; background-position:0 -42px;}
.sideTitle{width:206px; height:41px; font-size:20px; line-height:41px; text-align:center; background:url(../images/tit1.jpg) repeat-x; text-align:center; color:#fff; font-weight:bold;}
.mainTitle{height:30px; line-height:30px; margin:6px 0 0 0; border-bottom:1px solid #38700b;padding-left:15px; background:url(../images/title_tip.jpg) no-repeat 0 center;} 
.mainTitle a{color:#333; padding:0 3px;}
.mainTitle a:hover{color:#0b71a0;}

/*侧栏导航*/
.sideNav{width:161px; margin:10px auto 7px;}
.sideNav li{height:26px; line-height:26px; border-bottom:1px solid #e3e3e3; background:url(../images/red_arrow.png) no-repeat 16px center;}
.sideNav li a{padding-left:33px; color:#333;}
.sideNav li a:hover{color:#333; font-weight:bold;}
.sideNav li a.cur{color:#333; font-weight:bold;}  

.sideLink{margin:30px 0 0 0;}
.sideLink img{margin:0 auto 6px; display:block;}

/*底部样式*/
.footer{width:952px; height:50px; line-height:50px; padding:0 10px 0 30px; background:url(../images/footer_bg.jpg) repeat-x 0 0; margin:0 auto; color:#fff; overflow:hidden;} 
.footer a{color:#fff; padding:0 6px;}
.footer a:hover{text-decoration:underline; color:#fff;} 

/*首页关于我们、新闻、联系我们、产品展示、案例 */  
.about{width:470px; height:125px; margin:9px 0 0 0; overflow:hidden;} 
.aboutCon1{padding:23px 0 0 7px; line-height:22px;}
.aboutCon1 h3{margin:5px 0 6px 0;}
.aboutCon1 img{float:left; display:inline; margin:0 9px 0 0;}

.news{width:455px; height:82px; margin:10px 0 0 8px; overflow:hidden;}
.news ul{margin:18px 0 0 0;}
.news ul li{height:23px; line-height:23px; padding-left:18px; background:url(../images/gray_arrow.jpg) no-repeat 0 7px;}
.news ul li a{display:inline-block; width:290px;  white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.news ul li a:hover{color:#c20000;} 

.contact{width:250px; height:217px; margin:9px 0 0 0;overflow:hidden;}
.contactCon{ padding:20px 0 0 30px; line-height:200%; overflow:hidden;}

.case{width:746px; margin:20px 0 0 0; position:relative;}
.case h2{margin:0 0 0 18px;}
.case ul{position:absolute; left:0; top:0;}
.case ul li{width:161px; float:left; margin:0 18px 0 0;}
.case ul li img{width:152px; height:110px; border:6px solid #a0a0a0;}
.case ul li a{display:block; width:161px;}
.case ul li a h3{width:161px; height:30px; line-height:30px; text-align:center; overflow:hidden;}
.case ul li a:hover h3{color:#c10000;}
#scroll1{width:729px; height:150px; margin:0; position:relative;}
#scroll1 #leftArrow1{display:block; width:6px; height:13px; background:url(../images/left_arrow.jpg) no-repeat 0 0; overflow:hidden; position:absolute; left:0; top:50px; *top:65px;}
#scroll1 #rightArrow1{display:block; width:6px; height:13px;  background:url(../images/right_arrow.jpg) no-repeat 0 0; overflow:hidden; position:absolute; right:0; top:50px; *top:65px;}
#div2{width:690px; height:150px; position:relative; margin:14px 0 0 20px; overflow:hidden;}

/*列表展示样式*/
.proItems{margin:28px 0 0 12px;}
.proItems li{width:160px; float:left; _display:inline; margin:0 20px 15px 0; overflow:hidden; cursor:pointer;} 
.proItems li a{display:block; width:160px;}
.proItems li img{width:156px; height:129px; border:1px solid #dfdfdf; padding:1px;}
.proItems li a h3{width:160px; height:44px;  line-height:44px; text-align:center; overflow:hidden;} 

.proIntro{padding:32px 0 0 2px;}
.proIntro .proPic{width:461px; height:303px; overflow:hidden;}
.proIntro .proPic img{display:block; margin:0 auto; width:455px; height:297px; padding:2px; border:1px solid #ddd;}

/*公司新闻 */ 
.newsItems{margin:24px 0 0 0;}
.newsItems li{height:36px; line-height:36px; padding-left:25px; border-bottom:1px dotted #b0b0b0; overflow:hidden; background:url(../images/d_arrow.jpg) no-repeat 0 14px;}
.newsItems li a{display:inline-block; width:550px;  white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.newsItems li span{padding:0 5px 0 0; color:#979797; font-family:Arial, Helvetica, sans-serif;}

#myFocus{ margin:15px 0 0 8px; _display:inline;}
.mF_classicHC .pic{border:1px solid #666;overflow:hidden;}
.mF_classicHC .pic li{position:absolute;left:1px;top:1px;}
.mF_classicHC .txt li{position:absolute;left:0;background:#dedede;overflow:hidden;}
.mF_classicHC .txt li a{display:block;color:#333;text-align:center;font-size:12px;font-weight:bold;text-decoration:none;}/*文字样式*/
.mF_classicHC .num,.mF_classicHC .num-bg{height:19px;position:absolute;z-index:3;right:0;bottom:31px;color:#fff;}/*按钮样式*/
.mF_classicHC .num-bg{width:100%;background:url(../images/bg.png) right bottom no-repeat;_height:16px;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg.png', sizingMethod='scale');}
.mF_classicHC .num-bg li{position:absolute;}
.mF_classicHC .num li{float:left;width:26px;height:16px;line-height:16px;padding-top:3px;text-align:center;cursor:pointer;position:relative;}
.mF_classicHC .num li span{position:absolute;top:3px;left:0;width:1px;height:16px;overflow:hidden;background:#DADADA;}
.mF_classicHC .num li.current,.mF_classicHC .num li.hover{background:url(../images/bd.gif) left top no-repeat;}/*当前/悬停按钮样式*/
.mF_classicHC .num li.hover{background-position:right bottom;}
.mF_classicHC .num li a,.mF_classicHC .num li a:link,.mF_classicHC .num li a:visited,.mF_classicHC .num li a:active{ color:#fff;}