@charset "UTF-8";
/* CSS Document */
body{font-family: "Helvetica Neue",Helvetica,Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif; color: #5a5a5a;
    background: url("../images/mooning.png") repeat scroll 0 0 #E5E5E5;
    overflow-x: hidden;
}

a:link:not(.btn), a:hover:not(.btn), a:active:not(.btn) {
    text-decoration: none;
}

.knowledge{ margin:40px 0px;}
.aside{ border: 1px solid #ddd;}
.aside h2{padding:0 20px;height:60px;border-bottom:1px solid #ddd;font-size:18px;line-height:60px;font-weight: bold;margin:0;}

.seal{background:url(../images/yonghufuwu.png) no-repeat center center;
background-position:87% 0%;
/*background-size:180px 180px;
width: 100%;*/
height: 220px;
}

/*左侧动画*/
@keyframes slide-left {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}


/*左侧列表*/

.left_table{
	padding: 0;
	list-style-type: none;
	overflow:hidden;
	text-align: center;

}

.left_table li{
		-webkit-animation-name: slide-left;
	-o-animation-name: slide-left;
	animation-name: slide-left;
	-webkit-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	/*
    background: #ffffff url("../images/white_wall_hash.png") repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 1px 8px 1.5px rgba(0, 0, 0, 0.35), 0 20px 20px 8px rgba(0, 0, 0, 0.25);
    color: #333333;
	overflow:hidden;
    margin:0px 30px 50px 30px;
    padding: 0;
    */
	display:block;
}

.left_table li:hover{
    
    /*
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 1px 8px 1.5px rgba(0, 0, 0, 0.35), 0 20px 20px 8px rgba(0, 0, 0, 0.25);
    color: #333333;
	overflow:hidden;
    margin:0px 30px 50px 30px;
    padding: 0;
    */
}

.left_table li a {
	line-height: 45px;
    color: #333;
    display: block;
	font-size:15px;
    font-weight: normal;
    padding: 0 20px;
    text-decoration: none;
	margin:10px 0;
}


.left_table li a h2,.left_table li a p{ cursor:pointer; color:rgb(51,51,51); padding:0px 10px;}
.left_table li a h2{margin-bottom: 20px;}


.left_table li.navnow,.left_table li a:hover {
    background: #efefef none repeat scroll 0 0;
}

.left_table li dt,.shadow-box dt{
	height:45px;line-height:45px;margin-bottom:0;
}

.left_table li dt a,.shadow-box dt a{
	display:block;padding:0 20px;color:#333;font-weight:normal;text-decoration:none;
}

.left_table li dt a:hover{
	background:#efefef;
}

.left_table li dt.on{
	background:#efefef; border-left:4px solid #e9280c;
}


.left_table li:nth-child(1) {
	-webkit-animation-delay: .02s;
	-o-animation-delay: .02s;
	animation-delay: .02s
}

.left_table li:nth-child(2) {
	-webkit-animation-delay: .04s;
	-o-animation-delay: .04s;
	animation-delay: .04s
}

.left_table li:nth-child(3) {
	-webkit-animation-delay: .06s;
	-o-animation-delay: .06s;
	animation-delay: .06s
}

.left_table li:nth-child(4) {
	-webkit-animation-delay: .08s;
	-o-animation-delay: .08s;
	animation-delay: .08s
}

.left_table li:nth-child(5) {
	-webkit-animation-delay: .1s;
	-o-animation-delay: .1s;
	animation-delay: .1s
}

.left_table li:nth-child(6) {
	-webkit-animation-delay: .12s;
	-o-animation-delay: .12s;
	animation-delay: .12s
}

.left_table li:nth-child(7) {
	-webkit-animation-delay: .14s;
	-o-animation-delay: .14s;
	animation-delay: .14s
}

.left_table li:nth-child(8) {
	-webkit-animation-delay: .16s;
	-o-animation-delay: .16s;
	animation-delay: .16s
}

.left_table li:nth-child(9) {
	-webkit-animation-delay: .18s;
	-o-animation-delay: .18s;
	animation-delay: .18s
}

.left_table li:nth-child(10) {
	-webkit-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s
}



/**右侧列表**/
.knowledge_list{
	padding:10px 0;
	list-style-type: none;
	overflow:hidden;
	}
.shadow-box{
    background: #ffffff url("../images/white_wall_hash.png") repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 1px 8px 1.5px rgba(0, 0, 0, 0.35), 0 20px 20px 8px rgba(0, 0, 0, 0.25);
    color: #333333;
	overflow:hidden;
    /* margin:10px 30px 50px 30px; */
    margin: 0 40px;
    padding: 0;
	display:block;
}
.shadow-box p{
	margin:30px;
}
/* .shadow-box h4{ margin: 20px;} */
/* .shadow-box h5{ margin: 20px;} */
.knowledge_list li{
    background: #ffffff url("../images/white_wall_hash.png") repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 1px 8px 1.5px rgba(0, 0, 0, 0.35), 0 20px 20px 8px rgba(0, 0, 0, 0.25);
    color: #333333;
	overflow:hidden;
    margin:0px 30px 50px 30px;
    padding: 0;
	display:block;
}

.knowledge_list li:hover{
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 1px 8px 1.5px rgba(0, 0, 0, 0.35), 0 20px 20px 8px rgba(0, 0, 0, 0.25);
    color: #333333;
	overflow:hidden;
    margin:0px 30px 50px 30px;
    padding: 0;
}
.knowledge_list li a h2,.knowledge_list li a p{ cursor:pointer; color:rgb(51,51,51); padding:0px 10px;}
.knowledge_list li a h2{margin-bottom: 20px;}


/**服务承诺右侧列表**/
.service_list{
	padding:10px 0;
	list-style-type: none;
	overflow:hidden;
	}
	
.service_list li{
    background: #ffffff url("../images/white_wall_hash.png") repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 1px 8px 1.5px rgba(0, 0, 0, 0.35), 0 20px 20px 8px rgba(0, 0, 0, 0.25);
    color: #333333;
	overflow:hidden;
    margin:0px 30px 50px 30px;
    padding: 0;
	display:block;
}

.service_list li:hover{
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 1px 8px 1.5px rgba(0, 0, 0, 0.35), 0 20px 20px 8px rgba(0, 0, 0, 0.25);
    color: #333333;
	overflow:hidden;
    margin:0px 30px 50px 30px;
    padding: 0;
}

.shadow-box h1,.service_list li h1{text-align:center;font-weight:bold;margin:70px 0 50px 0;font-size:30px;
}
.shadow-box h2,.service_list li h2{font-weight: bold;
margin: 23px 0 18px 40px;
font-size: 20px;
text-indent: 36px;
}
.shadow-box p,.service_list li p{font-weight: normal;
margin: 8px 40px;
font-size: 16px;
text-indent: 32px;
}
.shadow-box h5{font-size:30px;
}

/**产品中心右侧列表**/
.product_list{
	padding:10px 0;
	list-style-type: none;
	overflow:hidden;
	}
	
.product_list li{
    background: #ffffff url("../images/white_wall_hash.png") repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 1px 8px 1.5px rgba(0, 0, 0, 0.35), 0 20px 20px 8px rgba(0, 0, 0, 0.25);
    color: #333333;
	overflow:hidden;
    margin:0px 30px 50px 30px;
    padding: 0;
	display:block;
}

.product_list li:hover{
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 1px 8px 1.5px rgba(0, 0, 0, 0.35), 0 20px 20px 8px rgba(0, 0, 0, 0.25);
    color: #333333;
	overflow:hidden;
    margin:0px 30px 50px 30px;
    padding: 0;
}

.product_list li h1{text-align:center;font-weight:bold;margin:70px 0 50px 0;font-size:30px;
}
.product_list li h2{font-weight:bold;margin:23px 0 18px 40px;font-size:20px;text-indent:36px;
}
.product_list li p{font-weight:normal;margin:8px 40px;font-size:16px;text-indent:36px;
}
.listnews{
	
}
.listnews img{
	width:200px; height:200px; margin-right:20px; float: left;
}
/**分页条居中**/
.pagination-center{margin:40px 0 0 0;text-align:center;}
.pagination-center ul{display:inline-block;*display:inline;margin-bottom:0;margin-left:0;
	/*
	-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
	*zoom:1;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05);
	*/
}
.pagination-center ul>li{display:inline;}
.pagination-center ul>li>a,.pagination-center ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#fff;border:1px solid #ddd;border-left-width:0;}
.pagination-center ul>li>a:hover,.pagination-center ul>li>a:focus,.pagination-center ul>.active>a,.pagination-center ul>.active>span{background-color:#f5f5f5;}
.pagination-center ul>.active>a,.pagination-center ul>.active>span{color:#999;cursor:default;}
.pagination-center ul>.disabled>span,.pagination-center ul>.disabled>a,.pagination-center ul>.disabled>a:hover,.pagination-center ul>.disabled>a:focus{color:#999;cursor:default;background-color:transparent;}
.pagination-center ul>li:first-child>a,.pagination-center ul>li:first-child>span{border-left-width:1px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px;}
.pagination-center ul>li:last-child>a,.pagination-center ul>li:last-child>span{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;}
@media (max-width: 767px)
{
	.knowledge {
    margin: 0px;
}
.knowledge_list li,.shadow-box{
    background: #ffffff!important;
    border-radius: 0px!important;
    box-shadow: none!important;
    color: #333333;
	overflow:hidden;
    margin:0px;
    padding: 0;
	display:block;
}
.knowledge_list li p,.shadow-box p{
	margin:30px 0;
	line-height: 180%;
}
.knowledge_list li h4,.shadow-box h4{ margin: 20px 0;}
.knowledge_list li p img,.shadow-box p img{width: 100%!important;}
.knowledge_list li{border-bottom: 1px solid #dadada; padding: 10px 0!important;}
.knowledge_list li h2{margin: 0px;}
.listnews img{width: 30%; height: 30%;}
.listnews p{margin: 10px 0!important; clear: both;}

.knowledge_list li:hover{
    margin:0px;
    padding: 0;
}

}
@media (min-width:768px )and( max-width: 979px)
{
.margin-left-50{ margin-left: 22px; }
}
@media (min-width:980px)
{
	.navbar-nav > li{ margin-left: 45px; }
}
@media (min-width: 768px)
{
.navbar-right{ margin-right: 16px; }
}