/*基础CSS*/



	




.footer{
	background: rgba(255,255,255,0.30);
}




















	
.nav-item{
    width:104px;
	height: 80px;
    position: relative;
    font-size: 14px;
    color:#fff;
 /*   overflow: hidden;    */
    float: left;
}
.nav-item a{
	display:block;    /*   背景色有链接，全靠它了    */
    text-decoration: none;
    color: white;
}	
	
	
	
	
.nav-item div{
    width:110px;
	height: 80px;
    line-height: 80px;
	text-align: center;
    position: absolute;
 /*   transition: all 0.15s ease-in-out;   */
	
transition:all 0.1s ease 0s;
-webkit-transform-style:preserve-3d;
	
}
.nav-item .one{
    bottom: 0;
	left: 0;
    z-index: 1;
/*    background: #000;    */
	color: white;
}
	
	
.nav-item:hover .one{
    bottom: -30px;    /*   导致一级导航往下覆盖   */
	display: none;    /*   解决 导致一级导航往下覆盖  的问题   */
	left: 0;
}
	
	
	
.active{
    bottom: 0;left: 0;
    z-index: 1;
	color: white;
	background:  rgba(215, 39, 23, 1) !important;
}
	
	
	
.nav-item .two{
    top: -90px;
	left: 0;
	height: 80px;
    z-index: 2;
	background:  rgba(215, 39, 23, 1) !important;
	color: white;
}
.nav-item:hover .two{
    top: 0;left: 0;
}

.nav-item .two a{
	position:relative;
    top: -15px;
}
	
	
.nav-one {
position: relative;
transition:all 0.1s ease 0s;
-webkit-transform-style:preserve-3d;
}
.nav-one:hover .nav-two {
display: block;
transition: all .2s ease-in-out;
}
.nav-two {
display: none;
position: absolute;
top: 100%;
left: 0;
	margin-top: -0px;

	}

		
.nav-two a{
	display:block;    /*   背景色有链接，全靠它了    */
    text-decoration: none;
    color: white;
	font-size: 13px;
	}
	
	

	
.nav-two li {
	margin-top: -0xp;
	height: 40px;
	line-height: 40px;
	border-bottom: 0.5px solid rgba(0,0,0,0.3);
background:  rgba(215, 39, 23, 0.9) !important;
	}
	
.nav-two li:hover {
	margin-top: -0xp;
	background:  rgba(0, 0, 0, 0.5) !important;
	}
	
	

.language {
	padding:0 5px; color: rgba(255,255,255,1.00);
}	
	
.language .act {
	padding:0 5px; color: rgba(255,0,4,1.00);
}	
	
	
.language:hover,.language .act:hover {
	padding:0 5px; color: rgba(255,255,0,1.00);
}	
	















.index_box {
  position: relative;
	width: 100%;
	height: 100%;
	margin: 1px 0;
/*  max-height: 300px;
  border-radius: 4px;
	*/
  overflow: hidden;
	/*
  box-shadow: 0 1.4px 1.7px rgba(0, 0, 0, 0.017), 0 3.3px 4px rgba(0, 0, 0, 0.024), 0 6.3px 7.5px rgba(0, 0, 0, 0.03), 0 11.2px 13.4px rgba(0, 0, 0, 0.036), 0 20.9px 25.1px rgba(0, 0, 0, 0.043), 0 50px 60px rgba(0, 0, 0, 0.06);
	*/
}
.index_box .hide {
  opacity: 0;
}
.index_box .frame {
  position: absolute;
  border: 1px solid #fff;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.index_box h2, .index_box p {
  position: absolute;
  color: #fff;
  z-index: 2;
  width: 100%;
  transition: opacity 0.2s, transform 0.3s;
}
.index_box h2 {
/*	padding: 0 18px;   */
  font-weight: 100;
	line-height: 24px;
  font-size: 16px;
  margin-bottom: 0;
  letter-spacing: 1px;
}
.index_box p {
  top: 0;
  font-size: 14px;
  letter-spacing: 1px;
}
.index_box:hover {
  transition: all 0.3s ease-in-out;
}
.index_box:hover:before {
  transition: all 0.3s ease-in-out;
}
.index_box img {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.index_box img:hover {
  transition: all 0.3s ease-in-out;
}
.index_box img:after {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.index_box img:hover {
  transition: all 0.3s ease-in-out;
}




.product_mask p {
  opacity: 0;
  bottom: 0;
  transform: translate3d(0, 50%, 0);
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
}
.product_mask:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
	background:rgba(0,0,0,0.50);
	/*
background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
bottom: -100%;
	*/
  z-index: 2;
  left: 0;
	opacity: 0;
}
.product_mask:hover:before {
	opacity: 1;
  bottom: 0;
}


.product_mask h2 {
  top: -10%;
  transform: translate3d(0, 40%, 0);
  text-align: center;
	opacity: 0;
}

.product_mask:hover h2 {
  bottom: 0px;
  transform: translate3d(0, 50%, 0);
	opacity: 1;
}
.product_mask:hover p {
  opacity: 1;
  transform: translate3d(0, 55%, 0);
}


/*
.product_mask:hover p:hover {
	background: rgba(243,0,255,1.00);
	color: rgba(34,253,0,1.00);
}
<br>



.c_more{
	padding: 5px 10px;
	border: rgba(255,255,255,1.00) 1px solid;
	background:rgba(255,0,4,0);
	color: rgba(255,255,255,1.00);
}

.c_more:hover{
	transition: all 0.3s ease-in-out;
	padding: 5px 10px;
	border: rgba(255,255,255,1.00) 1px solid;
	background:rgba(255,255,255,1);
	color: rgba(255,0,0,1.00);
}

	
*/




















.box {
  position: relative;
	margin:0 10px 20px 10px;
	background: rgba(255,255,255,1.00);
	width: 240px;
	height: 360px;
/*  max-height: 300px;   */
  border-radius: 0px;
  overflow: hidden;
	/*
  box-shadow: 0 1.4px 1.7px rgba(242, 242, 242, 1.0), 0 3.3px 4px rgba(242, 242, 242, 1.0), 0 6.3px 7.5px rgba(242, 242, 242, 1.0), 0 11.2px 13.4px rgba(242, 242, 242, 1.0), 0 20.9px 25.1px rgba(242, 242, 242, 1.0), 0 50px 60px rgba(242, 242, 242, 1.0);
	*/
}
	
	
	
	
.box .box_title{
  position:absolute;
	bottom: 20px;
	height: 50px;

	text-align: center;
width: 92%;
	left: 50%;
  transform: translate(-50%, -50%);

}
	
	
	
.box .box_money{
  position:absolute;
	bottom: -8px;
color: rgba(255,0,4,1.00);
font-size: 18px;
	left: 50%;
  transform: translate(-50%, -50%);

}
	

	
	
	
	
	
	
.box .hide {
  opacity: 0;
}
.box .frame {
  position: absolute;
  border: 1px solid #fff;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.box h2, .box p {
  position: absolute;
  color: #fff;
  z-index: 2;
  width: 100%;
	padding: 5px 5px;
  transition: opacity 0.2s, transform 0.3s;
}
.box h2 {
	padding: 0 18px;
  font-weight: 100;
	line-height: 24px;
  font-size: 16px;
  margin-bottom: 0;
  letter-spacing: 1px;
}
.box p {
  bottom: 0;
  font-size: 14px;
  letter-spacing: 1px;
}
.box:hover {
  transition: all 0.3s ease-in-out;
}
.box:hover:before {
  transition: all 0.3s ease-in-out;
}
.box img {
  position: relative;
  width: 100%;
/*  height: 100%;    */
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.box img:hover {
  transition: all 0.3s ease-in-out;
}
.box img:after {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.box img:hover {
  transition: all 0.3s ease-in-out;
}




.product_list_mask p {
  opacity: 0;
  bottom: 0;
  transform: translate3d(0, -10px, 0);
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
}
.product_list_mask:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
	background:rgba(255,0,4,0.90);
	/*
background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
bottom: -100%;
	*/
  z-index: 2;
  left: 0;
	opacity: 0;
}
.product_list_mask:hover:before {
	opacity: 1;
  bottom: 0;
}


.product_list_mask h2 {
  top: -25%;
  transform: translate3d(0, 80px, 0);
  text-align: left;
	opacity: 0;
}

.product_list_mask:hover h2 {
  bottom: 0px;
  transform: translate3d(0, 110px, 0);
	opacity: 1;
}
.product_list_mask:hover p {
  opacity: 1;
  transform: translate3d(0, -30px, 0);
}


/*
.product_list_mask:hover p:hover {
	background: rgba(243,0,255,1.00);
	color: rgba(34,253,0,1.00);
}
<br>
*/


.c_more{
	padding: 6px 10px;
	font-weight: normal;
	border: rgba(255,255,255,1.00) 1.6px solid;
	background:rgba(255,0,4,0);
	color: rgba(255,255,255,1.00);
}

.c_more:hover{
	transition: all 0.3s ease-in-out;
	padding: 6px 10px;
	border: rgba(255,255,255,1.00) 1.6px solid;
	background:rgba(255,255,255,1);
	color: rgba(255,0,0,1.00);
}




















































.list_box {
  position: relative;
	width: 100%;
	height: 360px;
	background: rgba(255,255,255,1.00);
	margin: 7px 7px;
  overflow: hidden;
}
.list_box .hide {
  opacity: 0;
}
.list_box .frame {
  position: absolute;
  border: 1px solid #fff;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.list_box h2, .list_box p {
  position: absolute;
  color: #fff;
  z-index: 2;
  width: 100%;
  transition: opacity 0.2s, transform 0.3s;
}
.list_box h2 {
/*	padding: 0 18px;   */
  font-weight: 100;
	line-height: 24px;
  font-size: 16px;
  margin-bottom: 0;
  letter-spacing: 1px;
}
.list_box p {
  top: 0;
  font-size: 14px;
  letter-spacing: 1px;
}
.list_box:hover {
  transition: all 0.3s ease-in-out;
}
.list_box:hover:before {
  transition: all 0.3s ease-in-out;
}
.list_box img {
  position: relative;
  width: 100%;
/*  height: 100%;  */
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.list_box img:hover {
  transition: all 0.3s ease-in-out;
}
.list_box img:after {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.list_box img:hover {
  transition: all 0.3s ease-in-out;
}

















.list_mask p {
  opacity: 0;
  bottom: 0;
  transform: translate3d(0, 50%, 0);
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
}
.list_mask:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
	background:rgba(215,39,23,0.90);
	/*
background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
bottom: -100%;
	*/
  z-index: 2;
  left: 0;
	opacity: 0;
}
.list_mask:hover:before {
	opacity: 1;
  bottom: 0;
}


.list_mask h2 {
  top: -10%;
  transform: translate3d(0, 40%, 0);
  text-align: center;
	opacity: 0;
}

.list_mask:hover h2 {
  bottom: 0px;
  transform: translate3d(0, 50%, 0);
	opacity: 1;
}
.list_mask:hover p {
  opacity: 1;
  transform: translate3d(0, 55%, 0);
}


/*
.list_mask:hover p:hover {
	background: rgba(243,0,255,1.00);
	color: rgba(34,253,0,1.00);
}
<br>
*/



















	


.index_more {
height: 60px;
	line-height: 60px;
background: rgba(247, 247, 247, 1.0);
transition: all .3s ease-in-out;
}

.index_more:hover {
background: rgba(153, 153, 153, 1.0);
	color: rgba(255,255,255,1.00);
}
	

	
	
	

.main-title {
	width:100%;
	padding-top:40px;
	margin-bottom:40px;
	border-bottom: rgba(229,229,229,1.00) solid 1px;
/*	background:url(../images/index_bg01.png) repeat-x 0 bottom;  */
}
.main-title h2 {
	height:43px;
	font:14px/24px "微软雅黑";
	color:#a3a3a4
}
.main-title h2 span {
	float:left;
	display:inline-block;
	border-bottom:1px solid #727272;
	padding-bottom:43px;
	font:bold 20px/24px "微软雅黑";
	color:#333;
	height:24px;
	margin-right:5px;
}
	

	
	
	
.main-title2 {
	width:100%;
	padding-top:0px;
	margin-bottom:40px;
	border-bottom: rgba(111,111,111,1.00) solid 1px;
}
.main-title2 h2 {
	height:43px;
	font:14px/24px "微软雅黑";
	color:#fff;
}
.main-title2 h2 span {
		border-bottom: rgba(255,255,255,1.00) solid 1px;
	font:bold 20px/24px "微软雅黑";
	padding-bottom:18px;
	color:#fff;
}	

	
	
	
	
.index-more { float: right; font: normal 16px/24px Arial; color: #c6c6c6; padding-right: 15px; }
.index-more:hover { color:rgba(255,0,4,1.00); }
	
.max-min {
	position: relative;
	width:100%;
	max-width:1280px;
	min-width:1010px;
	margin:0 auto;
}
.max-min span {
	text-transform:uppercase; 
}	



















		

.index-newsmore:hover {
	color:#fff;
}
.index-newsle {
	float:left;
	width:47%;
}
.index-newsle-img {
	width:100%;
	position:relative;
	overflow:hidden;
	margin-bottom:30px;
}
.index-newsle h3 {
	margin-bottom:15px;
	font:18px/24px "微软雅黑";
	color:#dfdfdf;
}
.index-newsle span {
	float:right;
	font-size:14px;
	color:#7a7a7a;
}
.index-newsle p {
	color:#888;
	line-height:24px;
}
	
	
	
.index-newsri {
	float:right;
	width:47%;
	padding-left:5px;
}
.index-newsri dl {
	width:100%;
	margin-left:-5px;
	padding:22px 0;
	padding-left:5px;
	margin-bottom:25px;
	transition:background 0.4s;
	cursor:pointer;
}
.index-newsri dl dt {
	width:17%;
	float:left;
	border-right:1px solid #e6e6e6;
	font:normal 66px/76px 'verdana';
	color:#e6e6e6;
	text-align:center;
}
.index-newsri dl dd {
	float:right;
	width:74%;
	float:right;
	padding-right:18px;
}
.index-newsri dl dd h3 {
	height:24px;
	margin-bottom:10px;
	font:18px/24px "微软雅黑";
	color:#dfdfdf;
	overflow:hidden;
}
.index-newsri dl dd h3 span {
	float:right;
	font-size:14px;
	color:#717171;
	margin-bottom:12px;
}
.index-newsri dl dd p {
	color:#888;
}
.index-newsri dl:hover {
	padding-left:0;
	background:#e3e3e3;
	border-left:5px solid #333;
}
.index-newsri dl:hover dt {
	color:#565656;
	border-color:#666;
}
.index-newsri dl:hover dd h3 {
	color:#3b3b3b;
}	
	
	




















	
	
	


.index-brand {
	height:379px;
	overflow:hidden;
}
.index-brandbox {
	position:relative;
	overflow:hidden;
	float:left;
	margin:0 1px 0 0;
	height:379px;
	background:#f4f4f4;
	transition:background 0.5s,padding 0.5s,margin 0.5s;
	cursor:pointer;
}
.index-brandbox .brand-icon {
	width:80px;
	height:66px;
	margin:60px auto 23px;
	overflow:hidden;
}
.index-brandbox .icon01 {
	background:url(../images/index_bg07.png) no-repeat;
	background-position:0 -106px;
	transition:all 0.6s ease-out 0.3s;
}
.index-brandbox .icon02 {
	background:url(../images/index_bg08.png) no-repeat;
	background-position:0 -106px;
	transition:all 0.6s ease-out 0.3s;
}
.index-brandbox .icon03 {
	background:url(../images/index_bg09.png) no-repeat;
	background-position:0 -106px;
	transition:all 0.6s ease-out 0.3s;
}
.index-brandbox .icon04 {
	background:url(../images/index_bg10.png) no-repeat;
	background-position:0 -106px;
	transition:all 0.6s ease-out 0.3s;
}
.index-brandbox .brand-title {
	text-align:center;
}
.index-brandbox .brand-title h4 {
	font:normal 20px/28px "微软雅黑";
	color:#484848;
	transition:all 0.3s;
	text-transform:uppercase;
}
.index-brandbox .brand-title p {
	font:18px/28px "Times New Roman";
	color:#bababa;
}
.index-brandbox .brand-title span {
	margin-top:20px;
	display:inline-block;
	width:87px;
	height:1px;
	overflow:hidden;
	background:#c5c5c5;
}
.index-brandbox .brand-intro {
	width:76%;
	font:12px/24px "微软雅黑";
	color:#777;
	margin:20px auto 0;
	text-align:center;
}
.index-brandbox .nrand-jia {
	margin:0 auto;
	width:114px;
	height:25px;
	background:url(../images/index_bg12.png) no-repeat;
	display:none;
}
.index-brandbox:hover .icon01,.index-brandbox:hover .icon02,.index-brandbox:hover .icon03,.index-brandbox:hover .icon04 {
	background-position:0 0;
}
.index-brandbox:hover .brand-title h4 {
	color:#ffffff;
}
.index-brandbox:hover .brand-title p {
	color:#d9d9d9;
}
.index-brandbox:hover .brand-title span {
	background:#d9d9d9;
}
.index-brandbox:hover .brand-intro {
	height:76px;
	color:#f2f2f2;
}
.index-brandbox:hover .nrand-jia {
	display:block;
}

	
.box1:hover {
	background: rgba(246,110,106,1.00);
}	
	
.box2:hover {
	background: rgba(153,57,252,1.00);
}	

	
.box3:hover {
	background: rgba(115,202,154,1.00);
}	

	
.box4:hover {
	background: rgba(67,101,202,1.00);
}	























.inner-title {
	height: 60px;
	border-bottom: rgba(217,217,217,1.00) 1px solid;
}
.inner-title .breadcrumbs {
	width:20%;
	float:left;
	font-size:12px;
	
word-wrap:break-word;
	
}
.inner-title h2 {
	width:79%;
	float:right;
	padding-top: 10px;
	font:14px/24px "微软雅黑";
	color:#a3a3a4
}
.inner-title h2 span {
	float:left;
	display:inline-block;
	border-bottom:1px solid #727272;
	font:bold 20px/24px "微软雅黑";
	color:#333;
	padding-bottom:25px;
	margin-right: 8px;
/*	
	
	height:24px;
	margin-right:5px;
	*/
}









.inner-main {
	margin-top:40px
}
.inner-main .left {
	width:20%;
	float:left;
}
.inner-main .right {
	width:79%;
	float:right;
}
.inner-main .left ul {
	width:98%;
	overflow:hidden
}
.inner-main .left ul li {
	line-height:60px;
	margin-bottom:3px;
}
.inner-main .left ul li a {
	display:block;
	background:#656565;
	font-size:16px;
	color:#fff;
	padding-left:10px;
	-webkit-transition:0.3s all ease;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
	transition:0.3s all ease;
}
.inner-main .left ul li a img {
	padding-right:10px;
	padding-bottom:7px;
	width:38px;
	height:38px;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
	transition:0.3s all ease;
	text-shadow:0px 0px 0px #999;
}
.inner-main .left ul li a:hover,.inner-main .left ul li a.on {
	background:#e10000;
	color:#FFF
}
.inner-main .left ul li a:hover img,.inner-main .left ul li a.on img {
	width:46px;
	height:46px;
	text-shadow:2px 2px 2px #333;
	padding-bottom:5px;
}
.inner-main .left ul li ul {
	margin-top:2px;
	width:100%;
	display:none;
	margin-left:4px
}
.inner-main .left ul li ul li {
	line-height:40px;
	margin-bottom:2px
}
.inner-main .left ul li ul li a {
	font-size:14px;
	padding-left:30px;
	background:#999
}
.inner-main .left ul li ul li a:hover {
	transform:translate(2px,0);
	-webkit-transform:translate(10px,0);
	-moz-transform:translate(10px,0);
	-o-transform:translate(10px,0);
	-ms-transform:translate(10px,0)
}
.inner-main .left ul li:hover ul,.inner-main .left ul li.on ul {
	display:block;
}



.inner-main .main-title {
	width:100%;
	height:88px;
	padding-top:50px;
	margin-bottom:80px;
	background:url(../images/index_bg01.png) repeat-x 0 bottom;
}
.inner-main .main-title h2 {
	font:normal 32px/40px "微软雅黑";
	color:#444;
	text-align:center
}
.inner-main .main-title h2 span {
	display:block;
	font:14px/40px "微软雅黑";
	height:48px;
	background:url(../images/inner_bg01.gif) no-repeat center bottom;
	color:#a3a3a4
}
.inner-main .main-title2 {
	background:url(../images/index_bg06.png) repeat-x 0 bottom;
}
.inner-main .main-title2 h2 {
	color:#fff;
}
.inner-main .main-title2 h2 span {
	color:#a3a3a4;
	background:url(../images/inner_bg02.gif) no-repeat center bottom;
}
















.pro_head {
	height:500px;
	margin-bottom:10px;
	position:relative
}
.pro_head .pro_intro {
	float: right;
	width:240px;
	color:#ccc;
	padding:25px;
	color:#666;
	background:#fff;
	height:450px;
	font-size:14px;
	margin-left:10px;
	position:absolute;
	right:0;
}
.pro_head .pro_intro h3 {
	font:21px/30px "微软雅黑" normal;
	color:#000;
	margin-bottom:25px
}
.pro_head .pro_intro .price {
	font-weight:normal;
	text-align:center;
	position:absolute;
	font-size:21px;
	color:#F00;
	top:450px
}
.pro_head .pro_img {
	background:#fff;
	margin-right:310px;
	height:500px;
	position:relative;
	text-align:center
}
.more_img {
	position:absolute;
	right:0;
	top:0;
	width:60px;
	margin:15px
}
.more_img img {
	width:60px;
	height:60px;
	margin-bottom:7px;
	border:1px solid #eee
}



















	/*	

      .pro-container {
		  position: relative;
		  float: left;
        width: 650px;
        height: 520px;
      }

      .swiper-container {
		  float: left;
        width: 500px;
        height: 500px;
		  overflow: hidden;
      }

      .swiper-container-thumbs {
		float: right;
        width: 120px;
        height: 500px;
		  overflow: hidden;
      }

      .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        font-size: 60px;
        overflow: hidden;
      }

.swiper-slide img {
	height: 100%;
}		
		
      .swiper-container-thumbs .swiper-slide {
        font-size: 20px;
        opacity: 0.8;
      }

      .swiper-container-thumbs .swiper-slide-thumb-active {
        opacity: 1;
		  border: 1px solid rgba(255,0,4,1.00);
      }

*/



















        .tab{
           
            width: 100%;
       /*     height: 400px;
            margin: 0 auto;
             */
        }
        .tab_list {
            width: 100%;
            height: 45px;
           background: rgba(224,224,224,1.00);
        }
        .tab_list li {
            float: left;
			width: 33.33333%;
            height: 45px;
            line-height: 45px;
			border-right: 2px solid rgba(255,255,255,1.00);
			font-size: 18px;
            text-align: center;
            cursor: pointer;
            list-style :none;
        }
    
        .tab_list li:last-child {
		border-right:none;
		  }
		
        .tab_list .current {
           background: rgba(101,101,101,1.00);
            color: aliceblue;
       
        }
        .tab_con{
			background: rgba(255,255,255,1.00);
            width: 100%;
        }
        .item{
            padding: 20px;
        }

        .item img{
         max-width: 100%;
        }

.item_info {
            
            padding: 20px 0 0 20px;
        }
 
        .item {
            display: none;
        }

















.prev {
	width:45%;
	font-size:16px;
	border:1px solid rgba(90,90,90,0.20);
	margin-top:40px;
	background:url(../images/arrow_l.png) 3% center no-repeat;
	-webkit-transition:0.3s all ease;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
	transition:0.3s all ease;
	float:left;
	padding:10px 0px 10px 40px;
	color:rgba(0,0,0,0.60);
}
.prev a {
	display:block;
	color:rgba(0,0,0,0.60);
}
.prev:hover {
	border: none;
	color:#fff;
	background:url({../images/arrow_l.png) 1% center no-repeat #e10000
}
.prev:hover a {
	color:#fff
}



.next {
	width:45%;
	font-size:16px;
	border:1px solid rgba(90,90,90,0.20);
	margin-top:40px;
	background:url(../images/arrow_r.png) 97% center no-repeat;
	-webkit-transition:0.3s all ease;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
	transition:0.3s all ease;
	float:right;
	text-align:right;
	padding:10px 40px 10px 0px;
	color:rgba(0,0,0,0.60);
}
.next a {
	display:block;
	color:rgba(0,0,0,0.60);
}
.next:hover {
	border: none;
	color:#fff;
	background:url(../images/arrow_r.png) 99% center no-repeat #e10000;
}
.next:hover a {
	color:#fff
}	



















.down_list {
	padding:20px 40px 20px 20px;
	margin-bottom:20px;
	border-bottom:2px solid #ddd;
	-webkit-transition:0.3s all ease;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
	transition:0.3s all ease;
	background:#fdfdfd;
	font-size:14px;
	color:#999
}
.down_list:hover {
	background:#f2f2f2;
	border-bottom:2px solid #d31f1f;
}
.down_list i {
	display:block;
	width:80px;
	height:70px;
	float:left;
	margin-right:15px;
	background:url(../images/down_clound.png) center center no-repeat #999;
	-webkit-transition:0.3s all ease;
	-moz-transition:0.5s all ease;
	-ms-transition:0.5s all ease;
	-o-transition:0.5s all ease;
	transition:0.5s all ease;
}
.down_list:hover i {
	background:url(../images/down_clound.png) center center no-repeat #e10000
}
.down_list h5 {
	font-size:18px;
	line-height:35px;
	font-weight:normal;
	color:#333
}
.down_list a.down {
	display:block;
	background:#fff;
	border:3px solid #e0e0e0;
	color:#a1a1a1;
	font:18px/40px "微软雅黑";
	text-align:center;
	float:right;
	width:96px;
	height:40px;
	margin-top:10px;
	-webkit-transition:0.3s all ease;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
	transition:0.3s all ease;
	overflow:hidden
}
.down_list a.down em {
	display:none;
	background:url(../images/down.png) center -35px no-repeat #d31f1f;
	position:absolute;
	width:96px;
	height:40px;
}
.down_list a.down:hover {
	background:#d31f1f;
	border-color:#e10000;
	color:#fbe9e9;
}
.down_list a.down:hover em {
	display:block;
	background:url(../images/down.png) center center no-repeat #d31f1f;
	position:absolute;
	width:96px;
	height:40px
}
.down_list h5 a {
	color:#d31f1f;
}
.down_list a:hover {
	background:#666;
	color:#fff
}





















.news_list {
	margin:0;
	padding:0;
	background:#fff;
	padding:20px
}
.news_list ul {
	}
.news_list li {
	padding:20px;
	border-bottom:1px solid #eee;
	font-size:14px;
	line-height:25px;
	color:#999;
	clear:both;
	height:220px;
}
.news_list li:hover {
	background:#f2f2f2
}
.news_list li img {
	float:left;
	margin-right:20px;
	width:280px;
	height:180px
}
.news_list li h5 {
	font-size:26px;
	color:#333;
	line-height:40px;
	font-weight:normal
}
.news_list li:hover a h5 {
	color:#e10000
}
.news_list li p {
	max-height:120px;
	overflow:hidden;
	display:block
}
.news_list li:hover p {
	color:#333
}
.news_list li span {
	background:url(../images/icon_time.png) left center no-repeat;
	padding-left:18px;
	font-size:12px;
	line-height:30px;
	color:#CCC;
}	
	  
	  
	  

.news_info {
	background:#fff;
	padding:40px 60px;
	font-size:14px;
	line-height:30px;
	margin-bottom:40px
}


.news_info img{ max-width:890px;}



.news_info h1.title {
	font-size:28px;
	color:#000;
	line-height:45px;
	margin-bottom:10px;
	text-align:center
}
.news_info .data {
	font-size:12px;
	color:#ccc;
	line-height:30px;
	margin-bottom:10px;
	text-align:center;
	border-bottom:1px solid #eee
}



.news_info .prev {
	width:45%;
	font-size:16px;
	border:1px solid #eee;
	margin-top:40px;
	background:url(../images/arrow_l.png) 3% center no-repeat;
	-webkit-transition:0.3s all ease;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
	transition:0.3s all ease;
	float:left;
	padding:10px 0px 10px 40px;
	color:#ccc;
}
.news_info .prev a {
	display:block;
	color:#ccc
}
.news_info .prev:hover {
	background:url(../images/arrow_l.png) 1% center no-repeat #e10000
}
.news_info .prev:hover a {
	color:#fff
}


.news_info .next {
	width:45%;
	font-size:16px;
	border:1px solid #eee;
	margin-top:40px;
	background:url(../images/arrow_r.png) 97% center no-repeat;
	-webkit-transition:0.3s all ease;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
	transition:0.3s all ease;
	float:right;
	text-align:right;
	padding:10px 40px 10px 0px;
	color:#ccc;
}
.news_info .next a {
	display:block;
	color:#ccc;
}
.news_info .next:hover {
	background:url(../images/arrow_r.png) 99% center no-repeat #e10000;
}
.news_info .next:hover a {
	color:#fff
}



.news {
	background:#eaeaea;
	overflow:hidden;
	margin-bottom:75px;
}
.news-text {
	float:left;
	width:49%;
	height:100%;
	position:relative;
}
.news-text-box {
	width:80%;
	padding:10% 0;
	margin:0 auto;
}
.news-img {
	float:right;
	width:50%;
	overflow:hidden;
	max-height:438px
}
.news-img img {
	transition:all 1.8s;
	-webkit-transition:all 1.8s;
}
.news-img img:hover {
	transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
}
.news-text-box h3 {
	font:normal 20px/26px "微软雅黑";
	color:#444;
	padding-bottom:30px;
}
.news-text-box h3 a {
	color:#444;
}
.news-text-box h3 a:hover {
	color:#000;
}
.news-text-box p {
	height:85px;
	font:12px/20px "微软雅黑";
	color:#7b7b7b;
}
.news-text-box .newsmore {
	display:inline-block;
	width:120px;
	height:32px;
	background:#868686;
	border:1px solid #7b7b7b;
	font:14px/32px Arial;
	text-align:center;
	color:#fff;
	transition:all 0.3s;
}
.news-text-box .newsmore:hover {
	background:#e10000;
	border:1px solid #960303;
}
.news-text-box .newstime {
	position:absolute;
	left:10%;
	bottom:8%;
}
.news-info {
	position:absolute;
	width:100%;
	max-width:1280px;
	min-height:980px;
	left:50%;
	top:545px;
	background:#fff;
	display:none;
	z-index:1000;
}
.news-overlay {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.7;
	filter:Alpha(opacity=70);
	z-index:999;
	display:none;
}
.news-content {
	width:90%;
	margin:120px auto;
}