body, h1, p, a, ul, li, div, img, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

body {
    font-family: "微软雅黑";
}
li {
    list-style: none;
}
a{
    text-decoration: none;
    color: #666;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	padding-right: 0.15rem;
    padding-left: 0.15rem;
}
.row {
    margin-right: -0.15rem;
    margin-left: -0.15rem;
}
a:hover, a:focus {
	text-decoration: none;
}
.mt10 {
	margin-top: 0.1rem;
}
.mt20 {
	margin-top: 0.2rem;
}
.navbar-default .navbar-nav>li>a {
	font-size: 0.12rem;
}
.container-fluid {
	max-width: 1200px;
	margin: 0 auto;
}
.navbar {
	margin-bottom: 0;
	font-size: 0.12rem;
}
.banner-box img {
	width: 100%;
}

.nav_tab {
	padding: 0.3rem 0 0.5rem;
	overflow: hidden;
}
.nav_tab li {
	margin-top: 0.2rem;
}
.nav_tab li a {
	display: inline-block;
	width: 100%;
	height: 0.48rem;
	overflow: hidden;
	font-size: 0.16rem;
	line-height: 0.48rem;
	color: #417bc8;
	border: 1px solid #417bc8;
	text-align: center;
	vertical-align: middle;
}
.nav_tab li.active a, .nav_tab li:hover a {
	background: #417bc8;
	color: #fff;
}
.nav_tab li i.icon-tab {
	display: inline-block;
	width: 0.23rem;
	height: 0.23rem;
	background: url("../images/icon-tabs.png") no-repeat center center;
	background-size: 0.46rem auto;
	vertical-align: middle;
	margin-right: 0.05rem;
	margin-top: -0.04rem;
}
.nav_tab li i.icon-tab.tab1 {
	background-position: 0 0;
}
.nav_tab li i.icon-tab.tab2 {
	background-position: 0 -0.23rem;
}
.nav_tab li i.icon-tab.tab3 {
	background-position: 0 -0.46rem;
}
.nav_tab li i.icon-tab.tab4 {
	background-position: 0 -0.69rem;
}
.nav_tab li i.icon-tab.tab5 {
	background-position: 0 -0.92rem;
}
.nav_tab li i.icon-tab.tab6 {
	background-position: 0 -1.15rem;
}
.nav_tab li i.icon-tab.tab7 {
	background-position: 0 -1.38rem;
}
.nav_tab li i.icon-tab.tab8 {
	background-position: 0 -1.61rem;
}
.nav_tab li i.icon-tab.tab9 {
	background-position: 0 -1.84rem;
}
.nav_tab li.active i.icon-tab.tab1, .nav_tab li:hover i.icon-tab.tab1 {
	background-position: -0.23rem 0;
}
.nav_tab li.active i.icon-tab.tab2, .nav_tab li:hover i.icon-tab.tab2 {
	background-position: -0.23rem -0.23rem;
}
.nav_tab li.active i.icon-tab.tab3, .nav_tab li:hover i.icon-tab.tab3 {
	background-position: -0.23rem -0.46rem;
}
.nav_tab li.active i.icon-tab.tab4, .nav_tab li:hover i.icon-tab.tab4 {
	background-position: -0.23rem -0.69rem;
}
.nav_tab li.active i.icon-tab.tab5, .nav_tab li:hover i.icon-tab.tab5 {
	background-position: -0.23rem -0.92rem;
}
.nav_tab li.active i.icon-tab.tab6, .nav_tab li:hover i.icon-tab.tab6 {
	background-position: -0.23rem -1.15rem;
}
.nav_tab li.active i.icon-tab.tab7, .nav_tab li:hover i.icon-tab.tab7 {
	background-position: -0.23rem -1.38rem;
}
.nav_tab li.active i.icon-tab.tab8, .nav_tab li:hover i.icon-tab.tab8 {
	background-position: -0.23rem -1.61rem;
}
.nav_tab li.active i.icon-tab.tab9, .nav_tab li:hover i.icon-tab.tab9 {
	background-position: -0.23rem -1.84rem;
}
.case-lists .case-list {
	display: none;
}
.case-item {
	margin-bottom: 0.4rem;
}
.case-item-box {
	position: relative;
	border: 1px solid #666;
}
.case-item-box:hover {
	border: 1px solid #5e83b5;
	box-shadow: 0px 0px 0.16rem #aaa;
}
.case-item-box h5 {
	font-size: 0.18rem;
	color: #333;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	line-height: 0.5rem;
	text-align: center;
	border-top: 2px solid #fff;
}
.case-item-box:hover h5 {
	border-top: 2px solid #5e83b5;
}
.case-item h5 img {
	width: 100%;
}
.case-item .item-module {
	padding: 0 0.1rem;
}
.case-item .item-module .module-tit {
	border-left: 2px solid #417bc8;
	color: #417bc8;
	font-size: 0.16rem;
	font-weight: bold;
	line-height: 0.2rem;
	padding: 0 0.1rem;
    margin: 0.07rem 0;
}
.case-item .item-module .module-content {
	font-size: 0.14rem;
	color:  #333;
    line-height: 0.18rem;
    height: 0.74rem;
    letter-spacing: 0.01rem;
}
.item-bottom {
	width: 100%;
	border-top: 1px solid #eee;
	padding: 0.1rem 0;
	overflow: hidden;
}
.item-bottom .item-btn {
	width: 25%;
	float: left;
	padding: 0.02rem 0 0.01rem;
	font-size: 0.12rem;
	cursor: pointer;
}
.item-bottom .item-btn a {
	color: #333;
}
.item-bottom .item-btn:hover {
	background-color: #507ab4;
}
.item-btn p {
	text-align: center;
	overflow: hidden;
}
.case-item-box .item-btn i.icon-btn {
	display: inline-block;
	width: 0.26rem;
	height: 0.26rem;
	background: url("../images/icon-btns.png") no-repeat center center;
	background-size: 0.52rem auto;
}
.case-item-box .item-btn i.icon-btn.play {
	background-position: 0 0;
}
.case-item-box .item-btn i.icon-btn.detail {
	background-position: 0 -0.26rem;
}
.case-item-box .item-btn i.icon-btn.download {
	background-position: 0 -0.52rem;
}
.case-item-box:hover .item-bottom {
	background: #5e83b5;
}
.case-item-box:hover .item-bottom .item-btn a{
	color: #fff;
}
.case-item-box:hover .item-btn i.icon-btn.play {
	background-position: -0.26rem 0;
}
.case-item-box:hover .item-btn i.icon-btn.detail {
	background-position: -0.26rem -0.26rem;
}
.case-item-box:hover .item-btn i.icon-btn.download {
	background-position: -0.26rem -0.52rem;
}



.copyright {
    background: #305d9a;
    padding: 0.05rem 0;
}
.copyright p {
	color: #fff;
	font-size: 0.12rem;
    line-height: 0.16rem;
    text-align: center;
}
.copyright p a {
    color: #fff;
    margin: 0 0.02rem;
}
.copyright p a:hover {
	text-decoration: underline;
}

.copyright a:link, .copyright a:visited, .copyright a:active, .copyright a:hover {
    color: #fff;
}
* {
    transition: all .5s;
}
.nav-h>li:hover {
    background: #305d9a;
    color: #fff;
}
.navbar .container .collapse ul li:hover>a {
    color: #fff;
}