@charset "UTF-8";
@import url("Vizo-style.css");
/************************************************************************
 * File name   : layout.css
 * Info        : JPW
 * Writer      : flying
 * Date        : 2013.7.31
 * Design      : http://www.chinakewei.net
************************************************************************/
body {
	margin: 0 auto;	font-size: 12px; font-family: Arial, Helvetica, sans-serif; color:#717171; background-color:#c4c4c4;}
ul, dl, dd, h1, h2, h3, h4, h5, h6, form, p {padding: 0; margin: 0;}
ul {list-style: none;}
img {border: 0px;}
a {	color: #717171;	text-decoration: none;}
a:hover {color:#f4811e;}
.clearfloat:after{content:"."; clear: both; height: 0;font-size:0px;line-height:0px;visibility:hidden;}

/*body*/
#content {width:1200px; margin: 0 auto; overflow: hidden; zoom: 1; background-color:#FFF;}

/*font*/
.font1{font-size:11px; color:#F2821E;}
.font2{font-size:12px; color:#CCC;}
.font3{font-size:12px; color:#ed2229;}
.font4{font-size:14px; font-weight:bold; padding-top:20px;}

/*hr*/
.hr1{height:1px;border:none;border-top:1px dotted #b6b6b6; }

/*header*/
.header_bg{width:1200px; height:114px; background-color:#f4811e;}
.header{width:1000px; height:114px; margin:0 auto;}
.header_logo{width:276px; height:114px; float:left}
.header_nav{width:724px; height:114px; float:right;}
.header_language{width:724px; height:25px; line-height:25px; margin-top:5px; text-align:right;}
.header_menu{width:724px; height:32px; line-height:32px; margin-top:40px; text-align:center; color:#FFF; font-size:14px;}
a.whitelink:link{color:#FFF; text-decoration:none;}
a.whitelink:visited{color:#FFF; text-decoration:none;}
a.whitelink:hover{color:#ffe500; text-decoration:none;}

/*footer*/
.footer_bg{width:1200px; height:30px; background-color:#B0B0B0; margin:0 auto;}
.footer{width:1000px; height:30px; margin:0 auto;}
.footer_copyright{width:485px; height:30px; line-height:30px; color:#7b7b7b; float:left; text-indent:15px;}
.footer_right{width:500px; height:30px; line-height:30px; color:#7b7b7b; float:right; text-align:right;}

/*main*/
#main{width:1200px; margin:0 auto; background-color:#FFF; overflow: hidden;}
.movie{width:100%; height:420px; margin:0 auto;}

.product_nav{width:1200px; height:86px; background-color:#cbcbcb; margin:0 auto;}
.product_nav_bg{width:1200px; height:85px; background-color:#676c70; margin:1px auto 0 auto;}
.product_nav_list{width:1000px; height:85px; margin-top:1px; background-image:url(../images/index1.jpg); margin:1px auto 0 auto;}
.product_nav_arrow_left{width:37px; height:85px; float:left; text-align:center;}
.product_nav_list1{width:926px; height:85px; float:left;}
.product_nav_list1 ul li{width:150px; float:left; margin-right:2px; margin-left:2px; display:inline;}
.product_nav_list1 ul li a{display:block;}
.product_nav_list1 ul li a img{filter:none;-webkit-filter: grayscale(100%);}
.product_nav_list1 ul li a:hover img{opacity:0.2;filter:alpha(opacity=50);} 


.product_nav_arrow_right{width:37px; height:85px; float:right; text-align:center;}
.product_pic{width:1200px; height:148px; background-color:#fbfbfb;}
.product_pic_list{width:1000px; height:148px; margin:0 auto;}
.product_pic_list ul li{width:150px; float:left; margin-top:20px; margin-left:8px; margin-right:8px; display:inline;}
.product_pic_list ul li a{display:block;  border:#ddd solid 1px;}
.product_pic_list ul li a:hover{display:block; border:#F90 solid 1px;}

.index_nav_bg{width:1200px; height:145px; background-image:url(../images/index-3.jpg);}
.index_nav{width:1000px; height:145px; margin:0 auto;}
.index_nav_about{width:318px; height:110px; float:left; margin-top:18px;}
.index_nav_about_pic{width:109px; height:107px; float:left; margin-left:1px;}
.index_nav_about_text{width:190px; height:97px; line-height:22px; margin-left:8px; float:left; padding:5px;}
.index_nav_news{width:318px; height:110px; float:left; margin-top:18px; margin-left:23px;}
.index_nav_news_pic{width:109px; height:107px; float:left; margin-left:1px;}
.index_nav_news_text{width:190px; height:97px; line-height:16px; margin-left:8px; float:left; padding:5px;}
.index_nav_contact{width:318px; height:110px; float:left; margin-top:18px; margin-left:23px;}
.index_nav_contact_pic{width:109px; height:107px; float:left; margin-left:1px;}
.index_nav_contact_text{width:190px; height:97px; line-height:20px; margin-left:8px; float:left; padding:5px;}
a.greenlink:link{color:#F2821E; text-decoration:none;}
a.greenlink:visited{color:#F2821E; text-decoration:none;}
a.greenlink:hover{color:#d30001; text-decoration:none;}

.main_border{width:980px; margin:20px auto; border:#e8e8e8 solid 1px; padding:9px;}
.main_company{width:980px; background:url(../images/index-8.jpg) repeat-y top left; overflow:hidden;}
.main_company_left{width:210px; float:left;min-height:450px;}
.main_company_left_title{width:210px; height:25px; line-height:25px; background-color:#f4811e; text-indent:20px; color:#FFF; font-size:14px; font-weight:bold;}
.main_company_left_nav{width:210px; height:25px;}
.main_company_left_nav ul li{width:210px; float:left;  height:25px; line-height:25px;margin-top:1px; text-indent:20px; display:inline;}
.main_company_left_nav ul li a{display:block; background-color:#e5e5e5;}
.main_company_left_nav ul li a:hover{background-color:#f4811e; color:#FFF;}
.main_company_right{width:760px; float:right; margin-left:10px; line-height:22px;}
.main_company_right_title{width:760px; height:25px; background:url(../images/index-9.jpg) repeat-x;}
.main_company_right_title_icon{width:120px; height:25px; float:left; text-indent:10px;}
.main_company_right_title_text{width:625px; height:25px; float:left; text-indent:10px; text-align:right;}
.main_company_right_content{width:750px; line-height:22px; margin-top:10px; padding:5px;}

.main_honor{width:760px; margin-top:10px;}
.main_honor ul li{width:170px; float:left; margin-top:15px; margin-left:8px; margin-right:10px; display:inline; text-align:center;}
.main_honor ul li a img{ display:block; border:#e5e5e5 solid 1px;}
.main_honor ul li img{margin-bottom:5px;}

.main_news{width:100%; margin:0 auto;}
.main_news_pic{width:115px; height:80px; float:left;}
.main_news_text{width:630px; float:left; margin-left:15px; line-height:20px;}
a.newstitlelink:link{color:#f4811e; text-decoration:none;}
a.newstitlelink:visited{color:#f4811e; text-decoration:none;}
a.newstitlelink:hover{color:#d30001; text-decoration:none;}
.newsinfo_title{width:100%; height:40px; font-size:14px; line-height:40px; font-weight:bold; text-align:center;}
.newsinfo_time{width:100%; height:25px; line-height:25px; background-color:#F6F6F6; margin:10px auto; text-align:center;}
.newsinfo_text{width:100%; line-height:22px; margin:10px auto;}

.product{width:100%; margin:5px auto 0 auto;}
.product ul li{width:150px; float:left; margin-top:10px; margin-left:20px; margin-right:20px; display:inline; text-align:center;}
.product ul li a img{display:block; border:#ddd solid 1px;}
.product ul li a:hover img{display:block; border:#F90 solid 1px;}
.product ul li img{margin-bottom:5px;}
.pro_info_pic{width:400px; height:290px; padding:5px; float:left; border:#e5e5e5 solid 1px; margin-top:10px;}
.pro_info_text{width:333px; height:298px; line-height:24px; float:left; margin-left:15px; margin-top:10px; font-size:12px;}
.pro_info_navtitle{width:760px; margin:15px auto 0 auto; float:left;}

.guestbook{width:760px; margin:10px auto;}
.guestbook_left{width:80px; height:25px; line-height:20px; text-align:right; display:block; float:left;}
.guestbook_right{width:655px; margin-left:5px; float:left; text-align:left;}

.download{width:100%; margin:0 auto;}
.download li{border-bottom:#CCC dotted 1px;}
.download ul li{width:100%; height:27px; line-height:27px; float:left; margin-bottom:5px; display:inline;}
.download ul li a{display:block;}

.banner{width:100%; height:230px; background:no-repeat top center; background-color:#fff;}
.banner-about{background-image:url(../images/banner-1.jpg);}
.banner_news{background-image:url(../images/banner-2.jpg);}
.banner_pro{background-image:url(../images/banner-3.jpg);}
.banner_search{background-image:url(../images/banner-4.jpg);}
.banner_job{background-image:url(../images/banner-5.jpg);}
.banner_net{background-image:url(../images/banner-6.jpg);}
.banner_cont{background-image:url(../images/banner-4.jpg);}

.line_bg{width:1200px; height:10px; line-height:10px; background-color:#F3811E;}
.pages{width:100%; height:25px; margin:10px auto; float:left; text-align:center;}
.line{width:100%; height:1px; background-image:url(../images/dian.jpg); float:left; margin:5px auto;}
.line1{width:100%; height:1px; background-image:url(../images/dian.jpg); float:left; margin:15px auto;}

/*Form*/
.Box1{width:350px; height:20px; border:#CCC solid 1px; padding:2px; margin-bottom:5px; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left:10px;}
.Box2{width:350px; border:#CCC solid 1px; padding:2px; margin-bottom:5px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.Box3{width:350px; border:#CCC solid 1px; padding:2px; margin-bottom:5px; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left:10px;}


/*tab*/
.nTab{width:760px; border:0;overflow:hidden;}
.none {display:none;}
.nTab .TabTitle li{float:left;cursor:pointer;height:25px;line-height:25px; font-size:12px;text-align:center;width:100px; margin-right:2px;}
.nTab .TabTitle li a{text-decoration:none;}
.nTab .TabTitle .active{ background-color:#f4811e;;color:#fff;}
.nTab .TabTitle .normal{color:#fff; background-color:#b8b8b8;}
.nTab .TabContent{clear:both;overflow:hidden;background:#fff; border-top:#ececec solid 1px; padding-top:5px; padding-bottom:5px;}

<!--/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->



/**/
h3 {
			margin: 0;	
			padding-top:0;
			font-size: 12px;
		}
		
		div#feature_list {
			width: 1200px;
			height: 420px;
			overflow: hidden;
			position: relative;
			background-color:#e24a07;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 356px;
			line-height:18px;
		}

		ul#tabs li {
			font-size: 12px;
		}
		
		ul#tabs li img {
			padding: 0px;
			border: none;
			float: left;
		}

		ul#tabs li a {
			color: #fff;
			text-decoration: none;	
			display: block;
			padding:0px;
			height: 84px;
			outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: none;
		}

		ul#tabs li a.current {
			background:  url('../images/arrow-1.png');
			color: #222;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right:0;
			width: 885px;
			height: 420px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width:885px;
			height:420px;
		}

		ul#output li a {
			position: absolute;
			bottom:0px;
			right:0px;
			padding:0;
			text-decoration: none;
			font-size: 12px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}