﻿/*banner*/
.rslides { position: relative; list-style: none; 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: 20px; position: relative; float: left; width: 100%; display:block; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.slide .caption { display: none; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; text-align:center; color: #fff; background: #000; background: rgba(0, 0, 0, .8); opacity: 0.8; filter:alpha(opacity=25); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.slide_nav { 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: 61px; width: 38px; background: transparent url("/images/themes.gif") no-repeat left top; margin-top: -45px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }

#body   .tab{ }
#body   .tab-hd { 	background:url("/images/HituxCMSNote/box_titlebg.png") no-repeat -150px top;
 overflow:hidden; zoom:1;}
#body   .tab-hd li{font-size:16px; float:left; width:120px; color:#fff; text-align:center; cursor:pointer;height:43px;line-height:43px;}
#body   .tab-hd li.active{	background:url("/images/HituxCMSNote/box_titlebg.png") no-repeat 0px top;
font-weight:normal;
padding:0px;
margin:0px;
font-size:16px;
text-align:center;}
#body   .tab-hd li.active a{
	color:#FFF;
	padding:0px;
	margin:0px;
	padding-left:0;
	line-height:43px;
	background:none;}
#body   .tab-bd li{display:none; padding:10px 0px; border-top:0 none; }	

#body  .DivList{
	font-size:12px;
	padding:0px;}
#body .right .DivList{
	height:148px;
	}

#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:#b6120f;
	padding-right:20px;
	font-size:11px;
	width:80px;
	}

/* main block*/
#body .MainBlock{
	width:1200px;
	margin:auto;
	font-size:12px;
	}
#body .MainBlock .BlockInner{
	border-top:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;		
	border-bottom:1px solid #e5e5e5;
	height:300px;
	overflow:Hidden;}	
#body .Block2 .MainBlock .BlockInner{
	height:270px;
	}


#body  .left{
	float:right;
	width:847px;
	}
#body  .left .LeftAbout{
	width:528px;
	float:left;
	}
#body  .left .RightNews{
	width:306px;
	float:right;}
	
#body  .right{
	width:369px;
	float:left;
	}

#body    .MBlockTable td{
	line-height:26px;
	font-size:12px;
}

#body   .MBlockTable .ListTitle{
	background:url("/images/title_icon1.jpg") no-repeat 15px center;
	padding-left:30px;
}
#body    .MBlockTable td{
	text-align:left;
	padding-left:0;}
	
#body  .MBlockTable span{
	color:#9a9a9a;
	padding-left:10px;
	font-size:11px;}
#body .MainBlock .left .img{
	padding:0px 10px 7px 10px;
	}
#body .MainBlock .left h1{
	font-size:14px;
	text-align:center;}

#body .MainBlock .left .txt{
	padding:0px 10px 0px 10px;
	color:#6c6c6c;}
#body .MainBlock .left .txt p{
	line-height:200%;}
	
#body .MainBlock .right .txt{
	padding:10px 10px 0px 10px;
	color:#6c6c6c;}
#body .MainBlock .right .txt p{
	line-height:200%;}


 .wxxc-box { width:100%; margin:0 auto; background: #F7F7F7 url("/images/wxxc.jpg") center center no-repeat; padding-bottom:50px; padding-top:20px;}
 .blk_29 { width:1200px; margin:0 auto; PADDING:0px 0px; OVERFLOW: hidden;  ZOOM: 1; POSITION: relative;}
	
 .blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden;  PADDING:0px;float:left;height:260px;width:1200px;POSITION: relative;}
 .blk_29 .box {	FLOAT: left; WIDTH: 285px; TEXT-ALIGN: center; margin-right:20px; background-color:#FFFFFF; height:240px;}
 .blk_29 .box IMG {	DISPLAY: block; MARGIN: 10px auto; width:265px; height:176px;}
 .blk_29 .box A:hover IMG {	}
 .blk_29 .box P {	WIDTH: 285px; LINE-HEIGHT: 30px;text-align:center;font-size:16px;color:#333333;}
 .blk_29 .LeftBotton {	BACKGROUND: url("/images/b_left.png") no-repeat 0px 0px; LEFT: 0px; FLOAT: left; WIDTH: 50px; CURSOR: pointer; POSITION: absolute; TOP: 20px; HEIGHT: 110px; display:none;}
 .blk_29 .RightBotton { BACKGROUND: url("/images/b_right.png") no-repeat -0px 0px; FLOAT: right;right:0px; WIDTH: 50px; CURSOR: pointer; POSITION: absolute; TOP: 20px; HEIGHT: 110px; display:none;}

.youshi-box { width:100%; min-height:450px; margin:0 auto; background: #F7F7F7 url("/images/bg_youshi.png") center center no-repeat; padding-bottom:50px; padding-top:50px; color:#FFFFFF;}

.youshi-box .youshi-content{ width:500px; float:left;}
.youshi-box .youshi-content h1{ width:100%; text-align:right; font-size:22px;}
.youshi-box .youshi-content h3{ width:100%; text-align:right; margin-top:40px; margin-bottom:10px; color:#B3D2F0;}
.youshi-box .youshi-content span{ width:100%; text-align:right; color:#529CDD;}

.youshi-box .youshi-img{ width:500px; float:right;}
.youshi-box .youshi-img ul{padding:0;width:500px;zoom:1; float:left;}
.youshi-box .youshi-img ul:after{content:''; display:block; clear:both;}
.youshi-box .youshi-img ul li{float:left; width:320px; overflow:hidden; text-align:center; margin:10px 10px; display:flex; justify-content:center; align-items:center;}
.youshi-box .youshi-img ul li img{ width:320px;}

/* Navblock*/
.Navblock{
	padding:10px;
	float:left;}
.Navblock .inner{
	width:230px;
	height:260px;
	position:relative;
	overflow:hidden;}

.Navblock .inner img{
	width:230px;
	height:230px;}	

.Navblock .inner .albumtitle{
	height:30px;
	line-height:30px;
	font-size:14px;
	width:230px;
	position:relative;
	bottom:0px;
	left:0;
	color:#C60001;
	font-weight:; 
	text-align:center;
	cursor:pointer;
	margin:auto;
	overflow:hidden;}
.Navblock .inner .albumtitle span{
	font-weight:normal;
	font-size:12px;}
.Navblock .inner  a{
	 color:#333;}
.Navblock .inner  a:hover{
	text-decoration:none; color:#C60001;}
.Navblock .inner  a:visited{
	text-decoration:none;}	

#body .ProductShow {
	WIDTH: 1260px; 
	font-size:14px;
	margin:auto;
	text-align:center;
}

#body .ProductShow  .boxgrid h3 a:hover{
	font-weight:bold;}
#body .ProductShow  .albumblock{
	float:left;
	padding:10px 20px 10px 22px;}

/* servicebox*/
#body .ProductShow  .servicebox{
	float:left;}


 .servicebox{
	float:left;
	margin-top:20px;
	margin-right:20px;
	}
 .servicebox .inner{
	width:190px;
	height:260px;
	padding:20px;
	border:1px solid #EEEEEE;
	position:relative;
	overflow:hidden;
	}

.servicebox .inner img{ margin:20px;}	

 .servicebox .inner .albumtitle{
	width:190px;
	position:relative;
	bottom:0px;
	left:0;
	color:#585858;
	text-align:center;
	cursor:pointer;
	margin:auto;
	overflow:hidden;}
 .servicebox .inner .albumtitle span{ font: bold 14px/32px "微软雅黑"; color:#000000;}
 .servicebox .inner .albumtitle p{ font: normal 12px/26px "微软雅黑"; text-align:center; color:#666666;}

#body #Links {
	width:1208px;
	margin:auto;
	padding:10px 10px;
	line-height:25px;
	font-size:12px;
	border:1px solid #e5e5e5;}
#body #Links span{
	font-weight:bold;}

#body #Links a{
	padding:0px 7px;}	

/*滑动焦点图样式*/
#picSlide{width:344px; height:234px; padding:0px 0 0 10px; margin:0px 0 0 0px; float:left; display:inline;}
#picSlide .SlideInner{width:344px;height:234px;overflow:hidden;position:relative;}
#slideArea{width:10000px; position:absolute;}
#slideArea li{ float:left;width:344px; height:234px; position:relative;}
#slideArea li .bg{width:344px; height:40px; background:#000; display:block; position:absolute; bottom:0; left:0;filter:alpha(opacity=70);background:rgba(0, 0, 0, 0.7);}
#slideArea li .txt{width:224px; height:40px; display:block; position:absolute; bottom:0px; left:0; font-size:12px; padding:0px 10px 0 10px; line-height:20px;}
#slideArea li .txt a{ color:#fff;}
#slideBtn{ position:absolute; bottom:5px; right:15px;}
#slideBtn span{ display:block; width:15px; height:10px; background:url(/images/HituxCMSNote/btn.gif) no-repeat -15px 0; float:left; cursor:pointer; margin:0 2px;}
#slideBtn .current{background:url(/images/HituxCMSNote/btn.gif) no-repeat 0 0;}


/*index-main*/
.index-hengshan-list {
	margin:50px auto;
	width: 1200px;
}
.index-hengshan-title {font: normal 28px/58px "微软雅黑"; color: #0476FF; text-align:center; margin:20px auto;}
.index-hengshan-title-line {background: url("/images/HituxCMSNote/bg_in_title.png") center no-repeat; height:16px; width:100%;}
.index-hengshan-title-info {font: normal 14px/28px "微软雅黑"; color: #535353; margin:0px auto; text-align:center;}

.h_news {
	margin:30px auto;
	width: 1200px;}
.h_news .h_news_img{
	float:left;
	width: 280px;
	background-color:#F9F9F9;
	padding:15px;
	text-align:center;}
.h_news .h_news_img img{ width: 280px; height:135px;}
.h_news .h_news_list{
	float:right;
	width: 860px;}
.h_news .h_news_list ul {
	padding:0px 0px;}
.h_news .h_news_list ul li{
	font: normal 14px/32px "微软雅黑";
	height:88px;
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #EFEFEF;}
.h_news .h_news_list ul li span{
	font: bold 16px/26px "微软雅黑";
	color:#ACACAC;}
.h_news .h_news_list ul li p{
	font: normal 12px/26px "微软雅黑";
	color:#ACACAC;}

.i_brand {	 PADDING:0px 0px; OVERFLOW: hidden;  ZOOM: 1; POSITION: relative;}
.i_brand .box { FLOAT: left; WIDTH: 170px; TEXT-ALIGN: center;}
.i_brand .box IMG { DISPLAY: block; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto;max-width:148px;_width:expression(this.width > 148 ? "148px" : this.width);}
.i_brand .box A:hover IMG { BORDER: #b6120f 1px solid;}
.i_brand .box P { WIDTH: 170px; LINE-HEIGHT: 20px;text-align:center;font-size:14px;color:#b6120f}

.index-main-about {
	background-color:#E8E8E8;
	margin: 0px auto;
	padding:40px 0 30px 0;
	width: 100%;}
.index-main-about .index-main-about-title {
    font: normal 36px/48px "微软雅黑";
    margin: 30px auto;
    text-align: center;}
.index-main-about .index-main-about-ico { text-align: center;}
.index-main-about-content {
    margin: 12px auto 20px;
    font: normal 14px/26px "微软雅黑";
	width: 1200px;
	text-align: left;
}

.NavMoreLink a {
	margin:35px auto;
	line-height:38px;
	text-align:center;
	display:block;
	width:146px;
	height:38px;
	cursor:pointer;
	font-size:14px;
	border-radius:30px;
	border:1px solid #717171;
	color:#717171;
}
.NavMoreLink a:hover {
	border:1px solid #0476FF;
	color:#0476FF;
	text-decoration:none;
}

.in-ab-list{margin:0 auto; background: url("/images/bg_index01.png"); padding:30px;}
.in-ab-list ul{margin:0 auto; padding:0;width:1200px;zoom:1;}
.in-ab-list ul:after{content:''; display:block; clear:both;}
.in-ab-list li{float:left; margin-right:10px; text-align:center; width:232px; background-color:#FFFFFF; padding-top:20px; padding-bottom:20px; box-shadow: 2px 2px 2px #CCCCCC;}
.in-ab-list li:hover{ background-color:#20242D;}
.in-ab-list li:last-child{margin-right:0;}
.in-ab-list li a {display:block;}
.in-ab-list li a i{display:block; width:192px; height:132px; margin:0px auto; overflow:hidden;}
.in-ab-list li a i img{ width:192px; margin:0px auto;}
.in-ab-list li a P{display:block; font-size:22px; color:#0476FF; line-height:30px; width:192px; margin:30px auto;}
.in-ab-list li a span{display:block; width:192px; margin:0px auto; font: normal 12px/26px "微软雅黑";color:#A0A0A0; text-align:center;}

.in-ab-list li .in-ab-list_icon01 i{background: url("/images/youshi_01.png") center center no-repeat;}
.in-ab-list li .in-ab-list_icon02 i{background: url("/images/youshi_03.png") center center no-repeat;}
.in-ab-list li .in-ab-list_icon03 i{background: url("/images/youshi_05.png") center center no-repeat;}
.in-ab-list li .in-ab-list_icon04 i{background: url("/images/youshi_07.png") center center no-repeat;}
.in-ab-list li .in-ab-list_icon01:hover i{background: url("/images/youshi_02.png") center center no-repeat;}
.in-ab-list li .in-ab-list_icon02:hover i{background: url("/images/youshi_04.png") center center no-repeat;}
.in-ab-list li .in-ab-list_icon03:hover i{background: url("/images/youshi_06.png") center center no-repeat;}
.in-ab-list li .in-ab-list_icon04:hover i{background: url("/images/youshi_08.png") center center no-repeat;}

.contact-box{ background: #FFFFFF url("/images/img-index-contact.jpg") center center no-repeat; height:180px;}


.hjnavleft {
	WIDTH: 100%;
	z-index:100;
	HEIGHT: 52px;
	text-align:center;}
.hjnavleft UL {text-align:center;}
.hjnavleft UL LI {
	float:left;
	LINE-HEIGHT: 52px; 
	HEIGHT: 52px;
	WIDTH: 240px;
	color:#FFFFFF;
	11background:#AE5A3A;
	border-bottom:2px solid #0476FF;
	text-align:center;}
.hjnavleft UL LI a{color:#333333;font: bold 18px/52px "微软雅黑";}

.hjnavleft UL LI.hover0 { background-color:#0476FF;}
.hjnavleft UL LI.hover0  a{color:#FFFFFF;}
.hjnavleft UL LI.hover1 { background-color:#0476FF;}
.hjnavleft UL LI.hover1  a{color:#FFFFFF;}
.hjnavleft UL LI.hover2 { background-color:#0476FF;}
.hjnavleft UL LI.hover2  a{color:#FFFFFF;}
.hjnavleft UL LI.hover3 { background-color:#0476FF;}
.hjnavleft UL LI.hover3  a{color:#FFFFFF;}
.hjnavleft UL LI.hover4 { background-color:#0476FF;}
.hjnavleft UL LI.hover4  a{color:#FFFFFF;}
.hjnavleft UL LI.hover5 { background-color:#0476FF;}
.hjnavleft UL LI.hover5  a{color:#FFFFFF;}
.hjnavleft UL LI.hover6 { background-color:#0476FF;}
.hjnavleft UL LI.hover6  a{color:#FFFFFF;}
	
	
.ser-list{margin:30px auto;}
.ser-list ul{padding:0;width:1200px;zoom:1;}
.ser-list ul:after{content:''; display:block; clear:both;}
.ser-list li{float:left; margin-right:20px; margin:10px; text-align:center; width:280px; background-color:#FBFBFB; min-height:360px;}
.ser-list li:hover{ box-shadow: 2px 2px 2px #CCCCCC;}
.ser-list li:last-child{margin-right:0;}
.ser-list li a {display:block;}
.ser-list li a i{display:block; width:265px; height:205px; margin:10px auto;}
.ser-list li a i img{ width:265px; margin:0px auto;}
.ser-list li a P{display:block; font-size:16px; color:#565656; line-height:30px; width:265px; text-align:center;}
.ser-list li a span{display:block; width:265px; margin:0px auto; font: normal 12px/26px "微软雅黑";color:#A0A0A0; text-align:left;}

/* 共用部分 */
.indtit{ max-width:200px; margin-top:50px;}
.indtit h1{ height:62px; font-family:Arial, Helvetica, sans-serif; line-height:62px; font-size:36px; font-weight:normal; color:#FFFFFF;}
.indtit span{ display:block; margin-top:10px; font-size:14px; color:#FFFFFF;}
.indtit h2{ height:30px; line-height:30px; margin:15px 0 20px 0; font-size:30px; color:#FFFFFF; font-weight:normal;}
.indtit b{ width:60px; height:3px; background:#FFD02F; display:block;}
.indtit p{ line-height:28px; margin-top:50px; font-size:14px; color:#FFFFFF;}
.indtit a{ width:94px; height:36px; margin-top:75px; background:url("/images/morebg.png") no-repeat center; display:block}
.indtit a:hover{ background:url("/images/morebgh.png") no-repeat center;}

/* 合作伙伴 */
.indpart{ background: #F7F7F7 url("/images/zbj.jpg");padding-top:120px; padding-bottom:120px; overflow:hidden}
.indpart .parter{ float:right; width:938px; height:392px; margin-top:50px;}
.indpart .parter li{ float:left; display:flex; justify-content:center; align-items:center; width:230px; height:90px; margin:2px 2px 2px 2px;}
.indpart .parter li.lr{ border-right:0;}
.indpart .parter li img{ max-width:230px;}