/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
body{ font-family:"微软雅黑"; color:#333333; background:#F8F8F8 url(../images/bg.jpg) 50% 0 no-repeat;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#CC0000; text-decoration:underline;}

/*文字排版*/
.f10{font-size:10px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f15{ font-size:15px;}
.f18{ font-size:18px;}
.f22{ font-size:22px;}
.fb{font-weight:bold}
.fn{font-weight:normal}
.tc{ text-align:center;}

/*定位*/
.bc{ margin-left:auto; margin-right:auto;}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.cb{clear:both}
.pr{position:relative}
.pa{position:absolute}
.none{display:none}
.clearfix:after{ content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;} /*浮动闭合的写法二*/
.clearfix{ zoom:1;}

/*长度高度*/
.w{ width:100%;}
.w1000{ width:1000px;}
.h{ height:100%;}

/*边距*/
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt55{ margin-top:55px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb40{ margin-bottom:40px;}
.pt20{ padding-top:20px;}
.pl10{ padding-left:10px;}
/*color*/
.c_white,.c_white a{ color:#ffffff;}
.c_red{ color:#CC0000;}

/*header*/
#header{ height:100px; background:url(../images/headbg.jpg) no-repeat;}
.logo{ width:500px; height:100px;}
.toplx{ width:320px;height:100px; background:url(../images/tell.jpg) no-repeat;}


/*flash*/
#flash{ width:100%; min-width:1000px;}
.index_bg01{ background:url(../images/banner_bg01.jpg) center top no-repeat;}
.index_bg02{ background:url(../images/banner_bg02.jpg) center top no-repeat;}
.index_bg03{ background:url(../images/banner_bg03.jpg) center top no-repeat;}
.index_bg04{ background-color:#b4daff;}
.banner{ Z-INDEX: 99; MARGIN: 0px auto; WIDTH: 1000px; HEIGHT: 400px; _width: 1000px}
.banner_l{ MARGIN-TOP: 147px; WIDTH: 23px; FLOAT: left}
.banner_r{ MARGIN-TOP: 147px; WIDTH: 23px; FLOAT: left}
.bannerImg{ POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1000px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px}
.bannerImg .bannerPage{ POSITION: absolute; right:47px; bottom:19px;}
.bannerImg .bannerPage A{ MARGIN-RIGHT: 2px}
.bannerImg .bannerPage A IMG{ VERTICAL-ALIGN: middle}
.slides_container{ POSITION: relative; WIDTH: 1000px; OVERFLOW: hidden}
.pagination{ MARGIN: 26px auto 0px}
.pagination LI{ MARGIN: 0px 1px; FLOAT: left}
.pagination LI A{ BACKGROUND-IMAGE: url(../images/pagination.png); WIDTH: 15px; DISPLAY: block; BACKGROUND-POSITION: 0px -1px; FLOAT: left; HEIGHT: 0px; OVERFLOW: hidden; PADDING-TOP: 12px
}
.pagination LI.current A{ BACKGROUND-POSITION: 0px -18px}

/*menu*/
#menu{ height:60px; background:url(../images/rpt_x.gif) repeat-x;}
.nav li{ width:118px; height:50px; line-height:50px; background:url(../images/line.jpg) left no-repeat;}
.nav li.current{ width:118px; height:50px; background:url(../images/current.gif) center no-repeat;}
.nav li.current a,.nav li a:hover{ color:#FFFFFF; text-decoration:none; display:inline}
.nav li a:hover{ float:left; width:118px; height:50px; background:url(../images/current.gif) center no-repeat; display:inline;}


/*视频展示*/
.mainleft,.about,.news{ width:320px; overflow:hidden;}
.tit{ width:320px; height:25px; background:#000000;}
.tytit{ width:80px; height:25px; background:#FF6600; line-height:25px;}
.vdcon{ width:320px; height:205px;}

/*产品列表*/
.tit_b{ width:320px; height:130px; background:url(../images/titbg.gif) no-repeat;}
.tit_c{ width:320px; height:130px; background:url(../images/titbg.gif) 0 -135px no-repeat;}
.tit_d{ width:320px; height:130px; background:url(../images/titbg.gif) 0 -270px no-repeat;}
.prtit_a{background:#FF6600;}
.prtit_b{ background:#264630;}
.prtit_c{ background:#0389D2;}
.prtit_d{ background:#3E2B1D;}
.categoryCon{width:320px}
.categoryCon li{ width:145px; height:35px; line-height:30px; margin:0 9px 0 5px; text-indent:1em; font-weight:bold}
.categoryCon li a{ width:145px; height:30px; background:url(../images/titbg.gif)  0 -405px  no-repeat; display:block; text-indent:1em;font-weight:bold}
.categoryCon li a:hover{ width:145px; height:30px; color:#FFFFFF;text-decoration:none; background:url(../images/titbg.gif) -150px -405px no-repeat; text-indent:1em;font-weight:bold}

/*联系我们*/
.introPic{ width:210px; height:45px; padding:25px 0 0 110px; background:url(../images/titbg.gif) 0 -440px no-repeat;}
.lxcon{ width:300px; line-height:20px; padding:15px 0 0 20px;}


/*关于我们*/
.mainright{ width:680px;}
.about_con,.list{ width:300px; padding:10px; overflow:hidden;}
.aboutzi{line-height:24px;}
.more{ width:65px;border-bottom:1px solid #333333;}
.more a:hover,.prt_a a:hover{ text-decoration:none;}
.list li{ width:300px;height:24px;line-height:24px;}

/*推荐产品*/
.prtit{ width:660px; height:40px; line-height:40px; background:url(../images/rpt_x.gif) 0 -120px repeat-x;}
.prt_a{ width:105px; height:38px;line-height:38px; background:#F8F8F8;}
.more_b{ width:65px; height:38px; line-height:38px; background:#F8F8F8; padding-left:10px;}
.tj_con{ float:left;width:660px; height:170px; padding-top:20px; overflow:hidden;}
.rollBox{ float:left;width:660px; height:170px;overflow:hidden;}
.leftbotton{float:left; width:20px; height:35px; background:url(../images/titbg.gif) 0 -515px no-repeat; cursor:pointer; margin-top:50px;}
.rightbotton{float:right; width:20px; height:35px; background:url(../images/titbg.gif) -25px -515px no-repeat; cursor:pointer;margin-top:50px;}
.Cont{ float:left;width:580px; height:170px;overflow:hidden; margin-left:20px; display:inline;}
.rollBox .ScrCont{float:left;width:1700%;}
.rollBox .Cont ul{float:left;text-align:left;}
.Cont ul li,.content ul li,.productCon ul li{float:left;width:180px;}
.Cont ul li img,.content ul li img,.productCon ul li img{float:left;width:156px; height:116px; padding:4px; border:1px solid #C1C1C1;}
.Cont ul li p,.content ul li p,.productCon ul li p{float:left;width:166px;line-height:30px; text-align:center; } 
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox #List3,.rollBox #List4{float:left;}




/*客户案例*/
.anli_con{float:left;width:660px; height:170px; padding-top:20px; overflow:hidden;}
#demo{float:left;width:660px; overflow:hidden;}
#indemo{float:left;width:1700%; height:170px;overflow:hidden;}
.content{float:left;}
.content ul{height:170px; overflow:hidden;}




/*友情链接*/
.youqing{ width:1000px;}
.yq_a{ width:15px; height:40px; background:url(../images/titbg.gif) -50px -515px no-repeat;}
.yq_c{ width:15px; height:40px; background:url(../images/titbg.gif) -70px -515px no-repeat;}
.yq_b{ width:970px; height:40px; background:url(../images/rpt_x.gif) 0 -165px repeat-x; line-height:40px;}

/*footer*/
#footer{ width:100%; min-width:1000px;background:#107AC4;}
.foot{ width:1000px;line-height:22px; padding:15px 0;}


/*aboutus*/
.aboutCon{ width:630px;line-height:30px; padding:20px 15px;}
.aboutCon p{ text-indent:2em;}

/*productlist*/
.productCon{ width:660px; padding-top:20px;}
.productCon ul li{width:220px;}
.productCon ul li img{width:176px; height:136px; padding:4px; border:1px solid #C1C1C1;}
.productCon ul li p{width:220px;line-height:30px; text-align:center; } 
.productCon ul li a{ display:block;}

/*分页*/
.paging{ height:26px; margin-bottom:20px;}
.paging a{ margin-right:5px; padding:4px 8px 4px 8px; display:inline-block; vertical-align:middle;}
.paging a:link, .paging a:visited{ color:#CC0000; text-decoration:none; border:1px solid #cccccc;}
.paging a:hover, .paging a:active{ color:#ffffff; text-decoration:none; border:1px solid #CC0000; background-color:#CC0000;}
.paging a.previous{ padding:5px 9px 5px 9px;}
.paging a.nextBtn{ padding:5px 9px 5px 9px;}
.paging span{ color:#666666; vertical-align:middle; margin:0px 7px;}
.pageNum{ width:30px; height:18px; border:1px solid #999999;}
.upDown{ line-height:28px; padding:40px 5px 20px 0px;}

/*产品展示内容页*/
.productContent,.newsCon{ width:630px; padding:20px 15px;}
.bigPic p img{ width:350px; height:263px; background:url(../images/pbg.gif) no-repeat; padding:5px 6px 7px;}
.productIntro dd{ height:26px; line-height:26px;}
.marketPrice{ text-decoration:line-through;}
.qqBtn{ width:78px; height:25px; background:url(../images/img.gif) -153px -268px no-repeat; cursor:pointer; display:inline-block;}
.detailLine{ height:29px; border-bottom:1px solid #FF8171; margin-bottom:17px;}
.detailLine span{ width:86px; height:30px; background:url(../images/tab.gif) no-repeat; color:#ffffff; line-height:30px; display:inline-block;}
.detailTxt{ font-size:12px; line-height:30px; padding:0px 5px;}

/*内容页标题部分*/
.titBox{ padding:34px 20px 0px; margin-bottom:30px;}
.titBox p{ height:23px; color:#787878; line-height:23px; border-bottom:1px dashed #CC0000;}
.titBox p span{ margin-right:26px;}

/*视频中心*/
.videoContent{ width:630px; padding:0 15px; line-height:30px; text-align:center;}

/*视频中心*/
.videoContent{ width:630px; padding:0 15px; line-height:30px; text-align:center;}

/*新闻中心*/
.newsCon ul li{ height:22px; line-height:22px; background:url(../images/iconc.jpg) 6px 8px no-repeat; border-bottom:1px dashed #999999; margin-bottom:12px; padding-left:18px;}
.newsCon ul li span{ color:#999999; padding-right:10px;}

/*新闻中心内容页*/
.newsContent{ width:630px; padding:0 15px; line-height:30px; text-align:left;}
.newsContent p{ text-indent:2em;}

.contactCon{ min-height:510px; _height:510px; line-height:30px; padding-top:50px; padding-left:226px;}















