@import "font-awesome.css";
body{

	margin:0;
	    margin: 0;
    font-size: 16px;
    font-family: Arial,"Microsoft Yahei";
    line-height: 1.5; color: #333;
    background: url(../img/back.jpg);

}
*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
a, a:hover, a:focus {

    text-decoration: none;

}



.content{
	margin:0px auto; max-width: 1400px; padding-left: 20px; padding-right: 20px;
}
.venus-menu{
	margin:30px 0 10px 0;
}
.venus-menu{
	 width: calc(100% - 160px);
	margin:0;
	padding:0;
	position:relative;
	float:left;
	list-style:none;
	background:#ab1223;  margin-top: 20px;
}
.venus-menu li{
	display:inline-block;
	margin:0;
	padding:0;
	float:left;
	line-height:20px;
	position:relative;
	width:14.28%;
	text-align: center;
}
.venus-menu > li > a{
	height: 80px;
	
	color:#fff;
	text-decoration:none;
	display:block;
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	-moz-transition:color 0.2s linear, background 0.2s linear;
	-o-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
}

.venus-menu > li > a h3{padding-top: 20px; padding-bottom: 10px; font-size: 18px; font-weight: 500; width: 100%; line-height: 1; }
.venus-menu > li > a span{font-size: 12px; font-weight: 500; width: 100%; display: block;filter:alpha(opacity:50); opacity:0.5;  -moz-opacity:0.5;-khtml-opacity: 0.5;  }
.venus-menu li:hover > a, .venus-menu li.active a{
	background:url("../img/003.png") bottom right no-repeat,
                     url("../img/004.png") top left no-repeat;
	background-color:#fff;
	color:#ab1223;
}
.venus-menu > li > a i{
	color:#fff;
}
.venus-menu > li:hover > a i, .venus-menu li.active a i{
	color:#fff;
}
.venus-menu ul, .venus-menu ul li ul{
	list-style:none;
	margin:0;
	padding:0;
	display:none;
	position:absolute;
	z-index:99;
	width:100%;
}
.venus-menu ul{
	top:80px;
	left:0;
	padding-top:0px;
}
.venus-menu > li > ul > li:first-child a:before{
	content:'';
	position:absolute;
	bottom:48px;
	left:60%;
	margin-left:-48px;
	width:0;
	height:0;
	border-left:8px solid rgba(255, 255, 255, 0);
	border-right:8px solid rgba(255, 255, 255, 0);
	border-bottom:8px solid #1AC0C0; display: none;
}
.venus-menu > li > ul > li ul li:first-child a:before{
	content:'';
	position:absolute;
	bottom:16px;
	left:45%;
	margin-left:-71px;
	width:0;
	height:0;
	border-top:8px solid rgba(255, 255, 255, 0);
	border-right:8px solid #1AC0C0;
	border-bottom:8px solid rgba(255, 255, 255, 0);
}
.venus-menu ul li ul{
	top:0;
	left:100%;
	padding-left:10px;
}
.venus-menu ul li{
	clear:both;
	width:100%;
	border:none;
}
.venus-menu ul li a{
	padding:14px 20px;
	width:100%;
	color:#fff;
	font-size:14px;
	text-decoration:none;
	display:inline-block;
	float:left;
	clear:both;
	background:#ab1223;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-transition:background 0.2s linear;
	-moz-transition:background 0.2s linear;
	-o-transition:background 0.2s linear;
	transition:background 0.2s linear;
}

.venus-menu li.active ul li a{

	background:#ab1223 !important;
	color: #fff;

}

.venus-menu li.active ul li a:hover{

	background:#fff !important;
	color: #ab1223;

}
.venus-menu ul li:hover > a{
	background:#fff;
}
.venus-menu > li > ul > li:first-child:hover a:before{
	border-bottom-color:#7bc27a;
}
.venus-menu > li > ul > li ul li:first-child:hover a:before{
	border-right-color:#7bc27a;
}
.venus-menu > li .indicator{
	position:absolute;
	color:#fff;
	top:19px;
	right:8px;
	font-size:20px;
	-webkit-transition:color 0.2s linear;
	-moz-transition:color 0.2s linear;
	-o-transition:color 0.2s linear;
	transition:color 0.2s linear;
}
.venus-menu > li:hover > .indicator{
	color:#fff;
}
.venus-menu ul > li .indicator{
	top:14px;
	right:8px;
	color:#fff;
}
.venus-menu i{
	line-height:20px !important;
	margin-right:6px;
	font-size:20px;
	float:left;
}
.venus-menu > li.showhide{
	display:none;
	width:100%;
	height:60px;
	cursor:pointer;
	color:#fff;
	border-bottom:solid 1px rgba(0, 0, 0, 0.1);
	background:#fff;
}
.venus-menu > li.showhide span.title{
	margin:13px 0 0 20px; width: 50%;
	float:left;
}
.venus-menu > li.showhide span.icon{
	margin:16px 20px;
	float:right;
}
.venus-menu > li.showhide .icon em{
	margin-bottom:4px;
	display:block;
	width:26px;
	height:3px;
	background:#ccc;
}
.venus-menu li.search{
	float:right;
}
.venus-menu li.search form{
	margin:13px 20px 0 0;
}
.venus-menu li.search form input.search{
	height:26px;
	float:right;
	padding-left:5px;
	padding-right:5px;
	color:#fff;
	outline:none;
	border:solid 1px #dedede;
	-o-transition:border .3s linear;
	-moz-transition:border .3s linear;
	-webkit-transition:border .3s linear;
	transition:border .3s linear;
}
.venus-menu li.search form input.search:focus{
	border-color:#1AC0C0;
}
.zoom-out{
/* 	-webkit-animation:zoomOut 200ms ease both;
-moz-animation:zoomOut 200ms ease both;
-o-animation:zoomOut 200ms ease both;
animation:zoomOut 200ms ease both; */
}

@-webkit-keyframes zoomOut{
	0%{
		-webkit-transform:scale(.6);
	}
	100%{
		-webkit-transform:scale(1);
	}
}
@-moz-keyframes zoomOut{
	0%{
		-moz-transform:scale(.6);
	}
	100%{
		-moz-transform:scale(1);
	}
}
@-o-keyframes zoomOut{
	0%{
		-o-transform:scale(.6);
	}
	100%{
		-o-transform:scale(1);
	}
}
@keyframes zoomOut{
	0%{
		transform:scale(.6);
	}
	100%{
		transform:scale(1);
	}
}





.banner-box{ width: 100%; height: auto; position: relative; }

.banner-box .content-box{position: absolute; width: 100%; height: 120px;left: 0px; top: 20px; z-index: 500;}


.banner-box .content .logo{width: 120px; height: 120px;display: block; float: left; margin-right: 40px;}
.banner-box .content .logo-name{display: none;}

.banner .swiper-slide img{ display: block; width: 100% }

.banner .swiper-pagination-bullet-active{background-color:#ab1223;}



@media only screen and (max-width:900px){
	.banner-box{margin-top: 60px;}
	.banner-box .content-box {
    position: fixed;
    width: 100%;
    height: 60px;
    left: 0px;
    top: 0px;

}

.content {
  position: relative;
    padding-left: 0px;
    padding-right: 0px;
}
	.banner-box .content .logo{display: block; width: 40px; height: 40px; top: 10px; left: 10px; position: absolute; z-index: 501;  }
	.banner-box .content .logo-name{display:block; position: absolute;  width: calc(100% - 140px); height: 40px; line-height: 40px; z-index: 501;
		top: 10px; left: 80px; font-size: 16px; font-weight: 900; }
	.venus-menu{width: 100%; margin-top: 0px;}
	.venus-menu li{
		display:block;
		width:100%;
	}
	.venus-menu > li > a{
		padding:5px 10px 5px 10px; height: 45px;
	}
	.venus-menu > li > a h3{line-height: 35px; font-size: 16px; padding-top: 0px; padding-bottom: 0px;}
	.venus-menu > li > a span{display: none;}
	.venus-menu > li.brand{
		display:none !important;
	}
	.venus-menu a{
		width:100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.venus-menu ul, .venus-menu ul li ul{ position: relative; z-index: 100;
		width:100%;
		padding:0;
		left:0;
		border:none;
		position:static;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.venus-menu > li > ul > li:first-child a:before, .venus-menu > li > ul > li ul li:first-child a:before{
		border:none;
	}
	.venus-menu ul li{
		border-left:none;
		border-right:none;
	}
	.venus-menu ul li a{
		padding-top:10px;
		padding-bottom:10px;
	}
/* 	.venus-menu ul > li > a{
	padding-left:40px !important;
} */
	.venus-menu > li .indicator{
		top:14px;
		right:20px;
		font-size:20px;
	}
	.venus-menu ul > li .indicator{
		top:10px;
		right:20px;
	}
	.venus-menu li.search form{
		margin:12px 18px 0 18px;
	}
	.venus-menu li.search form input.search{
		width:100%;
		margin-bottom:12px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.venus-menu > li > ul > li > a{
		/* padding-left:40px !important; */ background: #fff; color: #ab1223;
	}
	.venus-menu > li > ul > li > ul > li > a{
		padding-left:60px !important;
	}
	.venus-menu > li > ul > li > ul > li > ul > li > a{
		padding-left:80px !important;
	}
	 .venus-menu li.active a{
	
	background-color:#ab1223;
	color:#fff;

}


}
.title{width: 100%; height: auto; overflow: hidden; text-align: center; }
.title img{display: inline-block;  max-width: 100%;}
.pro{width: 100%; height: auto;padding-top: 80px; position: relative;}
.pro-box{width: 100%; max-width: 1200px; margin: 0 auto;  position: relative;padding-bottom: 80px; }
.pro ul{width: 100%; height: auto; overflow: hidden; z-index: 100; margin-top: 60px;padding:0 3px;position: relative;}
.pro ul li{width: 100%; height: auto; overflow: hidden; padding:20px 45px; position: relative;
	margin-bottom: 10px; background: rgba(247,243,239,0.8); border: 1px rgba(160,160,160,0.8) solid; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); }

.pro ul li .zhuangshi .zs01{width: 1px; height: 50px; position: absolute; top: 5px; left: 5px; background: rgba(160,160,160,0.8) ;display: block;}
.pro ul li .zhuangshi .zs02{width: 50px; height: 1px; position: absolute; top: 5px; right: 5px; background: rgba(160,160,160,0.8) ;display: block;}
.pro ul li .zhuangshi .zs03{width: 1px; height: 50px; position: absolute; bottom: 5px; right: 5px; background: rgba(160,160,160,0.8) ;display: block;}
.pro ul li .zhuangshi .zs04{width: 50px; height: 1px; position: absolute; bottom: 5px; left: 5px; background: rgba(160,160,160,0.8) ;display: block;}

.pro ul li .tip{width: 200px; height: 200px; overflow: hidden; float: left;}
.pro ul li .txt{width: calc(50% - 100px); height: 200px; overflow: hidden; float: left; transition: all 0.3s ease;
	font-size: 16px; color: #444; padding-left: 40px; padding-right: 40px;}
.pro ul li .pic{width: calc(50% - 100px); height: 160px; overflow: hidden; float: left; margin-top: 20px; background-size:cover;background-position: center center;  }
.pro ul li .tip img{display: block;width: 100%;}
.pro ul li:hover  .txt{color:#ab1223; }

.figcaption{height: 96px !important; overflow: hidden;margin-top: 50px; }
.pro .about{width: 100%; height: 160px; overflow: hidden; position: absolute; left: 0px; bottom: -80px;background: #ab1223;}
.pro .about .tip{width: 200px; height: 160px; overflow: hidden; float: left; position: absolute;  left: 30px; top: 45px; z-index: 100;}

.pro .about .txt{width: calc(100% - 200px); height: 200px; overflow: hidden; float: left; transition: all 0.3s ease; z-index: 100; position: relative;
	font-size: 16px; color: #fff; padding-left: 40px; padding-right: 40px; margin-left: 200px;}
	.figcaption2{height: 72px !important; overflow: hidden;margin-top: 43px; }
	.pro .about-box{position: absolute; width:calc(100% - 10px); height:calc(100% - 10px); left: 5px; top: 5px; 
		border: 1px solid rgba(255,255,255,0);z-index: 99; transition: all 0.3s ease;}
.pro .about:hover  .about-box{border: 1px solid rgba(255,255,255,0.7);}
.pro-back{width: 100%; height: 550px; position: absolute; left: 0px; top: 50%; margin-top: -215px; z-index: 99;
 background: url(../img/a06.jpg)  center center; background-size:cover; background-attachment: fixed;}

@media only screen and (max-width:1400px){
.pro-box{width: 90%; margin: 0 auto; }
}

@media only screen and (max-width:1000px){
.pro ul li .tip{position: absolute; top: 50%; left: 40px; margin-top: -100px;}
.pro ul li .txt{width: calc(100% - 240px); float: none;margin-left: 240px; padding:0px; margin-top: 20px;position: relative;}
.pro ul li .pic{width: calc(100% - 240px); float: none;margin-left: 240px; margin-bottom: 20px;}
}

@media only screen and (max-width:700px){
.pro ul li .tip{position: static; width: 100%; margin-top: 0px; height: auto; margin-bottom: 20px;}
.pro ul li .tip img{width: 150px; height: 150px;  margin: 0 auto;}
.pro ul li .txt{width: calc(100% - 0px);margin-left: 0px; }
.pro ul li .pic{width: calc(100% - 0px);margin-left: 0px; }

.pro{width: 100%;padding-left: 20px; padding-right: 20px; }
.pro ul li{padding:20px; }

.pro .about .tip{position: relative; width: 100%; margin-top: 40px; height: auto; margin-bottom: 20px; top: 0px; left: 0px;}
.pro .about .tip img{width: 200px;display: block;   margin: 0 auto;}
.pro .about .txt{width: calc(100% - 0px);margin-left: 0px; }
.figcaption2{margin-top: 0px; }
.figcaption{height: 96px !important; overflow: hidden;margin-top: 50px; }
.pro .about{height: auto; padding-bottom: 40px;position: relative; bottom: 0px;}
.pro-back{ background-attachment: scroll;}
}
@media only screen and (max-width:400px){

.pro ul li .pic{ height: 120px;}

}
.bou{width: 100%; height: auto;padding-top: 160px; padding-bottom: 80px;
  background: url(../img/a07.jpg)  center center; background-size:cover; background-attachment: fixed;}
.bou-s{max-width: 1200px; margin-top: 40px !important; padding-bottom: 40px !important;}
.bou-s img{display: block;width: 100%;}
.bou-s .bou-box{width: 100%; height: auto; overflow: hidden; position: relative;}
.bou-s .bou-box .pic{position: absolute; width:calc(100% - 9px); height:calc(100% - 9px); right: 1px; bottom: 1px; z-index: 120;}
.bou-s .bou-box .box{position: absolute; width:calc(100% - 9px); height:calc(100% - 9px); left: 1px; top: 1px; z-index: 119;
	border: 1px solid #fff;transition: all 0.3s ease;
filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1;}
.bou-s .bou-box .txt{position: absolute; width:calc(100% - 9px); height:calc(100% - 9px); left: 1px; top: 1px; z-index: 121;
 background: rgba(0,0,0,0.8);transition: all 0.3s ease; padding:20px; 
filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0;}
.bou-s .bou-box:hover .txt{filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1;}
.bou-s .bou-box:hover .box{filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0;}


.bou-s .bou-box .txt h3{color: #fff; font-size: 24px; line-height: 1; margin-bottom: 20px; }
.bou-s .bou-box .txt span{background: #fff; height: 2px; width: 60px; margin-bottom:20px; display: block;}
.bou-s .bou-box .txt .figcaption3{color: #fff;font-size: 14px; line-height: 2; height: 112px; overflow: hidden;}
.bou-s .swiper-pagination-bullet{width: 60px; height: 4px; border: 1px solid #fff; border-radius: 0px;filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8;background-color:transparent;    }
.bou-s .swiper-pagination-bullet-active{background: #fff; filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8;}
 .more{ width: 220px; height: 40px; line-height: 40px; display: block; margin: 0 auto; background: url(../img/012.png);
  margin-top: 40px;transition: all 0.3s ease; color:#ab1223;  text-align: center; font-size: 16px;}
 .more:hover{margin-top: 30px; margin-bottom: 10px;}



.new{width: 100%; height: auto;padding-top: 80px; padding-bottom: 80px;background: url(../img/a09.jpg); }
.new-box{width: 100%; height: auto;overflow: hidden; max-width: 1400px; margin:0 auto; margin-top: 30px; position: relative;}
.new-box .new-s{width: 100%; height: auto;overflow: hidden; max-width: 1200px; margin:0 auto; }
.new-box .new-s .pic{width: 100%; height: auto; overflow: hidden;  position: relative; }
.new-box .new-s .pic .pic-box{width: 100%; height: 100%; position: absolute; transition: all 0.3s ease;
 filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0; z-index: 100; background-size: cover; }
.new-box .new-s .pic .pic-black{width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.7);}
.new-box .new-s .pic span{display: block;font-size: 16px; line-height: 1; width: 100%; margin-bottom: 20px; color: #333 ; position: relative;z-index: 101;transition: all 0.3s ease;}
.new-box .new-s .pic h2{display: block;font-size: 20px; line-height: 1; width: 100%; margin-bottom: 20px; color: #999; font-weight: 500;
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;  position: relative;z-index: 101;transition: all 0.3s ease;}
.new-box .new-s .pic .figcaption4{display: block;font-size: 14px; line-height: 2; width: 100%;  color: #333;height: 112px;  position: relative;z-index: 101;transition: all 0.3s ease;}
.new-box .new-s .pic:hover .pic-box{filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1;}
.new-box .new-s .pic:hover span{color: #fff;}
.new-box .new-s .pic:hover h2{color: #fff;}
.new-box .new-s .pic:hover .figcaption4{color: #fff;}
.new-box .new-s .pic-txt{width: 100%; height: auto; overflow: hidden; padding:30px 15px; }

.new-box .swiper-button-prev, .new-box .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 75px;
    margin-top: -37px;
    z-index: 10;
    cursor: pointer;
    background-size: 60px 75px;
    background-position: center;
    background-repeat: no-repeat;
}

.new-box .swiper-button-prev {
    background-image: url(../img/013.png);
}

.new-box .swiper-button-next {
    background-image: url(../img/014.png);
}
.foot{width: 100%; height: auto;padding-top: 80px; padding-bottom: 60px;
  background: url(../img/a11.jpg)  center center; background-size:cover;}
.foot-box{width: 100%; height: auto;overflow: hidden; max-width: 1200px;margin: 0 auto; }
.foot-box  .logo2{display: block;width:30%; max-width: 200px; margin: 0 auto; margin-bottom: 30px;}
.foot-box  .title{position: relative;}
.foot-box  .title span{position: absolute; width: calc(50% - 130px); height: 1px; background: #fff;}
.foot-box  .title span.s1{left:0px; top: 15px; }
.foot-box  .title span.s2{right:0px; top: 15px; }
.foot-box  .num{text-align: center; color: #fff; line-height: 1.5; font-size: 20px; margin-top: 30px; }
.foot-box  .num p{ margin-bottom: 20px;  }
.foot-box  .rz{text-align: center;margin-top: 30px; width: 100%; overflow: hidden; height: auto; }
.foot-box  .rz img{display: inline-block;  margin: 5px; }
.foot-box  .bb{text-align: center;margin-top: 30px; width: 100%; overflow: hidden; height: auto; }
.foot-box  .bb span{display: inline-block; overflow: hidden; height: auto; font-size: 16px; color: #fff;  line-height: 2 ;margin:0 30px; }
.foot-box  .bb span a{ color: #fff; }
.foot-box  .bb span.ga{padding-left: 30px;background: url(../img/016.png) left center no-repeat; }




@media only screen and (max-width:1400px){
.bou-s{width: 90%; }

.new-box{width: 100%;}
.new-box .new-s{width: calc(100% - 200px);}
}




@media only screen and (max-width:900px){
.new-box .new-s .pic h2{display: block;font-size: 16px; }
.foot-box  .bb span{margin:0 10px; }
}
@media only screen and (max-width:700px){
.bou{padding-top: 80px;background-attachment: scroll;}

}
@media only screen and (max-width:600px){
	.bou-s .bou-box .txt{ padding:15px; }
.bou-s .bou-box .txt h3{color: #fff; font-size: 20px; line-height: 1; margin-bottom: 15px; }
.bou-s .bou-box .txt span{ height: 1px; width: 60px; margin-bottom:15px;}
.bou-s .bou-box .txt .figcaption3{color: #fff;font-size: 14px; line-height: 2; height: 84px; overflow: hidden;}


.new-box .swiper-button-prev, .new-box .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 38px;
    margin-top: -19px;
    z-index: 10;
    cursor: pointer;
    background-size: 30px 38px;
    background-position: center;
    background-repeat: no-repeat;
}
.new-box .new-s{width: calc(100% - 100px);}
.foot-box  .num{font-size: 16px;  }
.foot-box  .bb span{ font-size: 14px;}
}


@media only screen and (max-width:400px){
.bou-s .bou-box .txt h3{color: #fff; font-size: 16px; line-height: 1; margin-bottom: 15px; }
.bou-s .bou-box .txt span{ height: 1px; width: 60px; margin-bottom:15px;}
.bou-s .bou-box .txt .figcaption3{color: #fff;font-size: 14px; line-height: 1.5; height: 63px; overflow: hidden;}
}


.in-bou{width: 100%; height: auto;padding-top: 80px; padding-bottom: 20px;}
.in-bou ul.list{width: 100%; height: auto;padding-top: 40px; overflow: hidden; max-width: 1240px; margin: 0 auto;}
.in-bou ul.list li{ width: calc(33.3% - 0px); height: auto; overflow: hidden;  float: left;padding-left: 20px; 
	padding-right: 20px; margin-bottom: 40px;}
.in-bou ul.list li .pic{width: 100%; height: auto; overflow: hidden; position: relative;}
.in-bou ul.list li .pic img{width: 100%; display: block;}
.in-bou ul.list li .pic .pic1{width: 100%;height: 100%; position: absolute; top: 0px; left: 0px; background-size: cover; transition: all 0.3s ease;}
.in-bou ul.list li:hover .pic .pic1{    transform: scale(1.1);}
.in-bou ul.list li .txt{width: 100%; height: auto; overflow: hidden; position: relative; padding:5px; background: #ab1223;   }
.in-bou ul.list li .txt .box{width: 100%; height: auto; overflow: hidden; border: 1px solid #fff; padding:20px 20px; }
.in-bou ul.list li .txt .box h2{font-size: 22px; text-align: center; color: #fff; line-height: 1 ;margin-bottom: 15px;
 overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: 500; }
.in-bou ul.list li .txt .box span {display: block; width: 100%; height: auto; overflow: hidden;}
.in-bou ul.list li .txt .box span .b1{font-size: 16px; color: #fff; float: left;font-weight: 500;}
.in-bou ul.list li .txt .box span .b2{font-size: 16px; color: #fff; float: right;font-weight: 500;}

.in-pro ul.list li{padding-bottom: 3px;}
.in-pro ul.list li:hover .pic .pic1{    transform: scale(1.0);}
.in-pro ul.list li .txt{ padding:0px; background: #f8f4f1; width: calc(100% - 40px); margin: 0 auto;
 margin-top: -60px; box-shadow: 3px 3px 3px rgba(0,0,0,0.3); position: relative;height: 102px;}
.in-pro ul.list li .txt .box{ border: 0px solid #fff;  }

.in-pro ul.list li .txt .box h2{color: #ab1223;  margin-bottom: 0px; }
.in-pro .more{ width: 155px; height: 30px; line-height: 30px;  background: url(../img/017.png); background-size: 155px 30px;
  margin-top: 20px;color:#fff;   font-size: 14px;}
.in-pro ul.list li:hover .more{margin-top: 10px; margin-bottom: 10px;}




.in-pro .zhuangshi .zs01{width: 1px; height: 20px; position: absolute; top: 5px; left: 5px; background: rgba(160,160,160,0.8) ;display: block;}
.in-pro .zhuangshi .zs02{width: 20px; height: 1px; position: absolute; top: 5px; right: 5px; background: rgba(160,160,160,0.8) ;display: block;}
.in-pro .zhuangshi .zs03{width: 1px; height: 20px; position: absolute; bottom: 5px; right: 5px; background: rgba(160,160,160,0.8) ;display: block;}
.in-pro .zhuangshi .zs04{width: 20px; height: 1px; position: absolute; bottom: 5px; left: 5px; background: rgba(160,160,160,0.8) ;display: block;}


.page{margin-top: 20px; text-align: center; width: 100%; height: auto; overflow: hidden; margin-bottom: 60px;}
.page a{display: inline-block; padding: 0 10px; height: 32px; border-radius: 3px;
 line-height: 32px; text-align: center; margin:0 3px; border: 1px solid #999; color: #333 }
 .page a:hover{color: #ab1223; }
.page a.cut{background: #ab1223; border: 1px solid #ab1223; color: #fff;}




.pro-nav{width: 100%; height: auto; overflow: hidden; max-width: 1200px; margin: 0 auto; margin-top: 40px;}
.pro-nav li{ width: calc(20% - 20px);height: auto; overflow: hidden; max-width: 1200px; float: left; margin: 0 10px; position: relative;}
.pro-nav li img{display: block;width: 100%;transition: all 0.3s ease;}
.pro-nav li img.pn-1{filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1;}
.pro-nav li img.pn-2{position: absolute; top: 0px; left: 0px;
filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0;}

.pro-nav li:hover img.pn-2{filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1;}
.pro-nav li:hover img.pn-1{filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0;}
.pro-nav li h3{font-size: 18px; line-height: 20px; height: 20px; width: 100%; text-align: center; margin-top: -10px; position: absolute; left: 0px;
top: 50%; color:#ab1223; font-weight: 500;}
.pro-nav li:hover h3{color: #fff;}

.pro-nav li.cut img.pn-2{filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1;}
.pro-nav li.cut img.pn-1{filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0;}
.pro-nav li.cut h3{color: #fff;}


.in-abo{width: 100%; height: auto;padding-top: 80px; padding-bottom: 80px;  max-width: 1200px; margin: 0 auto;}
.in-abo .wenben{width: 100%; height: auto; overflow: hidden; font-size: 16px;  margin-top: 40px;}
.in-abo .wenben p{margin-bottom: 24px;}
.in-abo .trac{width: 100%; height: auto; overflow: hidden; }
.in-abo .trac1{width: 50%; height: auto; overflow: hidden; float: left; }
.in-abo .trac1 img{display: block; max-width: 100%; margin: 0 auto;}




.in-abo .news-list{width: 100%; height: auto; overflow: hidden; padding:0 3px; margin-top: 40px; }
.in-abo .news-list li{width: 100%; height: auto; overflow: hidden; margin-bottom: 10px; 
background: rgba(247,243,239,0.8); border: 1px rgba(160,160,160,0.8) solid; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); padding:50px 60px; }
.in-abo .news-list li .txt{ width: calc(100% - 300px);float: left; margin-right: 20px;height: auto; overflow: hidden; }
.in-abo .news-list li .txt .box{ width: calc(100% - 00px); max-width: 700px; height: auto; overflow: hidden; margin-top: 30px;}
.in-abo .news-list li .txt h3{font-size: 20px; color: #333; width: 100%; overflow: hidden; margin-bottom: 30px;
	text-overflow:ellipsis;white-space: nowrap;transition: all 0.3s ease;}
.in-abo .news-list li .txt .figcaption5{font-size: 16px; line-height: 1.5; color: #666; width: 100%; overflow: hidden;height: 48px; margin-bottom: 30px;}
.in-abo .news-list li .txt .box-b{font-size: 18px; color: #666;}
.in-abo .news-list li .txt .box-b a{transition: all 0.3s ease;color: #666;}
.in-abo .news-list li .txt .box-b span{float: right;}
.in-abo .news-list li .txt .box-b span b{font-weight: 500; font-size: 14px;}
.in-abo .news-list li .pic{ width: 280px;float: left;height: auto; overflow: hidden;border: 1px rgba(160,160,160,0.8) solid; padding:5px; }
.in-abo .news-list li .pic img{display: block;width: 100%;}
.in-abo .news-list li:hover .txt h3{color:#ab1223;} 
.in-abo .news-list li .txt .box-b a:hover{color:#ab1223;} 



.new-title{width: 100% ;text-align: center; height: auto; overflow: hidden; margin-bottom: 40px;}
.new-title h4{font-size: 22px; margin-bottom: 40px;}
.new-title span{font-size: 14px; margin-bottom: 40px; color: #666;}
.new-title span b{padding-left: 5px; padding-right: 5px; font-weight: 500; display: inline-block;}
.new-b{width: 100% ; height: auto; overflow: hidden; border-top:1px solid #aaa; margin-top: 20px; padding-top: 20px; }

.new-b .pr{float: left; color: #666; }
.new-b .ne{float: right; color: #666; }

.new-b span a{color: #666;  }
.new-b span a:hover{color:#ab1223; }



.in-abo .con-t{width: 100%; height: auto; overflow: hidden;  margin-top: 40px;}
.in-abo .con-t li{ width: calc(25% - 0px); height: auto; overflow: hidden; float: left; padding:3px 15px;  margin-top: 30px; }
.in-abo .con-t li .box{ width: 100%; height: auto; overflow: hidden;  padding:15px; height:  300px; 
background: rgba(247,243,239,0.8); border: 1px rgba(160,160,160,0.8) solid; box-shadow: 2px 2px 2px rgba(0,0,0,0.2);  }
.in-abo .con-t li .box img{display: block; max-width: 100%; margin: 0 auto;margin-top: 30px;}
.in-abo .con-t li .box h3{width: 100%; height: auto; overflow: hidden; font-size: 16px; font-weight: 500;text-align: center;color:#5b0d08; margin-top: 30px; }
.in-abo .con-t li .box h4{width: 100%; height: auto; overflow: hidden; font-size: 16px; font-weight: 500;text-align: center; color:#5b0d08;margin-top: 30px; }
.in-abo .map{width: calc(100% - 30px); margin: 0 auto;border: 1px rgba(160,160,160,0.8) solid; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); height: 400px; margin-top: 60px; }



.mess{width: 100%; height: auto; overflow: hidden;  margin-top: 40px;}

.mess1{width: calc(50% - 80px); height: auto; overflow: hidden;  margin:0 40px 40px 40px; position: relative; float: left;}
.mess1 span{color:#5b0d08; position: absolute; width: 100px; height: 40px; line-height: 40px; font-size: 18px; left: 0px; top: 0px;}
.mess1 input{background: rgba(247,243,239,0.8); border: 1px rgba(160,160,160,0.8) solid;width: calc(100% - 100px); margin-left: 100px; 
	height: 40px; border-radius: 5px; padding:0 10px; line-height: 40px; }
.mess1 textarea{background: rgba(247,243,239,0.8); border: 1px rgba(160,160,160,0.8) solid;width: calc(100% - 100px); margin-left: 100px;
 height: 160px; border-radius: 5px; padding: 10px;  }
.mess2{width: calc(100% - 80px); height: auto; overflow: hidden;  margin:0 40px 40px 40px; position: relative; float: left;}



.mess-b .more{ width: 155px; height: 30px; line-height: 30px;  background: url(../img/017.png); background-size: 155px 30px;
  margin-top: 20px;color:#fff;   font-size: 14px; float: right; margin-right: 30px;   border: 0px;}
.mess-b .more:hover{margin-top: 10px; margin-bottom: 10px;}




@media only screen and (max-width:1200px){
.in-bou ul.list{width: 90%;}
.in-bou ul.pro-nav{width: 90%;}
.in-abo{width: 90%;}
.in-bou ul.list li{ padding-left: 10px; padding-right: 10px; margin-bottom: 20px;}
.in-bou ul.list li .txt .box span .b1{font-size: 14px;}
.in-bou ul.list li .txt .box span .b2{font-size: 14px; }
.in-bou ul.list li .txt .box{ padding:15px 10px; }
.pro-nav li{ width: calc(20% - 10px); margin: 0 5px; }

.mess1{width: calc(50% - 40px); margin:0 20px 40px 20px;}
.mess2{width: calc(100% - 40px); margin:0 20px 40px 20px;}
}
@media only screen and (max-width:900px){
.in-bou ul.list li{ width: calc(50% - 0px); }
.in-bou ul.list li .txt .box span .b1{font-size: 16px;}
.in-bou ul.list li .txt .box span .b2{font-size: 16px; }
.in-abo .news-list li .txt{ width: calc(100% - 200px);}
.in-abo .news-list li .pic{ width: 180px; }
.in-abo .news-list li{ padding:30px; }
.in-abo .news-list li .txt .box{  margin-top: 0px;}
.in-abo .news-list li .txt h3{ margin-bottom: 15px;}
.in-abo .news-list li .txt .figcaption5{ margin-bottom: 15px;}
.new-b span{display: block;width: 100%;float: left; margin-bottom: 10px;}
.in-abo .con-t li{ width: calc(50% - 0px);}
}




@media only screen and (max-width:700px){
.in-bou ul.list li{ width: calc(50% - 0px); }
.in-bou ul.list li .txt .box span .b1{float: none;display: block; text-align: center;}
.in-bou ul.list li .txt .box span .b2{float: none;display: block; text-align: center; }
.in-bou ul.list{width: calc(100% - 20px);}
.pro-nav li.cut h3{font-size: 16px;}
.pro-nav li{ width: calc(30% - 10px); margin: 0 5px;  float: none; display: inline-block;}
.in-bou ul.pro-nav{text-align: center;}

.in-abo{width: 100%; padding-left: 20px; padding-right: 20px;}
.in-abo .trac{width: 100%; height: auto; overflow: hidden; }
.in-abo .trac1{width: 100%;  margin-bottom: 20px; padding:0 10%; }


.in-abo .news-list li .txt{ width: calc(100% - 0px);}
.in-abo .news-list li .pic{ display: none;}
.in-abo .news-list li{ padding:20px; }
.in-abo .news-list li .txt .box{  margin-top: 0px;}
.in-abo .news-list li .txt h3{ margin-bottom: 15px; font-size: 18px}
.in-abo .news-list li .txt .figcaption5{ margin-bottom: 15px; font-size: 14px; height: 42px;}
.in-abo .news-list li .txt .box-b{font-size: 16px; color: #666;}




.in-abo .con-t li{  padding:3px 5px;  margin-top: 10px; }
.in-abo .con-t li .box{  padding:15px; height:  260px;   }
.in-abo .con-t li .box img{margin-top: 20px;}
.in-abo .con-t li .box h3{ margin-top: 20px; }
.in-abo .con-t li .box h4{margin-top: 20px; }


.in-abo .map{width: calc(100% - 10px); height: 300px; margin-top: 15px;}


.mess1{width: calc(100% - 00px); margin:0 00px 40px 00px;}
.mess2{width: calc(100% - 00px); margin:0 00px 40px 00px;}
.mess-b .more{ width: 120px; background-size: 120px 30px;  font-size: 14px; float: right; margin-right: 10px;}
}

@media only screen and (max-width:460px){
.in-bou ul.list li{ width: calc(100% - 0px); }
.in-bou ul.list li .txt .box span .b1{float: left; display: block; text-align: center; font-size: 14px;}
.in-bou ul.list li .txt .box span .b2{float: right;display: block; text-align: center; font-size: 14px; }
.in-bou ul.list{width: calc(100% - 20px);}


.in-abo .con-t li{ width: 100%;}
.in-abo .con-t li .box{  padding:15px; height: auto;   }
.in-abo .con-t li .box img{margin-top: 0px;}
.in-abo .con-t li .box h3{ margin-top: 15px; }
.in-abo .con-t li .box h4{margin-top: 15px; }
.mess1 {padding-top: 40px; margin-bottom: 20px; }
.mess1 span{ height: 30px; line-height: 30px; font-size: 16px; }
.mess1 input{width: calc(100% - 0px); margin-left: 0px;   }
.mess1 textarea{width: calc(100% - 0px); margin-left: 0px;  }

.mess b{color: red;font-weight: 500; }
}







.prod-tip{width: 100%; height: auto; overflow: hidden; }
.prod-tip h2{height: 25px; line-height: 25px; font-size: 20px; padding-left: 80px; 
	width: 190px; float: left; background: url(../img/026.png) no-repeat left center;}
.prod-tip span{display: block; height: 2px; width: calc(100% - 200px); margin-top: 12px;background: #ab1223; float: left; }
.prod-tip p{float: left; font-size: 16px; height: 25px; line-height: 25px; width: 280px; text-align: center;}
.prod-tip p a{ color: #333;  padding: 0 5px;}
.prod-tip p a:hover{color: #ab1223;}
.prod-n{float: left; font-size: 16px; height: 25px; line-height: 25px; text-align: center;margin-bottom: 20px; display: none;    }
.prod-n a{ color: #333;  padding: 0 5px;}
.prod-n a:hover{color: #ab1223;}



.prod-1{width: 100%; height: auto; overflow: hidden; }
.prod-1 .prod-tip span{width: calc(100% - 470px);}

.prod-2{width: 100%; height: auto; overflow: hidden; margin-top: 40px; }
.prod-2 .prod-tip span{width: calc(100% - 190px);}





.imgdet{
    position: relative;
    height: 450px;
    width: 100%;
	margin: 40px auto 0;
    
}
.imgdet .imglist{
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 84px;
    /* height: 460px; */
    height: 100%;
    overflow: hidden;
}
.imgdet .imglist ul{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 0;
}
.imgdet .imglist ul li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 80px;
    height: 80px;
    border: 2px solid #fff;
    margin-bottom: 10px;
}
.imgdet .imglist ul li:last-of-type{
    margin-bottom: 0;
}
.imgdet .imglist ul .active{
    border: 2px solid #f00;
}
.imgdet .imglist ul li img{
    width: 100%;
    height: 100%;
}
.imgdet .imgpart{
    vertical-align: top;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 450px;
    height: 450px; border:1px solid #ab1223; float: left;
}
.imgdet .imgpart .pic{
    position: relative; float: left;
    width: 100%;
    height: 100%;
}
.imgdet .imgpart .pic .magnify{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    cursor: move;
    background-color: #fff;
    opacity: .3;
    filter:alpha(opacity=30);
}
.imgdet .imgpart .pic img{
    width: 100%;
    height: 100%;
}
/* .imgdet .imgpart:hover .bigpic{
    display: block;
}
.imgdet .imgpart:hover .magnify{
    display: block;
} */
.imgdet .imgpart .bigpic{
    display: none;
    position: absolute;
    top: 0;
    right: -470px;
    width: 450px;
    height: 450px;
    z-index: 333;
    border: 1px solid #fff;
    overflow: hidden;
    height: 450px; border:1px solid #ab1223;
}
.imgdet .imgpart .bigpic>img{
    position: absolute;
    top: 0;
    left: 0;
    width: 1000px;
    height: 1000px;
}

.imgdet .txt{width: calc(100% - 470px); float: right; max-width: 600px; height: auto; overflow: hidden;}
.imgdet .txt .t1{width: 100%; height: auto; overflow: hidden; position: relative;}
.imgdet .txt .t1 h3{width: calc(100% - 180px);height: auto; overflow: hidden; font-size: 24px;}
.imgdet .txt .t1 span{width: 180px;font-size: 18px; height: 24px; display: block; line-height: 24px;position: absolute; right: 0px; top: 10px; color: #666;}
.imgdet .txt .t2{width: 100%; height: auto; overflow: hidden; position: relative; margin-top: 30px;}
.imgdet .txt .t2 p{width: 100%; height: auto; overflow: hidden; font-size: 16px; color: #666; margin-bottom: 20px;}
.imgdet .txt .t3{width: 100%; height: auto; overflow: hidden; position: relative; margin-top: 10px;}
.imgdet .txt .t3 p{ font-size: 24px; color: #333; font-weight: 900;}

.imgdet .txt .t4{width: 100%; height: auto; overflow: hidden; position: relative; margin-top: 30px;}
.imgdet .txt .t4 a{ background: #ab1223; width: 100%; max-width: 450px; line-height: 45px; height: 45px;
 color: #fff; text-align: center; font-style:italic; font-weight: 900; display: block;}







 .prod-3 ul{width: 100%; height: auto; overflow: hidden;}
 .prod-3 ul li{width: 100%; height: auto; overflow: hidden; padding:35px 15px; border-bottom: 1px solid #aaa; position: relative; }
  .prod-3 ul li .p-n{width: 100%; height: auto; overflow: hidden;}
  .prod-3 ul li .p-n b{font-size: 14px; font-weight: 500; color: #333}
  .prod-3 ul li .p-n span{font-size: 14px; font-weight: 500; color: #333; padding-left: 10px;}
.prod-3 ul li .p-t{position: absolute;font-size: 12px; font-weight: 500; color: #999; right: 15px; top: 40px; }

  .prod-3 ul li .wenben{margin: 0px; padding: 0px; margin-top: 20px;}
  .prod-3 ul li .wenben p{margin: 0px; padding: 0px; font-size: 14px; color: #666;}




.mess-d .mess1{width: calc(50% - 20px); height: auto; overflow: hidden;  margin:0 10px 20px 10px; position: relative; float: left; padding-top: 0px;}

.mess-d .mess1 input{background: #fff; border: 1px rgba(160,160,160,0.8) solid;width: calc(100% - 0px); margin-left: 0px; 
	height: 40px; border-radius: 5px; padding:0 10px; line-height: 40px; }
.mess-d .mess1 textarea{background: #fff; border: 1px rgba(160,160,160,0.8) solid;width: calc(100% - 0px); margin-left: 0px;
 height: 160px; border-radius: 5px; padding: 10px;  font-size: 14px; }
.mess-d .mess2{width: calc(100% - 20px); height: auto; overflow: hidden;  margin:0 10px 20px 10px; position: relative; float: left; padding-top: 0px;}

.mess-d .more2{display: block;width: 140px; height: 36px; line-height: 36px; float: right; text-align: center; color: #fff; background: #aaa; font-size: 14px; border: 0px;}
.mess-d .more2:hover{background: #ab1223;}



.prod-4 .swiper-slide  .pic{width: 100%; height: auto; overflow: hidden; position: relative;}
.prod-4 .swiper-slide  .pic img{width: 100%; display: block;}
.prod-4 .swiper-slide  .pic .pic1{width: 100%;height: 100%; position: absolute; top: 0px; left: 0px; background-size: cover; transition: all 0.3s ease;}
.prod-4 .swiper-slide :hover .pic .pic1{    transform: scale(1.1);}
.prod-4 .swiper-slide  .txt{width: 100%; height: auto; overflow: hidden; position: relative; padding:5px; background: #ab1223;   }
.prod-4 .swiper-slide  .txt .box{width: 100%; height: auto; overflow: hidden; border: 1px solid #fff; padding:20px 20px; }
.prod-4 .swiper-slide  .txt .box h2{font-size: 22px; text-align: center; color: #fff; line-height: 1 ;margin-bottom: 15px;
 overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: 500; }
.prod-4 .swiper-slide .txt .box span {display: block; width: 100%; height: auto; overflow: hidden;}
.prod-4 .swiper-slide .txt .box span .b1{font-size: 16px; color: #fff; float: left;font-weight: 500;}
.prod-4 .swiper-slide .txt .box span .b2{font-size: 16px; color: #fff; float: right;font-weight: 500;}

.prod-4 .bou-s {
    width: 100%; padding-bottom: 0px !important;
}

.prod-4 .swiper-slide{    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;}

.m-pic{
  
    width: 100%; height: auto; margin: 450px; margin: 0 auto;
    
    overflow: hidden;
  border:1px solid #ab1223; display: none; margin-bottom: 30px;
}
.m-pic img{display: block;width: 100%;}

@media only screen and (max-width:1000px){
.imgdet .imgpart .bigpic{

    right: -370px;
    width: 350px;
    height: 350px;


    height: 350px; 
}

.imgdet .imgpart{

    width: 350px;
    height: 350px;
}

.imgdet .txt{width: calc(100% - 370px); }

.imgdet .imgpart .bigpic>img{

    width: 700px;
    height: 700px;
}
}


















@media only screen and (max-width:900px){
.prod-tip p{display: none;}
.prod-n{display: block;}
.prod-1 .prod-tip span{width: calc(100% - 190px);}

.imgdet .txt .t1 h3{width: calc(100% - 00px); font-size: 20px;}
.imgdet .txt .t1 span{width: 100%;font-size: 16px; height: 24px; display: block; line-height: 24px;position:static; margin-top: 10px;}

.imgdet .txt .t2{margin-top: 20px;}
.imgdet .txt .t2 p{ margin-bottom: 10px;}
.imgdet .txt .t3 p{ font-size: 20px; }
.imgdet .txt .t4{ margin-top: 10px;}
}

@media only screen and (max-width:800px){
.imgdet .imgpart .bigpic{

    right: -320px;
    width: 300px;
    height: 300px;


}

.imgdet .imgpart{

    width: 300px;
    height: 300px;
}



.imgdet .imgpart .bigpic>img{

    width: 500px;
    height: 500px;
}
}


@media only screen and (max-width:700px){
	.imgpart{display: none !important;}
.imgdet .txt{width: calc(100% - 0px); }
.m-pic{display: block;}


.mess1{width: calc(100% - 0px); height: auto; overflow: hidden;  margin:0 0px 20px 0px; position: relative; float: left; padding-top: 0px;}
}






@media only screen and (max-width:1200px){


.prod-4 .swiper-slide  .txt .box span .b1{font-size: 14px;}
.prod-4 .swiper-slide  .txt .box span .b2{font-size: 14px; }
.prod-4 .swiper-slide  .txt .box{ padding:15px 10px; }

}
@media only screen and (max-width:900px){

.prod-4 .swiper-slide .txt .box span .b1{font-size: 16px;}
.prod-4 .swiper-slide .txt .box span .b2{font-size: 16px; }

}




@media only screen and (max-width:700px){

.prod-4 .swiper-slide  .txt .box span .b1{float: none;display: block; text-align: center;}
.prod-4 .swiper-slide  .txt .box span .b2{float: none;display: block; text-align: center; }




}

@media only screen and (max-width:460px){

.prod-4 .swiper-slide  .txt .box span .b1{float: left; display: block; text-align: center; font-size: 14px;}
.prod-4 .swiper-slide  .txt .box span .b2{float: right;display: block; text-align: center; font-size: 14px; }




}