@charset "utf-8";
#container {
	width:1052px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:1052px;
	height:500px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

#slides {
	position:absolute;
	left:51px;
	z-index:100;
}

#slides .next,#slides .prev {
	position:absolute;
	top:127px;
	left:-98px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

.slides_container {
	width:950px;
	overflow:hidden;
	position:relative;
}

#slides .next {
	left:1008px;
}

.pagination {
	margin:26px auto 0;
	width:140px;
}

.pagination li {
	float:left;
	margin:0 5px;
}

.pagination li a {
	display:block;
	width:15px;
	height:15px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
}

.pagination li.current a {
	background-position:0px -16px;
}

.caption {
	position:absolute;
	bottom:-35px;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}
#custom-websites-content-images{width:1052px;height:250px;}
#custom-websites-content-images h1,#custom-websites-content-images h2{text-align:center;}
#custom-websites-content-images a  img{/*padding-left:90px;*/}
#custom-websites-content-images h1 a{font-size:16px;color:#333;font-weight:400;}
#custom-websites-content-images h1 a:hover{color:#db2430;}
#custom-websites-content-images h1{padding-top:20px;}
#custom-websites-content-images h2{font-size:14px;color:#ccc;padding:5px 0px 5px;}
#custom-websites-content-images p{padding:0px 20px; text-align:left;}
#custom-websites-content-images p a{font-size:12px;color:#999;line-height:18px;}
.custom-websites-content-element { float: left; width: 263px;  height: 226px; text-align:center;}
.custom-websites-content-element img{ margin-top: 10px; -webkit-transition: margin 0.5s ease-out; -moz-transition: margin 0.5s ease-out; -o-transition: margin 0.5s ease-out; } 
/*.custom-websites-content-element img:hover { margin-top: 2px; }*/
#zhuanti-websites-content-images{width:1052px;height:280px;background: url("../images/zt_bg.png") no-repeat scroll center top;}
#zhuanti-websites-content-images h1,#zhuanti-websites-content-images h2{text-align:center;}
#zhuanti-websites-content-images h1 a{font-size:16px;color:#333;font-weight:400;}
#zhuanti-websites-content-images h1 a:hover{color:#db2430;}
#zhuanti-websites-content-images h1{padding-top:20px;}
#zhuanti-websites-content-images h2{font-size:14px;color:#ccc;padding:5px 0px 5px;}
.zhuanti-websites-content-images{width:1052px;height:560px;background: url("../images/zhaunti_bg.png") no-repeat scroll center top;}
.zhuanti-websites-content-images h1,#zhuanti-websites-content-images h2{text-align:center;}
.zhuanti-websites-content-images h1 a{font-size:16px;color:#333;font-weight:400;}
.zhuanti-websites-content-images h1 a:hover{color:#db2430;}
.zhuanti-websites-content-images h1{padding-top:20px;}
.zhuanti-websites-content-images h2{font-size:14px;color:#ccc;padding:5px 0px 5px;}
.zhuanti-websites-content-element { float: left;margin-top: 45px;
    width: 257px;   text-align: center;  height: 226px;}
.zhuanti-websites-content-element p{padding:0px 20px; text-align:left;}
 
.zhuanti-websites-content-element p a{font-size:11px;color:#999;line-height:20px;}
.zhuanti-websites-content-element img{ margin-top: 10px; -webkit-transition: margin 0.5s ease-out; -moz-transition: margin 0.5s ease-out; -o-transition: margin 0.5s ease-out;height:53px;} 
.zhuanti-websites-content-element-last { float: right;margin-top:45px;
    width: 255px; margin-left: 20px; text-align:center;  height: 226px;} 
.zhuanti-websites-content-element-last p{width:237px;    margin: 0 auto;}
.zhuanti-websites-content-element-last p a{ color: #999999;
    display: block;
    float: left;
    font-size: 11px;
    line-height: 22px;
    width:79px;}
.zhuanti-websites-content-element-last p a:hover{color:#db2430;}
.zhuanti-websites-content-element-last img{ margin-top: 10px; -webkit-transition: margin 0.5s ease-out; -moz-transition: margin 0.5s ease-out; -o-transition: margin 0.5s ease-out; } 
.zhuanti-websites-content-element-last img:hover { margin-top: 2px; }
.indexcen{height:490px;}
.indexl1,.indexl2,.indexl3{float:left;}
.case{height:90px;margin-bottom:13px;}
.indexl1{width:556px;}
.view1,.view2,.view3{display:block;width:307px;height:90px;}
a.view1{background:url(../images/channel.gif) no-repeat left 0px;}
a:hover.view1{background:url(../images/channel.gif) no-repeat right 0px;}
a.view2{background:url(../images/channel.gif) no-repeat right -90px;}
a:hover.view2{background:url(../images/channel.gif) no-repeat right -90px;}
a.view3{background:url(../images/channel.gif) no-repeat left -180px;}
a:hover.view3{background:url(../images/channel.gif) no-repeat right -180px;}
.indexl2{margin-left:25px;width:470px;}
.newli{/*background:url(../images/newlist.jpg) no-repeat;*/width:470px; }
.newli ul{ margin-top:30px;}
.newli ul li{float:left;width:194px; height:215px;margin-right: 40px;}
.newli ul li a{font-size:16px;color:#333;}
.newli ul li a img {FILTER: gray;opacity:0.5;}
.newli ul li a:hover img{FILTER:; opacity:1;}
.newli ul li a:hover{color:#db2430;}
.newli ul li p{font-size:16px;color:#999; text-align:center;}
.indexl3{width:304px;margin-left:30px;}

.homebanner {
    height: 241px;
    position: relative;
    width: 304px;
	background:url(../images/customer.png) no-repeat;
	font-size:12px;color:#7f7f7f;line-height:20px;

}
.case-flash-top{height:74px;width:100%;}
.case-flash-top  .fz-10{float:left;line-height:74px;display:block;width:155px;height:74px;}
.case-flash-top  .fz-10 img{padding:20px;}
.case-flash-top  .fz-12,.case-flash-top  .fz-16{float:left;width:145px;display:block;}
.fz-16{padding-top:18px;}
.case-flash-txt{width:245px;height:115px;padding:10px 30px 0px 30px;}

.homebanner .nums{
position:absolute;
float:right;
bottom:-2px; 
left:122px;
}
.homebanner .nums li{
float:left;
width:20px;
height:25px;
cursor:pointer;
position:relative;
z-index:1000000;
display:inline;
}
.homebanner .nums li p{
text-align:center;
color:#fff;
font-size:12px;
background:url(../images/case-flash-ico.png) no-repeat;
background-position:-49px 0px;	
text-indent:-9999px;
display:block;
}
.homebanner .nums li.curr{
float:left;
width:20px;
height:20px;
}
.homebanner .nums li.curr p,.homebanner .nums li p:hover{
background:url(../images/case-flash-ico.png) no-repeat;
background-position:0px 0px;	
}
.imgs{overflow:hidden;height:240px;}
/*-----首页资讯信息-------*/
 .inewlist_l{margin-bottom:35px; overflow:hidden; margin:0 auto;}  .inewlist_r{width:324px;float:right;}  .inewlist_l ul li{height:50px;padding-top:40px; width:250px; float:left; margin-right:10px;}.inewlist_l ul li:hover .inlist1{
    background: url("../images/date_hover.png") no-repeat scroll 0 0;
    height: 50px;
    width: 46px;
}
.inewlist_l ul li:hover .inlist3 h2 a{color:#db2430;}
.inlist1{float:left;_display:inline;}  .inlist1{width:46px;background:url(../images/date.png) no-repeat;height:50px;}  .inlist1 p{color:#fff;width:42px;text-align:center;line-height:120%;padding-top:5px;} .inlist3{float:left;width:194px;height:50px;margin-left:10px;_display:inline;}  .inlist3 h2 a{color:#000;;font-size:12px;}  .inlist3 h2 a:hover{color:#db2430;}  .inlist3 p{color:#999;line-height:12px;} .inlist3c{float:right;width:49px;background:url(../images/more.jpg) no-repeat 0px 1px;height:20px;margin-top: 6px;}  .inlist3c:hover{background:url(../images/more1.jpg) no-repeat 0px 1px;}  .inlist3c a{color:#f2f1f0;line-height:18px;padding-left:8px;display:block;}   
/*----面包屑导航-------------*/
.navserban{ height: 42px;
    width:1052px; margin:20px auto;}
.navaddres{height:32px;background:url(../images/po2.gif) no-repeat 0px 4px;color:#999;width:1052px;float:left;padding-left:22px;}
.navaddres a{color:#999;}
.navaddban{float:left;height:42px; width:100%;}
.navaddban ul li{float:left;margin-right:14px;_display:inline;}
.shownav{float:left;height:58px; width:1028px;background:url(../images/class_bg.png) no-repeat center left;}
.shownav ul li{float:left;margin-right:14px;_display:inline;}
.shownav ul{ margin: 18px auto 0 10px;}
.shownav ul li a.on{color:#fff;background:url(../images/sde.gif) no-repeat;}
.shownav ul li a:hover{color:#fff;background:url(../images/sde.gif) no-repeat;}
.classnav{display:block;width:96px;height:24px;line-height:24px;text-align:center;font-size:12px;color:#666;background:url(../images/sde1.gif) no-repeat;}
.navaddban ul li a.on{color:#fff;background:url(../images/sde.gif) no-repeat;}
.navaddban ul li a:hover{color:#fff;background:url(../images/sde.gif) no-repeat;}
.navcurrent{color:#fff;background:url(../images/sde.gif) no-repeat;display:block;width:96px;height:24px;line-height:24px; text-align:center;}
.classintro{background:url(../images/intro_bg.png) no-repeat center left; width:1002px; height:100px; float:left;}
.classintro p{ width:969px; margin:15px 15px; font-size:14px; color:#717071; float:left; height:100px; text-indent:2em;}
/*-------tuijian----------------------*/
#tuijianzhuanti-websites-content-images{height:280px;}
#tuijianzhuanti-websites-content-images h1,#zhuanti-websites-content-images h2{text-align:center;}
#tuijianzhuanti-websites-content-images h1 a{font-size:16px;color:#333;font-weight:400;}
#tuijianzhuanti-websites-content-images h1 a:hover{color:#db2430;}
#tuijianzhuanti-websites-content-images h1{padding-top:20px;}
#tuijianzhuanti-websites-content-images h2{font-size:14px;color:#ccc;padding:5px 0px 5px;}
.tuijianzhuanti-websites-content-element { float: left;margin-top:20px;
    width: 257px;   text-align: center; border-right:1px dotted #ccc;height: 227px;}
.tuijianzhuanti-websites-content-element p{padding:0px 20px; text-align:left;}
 
.tuijianzhuanti-websites-content-element p a{font-size:11px;color:#999;line-height:20px;}
.tuijianzhuanti-websites-content-element img{ margin-top: 10px; -webkit-transition: margin 0.5s ease-out; -moz-transition: margin 0.5s ease-out; -o-transition: margin 0.5s ease-out; } 
.tuijianzhuanti-websites-content-element img:hover { margin-top: 2px; }
.tuijianzhuanti-websites-content-element-last { float: left;margin-top:20px;
    width: 255px; margin-left: 20px; text-align:center;  height: 227px;} 
.tuijianzhuanti-websites-content-element-last p{width:237px;    margin: 0 auto;}
.tuijianzhuanti-websites-content-element-last p a{ color: #999999;
    display: block;
    float: left;
    font-size: 11px;
    line-height: 22px;
    width: 79px;}
.tuijianzhuanti-websites-content-element-last p a:hover{color:#db2430;}
.tuijianzhuanti-websites-content-element-last img{ margin-top: 10px; -webkit-transition: margin 0.5s ease-out; -moz-transition: margin 0.5s ease-out; -o-transition: margin 0.5s ease-out; } 
.tuijianzhuanti-websites-content-element-last img:hover { margin-top: 2px; }
.more{ width:50px; height:20px; background:#d1282f;color:#fff; font-family:"宋体"; font-size:12px; float:right;text-align:center; line-height: 20px;}
.more a{color:#fff;}
.productshow {
    margin-left: 25px;
    width: 450px; margin-right:20px; float:left; 
}
.title {
    background: url("../images/artbg.png") no-repeat scroll center bottom;
    height: 56px;
    line-height: 56px;float:left; width:100%;
}
.title h1{float:left;font-size:20px; color:#000;}
.likenews{ height:280px;}
.leftclass{ width:274px; height:224px; float:left; margin-top: 15px;margin-right: 50px;}
.leftclass li{width:120px; float:left;   margin-bottom: 20px;
    margin-right: 17px;}
.classname{background: url("../images/class.png") no-repeat scroll 0 0;
    height: 54px;    margin-bottom: 20px;
    margin-right: 17px;
    width: 120px;float:left; text-align:center;
}
.classname:hover{background: url("../images/current_class.png") no-repeat scroll 0 0;}
.classname a{ font-size:22px; color:#fff; text-align:center; line-height:54px;}
/*-----行业应用信息-------*/
.right {width:727px; float:left;}
 .hangye_l{/*width:556px;*/float:left;padding-bottom:20px;}
 .hangye_l ul li{   float: left;
    height: 54px;
    margin-left: 50px;
    margin-right: 55px;
    width: 254px; margin-bottom:40px;}.hangye_l ul li:hover .inlist1{
    background: url("../images/date_hover.png") no-repeat scroll 0 0;
    height: 50px;
    width: 46px;
}
.hangye_l ul li:hover .inlist3 h2 a{color:#db2430;}
.inlist1{float:left;_display:inline;}  .inlist1{width:46px;background:url(../images/date.png) no-repeat;height:50px;}  .inlist1 p{color:#fff;width:42px;text-align:center;line-height:120%;padding-top:5px;} .inlist3{float:left;width:194px;height:50px;margin-left:10px;_display:inline;}  .inlist3 h2 a{color:#000;;font-size:12px;}  .inlist3 h2 a:hover{color:#db2430;}  .inlist3 p{color:#999;line-height:12px;} .inlist3c{float:right;width:49px;background:url(../images/more.jpg) no-repeat 0px 1px;height:20px;margin-top: 6px;}  .inlist3c:hover{background:url(../images/more1.jpg) no-repeat 0px 1px;}  .inlist3c a{color:#f2f1f0;line-height:18px;padding-left:8px;display:block;}  
/*------推荐产品-----------*/
.showproduct{width:100%;height:200px;}
.showproduct ul{ margin-top:30px;}
.showproduct ul li{float:left;width:194px; height:215px; margin: 0 36px 0 32px;}
.showproduct ul li a{font-size:16px;color:#333;}
.showproduct ul li a img {FILTER: gray;opacity:0.5;}
.showproduct ul li a:hover img{FILTER:; opacity:1;}
.showproduct ul li a:hover{color:#db2430;}
.showproduct ul li p{font-size:16px;color:#999; text-align:center;}