@charset "utf-8";
/* CSS Document */
body{ font-family:"微软雅黑";}
.navbar-inverse {
  background-color: #fff;
  border-color: #fff;
}

.navbar-inverse .navbar-toggle {
 border:0;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #fff;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #646464;
}
.nav-height{ height:60px;}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 14px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #ddd;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #ddd;
}
	@keyframes mybanner
{
from { margin-left:-100px;opacity:0;}
to {margin-left:0px; opacity:1;}
}
@keyframes mybannerimg
{
from { margin-top:10px;opacity:0;}
to {margin-top:100px; opacity:1;}}
@media (max-width: 768px) {
	
	.banner{
	
	top:100px;
	}
	.banner p{
	animation: mybanner 2s ease;
-webkit-animation: mybanner 2s ease;
	
	text-align:left; font-size:18px;
	}
.banner span img{float:left;}
	.banner span{ float:left; margin-top:100px; opacity:0;
animation: mybanner 3s ease 2s  normal forwards;
/* Safari and Chrome: */
-webkit-animation: mybannerimg 2s ease 2s  normal forwards;}
	
	.banner span img{display:inline}
	.navbar-brand {
  float: left;
  height: 50px;
  
  font-size: 18px;
  line-height: 20px;
}

/*频道列表*/

.channellist{ width:99%;border:0px solid red; margin:0px auto;}

.channellist li{float:left;text-align: center; border:0px dashed blue; width:33%; }

.channellist li a{display:block; margin:5px;  padding-top:0px; padding:5px;

background-color:#FFFFFF;

border:1px solid #CCC ;

border-radius:8px;-webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; 

-webkit-box-shadow: 0px 1px 3px rgb(190, 190, 190); -moz-box-shadow: 0px 1px 3px rgb(190, 190, 190); -o-box-shadow: 0px 1px 3px rgb(190, 190, 190); box-shadow: 0px 1px 3px rgb(190, 190, 190);

}

.channellist li .ChannelName{ text-align:center;  height:18px; line-height:18px; border:0px dashed red; padding:5px; font-size:14px}

.channellist li .ChannelIcon{

    text-align: center;

	font-weight: bold;

	overflow:hidden;

	background: white center center no-repeat; 

	padding: 0px;

	color:#FFFFFF;

	margin:auto;

	border:0px solid red;

	border-radius:8px 8px 0px 0px;-webkit-border-radius:8px 8px 0px 0px; -moz-border-radius:8px 8px 0px 0px; -o-border-radius:8px 8px 0px 0px; 

}

.channellist li .ChannelIcon img{ vertical-align:middle; width:99%; }

#header, #content , #footer{ width: 98%;  margin: 0px auto; border:0px solid green;}


.aboout-us .col-xs-12{ padding:0;}
@keyframes aboutline
{
from {width:5%;}
to {width:10%;}
}
.about_more1 h4{ margin:10px 0; padding:0;}
	.about_more1 h4 a{ color:#fff;text-decoration:none}
	.about_more1 .carousel-caption{ bottom:40px;} 
	.about_more1 .carousel-caption:active .about_line{animation: aboutline 0.5s linear 0s  normal forwards;
/* Safari and Chrome: */
-webkit-animation: aboutline 0.5s linear 0s  normal forwards;}
 	
.shuake{ border-bottom:1px solid #c8c8c8}
.shuake h3{ color:#3c3c3c}
.shuake span{ margin-bottom:10px;}
	
	}
	.fuwu span{ margin-bottom:10px;}
	.fuwu{ border-bottom:1px solid #c8c8c8}
	.fuwu1{background-color:#e00315;}
	.fuwu1 .col-xs-7{ padding:0;}
.fuwu1 .col-xs-5{ color:#333333; }
.fuwu1 .col-xs-5 h5{ line-height:1.2; }
.fuwu1 .col-xs-5 p{ font-size:10px;}
.fuwu1 .fuwu_bg{height:2px; width:20%; background-color:#fff; margin-bottom:10px; margin-top:5px;}
.case{border-bottom:1px solid #c8c8c8}
.case span{ margin-bottom:10px;}
.case-product{padding-left:8px; padding-right:8px;}
.case-product .col-xs-6{ margin-top:15px; padding-left:7px; padding-right:7px;}
.case-product .col-xs-6 img{border:1px #dcdcdc solid; width:100%}
.partner{border-bottom:1px solid #c8c8c8}
.partner h3{ margin-bottom:10px;}
.baike{border-bottom:1px solid #c8c8c8}
.baike h3{ margin-bottom:10px;}
.parter-img .col-xs-4{ margin-top:20px;}
.tab-bg{ background:url(../images/tabbg.jpg) no-repeat; background-size:100% 100%;}
.news-index{ color:#fff; padding-left:20px; padding-right:20px; margin-bottom:20px; }
.news-index h5{margin:5px 0px;}
.news-index h5 a{ color:#fff; }
.news-index p{ font-size:12px;}
.news-index span{ font-size:12px;}
.nav-tabs li a{ color:#787878}
.tab-content{padding-top:30px; padding-bottom:30px; margin-top:20px;}

.link li a{ color:#787878}
.footer{ margin-top:40px;}
.footer p{ font-size:12px; line-height:2}