﻿/* 通用默认样式-------------------------------------- */
body {background-color:#fff; margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;}
td {font-family:Arial, Helvetica, sans-serif,'宋体'; font-size:12px; color:#333;text-decoration: none; line-height:26px;}
div {font-family:Arial, Helvetica, sans-serif,'宋体'; font-size:12px; color:#333;text-decoration: none;line-height:26px;}
A:link   {font-family:Arial, Helvetica, sans-serif,'宋体'; font-size:12px; color:#333;text-decoration: none;}
A:visited{font-family:Arial, Helvetica, sans-serif,'宋体'; font-size:12px; color:#333;text-decoration: none;}
A:hover  {font-family:Arial, Helvetica, sans-serif,'宋体'; font-size:12px; color:#ff0000;text-decoration: none;}
A:active {font-family:Arial, Helvetica, sans-serif,'宋体'; font-size:12px; color:#ff0000;text-decoration: none;}

p{ padding:0; margin:0;}
li{ list-style:none;}
img{ border:0px;}
body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}

.clear{clear:both;}

/*index*/
.top{ width:100%; min-width:1440px; float:left; height:139px;}
.topbox{ width:1000px; height:139px; background:url(../images/logo.jpg) top left no-repeat; margin:0px auto;}
.top_nav{ background-color:#333333; height:30px; line-height:30px; float:right; text-align:center; color:#fff; padding:0px 20px;}
.top_nav a{color:#FFF; padding:0px 5px;}
.top_nav a:hover{color:#FF0;}
.top_tel{ padding-left:45px; background:url(../images/tel.jpg) left 7px no-repeat; float:right; clear:both;font-family:'微软雅黑'; font-size:14px; color:#333; line-height:22px; margin-top:30px;}
.top_tel font{ font-size:26px; color:#da251d;}

.menu{ width:100%; min-width:1440px; float:left; height:67px; background:url(../images/nav_01.jpg);}
.menubox{ width:1000px; margin:0px auto;}
.menu ul {LIST-STYLE-TYPE:none; width:720px; height:67px; float:left;}
.menu ul LI {FLOAT:left; TEXT-ALIGN:center; margin:0px; width:120px; list-style-type:none;}
.menu ul LI A:link   ,.menu LI A:visited{display:block; color:#fff; font-size:16px; font-family:'微软雅黑'; line-height:67px; text-decoration:none;}
.menu ul LI A:hover   ,.menu LI A:active,a.ahover{ color:#fff; background-color:#000;}


.nav_navright{ width:238px; height:27px; text-align:center; margin-top:20px; float:right; } 
.search_box { 
width: 238px; 
height: 27px; 
background: url(../images/sous_01.png); 
} 
.search_box .s { 
float: left; 
padding: 0; 
margin: 6px 0 0 6px; 
border: 0; 
width: 200px; 
background: none; 
font-size:12px;
font-family: 微软雅黑;
color:#fff;
} 
.search_box .go { 
float: right; 
margin: 3px 4px 0 0; 
} 
/**************************õƬ****************************/
.ban{ width:100%; height:450px; float:left}

.indexCon{width:100%;overflow:hidden; float:left}
.indexCon .flashBanner{width:100%;height:450px;overflow:hidden;margin-bottom:12px;}
.flashBanner{position:relative;width:100%; text-align:center}
.flashBanner .mask{height:32px;line-height:32px;background-color:#000;width:1000px;text-align:right;position:absolute;display:table-cell; vertical-align:middle; margin-left:-500px; left:50%;bottom:-32px;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;overflow:hidden; z-index:1; }
.flashBanner .mask img{vertical-align:middle;margin-right:10px;cursor:pointer; }
.flashBanner .mask img.show{margin-bottom:3px;}
img{border:0 none;}


.inpro{ width:100%; min-width:1440px; float:left; background-color:#e9e9e9; margin-top:78px; padding-bottom:50px;}
.inprobox{width:1000px; margin:0px auto; position:relative;}
.pro_title{ width:1000px; height:28px; padding-top:50px; position:absolute; top:-78px; text-align:right; background:url(../images/pro_01.jpg) left 40px no-repeat;}
.pro_con{ width:100%; float:left; padding-top:50px;}
.pro_menu{ width:100%; float:left;}
.pro_menu li{ height:30px; background-color:#ee0500; text-align:center; float:left; margin-right:5px;}
.pro_menu li a{ color:#FFF; line-height:30px; display:block; padding:0px 14px}
.pro_menu li a:hover{ background-color:#333;}
.inpro .gundong{width:1000px; float:left; padding-top:30px;}
.inpro .gundong_demo{OVERFLOW: hidden; WIDTH:1000px; COLOR: #ffffff; float:left;}
.inpro .gundong img{ height:150px; width:150px; margin:0px 7px;}
.inpro .gundong p{ background-color:#dfdfdf; margin:0px 7px; color:#67676a;}

.inabout{ width:100%; float:left; padding-top:40px;}
.left_about{ width:515px; float:left;}
.left_about .title{ width:515px; float:left;}
.left_about .con{ width:515px; float:left; padding-top:20px;}
.left_about .con .pic{ width:184px; float:left; border:1px solid #ccc; padding:4px; background-color:#FFF;}
.left_about .con .text{ width:310px; float:right; line-height:22px;}
.right_news{ width:445px; float:right;}
.right_news .title{ width:445px; float:left;}
.right_news .con{ width:445px; float:left; padding-top:20px;}
.right_news .con .pic{ width:152px; float:left; border:1px solid #ccc; padding:4px; background-color:#FFF;}
.right_news .con .text{ width:275px; float:right;}
.right_news .con .text li{ width:265px; float:left; line-height:25px; padding-left:10px; background:url(../images/news_ioc.png) 1px 10px no-repeat;
display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.foot_contact{ width:100%; min-width:1440px; height:180px; float:left; background-color:#24211c; border-top:2px solid #aa0100;}
.foot_contact_box{width:1000px; margin:0px auto; position:relative;}
.foot_contact .lefta{ width:350px; float:left; padding-top:40px; padding-bottom:10px; background:url(../images/foot_pic.jpg) top left no-repeat; color:#cccccc;}
.foot_contact .leftb{ width:100%; text-align:center; color:#ccc; font-size:24px; font-family:'微软雅黑'; padding-top:80px; position:absolute;}
.foot_contact .leftc{ width:235px; float:right; padding-top:50px;}
.foot_contact .leftc .foot_ewm{ width:235px; float:left;}

.foot_copy{ width:100%; min-width:1440px; float:left; height:40px; background-color:#aa0100;}
.foot_copy_box{width:1000px; margin:0px auto;}
.foot_nav{ width:400px; float:left; line-height:40px; color:#ffa0a0; margin-left:-10px;}
.foot_copy a{color:#ffa0a0; padding:0px 10px;}
.foot_text{ width:500px; float:right; text-align:right; line-height:40px; color:#ffa0a0;}


/**************************************anout*****************************/
.about_ban{ width:100%; height:200px; background:url(../images/about_bg.jpg); float:left;  }
.about_box{ width:1000px; height:200px; margin:0 auto; }
.about_box img{ width:1000px; height:168px; margin:0 auto; margin-top:32px;}

.main{ width:100%; min-width:1440px; float:left; padding-top:20px; background:#ececec;}
.mainbox{ width:1000px; margin:0 auto;}

.about_mian{ width:980px; padding-left:10px; float:left; padding-bottom:20px;}
.about_mian .left{ width:230px; float:left;}

.about_mian .left .ul_title{ width:230px; float:left;height:30px; line-height:30px;}
.about_mian .left  ul{ width:230px; float:left; background-color:#fff;}
.about_mian .left  ul li{ width:90px; float:left; margin-left:10px; border-bottom:1px dotted #ccc; height:40px; line-height:40px; padding-left:10px;}
.about_mian .left  .ul_title a{ color:#666;width:210px; padding-left:20px;  display:block; height:40px; background:#cccccc}
.about_mian .left  .ul_title a:hover,.about_mian .left  .ul_title a.on{ color:#fff; background:#be0000}

.about_mian .right{ width:730px; float:right; background-color:#FFF;}
.about_mian .right .title{ width:730px; float:left; height:50px; background-color:#333;}
.about_mian .right .title_l{float:left; width:100px; margin-left:20px; background-color:#ccc; text-align:center; height:50px; line-height:50px; font-size:16px; font-family:'微软雅黑';}
.about_mian .right .title_r{width:50%; float:right; text-align:right; line-height:50px; color:#ccc; padding-right:10px;}
.about_mian .right .title_r a{ color:#ccc;}
.about_mian .right .title_r a:hover{ color:#fff;}

.about_mian .right .con{ width:700px; padding:15px; float:left;}

.newslist{ width:100%; float:left}
.newslist li{ width:680px; float:left; padding-left:20px; border-bottom:1px dotted #ccc; height:40px; line-height:40px; background:url(../images/news_ioc.png) 5px 17px no-repeat;}
.newslist li span{ float:right;}

.productlist{ width:100%; float:left;}
.productlist li{ width:220px; float:left; padding-right:20px;}
.productlist li img{ width:220px; height:220px;}
.productlist li p{ text-align:center; line-height:40px;}



.pages{ width:100%; float:left; padding-top:30px; padding-bottom:20px;}
.pages span{ display:block; height:20px; float:left; line-height:19px;}
.pages .page,.pages .pageon{ border:1px solid #999; margin-right:3px;color:#626262; font-size:12px; vertical-align:middle;color:#000000}
.pages .page a:link,.pages .page a:visited{ color:#000; display:block;  height:100%; padding:0px 6px; float:left}
.pages .page a:hover,.pages .page a:active{ color:#fff; background:#be0000}
.pages .pageon{color:#fff; background:#be0000;display:block; padding:0px 6px; margin-right:3px;}
.pages .page2{display:block; padding:0px 6px;border:1px solid #999; margin-right:10px;margin-left:10px;  }
.pages .page1{}
.pages .page1 input{ height:20px;height:20px;border:1px solid #999; background:none; color:#717171; font-size:11px}
.pages .page1 #pages{ width:30px; height:18px;border-right:0px ; text-align:center; margin-left:10px}











