﻿body{ margin:0 auto;}
ins{display: none;}
li{	list-style-type: none;}
img{	border: 0px none #000;}
a { text-decoration:none}
.juzhong{ width:1000px; margin:0 auto;}
.clear{	clear: both;}
/*头部*/
.header2{
	height: 106px; border-bottom:3px #666666 solid;
	position: relative;
}
.header2 h1{
	position: absolute;
	bottom: 0px; margin-left:30px;
}
.header2 h1 a{
	background-image: url(iostudio_logo.gif);
	background-repeat: no-repeat;
	display: block;
	height: 36px;
	width: 193px;
	padding-bottom: 10px;
}
.header2 p.hotLIne a {
	display: block;
	background-image: url(hot_line_top.gif);
	background-repeat: no-repeat;
	height: 59px;
	width: 299px;
	position: absolute;
	right: 0px;
}

/*头部导航*/
.header2 ul{
	bottom: 0px;
	position: absolute;
	right: 0px;
}

.header2 ul li{
	float: left;
	margin-right: 25px;
}
.header2 ul li a{
	display: block;
	height: 30px;
	background-repeat: no-repeat;
}
.header2 ul li a.home{
	background-image: url(nav_home.gif);
	width: 47px;
}
.header2 ul li a.about{
	background-image: url(nav_about.gif);
	width: 59px;
}
.header2 ul li a.showcase{
	background-image: url(nav_showcase.gif);
	width: 89px;
}
.header2 ul li a.service{
	background-image: url(nav_service.gif);
	width: 68px;
}
.header2 ul li a.siteIntro{
	background-image: url(nav_siteIntro.gif);
	width: 88px;
}
.header2 ul li a.foresight{
	background-image: url(nav_foresight.gif);
	width: 70px;
}
.header2 ul li a.recruitment{
	background-image: url(nav_recruitment.gif);
	width: 113px;
}
.header2 ul li a.contact{
	background-image: url(nav_contact.gif);
	width: 75px;
}
.header2 ul li a.bbs{
	background-image: url(nav_bbs.gif);
	width: 60px;
}
.header2 ul li a:hover,.header2 ul li.current a{
	background-position: left bottom;
}
.tipsy {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; FILTER: alpha(opacity=80); PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat; opacity: 0.8
}
.tipsy-inner {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 4px; COLOR: white; PADDING-TOP: 4px; BACKGROUND-COLOR: black; TEXT-ALIGN: center; max-width: 200px
}
.tipsy-north {
	BACKGROUND-POSITION: center top; BACKGROUND-IMAGE: url(tipsy-north.gif)
}
.tipsy-south {
	BACKGROUND-POSITION: center bottom; BACKGROUND-IMAGE: url(tipsy-south.gif)
}
.tipsy-east {
	BACKGROUND-POSITION: right center; BACKGROUND-IMAGE: url(tipsy-east.gif)
}
.tipsy-west {
	BACKGROUND-POSITION: left center; BACKGROUND-IMAGE: url(tipsy-west.gif)
}

.di2{float:left; font:12px "宋体"; width:1000px; height:88px; background:#666666}
.di2 li{ text-align:center; color:#FFFFFF; margin:10px 0 0 0; line-height:22px; list-style-type:none;}
.zx {BACKGROUND: url(http://www.v-erne.com/news/zx_06.gif) no-repeat; FLOAT: left; WIDTH: 985px; HEIGHT: 93px}
.zx IMG {MARGIN-TOP: 50px; FLOAT: right; TEXT-ALIGN: right}

/*首页*/
.one{ margin:0 auto; width:900px; margin-top:10px;}

.hdp{ float:left; width:690px; margin:0;}

.news{ float:left; width:200px; margin-left:10px; background: url(http://www.v-erne.com/images/hdnews.jpg) no-repeat; height:389px;}
.news ul{ margin:65px 0 0 0; padding:0; list-style-type:none; text-align:left;}
.news li{ line-height:25px; font-size:12px; }
.news li a{ color:#A6A6A6; text-decoration:none}
.news li a:hover{ text-decoration:underline}
.news span{ padding:0; margin:10px 0 0 0; float:left;}
.news ol{ line-height:20px; font-size:12px; text-align:left; padding:0; margin:0; }
.about{ float:left; margin:0 0 0 20px;font:12px "宋体"; width:931px; height:204px; background:url(http://www.v-erne.com/images/about.gif) no-repeat; text-align:left;}

.about1{ float:left; margin:0 0 0 0; width:310px; }
.about1 ul{ padding:0; margin:20px 0 0 10px; float:left; display:inline; list-style-type:none;}
.about1 li{ list-style-type:none; line-height:22px;  margin:0; padding:0; float:left; width:230px;}
.about1 li a{ color:#000000; text-decoration:none}
.about1 li a:hover{ color:#666666}
.about1 span{ font: 14px "宋体"; margin:20px 0 0 20px; float:left; width:100px;}
.about1 em{font:12px "宋体"; margin:20px 0 0 0px; padding:0; float: right; width:60px;}
.about1 em a{ color:#000000; text-decoration:none}
.about1 em a:hover{ color:#666666}

.about2{ float:left; margin:0; width:360px; }
.about2 ul{ padding:0; margin:20px 0 0 0px; float:left; display:inline; list-style-type:none;}
.about2 li{ list-style-type:none; line-height:22px;  margin:0; padding:0; float:left; width:330px; text-indent:20px;}
.about2 span{ font:14px "宋体"; margin:20px 0 0 0px; float:left; width:100px;}


.about3{ float:left; margin:0; width:260px; }
.about3 ul{ padding:0; margin:20px 0 0 0px; float:left; display:inline; list-style-type:none;}
.about3 li{ list-style-type:none; line-height:22px;  margin:0; padding:0; float:left; width:250px; }
.about3 span{ font:14px "宋体"; margin:20px 0 0 0px; float:left; width:100px;}

.link{ font:12px "宋体"; height:20px; border-bottom:1px #CDCDCD solid; float:left;width:931px; margin:10px 0 0 25px; color:#555; text-align:left;}
.link a{color:#555; text-decoration:none}
.link a:hover{ text-decoration:underline}

.di{float:left; margin:10px 0 0 20px;font:12px "宋体"; width:931px; height:88px; color:#464646 }
.di li{ text-align:center; margin:10px 0 0 0; line-height:22px; list-style-type:none;}

<!--联系我们css-->
.contact2{ float:left; height:66px; width:366px;}
.contact4{ float:right; width:531px; height:391px; padding:0; margin:0;background:url(http://www.v-erne.com/images/contact3.gif) no-repeat}
.contact4 span{float:right; padding:0; margin:320px 0 0 0 }

/*最新新闻内容*/


/*套系报价*/
.works{ float:left; width:1000px; }
.works span{ float:left; width:250px; margin:0; padding:0}
.works em{ float:right; width:210px;margin:0; padding:0; font-size:12px; font-style:normal}
.works ul{ float:left; width:1000px; margin:10px 0 0 0; padding:0; list-style-type:none;}
.works a{ color:#FF0000; text-decoration:none}
.works a:hover{ color:#FF0000; text-decoration: underline}

.taoxi{ float:left; width:1000px;}
.xiezhen{ float:left; width:414px; margin-left:10px; margin-right:10px;}

.tx1{ float:left; width:930px; margin-top:10px; font:12px "宋体"; line-height:20px; margin-left:10px; color:#c00; background:url(http://www.v-erne.com/images/tx2.jpg) no-repeat;}
.tx1 ul{ padding:0; margin:110px 0 0 10px; list-style-type:none; float:left; display:inline; width:235px;}
.tx1 li{ float:left; font-size:12px; width:410px; margin-right:10px; text-align:left; color:#666; line-height:22px;}
.tx1 ol{float:left; font-size:12px; width:400px; margin-left:35px; text-align:left; color:#666; line-height:22px;}

.tx2{ float:left; width:930px; margin-top:10px; font:12px "宋体"; line-height:20px; margin-left:10px; color:#c00; background:url(http://www.v-erne.com/images/tx3.jpg) no-repeat;}
.tx2 ul{ padding:0; margin:110px 0 0 10px; list-style-type:none; float:left; display:inline; width:235px;}
.tx2 li{ float:left; font-size:12px; width:410px; margin-right:10px; text-align:left; color:#666; line-height:22px;}
.tx2 ol{float:left; font-size:12px; width:400px; margin-left:35px; text-align:left; color:#666; line-height:22px;}

.tx3{ float:left; width:930px; margin-top:10px; font:12px "宋体"; line-height:20px; margin-left:10px; color:#c00; background:url(http://www.v-erne.com/images/tx5.jpg) no-repeat;}
.tx3 ul{ padding:0; margin:110px 0 0 10px; list-style-type:none; float:left; display:inline; width:235px;}
.tx3 li{ float:left; font-size:12px; width:410px; margin-right:10px; text-align:left; color:#666; line-height:22px;}
.tx3 ol{float:left; font-size:12px; width:400px; margin-left:35px; text-align:left; color:#666; line-height:22px;}

.tx4{ float:left; width:930px; margin-top:10px; font:12px "宋体"; line-height:20px; margin-left:10px; color:#c00; background:url(http://www.v-erne.com/images/tx6.jpg) no-repeat;}
.tx4 ul{ padding:0; margin:110px 0 0 10px; list-style-type:none; float:left; display:inline; width:235px;}
.tx4 li{ float:left; font-size:12px; width:410px; margin-right:10px; text-align:left; color:#666; line-height:22px;}
.tx4 ol{float:left; font-size:12px; width:400px; margin-left:35px; text-align:left; color:#666; line-height:22px;}

.tx5{ float:left; width:930px; margin-top:10px; font:12px "宋体"; line-height:20px; margin-left:10px; color:#c00; background:url(http://www.v-erne.com/images/tx7.jpg) no-repeat;}
.tx5 ul{ padding:0; margin:110px 0 0 10px; list-style-type:none; float:left; display:inline; width:235px;}
.tx5 li{ float:left; font-size:12px; width:410px; margin-right:10px; text-align:left; color:#666; line-height:22px;}
.tx5 ol{float:left; font-size:12px; width:400px; margin-left:35px; text-align:left; color:#666; line-height:22px;}

.logo3{float:left; margin-top:20px; background:url(http://www.v-erne.com/images/logo3.gif) no-repeat; height:120px; width:998px}

/*关于我们*/
.aboutus{ float:left; width:585px; margin-top:20px; margin-left:10px; text-align:left; height:250px;}
.aboutus ul{ float:left; padding:0; margin:0; list-style-type:none;}
.aboutus li{ float:left; margin:5px; width:530px; line-height:30px; font:12px "宋体"; color:#757474}
.eski{ margin-top:85px;}

/*服务说明*/
.fuwu{ float:left; width:860px; margin-top:20px; margin-left:20px;}
.fuwu span{ float:left; width:250px; margin:0 0 10px 0; padding:0}
.fuwu em{ float:left; text-align:right; width:610px;margin:0; padding:0}
.fuwu em a{ text-decoration:none; font-size:12px; color:#FF0000}
.fuwu ul{ float:left; width:800px; margin:10px 0 10px 0; padding:0; list-style-type:none; font-size:12px; line-height:30px; text-align:left;}
.fuwu h1{ padding:0; margin:0; text-align:center; width:800px; float:left;}

/* 标准盒模型 */ 
.ttl{height:18px;} 
.ctt{ min-height:100px;height: auto!important;padding:0px;clear:both;text-align:left; float:left; width:758px} 
.w936{margin:10px 0 0 40px;clear:both;width:760px;/*这里调整整个滑动门的宽度*/font-size:12px;text-align:center} 
/* TAB 切换效果 */ 
.tb_{} 
.tb_ ul{height:24px; list-style-type:none; margin:0; padding:0;} 
.tb_ li{float:left;height:45px;line-height:45px;width: 122px;cursor:pointer;} 
/* 用于控制显示与隐藏的css类 */ 
.normaltab { } 
.hovertab {   } 
.dis{display:block;} 
.undis{display:none;}

.top10{ float:left;}
.top10 ul{ padding:0 0 0 20px; margin:10px 0 0 0; display:inline; list-style-type:none; background:url(http://www.v-erne.com/images/top10.gif) 0 3px no-repeat; float: left;}
.top10 li{ float:left; line-height:22px; width:720px; overflow:hidden }
.top10 a{ color:#000000; text-decoration:none}
.top10 a:hover{ text-decoration:underline}

a.fuwu1{background:url(http://www.v-erne.com/images/fuwu_menu.gif) -5px -4px; width:122px; height:45px; float:left;}
a.fuwu1:hover {background:url(http://www.v-erne.com/images/fuwu_menu.gif) -5px -51px; width:122px; height:45px;float:left;}

a.fuwu2{background:url(http://www.v-erne.com/images/fuwu_menu.gif) -127px -4px; width:122px; height:45px;}
a.fuwu2:hover {background:url(http://www.v-erne.com/images/fuwu_menu.gif) -130px -51px; width:122px; height:45px;}

.fuwu3{background:url(http://www.v-erne.com/images/fuwu_menu.gif) -253px -4px; width:122px; height:45px;}
.fuwu3:hover {background:url(http://www.v-erne.com/images/fuwu_menu.gif) -253px -51px; width:122px; height:45px;}

.fuwu4{background:url(http://www.v-erne.com/images/fuwu_menu.gif) -378px -4px; width:122px; height:45px;}
.fuwu4:hover {background:url(http://www.v-erne.com/images/fuwu_menu.gif) -378px -51px; width:122px; height:45px;}

.fuwu5{background:url(http://www.v-erne.com/images/fuwu_menu.gif) -503px -4px; width:122px; height:45px;}
.fuwu5:hover {background:url(http://www.v-erne.com/images/fuwu_menu.gif) -503px -51px; width:122px; height:45px;}

.fuwu6{background:url(http://www.v-erne.com/images/fuwu_menu.gif) -629px -4px; width:122px; height:45px;}
.fuwu6:hover {background:url(http://www.v-erne.com/images/fuwu_menu.gif) -629px -51px; width:122px; height:45px;}

/*作品展示*/
.works{ float:left; width:1000px; text-align:center }
.works span{ float:left; width:250px; margin:0; padding:0}
.works em{ float:right; width:210px;margin:0; padding:0; font-size:12px; font-style:normal}
.works ul{ float:left; width:1000px; margin:10px 0 0 0; padding:0; list-style-type:none;}
.works a{ color:#FF0000; text-decoration:none}
.works a:hover{ color:#FF0000; text-decoration: underline}

.works1{ float:left; width:166px; margin:0 10px 10px 10px; font:12px "宋体"; list-style:22px }
.works1 img{ margin:0 0 5px 0; padding:0; border:0;}
.works1 a{ color:#666; text-decoration:none;}
.works1 a:hover{ color:#666; text-decoration: underline}

.style3{ font:12px "宋体";}

.showpage{ color:#666; font-size:12px; margin:10px 0 0 0; width:930px;}
.showpage a{ color:#666; text-decoration:none}
.showpage a:hover{ color:#666; text-decoration:underline}