*{padding: 0x; margin: 0px;}
/*====================导航*********/
.header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999999;
	height:50px;
	padding: 0 30px;
	background: rgba(28, 35, 39, 0.8);
}
/*左侧logo*/
.header .left{
	width: 12%;
}
.header .left a img{
	height: 35px;
	margin-top: 8px;margin-left: 10px;
}
.header .left .img2{
	display: none;
}
/*右侧*/
.header .nav{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	height: 100%;
	line-height: 50px;
	display: block;
}
.header .navbar_nav li{
	float:left;
	position: relative;
	display: block;
}
.header .navbar_nav li:after{
    content: "";
    width: 0;
    height: 2px;
    background: #da0e17;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}
.header .navbar_nav li:hover:after{
    width: 100%;
}
.header .navbar_nav li a{
	text-decoration: none;
	height: 100%;
	padding: 0 25px;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #fff;
	font-size: 16px;
}
.header .navbar_nav li:hover a{
	color: #da0e17;
}
.header .navbar_nav li.dropdown{
	display: inherit;
	position: relative;
}
.header .navbar_nav li.dropdown .jt{
	width: 20px;
	height: 20px;
	background-size: 100% 100%;
	display: block;
}
.header .navbar_nav li.dropdown .dropdown_menu{
	display: none;
	position: absolute;
	top:50px;
	width: 100%;
	background: #fff;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 120%;
    left: -10%;
}
.header .navbar_nav li.dropdown .dropdown_menu a{
	font-size: 14px;
	color: #666;
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	margin-bottom: 2px;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu{
	display: block;
	background: #f3f3f3;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{
	color: #666;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{
	color: #fff;
	background: #e1082c;
}
/*白色背景的头部*/
.header.on{
	background: #fff;
	border-bottom: 1px solid #ddd;
}
.header.on .left .img1{
	display: none;
}
.header.on .left .img2{
	display: block;
}
.header.on .navbar_nav li a{
	color: #333;
}
.header.on .navbar_nav li:hover a{
	color: orangered;
}
#navToggle{
	display: none;
}

.m_nav{
	position: fixed;
	top: 0px;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 100%;
    height: 100%;
    background: #fff;
	z-index: 999999;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    top: 0;
    transform: translateX(100%);
}
.m_nav.open{
    transform: translateX(0);
}
.m_nav .top{
	height: 60px;
	padding: 20px;
	box-sizing: border-box;
}
.m_nav .top .closed{
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float:right;
	cursor: pointer;
}
.m_nav .logo{
	width: 100%;
	margin:0 auto;
}
.m_nav .logo img{
	height: 50px;
	display: block;
	margin:30px auto;
}
.m_nav .ul{
	margin-top: 30px;
}
.m_nav .ul li{
	padding: 0 20px;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    opacity: 0;
}
.m_nav.open .ul li{
	opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li a{
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	width: 100%;
}
.m_nav .ul li .dropdown_menu{
	display: none;
}
.m_nav .ul li.dropdown.active .dropdown_menu{
	display: block;
}
.m_nav .ul li .dropdown_menu a{
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5;
}
.m_nav .ul li .dropdown_menu a:last-child{
	border: none;
}
.about-usx{margin:30px 0;width:100% !important;text-align:center;	background: linear-gradient(to top right, #17192e 0%, #5f6271 25%, #3f4255 100%);overflow: hidden; padding: 50px 0px 0px;}
.about-us{margin:30px 0;width:100% !important;text-align:center;background: linear-gradient(to top right,#2f302a  0%, #606368 25%, #908f95 100%);overflow: hidden; padding: 50px 0px 0px;}
.about-title{font-size:30px;color:#fff;position:relative;overflow:hidden;padding-bottom:10px;text-align:center}
.about-us-content p{line-height:35px;color:#fff;font-size:14px; padding:0px 15px 50px 15px;}
.about-us-subtitle{font-size:16px;margin-top:10px;margin-bottom:10px;color:#fff}



.Case_title{ text-align:center; margin:0px 0px 0px 0px;}
.Case_title2{ text-align:center; margin:30px 0px 0px 0px;}
.Case_title h2,.Case_title2 h2{ font-size:24px; font-weight:bold;}
.Case_title h5,.Case_title2 h5{ color:#999; font-size:16px; padding: 8px 0px 3px 0px;}

.Segments{ text-align:center;padding:0px 10px 15px 10px; line-height: 25px;}


.containerx {
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .containerx {
    width: 680px;
  }
	
	
}
@media (min-width: 992px) {
  .containerx {
    width: 980px;
  }
}
@media (min-width: 1200px) {
  .containerx {
    width: 1182px;
  }
}
@media (min-width: 1300px) {
  .containerx {
    width: 1300px;
  }
}
@media (min-width: 1570px) {
  .containerx {
    width: 1570px;
  }
}
.container-fluidx {
  margin-right: auto;
  margin-left: auto;
}
.padding-big-bottom {
    padding: 20px 0px;
}

.padding-large-bottom { padding-bottom: 10px }
.padding-large-bottom p.media-img {
	width: 64px;
	height: 64px;
	margin: 0 auto
}
.padding-large-bottom p.media-img a {
	display: block;
	width: 64px;
	height: 64px;
}
.media-img img{ height: 80px;}
.padding-large-bottom h2 {
	font-size: 14px;
	color: #444
}
.padding-large-bottom p {
	font-size: 12px
}
.padding-large-bottom .border-radius {
	margin: 0 10px 0 10px;
}
.padding-large-bottom .border-radius.last {
	margin: 0 0 20px 0
}


.ul_1{ width:100%; float:left; margin-top:0px;}
.ul_1 li{ width:25%; float:left; padding:0 20px; margin-top:15px;}
.ul_1 li .zbox{ width:100%; float:left;}
.ul_1 li .zbox .img{ width:100%; float:left; position:relative; background:black; overflow:hidden; text-align:center;}
.ul_1 li .zbox .img img{ width:100%; float:left;
		 transition: all 1s linear;
	-moz-transition: all 1s linear;
 -webkit-transition: all 1s linear;
-o-transition: width all 1s linear;}
.ul_1 li .zbox:hover .img > img{ opacity:0.5;
		transform: scale(1.09,1.09);
	-ms-transform: scale(1.09,1.09);	
-webkit-transform: scale(1.09,1.09);
	 -o-transform: scale(1.09,1.09);	
   -moz-transform: scale(1.09,1.09);}
.ul_1 li .zbox .img .bian{ width:100%; height:100%; border:solid 1px white; position:absolute; left:0; top:0; opacity:0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox .img .name{ width:100%; padding:0 50px; position:absolute; left:0; top:50%; margin-top:-82px; padding-bottom:22px; background:url(../image/bian_3.jpg) no-repeat center bottom; font-size:20px; color:white; line-height:30px; opacity:0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox .img .p{ width:100%; padding:0 76px; position:absolute; left:0; top:50%; font-size:14px; color:white; line-height:24px; height:48px; overflow:hidden; opacity:0; margin-top:-33px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox .img .more{ width:100%; position:absolute; left:0; top:50%; opacity:0; margin-top:27px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox .img .more a{ display:inline-block; *zoom:1; *display:inline; width:41px; height:41px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.ul_1 li .zbox .img .more a img{ width:100%; float:left;}
.ul_1 li .zbox:hover .img .bian{ opacity:1; width:90%; height:90%; left:5%; top:5%;}
.ul_1 li .zbox:hover .img .name{ opacity:1; margin-top:-102px;}
.ul_1 li .zbox:hover .img .p{ opacity:0.6;}
.ul_1 li .zbox:hover .img .more{ opacity:1; margin-top:47px;}
.ul_1 li .zbox .img .more a:hover{ box-shadow:0 0 12px rgba(255,255,255,0.6);}
.ul_1 li .zbox .title{ width:100%; float:left; }
.ul_1 li .zbox .title h4{ width:100%; float:left; padding-right:35px; position:relative;height: 45px;overflow: hidden;}
.ul_1 li .zbox .title h4 a{ display:block; width:100%; float:left; font-size:16px; color:#333; line-height:45px;}
.ul_1 li .zbox .title h4 span{ position:absolute; right:0; top:18px;font-size: 14px;color: #999;}
.ul_1 li .zbox .title .p{ width:100%; float:left; margin-top:0px; padding-top:12px; border-top:dashed 1px #b2b2b2; height:42px;}
.ul_1 li .zbox .title .p .p_l{ float:left; font-size:14px; color:#666; line-height:30px;}
.ul_1 li .zbox .title .p .p_l span{ display:block; float:left; margin-right:18px;}
.ul_1 li .zbox .title .p .p_l span img{ height:100%; float:left; margin-right:8px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox .title .p .p_l span:hover img,.ul_1 li .zbox .title .p .p_r:hover img{ transform:rotateY(180deg);}
.ul_1 li .zbox .title .p .p_r{ float:right; height:30px;}
.ul_1 li .zbox .title .p .p_r img{ height:100%;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_1 li .zbox .title h4 a:hover{ color:#d32329;}
@media screen and (max-width:1569px) {
.ul_1 li .zbox .title .p .p_l span{ margin-right:12px;}
.ul_1 li .zbox .title .p .p_l span img{ margin-right:4px;}
}
@media screen and (max-width:1199px) {
.ul_1 li{ padding:0 8px 0 8px; margin-top:32px;}
.ul_1 li .zbox .img .name{ padding:0 30px; margin-top:-42px; padding-bottom:12px; font-size:16px;line-height:24px; }
.ul_1 li .zbox .img .p{ padding:0 36px; font-size:12px; line-height:22px; height:44px;margin-top:-13px;}
.ul_1 li .zbox .img .more{ margin-top:17px;}
.ul_1 li .zbox .img .more a{ width:21px; height:21px;}
.ul_1 li .zbox:hover .img .name{ margin-top:-62px;}
.ul_1 li .zbox:hover .img .more{ margin-top:47px;}
.ul_1 li .zbox .title{ margin-top:0px;}
.ul_1 li .zbox .title h4{ padding-right:25px; height: 45px;overflow: hidden;}
.ul_1 li .zbox .title h4 a{ font-size:16px; line-height:45px; height: 45px;overflow: hidden;}
.ul_1 li .zbox .title h4 span{ position:absolute; right:0; top:18px;}
.ul_1 li .zbox .title .p{ margin-top:0px; padding-top:6px; height:30px;}
.ul_1 li .zbox .title .p .p_l{ font-size:12px; line-height:24px;}
.ul_1 li .zbox .title .p .p_l span{ margin-right:8px; height:24px;}
.ul_1 li .zbox .title .p .p_l span img{ margin-right:2px;}
.ul_1 li .zbox .title .p .p_r{ height:24px;}
}
@media screen and (max-width:991px) {
.ul_1 li{ width:50%; margin-top:10px;}

}
@media screen and (max-width:480px) {
.ul_1 li{ width:50%;}
.Case_title2{ text-align:center; margin:60px 0px 0px 0px;}
.media-img img{ height: 50px;}
}


@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig;
}




@media screen and (max-width: 750px){
	.header{
		padding: 0px;
	}
	.header #navToggle {
		height: 100%;
		padding: 9px 15px;
		margin-right: 0px;
		display: inline-block;
		float: right;
	}
	.header #navToggle span {
		position: relative;
		width: 25px;
		height: 1px;
		margin-top: 19px;
	}
	.header #navToggle span:before,
	.header #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 1px;
		left: 0;
	}
	.header #navToggle span,
	.header #navToggle span:before,
	.header #navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #999;
	}
	.header #navToggle span:before {
		top: 8px;
	}
	.header #navToggle span:after {
		bottom: 10px;
	}
	.header #navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}
	.header #navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.header #navToggle.open span {
		background: none;
	}
	.header #navToggle.open span:before,
	.header #navToggle.open span:after {
		background: #4f4f4f;
	}
	
	.header .nav{
		display: none;
	}
}


.ul-listx{
	margin: 0px;
}
.ul-listx a{ color: #666;}
.ul-listx li{
	float: left;
	width: 25%;
	margin-bottom: 30px;
}
.ul-listx li .picx img{
	width: 100%;
	display: block;
	transform: perspective(800px) rotateY(0deg);
	transition: all 1s ease 0s;
	-moz-transform: perspective(800px) rotateY(0deg);
	-moz-transition: all 1s ease 0s;
	-webkit-transform: perspective(800px) rotateY(0deg);
	-webkit-transition: all 1s ease 0s;
	-o-transform: perspective(800px) rotateY(0deg);
	-o-transition: all 1s ease 0s;
	-ms-transform: perspective(800px) rotateY(0deg);
	-ms-transition: all 1s ease 0s;
	zoom:1;
}
.ul-listx li:hover img{
	transform: perspective(800px) rotateY(-179.9deg);
	-moz-transform: perspective(800px) rotateY(-179.9deg);
	-webkit-transform: perspective(800px) rotateY(-179.9deg);
	-o-transform: perspective(800px) rotateY(-179.9deg);
	-ms-transform: perspective(800px) rotateY(-179.9deg);
}
.ul-listx li .padx{
	padding: 0 8px;
}
.ul-listx li .borx{
	border: 1px solid #e2e3e8;padding: 15px 0px 0px 0px;
}
.ul-listx li:hover .borx{
	border-color: #e4392a;padding: 15px 0px 0px 0px;
}
.ul-listx li .txtx{
	padding: 0px 15px;
	line-height: 20px;
	color: #666; font-size: 12px;
}
.ul-listx li .txtx p{display: block; line-height: 20px;height: 60px;overflow: hidden; }
.ul-listx li .titlex{
	height: 55px;
	margin-bottom: 10px;
}
.ul-listx li .titlex span{
	float: left;
	border: 1px solid #e2e3e8;
	background-color: #f0f2f5;
	display: inline-block;
	text-align: center;
	padding: 6px 5px;
	margin-right: 0px;
}
.ul-listx li .titlex span em{
	display: block;
	font-size: 16px;
}
.ul-listx li .titlex h3{
	border-bottom: 1px solid #e2e3e8;
	overflow: hidden; font-size: 14px;
	height: 54px; line-height: 25px; overflow: hidden; padding-left: 10px;
}
@media screen and (max-width: 750px){
.ul-listx li{
	float: left;
	width:50%;
	margin-bottom: 15px;
}
.ul-listx li .borx{
	border: 1px solid #e2e3e8;padding: 8px 0px 0px 0px;
}
.ul-listx li:hover .borx{
	border-color: #e4392a;padding: 8px 0px 0px 0px;
}
.ul-listx li .txtx{
	padding: 0px 8px;
	line-height: 20px;
	color: #666; font-size: 12px;
}
.ul-listx li .txtx p{display: none;}
.ul-listx li .titlex span{
	display: none;
}
.ul-listx li .titlex{
	height: 25px;
	margin-bottom: 10px;
}
.ul-listx li .titlex h3{
	border-bottom: 0px solid #e2e3e8;
	overflow: hidden; font-size: 14px;
	height: 25px; line-height: 25px; overflow: hidden; padding-left: 0px; 
}
	}


.ul-case-ix{
	margin: 0 -3px;
}
.ul-case-ix li{
	float: left;
	width: 25%;
	padding: 0 10px;
	margin: 15px 0px;
	overflow: hidden;
}
.ul-case-ix li a{
	display: block;
	position: relative;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-case-ix li .picx img{
	width: 100%;
	display: block;
}
.ul-case-ix li a .hoverx{
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	text-align: center;
	background: url(../image/alpha_red_80.jpg) repeat;
	color: #fff;
	/*display: none;*/
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-case-ix li .hoverx b,.ul-case-ix li .hoverx .txtx,.case-imgx .hoverx b,.case-imgx .hoverx .txtx{
	display: inline-block;
	vertical-align: middle;
}
.ul-case-ix li .hoverx b,.case-imgx .hoverx b{
	width: 0;
	height: 100%;
}
.ul-case-ix li a:hover .hoverx{
	/*display: block;*/
	top: 0;
}
.ul-case-i-1x li{
	width: 25%;
}




.footer{background: #24262a;border-top: 1px solid #999;padding: 30px 0px;}
.footer .row{color: #999;line-height: 32px;padding-top: 0px;}
.copyright{width: 100%;background: #16171a;height: 50px;line-height: 50px;color: #999;text-align: center;}
@media screen and (max-width: 750px){
.ul-case-ix li{
	float: left;
	width: 47%;
	padding: 0 0;
	margin: 10px 1.5% 0px 1.5%;
	overflow: hidden;
}

.copyright {
    width: 100%;
    background: #16171a;
    height: auto!important;
    line-height:20px!important;
    color: #999;
    text-align: center;
    font-size: 12px;
    padding:10px 0;
}
.copyright p{margin:0;}
.case{display: none;}


	}



.product-tab--2 .border-top {
  margin-top: 0px;
}

.heading-primary {
  font-size: 6rem;
  line-height: 1;
  display: block;
  color: #fff;
  margin-bottom: 1rem;
  text-transform: capitalize;
}

.black-bg .heading-primary, .black-bg .sadia-slider-text {
  color: #fff;
}

.heading-primary span {
  color: #fe4536;
}

.sadia-heading-primary {
  font-size: 3rem;
}

.section-title h2 {
  color: #333;
  display: inline-block;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 40px;
  padding-bottom: 20px;
  position: relative;
  text-transform: capitalize;
}

.section-title h2::before {
  background: #333 none repeat scroll 0 0;
  border-radius: 100%;
  bottom: -1px;
  content: "";
  height: 2px;
  left: 14%;
  position: absolute;
  width: 70%;
}

.section-title h2 i {
  background: #333 none repeat scroll 0 0;
  border: medium none;
  border-radius: 100%;
  color: #fff;
  font-size: 11px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -10px;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 82%;
  width: 20px;
}

.border-bottom {
  border-bottom: 1px solid #ddd;
}

/* bounce-animate */

.bounce-animate {
  animation-name: shape1;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: shape1;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: shape1;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: shape1;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

@keyframes shape1 {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@-webkit-keyframes shape1 {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes pulse {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.2);
  }
}

@-webkit-keyframes pulse {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.2);
  }
}
.slider-area {
  position: relative; margin-bottom: 30px;
}

.slider-wrapper:hover .owl-prev {
  left: 3rem;
}

.slider-wrapper:hover .owl-next {
  right: 3rem;
}

.slider-wrapper .owl-prev {
  left: 1.5rem;
}

.slider-wrapper .owl-next {
  right: 1.5rem;
}

.slider-wrapper .owl-nav>div:hover {
  background: #333333;
  color: #fff;
}

.slider-wrapper .owl-dots {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 15px;
  width: 100%;
}

.slider-wrapper .owl-dot {
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  font-size: 0;
  margin: 0 4px;
  cursor: pointer;
  background: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.slider-wrapper .owl-dot:hover {
  background: #fe4536;
}

.slider-wrapper .owl-dot.active {
  width: 3.2rem;
  background: #fe4536;
}

.slider-wrapper .single-slider {
  height: 61rem;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-position: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.slider-wrapper-2 .single-slider {
  height: 49rem;
}

.full-slider .slider-wrapper .single-slider {
  height: 100vh;
}

.slider-s3 .single-slider {
  height: 61rem;
}

.slider-wrapper .owl-dot:hover {
  background: #fe4536;
}

.slider-wrapper .owl-dot.active {
  background: #fe4536;
}

.slider-wrapper-2 .owl-dot:hover {
  background: #fe4536;
}

.slider-wrapper-2 .owl-dot.active {
  background: #fe4536;
}

.sadia-slider-text {
  color: #fff;
  font-size: 1.6rem;
  text-transform: capitalize;
  margin-bottom: 2rem; padding: 0 20px;
}

.slider-content--2 .sadia-slider-text {
  font-size: 2rem;
}

.slider-content--2 {
  padding-left: 3rem;
}

.banner-slide-wrapper {
  background: #fff;
  padding: 3rem 0;
}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


/*案例列表*/
.case{
	padding-top: 50px;
}
.casebg{
	position: relative;
	background-position: center 0;
	background-repeat: no-repeat;
	/*padding-top: 16%;*/
	height: 300px;
}
.casebg .ban-bg{
	background: url(../image/ban_bg.jpg) center top no-repeat;
	height: 54px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -30px;
	z-index: 60;
}

.pages{
	text-align: center;
	margin-bottom: 50px;
	margin-top: 30px;
}
.pages a{
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: #edecec;
	border-radius: 3px;
	text-align: center;
	line-height: 40px;
	font-family: Arial;
	font-size: 14px;
	color: #666;
	margin: 0 4px;
}
.pages a:hover,.pages .page-on{
	background-color: #e4392a;
	color: #fff;text-decoration: none;
}

.filters {
    margin-top: 10px;
    margin-bottom: 40px;
    text-align: center;
    display: block;
    float: none;
    z-index: 2;
    position: relative;
}

.filters ul li {
    display: inline-block;
    margin: 0 5px;
}

.filters ul li a {
    display: block;
}

.filters ul li a  {
    background: none repeat scroll 0 0 #f7f7f7;
    border-radius: 4px;
    display: inline-block;
    display: block;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 5px;
    padding: 10px 22px; margin-top: 10px;;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    background: #fff;
    border: #C2C2C2 solid 1px;
    color: #7C7C7C;
}

.filters ul li a:hover, .filters ul li a.active {
    background: #fff;
    color: #df0031;
    text-decoration: none;
    border: #df0031 solid 1px;
}
.aboutus{ padding: 15px 0px;}
.aboutus p{ padding: 8px 10px 0px 10px; line-height:30px;}

.aboutus2{ padding: 15px 0px; color: #fff;;}
.aboutus2 p{ padding: 15px 10px 0px 10px; line-height:30px;}


.contact-l{
	width: 38%;
	float: left;padding:0px;
}
.contact-r{
	width: 62%;
	float: right;padding:0px;
}
.ul-contact li{
	background: url(../image/i_icon2.jpg) no-repeat;
	padding-left: 60px;
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 35px;
}
.ul-contact li.li1{
	background-position: 0 0;
}
.ul-contact li.li2{
	background-position: 0 -74px;
}
.ul-contact li.li3{
	background-position: 0 -184px;
}


.contact-form .inp{
	width: 49%;
	border: 1px solid #6d6d88;
	height: 33px;
	padding: 0 10px;
	margin-bottom: 15px;border-radius: 3px;
}
.contact-form textarea{
	width: 100%;
	border: 1px solid #6d6d88;
	margin-bottom: 15px;border-radius: 3px;padding: 0 10px;
}
.contact-form .sub{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #63637f;
	border: 0;
	cursor: pointer;	
	font-family:"微软雅黑","Microsoft Yahei";
	font-size: 16px;border-radius: 3px;
}
.contact-form2 { padding: 0px 60px 0px 0px ;}
.contact-form3 { padding: 0px 0px 0px 60px ;}
.contact-form2 .margin_10,.contact-form3 .margin_10{ margin-top: 15px;}
.margin_10_1{ margin-top: 15px; padding-right: 1%;}
.contact-form2 .inp,.contact-form3 .inp{
	width: 49%;
	 background: #d9d9d9;
	height: 33px;
	padding: 0 10px;border-radius: 3px;
}
.form-controlx{
	 background: #d9d9d9;
	height: 33px;
	padding: 0 10px;border-radius: 3px;
}
.contact-form2 textarea,.contact-form3 textarea{
	width: 100%;
	background: #d9d9d9;
	border-radius: 3px;padding: 5px 10px;
}
.contact-form2 .sub,.contact-form3 .sub{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #63637f;
	border: 0;
	cursor: pointer;	
	font-family:"微软雅黑","Microsoft Yahei";
	font-size: 16px;border-radius: 3px;
}
.liuyan{ text-align:left; margin:10px 0px 10px 0px}
.liuyan h2{ font-size:18px; font-weight:bold;}
.liuyan p{ color:#999; font-size:14px; padding-top: 10px;}


.lianxifangshi{  text-align: left;}
.c_1290_2{ background: #f7f7f8;  margin-top: 30px;}
.pz_SideLayer_2{ width:100%; padding-top:20px; }
.pz_SideLayer_2 .ul1{ width:100%;  text-align:right;}
.pz_SideLayer_2 .ul1 .l1{ width:100%;  border-bottom:solid 1px white;}
.pz_SideLayer_2 .ul1 .l1 .l1_a{ display:block; width:100%; line-height:45px; padding:0 22px; font-size:16px; color:#333; background-position:left center;}
.pz_SideLayer_2 .ul1 .l1:hover .l1_a,.pz_SideLayer_2 .ul1 .l1 .l1_a.hover{ background:#494f52 url(../image/ico8_1.jpg) no-repeat 5% center;color:white;text-decoration:none;}

.text_1{ color:#444;background: #fff; padding: 0px 10px 15px 10px;}
.single-post-title h3 {
    font-size: 1.6em;
    margin: 0;
    padding: 0px; font-weight: bold;
}.single-post-info {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding: 10px 0px; color: #999;
}
.weizhi{ text-align: left;margin: 0px 0px 10px 0px;line-height: 35px; padding-left: 0px;}
.news2_3{ border-top: 1px solid #e2e2e2; padding: 15px 5px 0px 5px; clear: both; overflow: hidden;}
.news2_3 dd{ overflow: hidden; }
.news2_3 dd p{ clear: both; overflow: hidden; white-space: pre-wrap;}
.news2_3 dd p a{ color: #818181;}
.news2_3 dd p a:hover{ color: #c41305;text-decoration: underline;}
.neirongxx{ line-height:35px; font-size:16px;padding:15px 0px}
.neirongxx img{ width:auto;}
.mapss{ padding:0px 0px 15px 0px; margin-top:10px;}
@media screen and (max-width: 750px){
.contact-l{
	width: 100%;
	float: left;padding:0px 10px;
}
.contact-form2 { padding: 0px 10px ;}
.contact-form3 { padding: 0px 10px ;}
.liuyan{ text-align:center; margin:20px 0px 10px 0px}
.contact-r{
	width: 100%;
	float: right;padding:0px 10px;
}
.c_1290_2{ background: #f7f7f8; margin-top: 60px;}
.weizhi{ text-align: left;margin: 0px 0px 10px 0px;  line-height: 35px;;}
.pz_SideLayer_2 .ul1{ display:none;}
 .text_1{ font-size:12px; line-height:26px; margin-top:0px;}
.single-post-info {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding: 5px 0px; color: #999;
}
.news2_3{padding:20px 5px 0px 5px;}
.news2_3 dd{ display:block; width: 100%;}
.neirongxx{ line-height:30px; font-size:14px;padding:5px 0px}
.neirongxx img{ width:100%;}
	}
	.tz-gallery {
	    padding:0px 10px;
	}
	
	.tz-gallery .lightbox img {
	    width: 100%;
	    margin-bottom: 15px;
	    transition: 0.2s ease-in-out;
	    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	}
	
	
	.tz-gallery .lightbox img:hover {
	    transform: scale(1.05);
	    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
	}
	
	.tz-gallery img {
	    border-radius: 4px;
	}
	
	.baguetteBox-button {
	    background-color: transparent !important;
	}
	.neirongshipin{width: 800px; margin: 40px auto;}
	.tianchong{padding: 0px 10px;}
	.shipin{width: 600px; height: 400px;}
	.lianjie{padding: 10px 0px;}
	.jieshao{ margin-top: 15px; border-top: 1px solid #ddd; padding: 10px;line-height: 30px;}
	@media(max-width: 768px) {
	  .tianchong{padding: 0px 8px;}
	.shipin{width: 100%; height: 400px;}
	.neirongshipin{width: 100%; margin: auto;}
	}
	#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
	
.the-end,.statement{display:block;padding:10px 0;text-align:center;color:#bbb;font-size:18px;}
.the-end strong{color:#000;}
.statement{font-size:12px;}

.biandanbg{ background: #e7e7e7; margin: 30px 0px 0px 0px; padding: 30px 0px;}