body{
	color:#666;
	font-size:14px;}
	.sy-products .pro-list .container{
		margin-bottom: 60px;
	}
	.sy-products .pro-list .container a{
		font-size: 18px;
	}
	.sy-products .pro-list  h1::after{
		content: "";
		    display: block;
		    margin: 20px auto 0px;
		    width: 60px;
		    height: 2px;
		    background: rgb(214, 0, 0)
	}
	.nds{
		    display: flex;
		    justify-content: space-between;
	}
 h1,h2,h3,h4,h5,h6{
 	font-weight: normal;
 }
 ul,li{
 	list-style: none;
 	padding-left: 0px;
 }
 .text-uppercase{
	text-transform: uppercase;
	
}
  .row-no{
    margin-right: 0px;
    margin-left: 0px;
  }
  .row-no .col-xs-1,.row-no .col-sm-1,.row-no .col-md-1,.row-no .col-lg-1,.row-no .col-xs-2,.row-no .col-sm-2,.row-no .col-md-2,.row-no .col-lg-2,.row-no .col-xs-3,.row-no .col-sm-3,.row-no .col-md-3,.row-no .col-lg-3,.row-no .col-xs-4,.row-no .col-sm-4,.row-no .col-md-4,.row-no .col-lg-4,.row-no .col-xs-5,.row-no .col-sm-5,.row-no .col-md-5,.row-no .col-lg-5,.row-no .col-xs-6,.row-no .col-sm-6,.row-no .col-md-6,.row-no .col-lg-6,.row-no .col-xs-7,.row-no .col-sm-7,.row-no .col-md-7,.row-no .col-lg-7,.row-no .col-xs-8,.row-no .col-sm-8,.row-no .col-md-8,.row-no .col-lg-8,.row-no .col-xs-9,.row-no .col-sm-9,.row-no .col-md-9,.row-no .col-lg-9,.row-no .col-xs-10,.row-no .col-sm-10,.row-no .col-md-10,.row-no .col-lg-10,.row-no .col-xs-11,.row-no .col-sm-11,.row-no .col-md-11,.row-no .col-lg-11,.row-no .col-xs-12,.row-no .col-sm-12,.row-no .col-md-12,.row-no .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
  }
.head{
 	height: 34px;
 	line-height: 34px;container
 	background-color: #f5f5f5;
 	color: #6d6969;
 }
.navbar{
	margin-bottom:0;
	min-height:112px;
	padding:0px 0 0 0;}
.logo{ margin-top: 20px; margin-bottom: 20px; }
.navbar-brand {
    padding: 25px 0px; width:95%;}
.navbar-brand img{
	max-height:110px;}
.navbar-nav>li>a{
	margin:0;
	padding:20px;
	font-size:16px;
	color: #222;}
.nav>li.active>a,.nav>li>a:focus, .nav>li>a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    color: #e00000;
	background:none;
}
.navbar-nav.nav-justified>li:first-child{
	width: 0.1%;
}
.navbar-nav.nav-justified>li:after{
	position:absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 20px;
	content: "";
	background-color: #222;
}
.navbar-nav.nav-justified>li:first-child:after,.navbar-nav.nav-justified>li:last-child:after{
	width: 5px;
}
.dropdown-menu>li>a {
	font-weight: bold;
    padding: 12px 20px;

	}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #e00000;
}

.sy-products{background:url(../styles/images/pro-bj.jpg) repeat-y;
padding:60px 0 ;
}
.news{
padding:60px 0;
}



/*.icon{ padding:30px 0 0 0;}*/
.icon h2{ font-size:23px; margin:10px 0 0 0;}
.wenhua{background: url(../styles/images/c-bj.jpg) repeat; margin:30px 0 120px 0; padding:20px 10px 20px 10px;}
.c-text{ background:#FFF; text-align:center; padding:20px;}
.btn-c{
	background-color: #59646c;
	color: #fff;
	padding: 8px 20px;
	font-size: 14px;
	text-shadow: none;
	border-radius:0px;
	transition: all ease-in-out 0.3s;
}
.btn-c a{color:#fff;}
.btn-c:hover{
	color:#666;
	
}
.sy-about{
	background-image: url(../styles/images/about-bj.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding: 40px 0 60px 0;
}
.about-tit{
	background: url(../styles/images/abtit.png) no-repeat center top;
	padding-top: 8px;
	margin-bottom: 40px;
	margin-top:0px;
}

.about-tit h2{
	position: relative;
	color: #3a3a3a;
	font-size: 35px;
	margin-top: -5px;
}
.about-tit h5{
	font-size:16px;

}
.tban{
	margin:0px auto 40px;
	width: 100%;
	padding: 0;
	overflow: hidden;
}
.container{ max-width:1200px;}
.about-ny{ padding:30px 0 0 0;}
.nr{ padding:0 0 0px 0px; }
.t{ font-size:14px; color:#434343; line-height:27px; padding:0 0 20px 0;  margin:0 0 20px 0;}
.t h2{ color: #a60f16; }
.t p{ margin-bottom: 15px; }
.red{ width:100%; background:#ee2016; color:#fff; padding:50PX; max-height:253px; font-size:25px;}
.pro{ margin:-20px 0 0 0;}
.btn-pro{
	border-radius:30px;
	border:1px solid #FFF;
	color:#666;
	margin:20px -13PX;
	padding:15px 30px;
	font-size:16px;
	}

.btn-pro:hover{
	background-color:#FFF;
	color:#ee2016;}
.ainfo{
	line-height: 24px;
}
.btn-about{
	background-color: #a60f16;
	color: #fff;
	padding: 12px 25px;
	margin-right: 12px;
	margin-top:20px;
	font-size: 14px;
	text-shadow: none;
	border-radius:10px;
	transition: all ease-in-out 0.3s;
}
.btn-about a{color:#fff;}
.btn-about:hover{
	color:#fff;
	
}
.honor{
	margin-top:0px;
	background:#fff;
	padding:20px 0 0 30px;
}
.card {
    border:0 none;
	-webkit-box-shadow: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0);}
.aimg{
	position: relative;
	overflow: hidden;
	border:0px solid #b6a794;
	padding:10px;
}
.aimg img{
	transition: all ease-in-out 0.3s;
}
.aimg:hover img{
	transform: scale(1.1, 1.1);
}
/* .aimg:after{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.4);
} */
.series{
	padding: 60px 0;
	background:url(../styles/images/bg.jpg) no-repeat;
}
.series1{
	padding:0px 0;
	
}
.ser-bg{
	background-color: #e8e6e6;
	color: #333;
	min-height: 535px;
	border-radius:15px;
}
.ser-test{
	padding:0px 45px 0 45px;
}
.ser-bg h2{
	font-size: 36px;
	position: relative;
}
.ser-bg h2:after{
	position: absolute;
	content: "";
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 2px;
	background:#ee2117;
}
.ser-bg p{
	font-size: 16px;
	line-height: 30px;
	margin-top: 30px;
}
.btn-series{
	background-color: #a60f16;
	color: #fff;
	border: 0 none;
	border-radius:10px;
	padding: 10px 20px;
	font-size: 16px;
	text-shadow: none;
	margin:0 5px;
}
.btn-series1{
	background-color: #ff4d5e;
	color: #fff;
	border: 0 none;
	border-radius: 0;
	padding: 10px 20px;
	font-size: 16px;
	margin-top: 15px;
	text-shadow: none;	
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  font-size: 18px;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.new-tit{
	color: #404953;
}
.new-tit h3 i{
	color: #e95513;
	font-size: 20px;
	padding-right: 12px;
}
.new-tit h3 span a{
	font-size: 12px;
	color: #666;
}
.sy-news .media{
	border-bottom: 1px dashed #b8b8b8;
}
.item-content h4 a i{
	color: #fe3d00;
	padding-right: 10px;
}
.sy-news .date-time {
  display: block;
  background:#ebeaea;
  font-weight: 300;
  width: 100px;
  height: 100px;
  color: #999;
  text-align: center;
  padding-top:17px;
}
.sy-news .date-time > span.big{
	font-size:  30px;
	font-weight: bold;
}
a,a:focus, a:hover {
    color: #524d4d;
}
.media-left, .media>.pull-left {
    padding-right: 20px;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.sy-news p.des {
  font-size: 13px;
  color: #827d7d;
}

.sy_news ul.blocks-2 li p.des {
  margin-bottom: 5px;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.sy-contact{
	background-color: #e95513;
	color: #fff;
	padding: 30px 60px;
	margin-left: 30px;
	min-height: 416px;
}
.con-tit i{
	padding-right: 10px;
	font-size: 28px;
}
.contact-info{
	margin-top: 20px;
	line-height:38px;}
.contact-info i{
	padding-right: 10px;
}

.container>.article>.content img {
    margin: 10px auto;
    display: block;
}
.article>.content img {
    margin: 10px auto;
    display: block;
}
.pro-tit{
	background: url(../styles/images/pro_tit.jpg) no-repeat center bottom;
}
.pro-tit h2{
	color: #3a3a3a;
	font-size:38px;
	padding-bottom: 15px;
}
.pro-list{padding:40px 0;}
.pro{ padding:0 0px; border:none;}
a.pro{
	border:solid #c4c4c4 1px;
	padding:0px;
	display:inline-block;
	margin:0px 5px;
	position:relative;
	overflow:hidden;}
a.pro img{
	transition:all ease-in-out 0.3s;}
a.pro:hover img{
	transform:scale(1.2,1.2);}
span.bg{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	left:0;
	top:0;
	opacity:0;
	background:rgba(0,0,0,0.4);}
a.pro:hover span.bg{
	opacity:1;}
span.icon{
	position:absolute;
	display:block;
	left:50%;
	transform:translate(-50%,0);
	top:-100%;
	transition:0.3s;}
a.pro:hover span.icon{
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);}
.pro-text{
	line-height:30px;
	color:#333;
	font-size:14px;
	padding:10px 0;
	overflow: hidden;
	white-space: nowrap;
	margin:-6px 0 0 0;}
.pro-text1{
	line-height:30px;
	background:#e3e1e1;
	color:#343030;
	font-size:20px;
	padding:17px 0 27px 100px;
	overflow: hidden;
	white-space: nowrap;
	margin:-6px 0 0 0;}
.pro-text h3{ font-size:20px;}
.pro-text h4{ font-size:20px; color:#666;}
.pro-text1 h3{ font-size:20px;}
.pro-text1 h4{ font-size:20px; color:#666;}
.bot-bg{
	background-color: #f0efef;
	color: #909090;
	padding: 20px 0 20px 95px;
}
.sy-message {
    background-image: url(../styles/images/pro-bj.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 50px 0;
	margin-top:0PX;
}
.form-control{border: 1px solid #666; color:#666;}
.mes-tit{background: url(../styles/images/pro_tit.jpg) no-repeat center bottom;
    color: #fff;
	
	padding-bottom: 15px; margin-bottom:40px;}
.mes-tit h2{font-size: 38px;
}
.new-tit {
    margin-bottom: 60px;
}
.btn-sumbit {
    border: 2px solid #fff;
    color: #fff;
    background: none;
    padding: 10px 40px;
    font-size: 15px;
    margin-bottom: 20px;
}
.bg-default{
	background-color: #a71017;
	color:#dbdbdb;
	padding:25px 0;}
.btlogo,.bttel{
	background: url(../styles/images/uli.jpg) no-repeat right center
}

.btlogo img{
	margin:67px 0 74px -20px;
}
.bttel{
	padding: 0 50px;
}
.bttelno{
	padding: 0 50px;
}
.bttelno dt{ padding:10px  0px 0 35px;}
.bttel dt{
	color: #cd1b16;
	font-size:16px;
	padding-bottom: 15px;
}
.bttel dd{
	line-height: 30px;
	margin-bottom: 10px;
	color:#666;
}
.bttel dd i{
	color: #ef3030;
}
.ny-about{
	margin:20px auto;
	background-color:#fff;
	padding:20px;
	padding-bottom: 
	}
.ny-tit h1{
	color:#333;}
.ny_info{
	line-height:27px;
	margin-bottom:50px;}
.text-indent{
	text-indent:2em;}
.pager>li.active>a, .pager>li.active>a:hover, .pager>li.active>span, .pager>li.active>span:hover {
    background-color: #fe3d00;
    border-color: #fe3d00;
}
.ptest{
	color:#333;}
.card>.caption {
    background-color: #333;}
.item-content h4 a{
	color:#333;}
.ny-info{
	padding:30px 0;
	line-height:27px;}

.showpro-c{
	line-height: 30px;
}
.animate-list-2{
  margin:0px auto 50px;
  background: url(../styles/images/pbg.jpg) no-repeat center 25%;
  overflow: hidden;
  min-height: 500px;}
.animate-list-2 ul{display:flex;margin:0 auto;justify-content:space-between;width:100%;}
.animate-list-2 .item{position:relative;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 7px;margin-right:-1px;width:20%;height:580px;perspective:800px;}
.animate-list-2 .item-inner{position:absolute;width:100%;height:100%; background: rgba(0,0,0,0.03);}
.animate-list-2 .item-front{position:absolute;width:100%;height:298px;color:#333;text-align:center;}
.animate-list-2 .item-front h6{padding:24px 0;color:#333;font-weight:400;font-size:18px;}
.animate-list-2 .item-front h6 span{color:red;font-size:26px;}
.animate-list-2 .item-front h5{padding:35px 0;font-weight:400;font-size:22px;}
.animate-list-2 .item-front .icon-img{display:block; padding-top: 70%;}
.animate-list-2 .item-front p{text-align:left;font-size:14px;line-height:22px;padding: 0 22px;}
.animate-list-2 .item-behind .sbg-text{ background: #fff; color: #333; padding: 50px 30px; }
.animate-list-2 .item-behind .sbg-text h2{ position: relative; color: #e00000; font-size: 24px; padding-bottom: 15px;}
.animate-list-2 .item-behind .sbg-text h2:after{
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 52px;
  height: 3px;
  background: #e00000;
}
.animate-list-2 .item-behind{position:absolute;top:0px;left:0px;display:none;padding:0px;height:380px;}
.animate-list-2 .item-behind h6{padding:5px 0 0;padding:20px 0;border-bottom:1px solid #b0d2ec;text-align:center;font-weight:400;font-size:24px;line-height:50px;}
.animate-list-2 .item-behind dl{margin:5px 0 10px;padding:20px 0;}
.animate-list-2 .item-behind dt i{display:inline-block;margin-right:10px;width:7px;height:11px;background-image:url(/images/2016/xc/behind_icon_bg.png);}
.animate-list-2 .item-behind dt{font-size:14px;line-height:30px;}
.animate-list-2 .item-behind dd{font-size:12px;line-height:18px;}
.animate-list-2 .item-behind .dashed{height:0;border-bottom:1px dashed #b0d2ec;}
.animate-list-2 .btn-area{position:absolute;bottom:5px;left:10px;font-size:0;}
.animate-list-2 .btn-area a{display:inline-block;margin-right:5px;height:34px;border-style:solid;border-width:1px;border-radius:3px;text-align:center;text-decoration:none;font-size:14px;line-height:34px;cursor:pointer;}
.animate-list-2 .btn-area .bbtn-1{width:86px;border-color:#fff;background-color:#fff;color:#229ffd;}
.animate-list-2 .btn-area .bbtn-2{width:46px;border-color:#fff;background-color:#2c9ef3;color:#fff;}
.animate-list-2 .btn-area .bbtn-3{width:46px;border-color:#fff;background-color:#2c9ef3;color:#fff;}
.animate-list-2 .item-open .item-behind{display:block;}
.animate-list-2 .item-open .item-front{display:none;}
.animate-list-2 .item-adm .item-inner{transition:transform .5s ease;transform-origin:right center;transform-style:preserve-3d;}
.animate-list-2 .item-adm .item-front{display:block;opacity:1;transition:all .5s ease .1s;}
.animate-list-2 .item-adm .item-behind{display:block;opacity:0;transition:all .5s ease .1s;transform:rotateY(180deg);}
.animate-list-2 .item-open-adm .item-inner{z-index:2;transform:translateX(-100%) rotateY(-180deg);}
.animate-list-2 .item-open-adm .item-front{display:none;opacity:0;}
.animate-list-2 .item-open-adm .item-behind{opacity:1;}
.jzmb{}
.jzmb h3{margin:20px;padding:20px 10px;border-bottom:1px dotted #fff;color:#fff;text-align:center;font-size:18px;}
.jzmb p{margin-top:10px;padding:0 10px;font-size:12px;line-height:20px;}
.jzmb_bottom{padding:10px 0;}
.jzmb_bottom li{float:left;width:100%;color:#a3a3a3;font-size:14px;line-height:38px;}
.jzmb_bottom li span{color:red;}
.flow {
	position: relative;
	padding: 80px 0 20px;
	background: url(../styles/images/flow_bg.jpg) no-repeat 50%;
	background-size: cover;
}

.flow .img-bg {
	position: absolute;
	top: 43px;
	left: 0;
}

.flow .inner-wrap {
	position: relative;
	z-index: 2;
}

.flow-head {
	margin-bottom: 48px;
	text-align: center;
}

.flow-head img { margin: 0 auto;}

.flow-head .title {
	padding: 20px 0;
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #fff;
}

.flow-head .title span {
	position: relative;
	display: inline-block;
}

.flow-head .title span::before,
.flow-head .title span::after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	height: 1px;
	width: 20px;
	background: #babdc4;
}

.flow-head .title span::before { left: -50px;}
.flow-head .title span::after { right: -50px;}

.flow-body {
	position: relative;
	padding: 33px 0 35px;
	margin-bottom: 37px;
}

.flow-body::before,
.flow-body::after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	opacity: .2;
}

.flow-body::before { top: 0;}

.flow-body::after { bottom: 0;}

.flow-list {
	padding-bottom: 27px;
	overflow: hidden;
}

.flow-list li {
	float: left;
	text-align: center;
}

.flow-item-1 { width: 8.88%;}
.flow-item-2 { position: relative; width: 4.11%;}

.flow-item-2 i {
	display: block;
	padding-bottom: 252.9836%;
}

.flow-item-2 img { max-width: 50%;}

.flow-item-in {
	padding: 16px 0;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: rgba(255,255,255,.15);
}

.flow-item-in .img {
	position: relative;
	margin: 0 auto 10px;
	max-width: 70%;
	width: 83px;
	border-radius: 100%;
	background: #fff;
}

.flow-item-in .img img.hover {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.flow-item-in .img img.hover {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.flow-item-in,
.flow-item-in .img,
.flow-pictures-item img {
	-webkit-transition: all ease .4s;
	   -moz-transition: all ease .4s;
	    -ms-transition: all ease .4s;
	     -o-transition: all ease .4s;
	        transition: all ease .4s;
}

.flow-item-in:hover {
	background: #fff;
	color: #d53f22;
	-webkit-box-shadow: 1px 2px 35px rgba(0,0,0,.39);
	-moz-box-shadow: 1px 2px 35px rgba(0,0,0,.39);
	box-shadow: 1px 2px 35px rgba(0,0,0,.39);
}

.flow-item-in:hover .img {
	background: #d53f22;
	-webkit-box-shadow: 1px 1px 7px rgba(4,0,0,.3);
	-moz-box-shadow: 1px 1px 7px rgba(4,0,0,.3);
	box-shadow: 1px 1px 7px rgba(4,0,0,.3);
}

.flow-item-in:hover img.default {
	opacity: 0;
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.flow-item-in:hover img.hover {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.flow-pictures-item .img { overflow: hidden;}

.flow-pictures-item { padding: 0 5px; cursor: pointer;}

.flow-pictures-item:hover img {
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

.flow-pictures .slick-prev, 
.flow-pictures .slick-next {
	width: 35px;
	height: 35px;
	-webkit-box-shadow: 1px 1px 40px rgba(4,0,0,.12);
	-moz-box-shadow: 1px 1px 40px rgba(4,0,0,.12);
	box-shadow: 1px 1px 40px rgba(4,0,0,.12);
}

.flow-pictures .slick-prev {
	left: -60px;
	background: url(../styles/images/flow_prev.png);
}

.flow-pictures .slick-next {
	right: -60px;
	background: url(../styles/images/flow_next.png);
}

.flow-pictures .slick-prev:hover {
	background: url(../styles/images/flow_prev_h.png);
}

.flow-pictures .slick-next:hover {
	background: url(../styles/images/flow_next_h.png);
}

.flow-pictures .slick-prev:before, 
.flow-pictures .slick-next:before {
	content: '';
}

.flow-foot {
	position: relative;
	padding-right: 290px;
}

.flow-foot p {
	padding: 0 10px 0 35px;
	height: 50px;
	font-size: 24px;
	color: #fff;
	line-height: 50px;
	background: rgba(255,255,255,.15);
}

.flow-foot .tel {
	margin-right: 20px;
	font-size: 30px;
	color: #fb5130;
	font-weight: bold;
	letter-spacing: .1em;
}

.flow-foot .button {
	position: absolute;
	right: 0;
	top: 0;
	width: 290px;
	height: 50px;
	line-height: 50px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
}

.flow-foot .button span,
.flow-foot .button i{
	display: inline-block;
	-webkit-animation: pulse 1s linear infinite 0s;
    -moz-animation: pulse 1s linear infinite 0s;
    -o-animation: pulse 1s linear infinite 0s;
    -ms-animation: pulse 1s linear infinite 0s;
    animation: pulse 1s linear infinite 0s
}
@media (max-width:1350px){
	/*.flow-pictures {
		width: 80%;
		margin: 0 auto;
	}*/
	
	.flow-pictures-item { padding: 0 10px;}
	
	.flow-foot { padding-right: 0;  text-align: center;}
	.flow-foot p {
		padding: 10px;
		margin-bottom: 37px;
		height: auto;
		line-height: 35px;
	}
	
	.flow-foot .button { 
		position: static;
	}
}

.jia{ overflow: hidden; }
.jia img{ transition: all ease-in-out 0.3s; }
.jia:hover img{ transform: scale(1.2,1.2); }
.ntit{ font-size: 20px; padding-bottom: 10px; font-weight: bold; margin-bottom: 20px; color: #333; position: relative; }
.ntit:after{
	position: absolute;
	left:0;
	bottom: 0;
	width: 30px;
	height: 2px;
	content: "";
	background: #e00000;
	transition: 0.3s;
}
.ntit:hover:after{
	width: 60px;
}
.nliat { margin-top: 20px; }
.nliat li{
	border-bottom: 1px dashed #eee;
	line-height: 34px;
}
.nliat li a{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
    width: 74%;
}
.nliat li span{ color: #8f8f8f; }
.ny-ser{ margin-bottom: 50px; }
.ny-ser li{ width: 16.66%; float: left;border:1px solid #ddd; text-align: center;padding: 10px 0; }
.ny-ser li.active,.ny-ser li:hover{ background: #f02427; color: #fff; }
.ny-ser li.active a,.ny-ser li:hover a{ color: #fff; }
.s11{ margin-bottom: 123px; }
.proInfo-title {
    font-size: 22px;
    line-height: 36px;
    color: #222;
    padding-top: 4px;
    padding-bottom: 24px;
}
.proInfo-title:after {
    content: "";
    display: block;
    margin-top: 15px;
    width: 50px;
    height: 2px;
    background: #C00;
}
.pro-title-wrap {
    border-bottom: 1px solid #C00;
    margin-bottom: 30px;
}
.ajax-items-title {
    color: #fff;
    font-size: 20px;
    text-align: center;
    width: 148px;
    height: 54px;
    background: #C00;
    line-height: 54px;
}

	
	
	
	
	
@media (max-width: 1199px) {
	.navbar-brand img{ width:80%;}
	.navbar-nav > li > a {
    margin: 10px 0;
    padding: 22px 0px;
	font-size: 13px;}
    .ainfo {
    min-height: 336px;padding-top:0px;}
    .abox {
    padding: 10px 70px 20px 0px;}
    .ser-bg h2 {
    font-size: 30px;}
    .ser-bg p {
    font-size: 14px;}
	.navbar-right{margin-right:10px;}
	.navbar-brand {
    padding: 20px 0px;
}
	.navbar-nav > li > a {
    padding: 39px 11px;
    font-size: 15px;
}
.sy-about{padding: 40px 0 40px 0;}
	
}
@media (max-width: 991px) {
	.navbar-brand img {
	    max-height: 20px;
	}
	.navbar-nav > li > a {
    margin: 14px 0;
    padding: 5px 12px;
    font-size: 10px;}
	.btn-more{
		margin-bottom: 20px;
	}
	.aimg{
		margin-top: 20px;
	}
	.ser-test {
    padding: 20px 35px;}
	.ser-bg h2 {
    font-size: 28px;}
	.ser-test p{
		font-size: 14px;
	}


	
	
}
@media (max-width: 767px) {
	.ny-ser { margin: 15px 0px; overflow: hidden;}
	.ny-ser li {
	    width: 33.33%;

	}
	.navbar {
	    min-height: 0px;
		
	}
	.navbar-brand{
		padding: 20px 0 0 10px;
		width: 80%;
	}
	.navbar-brand img{
	max-height:40px;
	}
	.navbar-toggle {
    background-color:#eee;
	margin:20px 10px 20px 0;}
	.navbar-toggle .icon-bar {
	background-color: #555;}
	.nav-justified {
    width: 30%;}
    .navbar-nav.nav-justified > li::after,.navbar-nav.nav-justified>li:last-child:after,.navbar-nav.nav-justified>li:first-child:after {
    width: 0px;}
	.navbar-nav>li>a{
	font-size:15px;
	color:#555;
	padding:10px 10px;
	margin: 0;}
	.sy-about, .sy-products, .sy-news {
    margin-top:0px;}
    .about-tit {
    margin-bottom: 0px;}
    .pro-list {
    padding: 20px 0;}
    .pro-text {
    font-size: 14px;}
    .sy-contact {
    padding: 30px 15px;
    margin-left: 0px;
	}
	.card>img{
		height: 119px;
	}
	
	.abox {
    padding: 70px 0px 20px;
	}
	
	.abox h1 {
		font-size: 20px;
	}
	
	.news .media-heading a {
    font-size: 16px;}
	.about-tit h2 {
    font-size: 24px;}
    .header-dividing, .page-header {
    padding-bottom: 9px;
    margin: 10px 0 0px;
}

.col-xs-6 {
    width: 48%;
}

.sy-products {
    padding: 30px 0 10px 0;
}
.news {
    padding: 30px 0;
}
.btn-series {
    border-radius: 10px;
    padding: 7px 15px;
    font-size: 15px;
    text-shadow: none;
    margin: 5px 5px 0 5px;
}
.media-left, .media > .pull-left {
    padding-right:0px;
}
.about-ny {
    padding: 0px 0 0 0;
}
.series {
    padding: 30px 0;
    background: url(../styles/images/bg.jpg) no-repeat;
}
.news {
    margin-bottom: 46px;
}
.top_bar { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif;}
.top_menu { display:-webkit-box;  display: block; width: 100%; background: rgba(52, 52, 52);  display: -webkit-box; display: box; margin:0; padding:10px 0; -webkit-box-orient: horizontal; background: #a71017;  }
.top_bar .top_menu>li { -webkit-box-flex:1; position:relative; text-align:center; }
.top_menu li:first-child { background:none; }
.top_bar .top_menu>li>a {  margin-right: 1px; display:block; text-align:center; color:#fff; text-decoration:none; /*text-shadow: 0 1px rgba(0, 0, 0, 0.3);*/ -webkit-box-flex:1; }

.top_bar .top_menu>li>a label { overflow:hidden; margin: 0 0 0 0; font-size: 12px; display: block !important; line-height: 18px; text-align: center; }
.top_bar .top_menu>li>a img { padding: 3px 0 0 0; height: 24px; width: 24px; color: #000; line-height: 48px; vertical-align:middle; }
.top_bar li:first-child a { display: block; }
.menu_font { text-align:left; position:absolute; right:10px; z-index:500; background: -webkit-gradient(linear, 0 0, 0 100%, from(#524945), to(#48403c), color-stop(60%, #524945)); border-radius: 5px; width: 120px; margin-top: 10px; padding: 0; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }
.menu_font.hidden { display:none; }
.menu_font { top:inherit !important; bottom:60px; }
.menu_font li a { height:40px; margin-right: 1px; display:block; text-align:center; color:#FFF; text-decoration:none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-box-flex:1; }
.menu_font li a { text-align: left !important; }
.top_menu li:last-of-type a { background: none; overflow:hidden; }
.menu_font:after { top: inherit!important; bottom: -6px; border-color: #48403c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 6px 6px 0; position: absolute; content: ""; display: inline-block; width: 0; height: 0; border-style: solid; left: 80%; }
.menu_font li { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.menu_font li:first-of-type { border-top: 0; }
.menu_font li:last-of-type { border-bottom: 0; }
.menu_font li a { height: 40px; line-height: 40px !important; position: relative; color: #fff; display: block; width: 100%; text-indent: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.menu_font li a img { width: 20px; height:20px; display: inline-block; margin-top:-2px; color: #fff; line-height: 40px; vertical-align:middle; }
.menu_font>li>a label { padding:3px 0 0 3px; font-size:14px; overflow:hidden; margin: 0; }
#menu_list0 { right:0; left:10px; }
#menu_list0:after { left: 20%; }
#sharemcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; }
#sharemcover img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; border:0; }
.top_bar .top_menu>li>a:hover, .top_bar .top_menu>li>a:active { }
.menu_font li a:hover, .menu_font li a:active { background-color:#ccc; }
.menu_font li:first-of-type a { border-radius:5px 5px 0 0; }
.menu_font li:last-of-type a { border-radius:0 0 5px 5px; }
	





}
	








.p0{padding: 0px;}
.p5{padding: 5px;}
.pt0{padding-top: 0px;}
.pr0{padding-right: 0px;}
.pb0{padding-bottom: 0px;}
.pl0{padding-left: 0px;}

.pt5{padding-top: 5px;}
.pr5{padding-right: 5px;}
.pb5{padding-bottom: 5px;}
.pl5{padding-left: 5px;}

.pt10{padding-top: 10px;}
.pr10{padding-right: 10px;}
.pb10{padding-bottom: 10px;}
.pl10{padding-left: 10px;}

.pt15{padding-top: 15px;}
.pr15{padding-right: 15px;}
.pb15{padding-bottom: 15px;}
.pl15{padding-left: 15px;}

.pt20{padding-top: 20px;}
.pr20{padding-right: 20px;}
.pb20{padding-bottom: 20px;}
.pl20{padding-left: 20px;}

.pt30{padding-top: 30px;}
.pr30{padding-right: 30px;}
.pb30{padding-bottom: 30px;}
.pl30{padding-left: 30px;}

.m0{margin: 0px;}
.m5{margin: 5px;}

.mt0{margin-top: 0px;}
.mr0{margin-right: 0px;}
.mb0{margin-bottom: 0px;}
.ml0{margin-left: 0px;}

.mt5{margin-top: 5px;}
.mr5{margin-right: 5px;}
.mb5{margin-bottom: 5px;}
.ml5{margin-left: 5px;}

.mt10{margin-top: 10px;}
.mr10{margin-right: 10px;}
.mb10{margin-bottom: 10px;}
.ml10{margin-left: 10px;}

.mt15{margin-top: 15px;}
.mr15{margin-right: 15px;}
.mb15{margin-bottom: 15px;}
.ml15{margin-left: 15px;}

.mt20{margin-top: 20px;}
.mr20{margin-right: 20px;}
.mb20{margin-bottom: 20px;}
.ml20{margin-left: 20px;}

.mt30{margin-top: 30px;}
.mr30{margin-right: 30px;}
.mb30{margin-bottom: 30px;}
.ml30{margin-left: 30px;}
.wauto{width: auto;}
.mb50{margin-bottom: 50px;}

.swiper-button-next,.swiper-button-prev{background-image: none!important;background:rgba(255,255,255,0.5);width: 42px;height: 90px;margin-top: 0;transform: translateY(-50%)}
.swiper-button-next i,.swiper-button-prev i{position: absolute;left:50%;top:50%;display: block;transform: translateX(-50%) translateY(-50%);font-size: 30px;}
.swiper-button-prev{border-top-right-radius: 15px;border-bottom-right-radius: 15px;left:0;}
.swiper-button-next{border-top-left-radius: 15px;border-bottom-left-radius: 15px;right:0;}

/* 分页样式 */
.pagination {
    color: #666;
    clear: both;
    margin-top: 1em;
    display: block;
    margin: auto;
	padding-top: 25px;
	padding-bottom: 50px;
}

.pagination li {
    display: inline-block;
}

.pagination a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: -1px;
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    color: #cd1b16;
    border: 1px solid #ddd;
    background: #fff;
    text-decoration: none;
    overflow: hidden;
}

.pagination li>span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: -1px;
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    color: #cd1b16;
    border: 1px solid #ddd;
    background: #fff;
    text-decoration: none;
    overflow: hidden;
}

.pagination li.active>span {
    color: #ffffff;
    background: #cd1b16;
}

.pagination .prev::before {
    font-family: "FontAwesome";
    display: inline-block;
    content: "\f104";
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

.pagination .next::after {
    font-family: "FontAwesome";
    display: inline-block;
    content: "\f105";
    width: 10px;
    height: 10px;
    margin-left: 5px;
}

.pagination a:not(.goto):hover {
    background-color: #eee;
    color: #cd1b16
}

.pagination a.cur,
.pagination a.cur:hover {
    background-color: #428bca;
    color: #fff;
    border-color: #428bca;
    margin-right: 1px
}

.pagination a.disabled {
    background-color: #e6e6e6 !important;
    color: #bbb !important;
    cursor: no-drop
}

.pagination .prev {
    border-radius: 5px 0 0 5px
}

.pagination .next {
    border-radius: 0 5px 5px 0;
}

.job-txt {
    width: 15%;
    height: 30px;
    text-align: center;
    border-right: 1px #999 dotted;
    line-height: 30px;
    padding: 0px;
    margin: 0px auto;
    overflow: hidden;
    border-bottom: 1px #999 dotted;
    float: left;
}
.job-d{
	float: left;
}
.phone{
    margin: 0px auto;
    background: url(../styles/images/pbg.jpg) no-repeat center 25%;
    overflow: hidden;
}
.phone ul li {
    width: 50%;
    float: left;
    text-align: center;
    padding: 3%;
}

/*media--------------*/
@media screen and (min-width:768px){
.item-adm:hover .item-inner{z-index:2;transform:translateX(-100%) rotateY(-180deg);}
.item-adm:hover .item-behind{opacity:1;}
.item-adm:hover .item-front{display:none;opacity:0;}

}

@media screen and (max-width: 768px) {
.ny-about{
	padding-bottom: 60px;
	}
}
.friendlink {
    float: left;
    color: #fff;
    line-height: 27px;
}

.friendlink i {
    list-style: none;
    font-style: normal;
    line-height: 30px;
    float: left;
}

.friendlink .linkTagcs {
    text-align: left;
    float: right;
    width: 181px;
    max-height: 30px;
    overflow: hidden;
    transition: 0.3s all ease-in-out;
    line-height: 30px;
}

.friendlink .linkTagcs a {
    display: block;
    color: #fff;
}

.friendlink .linkTagcs:hover {
    max-height: 30px;
    overflow-x: hidden;
    overflow-y: auto;
}