@charset "utf-8";
/*-------------------------------   index 首页---------------------------------*/
/*notice*/
.notice{width:100%; height:60px; background:url(../images/notice.gif) center 0 no-repeat #eee; position:relative; z-index:999;}
.notice marquee{ float:left; display:inline;margin-left:20px;width:400px; line-height:60px; color:#1a1d22;}


.navarar{ width:100%; height:259px; padding-top:50px; }
.navarar ul{ width:880px; margin:0 auto;}
.navarar li{ float:left; width:181px;}
.navarar li a{ float:left;width:181px; cursor:pointer; text-align:center; color:#fff; height:185px; padding-top:24px;background:url(../images/nav1.gif) center bottom no-repeat;}
.navarar li a:hover{background:url(../images/nav2.gif) center bottom no-repeat;}

.navarar .two{ margin:0 165px; display:inline; text-align:center;}
.navarar .one font{ margin-top:20px;}
.navarar span{ width:100%; margin-top:45px; text-align:center; display:block;font:22px/22px 'Microsoft Yahei'; margin-bottom:18px;}
.navarar font{ display:block; padding:0 30px;text-transform:uppercase; text-align:center;display:block;font:14px/16px 'Arial';}
.navarar em{ color:#24272e;font:22px/28px 'Impact'; margin:0 auto;}

/*产品中心*/
.icase{padding-top:36px; padding-bottom:30px;width:100%;position:relative; z-index:0;height:482px;     background: url(../images/proico.gif) center top no-repeat #24272e;}
.product_t{color:#fff;  width:980px; text-align:center; margin:40px auto 0; }
.product_t p{ text-transform:uppercase;color:#ff002a;font:36px/36px 'Impact';}
.product_t span{ height:42px;background:url(../images/proline.gif) center  no-repeat ;font:22px/42px 'Microsoft Yahei'; width:309px; display:block; margin:0 auto;}
.pro_lanfra{ margin:0 auto; width:980px; height:65px; text-align:center; font-size:14px; color:#767d8d; line-height:40px;}
.pro_lanfra a{color:#767d8d; padding: 2px;}
.pro_lanfra a:hover{color:#fff; background:#D40000}
.pro_lanfra a.cur{color:#fff; background:#D40000}
.pro_lanfra a.promore{color:#fff;}
.pro_lanfra a.promore:hover{color:#fff;background:none}

.slideBoxpro1{float: left; width:1000px; height:285px; overflow:hidden; position:relative; padding:15px 0 0 ;}
.slideBoxpro1 .hd{ width:100%; height:18px; overflow:hidden; position:absolute; right:0; bottom:0; z-index:1; }
.slideBoxpro1 .hd ul{ width:100%; overflow:hidden; zoom:1; float:left; text-align:center;  }
.slideBoxpro1 .hd ul li{ display:inline-block; margin-left:8px;  width:15px; height:15px; line-height:15px; text-align:center; background:#fff; cursor:pointer; border-radius:50%; }
.slideBoxpro1 .hd ul li.on{ background:#d40000; color:#d40000; }
.slideBoxpro1 .bd{ position:relative; height:100%; z-index:0;   }
.slideBoxpro1 .bd li{ zoom:1; vertical-align:middle; }
.slideBoxpro1 .bd li a{ float:left; width:220px; height:200px; margin:13px 0 0 25px; position:relative;  }
.slideBoxpro1 .bd li a span.img{ float:left; margin:0 auto;width:220px; height:165px;background-position:center; background-repeat:no-repeat;background-size:cover  }

.slideBoxpro1 .bd li a span.tit{ line-height:55px; margin: 0; float:left; width:220px; height:55px; color:#fff; font-size:14px; text-align:center; background:#000;}
.slideBoxpro1 .bd li a:hover span.tit{ background:#ea042b}
.slideBoxpro1 .prev,
.slideBoxpro1 .next{ display:none;width:22px; height:22px; background:url(../images/d3.gif) no-repeat;float: left; margin-left:10px;}
.slideBoxpro1 .next{background:url(../images/d4.gif) no-repeat;}
.slideBoxpro1 .prev:hover,
.slideBoxpro1 .next:hover{opacity: .7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-khtml-opacity: .7;}
.slideBoxpro1 .prevStop{ display:none;  }
.slideBoxpro1 .nextStop{ display:none;  }

/*解决 方案*/
.solutionarea{ overflow:hidden;background:#f5f5f5;width:100%;  padding-top:56px; padding-bottom:50px;}
.solution{ float:left;width:465px;}
.solution_t{ padding-left:25px;width:440px; height:60px;background:url(../images/s_t.gif) left top no-repeat; }
.solution_t p{color:#898989;font:28px/28px 'Impact'; text-transform:uppercase }
.solution_t span{ color:#24272e;font:22px/22px 'Microsoft Yahei';}
.solution_t a{ margin-top:28px;font:14px/14px 'Microsoft Yahei';}
.pointer{ margin:5px 0 0}
.pointer li{line-height:30px;height:30px; float:left;}
.pointer li a{float:left; cursor:pointer;width:100%; color:#505051;line-height:30px;height:30px; }
.pointer li a .fl{float:left; width:380px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.pointer li a .fl:hover{ color:#000}
.icontact{ float:right;width:375px;}
.contacttel{ color:#898989; height:74px;font:22px/22px 'Microsoft Yahei';}
.contacttel p{ color:#898989;font:28px/30px 'Impact';}
.contacttel img{ vertical-align:-0.2em; margin-right:3px;}
.contactmain{ color:#515d6b; display:block; line-height:27px;}
.contactmain img{ border:1px solid #fff; margin-top:15px;}
.imap{ float:left;width:375px; height:153px;}

/*案例展示*/
.displaycase{ width:100%; min-height:280px;background:#f4e8d8; position:relative; padding-bottom:40px; border-top: 1px solid #cdcdcd;}
.caseico{ z-index:1; left:0;position:absolute;width:100%; text-align:center; top:-46px;}
.discase{ display:block; width:980px; margin:0 auto; }
.caseleft{ float:left; width:216px; border-right:1px dotted #4e6990; height:179px; display:inline; margin:92px 0 0 0;}
.pronamec{ float:left;width:190px;  color:#898989; font-size:22px; font-family:impact; text-transform:uppercase; padding:0;}
.pronac{float:left;width:190px;  font-size:22px;padding:1px 0; color:#24272e}
.casephone{ display:block; float:left; width:190px; color:#707070; font-weight:bold; font-size:20px; line-height:30px;font-family:'Microsoft Yahei'; display:inline; margin:28px 0 0 0;}
.casephone img{ vertical-align:-0.13em;}
.casetel{display:block; float:left; width:190px; color:#707070;   font-size:22px; line-height:30px; font-family:impact;}
.casemore{ float:left; display:inline; margin:6px 0 0 0; width:174px; height:20px; border:1px solid #707070; background:#fff; text-align:center; line-height:20px; color:#707070;}
.discul{ float:left; width:730px; padding:90px 0 0 30px;}
.discul li{ float:left; width:239px; height:179px; display:inline; margin:0 0 0 4px;}
.discul li a{ float:left; width:239px; height:179px; background-position:center; background-repeat:no-repeat; background-size:cover}


/*book*/
.ibook h2{ text-align:center; padding:70px 0 0}
.message{float:left; padding:45px 0 0}
.message input,.message textarea{float:left;margin-bottom:11px;border:1px solid #000;line-height:40px;height:40px;text-indent:20px;color:#999999; font-size:14px; font-family:微软雅黑;}
.message textarea{height:144px; }
.inp_fl{ float:left; width:362px; padding-right:16px;}
.yzm{width:100%; margin:20px 0 0}
.message .subbut{border:0;width:100%;height:46px;line-height:46px;color:#fff;font-size:16px;font-family:"Microsoft Yahei"}
.viewcon{overflow:hidden;ma/rgin:0 12px 36px;width:940px;display:inline;word-break:break-all;color:#6c4c30;font-size:14px;float:left;padding:0 20px 20px;line-height:30px;font-size:14px}
.focus { width:358px !important; height:38px !important; border:2px solid #ee0049 !important;}
.focus1 { width:618px !important; height:142px !important; border:2px solid #ee0049 !important;}

