.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:white;}

.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;

	margin: 0 auto;

	background: #fff;

	box-shadow: 0 15px 30px rgba(0,0,0,0.1);

}

/*首页样式*/

#tel span:last-child {

    font-size: 26px;

    font-family: impact;

}

#yingyong ul li{

	position: relative;

	transition: background-color 1s;

	-moz-transition: background-color 1s;

	-ms-transition: background-color 1s;

	-webkit-transition: background-color 1s;

}

#yingyong ul li img{

	z-index: 1;

}

#yingyong ul li span{

	position: absolute;

	display: none;

	left: 48%;

	top: 38%;

	z-index: 2;

	transition: all 1s;

	-moz-transition: all 1s;

	-ms-transition: all 1s;

	-webkit-transition: all 1s;

}

#yingyong ul li:hover{

	background-color: #020202b3;

}

#yingyong ul li:hover img{

	opacity: 0.3;

	z-index: 1;

}

#yingyong ul li:hover span{

	opacity: 1;

	display: table;

}

#yingyong ul li:hover span img{

	opacity: 1;

}

#products{

	margin-top: 120px;

}

#about{

	background: url(../image/bg_about.jpg) center top no-repeat;

	padding-top:70px;

	padding-bottom:80px;

}

#about li{

	padding-right: 71px;

}



#roll{

	min-height: 460px;

	padding-top: 90px;

}

#huoban{

	background: url(../image/bg_huoban.png) center top no-repeat;

	min-height: 378px;

	margin-top: 20px;

	padding:33px 0;

}

#news{

	position: relative; 

	display: table;	

	margin-top: 120px;

	margin-bottom: 70px;

}

#news ul li:hover a{

	color: #b39b77;

}

#foot{

	padding-top: 27px;

	padding-bottom: 27px;

	background-color: #2e2f33;

}

#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);

}
#box img{max-width:100%}