*{
    margin: 0; padding: 0;
}

img {
    border: none; 
}

body {
	font-size: 16px; color: #202020; background-color: #fff; font-family: "微软雅黑";
}
a {
    text-decoration: none; color: #202020; cursor:pointer;  
    
}
input {
	cursor: text;
    outline: none;
}

button {
	cursor:pointer; outline: none;
}
 
a:hover {
    text-decoration: none; color: #e3161e;
}
ul,li {
    list-style-type: none;  
}
h1,h2,h3 {
        font-weight: normal;
}
html {
    -webkit-text-size-adjust： none;
} /* 禁用iPhone中Safari的字号自动调整 */

/*清楚浮动*/

.clearfix:after{  
   content: "020";  
   display: block;  
   height: 0;  
   clear: both;  
   visibility: hidden;   
} 
 .clearfix {  
   /* 触发 hasLayout */  
   zoom: 1;  
}

a,
button,
input,
.top-2-1 ul,
.in-team .slideTxtBox .hd ul li span,
.nav li.nav-1 strong,
.in-lm-3-1 a>span strong,
.in-lm-4-1-left,
.in-lm-4-1-left div>span {
	transition:All 0.5s ease-in-out;
	-webkit-transition:All 0.5s ease-in-out;
	-moz-transition:All 0.5s ease-in-out;
	-o-transition:All 0.5s ease-in-out;
}


.all {
	background-color: #fff; min-width: 1200px; margin: 0 auto;
}

.top {
	height: auto; background-color: #fff;
}

.top-1 {
	
}

.top-1 .logo {
	width: 296px; height: 90px; display: block; background-image: url(../img/logo.jpg); background-position: center center; background-repeat: no-repeat; float: left;
}

.nav {
	float: right;
}

.nav li.nav-1,
.nav li.nav-2 {
	float: left; height: 90px;
}

.nav li.nav-1 {
	text-align: center; position: relative; margin-right: 15px;
}

.nav li.nav-1 {
	padding: 0 12px;
}

.nav li.nav-1 strong {
	width: 0px; height: 3px; display: block; background-color: #fff; position: absolute; bottom: 0; left: 50%;
}

.nav li.nav-1:hover strong {
	background-color: #c21820; width: 100%; left: 0;
}

.nav li.nav-1 ul {
	position: absolute; left: 0; top: 90px; background-color: #fff; z-index: 3; width: 100%; padding: 8px 0; display: none;
}

.nav li.nav-1:hover ul {
	display: block;
}

.nav li.nav-1 ul a {
	display: block; height: 28px; line-height: 28px; text-align: left; font-size: 14px; text-indent: 15px;
}

.nav li.nav-1.active-1 strong {
	width: 100%; left: 0; background-color: #c21820;
} 

.nav li.nav-1 p {
	font-size: 16px; color: #202020; height: 18px; line-height: 18px; display: block; margin: 22.5px 0 5px;
}

.nav li.nav-1 span {
	font-size: 10px; color: #787878; height: 12px; line-height: 12px; display: block;
}

.nav li.nav-2 span {
	display: block; width: 30px; height: 30px; float: left; background-image: url(../img/d01.png); background-position: center center; margin: 25px 5px 0;
}

.nav li.nav-2 div {
	float: left; height: 30px; margin: 25px 0px 0;
}

.nav li.nav-2 div strong {
	font-size: 14px; font-weight: normal; font-style: italic; height: 14px; line-height: 14px; display: block;
}

.nav li.nav-2 div p {
	font-size: 16px; font-weight: n ormal; font-style: italic; height: 16px; line-height: 16px; display: block;
}

.in-public {
	width: 1200px; margin-left: auto; margin-right: auto;
}

/*焦点图样式*/

.in-lm-1 {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

.in-lm-1 .hd {
	width: 100%;
	height: 10px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 45px;
	z-index: 1;
}

.in-lm-1 .hd ul {
	overflow: hidden;
	display: table; margin: 0 auto;
	zoom: 1;
}

.in-lm-1 .hd ul li {
	float: left;
	display: block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	text-align: center;
	background: #fff;
	cursor: pointer;
	border-radius: 90%;
}

.in-lm-1 .hd ul li.on {
	background: #f00;
	color: #fff;
}

.in-lm-1 .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}

.in-lm-1 .bd li {
	zoom: 1;
	vertical-align: middle;
}

.in-lm-1 .bd img {
	width: 100%;
	height: auto;
	display: block;
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.in-lm-1 .prev,
.in-lm-1 .next {
	position: absolute;
	top: 50%;
	margin-top: -45px;
	display: block;
	width: 90px;
	height: 90px;
	background-position: center center; background-repeat: no-repeat; background-color: rgba(0,0,0,.2); border-radius: 90%;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.in-lm-1 .prev {
	left: 3%; background-image: url(../img/left-1.png);
}

.in-lm-1 .next {
	right: 3%; background-image: url(../img/right-1.png);
}

.in-lm-1 .prev:hover,
.in-lm-1 .next:hover {
	filter: alpha(opacity=100); background-color: rgba(0,0,0,.5);
	opacity: 1;
}

/*焦点图样式结束*/

.in-title {
	text-align: center; overflow: hidden; margin: 0 auto 40px; width: 1200px;
}

.in-title p {
	font-size: 30px; height: 30px; display: block; line-height: 30px; margin: 0 0 10px;
}

.in-title span {
	font-size: 18px; height: 18px; line-height: 18px; color: #a5a5a5; display: block;
}

.in-lm-2 {
	margin: 70px auto;
}

.in-lm-2-1 {
	width:990px; line-height: 30px; font-size: 14px; text-align: center; margin: 0 auto;
}

.in-lm-2-1 p {
	line-height: 30px; font-size: 14px; text-align: center;
}

.in-lm-2-2 {
	margin: 20px 0 40px; position: relative;
}

.in-lm-2-2 img {
	width: 100%; height: auto; display: block;
}

.in-lm-2-2 span {
	display: block; width: 1px; height: 60px; position: absolute; left: 50%; margin-left: -0.5px; bottom: -20px; background-color: #c21820;
}

.more-1 {
	width: 162px; height: 47px; display: block; font-size: 14px; margin: 0 auto; line-height: 47px; border: 1px solid #dadada; text-indent: 40px; background-position: 90px center; background-repeat: no-repeat; background-image: url(../img/m01.png); border-radius: 40px;
}

.more-1:hover {
	border: 1px solid #C21820; color: #C21820; background-image: url(../img/m02.png);
}

/*选项卡样式*/

.in-lm-3 {
	background-image: url(../img/b01.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding: 70px 0 60px;
}

.in-lm-3 .slideBox {
	overflow: hidden;
	position: relative;
}

.in-lm-3 .slideBox .hd {
	overflow: hidden;
	z-index: 1;
}

.in-lm-3 .slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	width: 750px;
	margin: 0 auto;
}

.in-lm-3 .slideBox .hd ul li {
	float: left;
	width: 128px;
	height: 47px;
	line-height: 47px; 
	border: 1px solid #dadada;
	text-align: center;
	background: #fff;
	cursor: pointer;
	border-radius: 40px;
	margin: 0 10px;
}

.in-lm-3 .slideBox .hd ul li.on {
	background: #f00;
	color: #fff;
}

.in-lm-3 .slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}

.in-lm-3 .slideBox .bd div {
	zoom: 1;
	vertical-align: middle;
}

.in-lm-3-1 li {
	width: 274px; height: auto; float: left; margin-right: 34.666666px; margin-top: 30px; overflow: hidden;
}

.in-lm-3-1 li a {
	display: block;
}

.in-lm-3-1 a>span {
	width: 274px; height: 206px; display: block; position: relative;
}

.in-lm-3-1 a>span img {
	width: 274px; height: 206px; display: block;
}

.in-lm-3-1 a>span strong {
	width: 50px; height: 50px; position: absolute; top:78px; left: 112px; background-image: url(../img/m03.png); background-position: center center; border-radius: 90%; background-size: 0 0;
}

.in-lm-3-1 li:hover span strong {
	width: 50px; height: 50px; position: absolute; top:78px; left: 112px; background-image: url(../img/m03.png);
	background-size: 48px 48px;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); /* Internet Explorer */
	-moz-transform:rotate(180deg); /* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); /* Opera */
	
}

.in-lm-3-1 li:hover {
	
}

.in-lm-3-1 {
	margin-bottom: 40px;
}

.in-lm-3-1 a p {
	width: 100%; height: 16px; line-height: 16px; text-align: center; margin: 15px 0 0;
}

.in-lm-3-1 li.active-2 {
	margin-right: 0px;
}

/*选项卡样式结束*/

.in-lm-4 {
	margin: 70px auto;
}

.in-lm-4 ul {
	width: 1200px; height: auto; margin: 0 auto;
}

.in-lm-4 ul li {
	position: relative;
}

.in-lm-4 ul li a {
	display: block;
}

.in-lm-4 ul li div.in-lm-4-1-left {
	width: 858px; height: auto; background-color: #f7f7f7; overflow: hidden;
}

.in-lm-4-1 {
	margin-bottom: 30px;
}

.in-lm-4-1 .in-lm-4-1-left {
	float: left;
}

.in-lm-4-2 .in-lm-4-1-left {
	float: right;
}

.in-lm-4-1 .in-lm-4-1-left div {
	 margin: 60px 0 60px 70px;
}

.in-lm-4-2 .in-lm-4-1-left div {
	 margin: 60px 70px 60px 158px;
}

.in-lm-4-1-left div {
	width: 630px; height: 240px;
}

.in-lm-4-1-left div h2 {
	display: block; padding: 0 0 30px; border-bottom: 1px dashed #d5d5d5; object-fit: inherit;
}

.in-lm-4-1-left div h2 strong {
	display: block; height: 24px; line-height: 24px; font-size: 24px; font-weight: normal; float: left;
	
	max-width: 50%;
	display: block;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	
}

.in-lm-4-1-left div h2 span {
	display: block; height: 12px; line-height: 12px; font-size:12px; font-weight: normal; float: left; margin: 12px 0 0 5px;
	
	max-width: 50%;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	
}

.in-lm-4-1-left div p {
	font-size: 14px; color: #202020; line-height: 30px; margin: 30px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:3;
	overflow: hidden;
} 

.in-lm-4-1-left div>span {
	width: 92px; height: 28px; background-color: #c21820; display: block; text-align: center; line-height: 28px; font-size: 14px;color: #fff; border: 1px solid #c21820;
}

.in-lm-4-1 .in-lm-4-1-right {
	right: 0;
}

.in-lm-4-2 .in-lm-4-1-right {
	left: 0;
}

.in-lm-4-1-right {
	width: 418px; height: 279px; position: absolute; top: 50%; margin-top:-139.5px ;
}

.in-lm-4-1-right img {
	display: block; width: 418px; height: 279px;
}

.in-lm-4 ul li.in-lm-4-1:hover .in-lm-4-1-left {
	-webkit-box-shadow:5px 5px 5px 1px #ccc;
	-moz-box-shadow:5px 5px 5px 1px #ccc;
	box-shadow:5px 5px 5px 1px #ccc;
}

.in-lm-4 ul li.in-lm-4-2:hover .in-lm-4-1-left {
	-webkit-box-shadow:-5px 5px 5px 1px #ccc;
	-moz-box-shadow:-5px 5px 5px 1px #ccc;
	box-shadow:-5px 5px 5px 1px #ccc;
}

.in-lm-4 ul li:hover .in-lm-4-1-left {
	
	border-radius: 3px;
}

.in-lm-4 ul li:hover .in-lm-4-1-left div>span {
	border: 1px solid #C21820; background-color: #f7f7f7; color: #C21820; border-radius: 3px;
}

.in-lm-4-1 {
	
}

.in-lm-5 {
	background-image: url(../img/b02.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding: 70px 0 0; overflow: hidden;
}

.in-lm-5-1 {
	margin: 0 auto 40px;
}

.in-lm-5-1-left {
	width: 600px; height: 258px; position: relative; float: left;
}

.in-lm-5-1-left a>span {
	display: block; width: 344px; height: 258px;
}

.in-lm-5-1-left span img {
	display: block; width: 344px; height: 258px;
}

.in-lm-5-1-left a>div {
	overflow: hidden;
	width: 309px; height: 232px; position: absolute; right: 0; top: 50%; margin-top: -116px; background-image: url(../img/b02.png); background-position: center center; background-repeat: no-repeat;
}

.in-lm-5-1-left div div {
	margin: 30px 30px 30px 45px; width: 234px; height: 172px;
}

.in-lm-5-1-left div div h2 {
	width: 100%; height: 18px; line-height: 18px; font-size: 16px; margin: 0 0 20px;
	
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	
}

.in-lm-5-1-left div div p {
	width: 100%; height: 60px; line-height: 20px; font-size: 14px;
	
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:3;
	overflow: hidden;
	
}

.in-lm-5-1-left div div strong {
	width: 100%; height: 1px; display: block; background-color: #e6e6e6; margin: 24px 0 20px;
}

.in-lm-5-1-left div div span {
	font-size: 14px; display: block; width: 100%; height: 14px; line-height: 14px; color: #515151;
}

.in-lm-5-1-right {
	width: 550px; height: 258px; float: right;
}

.in-lm-5-1-right li a {
	display: block;
}

.in-lm-5-1-right li a p {
	width: 70%; height: 36px; line-height: 36px; display: block; float: left; font-size: 14px;
	
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	
}

.in-lm-5-1-right li a span {
	width: 80px; text-align: right; height: 36px; line-height: 36px; display: block; float: right; font-size: 14px;
} 

.in-lm-5-1-right li.active-3 {
	border-bottom: 1px dashed #d2d1d1; padding: 0 0 20.5px; margin: 0 0 20.5px;
}

.in-lm-5-1-right li a:hover p {
	color: #c21820;
}

.in-lm-5-1-right li a:hover span {
	color: #c21820;
}

.in-lm-5-2 {
	margin: 100px auto 20px;
}

.in-lm-5-2 h2 {
	display: block; height: 30px; line-height: 30px; font-size: 14px; float: left; color: #787878;
} 

.in-lm-5-2 a {
	display: block; height: 30px; line-height: 30px; font-size: 14px; float: left; color: #787878; margin-left: 5px;
}

.in-lm-5-2 a:hover {
	color: #202020;
}

.footer {
	background-color: #313131; padding: 50px 0;
}

.footer-1 {
	
}

.footer-1-left {
	width: 960px; height: auto; float: left;
}

.footer-1-left h2 {
	width: 100%; height: 18px; line-height: 18px; color: rgba(255,255,255,.8); font-size: 18px;
}

.footer-1-left ul {
	margin: 30px 0 0; border-bottom: 1px solid rgba(255,255,255,.2); padding: 0 0 15px;
}

.footer-1-left ul li.active-4 a {
	padding-left: 0;
}

.footer-1-left ul li.active-5 a {
	border: none;
}

.footer-1-left ul li {
	float: left; font-size: 14px;
}

.footer-1-left ul li a {
	display: block; height: 14px; line-height: 14px; font-size: 14px; color: rgba(255,255,255,.2); padding: 0 15px; border-right: 1px solid rgba(255,255,255,.2);
}

.footer-1-left ul li a:hover {
	color: rgba(255,255,255,.8);
}

.in-p-1 {
	width: 100%; font-size: 14px; height: 14px; line-height: 14px; margin: 15px 0 40px;
}

.in-p-1 span {
	display: block; font-size: 14px; height: 14px; line-height: 14px; float: left;  color: rgba(255,255,255,.2); margin-right: 20px;
}

.in-p-2 {
	color: rgba(255,255,255,.2); font-size: 14px;
}

.in-p-2 a {
	color: rgba(255,255,255,.2);
}

.in-p-2 a:hover {
	color: rgba(255,255,255,.8);
}

.footer-1-right {
	width: 150px; height: auto; float: right;
}

.footer-1-right span {
	display: block; width: 150px; height: 150px; margin: 0 0 10px;
}

.footer-1-right span img {
	display: block; width: 150px; height: 150px; 
}

.footer-1-right p {
	font-size: 14px; text-align: center; height: 20px; line-height: 20px; color: rgba(255,255,255,.2);
}

/*在线客服开始*/
#scrollSearchDiv {
    position: fixed;
    width: 52px;
    height: 205px;
    right: 5px;
    top: 50%;
    z-index: 6666;
    margin-top: -102.5px;
    display: none;
}
	
	.kf {
		position: relative;
	}
	
	.side {
		width: 52px;
		height: auto;
		z-index: 100;
		
		
		border-bottom:none;
	}
	
	.side ul {
		
	}
	
	.side ul li {
		position: relative; background-color: #fff; 
	}
	
	.side ul li:hover {
		background-color: #C21820;
	}
	
	.border-1 {
		border: 1px solid #d2d2d2; border-top: none;
	}
	
	.kf-q {
		width: 52px;
		height: 52px;
		background-color: #fff; 
	}
	
	.kf-q:hover {
		background-color: #FF6600;
	}
		
	.kf-q a {
		display: block; width: 100%; height: 52px; color: #b3b3b3; line-height: 52px; font-size: 28px; background-color: #fff; 
	}
	
	.kf-1 {
		width: 50px;
		height: 50px;
		background-color: #fff;
	}
	
	.kf-2 {
		width: 50px;
		height: 50px;
		background-position: center center; background-repeat: no-repeat;
	}
	
	.side-1 {
		margin-top: -1px;
	}
	
	.side ul li .sidebox {
		position: absolute;
		border: 1px solid #d2d2d2;
		
		width: 50px;
		height: 50px;
		top: 0;
		right: 0px;
		transition: all 0.3s;
		opacity: 0.8;
		filter: Alpha(opacity=80);
		overflow: hidden;

	}
	
	.er_4:hover {
		
	}
	
	.side ul li .sidetop {
		
		display: block;
		transition: all 0.3s;
	}
	
	.side ul li .sidebox:hover {
	background-color: #C21820;	
	
	}
	
	.side ul li .sidebox:hover .bj01 {
		background-image: url(../img/d03.png);
	}
	
	.side ul li .sidebox:hover .bj02 {
		background-image: url(../img/kf01-1.png);
	}
	
	.side ul li .sidebox:hover .tp_2 {
		color: #fff;
	}
	
	.side ul li img {
		
	}
	
	.er_4:hover .er_3 {
		display: block; left: -140px;
	}
	
	.er_3 {
		position: absolute; top: -37px; left: 280px; width: 131px; height: 123px;  /*display: none;*/ background-image: url(../img/b01.png); background-position: right center; background-repeat: no-repeat; z-index: -1; 
		
		ransition:All 0.5s ease-in-out;
	    -webkit-transition:All 0.5s ease-in-out;
		-moz-transition:All 0.5s ease-in-out;
		-o-transition:All 0.5s ease-in-out;
		
	}
	
	.er_3>div {
		width: 123px; height: 123px; border-radius: 5px; background-color: #fff; overflow: hidden; border: 1px solid #d2d2d2;
	}
	
	.er_3 img {
		width: 103px; height: 103px; margin: 10px; display: block;
	}
	
	.tp_1 {
		width: 50px; height: 50px; float: left; 
	}
	
	.bj01 {
		font-size: 28px !important; color: #b3b3b3; line-height: 48px !important; text-align: center;
		
		background-image: url(../img/d02.png); background-position: center center; background-repeat: no-repeat;
		
	}
	.bj02 {
		background-image: url(../img/kf01.png); background-position: center center; background-repeat: no-repeat;
	}
	.bj03 {
		font-size: 28px !important; color: #b3b3b3; line-height: 48px !important; text-align: center; 		
		background-image: url(../img/kf05.png); background-position: center center; background-repeat: no-repeat;		
	}
	
	.bj03:hover {
		background-image: url(../img/kf05-1.png);
	}
	
	.bj04 {
		background-image: url(../img/kf06.png); background-position: center center; background-repeat: no-repeat;
	}
	
	.bj04:hover {
		background-color: #C21820; background-image: url(../img/kf06-1.png);
	}
	

	.tp_2 {
		font-size: 18px; float: left;  height: 50px; line-height:  50px; color: #202020; font-family: "微软雅黑"; width: 130px;
		
	}
	
	/*在线客服结束*/
	
	.child-c-1 {
	width: 100%; height: auto;
}

.in-link {
	margin: 0 auto 20px;
}

.in-link span {
	display: block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    float: left;
    color: #787878;
}

.in-link a {
	display: block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    float: left;
    color: #787878;
    margin-left: 5px;
}

.in-link a:hover {
	color: #c21820;
}

.child-c-1 img {
	display: block; width: 100%; height: auto;
}

.accordion {
    width: 100%;
}

.accordion>a {
	font-size: 16px;
    text-indent: 45px;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.accordion .link {
    cursor: pointer;
    display: block;
    color: #4D4D4D;
    font-size: 16px;
    text-indent: 45px;
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #f6f6f6;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li:last-child .link {
    border-bottom: 0;
}
.accordion li{
    cursor: pointer;
}

.accordion>li>a {
	cursor: pointer;
    display: block;
    color: #4D4D4D;
    font-size: 16px;
    text-indent: 45px;
    display: block;
    height: 60px;
    line-height: 60px;
    background-image: url(../img/h01.png);
    background-position: 225px center; background-repeat: no-repeat;
    border-bottom: 1px solid #f6f6f6;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.accordion li i {
    position: absolute;
    top: 26px;
    left: 225px;
	background-image: url(../img/h01.png);
	background-position: center center;
	background-repeat: no-repeat;
    width: 8px; height: 8px;
    display: block; 
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;

}

.open .link i {
	
}

.accordion>li>a:hover {
	border-left: 4px solid #c21820;
	background-image: url(../img/h01-1.png); 
}

.accordion>li.active-6>a {
	border-left: 4px solid #c21820;
	background-image: url(../img/h01-1.png); background-repeat: no-repeat;
}

.accordion>li.active-6 .link {
	border-left: 4px solid #c21820;
	
}

.accordion>li.active-6 .link i {
	background-image: url(../img/h01-1.png); background-repeat: no-repeat;
}

.accordion>li.active-6 .submenu {
	display: block;
}

.link:hover {
	border-left: 4px solid #c21820;
}

.link:hover i {
	background-image: url(../img/h01-1.png); 
}

.submenu {
    display: none;
    background: #f2f2f2;
    font-size: 14px;
	overflow: hidden;
}

.submenu li {
    border-bottom: 1px solid #d6d7dc; overflow: hidden;
}

.fl .Choice-4 a {
	background-image: url(../img/h01-1.png);
    border-left: 4px solid #c21820;
}

.submenu a {
    font-size: 16px;
    text-indent: 70px;
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-image: url(../img/h01.png); background-position: 225px center; background-repeat: no-repeat;
}

.submenu a:hover{
   background-image: url(../img/h01-1.png);  border-left: 4px solid #c21820;
}

.child-z {
	width: 1200px; height: auto; margin: 30px auto 80px;
}

.child-z-left {
	width: 268px; height: auto; float: left;
}

.child-z-left-1 {
	background-color: #c21820; overflow: hidden;
}

.child-z-left-1 div {
	margin: 30px; color: #fff;
}

.child-z-left-1 div h2 {
	font-size: 26px; display: block; height: 34px; line-height: 34px; margin: 0 0 5px; letter-spacing: 2px;
}

.child-z-left-1 div p {
	font-size: 16px; display: block; height: 16px; line-height: 16px;  letter-spacing: 2px;
}

.fl {
	border: 1px solid #ebebeb; border-bottom: none;
}

.child-z-left-2 {
	margin: 30px 0 0; background-color: #c21820; overflow: hidden;
}

.child-z-left-2 div {
	margin: 20px 15px; color: #fff;
}

.child-z-left-2 div h2 {
	font-size: 25px; color: #fff; font-family: "黑体"; display: block; height:25px; line-height: 25px; float: left;
}

.child-z-left-2 div span {
	font-size: 14px; color: #fff; font-family: "黑体"; display: block; height:25px; line-height: 35px; float: left; margin-left: 5px;
}

.child-z-left-3 {
	border: 1px solid #d6d7dc; overflow: hidden;
}

.child-z-left-3 div {
	margin: 20px 15px;
}

.child-z-left-3 div h2 {
	font-size: 14px; color: #202020;
}

.child-z-left-3 div p {
	font-size: 14px; color: #202020; line-height: 25px;
}

.child-z-left-3 div p span {
	font-size: 14px; color: #202020; line-height: 25px; display: block; float: left; width: 45px;
}

.child-z-left-3 div p strong {
	font-size: 14px; color: #202020; line-height: 25px; display: block; float: left; width: 190px; font-weight: normal;
}

.child-z-right {
	width: 897px; height: auto; float: right;
}

.child-right-1 {
	
}

.child-right-1 h2 {
	margin-bottom: 16px;
}

.child-right-1>span {
	width: 100%; height: 1px; display: block; background-color: #e6e6e6; position: relative;
}

.child-right-1>span span {
	display: block; width: 72px; height: 2px; background-color: #c21820; position: absolute; left: 0; bottom: 0;
}

.child-right-1 h2>span  {
	display: block; float: left; font-size: 18px; color: #c21820; height: 20px; line-height: 20px;
}

.child-right-1 h2>p  {
	display: block; float: right; font-size: 14px; color: #202020; height: 20px; line-height: 20px;
}

.child-right-1 h2>p span,
.child-right-1 h2>p a {
	font-size: 14px; color: #202020; display: block; height: 20px; line-height: 20px; float: left;
}

.child-right-1 h2>p strong {
	width: 20px; height: 20px; display: block; float: left; background-image: url(../img/h01.png); background-position: center center; background-repeat: no-repeat;
}

.child-right-2 ul {
	overflow: hidden;
}

.child-right-2 li {
	float: left; width: 286px; height: auto; margin-top: 30px; text-align: center;
}

.Choice-3 {
	margin-left: 19.5px; margin-right: 19.5px ;
}

.child-right-2 li h2 {
	width: 100%; height: 20px; line-height: 20px; font-size: 14px; color: #202020; margin: 10px 0 0;
	
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	
}

.child-right-2 li a {
	display: block; width: 100%; height: auto; 
}

.child-right-2 li a>span {
	width: 284px; height: auto; display: block; border: 1px solid #eeeeee; position: relative;
}

.child-right-2 li a>span img {
	display: block; width: 284px; 
}

.news-photo-cp li a>span img {
	height:190px;
}

.news-photo-al li a>span img {
	height:214px;
}

.news-photo-ry li a>span img {
	height:316px;
}

.child-right-2 li a>span span {
    width: 0px;
    height: 0px;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
}

.child-right-2 li:hover a>span>span {
		width: 100%; height: 100%; background-color: rgba(255,255,255,.5); left: 0; top: 0;
		
		transform:rotateY(180deg);
		-webkit-transform:rotateY(180deg); /* Safari and Chrome */
		-moz-transform:rotateY(180deg); /* Firefox */
		
	}
	
.child-right-2 li:hover a h2 {
	color: #c21820;
}
	

.fy {
		display:table; margin:60px auto 0px;
	}
	
	.fy:after {
		display: none;
	}
	
	.BORDER,.disbled {
		float: left;
		box-sizing: border-box;
		height: 37px;
		text-align: center;
		line-height: 37px
	}
	
	.BORDER {
		margin: 0 5px 0 0;
		padding: 0 10px;
		border: 1px solid #e8e8e8;
		background: #f8f8f8;
		color: #898989;
		font-size: 14px;
		cursor: pointer;
		-webkit-transition: border 1s;
		transition: border 1s;
		
	}
	
	.BORDER:hover {
		border: 1px solid #c21820;
		background: #c21820;
		color: #fff;
	}
	
	.fy b
	{
	background:#c21820;
	color:#FFF;
	border: 1px solid #c21820;
	
	}


.child-right-4 {
	line-height: 30px; font-size: 14px; color: #666; margin: 30px 0 0;
}

.child-right-4 img {
	max-width: 100%;  height: auto;
}

.child-right-5 {
	margin: 30px 0 0;
}


.news_1 {
	
}

.news_1_1 a {
	display: block;
}

.news_1_1:hover .news_1_1-right span {
	border: 1px solid #c21820; background-color: #c21820; color: #fff;
}

.news_1_1:hover h2 {
	color: #c21820;
}

.news_1_1-left {
	width: 270px; height: 202px; float: left;
}

.news_1_1-left img {
	width: 100%; height: 202px; display: block;
}

.news_1_1-right {
	width: 622px; height: 200px; border: 1px solid #eee; float: left;
}

.news_1_1-right>div {
	width: 595px; height: 200px; margin: 0 0 0 20px; overflow: hidden;
}

.news_1_1-right>div h2 {
	width: 100%; height: 16px; line-height: 16px; font-size: 16px; margin: 20px 0 25px;
	
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.news_1_1-right div p {
	
    font-size: 14px; line-height: 25px; width: 99%; height: 50px; margin: 0px 0 20px; color: #787878;
	
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.news_1_1-right span {
    float: left;
    display: block;
    width: 90pt;
    height: 36px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    line-height: 36px;
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
}

.news_1_1-right div strong {
    float: right;
    display: block;
    width: 40%;
    height: 100%;
    text-align: right;
    font-size: 16px;
    color: #aaa;
    line-height: 36px;
    font-weight: normal;
}

.news_1_2 {
	margin: 15px 0 0; 
}

.news_1_2 a {
    display: block;
    background-image: url(../img/n01-3.png);
    background-position: left center;
    background-repeat: no-repeat;
    
    transition:All 0.5s ease-in-out;
	-webkit-transition:All 0.5s ease-in-out;
	-moz-transition:All 0.5s ease-in-out;
	-o-transition:All 0.5s ease-in-out;
}

.news_1_2 a:hover {
	background-image: url(../img/n01-2.png);
}

.news_1_2:hover p,.news_1_2:hover span {
	color:  #c21820;
}

.news_1_2 p {
    float: left;
    display: block;
    display: inline-block;
    overflow: hidden;
    width: 60%;
    height: 25px;
    line-height: 25px;
    text-indent: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;

   transition:All 0.5s ease-in-out;
	-webkit-transition:All 0.5s ease-in-out;
	-moz-transition:All 0.5s ease-in-out;
	-o-transition:All 0.5s ease-in-out;
    
}

.news_1_2 span {
    float: right;
    display: block;
    margin: 0 0 0 20%;
    width: 16.3%;
    height: 25px;
     line-height: 25px;
    text-align: right;
    font-size: 16px;
    color: #aaa;
    
    transition:All 0.5s ease-in-out;
	-webkit-transition:All 0.5s ease-in-out;
	-moz-transition:All 0.5s ease-in-out;
	-o-transition:All 0.5s ease-in-out;
}

.ji-2 {
	padding-bottom: 20px;
    border-bottom: 1px dashed #ebebeb;
    margin-bottom: 20px;
}

.child-right-6 {
	margin: 30px 0 0;
}

.xw-bt {
	text-align: center; margin-bottom: 30px;
}

.xw-bt h2 {
	width: 60%; height: 16px; line-height: 16px; color: #202020;  margin: 0 auto 10px; font-size: 16px;
	
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.xw-bt h3 {
	width: 80%; height: 14px; line-height: 14px; color: #666;  margin: 0 auto; font-size: 14px;
	
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.xw-bt h3 a {
	color: #666; font-size: 14px;
}

.news-zw {
	line-height: 30px; color: #666;
}

.news-zw p {
	line-height: 30px; color: #666;
}

.news-zw img {
	max-width: 100%; height: auto;
}

.paging {
	margin: 30px 0 0;
}

.paging h2 {
	width: 100%; height: 20px; line-height: 20px;
}

.paging h2 span {
	float: left; height: 20px; font-size: 14px; display: block; color: #666;
}

.paging h2 a {
	float: left; height: 20px; font-size: 14px; display: block; width: 60%; color: #666;
	
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.paging h2 a:hover {
	color: #c21820;
}
	
.all {
	width: 100%; min-width: 1200px; margin: 0 auto;
}

.Choice-3 .link i {
	background-image: url(../img/h01-1.png); 

}

.Choice-3 .submenu {
<div class="footer">
				<div class="footer-1 in-public clearfix">
					<div class="footer-1-left">
						<h2>十堰腾跃汽车零部件有限公司</h2>
						<ul class="clearfix">
							<li><a href="#">关于我们</a></li>
							<li><a href="#">产品展示</a></li>
							<li><a href="#">厂房设备</a></li>
							<li><a href="#">新闻动态</a></li>
							<li><a href="#">联系我们</a></li>
						</ul>
						<p class="clearfix in-p-1">
							<span>地址：十堰市茅箭区普林工业园普林路12号</span>
							<span>电话：0719-8612526</span>
							<span>QQ：719350643</span>     
							<span>邮箱：719350643@qq.com</span>
						</p>
						<p class="in-p-2">版权所有 Copyright(C)2018  十堰腾跃汽车零部件有限公司     技术支持：<a href="#">华想科技</a></p>
					</div>
					<div class="footer-1-right">
						<span><img src="img/er.jpg" alt=""/></span>
						<p>微信号：hbhxkj</p>
					</div>
				</div>
			</div>
			
			<!--在线客服-->
			<script type="text/javascript">
				$(function () {              
	            //绑定滚动条事件  
	              //绑定滚动条事件  
	            $(window).bind("scroll", function () {  
	                var sTop = $(window).scrollTop();  
	                var sTop = parseInt(sTop);  
	                if (sTop >= 130) {  
	                    if (!$("#scrollSearchDiv").is(":visible")) {  
	                        try {  
	                            $("#scrollSearchDiv").slideDown();  
	                        } catch (e) {  
	                            $("#scrollSearchDiv").show();  
	                        }                        
	                    }  
	                }  
	                else {  
	                    if ($("#scrollSearchDiv").is(":visible")) {  
	                        try {  
	                            $("#scrollSearchDiv").slideUp();  
	                        } catch (e) {  
	                            $("#scrollSearchDiv").hide();  
	                        }                         
	                    }  
	                }   
	            });  
	        })
			</script>
			
			<div id="scrollSearchDiv">

				<div class="kf">
					<div class="side">
						<ul>
							<li class="kf-q">
								<a href="#" class="">
									<div class="sidebox clearfix">
										<div class="tp_1 bj01 fa fa-qq"></div>
										<div class="tp_2">0719-8612526</div>
									</div>
								</a>
							</li>
							<li class="kf-q side-1">
								<a href="#" class="">
									<div class="sidebox clearfix">
										<div class="tp_1 bj02"></div>
										<div class="tp_2">719350643</div>
									</div>
								</a>
							</li>

						
							<li class="er_4 kf-1 border-1">
								<a href="#">
										<div class="tp_1 bj03 fa fa-weixin"></div>
								</a>
								<div class="er_3">
									<div>
									<img src="img/er.jpg" alt="" />
									</div>
								</div>
							</li>
							
							<li class="kf-2 k-bj-4 border-1">
								<a href="javascript:goTop();" class="sidetop tp_1 bj04">
								</a>
							</li>
							
						</ul>
						<script type="text/javascript">
							$(document).ready(function(){
								$(".side ul li").hover(function(){			
								$(this).find(".sidebox").stop().animate({"width":"180px"},200).css({"opacity":"1","filter":"Alpha(opacity=100)"})				
							},function(){
								$(this).find(".sidebox").stop().animate({"width":"50px"},200).css({"opacity":"8","filter":"Alpha(opacity=100)"})				
								});
							});
							//回到顶部				
							function goTop(){						
								$('html,body').animate({'scrollTop':0},600);						
							}
						</script>
					</div>
				</div>
			</div>

			<!--在线客服结束-->
			
			</div>

		<script type="text/javascript" src="src/scrolla/scrolla.jquery.min.js" ></script>
		<script>	
			$('.animate').scrolla({
				mobile: false,
				once: true,
			});
		</script>
    </body>
</html>	display: block;
}

.Choice-3 .link {
	border-left: 4px solid #c21820;
}