@charset "utf-8";
#banner{width:100%; height:400px; position:relative;}
#banner .slides li{width:100%; height:400px;}
#banner .slides li a{display:block;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0;padding: 0;list-style: none;}
#banner .flex-control-nav {width: 100%;position: absolute;text-align: center; bottom:10px; z-index:99;}
#banner .flex-control-nav li{margin: 0 6px;display:inline-block;zoom: 1; *display:inline;}
#banner .flex-control-nav li a{ font-size:0px;background:url(../images/icon6.png) no-repeat center 0;width: 14px;height: 14px;display: block;}
#banner .flex-control-nav li a.flex-active{ background-position:0 -14px;}

#main{width:100%; padding:14px 0 30px;}
.i_product ul{overflow:hidden; width:1200px;}
.i_product li{width:194px; border:1px solid #d8d8d8; position:relative; height:310px; float:left; margin-right:16px; padding-left:22px; padding-top:20px;}
.i_product li .pro{position:absolute; left:-1px; bottom:-1px; width:218px;}
.i_product li h2{font-size:20px; color:#4a4a4a; font-weight:normal;}
.i_product li .t p{font-family:"Arial"; font-size:12px; text-transform:uppercase; color:#4a4a4a;}
.i_product li .b img{vertical-align:middle;}
.i_product li .b span{display:inline-block; zoom:1; *display:inline; background:url(../images/icon1.png) no-repeat center -10px; width:13px; height:10px; padding:0 4px 0 10px; }
.i_product li .b a{color:#7f7f7f; line-height:23px;}
.i_product li.hover h2{color:#ff7800;}
.i_product li.hover h2 a{color:#ff7800;}
.i_product li.hover t p1{color:#ff7800;}
.i_product li.hover .b span{background-position: center 0;}
.i_product li.hover .b a{color:#ff7800;}
.i_news{width:422px; float:left;}
.i_news .title{font-size:20px; color:#4a4a4a; border-bottom:2px solid #d8d8d8;  height:34px; line-height:34px;}
.i_news .title span{display:inline-block; zoom:1; *display:inline;height:34px; line-height:34px; border-bottom:2px solid #ff8111; padding:0 10px; float:left;}
.i_news .title a{font-size:12px; color:#4a4a4a; float:right; line-height:30px;}
.i_news .news_top{overflow:hidden; margin-top:20px; padding-bottom:10px; border-bottom:1px dotted #a1a1a1;}
.i_news .news_top img{width:206px; height:128px; float:left;}
.i_news .news_top .top_r{float:right; width:204px;}
.i_news .top_r time{color:#a1a1a1; line-height:30px;}
.i_news .top_r h2{font-weight:normal; font-size:14px; color:#434343;}
.i_news .top_r h2 a{color:#434343;}
.i_news .top_r h2 a:hover{ color:#ff7800;}
.i_news .top_r .t{text-indent:1em; color:#686868; line-height:20px; margin-top:6px; height:50px;position:relative;}
.i_news .top_r .t a{position:absolute; bottom:0; right:0;color:#686868;}
.i_news .top_r .t a:hover{color:#ff7800;}
.i_news .news_list{margin-top:6px;}
.i_news .news_list li{overflow:hidden; line-height:24px;}
.i_news .news_list li a{font-size:14px; color:#434343;}
.i_news .news_list li a:hover{color:#ff7800;}
.i_news .news_list li span{float:right; font-family:"Arial"; color:#a1a1a1;}

.proce{width:430px; float:left; margin-left:40px;}
.proce .title{color:#4a4a4a; font-size:20px;border-bottom:2px solid #d8d8d8;height:34px; line-height:34px;}
.proce .title span{display:inline-block; zoom:1; *display:inline;height:34px; line-height:34px; border-bottom:2px solid #ff8111; padding:0 10px;}


.i_contact{width:200px; float:right;}
.i_contact .title{color:#4a4a4a; font-size:20px;border-bottom:2px solid #d8d8d8;height:34px; line-height:34px;}
.i_contact .tel{color:#777; margin-top:20px; border-bottom:1px solid #d0d0d0;}
.i_contact .title span{display:inline-block; zoom:1; *display:inline;height:34px; line-height:34px; border-bottom:2px solid #ff8111; padding:0 10px;}
.i_contact .tel li{overflow:hidden; margin-bottom:12px;}
.i_contact .tel li img{float:left; margin:0 6px;}
.i_contact .tel li span{color:#ff8111; font-size:14px; font-weight:bold;}
.i_contact .tel li em{font-size:14px;}
.i_contact .qq{border-top:1px  solid #fff;}
.i_contact .qq dd{margin-top:14px; padding-left:6px;}
.i_contact .qq dd img{vertical-align:middle; margin-right:4px;}
.i_contact .qq dd a{color:#777;}
.i_contact .qq dd a:hover{color:#ff7800;}

.casesilde{ width:432px; margin-top:20px; position:relative;}
.casesilde .slides li{ width:100%; overflow:hidden;}
.casesilde .slides li img{ width:206px; height:128px;}
.casesilde .slides li div{ width:206px; float:left; position:relative; margin-right:16px; margin-bottom:16px;}
.casesilde .slides li div p{ position:absolute; height:24px; line-height:24px; width:100%; left:0; color:#fff; bottom:0; text-align:center; background:url(../images/i_casebg.png) repeat;}
.casesilde .slides li div a:hover p{background:url(../images/i_casebg1.png) repeat;}


.casesilde .flex-control-nav {width: 100%;position: absolute;text-align: right; top:-50px; z-index:99;}
.casesilde .flex-control-nav li{margin: 0 4px;display:inline-block;zoom: 1; *display:inline;}
.casesilde .flex-control-nav li a{ font-size:0px;background:url(../images/icon5.png) no-repeat center 0;width: 10px;height: 10px;display: block;}
.casesilde .flex-control-nav li a.flex-active{ background-position:0 -10px;}