body .news-nr-box .DownloadBtn {
  display: inline-block;
  width: auto;
  padding: 0 10px 0 0;
  background-position: 9px;
  height: 40px;
  line-height: 40px;
}

.menu .header-box {
  position: absolute;
  z-index: 70;
  left:0;
  right:0;
  top:0;
  max-width: 1178px;
  width:1178px;
  margin: 0 auto;
  background-color: #FFF;
  border:1px solid #eee;
}
/*.common_top{
  display: none;
}*/
.menu .header-box .logo {
  float: none;
  position: relative;
  z-index: 2;
  padding: 0px;
  display: block;
  height: 85px;
}

.menu .header-box .logo img {
  max-height: 85px !important;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.logo_name span {
  text-indent: -99em;
  position: absolute;
  display: block;
}

.tpl_two,
.tpl_three,
.tpl_four,
.tpl_five,
.tpl_six,
.tpl_seven,
.tpl_ten,
.tpl_elevn,
.tpl_footers {
  overflow: hidden;
}

.menu .NavBoxPublic ul.navPublic li a {
  color: #333;
}

.content-box {
  max-width: 1180px;
  margin: 30px auto;
}

.overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.cl {
  clear: both;
}

.Animation {
  -webkit-transition: all .4s ease-in-out 0s;
  -moz-transition: all .4s ease-in-out 0s;
  -ms-transition: all .4s ease-in-out 0s;
  transition: all .4s ease-in-out 0s;
}

.m-box01 {
  max-width: 1180px !important;
}

.column {
  margin: 0px;
}



.tpl_ten .title_name2 {
  color: #fff !important;
}

.content-box .page .col-lg-9 {
  height: auto;
}

/*-------</END 头部 LOGO >------------*/
.headFixed {
  margin: 0px auto;
  position: relative;
}

.menu .nav-box {
  max-width: 1180px;
  margin: 0 auto;
}

.menu .nav {
  padding: 0;
  float: none;
  margin: 0;
  width: 100%;
}

.menu .nav li {
  float: left;
  text-align: center;
  width: 11%;
}

.menu .nav li:last-child {
  background: none;
}

.menu .nav>li:hover ul {
  display: block;
  padding: 0;
}

/*--下拉菜单倒三角--*/
.menu .nav>li .Triangle:after {
  content: '';
  display: inline-block;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid;
  border-bottom:0 !important;
  position: absolute;
  right: 5px;
  top: 30px;
}

.menu .nav>li ul {
  width: 100%;
  display: none;
  padding: 0;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .4);
  position: absolute;
  left: 0px;
  top: 56px;
  width: 100%;
  z-index: 9;
}

.menu .nav>li ul li {
  line-height: 40px;
  padding: 0px;
  background: none;
  float: none;
  text-align: center;
  width: 100%;
  border-top: 1px solid #fff;
}

.menu .nav>li ul li a {
  font-size: 12px;
  color: #666;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  padding: 0px 5px;
  margin: 0px;
}

.menu .nav>li ul li a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #ddd;
}

.menu .navbar-nav>li>a {
  display: block;
  position: relative;
  font-size: 16px;
  color: #333;
  height: auto;
  padding: 0px 10px;
  line-height: 85px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* .menu .navbar-nav > li > a.active, .menu .navbar-nav > li > a:hover, .menu .navbar-nav > li > a:focus{  background: none; color: #fff;}
.menu .navbar-nav > li > a.active { background-image:none;-webkit-box-shadow: none;box-shadow: none;} */


.NavBtn {
  display: none;
  text-align: center;
  overflow: hidden;
}

.header-box .clearfix.none {
  display: none;
}

.btn-navbar-t {
  display: none;
  float: right;
  padding: 3px 8px 7px;
  margin-right: 5px;
  margin-left: 5px;
  border: 1px solid #ccc;
}

.btn-navbar-t:hover,
.btn-navbar-t:focus,
.btn-navbar-t:active,
.btn-navbar-t.active,
.btn-navbar-t.disabled,
.btn-navbar-t[disabled],
.btn-navbar-t .icon-bar:hover,
.btn-navbar-t .icon-bar:focus,
.btn-navbar-t .icon-bar:active {
  filter: Alpha(opacity=80);
  opacity: 0.8;
}

.btn-navbar-t .icon-bar {
  background: #ccc;
  display: block;
  margin-top: 4px;
  width: 18px;
  height: 2px;
}

/*-------</END 导航>------------*/

/*-------</END 切换导航按钮>------------*/

/* 小屏幕 一*/
@media screen and (max-width:1180px) {
  .menu .header-nav .nav-box {
    width: auto;
  }

  .content-box {
    margin: 30px 15px;
  }

}

/* 小屏幕 二*/
@media screen and (max-width:870px) {
  .menu .header-box .logo {
    padding: 0px;
  }

  .menu {
    height: auto;
  }

  .header-box .clearfix.none {
    display: block;
  }

  .menu .header-nav {
    position: static;
    width: 100%;
    height: auto;
    margin: 0;
  }

  .menu .header-box {
    width: 100%;
    position: relative;
  }

  /*-----------</LOGO>---------------*/
  .menu .nav li a:hover:after {
    display: none;
  }

  .menu .btn-t {
    display: block;
    position: absolute;
    top: 18px;
    right: 14px;
    z-index: 99;
  }

  .menu .header-nav .nav-box {
    background: none;
    height: auto;
    padding: 0;
    margin: 0;
  }

  .menu .navbar-collapse {
    margin: 0;
    border-top-width: 2px;
    border-top-style: solid;
  }

  .menu .navbar-collapse.collapse {
    display: none !important;
  }

  .menu .navbar-collapse.in {
    overflow-y: hidden;
    display: block !important;
    height: auto;
  }

  .menu .navbar-collapse.collapseing {
    padding: 0;
    margin: 0;
  }

  .menu .nav {
    float: none;
    width: 100%;
  }

  .menu .nav li {
    float: none;
    width: 100%;
    background: none;
    border-top-width: 1px;
    border-top-style: solid;
  }

  .menu .nav li:last-child {
    border-bottom: none;
  }

  .menu .nav li a {
    padding: 0 20px;
    text-align: left;
    display: block;
    font-size: 14px;
    margin: 0;
    line-height: 30px;
  }

  .menu .nav li a:hover,
  .menu .nav li.active a,
  .menu .nav li.active {
    text-align: left;
    color: #fff;
  }

  .menu .nav li a:hover,
  .menu .nav li.Theme {
    border-radius: 0;
    -webkit-transform: translatex(5px);
    -moz-transform: translatex(5px);
    transform: translatex(5px);
  }

  .menu .NavBox {
    width: 100%;
    visibility: hidden;
    height: 0;
    overflow: hidden;
  }

  .menu .header-box.active .NavBox {
    visibility: visible;
  }

  /*-----------</菜单>---------------*/

}


/* 新加 */

.menu .logo_name {
  float: left;
  width: 20%;
  overflow: hidden;
}

.menu .header-nav {
  float: right;
  width: 74%;
}

.menu .navbar-brand img {
  max-width: 100%;
  max-height: 100px !important;
}

.menu .nav li {
  margin:0 5px;
  position: relative;
  box-sizing: border-box;
}
.menu .nav li ul li{
  margin:0;
}
.menu .navbar-nav>li>a {
  position: relative;
  font-size: 14px;
  
}
.menu .navbar-nav>li>a:hover{
  background: transparent !important;
}
.menu .nav>li .Themebghover:hover, .menu .nav>li .ThemeBbg{
  background: none !important;
}
.menu .navbar-nav>li>a:after{
  position: absolute;
  content: "";
  z-index:999999999;
  bottom:25px;
  right:0;
  border-right:2px solid @Themebg;
  border-bottom:2px solid @Themebg;
  width:2rem;
  height:2rem;
  display:none;
  background: none !important;
  background: transparent !important;
}
.menu .navbar-nav>li>a:before{
  position: absolute;
  content: "";
  z-index:999999999;
  top:25px;
  left:0;
  border-top:2px solid @Themebg;
  border-left:2px solid @Themebg;
  width:2rem;
  height:2rem;
  display:none;
  background: none !important;
  background: transparent !important;
}
.menu .navbar-nav>li>a:hover:before,.menu .navbar-nav>li>a:hover:after{
  display: block;
  background: none !important;
  background: transparent !important;
}
.menu .nav > li .ThemeBbg:before,.menu .nav > li .ThemeBbg:after{
  display: block;
  background: none !important;
  background: transparent !important;
}
.menu .nav>li ul {
  top: 85px;
}

.menu .nav>li .Triangle:after {
  top: 38px;
}

.menu .nav>li .Themebghover:hover,
.menu .nav>li .ThemeBbg {
  background: none !important;
}
.menu .navbar-nav li .Triangle:after{
  width:auto !important;
  height:auto !important;
}
/* .menu .nav > li a:hover:before,.menu .nav > li .ThemeBbg:before{ content: ""; width: 40px; height:2px; background-color: olive; position: absolute; bottom: 6px; left: 50%; margin-left: -20px;} */
.menu .header-box .logo {}

/* .menu .header-box .logo img{    min-height: 60px !important;
  max-height: 60px !important;
  padding-top: 15px;} */


@media screen and (max-width: 870px) {
  .header-nav #NavBoxPublic {
    width: 100%;
    height: 100%;
    background-color: #333;
    border: none;
  }

  .menu .NavBoxPublic ul.navPublic li {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
  }

  .menu .NavBoxPublic ul.navPublic li .Themefont {
    color: #fff !important;
  }

  .NavBoxPublic .TriangleBtn:before,
  .inpro-nav .inproline {
    border-color: #fff !important;
  }

  .menu .NavBoxPublic ul.navPublic li .Themebg {
    background-color: rgba(255, 255, 255, .1) !important;
  }

  .menu .m-menutop {
    overflow: hidden;
  }

  .menu .m-menutop-logo {
    float: left;
    width: 80%
  }

  .menu .m-menutop-logo img {
    max-height: 45px;
    max-width: 100%;
  }

  .menu .m-menutop-cose {
    float: right;
    padding-top: 10px;
    width: 15%;
    text-align: right;
  }

  .menu .m-menutop-cose i {
    font-size: 26px;
    margin-right: 10px;
    color: #fff;
  }

  .menu .m-menutop-so {
    padding: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
  }

  .menu .m-menutop-so .mnavformgroup {
    background-color: @Themebg;
    overflow: hidden;
    position: relative;
    padding: 10px 10px;
  }

  .menu .m-menutop-so .input1 {
    width: 80%;
    border: none;
    background: none;
  }

  .menu .m-menutop-so .button1 {
    display: inline-block;
    text-align: center;
    background: none;
    border: 0;
    outline: none;
    color: #fff;
    position: absolute;
    right: 0;
    top: 1px;
  }

  .menu .m-menutop-so .iconshiliangzhinengduixiang:before {
    font-size: 18px;
  }

  .menu .header-box .logo {
    height: auto;
    text-align: left;
  }

  .menu .header-box .logo img {
    max-height: 96px !important;
    max-width: 100%;
    position: relative;
    top: 0;
    left: 10px;
    transform: translate(0);
  }
}

@media screen and (max-width: 768px) {
  .menu .header-box .logo img {
    min-height: 10px !important;
    max-height: 45px !important;
    padding-top: 0;
  }

  .album video {
    display: none;
  }

  .album .title_name2 {
    color: #444 !important;
  }
}

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

  .row .col-md-4,
  .row .col-md-5,
  .row .col-md-6,
  .row .col-md-7,
  .row .col-md-8,
  .row .col-md-9,
  .row .col-md-10,
  .row .col-md-11 {
    padding: 0px;
  }
}

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

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

@media screen and (max-width: 320px) {
  #pp {
    margin-left: 0;
  }
}


/* 增加导航栏背景颜色 */
.menu {
  background: #fff;
}
.banner { width:100%; overflow: hidden;}
.carousel{margin: 0;}
.bannerBox{margin:0 auto;position: relative;}
.banner .carousel-control{background: none;}
.bannerEffect .tp-bullets.simplebullets.round .bullet{
    width: 18px !important;
    height: 10px !important;
    border-radius: 5px;
    opacity: 1;
    transition: all 0.3s;
}
.bannerEffect .tp-bullets.simplebullets.round .bullet:hover, .bannerEffect .tp-bullets.simplebullets.round .bullet.selected, .bannerEffect .tp-bullets.simplebullets.navbar .bullet:hover, .bannerEffect .tp-bullets.simplebullets.navbar .bullet.selected{
    width: 36px !important;
    height: 10px !important;
    border-radius: 5px;
}
/*   */
#md_tpl_two .bannerEffect .tp-bullets{bottom: 90px!important;visibility: hidden !important;}

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

}

@media screen and (min-width: 769px) and (max-width: 890px) {}

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

@media screen and (max-width: 425px) {
    .flex-control-nav{bottom: 35px;}
}

/*---公告----*/
.tpl_three {
	margin-top: -80px !important;
	position: relative;
	z-index: 7;
}


.notice {
	margin: 0px auto;
	padding:16px 0;
	color: #fff;
	background: rgba(0, 0, 0, .5);
}

.notice .alertinfo {
	position: relative;
}

.notice-box .zuixin {
	font-size:16px;
	height:46px;
	line-height: 46px;
	color: #fff;
	float: left;
}
.notice-box .zuixin:before{
	margin-right:12px;
	font-size:16px;
}
.notice .notice-box {
	position: relative;
	clear: none;
	height: 46px;
}

.notice .notice-box .noticeBox {
	max-width: 1180px;
	margin: 0 auto;
}

.notice .notice-box ul.notice-ul {
	font-size: 12px;
	height: 45px;
	line-height: 45px;
	list-style: none;
}

.notice .notice-box ul.notice-ul li {
	height: 46px;
	line-height: 46px;
}

.notice .notice-box ul.notice-ul li a {
	color: #fff !important;
	padding: 0px;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size:16px;
}

.notice .notice-box ul.notice-ul li a:hover {
	text-decoration: none;
}

.notice .col-md-6,
.notice .col-md-4 {
	padding: 0px;
}

/*---搜索----*/
.notice .search {
	float: right;
	display: inline;
	
	height: 46px;
}

.notice .search .navbar-form {
	padding: 0px;
	float: right;
	margin: 0px;
	width: 300px;
}

.notice .search .navbar-form .form-control {
	border-radius: 0;
	box-shadow: none;
	font-size: 14px;
	height: 46px !important;
	line-height: 46px !important;
	padding: 0px 10px !important;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	border: none;
	background-color: #666 !important;
	border-radius: 5px;
	color:#FFF !important;
}
.notice .search .navbar-form .form-control::-webkit-input-placeholder{
	color:#FFF !important;
	font-size:14px;
}
.notice .search .dropdown-menu {
	border-radius: 0;
	padding: 0;
	min-width: 70px;
	left: 0px;
}

.notice .search .dropdown-menu>li {
	padding: 0;
}

.notice .search .dropdown-menu>li>a {
	text-align: center;
	font-size: 12px;
	color: #666;
	display: block;
	line-height: 26px;
	padding: 0px;
}

.notice .search .btn-danger {
	background-color: #bcbcbc;
	border: 1px solid #bcbcbc;
	background-image: none;
	
	font-size: 12px;
}

.notice .search .form-group {
	margin-bottom: 0;
	vertical-align: middle;
	display: inline-block;
	float: left;
	width: 300px;
}

.notice .btn-search-group {
	color: #fff;
	font-size: 12px;
	font-family: "SimSun";
	cursor: pointer;
	right: 14px;
	margin: 0px;
	vertical-align: top;
}

.notice .btn-search-group .btn {
	background: none !important;
	border: none !important;
	border-radius: 0 4px 4px 0 !important;
	padding:0 12px !important;
}
.notice .btn-search-group .icon-sousuoanniu2{
	font-size:26px;
	line-height: 46px;
	height:46px;
}
.notice .alertinfo li {
	line-height: 40px;
	white-space: nowrap;
}


/* 小屏幕 一*/
@media screen and (max-width:1180px) {
	.notice .notice-box {
		max-width: 100%;
	}

	.notice .notice-box .noticeBox {
		margin: 0px 15px 0px;
	}

}

/* 平板电脑和小屏电脑之间的分辨率 二*/
@media screen and (max-width:870px) {
	.notice .notice-box .col-md-4 {
		width: 48%;
	}

	.notice .searchBox {
		display: none;
	}
	.notice{
        padding:0;
	}
	.tpl_three{
		margin:0 !important;
	}
	.notice .notice-box ul.notice-ul li a{
		font-size:1.2rem;
	}
	.notice-box .zuixin{
		font-size:12px;
	}
	.product-container{
		padding:20px 0 !important;
	}
	.about-us .about-tab .tab{
		width:100% !important;  
	}
}


.notice .btn-search-group {
	color: #fff;
	font-size: 14px;
	font-family: "SimSun";
	cursor: pointer;
	position: absolute;
	right: 0;
}

.notice .btn-search-group .btn {
	background: #020202 !important;
	border: none !important;
}

.notice .alertinfo li {
	white-space: nowrap;
}
/*配置颜色*/
.Themebg,.Themebghover:hover,.ThemeBbg,.menu .navbar-nav > li > a:hover,.menu .nav > li ul li a:hover,
.product .pro_list li a:hover,.title_x,.p_pro_d .title_d,#ProClass li.ac .Classtriangle,.pro_class_x .product-class li a:hover, .pro_class_x .product-class li a.Themebg,.p_info_d .title_d,
.bannerEffect .tp-bullets.simplebullets.round .bullet:hover, .bannerEffect .tp-bullets.simplebullets.round .bullet.selected, .bannerEffect .tp-bullets.simplebullets.navbar .bullet:hover, 
.bannerEffect .tp-bullets.simplebullets.navbar .bullet.selected{background-color:#d8af6d !important;}
.Themefont,.Themetxthover:hover,#rightHistory a:hover,.articleLabel .news-item .case .case_more{color:#d8af6d !important;}
.ThemeFborder,.Themebdhover:hover,.form .header{border-color:#d8af6d !important;}

.NavBoxPublic .TriangleBtn:before,.inpro-nav .inproline,.articleLabel .news-item .case .case_more{border-color:#d8af6d !important;}

.ThemeFbg{background-color:#1f3e85 !important;}
.ThemeFbgorder{border-color:#1f3e85 !important;}
a:hover,.album .images-swiper .swiper-slide .imagesItem:hover .title,.news-center .newsBox .newsItem:hover .title{color:#d8af6d;}

.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.fl{float:left !important;}
.fr{float:right;}
.clear{clear:both;}
.clear_overflow{clear:both; overflow:hidden;}
.fb{font-weight:bold;}
.hidden{display:none;}
.w1220{ width:1220px; margin:0 auto; font-size:14px;}
.min1220{ min-width:1220px; font-size:14px;}
.w100{ width:100%; margin:0 auto !important;}
.w95{ width:95%; margin:0 auto !important;}
.position_r{position:relative;}
.tpl_six, .tpl_seven, .tpl_elevn{background: #fff !important;}
.row{margin-left: 0;margin-right: 0;}

/* 登录注册栏修改背景颜色和边框 */
.common_top{border: 0;background: #f5f5f5;}

body{max-width: 100%;}

/*配置模块背景*/
.tpl_four{background:url(/Public/Images/ThemeBg/BgImg/Scene/271-01.jpg);background-repeat:no-repeat;background-position: center center;}
/* .tpl_team{background:url(/Public/Images/ThemeBg/BgImg/Scene/271-01.jpg);background-repeat:@Pagebg_repeat;} */
.news-center{background:url(/Public/Images/ThemeBg/BgImg/Scene/271-03.png);background-repeat:no-repeat;background-position: center 145px; background-size: 80%; }
@media screen and (max-width: 1220px) {
  .w100{ width:95%; margin:0 auto !important;}
  }
  
/* 新加 */
/* #rightHistory .copy-end,.friendLink{ background-color: #333;} */
.tpl_six,.tpl_seven,.tpl_elevn{ background-color: #444;}
.content-box{ margin: 0 auto !important;}
.menu .nav > li .Themebghover:hover,.menu .nav > li .ThemeBbg,.product-con ul li:hover h3,.product-con .font_box b,.album .swiper-slide ul li:hover p,.article .inartlist ul li:hover h3,.article .inartlist ul li:hover p,.article .inartlist ul li:hover b,.articleLabel .inarticlelabe ul li:hover h3,.infooternav .fnavlist ul li a:hover{color:#d8af6d !important;}
.menu .nav > li a:hover:before,.menu .nav > li .ThemeBbg:before,.about .item_img:before,
.article .inartlist ul li:hover span,.contact .feedbackc{background-color:#d8af6d !important;}
.articleLabel .inarticlelabe ul li,.friendBox,
.friendlinktitle{background-color:#1f3e85 !important;}

.in_title{ text-align: center; position: relative;}
.in_title:before{content: ""; width: 90px;	height: 1px;background-color:#d8af6d; position: absolute;bottom: -10px;left: 50%;margin-left: -45px;} 
/* .in_title:after{content: "";	width: 140px;	height: 3px;  position: absolute;   
    bottom: -12px;
    left: 50%;
    margin-left: -70px;   background-color:#d8af6d;} */
.in_title b{ font-size: 32px; font-weight: normal;}
.in_title p { font-size: 18px; color: #999; } 


.inmore{ text-align: center; color:#d8af6d;  	border: solid 2px #d8af6d;}
.inmore a{ display: block; font-size: 14px; width: 100%; height: 40px; line-height: 40px;color:#d8af6d;  transition:background-color 0.5s;
	-moz-transition:background-color 0.5s; /* Firefox 4 */
	-webkit-transition:background-color 0.5s; /* Safari and Chrome */
	-o-transition:background-color 0.5s; /* Opera */ }
.inmore a:hover{ color: #fff; background-color: #d8af6d; }
.tpl_one{ max-height: 96px; }


#rightHistory .tpl_elevn{ background: url(/Public/Images/Theme261/map.jpg) no-repeat left top;}
#rightHistory a{color: #333 !important;}
#rightHistory .ThemeBbg{color: #fff !important;}
#rightHistory a.overflow.Themebg:hover {color: #fff !important;}

/* #rightHistory,#rightHistory h2,#rightHistory h3{ color: #fff;} */
#rightHistory .iconguangbo,#rightHistory .iconguangbo:before{ font-size: 12px;}
#rightHistory .iconguangbo{ float: left;}
#rightHistory .noticeBox .navbar-form{ margin-top: 3px;}
#rightHistory .noticeBox .form-control{border-radius: 0;
  box-shadow: none;
  font-size: 12px;
  height: 33px;
  line-height: 33px;
  padding: 0px 10px !important;
  background-color: #fff;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  border: none;
  border-left: 1px solid rgba(255, 255, 255, .1);}
  #rightHistory .noticeBox .btn-search{background: none !important;
    border: none !important;
    border-left: 1px solid rgba(255, 255, 255, .1) !important; line-height: 18px;}
#rightHistory .noticeBox { line-height: 40px; padding: 0 10px; }
#rightHistory .noticeBox .alertinfo ul{ float: left; width: 80%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#rightHistory a{ color: #fff;}
.bannerpp{ color: #333}
.bannerpp i{ display: none !important;}
#rightHistory .column{ border: none;}
#rightHistory{ padding-bottom: 0 !important;}
.tpl_footers .footers .footersInformation p{text-align: center !important;}

@media screen and (max-width: 768px) {
.in_title:before{content: ""; width: 50px;  margin-left: -25px;}
.in_title b{ font-size: 18px; }
.in_title p span{ font-size: 14px; }
.inmore a{height: 36px; line-height: 36px; }
/* .friendLink{background-color:#1f3e85 !important;} */

.m-box01 .col-md-4{
  float: left;
}
.about-us .about-tab .tab{
  width:100% !important;  
}
}
.article,.product{max-width: 1180px !important; margin: 0 auto !important;}
/*字体*/
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1608176667415'); /* IE9 */
  src: url('iconfont.eot?t=1608176667415#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAA2kAAsAAAAAGawAAA1VAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCFVAqiGJsyATYCJANQCyoABCAFhG0HgX8bUxUzo8LGAYBIPgLZf4kpXDugTUIpczjD2MFsQAlkbs5xL1iJNxOVohA+AQAAeAIvAMACAAB+sDwG+w/kDQAAAAAA+j/atD8z6C7ibYhDTIhKhRBSi+3S04gI1CGk6p68oyb0xDxsU43vbWdYUsdM39qUtuawEVgOlnICUnnod/5b1YthoFkcbcAzGcPoZG3+fz5w0u3fpHVoHUhFZBIbtk69Q+o2mYeVrIZ8Mx7fRJDKVgZwMLmH3t+x9zxgCu/v2qj+b63VE0M0EU0bKdHazqJ/Z04GXw63xRf3jEcyhGImiWgNQuJRAiVTUsbKNtlcTRLM00MnhYr/yu4AAaD4iYLOz/+xOsUhOYRSF3qjTjOhOIwNItDxNKvWMLQEGsExFw8AwOLg69EP8SEAwLgF5J4K94dVzwlfJs/uwVaZCW9/PAAs1gIgAKIAcAD6tMaXQCKICjClE3McAvzI6CYkiVOQVCoFilChQZ/59rr5ZeKTiy+A860QoLrRVJmN+NEp30FCpGH/ygOQILj4aBQeDgEhETElBTkEk5IB1AFYRMrfcpTgC3C8gQR8gbwBAV9gClwQASjwQShQoEEU4KBIlKDAAwkABQ5IIDhoTyJAQQhSAQoikAZQEIP0wW9YZD44MEH2goIc5AYoIJCb8AYYfJlIQRqQZESDjMQqb5UwACUU91GKPwDaBQFgJUVGLs6rBAIvXwOjtRKOoSPapEQyXIzkSCYL1KkUch0lFktVEo71BTop8peHBmgpkQwNCPA1MsnTK5UKcbRXtFah8hL5+QWr34kTC+N6J2Owk3nj7MNzUe4pT54ylzrat6dPaIWPnj/jgSDqt5jSJMxMxBgRKNNiJ6bFrnBQ5F8uhBWryqinHgFXmAo6UhZ2rQxJBK0KThUO5ZthjlIkKzvkk1RGWQxbm6auoECPm0m+xaqzT2hsZxxWiGl603gLcxWduh0+MatEVnTcECrzFL39P5tOjkWUq1+2jJaOW5qZtpKJi0fBClzfPT6lYDFZcWLeh4Nrwg5ZeXrJv3U823jG7YioT58LEmLlW/wWfDLsLQjmUSXGa2PCZPqvT1l+saypbX8sXJr/wO6a99CPLknzhgnYmhjH1LMjTbqFi9Mw67OK9v+7CuytWarDp5hwXU6SzKvaBsYrRgfykReeLJ0fqsuemD788tXRDQswv+AqZdOqHCQ1Kwl6DksRU0njxB0VGlfPwZHIRtWl+c3TVw6o3Hy1pqO85WhlFsvaAgV9Xcx1u5VDiKNv4fHrRk9ydCsAo0XmHm7y0jGIHKVNQzmHz1o3ydTl43Zj7+S8OxeO4IaeCSvAFyRqXi9EkmhSRxBVomtd2TOaJHKtnTtDD3yTkIM7FABJsAOquXvbivyec5tP9+1d6fd+puGxhiMpjkDPZwDI2OKLjHPIlXMwfUvN47aQtUPFVE568k3dP98O3l2ZJbC6QKE+T/GiJZa4ViJFj2ESLZ9FUl1KaQbdnhBb46KXLKoJ9IYBEplMRc6OuskKcdWhe4ntUbncSnfkkj8fKr0PufS0FkdQSco9AOxrypwKH767yg9EZblqMFzlaI/eSv9Pte6HOUUZ3NR7ftOJ7l2rHuREZEjx5XCRpzv8oSEzRmSZb4rIYIDuUTZwwwK0kYXfVhao+vDtA1qHqjffzESqmTxBTy6Pbgtk2Eigx7bAEpV6qTuaqQ2Wv023Kslhw/QLuxy+ityOHvhvq/231rq5Ko/b8sVY4vDWapoftqDn4vWO7m3fmi0wRFDdFRH4XDEcCooej74vGzJ5/tSj48jBpRpWq8vQzeBJlmF4bEj67EdX5hBTGtMCrtEqgIOT2B+XUgrwXnk1mlJWcjwtTdfg1jgbT91hn4roNrYFNB+hD2zk0jzl4p6r8aGkJXrnxapMZphwJlw9gO0gEaCvtn8HchFpqSjKIXl9vntlZolcjchHs8mfJeyhzXtPlJQM8VX81TnZn7IvoP9A//71ny3aXz77/dkWMqTqBXVJYMml+X/aYsNbtmAbsBNnm/Vzwve58UrBBdUFAdn+4uV2YsNbt+BJ2OYtYsOSGjx7FqpFNbNn17jBCAm4BtcWGHH9wLV0o0vynvzUcZvgHeGAckBYZzlalA3w8rxUr9PL0DuTJr+D5AmBCfKrhUXLMo7lpWT1vYG1BHTyEuRWsn3rpxw3Z/y2tgXXGEG6cgSqqBhRsNV4+uzZ0yM2m3MyL+tndqh3QZt2POe7gfK0gjGjcko/4m2ZQs2aULw2pCC7+9LFruyTVXOKi6srF3YA2UOvq6xarFq7Y+Ombas12qrK3Q82wLgjdvODoiLf174keGD2M64tjTNK1xrx9eUh3C74yC1ZpuH/0K4Bl9uv9Po+v31Djft9Gd/w2UTFZCZlfPdDLgTyxxuKFtkMbU5ovD3SLLB/qzu8xKlqTyNBf5ifYWK8SwginWn9Kscl/TdLzPy7o4TGijhhfWk9U1daR/3qW1R89aoT5usXXJ7fkv9b8NIVuI3acHV4SeUVNbUFty1d0YIRCR7yLPl9pOw2du4/7MDE0CaxUzbwe/YSyMWKpcuOAytfIGfheJzZJk2QnnMmj+86Ol4MoltpqaMlo91D3BLB9sKG+scNjRk4WSJztbtkkr9On3YHua3Xn93Q+LihvkikzB2Z/c8t3XOzKRtyG7KqLuWGKf3HGITeQZYmmXp14ZpXE8YkDPjzMoNWsHEf7P362elxAr43GCqHLdqgTR05NtZ4dovXWH1tQ7DPKb/uVd26t32W7/4x2eVqs9095xtSz2SV1qWkJ08ancnU500wmf3n+i70netvTowkkyR+dzRW8tCw4PT03c74XaFlzXtDp8YXxB5aYDgmgYwErd2L/kH9A+0FgdgO+6WDsA9qqdKgdH9qe4J9rDZ8LAiBnf6etq/zVkpRQu2W72ntOi39fdaaBIaB4I36zeJEKsEU8OICppm2i/kiHTUJtFtTaqL53ux7DdW4G6KEhZ+ucT60o9bHdB4vPoXpanhxE0w178pinjXa+Pk0+5y3D3l3rCqP2mrCyycfPLh7Oe424RUNp0/bShh/KaMZXxxlMo2+iM15hw7lZUxizlsTs3Exo5lcHG2yqn9U1VnIioY1rGoJlj4YKKxs3SlgxgyZNciq2K/wkmRMvGyOWcQz5xQpawVzHgdXQSJ0X7yQw+XPWCI6lqHJOCbaTx9P16Qfp/N9rQzrqZnWvfsGdGt1A/QvJlRWhvKRqazcBPmAyZEJ5ZeV5bPNaMkS5AY3wa4ZN2GE4Gb8jOU7JxJPLoOHsMRjKGFKWJjI5heDpEC7eI7Hs2a4bvjcb75WMDeccY3HM0csgiu1V0BLh4aAX8P6zb0/Kg3C4IefibW9l8/pOFF8n88fblnx3ZS4OKf8zVnN+dooPken/XVaq51r3SoMNih7f3xnNppcssfxhe68dpbTfT3B/9xuiyB02O6J/mcTTrhnO89p4z93dLxZKHbMGVuw9szp1wF7yWBjY5XcFmyTV4WXM4j3Bbw6c4aF9vcGBwbDCp1xuZLmzJPOQvvvzs/nUBeEw8wF7X555QVK/0/g5iDhfBFx+cYNTLcXE4v7jxzpdzPw4SOkX01y+HA/NjBeJoX+1Bbjk2qTLtoqkNOJKlCls68CV+K+PvFkFX1OyBhZdn18iWTmEpdeotYySRXHH5cfZ5OrLtNSvWRLj3hCSVq9b+9U354Vx8Ec67O8qqjQ9ZP/IF+/in+3PfG9b+AbLNFLgDei+IZxmjy2SyjZU/bP0YK0k5ybLp0USXUuN6dmZGpV9Gr5Xqmgc+d1GvQzRNuTvm7vnvnWGFPY1b2udbK5orfoVUfHhFaO+eoveNp+AuCxkyhiD+TRDi/wG2J0OI9fkdCdrCGHSavntWcVD5kJ4JnRWuvEzqgAYR1xeIayZ+V9HNIJAEgx3oyxD8k1EkPZJ7jRZAZnMwn/m7uA/ERmEx6zQfsv9o1l0szfkx/0n5G01/C7N7HmkVmELBDAZAwCkxm0tTCSgvaBFKaq28ac0Z7X7c7qt67DoXp9uFP49e6kijDQZGIAlOoDMJkRr/BmCFp1bf9pHK06ccH4fIHolEHAgTLKhYuWCDwoc1wokUxr05Q6HUBVCAARZsIFkTnsgklcBgLlIHCgdLtwaXwfzINFEBcKG8pN0kKi4XyUgElgdbHRWDI5OyKdh6WH4HMwIgJn801BIjLpXozhmPcFBNLHEnHp+yk57YQb/WktAiGwXgjXUKZ2hdzFoBNbu1qyXXKjzo0igJE8j5ZWaeOzQYkR139yXvj8IeBlgSFMgzufU0BEOH4tTgxDDekXploNDkXcZcnr6xa8o51MwZpIm0c8CCqbae36mWqglLTVt8hcGIgVHdXWxW3z2uYdwPD0NSofY6xiX5IVVdMN07Id1/Pduffg0VOQbEh+W2XjtbmNv3duuAC8CpkKrtFQ4ty7XnvsTYBOLKqcebrhvBbL+SOL2woPG4PhWCBvOBTweBJmCTXCFdBLwtMK9tsydGFEeNUS9FU6jMnIhXsdM4chgD0kWKfLyDlmNkSY+yeeyXvDCgAA') format('woff2'),
  url('iconfont.woff?t=1608176667415') format('woff'),
  url('iconfont.ttf?t=1608176667415') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1608176667415#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-xingzhuang:before {
  content: "\e6c4";
}

.icon-xingzhuangkaobei:before {
  content: "\e6c5";
}

.icon-lunbojiantou1:before {
  content: "\e601";
}

.icon-lunbojiantou11:before {
  content: "\e620";
}

.icon-ren:before {
  content: "\e602";
}

.icon-dianhua:before {
  content: "\e613";
}

.icon-youxiang:before {
  content: "\e608";
}

.icon-dizhi:before {
  content: "\e621";
}

.icon-mail:before {
  content: "\e62a";
}

.icon-rexian:before {
  content: "\e612";
}

.icon-rili:before {
  content: "\e60a";
}

.icon-lianjie:before {
  content: "\e661";
}

.icon-liulanwenjian:before {
  content: "\e669";
}

.icon-arrow-right:before {
  content: "\e600";
}

.icon-star:before {
  content: "\e734";
}

.icon-star_filled:before {
  content: "\e736";
}

.icon-next:before {
  content: "\e6a9";
}

.icon-sousuoanniu2:before {
  content: "\e68b";
}

.icon-gonggao:before {
  content: "\e682";
}











.contact{ background: url(/Public/Images/Theme261/map.jpg) no-repeat left top;}
.transitionall{ transition:all 0.5s;
-moz-transition:all  0.5s; /* Firefox 4 */
-webkit-transition:all 0.5s; /* Safari and Chrome */
-o-transition:all 0.5s; /* Opera */  }

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* Animate.css动画库 */
.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite {-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge {-webkit-animation-duration:2s;animation-duration:2s}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes bounce {0%,20%,53%,80%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}
40%,43% {-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
40%,43%,70% {-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}
70% {-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90% {-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
@keyframes bounce {0%,20%,53%,80%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}
40%,43% {-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
40%,43%,70% {-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}
70% {-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90% {-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
.bounce {-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes flash {0%,50%,to {opacity:1}
25%,75% {opacity:0}
}
@keyframes flash {0%,50%,to {opacity:1}
25%,75% {opacity:0}
}
.flash {-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse {0% {-webkit-transform:scaleX(1);transform:scaleX(1)}
50% {-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to {-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes pulse {0% {-webkit-transform:scaleX(1);transform:scaleX(1)}
50% {-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to {-webkit-transform:scaleX(1);transform:scaleX(1)}
}
.pulse {-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand {0% {-webkit-transform:scaleX(1);transform:scaleX(1)}
30% {-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40% {-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50% {-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65% {-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75% {-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
to {-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes rubberBand {0% {-webkit-transform:scaleX(1);transform:scaleX(1)}
30% {-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40% {-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50% {-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65% {-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75% {-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
to {-webkit-transform:scaleX(1);transform:scaleX(1)}
}
.rubberBand {-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes shake {0%,to {-webkit-transform:translateZ(0);transform:translateZ(0)}
10%,30%,50%,70%,90% {-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80% {-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@keyframes shake {0%,to {-webkit-transform:translateZ(0);transform:translateZ(0)}
10%,30%,50%,70%,90% {-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80% {-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
.shake {-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes headShake {0% {-webkit-transform:translateX(0);transform:translateX(0)}
6.5% {-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5% {-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5% {-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5% {-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50% {-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes headShake {0% {-webkit-transform:translateX(0);transform:translateX(0)}
6.5% {-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5% {-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5% {-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5% {-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50% {-webkit-transform:translateX(0);transform:translateX(0)}
}
.headShake {-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}
@-webkit-keyframes swing {20% {-webkit-transform:rotate(15deg);transform:rotate(15deg)}
40% {-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
60% {-webkit-transform:rotate(5deg);transform:rotate(5deg)}
80% {-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
to {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes swing {20% {-webkit-transform:rotate(15deg);transform:rotate(15deg)}
40% {-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
60% {-webkit-transform:rotate(5deg);transform:rotate(5deg)}
80% {-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
to {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
.swing {-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada {0% {-webkit-transform:scaleX(1);transform:scaleX(1)}
10%,20% {-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}
30%,50%,70%,90% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}
40%,60%,80% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}
to {-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes tada {0% {-webkit-transform:scaleX(1);transform:scaleX(1)}
10%,20% {-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}
30%,50%,70%,90% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}
40%,60%,80% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}
to {-webkit-transform:scaleX(1);transform:scaleX(1)}
}
.tada {-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble {0% {-webkit-transform:none;transform:none}
15% {-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}
30% {-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}
45% {-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}
60% {-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}
75% {-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}
to {-webkit-transform:none;transform:none}
}
@keyframes wobble {0% {-webkit-transform:none;transform:none}
15% {-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}
30% {-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}
45% {-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}
60% {-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}
75% {-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}
to {-webkit-transform:none;transform:none}
}
.wobble {-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes jello {0%,11.1%,to {-webkit-transform:none;transform:none}
22.2% {-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3% {-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4% {-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5% {-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6% {-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7% {-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
88.8% {-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
@keyframes jello {0%,11.1%,to {-webkit-transform:none;transform:none}
22.2% {-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3% {-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4% {-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5% {-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6% {-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7% {-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
88.8% {-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
.jello {-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}
@-webkit-keyframes bounceIn {0%,20%,40%,60%,80%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20% {-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60% {opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80% {-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to {opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes bounceIn {0%,20%,40%,60%,80%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20% {-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60% {opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80% {-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to {opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
}
.bounceIn {-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown {0%,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60% {opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90% {-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to {-webkit-transform:none;transform:none}
}
@keyframes bounceInDown {0%,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60% {opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90% {-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to {-webkit-transform:none;transform:none}
}
.bounceInDown {-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft {0%,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60% {opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75% {-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90% {-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to {-webkit-transform:none;transform:none}
}
@keyframes bounceInLeft {0%,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60% {opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75% {-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90% {-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to {-webkit-transform:none;transform:none}
}
.bounceInLeft {-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight {0%,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60% {opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75% {-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90% {-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to {-webkit-transform:none;transform:none}
}
@keyframes bounceInRight {0%,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60% {opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75% {-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90% {-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to {-webkit-transform:none;transform:none}
}
.bounceInRight {-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp {0%,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60% {opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75% {-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90% {-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to {-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes bounceInUp {0%,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0% {opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60% {opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75% {-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90% {-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to {-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.bounceInUp {-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut {20% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55% {opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
@keyframes bounceOut {20% {-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55% {opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
.bounceOut {-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown {20% {-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45% {opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes bounceOutDown {20% {-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45% {opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.bounceOutDown {-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft {20% {opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes bounceOutLeft {20% {opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.bounceOutLeft {-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight {20% {opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes bounceOutRight {20% {opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.bounceOutRight {-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp {20% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45% {opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes bounceOutUp {20% {-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45% {opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.bounceOutUp {-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn {0% {opacity:0}
to {opacity:1}
}
@keyframes fadeIn {0% {opacity:0}
to {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)}
to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown {0% {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to {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)}
to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDownBig {0% {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to {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)}
to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft {0% {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to {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)}
to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeftBig {0% {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to {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)}
to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight {0% {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to {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)}
to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRightBig {0% {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to {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)}
to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {0% {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to {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)}
to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpBig {0% {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to {opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUpBig {-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut {0% {opacity:1}
to {opacity:0}
}
@keyframes fadeOut {0% {opacity:1}
to {opacity:0}
}
.fadeOut {-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown {0% {opacity:1}
to {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}
to {opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes fadeOutDownBig {0% {opacity:1}
to {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}
to {opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft {0% {opacity:1}
to {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}
to {opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes fadeOutLeftBig {0% {opacity:1}
to {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}
to {opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight {0% {opacity:1}
to {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}
to {opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes fadeOutRightBig {0% {opacity:1}
to {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}
to {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp {0% {opacity:1}
to {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}
to {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes fadeOutUpBig {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.fadeOutUpBig {-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip {0% {-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}
0%,40% {-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40% {-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}
50% {-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}
50%,80% {-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80% {-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}
to {-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip {0% {-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}
0%,40% {-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40% {-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}
50% {-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}
50%,80% {-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80% {-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}
to {-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.animated.flip {-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX {0% {-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
0%,40% {-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
40% {-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}
60% {-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}
80% {-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}
to {-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInX {0% {-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
0%,40% {-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
40% {-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}
60% {-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}
80% {-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}
to {-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInX {-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY {0% {-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
0%,40% {-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
40% {-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}
60% {-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}
80% {-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}
to {-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY {0% {-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
0%,40% {-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
40% {-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}
60% {-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}
80% {-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}
to {-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY {-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX {0% {-webkit-transform:perspective(400px);transform:perspective(400px)}
30% {-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}
to {-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}
@keyframes flipOutX {0% {-webkit-transform:perspective(400px);transform:perspective(400px)}
30% {-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}
to {-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}
.flipOutX {-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flipOutY {0% {-webkit-transform:perspective(400px);transform:perspective(400px)}
30% {-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}
to {-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
}
@keyframes flipOutY {0% {-webkit-transform:perspective(400px);transform:perspective(400px)}
30% {-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}
to {-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
}
.flipOutY {-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn {0% {-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60% {-webkit-transform:skewX(20deg);transform:skewX(20deg)}
60%,80% {opacity:1}
80% {-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}
to {-webkit-transform:none;transform:none;opacity:1}
}
@keyframes lightSpeedIn {0% {-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60% {-webkit-transform:skewX(20deg);transform:skewX(20deg)}
60%,80% {opacity:1}
80% {-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}
to {-webkit-transform:none;transform:none;opacity:1}
}
.lightSpeedIn {-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut {0% {opacity:1}
to {-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
@keyframes lightSpeedOut {0% {opacity:1}
to {-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
.lightSpeedOut {-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn {0% {transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
0%,to {-webkit-transform-origin:center}
to {transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateIn {0% {transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
0%,to {-webkit-transform-origin:center}
to {transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
.rotateIn {-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft {0% {transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
0%,to {-webkit-transform-origin:left bottom}
to {transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownLeft {0% {transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
0%,to {-webkit-transform-origin:left bottom}
to {transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInDownLeft {-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight {0% {transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
0%,to {-webkit-transform-origin:right bottom}
to {transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownRight {0% {transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
0%,to {-webkit-transform-origin:right bottom}
to {transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInDownRight {-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft {0% {transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
0%,to {-webkit-transform-origin:left bottom}
to {transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpLeft {0% {transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
0%,to {-webkit-transform-origin:left bottom}
to {transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInUpLeft {-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight {0% {transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
0%,to {-webkit-transform-origin:right bottom}
to {transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpRight {0% {transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
0%,to {-webkit-transform-origin:right bottom}
to {transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInUpRight {-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut {0% {transform-origin:center;opacity:1}
0%,to {-webkit-transform-origin:center}
to {transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
}
@keyframes rotateOut {0% {transform-origin:center;opacity:1}
0%,to {-webkit-transform-origin:center}
to {transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
}
.rotateOut {-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft {0% {transform-origin:left bottom;opacity:1}
0%,to {-webkit-transform-origin:left bottom}
to {transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
}
@keyframes rotateOutDownLeft {0% {transform-origin:left bottom;opacity:1}
0%,to {-webkit-transform-origin:left bottom}
to {transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
}
.rotateOutDownLeft {-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight {0% {transform-origin:right bottom;opacity:1}
0%,to {-webkit-transform-origin:right bottom}
to {transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
}
@keyframes rotateOutDownRight {0% {transform-origin:right bottom;opacity:1}
0%,to {-webkit-transform-origin:right bottom}
to {transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
}
.rotateOutDownRight {-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft {0% {transform-origin:left bottom;opacity:1}
0%,to {-webkit-transform-origin:left bottom}
to {transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
}
@keyframes rotateOutUpLeft {0% {transform-origin:left bottom;opacity:1}
0%,to {-webkit-transform-origin:left bottom}
to {transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}
}
.rotateOutUpLeft {-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight {0% {transform-origin:right bottom;opacity:1}
0%,to {-webkit-transform-origin:right bottom}
to {transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
@keyframes rotateOutUpRight {0% {transform-origin:right bottom;opacity:1}
0%,to {-webkit-transform-origin:right bottom}
to {transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
.rotateOutUpRight {-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes hinge {0% {transform-origin:top left}
0%,20%,60% {-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60% {-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}
40%,80% {-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to {-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
@keyframes hinge {0% {transform-origin:top left}
0%,20%,60% {-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60% {-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}
40%,80% {-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to {-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
.hinge {-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn {0% {opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}
to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes rollIn {0% {opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}
to {opacity:1;-webkit-transform:none;transform:none}
}
.rollIn {-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}
}
@keyframes rollOut {0% {opacity:1}
to {opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}
}
.rollOut {-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes zoomIn {0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50% {opacity:1}
}
@keyframes zoomIn {0% {opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50% {opacity:1}
}
.zoomIn {-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomInDown {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInDown {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInDown {-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInLeft {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInLeft {-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInRight {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInRight {-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
@-webkit-keyframes zoomInUp {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInUp {0% {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInUp {-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
@-webkit-keyframes zoomOut {0% {opacity:1}
50% {-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%,to {opacity:0}
}
@keyframes zoomOut {0% {opacity:1}
50% {-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%,to {opacity:0}
}
.zoomOut {-webkit-animation-name:zoomOut;animation-name:zoomOut}
@-webkit-keyframes zoomOutDown {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOutDown {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutDown {-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}
@-webkit-keyframes zoomOutLeft {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to {opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
@keyframes zoomOutLeft {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to {opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
.zoomOutLeft {-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}
@-webkit-keyframes zoomOutRight {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to {opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
@keyframes zoomOutRight {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to {opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
.zoomOutRight {-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}
@-webkit-keyframes zoomOutUp {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOutUp {40% {opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to {opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutUp {-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
@-webkit-keyframes slideInDown {0% {-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to {-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes slideInDown {0% {-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to {-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.slideInDown {-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft {0% {-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to {-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes slideInLeft {0% {-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to {-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.slideInLeft {-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight {0% {-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to {-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes slideInRight {0% {-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to {-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.slideInRight {-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideInUp {0% {-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to {-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes slideInUp {0% {-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to {-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.slideInUp {-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown {0% {-webkit-transform:translateZ(0);transform:translateZ(0)}
to {visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes slideOutDown {0% {-webkit-transform:translateZ(0);transform:translateZ(0)}
to {visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.slideOutDown {-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@-webkit-keyframes slideOutLeft {0% {-webkit-transform:translateZ(0);transform:translateZ(0)}
to {visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes slideOutLeft {0% {-webkit-transform:translateZ(0);transform:translateZ(0)}
to {visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.slideOutLeft {-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight {0% {-webkit-transform:translateZ(0);transform:translateZ(0)}
to {visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes slideOutRight {0% {-webkit-transform:translateZ(0);transform:translateZ(0)}
to {visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.slideOutRight {-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp {0% {-webkit-transform:translateZ(0);transform:translateZ(0)}
to {visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes slideOutUp {0% {-webkit-transform:translateZ(0);transform:translateZ(0)}
to {visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.slideOutUp {-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
.product-container .titleBox .pronavlist a:hover,.product-container .titleBox .pronavlist .active{
  color:#FFF !important;
  background: #d8af6d;
}

.artshowcon p a{
  color: #d8af6d;
}
.productBox a{
  color: #d8af6d;
}
#rightHistory .pronavlist a:hover{
  color: #fff !important;
}
#rightHistory .about-more a,#rightHistory .about-more a:hover{
  color: #fff !important;
}
#rightHistory .feedbackc,#rightHistory .feedbackc:hover{
  color: #fff !important;
}
/*公共样式*/
.content-box{  max-width: 1030px; margin: 0 auto; box-sizing:border-box; }
.content-box .body-right {  float: right; width: 75%; }
.content-box .body-left {  float: left;width: 23.5%; }
.clearfix:before, .clearfix:after { display: table; content: " "; clear: both; }
.row { margin: 0; }
.mt15{  margin-top: 15px; }
.mt5{  margin-top: 5px; }
.overflow{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
  .TopologyLeft .body-left{ margin: 0!important;}
@media screen and (max-width:1030px) { 
.content-box{  margin: 0 15px; }
}

/*内页--产品列表页/产品详情页/产品更多信息页/新闻列表页/新闻详情页/关于我 们/图库列表页/图库详情页/留言反馈页/联系我们/LBS/网页地图/面包屑--样式*/
.row,h3,h4,h5{ margin:0;}
.mt5{ margin-top: 0!important;}
.DoesNot{text-align: center;font-size: 20px;margin: 50px 0;}
/*----按钮----*/
a.a-btn { padding:0 10px; height:28px; line-height:28px; display:inline-block; cursor:pointer; margin-right:5px;}
a.a-btn + a { margin-bottom:3px; }
a.a-btn.a-btn1 { background-color:#cfcdcf; color:#666666; }
a.a-btn.a-btn1:hover { background-color:#ccc; color:#FFF;}

a.a-btn.a-btn2 { background-color:#e8603c; color:#fff;}
a.a-btn.a-btn2:hover { background-color:#f3af9d; }

.a-btn { padding:0 10px; height:28px; line-height:28px; display:inline-block; cursor:pointer; margin-right:5px; border:none;}
.a-btn.a-btn2 { background-color:#e8603c; color:#fff;}
.a-btn.a-btn2:hover { background-color:#f3af9d; color:#fff;}
@media screen and (max-width: 480px) {
	a.a-btn + a { margin-bottom:8px; }
}
/*-----------表格---------------*/
.table-01 { width:100%; margin-bottom:15px; }
.table-01 th, .table-01 td { padding:5px 2px;font-size:14px;}
.table-01 th { text-align:right; width:60px; font-weight:normal; color:#666; font-size:14px;}
.table-01 td { color:#666; }
.table-01 .jiathis_style_24x24 { margin:0; }

.table-02{ width:100%; }
.table-02 th, .table-02 td { padding:5px 2px; font-size:12px; line-height:30px; }
.table-02 th { text-align:right; width:125px; font-weight:normal; color:#666; vertical-align:text-top; }
.table-02 td { color:#666; }
.table-02 .line-b { border-bottom:1px dashed #ccc;}
.table-02 .line-b  th{ color:#000;}
.table-03 th { width:80px; }
.table-02.table-02-b th {width:110px; }

/*----输入框----*/
input.text01 { border:1px solid #d8d9da; height:30px; color:#333333;  line-height: 30px; padding: 2px 5px; width:75%; size:auto;  box-shadow:0 0 2px #d6d6d6 inset; font-size:12px; }
input.text01:focus, input.text01:hover, input.text01:active { border-color: #d8d9da; box-shadow: 0 0 3px #d6d6d6; }
.textarea01 { background-color:#fff; border:1px solid #dfdfdf; padding:5px; color:#636363; width:75%; }
.textarea01:focus { border-color: #d8d9da; box-shadow: 0 0 4px #d6d6d6; }


/*----翻页模块----*/
.page .col-lg-3, .page .col-lg-9{ padding:0; margin:10px 0; height:34px; line-height:34px;}
.page .col-lg-9{ text-align:right;}
.page .col-lg-3{ float:left;}
.page .pagination{ margin:0; padding-left:12px;}
.page .pagination > li > a{ color:#666;}
.page .pagination > li:first-child > a, .pagination > li:first-child > span{ border-bottom-left-radius: 0; border-top-left-radius: 0;}
.page .pagination > li:last-child > a, .pagination > li:last-child > span{ border-bottom-right-radius: 0; border-top-right-radius: 0;}
.page .pagination > .active > a, 
.page .pagination > .active > span, 
.page .pagination > .active > a:hover, 
.page .pagination > .active > span:hover, 
.page .pagination > .active > a:focus, 
.page .pagination > .active > span:focus{ background-color: #e8603c; border-color:#e8603c; color:#FFF;}
.pager .previous > a, .pager .next > a{color: #fff;}
.pager .next > a:hover{color:#000;}
@media screen and (max-width:1030px) {
	.page .col-lg-3, .page .col-lg-9{ margin:0; }
	.page .col-lg-3{ text-align:right;}
}
@media screen and (max-width:870px) {
	.page .col-lg-9{ margin:0 0 15px; }
	.TopologyLeft .body-right,.TopologyRight .body-right{padding: 0 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
}
@media screen and (max-width: 768px) {
	.page .col-lg-3{ float:none;}
}
/*----------------------------------------</END 公共模块>------------------------------------------------------*/

/*------------内容通用内容部分--------------*/
/*针对设计中心*/
.demo-box-hw1 .content-box .body-left{margin-top: 0px !important;}
/*----面包屑模块----*/
.breadCrumb{ background-color: #eee; border-top: 4px solid #ccc; height: 36px; line-height: 34px; padding: 0 12px; margin-bottom:10px; color:#999;}
.breadCrumb em { font-family: Arial; font-size: 14px; padding: 0 8px;}
.breadCrumb a { color:#333;}

/*----产品列表----*/
.pro-list{ padding:0; width:100%;float: left;}
.pro-list .thumbnail { text-align:center;padding:15px; margin-bottom:10px;border: 1px solid #ECECEC;border-radius:0;}
.pro-list .thumbnail:hover { border: 1px solid #e8603c;}
.pro-list .thumbnail .title{ text-align:center; color:#e8603c; text-overflow:ellipsis; font-size:16px; white-space:nowrap; overflow:hidden; background:none; height:40px; line-height:40px; margin:0px 7px;}
.pro-list .thumbnail p{ font-size:12px; line-height:24px; min-height:25px; max-height:25px; overflow:hidden; color:#999; text-align:center; margin:0px;}
.pro-list .thumbnail img{ width:100%;}
.pro-list li.col-md-3:nth-child(4n+1) {margin-left:0;}
.pro-list li.col-md-3 {margin-left:0\9; margin-right:8px\9;}/*解决IE8兼容兼容问题*/

@media screen and (max-width:980px) {
	.pro-list .thumbnail .title{ margin:0px 5px;}
	.pro-list li.col-md-3 { margin-right:6px\9;}/*解决IE9响应兼容问题*/
}

@media screen and (max-width:870px) {
	.pro-list .thumbnail .title{ margin:0;}
}

@media screen and (max-width: 600px) {
	.pro-list .col-md-3{ width:49.3%;}
	.pro-list .thumbnail { padding:15px;}
	.pro-list li[class*="col-"]:nth-child(2n+1) { margin-left:0;}
	.pro-list li.col-md-3 { margin-right:2px\9;}/*解决IE9响应兼容问题*/
}
@media screen and (max-width: 360px) {
	.pro-list li.col-md-3 { margin-right:1px\9;}/*解决IE9响应兼容问题*/
}

/*-----产品详情页-----*/
.product-detail { padding:0; width:100%; display:table; margin:5px 0 0 0; height:auto;}
.product-detail .col-md-5, .product-detail .col-md-7{ padding:0;}
.product-detail .col-md-5 .DB_imgWin img{ margin-bottom:0; padding:0; border-radius:0;}
.product-detail h3 { font-size:16px; color:#e8603c; padding:4px 0 5px 20px; font-family:宋体; margin:0;}
.product-detail .ProductimgBox .thumbnail{ margin-bottom: 0;}
.fieldset-style {word-break: break-all; word-wrap:break-word; overflow:hidden; margin:15px 0;}
.fieldset-style h3 { font-weight:bold; padding-left:10px; font-size: 12px; height:28px ; line-height: 28px;  color: #fff;  border: 0; background-color:#e8603c; margin:0;}
.title-ny { background-color:#fff; margin-bottom:10px; padding:15px; color:#00AADD; font-size:14px; }
.fieldset-style .div1 { border:1px solid #ECECEC; padding:6px 10px;  color:#666;}
.fieldset-style .div1 dl img { max-width:100%; }
.fieldset-style .div1 dl { overflow:hidden; margin-bottom:10px; margin-top:5px; }
.fieldset-style .div1 dl dt { margin-bottom:8px;  height:20px; line-height:20px; display:block; border-left:5px solid #f3af9d; padding-left:10px;  }
.fieldset-style .div1 dl dd { line-height:22px;  }
.pro_keyword { padding: 0;}

/*----产品更多详情----*/
.table-box { padding: 0; margin-bottom:10px;}
.table-box p{ border-bottom:1px dashed #ccc; color:#000; font-size:14px; height:40px; line-height:40px; margin-bottom:5px;}

/*-----------资讯列表页---------------*/
.nlist-box li{ height:32px; line-height:32px; color:#666; border-bottom:1px dashed #CCC; position: relative;}
.nlist-box li:before{content:"．";}
.nlist-box li a{ color:#666; padding-right: 80px; width: 75%;  position: absolute;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nlist-box li a:hover{ color:#e8603c;}
.nlist-box li span{ position: absolute;right: 0; top: 0;}
body .news-nr-box p { font-size: 12px; line-height: 24px;}
body .news-nr-box img { margin: 0 auto 10px;}

@media screen and (max-width: 600px) {
	.nlist-box li span{  display:none;}
}

/*图片详情*/
.photo.row .layout_default p { line-height: 18px;}

/*-----------公司介绍---------------*/
.company-box {}
.company-box p { line-height:2.1em; overflow:hidden;  color:#333;  }

/*-----------网站地图---------------*/
.map-box {padding:0; margin-bottom:10px;}
.map dl { border-bottom:1px dashed #ccc; padding:12px; font-size:13px; margin:0px; }
.map dl:last-child { border-bottom:none; }
.map dl dt { float:left; color:#000; }
.map dl dd { display:inline; margin:0px; }
.map dl dd a { margin:0 10px 10px; float:left; color:#666}
.map dl dd a:hover { color:#e8603c}
.map dl dd p { overflow:hidden; }

/*联系我们/lbs地图*/
.map-box1 { margin:15px 0; min-height:300px;}

/*-----------客户留言、留言反馈---------------*/
.message-box {padding:0 0 10px; margin-bottom:10px;}
.message-list { padding: 0;}
.message-list .addBtn{margin-bottom: 15px;}
.message-list dl { overflow:hidden; border:1px solid #f3af9d; margin:0 0 10px 0; }
.message-list dl dt { font-family:宋体; font-size:15px; line-height:30px; overflow:hidden; margin-bottom:10px; height:30px; padding:0 12px; background-color:#f3af9d; }
.message-list dl dt b { font-weight:normal; color:#fff; }
.message-list dl dt span { float:right; font-size:12px; color:#fff; }
.message-list dl dd { margin:15px 12px; }
.message-list dl dd p { font-size:13px; margin-bottom:10px; color:#666; }
.message-list dl dd small { font-size:12px;  color:#666;}
.message-list dl dd p i, .message-list dl dd small i{ float:left; color:#e8603c; padding-right:18px; font-size:18px}

blockquote { border-left: 5px solid #fff; margin: 0 0 20px; padding:0 ; }
blockquote small:before { content: ""; }

/*公共*/
.content-box .body-right,.TopologyLeft .body-right{ margin-top:15px;}

.SSSchazhao {width:1000px; display: block; background: #ddd;}
.content-box .body-right .mt15{margin-top: 0px !important;}
.container{ padding: 0;}
.content-box{ margin: 15px auto !important;}

.mb12{ margin-bottom: 12px!important;}
.mb8{ margin-bottom: 8px!important;}

/*针对文章搜索结果调整样式*/
.DoesNot{ margin: 0px;}
.nlist-box li:before{ position: absolute;}
.nlist-box li a{ padding-left: 12px;}
.mt15{margin-top: 0!important;}
.breadCrumb {border-top:none; height: 40px; color: #333; overflow: hidden;}
.content-box {
    max-width: 1180px;
    margin: 30px auto;
}
.fieldset-style h3{ color: #333; border: 1px solid; height: 40px; line-height: 40px; }

.fieldset-style .div1{ margin-bottom: 10px ;}

.content-box .body-right, .TopologyLeft .body-right{ margin-top: 0px !important;}
.TopologyLeft .body-right{ margin: 0px !important;}

.message-list dl dt b,.message-list dl dt span{ color: #fff;}

.breadCrumb em, .breadCrumb b, .breadCrumb span, .breadCrumb a{line-height: 30px;}
.breadCrumb:before{color: #333;}


.container{ width: auto;}

.page .col-lg-3{ width: 40%;}
.page .col-lg-9{ width: 60%;}

a.add-to-cart{ max-width: 200px; white-space: nowrap; text-overflow:ellipsis;}

.body-right .page{ height: auto; overflow: hidden; margin: 10px 0px;}

.pro-list .thumbnail{padding: 0px;}
.pro-list .thumbnail p{ display: none;}
.pro-list .col-md-3 .thumbnail .title{ font-size: 14px;color: #333 !important;}
.pro-list .thumbnail:hover {border:none;}


/*----小栏产品分类----*/
.pro_class_x{ margin-bottom: 15px !important; background-color: #fff;}

.title_x{ height: 40px; line-height: 40px; text-align: center; position: relative; color: #fff; font-size: 16px;}
.title_x span{ margin: 0px; padding: 0px; font-size: 16px; color: #fff;}

.pro_class_x .product-class{border-top: none;}
.pro_class_x .product-class li{ width:100%; line-height:38px; border-bottom: 1px solid rgba(255, 255, 255, .1);}
.pro_class_x .product-class li:last-child{ border-bottom: none;}
.pro_class_x .product-class li a{padding: 0 15px; display:block; color:#999; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_class_x .product-class li a.second{text-indent:10px;}
.pro_class_x .product-class li a.Themebg,.pro_class_x .product-class li .Themefont{ color:#999 !important; text-decoration: none;}
.pro_class_x .product-class li a:hover{color: #fff !important;}
/*----小栏相关产品模块----*/
.p_pro_x{ margin-bottom: 15px !important;}
.smallphotoBox{ min-height: auto;}

/*----小栏相关资讯模块----*/
.p_info_x{ margin-bottom: 15px !important; background-color: #fff;}
.p_info_x .list-box{ padding: 10px;   border-top: none;}
.p_info_x .list-box li{ height:34px; line-height:34px; color:#666; text-align: left; position: relative; border-bottom: 1px solid  rgba(255, 255, 255, .1);}
.p_info_x .list-box li:before{content:"．"; position: absolute; left: 0px; top:-3px;}
.p_info_x .list-box li a{ color:#fff; padding-left: 10px; display: block;}
.p_info_x .more{ text-align: center; clear: both;    margin: auto;color: #fff;padding: 0 5px;display: block;    width: 50px;}
.p_info_x .list-box li .Themefont { color: #fff !important;}
.p_info_x .more a{ display: inline-block; font-size: 12px; position: relative; padding: 3px 10px; color: #fff; border-radius: 20px;}
.p_info_x .more i{ font-size: 14px; margin-right: 5px;}

/*----联系我们内页组件----*/
.p_contact{ margin-bottom: 15px; }

.p_contact .contact-box{ padding: 10px;  border-top: none; color: #fff !important;}
.p_contact p{ line-height: 28px; text-align: left;}

/*----大栏相关产品模块----*/
.p_pro_d{ margin-bottom:10px !important; margin-top: 10px;}
.p_pro_d .title_d{ overflow:hidden; height:40px; font-size:14px; font-weight: bold; line-height:40px; color: #fff; }
.p_pro_d .title_d span{padding:0 10px;color: #fff;display: block;float: left; max-width: 60%; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.p_pro_d .title_d .a-more {color:#fff;font-size: 12px;float: right; padding: 0 20px; line-height:40px;}
.p_pro_d .product-box li{
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}
.p_pro_d .product-box .thumbnail {border: 0;padding:0 0 2px;background: none; border-radius:0; position:relative;margin:0px;}
.p_pro_d .product-box .thumbnail .TxtBox p{color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 5px}
.p_pro_d .product-box li,.p_pro_d .product-box li:first-child{margin-top: 15px; margin: 15px 0.5% 0 \9;}

.p_pro_d .product-box li.col-md-3:nth-child(4n+1){margin-left: 0;}
.p_pro_d .div-img img{ width:100%;}
.p_pro_d .product-box .thumbnail a.ImgBox{position: relative;z-index: 2;}
.p_pro_d .product-box .thumbnail h5{text-align: center; position: relative; height:30px; line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#333; font-size:12px; margin: 0;    padding: 0 5px;}
.p_pro_d .product-box li .TxtBox a{color:#fff;float: right;padding:0 10px 10px;}
.p_pro_d .product-box .thumbnail h5:hover,.p_pro_d .product-box li .TxtBox a:hover{text-decoration: underline;}
.TopologyCenter .body-left{padding-top: 0;}
@media screen and (max-width: 1180px) {
.content-box{ margin: 15px 10px 0px!important;}
}

@media screen and (max-width:980px) {
	.p_pro_d .ProxBox ul .title{ margin:0px 5px;}
	.p_pro_d .ProxBox ul li.col-md-3 { margin-right:6px\9;}/*解决IE9响应兼容问题*/
}

@media screen and (max-width:870px) {
	.body-right .p_pro_d{ margin: 0 0 10px;}
	.p_pro_d .ProxBox ul .title{ margin:0;}
	.TopologyLeft .body-right, .TopologyRight .body-right{ padding: 0px;}
}

@media screen and (max-width: 600px) {
	.p_pro_d .ProxBox ul .col-md-3{ width:49.3%;}
	.p_pro_d .ProxBox ul li[class*="col-"]:nth-child(2n+1) { margin-left:0;}
	.p_pro_d .ProxBox ul li.col-md-3 { margin-right:2px\9;}/*解决IE9响应兼容问题*/
}

/*----大栏相关资讯模块----*/
.p_info_d .list-box li{ height:90px; overflow:hidden; border: 1px solid rgba(255, 255, 255, .1); margin-bottom: 12px; padding:0px 10px 0px 0px; box-sizing:border-box; float: left; width: 49.2%; margin-left: 1.4%; background-color: #fff;}
.p_info_d .title_d{ overflow:hidden; height:40px; font-size:14px; font-weight: bold; line-height:40px; margin: 15px 0px; }
.p_info_d .title_d span{padding:0 10px;color: #fff;display: block;float: left;width: 60%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.p_info_d .title_d .a-more{color:#fff;font-size: 12px;float: right; padding: 0 20px; line-height:40px;}
.p_info_d .list-box li .face img{ width: 120px; margin-right: 15px; float: left;}
.p_info_d .list-box li h3{ color:#666; height: 38px; line-height: 38px; background: none; margin: 0; font-size: 12px; text-align: left;}
.p_info_d .list-box li.col-md-6:nth-child(2n+1) {margin-left:0;}
.p_info_d .list-box li p{line-height: 20px; color: #666; max-height: 40px; overflow: hidden;}
@media screen and (max-width: 480px) {
	.p_info_d .list-box li{ width: 98%; margin-left: 0px;}
}

/*----小栏资讯分类----*/
.info_class_x{ margin-bottom: 15px !important;background-color: #fff;}
.info_class_x .tab-box{border-top: none;}
.info_class_x .tab-box a {padding:0 15px; display:block; color:#333;line-height:38px; margin:0px; background: none; border-bottom: 1px solid rgba(255, 255, 255, .1);}
.info_class_x .tab-box .Themefont{ color: #999 !important; }
.info_class_x .tab-box a:last-child{border-bottom:none;}
.info_class_x .tab-box a:hover,.info_class_x .tab-box a.active{ color:#fff !important; }

/*----大栏资讯分类----*/
.info_class_d{ background-color: #fff; margin-bottom: 15px;}
.info_class_d .title_d{text-align: center;border-bottom-width:1px;border-bottom-style:solid; font-size:16px; overflow: hidden; position: relative; color:#333; margin:0px; line-height:40px;height:40px;}
.info_class_d .tab-box { overflow:hidden;}
.info_class_d .tab-box a {padding:0 10px; display:block;max-width: 240px; color:#333;line-height:30px; margin-bottom:8px;border: 1px solid #ddd; float: left; margin-right: 15px;}
.info_class_d .tab-box a:hover,.info_class_d .tab-box a.active{ color:#fff; background-color:#f3af9d;}
@media screen and (max-width:870px) {
	.info_class_d{ margin: 0 15px;}
	.body-right .info_class_d{ margin: 0;}
}

/*----大栏产品分类----*/
.pro_class_d{ background-color: #fff; margin-bottom: 15px;}
.pro_class_d .title_d{ text-align: center;border-bottom-width:1px;border-bottom-style:solid; font-size:16px; overflow: hidden; position: relative; color:#333; margin:0px; line-height:40px;height:40px;}
#ProClass {display: block!important;}
#ProClass li.Selection a{ background-color: #fff;}
#ProClass li.ac .Classtriangle:after{top: 13px;}
.pro_class_d .product-class{ padding:10px;}
.pro_class_d .product-class li{ line-height:34px; margin:0 15px 8px 0; float: left;}
.pro_class_d .product-class li a{padding: 0 15px; display:block; color:#333;border: 1px solid #ddd; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; max-width: 240px;}
.pro_class_d .product-class li a.second{text-indent:10px;}
.pro_class_d .product-class li a:hover, .pro_class_d .product-class li a.Themebg{ color:#fff;}
@media screen and (max-width:870px) {
	.pro_class_d{ margin: 0 15px;}
	.body-right .pro_class_d{ margin: 0;}
}
.nlist-box li a{  width: 68%; padding-right: 0px;}
.fieldset-style h3{ color: #fff;}
a.a-btn{ margin-bottom: 5px; }
@media screen and (max-width:1030px) {
	.page .col-lg-3{ text-align: left; float: left;}
}


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

.nlist-box li a{ width: 100%;}
}

@media screen and (max-width: 414px) {
.page .col-lg-3{ width: 45%;}
.page .col-lg-9{ width: 55%;}
.nlist-box2 li .news_det{ width: 58%;}
.nlist-box2 li .news_img{ width: 40%;}
}

@media screen and (max-width: 375px) {
.page .col-lg-3{ width: 100%; text-align: left;}
.page .col-lg-9{ width: 100%; text-align: left;}
.page .col-lg-3,.page .col-lg-9{ margin: 0px;}
.page .pagination{ padding-left: 0px;}
}

.btn-warning.btn-can{ margin-left: 0px !important; margin-top:0px; margin-right: 0px !important; padding: 0px 5px!important; height: 32px!important;margin-bottom: 5px; line-height: 32px;}

.Themebg.btn-success{  margin-bottom: 10px;padding: 0px 5px!important; margin-right:5px;height: 32px!important;}


/* 新加 */

.pro-list .thumbnail:hover img{    
	-webkit-transform: scale(1) !important; 
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
	transform: scale(1) !important; }
.body-left .list-box li,.nlist-box li{ border-bottom:1px solid rgba(255, 255, 255, .1) !important;}
.body-left .list-box li .Themefont,.message-list dl dd small { color: #fff !important; }
.company-box p{ color: #333;}
.container{ padding: 20px 0;}
.info_class_x,.pro_class_x,.p_contact,.p_info_x,.p_info_d .list-box li{ background-color: #fff; }
.breadCrumb{ background-color: #fff;}
.breadCrumb:before{ left: 10px;}
.breadCrumb b {padding-left: 35px;}
body .news-nr-box h1,body .news-nr-box h6,.Employment li{ color: #fff !important;}
blockquote{ border: none !important;}

@media screen and (min-width: 870px){
.TopologyLeft .body-right {
    width: 77% !important;}
}
.content-box .body-center{
	float: right;
	width: 77%;
	margin: 0;
}
.product-detail .col-md-7 .Themefont{
	padding: 0 !important;
}
.product-detail .col-md-7{
	padding-left: 35px !important;
	box-sizing: border-box;
}
.row {
	margin: 0;
}

.DoesNot {
	text-align: center;
	font-size: 20px;
	margin: 50px 0;
}

/*----按钮----*/
a.a-btn {
	border: 1px solid #dcdfe6;
	width: 110px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	cursor: pointer;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 5px;
}
a.a-btn:hover{
	color:#FFF !important;
}
a.a-btn+a {
	margin-bottom: 3px;
}

a.a-btn.a-btn1 {
	background-color: #cfcdcf;
	color: #fff666;
	border-radius: 5px;
}

a.a-btn.a-btn1:hover {
	background-color: #ccc;
	color: #FFF;
}

.Themebg.btn-success {
	margin-bottom: 5px;
	margin-right: 5px;
}

.btn-warning.btn-can {
	margin-left: 0px;
}

.TopologyLeft .body-right,
.TopologyLeft .body-left {
	margin: 0px;
}

.pro_keyword {
	padding: 0px;
}

.pro_keyword a {
	display: inline-block;

	line-height: 36px;
	margin-right: 10px;
	padding: 0px 12px;
	color: #666;
	font-size: 14px;
}

a.a-btn.a-btn2 {
	/* color: #666; */
}

.TopologyCenter .body-left {
	padding-top: 25px;
}

.photo.row {
	padding-top: 20px;
}

/*----面包屑模块----*/
.breadCrumbbox {
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	max-width: 1180px;
	margin: 0 auto;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
}

.prodetail-breadCrumb {
	margin-bottom: 0;
	padding: 15px 0;
	max-width: 1180px;
	min-width: 1180px;
	margin: 0 auto;
}

.breadCrumb {
	position: relative;
	min-width: 260px;
	overflow: hidden;
	color: #fff;
	font-size: 14px;
}

.breadCrumb b {
	padding-left: 25px;
}

.breadCrumb em {
	font-family: Arial;
	font-size: 14px;
	padding: 0 8px;
}

.breadCrumb a {
	color: #999 !important;
	margin: 0px;
	padding: 0;
}

.breadCrumb a.pick {
	color: #1e82c5;
}

.breadCrumb em,
.breadCrumb b,
.breadCrumb span {
	font-weight: normal;
	margin: 0px;
	color: #999;
}

.breadCrumb a:last-child {
	color: @Themebg  !important;
}

body .product-detail .ProductimgBox .ProductimgLeft,
body .product-detail .ProductimgBox .ProductimgRight {
	display: block;
	cursor: pointer;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -27px;
	width: 54px;
	height: 54px;
	z-index: 2;
	color: #FFF;
    background-color: #908e8f;
    text-align: center;
    line-height: 54px;

}

body .product-detail .ProductimgBox .ProductimgRight {
	left: auto;
	right: 0px;

}
body .product-detail .ProductimgBox .ProductimgLeft:hover{
	background-color: #ffb11d;
}
body .product-detail .ProductimgBox .ProductimgRight:hover{
	background-color: #ffb11d;
}
body .product-detail .ProductimgBox .ProductimgRight.active,
body .product-detail .ProductimgBox .ProductimgLeft.active {
	display: block;
}

/*----翻页模块----*/
.page {
	margin:auto;
	margin-top: 25px;
	text-align: center;

}

.page .col-lg-3,
.page .col-lg-9 {
	padding: 0;
	margin: 10px 0;
	height: 34px;
	line-height: 34px;
}

.page .col-lg-3 {
	display: none;
}

.page .col-lg-9 {
	width: 100%;
}

.page .pagination {
	margin: 0;
	padding-left: 12px;
}

.page .pagination>li>a {
	color: #666;
}

.page .pagination>li:first-child>a,
.pagination>li:first-child>span {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.page .pagination>li:last-child>a,
.pagination>li:last-child>span {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.page .pagination>.active>a,
.page .pagination>.active>span,
.page .pagination>.active>a:hover,
.page .pagination>.active>span:hover,
.page .pagination>.active>a:focus,
.page .pagination>.active>span:focus {
	background-color: #1e82c5;
	border-color: #1e82c5;
	color: #FFF;
}


/*----左侧标题模块----*/
/*----产品分类----*/
.classifi {
	padding: 10px 0;
}

.classifi .product-class {
	text-align: center;
}

.classifi .product-class li {
	position: relative;
	padding-right: 10px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
}

.classifi .product-class li a {
	max-width: 150px;
	margin-top: 5px;
	display: block;
	padding: 0 20px;
	color: #fff;
	border-radius: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.classifi .product-class li a.ThemeSbg {
	color: #fff !important;
}

.classifi .product-class li a:hover,
.classifi .product-class li a.active {
	color: #fff;
}

.classifi#ProClass li .classBox {
	top: 46px;
}

.classifiLeft {
	background: #fff;
	margin-top: 15px;
}

.ClassLeftBox .product-class {
	border: 1px solid #ccc;
	border-top: none;
	padding: 10px;
}

.body-left.ClassLeftBox .product-class li {
	background: none;
	margin-bottom: 0px;
	border-bottom: 1px solid #ccc;
}

.body-left.ClassLeftBox .product-class li:last-child {
	border-bottom: none;
}

.ClassLeftBox .product-class li a,
.ClassLeftBox .product-class li {
	line-height: 38px;
}

.body-left.ClassLeftBox .product-class li a.ThemeSbg,
.body-left.ClassLeftBox .product-class li a:hover {
	color: @Themebg  !important;
}

.body-right #ProClass li.ac .Classtriangle:after {
	border-top-color: #fff !important;
}

.body-left .LeftBox {
	background: #fff;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

.body-left h4,
.classifi h4 {
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: relative;
	color: #fff;
}

.body-left h4 span,
.classifi h4 span {
	font-size: 16px;
}

.body-left .LeftBox .list-box {
	padding: 10px;
	border: 1px solid #ccc;
	border-top: none;
}

.LeftBox .more {
	text-align: center;
	clear: both;
	margin: 10px 0px;
}

.LeftBox .more a {
	display: inline-block;
	font-size: 12px;
	position: relative;
	padding: 3px 10px;
	color: #fff;
	border-radius: 20px;
}

.LeftBox .more i {
	font-size: 14px;
	margin-right: 5px;
}



.tp-bullets {
	display: none;
}

/*---公告----*/


.notice {
	margin: 0px auto;
	margin-top: -80px !important;
	padding: 16px 0;
	color: #fff;
	background: rgba(0, 0, 0, .5);
	position: relative;
	z-index: 7;
}

.notice .alertinfo {
	position: relative;
}

.notice-box .zuixin {
	font-size: 1.8rem;
	height: 46px;
	line-height: 46px;
	color: #fff;
	float: left;
}

.notice-box .zuixin:before {
	margin-right: 12px;
	font-size: 1.8rem;
}

.notice .notice-box {
	position: relative;
	clear: none;
	height: 46px;
}

.notice .notice-box .noticeBox {
	max-width: 1180px;
	margin: 0 auto;
}

.notice .notice-box ul.notice-ul {
	font-size: 12px;
	height: 45px;
	line-height: 45px;
	list-style: none;
}

.notice .notice-box ul.notice-ul li {
	height: 46px;
	line-height: 46px;
}

.notice .notice-box ul.notice-ul li a {
	color: #fff;
	padding: 0px;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 1.6rem;
}

.notice .notice-box ul.notice-ul li a:hover {
	text-decoration: none;
}

.notice .col-md-6,
.notice .col-md-4 {
	padding: 0px;
}

/*---搜索----*/
.notice .search {
	float: right;
	display: inline;

	height: 46px;
}

.notice .search .navbar-form {
	padding: 0px;
	float: right;
	margin: 0px;
	width: 300px;
}

.notice .search .navbar-form .form-control {
	border-radius: 0;
	box-shadow: none;
	font-size: 14px;
	height: 46px;
	line-height: 46px;
	padding: 0px 10px !important;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	border: none;
	background-color: #666;
	border-radius: 5px;
	color: #FFF !important;
}

.notice .search .navbar-form .form-control::-webkit-input-placeholder {
	color: #FFF !important;
	font-size: 14px;
}

.notice .search .dropdown-menu {
	border-radius: 0;
	padding: 0;
	min-width: 70px;
	left: 0px;
}

.notice .search .dropdown-menu>li {
	padding: 0;
}

.notice .search .dropdown-menu>li>a {
	text-align: center;
	font-size: 12px;
	color: #666;
	display: block;
	line-height: 26px;
	padding: 0px;
}

.notice .search .btn-danger {
	background-color: #bcbcbc;
	border: 1px solid #bcbcbc;
	background-image: none;

	font-size: 12px;
}

.notice .search .form-group {
	margin-bottom: 0;
	vertical-align: middle;
	display: inline-block;
	float: left;
	width: 300px;
}

.notice .btn-search-group {
	color: #fff;
	font-size: 12px;
	font-family: "SimSun";
	cursor: pointer;
	right: 14px;
	margin: 0px;
	vertical-align: top;
}

.notice .btn-search-group .btn {
	background: none !important;
	border: none !important;
	border-radius: 0 4px 4px 0 !important;
	padding: 0 12px !important;
}

.notice .btn-search-group .icon-sousuoanniu2 {
	font-size: 26px;
	line-height: 46px;
	height: 46px;
}

.notice .alertinfo li {
	line-height: 40px;
	white-space: nowrap;
}


/* 小屏幕 一*/
@media screen and (max-width:1180px) {
	.notice .notice-box {
		max-width: 100%;
	}

	.notice .notice-box .noticeBox {
		margin: 0px 15px 0px;
	}

}

/* 平板电脑和小屏电脑之间的分辨率 二*/
@media screen and (max-width:870px) {
	.notice .notice-box .col-md-4 {
		width: 48%;
	}

	.notice .searchBox {
		display: none;
	}
}


.notice .btn-search-group {
	color: #fff;
	font-size: 14px;
	font-family: "SimSun";
	cursor: pointer;
	position: absolute;
	right: 0;
}

.notice .btn-search-group .btn {
	background: #020202 !important;
	border: none !important;
}

.notice .alertinfo li {
	white-space: nowrap;
}

/*----公司资讯----*/
.body-left .list-box {
	padding: 10px 0;
}

.body-left .list-box li {
	line-height: 34px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fff;
	position: relative;
	border-bottom: 1px solid #e1e1e1;
}

.body-left .list-box li a {
	color: #fff;
	padding-left: 10px;
}

.body-left .list-box li span {
	display: none;
}

.LeftBox.mt15 {
	margin-top: 15px;
}

.ClassLeftBox .list-box li:before {
	position: absolute;
	left: 0px;
	top: -3px;
}

/*----相关产品模块---*/
.body-right .productBox {
	width: 100%;
	margin: 15px auto 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.productBox h4.title01 {
	margin-bottom: 20px;
	overflow: hidden;
	height: 40px;
	color: #fff;
	font-size: 14px;
	font-weight: bolder;
	line-height: 40px;

}

.productBox h4.title01 span {
	padding: 0 10px;
	color: #fff;
	display: block;
	float: left
}

.productBox h4.title01 .a-more {
	color: #fff;
	font-size: 12px;
	float: right;
	padding: 0 10px;
	line-height: 40px;
	display: none;
}

.productBox {
	max-width: 1180px !important;
}

.relate-eng {
	text-align: center;
	color: #aaa;
}

.productBox .product-box li {
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.productBox .product-box .thumbnail {
	border: 0;
	padding: 0;
	background: none;
	border-radius: 0;
	position: relative;
	margin: 0px;
}

.productBox .product-box li:first-child .thumbnail {
	padding: 0;
}

.productBox .product-box li,
.productBox .product-box li:first-child {
	margin-top: 15px;
	margin: 15px 0.5% 0 \9;
}

.relate-box {
	margin-bottom: 50px !important;
}

.productBox .product-box li.col-md-3:nth-child(4n+1) {
	margin-left: 0;
}

.productBox .div-img img {
	width: 100%;
	max-height: 196px;
}

.productBox .div-img img:hover {
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
}

.productBox .product-box .thumbnail a.ImgBox {
	position: relative;
	z-index: 2;
	display: block;
}

.productBox .product-box .thumbnail h5 {
	margin: 10px 0 15px;
	height: 44px;
	white-space: normal;
	position: relative;
	line-height: 22px;
	color: #666;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.productBox .more {
	float: left;
	position: absolute;
	display: block;
	width: 27px;
	height: 27px;
	background: @Themebg;
	border-radius: 50%;
	bottom: 0;
	right: 0;
}

.productBox .more::before,
.productBox .more::after {
	position: absolute;
	top: 9px;
	left: 10px;
	content: '';
	display: block;
	width: 11px;
	height: 2px;
	border-radius: 1px;
	background: #fff;
	transform: rotate(45deg);
}

.productBox .more::after {
	top: 16px;
	transform: rotate(-45deg);
}

/*-----------表格---------------*/
.table-01 {
	width: 100%;
	margin-bottom: 15px;
}

.table-01 th,
.table-01 td {
	padding: 5px 2px;
	font-size: 14px;
}

.table-01 th {
	text-align: left;
	width: px;
	font-weight: normal;
	color: #666;
	font-size: 14px;
}

.table-01 td {
	color: #666;
}

.table-01 .jiathis_style_24x24 {
	margin: 0;
}

.standard div {
	display: inline-block;
	padding: 5px 10px 5px 0;
}

.standard .is-standard {
	/* padding: 0; */
}

table.table-01 th {
	width: 68px;
}

.table-02 {
	width: 100%;
}

.table-02 th,
.table-02 td {
	padding: 5px 2px;
	font-size: 12px;
	line-height: 30px;
}

.table-02 th {
	text-align: right;
	width: 125px;
	font-weight: normal;
	color: #666;
	vertical-align: text-top;
}

.table-02 td {
	color: #666 !important;
}

.table-02 .line-b {
	border-bottom: 2px solid #1e82c5;
}

.table-02 .line-b th {
	color: #000;
	text-align: left;
}

.table-03 th {
	width: 80px;
}

.table-02.table-02-b th {
	width: 110px;
}

/*-----------输入框---------------*/
input.text01 {
	border: 1px solid #d2d2d2;
	height: 30px;
	color: #333;
	line-height: 30px;
	padding: 2px 5px;
	width: 95%;
	size: auto;
	font-size: 12px;
}

input.text01:focus,
input.text01:hover,
input.text01:active {
	border-color: #d2d2d2;
	box-shadow: 0 0 3px #d2d2d2;
}

.textarea01 {
	border: 1px solid #d2d2d2;
	padding: 5px;
	color: #333;
	width: 95%;
}

.textarea01:focus,
.textarea01:hover {
	border-color: #d2d2d2;
	box-shadow: 0 0 4px #d2d2d2;
}

/*----------------------------------------</END 公共模块>------------------------------------------------------*/

/*----产品列表----*/
.content-box.product-content-box {
	margin-top: 25px !important;
}

.product-content-box .body-right {
	width: 100%;
	float: none;
}

.pro-list li {
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.pro-list .thumbnail {
	border: 0;
	padding: 0 0 2px;
	background: none;
	border-radius: 0;
	position: relative;
	margin: 0px;
}

.pro-list li.col-md-4,
.pro-list li.col-md-4:first-child {
	margin-top: 15px;
	margin: 15px 0.4% 0 \9;
}

.pro-list li.col-md-4:nth-child(3n+1) {
	margin-left: 0;
}

.pro-list .thumbnail a.ImgBox {
	position: relative;
	z-index: 2;
	display: block;
}

.pro-list .thumbnail h5 {
	text-align: center;
	position: absolute;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
	font-size: 12px;
	bottom: 0px;
	width: 100%;
	background: url(/Public/Images/Theme212/black.png) repeat;
}

.pro-list .div-img {
	overflow: hidden;
}

.pro-list .div-img img {
	width: 100%;
}

.pro-list .thumbnail:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.productBox {
	max-width: 1030px;
	margin: 25px auto 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*-----------产品详情页---------------*/
.productDetailsBox {
	padding: 20px 0;
}

.product-detail {
    display: block !important;
	max-width: 1180px;
	margin: 0 auto;
	box-shadow: 0 0 10px #ddd;
}

.product-detail .product-detail-box {
	max-width: 1180px;
	margin: 0 auto;
}

.product-detail .thumbnail {
	margin-bottom: 0;
	border-radius: 0;
}

.product-detail .thumbnail img {
	width: 100%;
}

.product-detail h2 {
	font-size: 16px;
	padding: 4px 0 5px 20px;
	margin: 0;
}

.product-detail .descBox {
	padding: 30px 20px;
	box-sizing: border-box;
}

.product-detail .col-md-5,
.product-detail .col-md-7 {
	padding: 0;
}


.fieldset-style {
	overflow: hidden;
	margin: 10px 0;
	word-break: break-all;
	word-wrap: break-word;
	color: #999;
	font-size: 14px;
	line-height: 1.4;
}

.fieldset-style pre {
	color: #999;
	font-size: 14px;
	line-height: 1.8;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.fieldset-style .div1 {
	color: #666;
	border-top: none;
}

.fieldset-style .div1 dl img {
	max-width: 100%;
}

.fieldset-style .div1 dl {
	overflow: hidden;
	margin-bottom: 10px;
	margin-top: 5px;
}

.fieldset-style .div1 dl dt {
	margin-bottom: 8px;
	height: 30px;
	line-height: 30px;
	display: block;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	color: #1e82c5;
}

.fieldset-style .div1 dl dd {
	line-height: 22px;
}

.fieldset-style h3 {
	color: #fff;
}

.product-detail .col-md-7 .Themefont {
	line-height: 40px;
	padding: 0 40px;
}

.prodetail-content-box {
	width: 100%;
	max-width: 100% !important;
}

.prodetail-content-box .body-right {
	width: 100%;
}
.pro_page{
	overflow: hidden;
	margin-bottom:20px !important;
}
.pro_page a{
	color:#999;
	font-size:16px !important;
}
.pro_page .pro_page_fr,
.pro_page .pro_page_fl {
	height: 100px;
	line-height: 100px;
	background-color: #f2f2f3;
	width: 50%;
	font-size:16px !important;
	box-sizing: border-box;
	padding:0 5%;
}
.pro_page .pro_page_fr{
	float:right;
}
.pro_page .pro_page_fl{
	float:left;
}
.pro_page .pro_page_fr:hover,
.pro_page .pro_page_fl:hover{
	background-color: @Themebg;
}
.pro_page .pro_page_fr:hover a,
.pro_page .pro_page_fl:hover a{
	color:#FFF !important;
	font-size:16px;
}
.pro_page .pro_page_fr b,
.pro_page .pro_page_fl b{
	font-weight: normal !important;
	color:#999;
}
.pro_page .pro_page_fr:hover b,
.pro_page .pro_page_fl:hover b{
	color:#FFF;
}
.prodetail-content-box .productBox{
	border-top:1px solid #ebebeb;
}
.prodetail-content-box .productBox h4.title01 {
	position: relative;
	display: block;
	width: 100%;
	font-weight: normal;
	padding:10px 0;
	margin-bottom:10px;
}

.prodetail-content-box .productBox h4.title01::before {
	content: "";
    position: absolute;
    top: 27px;
    left: 0;
    width: 22px;
    height: 4px;
    background: @Themebg;
}

.prodetail-content-box .productBox h4.title01 span {
	padding: 0 10px;
	color: #333;
	display: block;
	display: inline-block;
	font-size: 18px;
    margin-left: 25px;
}

/*-----------产品询价页---------------*/
.table-box {
	padding: 0px;
	margin-bottom: 10px;
}

.RightTitle {
	border-bottom-width: 2px;
	font-size: 20px;
	margin-bottom: 10px;
	border-bottom-style: solid;
	line-height: 45px;
	text-indent: 10px;
}

.table-box .title.p1 {
	border: none;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
}

.pro_page,
.pro_keyword {
	max-width: 1180px;
	margin: 0 auto;
	line-height: 40px;
}

.pro_keyword {
	padding-bottom: 20px;
}

/*-----------客户留言、留言反馈---------------*/

.message-box {
	padding: 0 10px 10px;
	background: #fff;
	margin-bottom: 10px;
}

.message-list {
	padding: 0;
	margin-top: 10px;
}

.message-list dl {
	overflow: hidden;
	border: 1px solid #ddd;
	margin-top: 15px;
}

.message-list dl dt {
	font-family: "宋体";
	font-size: 15px;
	line-height: 30px;
	overflow: hidden;
	margin-bottom: 10px;
	height: 30px;
	padding: 0 5px;
}

.message-list dl dt b {
	font-weight: normal;
	color: #fff;
}

.message-list dl dt span {
	float: right;
	font-size: 12px;
	color: #fff;
	max-width: 150px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.message-list dl dd {
	margin: 0 12px;
}

.message-list dl dd p {
	font-size: 13px;
	color: #fff;
	padding-bottom: 10px;
}

.message-list dl dd p i {
	float: left;
	color: #fff;
	padding-right: 18px;
	font-size: 18px
}

blockquote {
	border-left: 5px solid #fff;
	margin: 0 0 20px;
	padding: 0;
}

blockquote small:before {
	content: "";
}

.feedbackbox .Themebg.btn-success,
.feedbackbox .btn-warning.btn-can {
	width: 70px;
	padding: 0 25px !important;
	border: none;
	border-radius: 0;
	line-height: 40px;
	height: 40px !important;
	margin: 10px 25px 55px 0;
}

/*-----------公司介绍---------------*/

.company-box {
	padding: 5px 0 50px;
}

.company-box p {
	line-height: 2.1em;
}

.Company_imgbox {
	float: left;
	width: 50%;
	margin: 0 20px 0 0;
}

.Company_imgbox img {
	width: 100%;
}

.company-box .about-name {
	font-size: 20px;
	text-align: center;
	margin: 25px 0;
	color: #333;
}

.Company_item {
	width: 100%;
}

/*---友情链接----*/
.friendBox {
	margin: 15px auto 0;
	max-width: 1030px;
}

.friendLink .link-box {
	height: auto;
	background-color: #fff;
	padding: 5px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.friendLink .link-box h4 {
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	display: inline-block;
}

.friendLink .link-box ul {
	overflow: hidden;
	display: inline;
	color: #fff;
	line-height: 30px;
}

.friendLink .link-box ul li {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	font-style: normal;
	padding: 0 3px;
}

.friendLink .link-box ul li:first-child:after {
	display: none;
}

.friendLink .link-box ul li:after {
	content: '|';
	position: absolute;
	left: -10px;
	top: 0;
}

.friendLink .link-box ul a {
	word-break: break-all;
	word-wrap: break-word;
	font-style: normal;
	color: #fff;
}

.friendLink .link-box ul a:hover {
	color: #ddd;
}


/*-----------网站地图---------------*/
.map-box {
	padding: 0;
	margin-bottom: 10px;
}

.map dl {
	border-bottom: 1px dashed rgba(255, 255, 255, .1);
	padding: 12px;
	font-size: 13px;
	margin: 0px;
}

.map dl:last-child {
	border-bottom: none;
}

.map dl dt {
	float: left;
	color: #fff;
}

.map dl dd {
	display: inline;
	margin: 0px;
}

.map dl dd a {
	margin: 0 10px 10px;
	float: left;
	color: #fff
}

.map dl dd a:hover {
	color: #1e82c5
}

.map dl dd p {
	overflow: hidden;
}

.map-box1 {
	margin: 15px 0;
	min-height: 300px;
}

/*----新闻资讯----*/
.BgP10 {
	padding: 10px 0px;
}

.tab-box {
	overflow: hidden;
	padding-top: 5px;
	padding: 10px;
}

.tab-box a {
	margin-right: 10px;
	padding: 5px 15px;
	display: inline-block;
	color: #fff;
	margin-bottom: 10px;
	background-color: #ccc;
}

.tab-box a.Themebg:hover {
	color: #fff;
}

.tab-box a:hover,
.tab-box a.Themebg {
	color: #fff;
}

.nlist-box {
	padding: 0px;
}

.nlist-box li {
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	color: #333;
	border-bottom: 1px solid #CCC;
	position: relative;
}

.nlist-box li:before {
	content: "●  ";
	left: 0px;
}

.nlist-box li a {
	color: #333;
	padding-left: 15px;
	float: left;
	width: 70%;
}

.nlist-box li span {
	color: #fff;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
}

.nlist-box2 li {
	margin-bottom: 10px;
	border: 1px solid #e1e1e1;
	padding: 10px;
	height: auto;
	overflow: hidden;
}

.nlist-box2 li .news_img {
	width: 30%;
	float: left;
}

.nlist-box2 li img {
	width: 100%;
}

.nlist-box2 li .news_det {
	width: 68%;
	float: right;
}

.nlist-box2 li p {
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	color: #333;
	padding: 0px;
}

.nlist-box2 li .time {
	color: #666;
	display: block;
	padding: 0px;
	color: #fff;
	height: 25px;
	line-height: 25px;
	width: 85px;
	text-align: center;
}

.nlist-box2 li .det_box {
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	color: #333;
	margin-top: 10px;
}

.body-right .page {
	clear: both;
	margin: 0px auto !important;
}

.p_artlelist h3 span {
	color: #333 !important;
	padding: 0px 10px;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
}

.p_artlelist h3 {
	height: 42px;
	line-height: 42px;
	padding: 0px;
	margin-bottom: 10px;
}

.p_artlelist h3 a {
	color: #fff;
	padding: 0px 20px;
}

.p_artlelist h3 a.Themetxthover {
	color: #333 !important;
}

.btn-warning.btn-can {
	margin-left: 0px !important;
	margin-top: 0px;
	margin-right: 0px !important;
	padding: 0px 5px !important;
	height: 32px !important;
	margin-bottom: 5px;
	line-height: 32px;
}

.Themebg.btn-success {
	margin-bottom: 10px;
	padding: 0px 5px !important;
	margin-right: 5px;
	height: 32px !important;
}

#pp {
	height: 31px;
}

/* 新加  */
.itemcontact {
	padding: 0 0 50px 0;
}

.itemcontact .itemcontactlist ul {
	overflow: hidden;
}

.itemcontact .itemcontactlist ul li {
	width: 100%;
	overflow: hidden;
	margin-bottom: 40px;
}

.itemcontact .contact_i {
	float: left;
	width: 100px;
	height: 100px;
	line-height: 100px;
	border: solid 1px #e5e5e5;
	text-align: center
}

.itemcontact .contact_i:hover {
	box-shadow: 1px 1px 7px 0px rgba(90, 90, 90, 0.2);
}

.itemcontact .contact_i i:before {
	font-size: 45px;
	color: #dbdbdb;
}

.itemcontact .contact_i:hover i:before {
	color: @Themebg;
}

.itemcontact .contact_i .iconyouxiang:before {
	font-size: 35px;
	color: #dbdbdb;
}

.itemcontact .contactcon {
	width: 100%;
}

.itemcontact .contact_item {
	float: right;
	width: calc(100% - 120px);
	font-size: 16px;
	padding-top: 10px;
	line-height: 30px
}

.itemcontact .contact_item b {
	display: block;
	font-weight: normal;
	padding-bottom: 5px;
	font-size: 18px;
	color: @Themebg;
}

.itemcontact .contact_item p,
.itemcontact .contact_item p a {
	font-size: 14px;
	color: #666;
}

.contactbox .lbs-box {
	display: none;
}

.contactbox .map-box1 {
	min-height: 600px;
	width: 38%;
	float: left;
	margin: 0 0 75px;
}

.contactbox .contactbg .content-box {
	float: right;
	width: 56%;
}

.contactbox .contactbg {
	max-width: 1180px;
	margin: 0 auto;
}

.contactbox .breadCrumbbox {
	margin-bottom: 20px;
}

.itemcontactmore {
	background-color: rgba(255, 255, 255, .3);
	padding: 20px;
}

.itemcontactmore ul {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.itemcontactmore ul li {
	margin:0 15px;
	padding: 10px 0;
}



.message-list dl .Themebg {
	background-color: #444 !important;
}

.message-list dl {
	border: 1px solid #444 !important
}

.pagination>li>a,
.pagination>li>span {
	background-color: #fff;
	border: 1px solid #d2d2d2;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
	background-color: @Themebg ;
	border-color: @Themebg;
}

.feedbackbox th span {
	color: @Themebg  !important;
}

/* 产品分类 */
.ClassLeftBox .product-class {
	padding: 0;
}

.ClassLeftBox .product-class {
	border: none;
}

.body-left.ClassLeftBox .product-class li {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.ClassLeftBox .product-class li a {
	color: #999;
	font-size: 16px;
	padding: 0;
}

#ProClassLeft li.ac .Classtriangle:after,
#md_detailProductClass li.ac .Classtriangle:after {
	content: '\e711';
	color: @Themebg;
	position: absolute;
	right: 20px;
	top: 0px;
	margin-left: 5px;
	width: 0;
	height: 0;
	border: none;
	font-family: "iconfont" !important;
	font-size: 12px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* -webkit-transition: all .5s linear 0s; */
	-moz-transition: all .5s linear 0s;
	-ms-transition: all .5s linear 0s;
	-o-transition: all .5s linear 0s;
	transition: all .5s linear 0s;
}

#ProClassLeft li.ac .Classtriangle.acc:after {
	content: '\e643';
}

#ProClassLeft li.ac .Classtriangle.acc:after,
#md_detailProductClass li.ac .Classtriangle.acc:after {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);

}

.select-container {
	width: 16px;
	height: 16px;
	display: inline-block;
	border: 1px solid #e5e5e5;
	position: relative;
	top: 3px;
	border-radius: 2px;
	margin-right: 10px;
}

.textfor .select-container::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 3px;
	width: 10px;
	height: 5px;
	border: 3px solid @Themebg;
	border-radius: 1px;
	border-top: none;
	border-right: none;
	background: transparent;
	transform: rotate(-45deg);
}
}

#ProClassLeft li .second span:nth-child(2) {
	width: 72%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	line-height: 30px;
	height: 30px;
}

#ProClassLeft li .classBox,
#md_detailProductClass li .classBox {
	margin: 5px 0;
}

#ProClassLeft li .classBox.ac {
	margin: 20px 0;
}

#ProClassLeft li.ac .Themebg {
	color: #999 !important;
	background-color: #fff !important;
}

/* 图库 */
.photo.row {
	padding-top: 0;
}

.photo.row .thumbnail {
	padding: 0;
	border: none;
	border-radius: 0;
}

.photo.row .col-md-3:hover p {
	color: @Themebg;
}

.photo.row .col-md-3:hover img {
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
}

.photo.row .col-md-3 {
	width: 22.75%;
	margin-left: 3%;
}

.albumindex .body-right {
	width: 100%;
}

/* 招聘 */
.recruitn_box .page {
	margin-top: 0;
}

.recruitn_title {
	padding: 0px 30px;
	height: 50px;
	line-height: 50px;
}

.recruitn_title ul li {
	float: left;
	width: 15%;
	line-height: 50px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.recruitn_title ul li:nth-child(1),
.recruitn_title ul li:nth-child(3) {
	width: 30%
}

.recruitn_title ul li:nth-child(5) {
	width: 10%;
	text-align: right;
}

.recruitn_title ul li i:before {
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: all .5s linear 0s;
	-moz-transition: all .5s linear 0s;
	-ms-transition: all .5s linear 0s;
	-o-transition: all .5s linear 0s;
	transition: all .5s linear 0s;
}

.detailBox a {
	display: block;
	width: 80px;
	text-align: center;
	background-color: @Themebg;
	line-height: 30px;
	border-radius: 5px;
	margin-top: 10px;
}

.detailBox a:hover {
	color: #fff !important;
}

.Employment .mt10 li {
	color: #333 !important;
}

#zpopen,
.list_dt:hover {
	cursor: pointer;
	background-color: @Themebg;
}

#zpopen ul li i:before {
	display: inline-block;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.recruitn_title {
	margin-bottom: 10px;
}

.list_dd {
	overflow: hidden;
	background-color: #f5f5f5;
	margin-bottom: 30px;
}

.list_dd:hover {
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
}

.list_dd .item_img {
	float: left;
	max-width: 30%;
}

.list_dd .item_img img {
	width: 95%;
}

.list_dd .item_con {
	float: left;
	max-width: 69%;
	padding: 10px 0 20px 20px;
}

.list_dd .item_con ul li {
	line-height: 25px;
}

.list_dd .item_con ul li:first-child {
	line-height: 35px;
	color: @Themebg;
}

#zpopen {
	margin-bottom: 0;
}

.rcon100 {
	max-width: 100% !important;
}

/* 新闻 */
.rentitle {}

/* .rentitle:before{ content: ""; position: absolute; left: 10px; top: 50%; margin-top: -12px; display: block; width: 4px;height: 24px; background-color: @Themebg;}  */
.rentitle h4 {
	display: block;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.narticle-left {
	width: 100%;
	margin-bottom: 40px;
}

.narticlenav ul {

	display: flex;
	flex-wrap: wrap;

}

.narticlenav ul li {
	text-align: center;
	box-sizing: border-box;

	position: relative;
}

.narticlenav ul li a {
	color: #323232;
	display: block;
	padding: 0 20px;
	line-height: 30px;
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.narticlenav ul li .classBox {
	position: absolute;
	z-index: 99;
	top: 30px;
	left: 0;
	right: 0;
	background-color: #fff;
	box-shadow: 0 0 10px rgb(177, 177, 177);
	display: none;
}

.narticlenav ul li .classBox a {
	border-bottom: 1px solid #eee;
	padding: 6px 6px;
	display: block;
	text-align: left;

}

.narticlenav ul li .classBox a:hover {
	background-color: #FFF !important;
	color: @Themebg  !important;
	padding-left: 15px;
}

.narticlenav ul li:hover .classBox {
	display: block;
}

.narticlenav ul li a:hover {
	color: #fff;
	position: relative;
	background-color: @Themebg;
}
.productNav{
	margin-top:15px;
}
.productNav ul li a {
	margin: 0 10px;
}

.narticle-llist {
	margin-top: 30px;
}

.narticle-llist ul li {
	background-color: #444;
	margin-top: 20px;
	padding: 10px;
	overflow: hidden;
}

.narticle-llist .item-img {
	float: left;
	max-width: 35%;
}

.narticle-llist .item-img img {
	width: 90%;
}

.narticle-llist .item-con {
	float: left;
	max-width: 64%
}

.narticle-llist .item-con h3 {
	font-size: 16px;
	word-break: break-all;
	line-height: 20px;
	overflow: hidden;
	height: 40px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.narticle-llist .item-con p {
	margin-top: 10px;
	color: #999;
	font-size: 16px
}

.narticle-llist ul li:hover h3 {
	color: @Themebg;
}

.TopologyLeft .article_detail-box .body-right {
	width: 100%;
}

/* .newlist{}
.newlist ul li{ overflow: hidden; padding: 30px 0;
	background: url(//mz-style.258fuwu.com/Public/Images/Theme261/line3.jpg) repeat-x right bottom;}
.newlist ul li:nth-child(1){padding:0 0 30px 0 ;}
.newlist ul li .news_img{ float: left;  max-width: 35%;}
.newlist ul li .news_img img{ width: 90%;}
.newlist ul li .news_det{ float: left; max-width: 64%; color: #999;}
.newlist ul li b{ font-weight: normal;}
.newlist ul li h3{ margin: 20px 0; position: relative; display: block; color: #fff; font-size: 18px;line-height: 25px;overflow: hidden; max-height: 50px;  text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newlist ul li span{ display: block; width: 30px;height: 1px;	background-color: #999;}
.newlist ul li p{ margin-top: 20px; color: #999; line-height: 20px;overflow: hidden; max-height: 40px;  text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newlist ul li .rcon100 p{max-height: 60px; -webkit-line-clamp: 3;}
.newlist ul li:hover h3{ color: @Themebg;} */
.newlist {
	position: relative;

	margin-bottom: 10px;
}
.newsTabPanel{
	padding:100px 0 40px;
	background: url(../../Images/Theme271/travel.png) no-repeat center top;
}
.newlist .newsBox {
	padding: 0 5% 0 5%;
	position: relative;
	overflow: hidden;

}
.newlist .newsBox .newsTab{

	display: flex;
	flex-flow: row wrap;
}
.newsTabPanel::before {
	content: "";
	background: #fff;
	box-shadow: 0 5px 10px #ccc;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 95%;
}

.newlist .newsBox .newsItem {
	display: block;
	margin: 0 1.6%;
	margin-bottom:25px;
	width: 30%;
	padding-bottom:15px;
}

.newlist .newsBox .newsItem .imgBox {
	position: relative;
	width: 100%;
}

.newlist .newsBox .newsItem .imgBox img {
	display: block;
	width: 100%;
	/* height: 360px; */
}

.newlist .newsBox .newsItem .imgBox .date {
	position: absolute;
	left: 50%;
	bottom: -32px;
	width: 64px;
	height: 64px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 50%;
	transform: translateX(-50%);
}

.newlist .newsBox .newsItem .imgBox .date div {
	line-height: 24px;
}

.newlist .newsBox .newsItem .imgBox .date div:first-child {
	margin-top: 8px;
}

.newlist .newsBox .newsItem .title {
	padding: 10px 20px;
	margin: 10px 0 10px;
	text-align: left;

	display: flex;
	justify-content: space-between;
	align-items: center;

	position: relative;
	border-bottom: 2px solid @Themebg;

}

.newlist .newsBox .newsItem .title h3 {
	font: bold 18px/22px "微软雅黑";
	color: #333;
	display: block;
	width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.newlist .newsBox .newsItem .title .tm {
	color: #999;
	font-weight: normal;
	font-size: 12px;
	display: block;
	width: 120px;
	text-align: right;
}

.newlist .newsBox .newsItem .content {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	padding: 0 20px;
	font: 14px/20px "微软雅黑";
	color: #c1c1c1;
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	text-align: justify;
}

.newlist .newsBox .newsItem:hover {
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
}

.newlist .newsBox .newsItem:hover .title {
	color: @Themebg;
}

.hotList {
	margin: 50px 0 50px;
	border-top:1px solid #eee;
	padding:20px 0;

}
.hotList .newsBox{
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
}
.newlist .textBox {
	width: 100%;

	margin-bottom: 50px;
}

.newlist .textBox .title {
	position: relative;
	font-size: 18px;
	color: #333;
}

.newlist .textBox .title::before {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	width: 20px;
	height: 4px;
	background:@Themebg;
}

.newlist .textBox .title span {
	position: relative;
    z-index: 10;
    padding: 0 10px;
    margin-left: 25px;
}

.newlist .textBox .eng {
	margin-top: 5px;
	font-size: 14px;
	color: #aaa;
}
.hotList .newsBox{
	padding: 0;
}
.hotList .newsBox .newsItem{

}

.hotList .textBox{
	margin-bottom:20px;
}
.articledetailbox .narticle-llist {
	margin-top: 0;
}

.articledetailbox .body-right {
	width: 100%;
}

body .news-nr-box p,
.artshowcon {
	color: #aaa;
}

.news-nr-box h1 {
	font-size: 22px;
	font-family: Airal;
	text-align: center;
	line-height: 25px;
	margin: 0px;
}

.news-nr-box .news1-tiem {
	text-align: center;
	font-size:0;
	color: #aaa;
	padding: 20px 0 20px 0;
	margin-bottom: 10px;

}
.news-nr-box{
	padding:30px 0;
}
.news-nr-box .news1-tiem span {
	display: inline-block;
	padding: 10px 30px;
	background-color:#f2f2f3;
	font-size: 14px;
}

.news-nr-box .news1-tiem span i {
	margin-right: 5px;
}
.news-nr-box .news1-tiem span i,.news-nr-box .news1-tiem span i::before{
	font-size:18px !important;
}
.news-nr-box .news1-tiem span a {
	color: #aaa;
}

.news-nr-box .news1-tiem .iconrili:before {
	font-size: 16px;
}

.news-nr-box .news1-tiem .iconlianjie:before {
	font-size: 20px;
}

.news-nr-box .news1-tiem .iconyuedu:before {
	font-size: 20px;
}

.artshow_keyword {
	margin-top: 25px;
}

.artshow_keyword a {
	display: inline-block;
	background-color: #999;
	line-height: 36px;
	margin: 0 10px 10px 0;
	padding: 0px 12px;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;
}

.npager {
	margin: 30px 0;
}

.npager ul li {
	float: left;
	width: 50%;
	background-color: #999;
	height: 40px;
	line-height: 40px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.npager ul li:hover {
	background-color: @Themebg;
}

.npager ul li span {
	padding-left: 10px;
}

.npager ul li:hover a {
	color: #fff;
}

.article_content-box .body-right {
	float: none;
	width: 100%;
}

/* 底部菜单 */
.footerpc {
	background: #333;
}

.infooternav .frcon p a {
	color: #aaa !important;
}

/* 产品列表 */
.productTab {
	display: flex;
	flex-flow: row wrap;
}

.prolist .proItem {
	display: block;
	width: 31%;
    margin: 0 1%;
	margin-bottom: 20px;
	position: relative;
}

.prolist .proItem .mask-txt {
	position: absolute;
	top: 2rem;
	right: 2rem;
	left: 2rem;
	bottom: 2rem;
	background: rgba(225, 225, 225, 0.8);
	display: none;
	border: 2px solid @Themebg;
	padding: 5%;
}

.prolist .proItem .mask-txt h3 {
	display: block;
	font-size: 2rem;
	color: #333;
	text-align: center;
	padding: 1.5rem 4rem;
	border-bottom: 1px solid #a9a9a7;
	margin-bottom: 1.8rem;
}

.prolist .proItem .mask-txt .txt {
	color: #666;
	font-size: 1.4rem;
	line-height: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	height: 80px;
	margin-bottom: 15px;
}

.prolist .proItem:hover .mask-txt {
	display: block;
}

.prolist .proItem .imgBox {}

.prolist .proItem .imgBox img {
	display: block;
	width: 100%;
	height: auto;
}

.prolist .proItem .imgBox img:hover {
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
}

.prolist .proItem .infoBox {
	float: right;
	width: 63%;
	padding: 20px 0;
}

.prolist .proItem .infoBox .title {
	font: 400 16px/16px "微软雅黑";
	color: #666;
}

.prolist .proItem .infoBox .content {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: 18px 0;
	font: 12px/24px "微软雅黑";
	color: #999;
}

.prolist .proItem .infoBox .tag {
	margin-bottom: 25px;
	font: 12px/12px "微软雅黑";
	color: #999;
}

.prolist .proItem .infoBox .price {
	float: left;
	margin-right: 30px;
	font: 16px/27px "微软雅黑";
	color: #666;
}

.prolist .proItem .infoBox .more {
	float: left;
	position: relative;
	display: block;
	width: 27px;
	height: 27px;
	background: @Themebg;
	border-radius: 50%;
}

.prolist .proItem .infoBox .more::before,
.prolist .proItem .infoBox .more::after {
	position: absolute;
	top: 9px;
	left: 10px;
	content: '';
	display: block;
	width: 11px;
	height: 2px;
	border-radius: 1px;
	background: #fff;
	transform: rotate(45deg);
}

.prolist .proItem .infoBox .more::after {
	top: 16px;
	transform: rotate(-45deg);
}

/*团队列表*/
.groupList {
	padding: 10px;
	overflow: hidden;
}

.groupList li {
	float: left;
	width: 33.33%;
	padding: 10px;
	box-sizing: border-box;
}

.groupList li img {
	width: 100%;
}

.groupList li .imgBox:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

.groupList li h3 {
	height: 30px;
	margin-top: 10px;
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #333;
	font-size: 16px;
}

.groupList li p {
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #aaa;
	font-size: 14px;
}

#ProClassLeft .textfor span {
	background: none !important;
	color: @Themebg  !important;
}

.ClassLeftBox .product-class li a:hover span {
	color: @Themebg  !important;
}

#ProClassLeft .ac .ac {}

.ClassLeftBox .product-class .ac .ac a {
	width: 100%;
	margin: 0 auto;
}

.prox-llist .rentitle h4 {
	text-align: left;
	color: #333;
}

.prox-llist ul li {
	margin-top: 10px;
	overflow: hidden;
}

.prox-llist .item-img {
	width: 100%;
}

.prox-llist .item-img img {
	width: 100%;
}

.prox-llist .item-con {
	position: relative;
}

.prox-llist .item-con h3 {
	font-weight: bold;
	margin-top: 20px;
	color: #666;
	font-size: 14px;
	word-break: break-all;
	line-height: 20px;
	overflow: hidden;
	height: 40px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	background: none;
	text-align: left;
}

.prox-llist .item-con p {
	margin: 10px 0 30px;
	color: #999;
	font-size: 14px;
}

.prox-llist ul li:hover h3 {
	color: @Themebg;
}

.prox-llist ul li:hover .item-img {
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
}

.proshowtitle {
	margin: 30px 0;
	padding-bottom: 30px;
	background: url(//mz-style.258fuwu.com/Public/Images/Theme261/line3.jpg) repeat-x right bottom;
}

.proshowtitle h1 {
	font-size: 24px;
	color: #fff;
	margin: 30px 0;
}

.proshowtitle p {
	font-size: 14px;
	color: #aaa;
}

.prox-llist .item-con .more {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	background: @Themebg;
}

.prox-llist .item-con .more::before,
.prox-llist .item-con .more::after {
	position: absolute;
	top: 9px;
	left: 10px;
	content: '';
	display: block;
	width: 11px;
	height: 2px;
	border-radius: 1px;
	background: #fff;
	transform: rotate(45deg);
}

.prox-llist .item-con .more::after {
	top: 16px;
	transform: rotate(-45deg);
}

.ProductimgBox .thumbnail {
	padding: 0;
	border: 1px solid @Themebg;
	height: 500px;
}

.ProductimgBox .thumbnail img {
	height: 100%;
	display: block;
}

body .product-detail .ProductimgSmall {
	background: none;
	padding: 0;
	border: none;
}

.product-detail h1,
.product-detail .Themefont {
	font-size: 18px;
	line-height: 25px;
	padding: 4px 0 5px 0;
	font-family: "微软雅黑";
	margin: 0;
}

.product-detail h1 {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

body .product-detail .ProductimgSmall:after,
body .product-detail .ProductimgSmall:before {
	width: 0;
}

.product-detail .col-md-7 h1 {
	padding-left: 0;
}

/* body .product-detail .ProductimgSmall li{ border: 1px solid red;} */
body .product-detail .ProductimgSmall li.active,
body .product-detail .ProductimgSmall li:hover {
	border: 2px solid @Themebg;
}

body .proshowimg {
	overflow: hidden;
}

body .proshowimg .ProductimgBox {
	width: 73%;
	float: left;
	position: relative;
}

body .proshowimg .ProductimgSmall {
	float: right;
	width: 23%;
}

body .proshowimg .ProductimgSmall ul {
	width: 100% !important;
}

body .proshowimg .ProductimgSmall li {
	float: none;
	width: 100%;
	margin-right: 0;
}



.index_zhuanjia {
	width: 40%;
	overflow: hidden;
	float: left;
}

.index_zhuanjia_pic {
	height: 300px;
	overflow: hidden;
}

/* .index_zhuanjia_pic ul{position:absolute; left:0;} */
.index_zhuanjia_pic li {
	overflow: hidden;
	position: relative;
	float: left;
}

.prodetail-left-box {
	float: right;
	width: 50%;
}


.index_zhuanjia_left_inc {
	width: 32px;
	height: 41px;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -20px;
	cursor: pointer;
	background: url(//mz-style.258fuwu.com/Public/Images/Theme261/float_left_inc.png) left top no-repeat;
	z-index: 9
}

.index_zhuanjia_right_inc {
	width: 32px;
	height: 41px;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -20px;
	cursor: pointer;
	background: url(//mz-style.258fuwu.com/Public/Images/Theme261/float_right_inc.png) left top no-repeat;
	z-index: 9
}

.index_zhuanjia_list {
	width: 23%;
	overflow: hidden;
}

.index_zhuanjia_lists {
	height: 300px;
	overflow: hidden;
	position: relative;
}

.index_zhuanjia_lists ul {
	position: absolute;
	overflow: hidden;
}

.index_zhuanjia_lists ul li {
	height: 129px;
	overflow: hidden;
	border: 2px #444 solid;
	margin-bottom: 9px;
	position: relative;
}

.index_zhuanjia_lists ul li:hover {
	border: 2px @Themebg solid;
}

.index_zhuanjia_lists ul li.on {
	border: 2px @Themebg solid;
}

.index_zhuanjia_lists ul li img {
	width: 100%;
}

/* banner */



.renbanner {
	text-align: center;
	position: relative;
}

.renbanner .item-img {
	opacity: 1;
}

.renbanner .item-img img {
	width: 100%;
	max-height: 350px;
}

.renbanner .item-con {
	width: 100%;
	position: absolute;
	text-align: center;
	top: 50%;
	left: 35%;
	-webkit-transform: translateX(-50%) translateY(-60%);
	-moz-transform: translateX(-50%) translateY(-60%);
	-ms-transform: translateX(-50%) translateY(-60%);
	transform: translateX(-50%) translateY(-60%);
}

.renbanner .item-con p {
	font-size: 60px;
	color: rgba(255, 255, 255, 0.2)
}

.renbanner .item-con h3 {
	font-size: 24px;
	color: #fff;
	position: relative;
	top: -20px;
}


.rencontact {
	position: relative;
}

.rencontact .inmap {}

.rencontact .inmap img {
	width: 100%
}

.rencontact .rencon {
	position: absolute;
	width: 100%;
	top: 50px;
}

.rencontact .incontact {
	max-width: 1200px;
	margin: 0 auto;
	;
}

.rencontact .incontact .incontact_box {
	padding: 30px;
	background-color: rgba(0, 0, 0, .5);
	width: 500px;
}

.rencontact .incontact h3 {
	font-size: 18px
}

.rencontact .itemlist {
	margin: 30px 0
}

.rencontact .itemlist ul li {
	padding: 5px 0
}

.rencontact .feedbackc {
	line-height: 36px;
	padding: 8px 15px;
	border-radius: 5px;
	background-color: @Themebg;
}

.rencontact .feedbackc:hover {
	color: #fff
}

.rencontact .lbs-box {
	display: none;
}

.rencontact .map-box1 {
	min-height: 394px;
	opacity: .4;
}

.companyData-item {
	width: 100%;
	margin: 0 auto;
	background-color: @ThemeFbg;
}

.companyData-item ul {
	overflow: hidden;
	padding: 30px 0;
}

.companyData-item ul li {
	float: left;
	width: 25%;
	background: url(//mz-style.258fuwu.com/Public/Images/Theme261/line4.jpg) repeat-y right top;
}

.companyData-item ul li:nth-child(4) {
	background: none;
}

.companyData-item .font-con {
	width: 60%;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}

.companyData-item .font-con b {
	position: relative;
	font-size: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: @Themebg;
}

.companyData-item .font-con b:before {
	content: "";
	width: 30px;
	height: 4px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	bottom: -18px;
}

.companyData-item .font-con p {
	font-size: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 25px;
	color: #ededed;
}

.price_num {
	font-size: 20px;
	color: @Themebg;
}

table .is-standard {
	cursor: pointer;
	border: 1px solid #eee;
	background: #f5f7fa;
	padding: 5px 10px;
	display: inline-block;
	margin: 0 5px 5px 0;
}

table .check-standard,
table .checked-standard {
	border: 1px solid @Themebg;
}

.product-count .input-group-addon {
	background: #fff;
	border: 1px solid #dcdcdc;
	color: #666;
}

.product-count .form-control {
	background: #fff;
	color: #@Themebg;
	border: 1px solid #dcdcdc;
}

.contactfoot .rencontact {
	display: none;
}

.Employment .RequirementBox {
	background: rgba(0, 0, 0, .2);
	border: 1px solid rgba(255, 255, 255, 0.2);
	margin: 10px 0;
}

.Employment .RequirementBox li {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.photo.row p {
	color: #333;
	margin-bottom: 35px;
	text-align: left;
	font-weight: bold;
}

.table-02 th {
	text-align: right;
	/* width: 60px; */
}

/* 小屏幕 一*/
.npager ul li a {
	display: block;
	width: 90%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.Employment li,
.Employment .detailBox {
	padding: 5px 0;
}

#mbImage {
	padding: 0 !important;
}

#mbCenter,
#mbBottom {
	background: none !important;
}

#mbNumber {
	color: #fff !important;
}


.photo.row .layout_default p {
	margin-bottom: 35px;
}

@media screen and (min-width:870px) {
	.TopologyLeft .body-left {
		width: 20%
	}

	/* .TopologyLeft .body-right{width: 65%;} */
	/* .photo.row .layout_default p{ margin-bottom: 10px;} */

	/* .photo.row .col-md-3{width: 31.3%;margin-left: 2%;}
.photo.row .col-md-3:nth-child(4n+1){margin-left: 2%;} */
}

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

	.breadCrumbbox,
	.narticle-left {
		display: none;
	}

	.index_zhuanjia_pic {
		float: none;
		width: 100%;
	}

	.index_zhuanjia_list {
		display: none;
	}

	.renbanner .item-con h3 {
		font-size: 18px;
	}

	.renbanner .item-con p {
		font-size: 30px;
	}

	.TopologyLeft .bannerBox {
		margin-bottom: 10px;
	}

	/* 导航 */

}


@media screen and (max-width:768px) {
	.proshowtitle h1 {
		font-size: 20px;
	}
	.ProductimgBox .thumbnail{
		height:auto;
	}
	.newlist ul li h3 {
		font-size: 14px;
	}

	.newlist {
		margin-top: 10px;
	}

	.news1-title {
		margin-top: 10px;
	}

	.newlist ul li {
		padding: 15px 0;
	}

	.newlist ul li .news_img {
		max-width: 45%;
	}

	.newlist ul li .news_det {
		max-width: 53%;
		color: #999;
	}

	.newlist ul li h3 {
		margin: 10px 0;
	}

	.newlist ul li p {
		margin-top: 10px;
	}

	.Company_imgbox {
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
	}

	.Employment li,
	.Employment .detailBox {
		padding: 5px 0;
	}

	.DoesNot {
		margin: 20px 0;
	}

	.groupList li {
		width: 50%;
	}

	.rencontact .incontact {
		max-width: 90%;
		margin: 0 auto;
		;
	}

	.rencontact .incontact .incontact_box {
		width: auto;
	}

	.recruitn_title {
		padding: 0px 10px;
		height: 30px;
		line-height: 30px;
	}

	.recruitn_title ul li {
		line-height: 30px;
	}

	.recruitn_title ul li:nth-child(1) {
		width: 90%;
	}

	.recruitn_title ul li:nth-child(2),
	.recruitn_title ul li:nth-child(3),
	.recruitn_title ul li:nth-child(4) {
		display: none;
	}

	.recruitn_title ul li:nth-child(5) {
		width: 10%;
		text-align: right;
	}

	.list_dd {
		padding: 10px;
	}

	.list_dd .item_img {
		float: none;
		max-width: 100%;
	}

	.list_dd .item_img img {
		width: 100%;
	}

	.list_dd .item_con {
		float: none;
		max-width: 100%
	}

	.news-nr-box .news1-tiem span {
		padding: 4px 10px;
		display: block;
		font-size:12px;
	}

	.npager ul li {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}



	.companyData-item {
		width: 90%;
	}

	.companyData-item .font-con {
		padding: 0;
	}

	.companyData-item .font-con b {
		font-size: 20px;
	}

	.companyData-item .font-con p {
		font-size: 14px;
	}

	.companyData-item ul {
		padding: 10px 0;
	}

	.companyData-item ul li {
		width: 50%;
		margin: 10px 0;
	}

	.companyData-item ul li:nth-child(2) {
		background: none;
	}

	.companyData-item .font-con b:before {
		height: 2px;
	}

}

@media screen and (max-width: 320px) {
	.renbanner .item-con h3 {
		font-size: 16px;
	}

	.renbanner .item-con p {
		font-size: 20px;
	}

	.news-nr-box .news1-tiem span {
		padding: 0px 10px;
		display: block;
	}

}

/* 新加 end  */

/* 小屏幕 一*/
@media screen and (max-width:1180px) {
	.footerBox {
		margin: 0px 15px !important;
	}

}

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

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

/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/
@media screen and (max-width: 600px) {
	.product-details .col-md-5 {
		padding: 0;
	}

	/*产品列表*/
	.classifi {
		padding: 5px 0;
	}

	.row .pro-list li.col-md-4,
	.productBox .product-box li.col-md-4 {
		width: 49%;
		margin-left: 0;
		margin: 10px 0 \9;
	}

	.row .pro-list li.col-md-4:nth-child(2n),
	.productBox .product-box li.col-md-4:nth-child(2n) {
		margin-left: 2%;
	}

	.productBox {
		margin: 10px auto 0;
	}

	.body-right .productBox {
		margin: 10px auto 0;
		padding: 0;
	}

	.nlist-box2 li .det_box {
		line-height: 22px;
		height: 66px;
		margin-top: 5px
	}
}

/* 横向放置的手机和竖向放置的平板之间的分辨率 四*/
@media screen and (max-width: 480px) {
	.pro-list .thumbnail .more {
		margin: 10px auto;
		float: none;
		width: 120px;
	}

	.pro-list .thumbnail .col-md-4,
	.pro-list .thumbnail .col-md-9 {
		width: 100%;
		padding: 0;
	}

	.pro-list .thumbnail h3 {
		text-align: center;
		margin-top: 10px;
	}

	a.a-btn+a {
		margin-bottom: 8px;
	}

	.nlist-box li span {
		display: none;
	}

	.RightTitle2 .lineBox {
		height: 2px;
	}

	.RightTitle2 .TxtBox {
		border-width: 1px;
	}

	.productBox .product-box li {
		width: 48%;
		margin-left: 2%;
	}

	.productBox .product-box li:nth-child(2n+1) {
		margin-left: 0px;
	}

	.nlist-box2 li .det_box {
		height: 44px;
	}

	.Themebg.btn-success,
	.btn-warning.btn-can {
		float: inherit;
		vertical-align: top;
		margin-right: -10px;
	}

	.Themebg.btn-success {
		margin-right: -10px;
	}

}

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

	.nlist-box2 li .news_det {
		width: 58%;
	}

	.nlist-box2 li .news_img {
		width: 40%;
	}
}

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

	.page .pagination {
		padding-left: 0px;
	}
}

/* 的手机的分辨率一*/
@media screen and (max-width: 320px) {

	/*产品列表*/
	.row .pro-list li.col-md-4 {
		width: 100%;
		margin-left: 0 !important;
		padding: 0;
	}

	.table-02.table-02-b th {
		width: 85px;
		line-height: 20px;
	}

	.table-02-b td {
		line-height: 20px;
	}

	.table-02 th {
		width: 80px;
	}

	.productBox .product-box li.col-md-4 {
		width: 100%;
		margin-left: 0 !important;
	}

	.nlist-box2 li .det_box {
		height: 22px;
	}
}





/* 新加 */

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

	.breadCrumbbox,
	.narticle-left {
		display: none;
	}

	.newlist .newsBox .newsItem {
		width:100%;
	}

}

@media screen and (max-width: 768px) {
	.product-detail .descBox{
		padding:15px !important;
	}
	.albumindex {
		padding-top: 0;
	}

	.itemcontact .itemcontactlist ul li {
		float: none;
		width: 100%;
		margin: 10px 0;
	}

	.itemcontact {
		padding: 0 0 30px 0;
	}

	.itemcontactmore ul li {
		float: none;
		width: 100%;
	}

	.contactbox .contactbg .content-box {
		width: 90%;
		margin: 0 auto;
		float: none;
	}

	.contactbox .map-box1 {
		min-height: 300px;
		width: 90%;
		margin: 0 auto 30px;
		float: none;
	}

	.prolist .proItem {
		width: 48%;
		float: left;
	}

	.prolist .proItem:nth-child(2n+1) {
		/* margin-right: 4%; */
	}

	.prolist .proItem .imgBox,
	.prolist .proItem .infoBox {
		float: none;
		width: 100%;
	}

	.prolist .proItem .infoBox .content,
	.prolist .proItem .infoBox .tag {
		display: none;
	}

	.prolist .proItem .infoBox .price {
		margin-top: 15px;
	}

	.prolist .proItem .infoBox .more {
		top: 15px;
		float: right;
	}

	.prolist .proItem .infoBox .title {
		line-height: 23px;
		height: 46px;
		white-space: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.newlist .newsBox .newsItem .imgBox img {
		height: 260px;
	}

	.newlist .textBox {
		margin-bottom: 30px;
	}
	.notice{
		margin-top:0 !important;
	}
}

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

	.newlist .newsBox .newsItem {
		width: 100%;
	}


	.body-right .newlist .newsBox .newsItem .content {
		padding: 0 15px;
	}

	.body-right .newlist .newsBox .newsItem .title {
		padding: 10px 15px;
		margin: 10px 0 10px;
	}

	.body-right .hotList {
		margin: 30px 0 20px;
	}

	.news-nr-box .news1-tiem {
		padding: 20px 0;
	}

	.prolist .proItem .infoBox {
		padding: 10px 0;
	}

	.product-detail,
	.pro_page,
	.pro_keyword,
	.body-right .productBox {
		padding: 0;

	}

	.product-detail .col-md-7 {
		padding-left: 0 !important;
	}

	.photo.row .col-md-3 {
		width: 46%;
		margin: 0 2%;
	}

	.photo.row .col-md-3:nth-child(2n+1),
	.photo.row .col-md-3:nth-child(4n+1) {
		margin-left: 2%;
	}
}
.TopologyLeft  .notice{ display: none;}
#ProductimgBox .swiper-slide{ max-height: 430px; overflow: hidden;}
#ProductimgBox .swiper-slide img{ width: 100%;}

/*---footer----*/
.footers { width:100%; background: #333;}
.footerBox{margin: 0 auto;max-width: 1180px;}
.footers .footers-box{padding:15px 0;background: url(/Public/Images/Theme261/line3.jpg) repeat-x top;}
.footers .footers-box a{margin-right:10px;color: #aaa !important; word-break: break-all; word-wrap:break-word; text-decoration: underline;}
.footers .footers-box p{ padding:0;font-size:12px; line-height:20px;} 

.infooternav{ overflow: hidden; color: #aaa; padding: 40px 0;}
.infooternav_left{ float: left; width: 30%; background: url(/Public/Images/Theme261/line2.jpg) repeat-y right top;}
.infooternav_con{float: left; width: 30%; background: url(/Public/Images/Theme261/line2.jpg) repeat-y right top;}
.infooternav_right{ float: left; width: 30%;}
.infooternav .frcon p{ color: #aaa; line-height: 24px; font-size: 12px;}
.infooternav .frer ul li{ display: inline-block; text-align: center; }
.infooternav .frer ul li:nth-child(1){ margin-right: 20px;}
.infooternav .frer ul li img{ width: 100px; padding: 5px; background-color:rgba(255, 255, 255, .1);}
.infooternav  p{color: #aaa;}
.infootercon{background: url(/Public/Images/Theme261/line3.jpg) repeat-x right top; padding: 20px 0; text-align:center;  color: #aaa;}
.infooternav .fpp20{ padding: 0 35px; height: 100% !important;}
.infooternav .frer img{ margin:20px 0 10px 0 ;}


.infooternav  h3{ display: block; padding-bottom: 20px;  position: relative;  font-size: 18px;}
.infooternav  h3:before{ content: '';width: 20px;	height: 2px;	background-color: #666; position: absolute; bottom: 0;}
.infooternav .fnavlist ul{ padding-top: 10px;}
.infooternav .fnavlist ul li{ line-height: 30px; font-size: 14px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.infooternav .fnavlist ul li a{ color: #aaa;}
.infootercon p{ color: #aaa; padding: 5px 0;}
.footerpc{ display: block;}
.footerm{ display: none;}
/*-----------</END>---------------*/

.footersInformation{ width: 100%; text-align: center;}
.tpl_footers .footers .footersInformation p{ text-align: center;color: #aaa;}
.footers .qr{display: none;}
@media screen and (max-width: 870px) {

.footerpc{ display: none;}
.footerm{ display: block;  width: 90%; text-align: center; margin: 0 auto; padding-bottom:  60px;}
.footerm p{ color: #aaa; padding: 5px 0;}
.infootercon{ background: none !important;}
}
.column{border:none}
 .column:hover{border:none}