/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #D8D8D8;
	background-image: url("bg.jpg")/*tpa=http://www.qingdaocable.cn/images/images/bg.jpg*/;
	background-repeat: repeat-x;
	background-position:top;
}
.STYLE1 {
	font-family: "ËÎÌå";
	font-size: 12px;
	font-weight: bold;
	color: #5F5F5F;
}
.STYLE2 {
	font-family: "ËÎÌå";
	font-size: 12px;
	font-weight: bold;
	color: #8F8F8F;
}
.STYLE3 {
	font-family: "ËÎÌå";
	font-size: 12px;
	color: #A1A1A1;
}
.STYLE4 {
	font-family: "ËÎÌå";
	font-size: 12px;
	font-weight: bold;
	color: #e7f5fe;
}
.STYLE5 {
	font-family: "ËÎÌå";
	font-size: 12px;
	color: #fbe105;
	font-weight: bold;
}
.STYLE6 {
	font-family: "ËÎÌå";
	font-size: 12px;
	color: #FFFFFF;
}
.STYLE7 {
	font-family: "ËÎÌå";
	font-size: 12px;
	color: #000000;
}
.STYLE8 {
	font-family: "ËÎÌå";
	font-size: 12px;
	color: #4c4b4b;
}
.li { 
    background-image:url("li.jpg")/*tpa=http://www.qingdaocable.cn/images/images/li.jpg*/; 
    background-repeat:no-repeat; 
	background-position:left center;
	height:22px; 
	line-height:22px;
	vertical-align:middle;
	text-indent:12px;
}
.li2 { 
    background-image:url("li2.jpg")/*tpa=http://www.qingdaocable.cn/images/images/li2.jpg*/; 
    background-repeat:no-repeat; 
	background-position:left center;
	height:22px; 
	line-height:22px;
	vertical-align:middle;
	text-indent:27px;
}
.STYLE9 {
	font-family: "ËÎÌå";
	font-size: 12px;
	color: #025393;
	font-weight: bold;
}
.STYLE10 {
	font-family: "ËÎÌå";
	font-size: 12px;
	color: #4d9821;
	font-weight: bold;
}
.STYLE11 {font-family: "ËÎÌå"; font-size: 12px; color: #FFFFFF; font-weight: bold; }
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/******************************mainnav*******************************/
.mainnav{
	width:950px;
	margin:0px 0px 0px 30px;
	height:50px;
	float: left;
	font:14px/50px Arial, Helvetica, sans-serif;
	color:#333333;
	background: url("menu-line.jpg")/*tpa=http://www.qingdaocable.cn/images/menu-line.jpg*/ no-repeat left center;
}
.mainnav li{float:left;padding-top:1px;background:url("menu-line.jpg")/*tpa=http://www.qingdaocable.cn/images/menu-line.jpg*/ no-repeat right center;font:16px/40px ΢ÈíÑźÚ,ËÎÌå;color:#333333;}
.mainnav a{
	display:inherit;
	height:50px;
	font:normal 14px/50px Arial, Helvetica, sans-serif;
	color:#0183d9;
	width:auto;
	text-align:center;
	letter-spacing: 1px;
	padding-right: 25px;
	padding-left: 25px;
}
.mainnav li.on a,.mainnav a:hover{background:url("mainnav_on.gif")/*tpa=http://www.qingdaocable.cn/images/mainnav_on.gif*/ no-repeat center bottom;font:normal 14px/50px Arial, Helvetica, sans-serif;color:#0183D9;}

.banner {
	POSITION: relative;
	WIDTH: 100%;
	HEIGHT: 350px;
	OVERFLOW: hidden;
	margin-right: auto;
	margin-left: auto;
	border-top: 2px solid #990000;
	border-bottom: 2px solid #990000;
}
.banner .show {
	POSITION: absolute; WIDTH: 1000px; HEIGHT:350px; MARGIN-LEFT: 0px; OVERFLOW: hidden; TOP: 0px; LEFT: 0%
}
.banner .show UL {
	POSITION: relative; WIDTH: 990px; FLOAT: left; HEIGHT: 340px; OVERFLOW: hidden
}
.banner .show UL LI {
	POSITION: absolute; TEXT-ALIGN: center; WIDTH: 990px; DISPLAY: none; FLOAT: left; HEIGHT: 340px
}
.banner .focus {
	POSITION: absolute;
	PADDING-LEFT: 5px;
	BOTTOM: 0px;
	BACKGROUND: url("bor02.png")/*tpa=http://www.qingdaocable.cn/images/bor02.png*/ no-repeat left center;
	HEIGHT: 29px;
	RIGHT: 0px;
	PADDING-TOP: 13px;MARGIN-right: 5px
}
.banner .focus A {
	WIDTH: 14px; DISPLAY: inline-block; BACKGROUND: url("ico01.png")/*tpa=http://www.qingdaocable.cn/images/ico01.png*/ no-repeat left -24px; FLOAT: left; HEIGHT: 14px; MARGIN-LEFT: 10px;
}
.banner .focus A.on {
	BACKGROUND: url("ico01.png")/*tpa=http://www.qingdaocable.cn/images/ico01.png*/ no-repeat left -24px; 
}
.hot {
	Z-INDEX: 2; POSITION: absolute; LINE-HEIGHT: 45px; WIDTH: 100%; BOTTOM: 0px; HEIGHT: 45px
}
.hot .list {
	POSITION: relative;
	PADDING-LEFT: 10px;
	WIDTH: 950px;
	FLOAT: left;
	HEIGHT: 42px;
	text-align: center;
}
.hot .list .prev {
	POSITION: absolute; WIDTH: 18px; DISPLAY: block; BACKGROUND-POSITION: -42px -108px; HEIGHT: 15px; TOP: 13px; LEFT: 80px
}
.hot .list .box_btn {
	POSITION: absolute; WIDTH: 18px; DISPLAY: block; BACKGROUND-POSITION: -61px -108px; HEIGHT: 15px; TOP: 13px; LEFT: 99px
}
.hot .list .next {
	POSITION: absolute; WIDTH: 18px; DISPLAY: block; BACKGROUND-POSITION: -80px -108px; HEIGHT: 15px; TOP: 13px; LEFT: 118px
}
.hot .list H2.tit {
	WIDTH: 145px; FLOAT: left; FONT-SIZE: 14px
}
.hot .list A {
	COLOR: #0075DF
}
.hot .list A:hover {
	COLOR: #f08300
}
.hot .list DIV {
	POSITION: relative; WIDTH: 700px; FLOAT: left; HEIGHT: 42px; OVERFLOW: hidden
}
.hot .list DIV UL {
	POSITION: absolute; WIDTH: 700px
}
.hot .list DIV UL LI EM {
	COLOR: #909090
}
.news-show {
	Z-INDEX: 3; POSITION: absolute; PADDING-LEFT: 30px; WIDTH: 968px; BACKGROUND: url("bg14.png")/*tpa=http://www.qingdaocable.cn/images/bg14.png*/ no-repeat; HEIGHT: 202px; MARGIN-LEFT: -499px; TOP: 430px; LEFT: 50%
}
.news-show SPAN {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 291px; PADDING-RIGHT: 23px; FLOAT: left; PADDING-TOP: 19px
}
.news-show SPAN IMG {
	BORDER-BOTTOM: #d5d5d5 1px solid; BORDER-LEFT: #d5d5d5 1px solid; BORDER-TOP: #d5d5d5 1px solid; BORDER-RIGHT: #d5d5d5 1px solid
}
.news-show UL {WIDTH: 584px; FLOAT: left; PADDING-TOP: 10px}
.news-show UL LI {BORDER-BOTTOM: #44b7e3 1px solid; LINE-HEIGHT: 35px; FONT-FAMILY: 'Arial'; COLOR: #d1d2d2}
.news-show UL LI A {COLOR: #fff}
.news-show .close-btn {MARGIN-TOP: 10px; WIDTH: 32px; DISPLAY: inline-block; FLOAT: left; HEIGHT: 32px; MARGIN-LEFT: 18px}
.index-area {WIDTH: 960px;HEIGHT: auto !important;margin-right: auto;margin-left: auto;overflow: hidden;}
.index1-area {WIDTH: 960px;HEIGHT: 100px!important;border-bottom: 1px solid #CCCCCC;overflow: hidden;margin: 0px auto;padding-bottom: 40px;padding-top: 40px;}
.index2-area {WIDTH: 960px;margin-right: auto;margin-left: auto;margin-bottom: 10px;overflow: hidden;}

.m-left {WIDTH: 333px;FLOAT: left;font-family: "΢ÈíÑźÚ";margin: 0px;padding: 0px;background: url("mtu-bg.jpg")/*tpa=http://www.qingdaocable.cn/images/mtu-bg.jpg*/ no-repeat center top;height: 208px;}
.m-right {WIDTH: auto;FLOAT: left;margin-left: 0px;margin-right: 0px;}
.m2-left {
	WIDTH: 470px;
	FLOAT: left;
	padding: 0px;
	background-image: url("mid-bg2.jpg")/*tpa=http://www.qingdaocable.cn/images/mid-bg2.jpg*/;
	background-repeat: no-repeat;
	background-position: left 45px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.m2-right {
	WIDTH: 470px;
	FLOAT: left;
	margin-left: 0px;
	margin-right: 0px;
	background-image: url("mid-bg2.jpg")/*tpa=http://www.qingdaocable.cn/images/mid-bg2.jpg*/;
	background-repeat: no-repeat;
	background-position: left 45px;
}
.m-right-d {WIDTH: auto;margin-right: auto;margin-left: auto;line-height: 200%;}
.tab{width:100%;height:350px;_height:460px;overflow:hidden;min-width:1000px;text-align: center;display: block;margin: 0px auto;background: #FFFFFF url("lvbg.jpg")/*tpa=http://www.qingdaocable.cn/images/lvbg.jpg*/ repeat;}
.tab ul{margin-top:-30px;}
.tab li div{height:460px; z-index:1!important}
.tab li{z-index:1!important}
.yz_bg a,.jz_bg a,.s9_bg a{ height:460px; width:100%; display: block; overflow:hidden; text-indent:-9999px;}

.yz_bg{width:100%;height:460px;background: url("s1.jpg")/*tpa=http://www.qingdaocable.cn/images/s1.jpg*/ no-repeat center top;margin: 0px;padding: 0px;}
.jz_bg{ width:100%; height:460px; background: url("s2.jpg")/*tpa=http://www.qingdaocable.cn/images/s2.jpg*/ no-repeat center top;}
.s9_bg{ width:100%; height:460px; background: url("s3.jpg")/*tpa=http://www.qingdaocable.cn/images/s3.jpg*/ no-repeat center top;}

.t_title{height:30px;z-index:1000; width:100px; padding-left:950px; margin:0 auto; position:relative; top:300px;}
.t_title a{float:left;display:block;cursor:pointer;width:15px; height:15px;background:url("ico.png")/*tpa=http://www.qingdaocable.cn/images/ico.png*/ no-repeat; padding-top:0px; padding-left:0px;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ico.png');_background-image: none;}
.t_title a.tabActive{ position:relative;top:-10px;}
.juli20{position:relative;margin-top: 26px;margin-left: 29px;}



.spro {POSITION: relative;WIDTH: 450px;OVERFLOW: hidden;margin-right: auto;margin-left: auto;margin-top: 10px;}
.spro UL {	WIDTH: 650px;margin-right: auto;	margin-left: auto;POSITION: relative;  FLOAT: left; OVERFLOW: hidden}
.spro UL LI {TEXT-ALIGN: center;FLOAT: left;background: url("ptu-bg.gif")/*tpa=http://www.qingdaocable.cn/images/ptu-bg.gif*/ no-repeat center bottom;height: 150px;padding: 2px 3px;width: 210px;}
.spro UL LI img{height: 125px;width: 195px;}
.kf {POSITION: relative;WIDTH: 450px;OVERFLOW: hidden;margin-right: auto;	margin-left: auto;}

.kf UL {WIDTH: 635px;margin-right: auto;margin-left: auto;POSITION: relative;  FLOAT: left; OVERFLOW: hidden}
.kf UL LI {TEXT-ALIGN: center;  FLOAT: left; }

.t-right {border: 1px solid #CCCCCC;width: 250px;}

.rollBox{OVERFLOW: hidden; WIDTH: 700px;HEIGHT:130px;padding:0px;background-color:#ffffff;text-align:left;}
.button{MARGIN-TOP: 45px;DISPLAY: inline;OVERFLOW: hidden;WIDTH: 32px;CURSOR: pointer;BACKGROUND-REPEAT: no-repeat;height: 52px;}
.left1{FLOAT: left;background: url("yuan-h.gif")/*tpa=http://www.qingdaocable.cn/images/yuan-h.gif*/ no-repeat;}
.right1{FLOAT:right;background: url("yuan-h2.gif")/*tpa=http://www.qingdaocable.cn/images/yuan-h2.gif*/ no-repeat;}
.Box{FLOAT: left; OVERFLOW: hidden; WIDTH: 700px;}
.Box .pic{MARGIN-TOP: 10px;FLOAT: left;WIDTH: 230px;font-size: 24px;padding-right: 10px;}
.Box A:link{COLOR: #626466; TEXT-DECORATION: none}
.Box A:visited{COLOR: #626466; TEXT-DECORATION: none}
.Box A:hover{COLOR: #f00; TEXT-DECORATION: underline}
.item{PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; WIDTH: 630px; height:130px; PADDING-TOP: 0px;overflow:hidden;}
.Box .text {FONT-SIZE: 12px; FLOAT: right; WIDTH: 390px; COLOR: #000000; LINE-HEIGHT: 22px}
.Box .text a{FONT-SIZE:14px;}
.font14{FONT-SIZE: 14px; COLOR: #0057aa}
.font20{FONT-SIZE: 20px; COLOR: #333333}


.index1-area .aboutus{overflow: hidden;padding: 0px;}
.index1-area .pic{overflow: hidden;padding: 0px;}
.red1{overflow: hidden;color: #d60010;font-size: 30px;font-weight: bold;line-height: 50px;}
.red2{overflow: hidden;color: #ff2b09;font-size: 26px;}
.red3{overflow: hidden;padding: 10px;color: #d60010;font-size: 24px;}
.text{font-size: 14px;text-align: justify;display: block;line-height: 20px;}
.jl{font-size: 14px;width: 30px;text-align: center;}
.more{font-size: 12px;text-align: right;line-height: 45px;}


.juli{
	width: 92%;
	text-align: center;
	height: 45px; overflow:hidden
}

.pro-area {
	WIDTH: 960px;
	margin-right: auto;
	margin-left: auto;
	OVERFLOW: hidden;
	background-image: url("mid-bg.jpg")/*tpa=http://www.qingdaocable.cn/images/mid-bg.jpg*/;
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
}
#gdBox{float:left;width:880x;margin:0px;overflow:hidden;}
#gdBox ul li{float:left;list-style:none;font-size:10px;color:#333333;width:220px;margin: 0px;}
#gdBox ul li span{ display:block; text-align:center; font-size:10px; color:#9ba4b3}
#gdBox ul li a {display:block;text-align:center;font-size:10px;color:#333333;}
#gdBox ul li img {padding:2px;border:1px solid #D9D9D9;	background: #FFFFFF;width:185px; height:135px;}
#LeftButton{cursor:hand;height:100px;width:40px;float:left;	background:url("left.gif")/*tpa=http://www.qingdaocable.cn/images/left.gif*/ center center no-repeat;	margin-top: 0px;margin-right: 10px;margin-bottom: 0px;margin-left: 0px;}
#RightButton{cursor:hand;margin:0px;height:100px;width:15px;float:left;background:url("right.gif")/*tpa=http://www.qingdaocable.cn/images/right.gif*/ center center no-repeat;}
#gd{width:100%;	overflow: hidden;padding-left: 0px;height: auto;margin: 0px;padding-top: 20px;padding-bottom:10px;}
.btn-2 {background: url("btn2.gif")/*tpa=http://www.qingdaocable.cn/images/btn2.gif*/ no-repeat center center; overflow:hidden;width: 185px;margin-top: 2px;margin-bottom: 0px;}
.btn-2 li  a{
	color:#cccccc;
	line-height: 14px;
	text-align: center;
}


#gdBox1{float:left;width:400x;margin:0px;overflow:hidden;}
#gdBox1 ul li{
	float:left;
	list-style:none;
	font-size:10px;
	color:#333333;
	width:200px;
	margin: 0px;
	padding: 0px;
}
#gdBox1 ul li span{ display:block; text-align:center; font-size:10px; color:#9ba4b3}
#gdBox1 ul li a {display:block;text-align:center;font-size:10px;color:#333333;}
#gdBo1x ul li img {padding:2px;border:1px solid #D9D9D9;	background: #FFFFFF;width:185px; height:135px;}
#LeftButton1{cursor:hand;height:100px;width:15px;float:left;	background:url("left.gif")/*tpa=http://www.qingdaocable.cn/images/left.gif*/ center center no-repeat;	margin-top: 0px;margin-right: 10px;margin-bottom: 0px;margin-left: 0px;}
#RightButton1{
	cursor:hand;
	height:100px;
	width:15px;
	float:left;
	background:url("right.gif")/*tpa=http://www.qingdaocable.cn/images/right.gif*/ center center no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#gdcase{width:100%;	overflow: hidden;padding-left: 0px;height: auto;margin: 0px;padding-top: 20px;padding-bottom:10px;}



#pro-ul{
	width:90%;
	overflow: hidden;
	padding-left: 0px;
	height: auto;
	padding-top: 0px;
	padding-bottom: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#pro-ul .q_tL {
	OVERFLOW: hidden;
	height: auto;
	padding: 10px;
	line-height: 170%;
	width:100%;
}
#pro-ul .q_tL UL {OVERFLOW: hidden;}

#pro-ul .focusNewsList{margin:0px 10px; padding:0px}
#pro-ul .focusNewsList LI {
	line-height: 26px;
	height: 26px;
	overflow:hidden;
	margin:0px;
	padding:0px;
	background: url("line2.gif")/*tpa=http://www.qingdaocable.cn/images/line2.gif*/ repeat-x bottom;
	width:50%;
	float: left;
}
#pro-ul .focusNewsList LI span {
	float: right;
	color: #666666;
	font: 10px/30px Verdana, Arial, Helvetica, sans-serif;
}
#pro-ul .focusNewsList LI a{
	color: #666666;
	line-height: 26px;
	text-align: left;
	padding-left: 10px;
	background-image: url("arrow.gif")/*tpa=http://www.qingdaocable.cn/images/arrow.gif*/;
	background-repeat: no-repeat;
	background-position: left center;
}