.rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container { margin-bottom: 0px; position: relative; float: left; width: 100%; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; margin:auto; max-width: 640px; }
.slide li { position: absolute; width: 100%; left: 0; top: 0;text-align:center;}
.slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.slide .caption { display: block; position: absolute; z-index: 2;  text-shadow: none; color: #333333;  background: #F5F5F5; left: 0; right: 0; bottom: 0; padding: 0px 20px; margin: 0; max-width: none; display:none;}
.slide_nav {display:none; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 24px; width: 14px; background: transparent url("/images/HituxCMSMoral/icon-arrow-left.png") no-repeat left top; margin-top: -15px;	}
.slide_nav:active { opacity: 1.0; }
.slide_nav.next {display:none; left: auto; background: transparent url("/images/HituxCMSMoral/icon-arrow-right.png") no-repeat left top; right: 0;	
 }

 .record{ width:100%;padding:0px;height:250px;   overflow:hidden; display:block;}
	.record ul li{   overflow:hidden; display:block;
	}

#body   .tab{ }
#body   .tab-hd { 	background: #ededed;
 overflow:hidden; zoom:1;}
#body   .tab-hd li{ font-size:24px;float:left; width:33.33%; color:#333; text-align:center; cursor:pointer;height:55px;line-height:55px;	
}
#body   .tab-hd li a{
	font-size:24px;
	color:#333;}
#body   .tab-hd li.active{	 
font-weight:bold;
padding:0px;
margin:0px;
font-size:24px;
color:#38B549;
}
#body   .tab-hd li.active a{
	color:#38B549;
	padding:0px;
	margin:0px;
	line-height:55px;
}
#body   .tab-bd li{display:none; padding-top:10px; border-top:0 none; }	

#body  .DivList{
	
	padding:0px;}


#body  .DivList .DivLi{
	padding:0px 10px 0px 0px;
	}
#body  .DivList .DivLi a{
	line-height:25px;
	padding:0px;
	height:25px;
	overflow:hidden;}	
#body  .DivList .DivLi span{
	color:#38B549;
	padding-right:20px;
	font-size:11px;
	width:80px;
	}

#body .HituxShow  .DivList2 .left{
	float:left;
	width:50%;
	}
#body .HituxShow  .DivList2 .left p{
	padding:0px 10px 0px 0px;}		
#body .HituxShow  .DivList2 .right{
	float:right;
	width:50%;
	}	

#body .HituxShow  .DivList{
	
	padding:10px;
	}
#body .HituxShow  .DivList2{
    -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	margin:10px 10px;
	background:#FFF;
	padding:10px 10px;
	border:1px solid #DEDEDC;
	
	}

#body .HituxShow  .DivList3{
    -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	margin:10px 10px;
	background:#FFF;
	padding:0px 0px;
	border:1px solid #DEDEDC;
	
	}

#body .HituxShow  .DivList .DivLeft{
	width:190px;
	float:left;
	padding:10px 10px 0px 10px;
	}
#body .HituxShow  .DivList .DivLeft p{
	line-height:20px;
	background:#F00;
	color:#FFF;
	text-align:center;
	}
#body .HituxShow  .DivList .DivLeft a{
	color:#FFF;
	font-weight:bold;}		
#body .HituxShow  .DivList .DivRight{
	width:250px;
	float:right;
	}
#body .HituxShow .DivList .DivLi{
	width:128px;
	height:40px;
	overflow:hidden;
	float:left;
	padding-left:10px;}
#body .HituxShow .DivList .DivLi a{
	width:128px;
	text-align:center;
	height:30px;
	line-height:30px;
	background: url("/images/HituxCMSMoral/m_Pro_bg1.gif") repeat-x 0px top;
	display:block;
	overflow:hidden;}
#body .HituxShow .DivList .DivLi a:hover{
	background: url("/images/HituxCMSMoral/m_Pro_bg2.gif") repeat-x 0px top;
	color:#FFF;
	text-decoration:none;}


	
#body .topic{
	height:55px;
	background:#ededed;
	width:100%;
	}
#body   .topic .TopicTitle{
	font-size:24px;
	color:#38B549;
	font-weight:bold;
	line-height:55px;
	text-align:center;}

#body  .TopicTitle a{
	color:#38B549;
	text-align:center;
	text-decoration:none;}	
#body   .topic .TopicMore{
	float:right;
	font-size:24px;
	padding-right:10px;
	line-height:35px;
}
#body   .topic .TopicMore a{
	color:#38B549;}				
	
#body  .MBlockTable td{
	line-height:35px;
	height:35px;
	
	border-bottom:1px dotted #DEDEDC;
	padding-left:0px;
}	
#body  .MBlockTable span{
	color:#9a9a9a;
	font-size:11px;}
		

#body .HituxShow .blk_29 {
	width:638px;
	height:242px;
	OVERFLOW: hidden;
	ZOOM: 1; 
	POSITION: relative;}

#body .HituxShow .DivList .box {	FLOAT: left; WIDTH: 50%; TEXT-ALIGN: center;margin:0px;padding:10px 0px;}
#body .HituxShow .DivList .box IMG {	BORDER: #DDDDDD 1px solid; PADDING: 1px; DISPLAY: block;  MARGIN: 0px auto; width:130px;height:97px;}
#body .HituxShow .DivList .box A:hover IMG {	BORDER: #38B549 1px solid;}
#body .HituxShow .DivList .box P {	  LINE-HEIGHT: 20px;text-align:center;color:#38B549;margin:0px;padding:0px;}

#body .HituxShow {
	
	max-width:640px;
	
	margin:auto;
	border-bottom:none;
}
#body .HituxShow .albumblock{
	}



#body .ItemBlock{
	width:50%;
	float:left;}

#body .ItemBlock .ItemInner{
	padding:10px 0px;
	border-right:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	margin:auto;
}
#body .ItemBlock .ItemInner .ItemImg{
	text-align:center;
	overflow:hidden;}
#body .ItemBlock .ItemInner .ItemImg  img{
	width:50%;
}
#body .ItemBlock .ItemInner .ItemImg2{
	text-align:center;
	overflow:hidden;}
#body .ItemBlock .ItemInner .ItemImg2  img{
	width:40px;
	height:40px;
	display:block;
	border-radius:20px;
	margin:auto;
	border:1px solid #E5E5E5;}

#body .ItemBlock .ItemInner h1{
	font-size:18px;
	font-weight:normal;
	color:#181818;
	text-align:center;
	line-height:40px;
	overflow:hidden;}
#body .ItemBlock .ItemInner h1 a{
	color:#181818}	
#body .ItemBlock .ItemInner .ItemTxt{
	padding:10px;
	line-height:200%;
	color:#666;}


#body .HituxShow .ArticleList{
	}
#body .HituxShow .ArticleList .NewsLi{
    -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	margin:10px 10px;
	background:#FFF;
	padding:10px 10px;
	border:1px solid #DEDEDC;}

#body .HituxShow .ArticleList .NewsLiLeft{
	float:left;
	height:80px;
	width:35%;
	text-align:center;
	color:#38B549;
	font-size:16px;
	overflow:hidden;
	}
#body .HituxShow .ArticleList .NewsLiLeft p{
	padding-right:10px;
	}
#body .HituxShow .ArticleList .NewsLiLeft img{
	width:80px;
	height:60px;
	border:1px solid #E5E5E5;}

#body .HituxShow .ArticleList .NewsLiLeft2{
	float:left;
	height:90px;
	width:35%;
	text-align:center;
	color:#38B549;
	font-size:16px;
	overflow:hidden;
	}
#body .HituxShow .ArticleList .NewsLiLeft2 p{
	padding-right:10px;
	}
#body .HituxShow .ArticleList .NewsLiLeft2 img{
	width:80px;
	height:80px;
	border:1px solid #E5E5E5;}
	
#body .HituxShow .ArticleList .NewsLiRight{
	float:left;
	Width:65%;
	}

#body .HituxShow .ArticleList .NewsLiRight .NewsLiTitle{
	height:20px;
	overflow:hidden;
	line-height:20px;}
	
#body .HituxShow .ArticleList .NewsLiRight .NewsLiTitle a{
	font-size:16px;}	
#body .HituxShow .ArticleList .NewsLiRight .NewsLiTitle span{
	color:#999;
	padding-left:0px;}	
#body .HituxShow .ArticleList .NewsLiRight p{
	 color:#666;
	 
}




#body .Links {
    -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	margin:10px 10px;
	background:#FFF;
	padding:10px 10px;
	border:1px solid #DEDEDC;
	
	}
#body .Links span{
	font-weight:normal;
	color:#38B549;
	font-size:16px;}

#body .Links a{
	line-height:25px;
	padding:0px 7px;}


#body .LinksS {
    -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	margin:10px 10px;
	background:#FFF;
	padding:10px 10px;
	border:1px solid #DEDEDC;
	
	}
#body .LinksS span{
	font-weight:normal;
	color:#38B549;
	font-size:16px;}

#body .LinksS a{
	line-height:25px;
	padding:0px 7px;}




img { border: 0; max-width: 100%; }

/*------news section-------*/
.news-img{
	position:relative;
}
.news-img img{
	position:relative;
}
.news-img .mask{
	position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
}
.news-img .mask:hover{
    opacity: 1;
    filter: alpha(opacity=1);
    background: rgba(0,0,0,.8);
}
.news-img a{
    font-size: 2em;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.news-show{
	padding: 10px 10px;
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s ;
}  
.news-show:hover{
	-webkit-transform:translateY(-15px);
    -moz-transform:translateY(-15px);
    -ms-transform:translateY(-15px);
    -o-transform:translateY(-15px);
	transform:translateY(-15px);
}
.news-text{
	padding:0.8em; 
	background: #eee;
	-webkit-box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.2);
	text-align:center;
}
.news-text-img{
	-webkit-box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.2);
}
.news-text h3{
	margin-bottom: 10px;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
	display:inline-block;
	margin:0 auto;
	padding-bottom:5px;
	border-bottom:3px solid #ccc;
}
.news-text p{
	padding:10px 0;
	font-size: 14px;
	line-height:1.5;
	color:#747474;
}
.news-text a{
	color:#3d78d8;
	position:relative;
	    width: 92%;
    text-align: right;
    display: inline-block;
}
.news-text a:hover{
	text-decoration: underline;
}
.news-text a:after{
	content: "\e092";
	font-family: 'Glyphicons Halflings';
	position:absolute;
	right:-20px;
	bottom:0;    
	font-size:0.8em;
	line-height: 1.2em;
}

/*鏂伴椈涓績*/
.news-sec .news-show .news-text{
	text-align:left;
}
.news-sec .news-show .news-text h3{
	border:0;
}
/*鏂伴椈涓績 end*/

@media screen and (min-width: 768px){
	section {
	margin-bottom:25px;
	}
	.product-all-item-bottom .item .case-box{
		height:180px;
	}
	.product-all-item-bottom .item .case-box img{
		width:100%;
		height:180px;
	}
	.news-img img{
		width:578px;
		height:200px;
	}
	
	.navbar-nav {
		/* float: left; */
		margin: 0;
		float: none;
		text-align: center;
	}
/*NAV灞呬腑 end*/

/*------news section-------*/
.news-img{
	position:relative;
}
.news-img img{
	position:relative;
}
.news-img .mask{
	position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
}
.news-img .mask:hover{
    opacity: 1;
    filter: alpha(opacity=1);
    background: rgba(0,0,0,.8);
}
.news-img a{
    font-size: 2em;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.news-show{
	padding: 10px 10px;
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s ;
}  
.news-show:hover{
	-webkit-transform:translateY(-15px);
    -moz-transform:translateY(-15px);
    -ms-transform:translateY(-15px);
    -o-transform:translateY(-15px);
	transform:translateY(-15px);
}
.news-text{
	padding:0.8em; 
	background: #eee;
	-webkit-box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.2);
	text-align:center;
}
.news-text-img{
	-webkit-box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.2);
}
.news-text h3{
	margin-bottom: 10px;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
	display:inline-block;
	margin:0 auto;
	padding-bottom:5px;
	border-bottom:3px solid #ccc;
}
.news-text p{
	padding:10px 0;
	font-size: 14px;
	line-height:1.5;
	color:#747474;
}
.news-text a{
	color:#3d78d8;
	position:relative;
	    width: 92%;
    text-align: right;
    display: inline-block;
}
.news-text a:hover{
	text-decoration: underline;
}
.news-text a:after{
	content: "\e092";
	font-family: 'Glyphicons Halflings';
	position:absolute;
	right:-20px;
	bottom:0;    
	font-size:0.8em;
	line-height: 1.2em;
}

/*鏂伴椈涓績*/
.news-sec .news-show .news-text{
	text-align:left;
}
.news-sec .news-show .news-text h3{
	border:0;
}
/*鏂伴椈涓績 end*/




/*--------------*/
@media (max-width: 1024px){
	h3.title {font-size:1.4em;}
	.about-right h4{font-size:1.4em;}
	.about-right p{font-size:1em}
	.about-right .button h5{font-size: 1em;}
	
	.page-intro{margin: 10px 0;}
	.subCont-right h3 {font-size: 1.5em;}
	.subCont-right p {margin-top:0.5em;}
	section{padding:30px 0;}
	.services-title h4{font-size:1.2em;}
	.subBody .pager-title {
		font-size:1.8em;
	}
	.productshow-all-item-bottom .listConts h1{
		font-size:1.5em;
	}
	.listConts .info {width: 60%;}
	#form .col-xs-12{
		padding: 10px;
	}
}
@media (max-width: 768px){
	.about-left{
		margin:0 auto;
		width:100%;
		padding-top:0;
	}
	.about-right .button h5{font-size: 0.8em;}
	.news-show{margin-bottom:10px;}
	footer h4 {margin-top: 1em;}	
	.subCont-right h3 {padding-top: 10px;}
	.page-intro{margin:0;}
	section{padding:20px 0;}
	.services-title h4{font-size:1em;}
	.news-all-item h3{
		padding:5px 0;
	}
	.subBody .product-all-item .product-all-item-top ul li a {
    padding: 10px 10px;
	}
	.subBody .pager-title {
		font-size:1.6em;
	}
	.productshow-all-item-bottom .listConts h1{
		font-size:1.3em;
	}
	.listConts .info {width: 70%;}
	#form .col-xs-12{
		padding: 10px;
	}
}
@media (max-width: 640px){
	section{padding:5px 0;}
	.header-top-nav{display:none;}
	.header-logo a.navbar-brand{height:inherit}
	.header-logo a.navbar-brand img{width:80%;}
	.header-logo .header_tel{display:none;}
	.navbar-default{display:none;}
	h3.title {font-size:12px;padding:10px 0;}
	.product-sec .product a{border: 5px solid #fff;}
	.news-text h3{font-size:13px;}
	.news-text p{font-size:12px;}
	.photo-sec .photo-list a .photo-list-txt span{
		padding: 3px 5px;
		font-size:12px;
	}
	.about-right h3{font-size:14px;}
	.about-right p{font-size:12px;}
	.about-right .button h5{font-size:12px;}
	.about-bottom{
		margin-top:10px;
	}
	.about-bottom .about-bottom-icon{
		padding: 20px 0;
	}
	.contact-form h4{
		display:none;
	}
	.contact-form .idx-sub{
		margin:0;
	}
	footer{
		padding:0;
	}
	footer .container{
		display:none;
	}
	footer .footer-copy p{font-size:12px;}
	.subBody .subCont-list{display:none;}
	
	.about-bottom .about-bottom-box{padding: 15px 5px;}
	.services-show{width:50%;margin: 10px auto;}
	.product-all-item-top ul li a{margin:2px 5px !important;}
	.subBody .pager-title {font-size:1.5em;}
	.productshow-all-item-bottom .listConts h1{font-size:1.2em;}
	.listConts .info {width: 100%;}
}
@media (max-width: 480px){
	.about-right .button h5{font-size: 0.7em;}
	.product-all-item-top ul li a{width:100%;margin:5px 0!important;}
	.subBody .product-all-item .product-all-item-top {margin: 10px 0;}
	.subBody .pager-title {font-size:1.3em;}
	.productshow-all-item-bottom .listConts h1{font-size:1em;}
	.picarr .preview li a {border: 3px solid #ddd;}
	.header-top-nav ul li { padding-left: 0px;}
	#form .col-xs-12{
		padding: 5px;
	}
}
/*--------------*/
@media (max-width: 320px){
	
}

/*-------------*/
@media (min-width: 992px){
	.about-right h4{
		text-align:left;
	}
}
@media (min-width: 768px){
	.navbar-nav li{display:inline-block; float:none;}
}


@media screen and (min-width: 768px){
	section {
	margin-bottom:25px;
	}
	.product-all-item-bottom .item .case-box{
		height:180px;
	}
	.product-all-item-bottom .item .case-box img{
		width:100%;
		height:180px;
	}
	.news-img img{
		width:578px;
		height:200px;
	}
	
	.navbar-nav {
		/* float: left; */
		margin: 0;
		float: none;
		text-align: center;
	}
	/*NAV灞呬腑 end*/
	.navbar-nav li {
		display: inline-block;
		float: none;
	}
	.mm-nav {
		display: none;
	}

}

@media screen and (max-width: 767px){
.mm-nav {
	display: block;
	top: 45px;
}


.bout-sec .col-xs-10 .col-sm-6 .col-md-6{float:none;}
.about-sec{
	background:#e6e6e6;
}
.about-left img{
	padding:10px;
	-webkit-box-shadow: 1px 1px 2px #BCBCBC;
	-moz-box-shadow: 1px 1px 2px #BCBCBC;
	box-shadow: 1px 1px 2px #BCBCBC;
}
.about-right h3{padding:10px 0;font-size:18px;color:#5f5f5f; font-weight:bold; text-align:left;}
.about-right p{font-size:16px;line-height:2; color:#6b6b6b; width: 100%;text-align: justify;}
.about-right .buttons{text-align:left;}

.about-right .button{
	padding: 10px 30px 10px 20px;
    margin: 15px 0px;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
	border: 2px solid #038835;
	pointer:relative;
	transition: all 0.5s;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.about-right .button:hover{
	background:#038835;
}
.about-right .button:hover a{
	color:#fff;
}
.about-right .button h5{
    font-size: 1em;
	text-align:center;
}
.about-right .button h5 a{
	position: relative;
	color:#038835;
}
.about-right .button h5 a:after{
	content: "\f054";
    font-family: 'FontAwesome';
    position: absolute;
    right: -15px;
    bottom: 0;
    font-size: 0.8em;
    line-height: 1.2em;
}
.about-bottom{
	margin-top: 30px;
}
.about-bottom .about-bottom-box{
	padding:0 15px;
}
.about-bottom .about-bottom-icon{
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	border:2px solid #038835;
	text-align:center;
	padding: 65px 0;

}
.about-bottom .about-bottom-icon:hover span{
	color:#3ebc26;
}
.about-bottom .about-bottom-icon:hover img{
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg); /* IE 9 */
	-webkit-transform:rotate(60deg); /* Safari and Chrome */
	transform:rotate(360deg);
}

.about-bottom .about-bottom-icon img{
	width:80px;
	height:80px;
	display:block;
	margin:5px auto;
	transition:all 0.4s;
	-webkit-transition:all 0.6s;
}
.about-bottom .about-bottom-icon span{
	color:#038835;
	font-size:16px;
	display:block;
	margin:0 auto;
	padding:10px 0;
	transition:all 0.4s;
	-webkit-transition:all 0.6s;
}
/*------adv section-------*/
.adv-sec .adv-img img{
	margin:0 auto;
}
/*------adv section end-------*/