﻿/* 通用默认样式-------------------------------------- */
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:#333333;text-decoration: none; line-height:26px;}
div {font-family:Arial, Helvetica, sans-serif,'宋体'; font-size:12px; color:#333333;text-decoration: none;line-height:26px;}
A:link   {font-family:Arial, Helvetica, sans-serif,'宋体'; font-size:12px; color:#333333;text-decoration: none;}
A:visited{font-family:Arial, Helvetica, sans-serif,'宋体'; font-size:12px; color:#333333;text-decoration: none;}
A:hover  {font-family:Arial, Helvetica, sans-serif,'宋体'; font-size:12px; color:#ec0000;text-decoration: none;}
A:active {font-family:Arial, Helvetica, sans-serif,'宋体'; font-size:12px; color:#ec0000;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:1100px; float:left; height:30px; background-color:#dededd; border-bottom:1px solid #d6c50a;}
.topbox{ width:1000px; margin:0px auto;}
.top_left{ width:50%; float:left; line-height:30px; color:#333333;}
.top_right{ width:50%; float:right; line-height:30px; color:#333333; text-align:right;}
.top_right a{color:#333333; padding-left:5px; padding-right:5px;}
.top_right a:hover{color:#ec0000;}

.head{ width:100%; min-width:1000px; float:left; height:140px; background-color:#fff100;}
.headbox{ width:1000px; margin:0px auto;}
.head .logo{height:140px; float:left;}
.head .tel{ float:right; text-align:left; padding-left:70px; height:59px; background:url(../images/tel_ioc.png) no-repeat; margin-top:50px;}
.head .tel p{ line-height:22px; font-size:16px; font-family:'微软雅黑'; padding-top:2px;}
.head .tel p font{ font-size:24px; float:left; padding-top:5px; color:#ec0000;}

.menu{width:100%; min-width:1000px; float:left; background-color:#000; height:48px; border-top:4px solid #ec0000;}
.menu ul {LIST-STYLE-TYPE: none; width:1000px; height:48px; margin:0px auto;}
.menu ul LI {FLOAT:left; TEXT-ALIGN:center; width:100px; height:48px; list-style-type:none;}
.menu ul LI A:link,.menu ul LI A:visited{display:block; color:#ffffff; font-size:14px; font-family:'微软雅黑'; line-height:48px; text-align:center; text-decoration:none;}
.menu ul LI A:hover,.menu ul LI A:active{ background-color:#ec0000;}
.menu ul .on{ background-color:#ec0000;}

.banner{ width:100%; min-width:1000px; height:555px; float:left;}

.inpro{width:100%; min-width:1000px; float:left; padding-top:60px; background-color:#f0f0f0; padding-bottom:50px;}
.inprobox{ width:1000px; margin:0px auto;}
.inpro .title{ width:100%; float:left; border-bottom:10px solid #000; text-align:center; padding-bottom:40px;}
.inprobox{width:1000px; margin:0px auto;}
.inpro_left{ width:230px; height:680px; margin-top:-22px; float:left; border-top:34px solid #000; background-color:#ffea00;}
.inpro_left .inpro_ul{ width:200px; float:left; padding-left:15px; padding-top:20px;}
.inpro_left .inpro_ul li{ width:138px; padding-left:60px; float:left;border-left:2px solid #ec0000; background-color:#ffcc00;  margin-top:10px; height:32px; line-height:32px;}
.inpro_left .inpro_ul li a{ display:block;}
.inpro_right{ width:768px; float:right;}
.inpro_r_ul{ width:768px; float:left; padding-top:20px;}
.inpro_r_ul li { width:177px; float:left; padding-left:15px; padding-top:10px;}
.inpro_r_ul li div{ width:175px; height:175px; border:1px solid #ccc; float:left;}
.inpro_r_ul li p{ width:177px; float:left; text-align:center; padding-top:5px;}
.inpro_r_ul li img{ width:175px; height:175px;}


.inys{width:100%; min-width:1000px; float:left; background:url(../images/ys_title_bg.jpg) top repeat-x;}
.inys .title{ width:100%; float:left; height:169px; background:url(../images/ys_title.jpg) top center no-repeat;}
.inysbox{ width:1000px; margin:0px auto; height:997px; background:url(../images/ys_bg.jpg); overflow:hidden; position:relative;}
.yscon_a{ position:absolute; left:0; top:70px;}
.yscon_b{ position:absolute; left:0; top:220px;}
.yscon_c{ position:absolute; left:550px; top:450px;}
.yscon_d{ position:absolute; left:0; top:705px;}
.yscon_e{ position:absolute; left:0; top:830px;}
.yscon{ width:550px;}
.yscon_title{ width:500px; float:left;}
.yscon_title_num{ width:45px; height:40px; float:left; background-color:#ff0000; text-align:center; line-height:40px; color:#FFF;font-size:26px; font-family:'微软雅黑';}
.yscon_title_name{ width:380px; height:40px; float:left; padding-left:20px; color:#000; font-size:24px; font-family:'微软雅黑';}
.yscon_title_name font{ font-size:12px; font-weight:normal; color:#999; line-height:17px;}
.yscon_text{ width:400px; float:left; padding-top:15px; font-size:12px; font-family:'微软雅黑'; line-height:24px;}


.inabout{width:100%; min-width:1000px; float:left; padding-top:50px; padding-bottom:30px;}
.inabout .title{ width:100%; float:left; height:169px; background:url(../images/inabout_title.jpg) top center no-repeat;}
.inabout_con{ width:1000px; margin:0px auto;}
.inabout_con .more{ width:100%; float:left; text-align:right; padding-top:25px; padding-bottom:10px;}
.inabout_con .text{ width:100%; float:left; height:302px;}
.inabout_con .text .left{ width:233px; float:left;}
.inabout_con .text .right{ width:707px; height:242px; padding:15px; border:15px solid #ffea00; float:right; font-size:14px;}

.injishu{width:100%; min-width:1000px; float:left; padding-top:50px; background-color:#f0f0f0; padding:30px 0;}
.injishubox{ width:1000px; margin:0px auto;}
.injishu_l{ width:233px; float:left;background-color:#ffea00;}
.injishu_l_t{ width:233px; float:left; height:50px; background-color:#000; text-align:center; line-height:50px; font-size:16px; font-family:'微软雅黑'; color:#fff;}
.iinjishu_l_ul{ width:200px; float:left; padding-left:15px; padding-top:20px; padding-bottom:30px;}
.iinjishu_l_ul li{ width:188px; padding-left:10px; float:left;border-left:2px solid #ec0000; background-color:#ffcc00;  margin-top:10px; height:32px; line-height:32px;}
.iinjishu_l_ul li a{ display:block;width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.injishu_r{ width:757px; float:right;}
.injishu_r_t{ width:757px; float:left;}
.injishu_r_c{ width:757px; float:left; padding-top:30px;}
.injishu_r_pic{ width:317px; height:221px; padding:4px; border:1px solid #ccc; float:left;}
.injishu_r_text{ width:410px; float:right;}

.inkehu{width:100%; min-width:1000px; float:left; padding-top:30px; padding:30px 0;}
.inkehubox{ width:1000px; margin:0px auto;}
.inkehu_l{ width:260px; float:left; background-color:#ffea00;}
.inkehu_l_t{ width:240px; margin:15px 0px 0px 10px; float:left; height:36px; text-align:center; line-height:36px; font-size:16px; font-family:'微软雅黑'; color:#fff; background:url(../images/in_kh_l_tbg.jpg);}
.iinkehu_l_ul{ width:192px; float:left; padding-left:34px; padding-top:10px; padding-bottom:10px;}
.iinkehu_l_ul li{ width:192px; float:left; text-align:center; padding-top:10px;}
.iinkehu_l_ul li p{ width:182px; padding:4px; border:1px solid #ccc; background-color:#fff;}
.inkehu_r{ width:720px; float:right; border:1px solid #ccc;}
.inkehu_r_con{ width:708px; height:415px; float:left; padding-left:10px;}
.inkehu_r_con .title{ width:708px; float:left; padding-top:15px;}
.inkehu_ul{ width:708px; float:left; padding-top:10px;}
.inkehu_ul li{ width:708px; float:left; border-bottom:1px dashed #ccc; padding-top:10px; padding-bottom:10px;}
.inkehu_ul li .li_left{ width:180px; height:140px; float:left; padding:4px; border:1px solid #ccc;}
.inkehu_ul li .li_right{ width:508px; float:right;}

.innews{width:100%; min-width:1000px; float:left; background-color:#f0f0f0; padding-bottom:30px;}
.innewsbox{ width:1000px; margin:0px auto;}
.innews_con{ width:1000px; float:left; padding-top:30px;}
.innews_con_l{ width:266px; float:left;}
.innews_con_l .title{ width:266px; float:left; height:37px; background:url(../images/in_news_t_bg.jpg) top left no-repeat;}
.innews_con_l .title_text{ width:100px; line-height:37px; float:left; text-align:center;font-size:14px; color:#000; font-family:'微软雅黑';}
.innews_con_l .title_more a{width:100px; line-height:37px; float:right; text-align:right;}
.innews_con_l ul{ width:266px; float:left; padding-top:15px;}
.innews_con_l ul li{ width:250px; padding-left:16px; float:left; height:38px; line-height:38px; border-bottom:1px dotted #ccc; background:url(../images/in_news_t_ioc.jpg) 1px 15px no-repeat;}
.innews_con_l ul li a{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width:250px;} 

.innews_con_c{ width:420px; float:left; padding-left:27px;}
.innews_con_c .title{ width:420px; float:left; height:37px; background:url(../images/in_news_t_bg.jpg) top left no-repeat;}
.innews_con_c .title_text{ width:100px; line-height:37px; float:left; text-align:center;font-size:14px; color:#000; font-family:'微软雅黑';}
.innews_con_c .title_more a{width:100px; line-height:37px; float:right; text-align:right;}
.innews_con_c ul{ width:420px; float:left; padding-top:15px;}
.innews_con_c ul li{ width:404px; padding-left:16px; float:left; height:38px; line-height:38px; border-bottom:1px dotted #ccc; background:url(../images/in_news_t_ioc.jpg) 1px 15px no-repeat;}
.innews_con_c ul li a{ float:left;display:block;width:320px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.innews_con_c ul li span{ float:right; display:block;}
.innews_con_c_tt{ float:left; width:100%; padding-top:25px;}
.innews_con_c_tt_pic{ width:134px; float:left;}
.innews_con_c_tt_con{ width:275px; float:right; line-height:20px;}

.innews_con_r{ width:260px; float:right;}
.innews_con_r .title{ width:260px; float:left; height:37px; background:url(../images/in_news_t_bg.jpg) top left no-repeat;}
.innews_con_r .title_text{ width:100px; line-height:37px; float:left; text-align:center;font-size:14px; color:#000; font-family:'微软雅黑';}
.innews_con_r .title_more a{width:100px; line-height:37px; float:right; text-align:right;}
.innews_con_r ul{ width:260px; float:left; padding-top:15px;}
.innews_con_r ul li{ width:260px; padding-bottom:10px; padding-top:10px; border-bottom:1px dotted #ccc;}
.innews_con_r ul li .wen{ width:230px; padding-left:30px; background:url(../images/wen_ioc.jpg) 1px 4px no-repeat;}
.innews_con_r ul li .da{ width:230px; padding-left:30px; background:url(../images/da_ioc.jpg) 1px 4px no-repeat;}

.foot{width:100%; min-width:1000px; height:250px; float:left; background-color:#000000; border-top:12px solid #ffea00;}
.foot_box{ width:960px; margin:0px auto;}
.foot_nav{ width:960px; float:left; height:40px; background-color:#333333; margin-top:30px; color:#fff; text-align:center}
.foot_nav a{ width:90px; text-align:center; color:#fff; line-height:40px; display:inline-block}
.foot_copy{ color:#ffffff; padding-top:40px; width:570px; float:left; background:url(../images/foot_logo.jpg) 100px 45px no-repeat; padding-left:390px;}


.main{ width:100%; min-width:1000px; float:left; padding-top:30px; padding-bottom:30px;}
.main .mainibox{width:1000px; margin:0px auto;}
.main_left{ width:220px; float:left;}
.m_l_title{ width:220px; height:73px; float:left; background:url(../images/left_title_bg.jpg);}
.m_l_title p{ width:220px; line-height:50px; text-align:center;font-size:20px; font-family:'微软雅黑'; color:#fff;}
.m_l_ul{ width:179px; float:left; margin-left:24px; background-color:#f0f0f0;}
.m_l_ul li{ width:179px; height:48px; line-height:48px; border-bottom:1px solid #ccc;}
.m_l_ul li a{ padding-left:50px; display:block;font-size:14px; font-family:'微软雅黑'; color:#333;}
.m_l_ul li a:hover{ color:#f38000;}
.lefttel{padding-top:10px; padding-left:24px; float:left;}

.main_right{ width:750px; float:right;}
.m_r_title{ width:100%; float:left; height:40px; border-bottom:1px solid #ccc;}
.m_r_title_l{ width:40%; float:left; text-align:left; line-height:40px; background:url(../images/in_news_t_ioc.jpg) left no-repeat; padding-left:20px;font-size:20px; font-family:'微软雅黑'; color:#000;}
.m_r_title_r{ width:40%; float:right; text-align:right; line-height:20px; padding-top:13px;}
.main_right_con{ width:750px; padding-top:15px; float:left; overflow:hidden;}

.newsul{ width:750px; float:left;}
.newsul li{ width:735px; float:left;background:url(../images/in_news_li_ioc.jpg) 1px 18px no-repeat; padding-left:15px; height:40px; line-height:40px; border-bottom:1px dotted #ccc;}
.newsul li span{ float:right;}

.newsview{ width:750px; float:left; padding-top:10px;}
.newsview_title{ width:100%; float:left; text-align:center;font-size:18px; font-family:'微软雅黑'; color:#000; border-bottom:1px dotted #ccc; padding-bottom:10px;}
.newsview_title p{ font-size:12px; color:#666; line-height:30px;}
.newsview_con{ width:100%; float:left; padding-top:20px;}

.product{ width:770px; float:left; padding-top:5px;}
.product li{ width:174px; float:left; padding-right:18px; padding-top:5px; text-align:center; line-height:30px;}
.product li p{ width:170px; height:170px; border:1px solid #CCC; padding:1px;}
.product li p img{ width:170px; height:170px; border:0px;}

.case{ width:850px; float:left; padding-top:5px;}
.case li{ width:252px; float:left; padding-right:47px; padding-top:5px; text-align:center; line-height:30px;}
.case li p{ width:230px; height:230px; border:1px solid #CCC; padding:10px;}
.case li p img{ width:230px; height:230px; border:0px;}

.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; 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:#ec0000; border:0px solid #ec0000}
.pages .pageon{color:#fff; background:#ec0000;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}