@charset "utf-8";
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
/* CSS Document */
.bg-darkblue{ background-color:#144a96}
.bg-darkgreen{ background-color:#1ca762}
.bg-darkmain{ background-color:#028f73}
.bg-darkred{ background-color:#c82929}
.bg-darkyellow{ background-color:#e35d04}
.bg-darkblack{ background-color:#252525}
.change{cursor:hand}
.fixed-top {
    box-shadow: 0 1px 9px #333;
	-moz-box-shadow: 0 1px 9px #333;
	-webkit-box-shadow: 0 1px 9px #333;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
    z-index: 1000;
}
.tab-nav .active a{ font-weight:600;}
.link *{line-height:50px}
.link a{ display:block; margin:5px; color:#FFF; float:left; }

.listbanner{color:#fff;padding:40px 0;}
.listbanner h1{margin-bottom:15px;font-size:28px;}
.listbanner p{font-size:20px;}

/*分类栏当前类目激活状态指示*/
.rmenu li{ line-height:25px; line-height:25px; margin:2px 0}
.rmenu li a.on{ line-height:25px; background-color: #eee; color: red; line-height:25px; margin:2px 0}
/*CSS page style*/
DIV.pagelist { margin:10px 0;TEXT-ALIGN: center; clear:both; height:30px}
DIV.pagelist a,DIV.pagelist SPAN{border:1px solid #CCC;height:30px; line-height:28px;TEXT-DECORATION: none; color: #757575;  display:block; float:left; padding:0 10px; margin-left:5px;}
DIV.pagelist A:hover { BACKGROUND: #959595;  COLOR: #FFF;}
DIV.pagelist A:on { BACKGROUND: #959595; COLOR: #FFF;}
DIV.pagelist A:active { BACKGROUND:#959595;COLOR: #FFF;}
DIV.pagelist SPAN.current {FONT-WEIGHT:bold;BACKGROUND: #959595;COLOR: #fff; }
DIV.pagelist SPAN.disabled {}
/*flip style*/
.flip{position:relative;overflow:hidden;width:100%;}
.flip>.flip-body{position:relative;width:100%;height:100%;display:flex;flex-direction:row;flex-wrap:nowrap;transition-property:transform;}
.flip>.flip-body>.flip-item{width:100%;position:relative;flex-shrink:0;transition-property:transform;transition:none;}
.flip>.flip-body>.flip-item.active{display:block;}
.flip>.flip-page{position:absolute;left:50%;bottom:1.5rem;transform:translateX(-50%);}
.flip.flip-rows>.flip-body{flex-wrap:wrap;flex-direction:column;}
.flip>.flip-prev,.flip>.flip-next{position:absolute;top:50%;color:#999;font-size:50px;cursor:pointer;width:1em;height:1em;margin-top:-0.5em;overflow:hidden;border:solid 1px rgba(255,255,255,0);border-radius:.25rem;}
.flip>.flip-prev::before,.flip>.flip-next::before{content:"";position:absolute;top:.25em;border-top:solid 2px currentColor;border-right:solid 2px currentColor;width:.5em;height:.5em;overflow:hidden;}
.flip>.flip-prev::before{transform:rotate(-135deg);left:0.35em;}
.flip>.flip-next::before{transform:rotate(45deg);right:0.35em;}
.flip>.flip-prev{left:0;}
.flip>.flip-next{right:0;}
.flip>.flip-prev.disabled,.flip>.flip-next.disabled{color:#000 !important;opacity:.1;pointer-events:none;}
.nav.nav-turn{color:#ddd;font-size:1rem;display: flex;}
.nav.nav-turn>li,.nav.nav-turn>li>a{border-color:currentColor;color:inherit;}
.nav.nav-turn>li>a{padding:0;width:0.75em;height:0.75em;border-radius:0.5em !important;border-style:solid;border-width:2px;}
.nav.nav-turn>li:not(:last-child){margin-right:0.5em;}
.nav.nav-turn>li.active{color:red;}
.nav.nav-turn>li.active>a{background-color:currentColor;}
.nav.nav-turn.nav-menu{display:inline-flex;}
.nav.nav-turn.nav-menu>li:not(:last-child){margin-bottom:0.5em;margin-right:0;}
.nav.nav-turn.nav-turn-line>li>a{width:1.5em;height:0.5em;}
.nav.nav-turn.nav-turn-dot>li>a{background-color:currentColor;}
.nav.nav-turn.nav-turn-line>li.active>a{width:2.5em;}
.nav.nav-turn.nav-menu.nav-turn-line>li>a{width:0.5em;height:1.5em;}
.nav.nav-turn.nav-menu.nav-turn-line>li.active>a{height:2.5em;}
/*flex*/
.flex{display:flex;}
.flex-inline{display:inline-flex;}
.flex-reverse{flex-direction:row-reverse;}
.flex-column{flex-direction:column;}
.flex-column.flex-reverse{flex-direction:column-reverse;}
.flex-nowrap{flex-wrap:nowrap;}
.flex-wrap{flex-wrap:wrap;}
.flex-wrap-reverse{flex-wrap:wrap-reverse;}
.flex-start{justify-content:flex-start;}
.flex-center{justify-content:center;}
.flex-end{justify-content:flex-end;}
.flex-between{justify-content:space-between;}
.flex-around{justify-content:space-around;}
.flex-items-start{align-items:flex-start;}
.flex-items-center{align-items:center;}
.flex-items-end{align-items:flex-end;}
.flex-items-baseline{align-items:baseline;}
.flex-items-stretch{align-items:stretch;}
.flex-self-start{align-self:flex-start;}
.flex-self-center{align-self:center;}
.flex-self-end{align-self:flex-end;}
.flex-self-baseline{align-self:baseline;}
.flex-self-stretch{align-self:stretch;}
.flex-content-start{align-content:flex-start;}
.flex-content-center{align-content:center;}
.flex-content-end{align-content:flex-end;}
.flex-content-between{align-content:space-between;}
.flex-content-around{align-content:space-around;}
.flex-middle{justify-content:center;align-items:center;align-self:center;align-content:center;}
.flex-fill{flex:1 1 auto;}
.flex-grow{flex-grow:1;}
.flex-shrink{flex-shrink:1;}

.box-shadow{
	box-shadow: 2px 2px 5px gray;
}
/*内页宽屏样式*/
.aboutpage{
	padding: 40px 40px;
	width: 1120px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
/*首页样式*/
#tel span{
    font-size: 30px;
    font-family: impact;
}
#about{
	background: url(../images/bg_about.jpg) center top no-repeat;
	padding-top:140px;
	padding-bottom:40px;
	min-height: 818px;
	margin-top: 40px;
}
#about h1{
	font-weight: bold;
	font-family: impact;
	margin-bottom: 90px;
}
#products{
	padding: 40px 0;
}
#products ul a li span{
	text-indent: 2em;
}
#products ul a:nth-child(1) li{
	background-color: #d01620;
	color: white;
}
#products ul a:hover li{
	background-color: #d01620;
	color: white;
	width: 110%;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-ms-transition:all 0.5s;
}
#shili{
	background: url(../images/bg_shili.png) center top no-repeat;
	padding-top:100px;
	padding-bottom:40px;
	min-height: 583px;
	margin-top: 40px;
}
#ys{
	background: url(../images/bg_ys.png) center top no-repeat;
	padding-top:380px;
	padding-bottom:40px;
	min-height: 1657px;
}
#ys ul li:nth-child(1){
	position: relative;
	left: 6%;
}
#ys ul li:nth-child(2){
	position: relative;
	left: 6%;
	margin-top: 170px;
}
#ys ul li:nth-child(3){
	position: relative;
	left: 4%;
	margin-top: 220px;
}
#ys ul .last li{
	position: relative;
	left: 4%;
	margin-top: 170px;
}
.ys_tel{
	font-size: 40px;
	width: 400px;
	margin-top: 280px;
	left: 80%;
	font-family: impact;
}
#news{
	position: relative; 
	display: table;	
	margin-bottom: 70px;
}
#news ul li:hover a{
	color: red;
}
#foot{
	background-color: #333436;
	padding: 20px 0;
}
#hover-inlarge img{  
    cursor: pointer;  
    transition:transform 0.9s;
    -moz-transition:transform 0.9s;
    -webkit-transition:transform 0.9s;
    -ms-transition:transform 0.9s;
}  
#hover-inlarge img:hover{  
    transform: scale(1.2);
}