*{ font-size:16px;padding:0px; margin:0px }
body{color:#000;background-color: #FFF;	padding:0px; margin:0px auto;overflow:scroll;overflow-x:hidden;overflow-y:auto;
font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;font-size:16px; max-width:640px; }
div{ margin:0; padding:0; border:0; color:#333333; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px 0px 1em 0;}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0;}
li{ list-style: none outside none;}


a{ text-decoration:none; color:#000; background: transparent;  outline:none}
a:visited {color:#999; }
a:focus { outline:none; }
a:hover, a:active{ }


h1 { font-size: 1.3em;margin:  6px 0;text-align: center;}
h2 {font-size: 1.2em; margin: 0;}
h3 { font-size: 1.17em;margin: 0;}
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}


form {margin: 0;}
button,input,select,textarea {
    font-size: 100%;  
    margin: 0;  
    vertical-align: baseline; 
    *vertical-align: middle; 
}
button,select {text-transform: none;}
input{  -webkit-border-radius:5px; -moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;
	background-color: #FFFFFF;	border: 1px solid #E8E8E8;	margin: 3px 0px;
	padding: 5px 3px;	width:99%;	line-height: normal; }
textarea{	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;border-radius:5px; 
-moz-box-sizing: border-box;  background-color: #FFFFFF;	border: 1px solid #E8E8E8; margin: 3px 0px;padding: 5px 3px;	width:99%; }


blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; }
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl{margin: 1em 0;}
dd {margin: 0 0 0 40px;}
audio:not([controls]) {display: none; height: 0;}





.blue {color: #00F !important;}
.green {color: #0F0 !important;}
.red {color: #F00 !important;}
.black {color: #000000 !important;}
.white {color: #FFFFFF !important;}
.gray { color:gray; !important; }
.purple { color:purple;  !important;}


.clear { display:block; clear:both;}
.float_left { float:left; }
.float_right { float:right; }


.left { text-align: left}
.right {text-align: right}
.center{ text-align: center}


.hide { display:none; }  
.more{ float: right; padding-right:10px; display:none; } 
.more a{ color:#167312}
.code_image{ cursor: pointer; padding-bottom:6px;} 


.required{ color:red; font-weight:bold;}
.form_text_verifycode { width:80px; }
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}


.btn{	width:100%; padding:9px 0px;font-size:16px;text-decoration:none; margin:5px 0px; cursor:pointer;
	-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;
    background: #ff9900;border:0px solid #0B8E00; color:#ffffff; display:block; text-align:center; }
.btn:active{}

.btn_download{color:#ffffff; display:block; text-align:center; cursor:pointer;	
	width:80px; text-decoration:none; margin:0px; 
	background:#179F00;
	-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;
	text-indent:0; }
.btn_download:active{	padding:0px;top:0px;
	background-image:-o-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-moz-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-webkit-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-ms-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #5DD300),color-stop(1, #179F00));
	background-image:linear-gradient(bottom, #5DD300 0%, #179F00 100%);
	-webkit-box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5); }
.btnSmsCode{ width:90%; float:right; padding:6px 0; font-size:14px;}


.arrow{ background:url(../image/arrow1.png) center center no-repeat; 	background-size:14px;width:30px; height:30px; display:block; float:right;vertical-align:middle;}


.ChannelName{}
.ChannelContent{ clear:both; padding:3px; line-height:1.8em}
.ChannelSContent{overflow:hidden;color: rgb(102, 102, 102);text-align: center;}


.InfoTitle, .ChannelName{ font-size:18px; line-height: 1.5em; vertical-align:middle; font-weight:bold;}
.InfoTime{color:#999; font-size:12px; padding:2px 0px; height:25px;text-align: center;}
.InfoContent{ font-size:17px; line-height:1.8em}
.InfoContent p{ font-size:17px}
.InfoPicture{ text-align: center;}
.InfoPicture img{width:100%;}
.f1{}
.f2{}
.f3{}
.f4{}
.f5{}
.ShowInfo{ height: 30px; line-height: 1.5em; font-size:18px; border-top: 1px solid #bdbec1; vertical-align:middle; padding-top:5px; color:#000000;}
#ReadLevelTip{ font-weight:bold; color:red;}
.Tag{ text-align: left; font-weight:bold; }
.Tag b{}
.Tag a{ padding:0 3px; font-weight:normal; text-decoration:none;}
.InfoContent img, .ChannelContent img{max-width:100%; }




.left_title { margin: 10px 0;}
.left_title h2 { text-align: center; background: url(../image/title_border.png) no-repeat center bottom;
    font-size: 24px;font-weight: bold; color: #666666; }
.left_title h2 a{color:#565656;display: block;font-size: 24px;padding: 16px 0; }
.left_body{ padding:3px 5px;}
.left_bottom { clear:both; height:5px; }

.left_title1{ border:0px solid red; clear:both;padding: 5px 0; }
.left_title1 h2 {  height:36px; text-align: center; padding: 10px 0;}
.left_title1 h2 a {  font-size:24px; font-family: "微软雅黑"; color:rgb(102, 102, 102);  }
.left_body1{ padding:3px 5px;}
.left_bottom1{ clear:both; height:5px; }
#floor_2_2{text-align: center;overflow: hidden}
#floor_2_2 img{display: inline-block;width: 100%;max-width: 100%;}

.left_title3{ border:0px solid red; clear:both; }
.left_title3 h2 { height:36px; text-align: center; padding: 20px 0; }
.left_title3 h2 a { font-size:24px; font-family: "微软雅黑"; color:rgb(102, 102, 102); }
.left_body3{ overflow: hidden;}
.left_bottom3 { clear:both; height:5px; }

.floor_5_wrap{overflow: hidden;}
.left_title5 h5{ overflow:hidden;font-size: 18px;padding:6px 0;text-align: center;font-weight: inherit;color: #626262; }
.left_body5{ }
.left_bottom5 { clear:both; height:5px; }
.floor_5_3{}

.left_title7{ border:0px solid red; clear:both; }
.left_title7 h2 {  height:36px; text-align: center; padding: 20px 0; }
.left_title7 h2 a { font-size:24px; font-family: "微软雅黑"; color:rgb(102, 102, 102); }
.left_body7{text-align: center; color:#666; font-family: "微软雅黑";}
.left_bottom7{padding: 10px 0;}
.left_bottom7 a{float: none;display: block; width: 200px; height: 50px; font-family: Microsoft YaHei; line-height: 50px;
    border: 1px solid #ccc; text-align: center; border-radius: 4px; margin: 0 auto;color: #666;font-size: 18px;}
.AlbumTitle1 span{font-size: 24px;line-height: 34px;color:rgb(102, 102, 102); }
.AlbumDescription1 {padding:10px 4px;}





.body_index, .body_single, .body_article, .body_picture, .body_download, .body_video, .body_product,  .body_job, .body_guestbook, .body_feedback{ }
.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:99%; margin:0px auto;overflow: hidden; }
#top, #logo, #navigation, #banner, #location, #announcement, #link, #copyright { width: 100%;  margin: 0px auto;}



#floor_3_main{ background: #EDF0F5; padding: 20px 0;}
#floor_4_main{ padding: 20px 0;}
#floor_5_main{ background: #FBFBFB; padding: 20px 0;}
#floor_6_main{ padding: 20px 0;}
#floor_7_main{ padding: 20px 0;}



.job{ }
table.job_table { border:0px solid #16b7b7; margin:8px 0px; padding:0px; text-align:center; width:100%; border-collapse:collapse;}
table.job_table td{ padding:5px 2px;}
table.job_table th{color:#000;}
.JobName{ font-size:20px; border-bottom: 1px dotted #999; padding:3px 8px; font-weight:bold;}



.guestbook{ }
.guestbook .ChannelName h1{ border-bottom:1px dotted #CCCCCC; padding:5px 0px;}
table.guestbook_table{ width:100%;}
table.guestbook_table .t1{ width:25%; text-align:left }
table.guestbook_table .t2{ width:75%; text-align:left;}



.feedback{ }
.feedback .ChannelName h1{ border-bottom:1px dotted #CCCCCC;  }
table.feedback_table{ width:100%;}
table.feedback_table .t1{ width:25%; text-align:left }
table.feedback_table .t2{ width:75%; text-align:left;}



.order{width:98%;margin:0px auto}
.order .WantOrder h1{ border-bottom:1px dotted #999999; padding: 5px 0px;}
.order .f1{ float:right; color:red;}
.order table.order_table{ width:100%;  }
.order table.order_table .t1{ width:28%; text-align:left}
.order table.order_table	 .t2{ height:72%; text-align:left}



.sitemaplist li{border-bottom:1px dashed #d0d1d4;padding: 0.5em 8px; background-color:#FFF}
.sitemaplist li .ChannelName{ font-weight:bold;}
.sitemaplist li .ChannelDepth1{ font-weight:bold;}
.sitemaplist li .ChannelDepth2{text-indent: 2em; }
.sitemaplist li .ChannelDepth3{text-indent: 4em; }
.sitemaplist li .ChannelDepth4{text-indent: 6em; }
.sitemaplist li .ChannelDepth5{text-indent: 8em; }






#logo{ }
#logo .WebLogo{ text-align:center; background:#000;}
#logo .WebLogo img{ max-width:100%; display:block; margin:0 auto;}




#navigation { padding:0px; border: 0px solid red;  clear:both; overflow:hidden}
#navigation table{background:#000; width:100%; margin:0px auto; border-spacing:1px; border-collapse:separate}
#navigation td{background:#000; }
#navigation a{line-height:35px;font-size:16px;color:#fff;overflow:hidden;display:block;text-align:center;}
#navigation a.current{ background:#ff9900;}


#banner { margin-bottom:6px; overflow:hidden; position: relative;}
#banner img{ width:100%;}
#banner .swiper-pagination-bullet{ width: 8px; height: 8px; background:#fff; }
#banner .swiper-pagination-bullet-active{ background:#ff9900; }


 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} 
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}


.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}



.no-js .slides > li:first-child {display: block;}


.flexslider { margin: 0px; background: #fff; border: 0px solid #fff; position: relative;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }


.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }


.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }



.flex-control-nav{ width: 100%;position:absolute; bottom:10px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}



#location{ padding:3px 0px;margin: 0; border-bottom: 0px solid #167312;color:#000;  height:1.5em; line-height:1.5em; clear:both; text-indent:3px;}
#location a{color:#000}


.search{width:98%;margin:0px auto}
.searchresult{ font-weight:bold; font-size:18px;}


#Map{ overflow:hidden; width:100%;}
#Map .MapInfo{ border: 1px dashed #ccc; padding:5px;}
#Map .MapInfo #MapContainer{ width:100%; height:260px; }
#Map .ContactInfo{ width:100%; line-height:2em;}
#Map .ContactInfo .Company{ font-size:22px; margin:5px 0;}
#Map .ContactInfo img{ width: 18px; vertical-align:middle; margin-right:8px;}


.comment{}
.CommentList h1{ border-bottom:1px #999999 dotted; padding:5px 0px;} 
.LeaveComment h1{ border-bottom:1px #999999 dotted; padding:5px 0px; } 
.CommentTime {}
.CommentContent { color:#999999 }
table.comment_table{ width:100%;  }
table.comment_table	.t1{ width:28%; text-align:left}
table.comment_table	.t2{ height:72%; text-align:left}


.page {padding:1px; height:auto; clear:both; line-height:0.5em; text-align:center; margin-top:5px;}
.page a, .page span {border:1px solid #D3D1D1; padding:2px 3px; margin: 3px 0px 3px 4px; line-height:22px; background-color:#FFFFFF}
.page a:link, .page_turner a:visited { text-decoration:none; }
.page a:hover { background:#CC0001; color:#ff9900; }
.page .current{ background:#CC0001; color:#FFF;}
.page #total{color:red}
.page .pageinfo{ display: none}
.page .pagefirst{ display: none}
.page .pageend{ display: none}


table.login_table{ width:90%; text-align:center; margin:5px auto;}
table.login_table th{ width:100px; text-align:left; font-weight:bold;}
table.login_table td{ text-align:left; width:200px;}
table.login_table .operation{text-align:center; line-height:2.2em;}
table.login_table .oauth{ text-align:center; }
table.login_table .oauth img{ margin:0 3px;}


table.reg_table{ width:90%; text-align:center; margin:5px auto;}
table.reg_table th{ width:100px; text-align:left; font-weight:bold;}
table.reg_table td{  text-align:left; width:200px;}
table.reg_table .operation{text-align:center; line-height:2.2em;}
table.reg_table #SmsCode{ width: 60px; }


table.forget_table1{ width:90%; text-align:center; margin:5px auto;}
table.forget_table1 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table1 td{ text-align:left;  width:200px;}
table.forget_table1 .operation{text-align:center; line-height:2.2em;}

table.forget_table2{ width:90%; text-align:center; margin:5px auto;}
table.forget_table2 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table2 td{text-align:left; width:200px;}
table.forget_table2 .operation{text-align:center}
table.forget_table2 #SmsCode{ width:60px;}
table.forget_table2 .PasswordQuestion, table.forget_table2 .MemberMobile, table.forget_table2 .FindPwdWay{ padding:3px 0;}


.tool{width:95%; margin:0px auto;  text-align:center;}
.tool a{color:#000; font-size:16px}
.tool table{ width:100%; margin:5px 0px }
.tool td{ padding: 3px 5px; width:50%; text-align:center}


#guide{ position: fixed;	top:0;	left:0;	width:100%;	height:100%;background:rgba(0, 0, 0, 0.7);	display:none;z-index:20000;}
#guide img {position: fixed;right: 18px;top:5px;width: 260px;height: 180px; z-index:20001;}


#copyright{ padding:3px 0px; text-align:center; font-size:14px; color:#666; border:0px solid red; margin-bottom:50px}
#copyright a{color:#666; font-size:14px;}
#copyright .TechnicalSupport{ text-align:center; padding-bottom:5px;font-size:14px;}
#copyright .TechnicalSupport a { font-size:14px;}
#copyright .bottom_copyright{ padding:3px 0px; font-size:14px;}
#copyright .bottom_navigation{ text-align:center; height:35px; line-height:35px; background:#71C6A0; font-size:14px; display:none}
#copyright .bottom_navigation a{ font-weight:normal; color:#000}
#copyright .Mobile{text-align:center; height:35px; line-height:35px; opacity: 0.6;border: 1px solid #ff9900;}
#copyright .Mobile a{ font-weight:normal; color:#ff9900; font-weight:bold;}
#copyright .Language{padding:10px 0px 0px 0px;  color:#666; text-align:center;}


#tool { position: fixed; bottom: 0; left: 0; right: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
ul.toollist { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0;margin: auto; display: block; height: 48px;}
.toollist li{ float:left;width: auto;  height: 100%;width:25%;position: static!important;  margin: 0;
border-radius: 0!important; -webkit-box-sizing: border-box;box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1;
-webkit-box-sizing: border-box; box-shadow: none!important; background: none;}
.toollist li a {font-size: 20px;line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top: 2px;position:relative;}
.toollist li a img{width:24px;height:24px;}
.toollist li a p{margin: 1px 0 1px 0;font-size: 14px;display: block !important;line-height: 18px;text-align: center;}

.toollist {	background:#ff9922;}
.toollist li{ border-right: 1px solid rgba(255, 255, 255, 0.7);}
.toollist li a {color: #fff;}





.textlist li, .gridlist li, .wxlist li, .thumblist li{ font-size:16px; line-height:1.5em; vertical-align:middle; background-color:#FFF; overflow:hidden;}
.textlist li:hover, .thumblist li:hover, .gridlist li:hover{cursor:pointer;}


.textlist li{background:url("../image/bg_img.png") left center no-repeat; text-indent:14px;padding: 5px 0px;
text-overflow:ellipsis; white-space:nowrap;border-bottom:1px dotted #999999; }
.textlist li.first{ background:none; padding-left:3px;}
.textlist li .InfoTime{ display: none;}
.textlist li .InfoContent{ font-size:14px;white-space:normal}
.textlist li img{ float:left; width:85px; margin-right:5px; border:1px solid #ff9900; }

.textlist1 li { line-height:30px; height:30px; overflow:hidden;width:100%;background: url("../image/bg_img.png") no-repeat 0;text-indent:16px;}
.textlist1 li a{ font-size: 14px; color: #565656; }
.textlist1 li a:hover{ color:#ff9900;}
.textlist1 li .float_right{ font-size: 11px; color: #acacac; font-weight: normal;}



.thumblist{}
.thumblist li {line-height:1.8em;overflow:hidden;width:100%; margin-bottom:5px;}
.thumblist li img{ float:left; width:150px; margin-right:8px; border:1px solid #999999; }
.thumblist li a:hover img { border:1px solid #ff9900; }
.thumblist li .InfoTitle{color:#000000;}
.thumblist li p{height:3em; overflow:hidden; color:#999; line-height:1.5em; margin:0px;}


.gridlist li{width:48%;overflow:hidden;float:left; line-height:0em;border:1px solid rgb(238, 238, 238);margin: 0 2% 3% 0;}
.gridlist li.n1{margin:0;float: right;}
.gridlist li .InfoTitle{ height: 30px; line-height:30px; overflow: hidden; font-size:14px; padding:0px 5px; text-align:center;}
.gridlist li .InfoPicture img{display: block;width: 100%; }


.gridlist1{overflow: hidden;margin-top:5px;}
.gridlist1 li { position:relative; float:left; text-align:center; overflow:hidden; display:inline; text-overflow:ellipsis; white-space:nowrap; width:45%;
    margin: 0 1% 3% 3%; box-sizing:border-box;background: #fff; }
.gridlist1 .key1_3,.gridlist1 .key1_4{margin-bottom: 0}
.gridlist1 .key1_2,.gridlist1 .key1_4{ margin-right:0; }
.gridlist1 li img { width:100%; vertical-align:middle; }
.gridlist1 li .InfoTitle{ display:block; line-height:22px; color:#666; font-size:14px;  padding:5px; font-weight:normal; overflow:hidden; white-space:nowrap;
    text-overflow:ellipsis; }

.subchannel1{ overflow:hidden; text-align:center; padding-top:15px; transform: translate3d(0px, 0px, 0px)!important;}
.subchannellist1{ padding-bottom:10px; }
.subchannellist1 li{ height:30px; line-height:28px; text-align:center; overflow:hidden; display:inline; border-radius:3px;  margin:0 5px;background: #fff;
    transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; border: 1px solid #fff;}
.subchannellist1 li a{  line-height:29px; font-size:14px; color:#333; overflow:hidden;
    text-overflow:ellipsis; white-space:nowrap; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; }
.subchannellist1 li span{ float:left; }
.subchannellist1 .swiper-slide-active{ border: 1px solid #ff9900; }
.subchannellist1 .swiper-slide-active a{ color:#ff9900; }
.swiper-slide img{ width:100%; }

.wxlist li{overflow:hidden;
	-moz-border-radius: 5px 5px 10px 10px; -webkit-border-radius: 5px 5px 10px 10px;-o-border-radius:5px 5px 10px 10px; border-radius: 5px 5px 10px 10px; 
	border:0px solid #d0d1d4;margin: 10px auto;	padding: 8px 8px;
	
}
.wxlist li .InfoTime{}
.wxlist li .GoTop{ text-align:center; font-weight:bold; height:30px; line-height:30px; color:#000}
.wxlist li .InfoPicture, .wxlist li .ChannelPicture{ border: 0px solid red}
.wxlist li .InfoPicture img, .wxlist li .ChannelPicture img{ width:100%;}
.wxlist li .InfoSContent, .wxlist li .ChannelSContent{ line-height: 1.5em; border:0px solid #900; padding:5px 2px; color:#222222; font-size:14px;}
.wxlist li .ShowInfo{ }

.wxlist .InfoTimeSide {margin:10px 8px 0px 0px;width:auto;font-size:12px;float:left;
background-color:#179F00;padding:5px;position:relative;
-webkit-border-radius:12px;-moz-border-radius:12px;-o-border-radius:12px;border-radius:12px;
-webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,0.14);-moz-box-shadow:0 2px 1px 0 rgba(0,0,0,0.14);-o-box-shadow:0 2px 1px 0 rgba(0,0,0,0.14);box-shadow:0 2px 1px 0 rgba(0,0,0,0.14);
font-family:Georgia,"Times New Roman",Times,serif; }
.wxlist  .InfoTimeSide p{color:#FFF}
.wxlist  .InfoTimeSide p b {font-size:20px; }
.wxlist  .InfoTimeSide p i {font-size:11px; }
.wxlist  .InfoTimeSide span {position:absolute;top:10px;right:-4px;
-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
width:12px;height:12px;transform:rotate(45deg) ;background-color:#179F00;
-webkit-transform:rotate(45deg) ;-moz-transform:rotate(45deg) ;-o-transform:rotate(45deg) ;-ms-transform:rotate(45deg) ; }


.subchannellist{ width:99%;border:0px solid red; margin:0px auto;overflow: hidden;}
.subchannellist li{float:left;text-align: center; border:0px dashed blue; width:25%; }
.subchannellist li a{display:block; margin:8px 3px;  padding:5px 0px;background-color:#FFFFFF;border:1px solid #CCC ;}
.subchannellist #current a { color:#FFF; background:#FF9900;border: 1px solid #FF9900;}