﻿/* 通用默认样式-------------------------------------- */
body {background-color:#fff; margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;}
td {font-family:"微软雅黑","Microsoft YaHei"; font-size:14px; color:#454545;text-decoration: none; line-height:26px;}
div {font-family:"微软雅黑","Microsoft YaHei"; font-size:14px; color:#454545;text-decoration: none;line-height:26px;}
A:link   {font-family:"微软雅黑","Microsoft YaHei"; font-size:14px; color:#454545;text-decoration: none;}
A:visited{font-family:"微软雅黑","Microsoft YaHei"; font-size:14px; color:#454545;text-decoration: none;}
A:hover  {font-family:"微软雅黑","Microsoft YaHei"; font-size:14px; color:#600000;text-decoration: none;}
A:active {font-family:"微软雅黑","Microsoft YaHei"; font-size:14px; color:#600000;text-decoration: none;}

p{ padding:0; margin:0;}
li{ list-style:none;}
img{ border:0px;}
body,ol,ul,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:1200px; float:left; height:240px; background:url(../images/topbg.jpg) top repeat-x;}
.top .head{ width:1200px; margin:0px auto;}
.toptext{ width:1200px; float:left; height:35px; line-height:35px;}
.logo{ width:1200px; height:150px; float:left;}
.menu{ width:1200px; height:55px; float:left;}
.menu ul {LIST-STYLE-TYPE: none; width:1200px; height:55px; float:left;}
.menu ul li {FLOAT:left; width:150px; height:55px; line-height:55px; text-align:center; list-style-type:none;}
.menu ul li A:link   ,.menu ul li A:visited{display:block; color:#fff2bb; font-size:14px; line-height:55px; text-decoration:none;}
.menu ul li A:hover   ,.menu ul li A:active{ background-color:#a51400;}
.menu ul .on{ background-color:#a51400;}

.banner{ width:100%; min-width:1200px; height:480px; float:left;  background-color:#000;}

.inserach{ width:100%; min-width:1200px; height:40px; float:left; background-color:#f3f3f3; border-bottom:1px solid #dedede;}

.inpro{ width:100%; min-width:1200px; float:left; padding-top:30px;}
.inprobox{ width:1200px; margin:0px auto;}
.inpro_left{ width:218px; float:left;}
.inpro_l_pa{ width:180px; padding:65px 18px 10px; float:left; border:1px solid #dddddd; background-color:#e7e7e7; position:relative;}
.inpro_l_pa .title{ width:218px; height:55px; text-align:center; line-height:55px; position:absolute; background-color:#6a0e01; top:0px; left:0px; font-size:20px; color:#FFF;}
.inpro_l_pa li{ width:160px; padding-left:20px; height:36px; line-height:36px; border-bottom:1px dashed #ddd; float:left; background:url(../images/ioc01.jpg) 1px 15px no-repeat;}

.inpro_l_pb{ width:180px; padding:65px 18px 10px; float:left; border:1px solid #dddddd; background-color:#e7e7e7; position:relative; margin-top:10px;}
.inpro_l_pb .title{ width:218px; height:55px; text-align:center; line-height:55px; position:absolute; background-color:#6a0e01; top:0px; left:0px; font-size:20px; color:#FFF;}
.inpro_l_pb li{ width:160px; padding-left:20px; height:36px; line-height:36px; border-bottom:1px dashed #ddd; float:left; background:url(../images/ioc01.jpg) 1px 15px no-repeat;}
.inpro_l_pb .con{ font-size:12px; line-height:22px; color:#333;}
.inpro_l_pb .con font{ font-size:14px; font-weight:bold;}

.inpro_right{ width:960px; float:right; border:1px solid #ccc; padding-top:20px; padding-bottom:20px;}
.inpro_r_t{ width:940px; height:41px; float:left; margin-left:10px; background:url(../images/ioc2.jpg);}
.inpro_r_t span a{ float:right; font-size:12px; padding-top:5px;}
.inprolist{ width:940px; float:left; margin-left:10px; padding-top:10px;}
.inprolist li{ width:220px; float:left; text-align:center; padding-right:19px; padding-top:10px;}
.inprolist li img{ width:220px; height:220px;}

.induibi{ width:100%; min-width:1200px; border-top:5px solid #ccc; float:left; margin-top:40px; text-align:center; padding-top:20px;}
.inyoushi{ width:100%; min-width:1200px; height:520px; float:left; margin-top:30px; background:url(../images/ioc3.jpg) top center no-repeat;}

.inabout{ width:100%; min-width:1200px; float:left; padding-top:30px;}
.inaboutbox{ width:1200px; margin:0px auto; height:352px; background:url(../images/ioc5.jpg); position:relative;}
.inaboutbox .more{ position:absolute; top:20px; right:0px;}
.inabout .con{ width:830px; height:200px; float:right; overflow:hidden; line-height:25px; padding-top:150px;}

.inad{ width:100%; text-align:center; margin-top:30px; min-width:1200px; float:left; background-color:#600000;}

.innews{ width:100%; min-width:1200px; float:left; padding-top:30px;}
.innewsbox{width:1200px; margin:0px auto;}
.innews .title{ width:100%; float:left;}
.innews ul{ width:1200px; float:left;}
.innews ul li{ width:480px; padding-top:10px; padding-left:80px; padding-right:10px; height:90px; overflow:hidden; float:left; background-color:#f1f1f1; position:relative; margin-top:25px;}
.innews ul li .time{ width:48px; height:45px; padding-top:5px; text-align:center; background-color:#600001; color:#FFF; position:absolute; top:10px; left:10px; font-size:20px; line-height:22px;}
.innews ul li .time font{ font-size:14px;}
.innews ul li .r_title{ width:480px; float:left;}
.innews ul li .r_con{ width:480px; float:left; font-size:12px; line-height:24px; padding-top:7px;}

.inlink{ width:100%; min-width:1200px;  float:left; height:50px; background-color:#e7e7e7; margin-top:40px;}
.inlinkbox{ width:1200px; margin:0px auto;}
.inlink .con{ width:1200px; height:50px;  line-height:50px;}
.inlink .con a{ padding-left:20px;}
.inlink .con font{ font-size:18px; color:#600000;}

.foot{width:100%; min-width:1200px;  float:left; height:80px; padding-top:20px; background-color:#600000; text-align:center; color:#FFF; font-size:12px; line-height:22px;}

.main{ width:100%; min-width:1200px; float:left; padding-top:30px;}
.mainbox{ width:1200px; margin:0 auto;}

.about_mian{ width:1200px; float:left;}
.about_mian .left{ width:230px; float:left;}
.about_mian .left .l_title{ width:230px; height:50px; background-color:#600000; text-align:center; line-height:50px; color:#fff;font-size:16px; font-family:'微软雅黑';}
.about_mian .left .l_title font{ font-size:14px;}
.about_mian .left  ul{ width:230px; float:left; background-color:#fff; padding-top:10px;}
.about_mian .left  ul li{ width:150px; padding-left:80px; float:left; border-bottom:1px dotted #ccc; height:40px; line-height:40px; background:url(../images/leftioc.jpg) 50px 16px no-repeat;}
.about_mian .left  ul li a{ color:#666; display:block;}
.about_mian .left  ul li a:hover{ color:#F00;}

.about_mian .right{ width:950px; float:right; background-color:#FFF;}
.about_mian .right .title{ width:950px; float:left; height:50px; background-color:#600000;}
.about_mian .right .title_l{float:left; width:100px; margin-left:20px; background-color:#890000; text-align:center; height:50px; line-height:50px; font-size:16px; font-family:'微软雅黑'; color:#fff;}
.about_mian .right .title_r{width:50%; float:right; text-align:right; line-height:50px; color:#fff; padding-right:10px;}


.about_mian .right .title_r a{ color:#fff;}
.about_mian .right .title_r a:hover{ color:#ccc;}
.about_mian .right .con{ width:930px; padding:15px 10px; float:left;}

.newslist{ width:100%; float:left}
.newslist li{ width:900px; 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:200px; float:left; padding:10px; border:1px solid #ccc; margin-right:14px; margin-top:25px;}
.productlist li img{ width:200px; height:200px;}
.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:#600000}
.pages .pageon{color:#fff; background:#600000;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}


