55128.cn_kjh.55128.cn_m.55128.cn/CP55128/CB.TVUCenter.Web/css/style.css

@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	list-style:none;
	text-decoration:none;
	font-weight:normal;
}
body{font-family:SYHT,"Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif; font-size:14px; color:#333;}
img{border:0 none;}
a{text-decoration:none; color:#333;}

.bg-gray{background-color:#FAFAFA;}
.wbox{width:100%;margin:0 auto;overflow:hidden;clear:both;}


/*nav 导航*/
#header{width:100%; overflow:hidden; clear:both; border-bottom:1px solid #f0f0f0; box-shadow:0 0 5px #ddd; -moz-box-shadow:0 0 5px #ddd; -webkit-box-shadow:0 0 5px #ddd; position:relative; z-index:2;}
#header .navbox{width:1000px; margin:0 auto;}
#header .logo{float:left;width:213px;height:42px;padding:10px 0 6px 0;}
#header .nav{float:left;}
#header .nav li{float:left;padding:0 30px;height:64px;}
#header .nav li a{line-height:64px;font-size:20px;}
#header .nav li a:hover{color:#3892d7;}
#header .nav .select{padding-left:40px;}
#header .nav .blue{color:#3892d7;}
#header .contact{float:right;padding:25px 0 15px 0;}
#header .tel,#header .qq{float:left;padding-left:40px;background:url(../images/tv-icon.png) no-repeat;height:24px;color:#999;cursor:pointer;}
#header .tel{background-position:20px -2px;}
#header .tel:hover{background-position:20px -62px; color:#333;}
#header .qq{background-position:20px -32px;}
#header .qq:hover{background-position:20px -92px; color:#333;}


/*banner*/
.bannerBox{width:100%;background:url(../images/bg-banner.png) repeat-x 0 0;clear:both;overflow:hidden; position:relative; z-index:3;}
.banner{width:1000px;height:620px;margin:0 auto;background:url(../images/banner.jpg) no-repeat 0 0;}
.banner .scrollImg{float:left;width:620px;height:380px;margin-top:84px;padding:0 44px 0 32px;position:relative;overflow:hidden;}
.banner .downbtn{float:left;margin-top:370px;width:260px;height:48px;}

/*content point*/
.content{width:100%; overflow:hidden; position:relative; z-index:1;}
.content .point{width:1000px; overflow:hidden; clear:both; height:1400px; margin:0 auto; margin-top:40px;}
.content .downapp,.content .operation,.content .show{float:left; width:1000px; height:460px;}
.content .downapp{background:url(../images/downapp.jpg) no-repeat top left;}
.content .downapp a{float:left; margin-top:295px; width:180px; height:40px;}
.content .operation{background:url(../images/operation.jpg) no-repeat top left;}
.content .operation a{float:right; margin-top:335px; margin-right:320px; width:180px; height:40px;}
.content .show{background:url(../images/show.jpg) no-repeat top left;}
.content .show a{float:left; margin-top:355px; width:180px; height:40px;}


/*content produce*/
.produce{width:1000px; margin:0 auto; background:#fff; overflow:hidden; clear:both; padding-top:60px;}
.produce .product,.produce .free,.produce .guarantee,.produce .major{display:inline-block; width:100%; float:left; height:400px; overflow:hidden;}
.produce .product{height:300px;}
.produce .photo,.produce .explain{display:inline-block; float:left; width:50%;}
.produce .title{display:inline-block; width:100%; height:56px; background:url(../images/pro_bg.jpg) no-repeat top left; margin:40px 0;}
.produce .guarantee .title{background-position:0 -53px;}
.produce .major .title{background-position:0 -108px;}
.produce .photo img{margin-left:40px;}
.produce .free img,.produce .major img{margin-left:120px;}
.produce .explain p{display:inline-block; margin:0 10px; width:95%;text-indent:2em; line-height:36px; font-size:20px;}

/*subnav*/
.subnav{width:100%; background:#fff; border-bottom:1px solid #f0f0f0; box-shadow:0 0 5px #ddd; -moz-box-shadow:0 0 5px #ddd; -webkit-box-shadow:0 0 5px #ddd; position:relative; z-index:3;}
.subnav .sub{width:1000px; margin:0 auto;}
.subnav h2{font-size:24px; height:60px; line-height:60px;}
.subnav h2 a:hover{color:#3892d7;}
.blue{color:#3892d7;}

/*content cou_down /cou_usb/ cou_setup*/

.content .cou_down .img{width:1000px; height:410px; margin:0 auto; background:url(../images/setphoto_05.jpg) no-repeat top left; margin-top:30px;}
.content .cou_usb{width:100%; background:#fafafa; overflow:hidden;}
.content .cou_usb .img{width:1000px; height:420px; margin:0 auto; background:url(../images/setphoto_06.jpg) no-repeat top left; padding-bottom:10px;}
.content .cou_setup .img{width:1000px; height:410px; margin:0 auto; background:url(../images/setphoto_07.jpg) no-repeat top left; padding:50px 0;}


/*content con_net/con_display/con_choice/con_rep*/

.content .con_net,.content .con_display,.content .con_choice,.content .con_rep{width:100%; overflow:hidden; clear:both; padding-top:60px; height:400px;}
.content .con_choice{height:440px;}
.content .con_display,.content .con_rep{background:#fafafa;}
.content .main{width:1000px; margin:0 auto;}
.content .left,.content .right{display:inline-block; float:left;}
.content .left{width:45%; margin-top:80px;}
.content .right{width:52%;}
.content .con_net .right img,.content .con_choice .right img{margin-left:30px;}
.content .con_net .left h2,.content .con_choice .left h2{margin-left:60px; color:f76c2f;}
.content .con_net .left p,.content .con_choice .left p{margin-left:116px;}
.content .con_display .left p,.content .con_rep .left p{margin-left:60px;}
.content .main .left h2{font-size:36px; color:#f76c2f;}
.content .main .left p{font-size:20px; line-height:40px;}

/*content*/
.grey{background:#fafafa;}
#container{position:relative;width:1000px;margin:30px auto 0;clear:both;}
#container .item{width:316px;border:2px solid #ededed;display:none;}
#container .flowbox{float:left;width:312px;overflow:hidden;padding-bottom:10px;border:2px solid #dfdfdf;}
#container h3{float:left;width:310px;font-size:16px;height:28px;line-height:28px;text-indent:0.5em;}
#container p{float:left;width:310px;font-size:14px;height:24px;line-height:24px;text-indent:0.6em;color:#999;}

.load_more{width:1000px;margin:10px auto 0;text-align:center;padding:20px 0;border-top:2px dashed #ddd;}
.load_more .flowMore{display:inline-block;width:300px;height:37px;background-color:#E1E2E5;color:#51545B;font-weight:700;line-height:37px;text-align:center;font-size:14px;cursor:pointer;}
.load_more .flowMore:hover{background-color:#7F879E;color:#FFF;}


/*question*/
.question{width:100%; overflow:hidden; clear:both;}
.question .faq{width:1000px; margin:20px auto 0;}
.faq h2{font-size:32px;color:#3892d7;height:48px;line-height:48px;}
.faq .faq-list{float:left;width:800px;overflow:hidden;padding-bottom:30px;}
.faq .faq-list li{margin-top:10px;}
.faq .faq-list .faq-question{font-size:18px;line-height:24px;font-weight:normal;cursor:pointer;}
.faq .faq-list .faq-answer{background:url(../images/line-dashed.png) repeat-x left 100%;display:none;padding:3px 0;}
.faq .faq-list .faq-answer p{text-indent:10px;font-size:16px;color:#0d4e80;height:auto;line-height:36px;}
.faq .faq-logo{float:left;width:200px;height:147px;background:url(../images/qua.gif) no-repeat center top;}
.faq .faq-more{float:left;width:800px;text-align:center;margin-top:20px;}
.faq .faq-more .faq-more-btn{display:inline-block;width:200px;height:30px;background-color:#E1E2E5;color:#51545B;font-weight:700;line-height:30px;text-align:center;font-size:14px;cursor:pointer;}
.faq .faq-more .faq-more-btn:hover{background-color:#7F879E;color:#FFF;}



/*news*/
.news{width:100%; padding-top:20px; background:#fafafa; overflow:hidden; clear:both; padding-bottom:50px;}
.news .new{width:1000px; margin:0 auto;}
.new h2{font-size:32px; color:#3892d7; height:48px; line-height:48px;}
.new .img_text,.new .list{display:inline-block; float:left;}
.new .img_text{width:550px;}
.new .list{width:400px; margin-left:48px;}
.new .brief{margin:0; padding:0; height:60px; overflow:hidden;}
.new .img_text h3{font-size:20px; line-height:24px; height:24px; padding-top:20px; text-overflow:ellipsis;-o-text-overflow: ellipsis  white-space:nowrap;overflow:hidden;}
.new .img_text h4{font-size:18px; line-height:24px; height:24px; text-overflow:ellipsis;-o-text-overflow: ellipsis  white-space:nowrap;overflow:hidden;}
.new .img_text p{font-size:16px; line-height:24px; color:#808080; padding:5px 0 10px 0; overflow:hidden;}
.new .img_text li a{display:inline-block; height:auto; background:url(../images/line_03.png) bottom left repeat-x; margin:10px 0;}
.new .img_text .figure,.new .img_text .works{display:inline-block; float:left;}
.new .img_text .figure{padding-left:10px; width:120px;}
.new .img_text .works{padding-left:10px; width:395px; overflow:hidden;}
.new .list li{float:left; width:390px; height:40px; line-height:40px; overflow:hidden; background:url(../images/line_03.png) repeat-x bottom left; padding:8px 5px 0 5px; position:relative;}
.new .list li a:hover{color:#0d4e80;}
.new .list li a{width:340px; font-size:16px; padding-left:5px; line-height:40px; *position:relative; *top:8px;}
.new .list li a span{display:inline-block; width:6px; height:6px; overflow:hidden; background-color:#808080; margin-right:10px; position:relative; top:-2px; *top:-5px;}
.new .list li .time{color:#999; position:absolute; right:0;}

/*newsinfo*/
.newsinfo{width:100%; background-color:#fafafa; overflow:hidden; clear:both; padding-bottom:40px; z-index:1;}
.newsinfo .info{width:1000px; height:auto; margin:0 auto; margin-top:40px;}
.info .article,.info .recommend{display:inline-block; float:left;}
.info .article{width:640px; height:auto; background:#fff; box-shadow:0 0 5px #ddd; -moz-box-shadow:0 0 5px #ddd; -webkit-box-shadow:0 0 5px #ddd; border:1px solid #f0f0f0;}
.info .recommend{width:340px; margin-left:16px;}
.info .title{margin:0 20px; position:relative; background:url(../images/line_03.png) repeat-x bottom left; padding-bottom:10px;}
.info .title span{background:url(../images/news_bg.jpg) no-repeat top left; display:inline-block; width:66px; height:24px; line-height:24px; position:absolute; left:-20px; top:16px; font-size:16px; color:#fff; text-indent:0.8em;}
.info .title h1{font-size:20px; height:56px; line-height:56px; text-align:center; text-overflow:ellipsis;-o-text-overflow: ellipsis  white-space:nowrap;overflow:hidden;}
.info .title .edit{font-size:14px; text-align:center; color:#999; height:16px; line-height:16px;}
.info .details{margin:0 20px; overflow:hidden; padding-bottom:40px;}
.info .details p{text-indent:2em; font-size:16px; line-height:24px; margin-top:20px; font-family:宋体; color:#666;}
.info .details img{margin:20px 0 0 20px; width:560px; height:auto; overflow:hidden;}
.recommend .hot,.recommend .show_img{background:#fff; height:auto; overflow:hidden; box-shadow:0 0 5px #ddd; -moz-box-shadow:0 0 5px #ddd; -webkit-box-shadow:0 0 5px #ddd; border:1px solid #f0f0f0;}
.recommend .show_img{margin-top:16px;}
.recommend .hot h2{font-size:20px; height:40px; line-height:40px; text-indent:1em; position:relative; border-bottom:1px solid #ddd;}
.recommend .hot h2 span{display:inline-block; width:10px; height:40px; background:#3892d7; position:absolute; top:0; left:0;}
.recommend .hot li{margin:10px; height:92px; background:url(../images/line-dashed.png) repeat-x bottom left;}
.hot img,.hot h4{display:inline-block; float:left;}
.hot img{width:100px; height:80px;}
.hot h4{width:200px; margin-left:10px; font-size:16px; line-height:28px;}
.show_img img{ width: 320px;height:230px;}
.recommend .show_img{position:relative;}
.recommend .show_img img{padding:10px 10px 0 10px;}
.recommend .show_img p{font-size:16px; color:#4d4d4d; height:30px; width:310px; padding-left:10px; line-height:24px;}



/*footer*/
.footers{width:100%; background:#6ba3ce; overflow:hidden;}
.footer{width:1000px; margin:0 auto; text-align:center;}
.footer .link{display:inline-block; font-size:14px; color:#fafafa; height:32px; line-height:32px; margin-top:20px;}
.footer .link a{color:#fafafa;}
.footer .copyright{font-size:14px; color:#fafafa; height:32px; line-height:32px; padding-bottom:20px;}