* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
*::before,*::after{ padding:0; margin:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html,
body {
  font-size: 62.5%;
}
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
a,
img {
  margin: 0;
  padding: 0;
  border: none;
}
body {
  background: #fff;
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
}
textarea,
input {
  color: #2b2b2b;
  font-size: 1.4rem;
  padding: 0;
  margin: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  display: block;
}
input[type="checkbox"],
input[type="radio"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
select,
input:focus,
textarea:focus {
  outline: none;
}
textarea {
  overflow: auto;
  resize: none;
}
textarea::-webkit-scrollbar {
  width: 4px;
}
textarea::-webkit-scrollbar-button {
  display: none;
}
textarea::-webkit-scrollbar-thumb {
  background: #e70012;
}
select::-ms-expand {
  display: none;
}
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
  display: block;
}
ol,
ul,
li {
  list-style: none;
}
a,
a:link,
a:visited,
a:focus,
a:active,
a:hover {
  color: #333;
 /* font-size: 1.4rem;*/
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #e70012;
}
a {
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
video,
iframe,
img {
  max-width: 100%;
}
.wrap {
  max-width: 1540px;
  width: 94%;
  margin: 0 auto;
}
.wrap:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.wrap3 {
  max-width: 1720px;
  width: 94%;
  margin: 0 auto;
}
.wrap3:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.lzpic2 {
  display: none;
}
.picc {
  overflow: hidden;
}
.picc img {
  width: 100%;
  display: block;
}
.picc span {
  display: block;
  background: no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.row:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.col {
  float: left;
  min-height: 1px;
}
.col1 {
  width: 8.33333333%;
}
.col2 {
  width: 16.66666667%;
}
.col3 {
  width: 25%;
}
.col4 {
  width: 33.33333333%;
}
.col5 {
  width: 41.66666667%;
}
.col6 {
  width: 50%;
}
.col7 {
  width: 58.33333333%;
}
.col8 {
  width: 66.66666667%;
}
.col9 {
  width: 75%;
}
.col10 {
  width: 83.33333333%;
}
.col11 {
  width: 91.66666667%;
}
.col12 {
  width: 100%;
}
.order1 {
  order: 1;
}
.order2 {
  order: 2;
}
.order3 {
  order: 3;
}
.order4 {
  order: 4;
}
.order5 {
  order: 5;
}
.order6 {
  order: 6;
}
.order7 {
  order: 7;
}
.order8 {
  order: 8;
}
.order9 {
  order: 9;
}
.l {
  float: left;
}
.r {
  float: right;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.tac {
  text-align: center;
}
.textover {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.textovers {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.hide {
  display: none;
}
.table {
  display: table;
  height: 100%;
  width: 100%;
}
.td {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
.swiper-pagination-bullet,
.swiper-button-prev,
.swiper-button-next {
  outline: none;
}
.tynodata {
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  margin-top: 13%;
  margin-bottom: 13%;
  background: url(/web/images/nodata.png) center top no-repeat;
  background-size: auto 169px;
  padding-top: 180px;
}
.tynodata .tytitle {
  color: #555555;
  font-size: 18px;
  overflow: hidden;
  margin-top: 2%;
  line-height: 26px;
}
.tynodata .tydesc {
  color: #999999;
  font-size: 14px;
  overflow: hidden;
  line-height: 24px;
  margin-top: 5px;
}
@media screen and (max-width: 640px) {
  .tynodata {
    background-size: auto 130px;
    padding-top: 140px;
    margin-top: 15%;
    margin-bottom: 15%;
  }
}
@media screen and (max-width: 1100px) {
  .layui-layer-iframe {
    overflow-y: visible !important;
  }
}
.rbtn {
  position: relative;
  display: block;
  text-align: center;
  overflow: hidden;
}
.rbtn:hover::after {
  width: 100%;
}
.rbtn button,
.rbtn input,
.rbtn span {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
  display: block;
  background: none;
  cursor: pointer;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.rbtn::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 0;
  height: 100%;
  background: #e55561;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.rbtn.w::after {
  background: #fff;
}
.article {
  line-height: 30px;
  font-size: 1.6rem;
}
.main-filter {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  display: none;
  background: url(/web/images/mainFilter.png);
}
.wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.header {
  width: 100%;
  height:100px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  background: #fff;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.header.top {
  top: -100px;
}
.header .logo {
  float: left;
  overflow: hidden;
  height: 65px;
  margin-top: 17px;
}
.header .logo img {
  height: 100%;
}
.header .search-box {
  float: right;
  margin-top: 33px;
  position: relative;
}
.header .search-box .search-btn {
  width: 30px;
  height: 30px;
  background: url(/web/images/search.png) no-repeat center;
  cursor: pointer; background-size:auto 23px;
}
.header .search-box .search-bar {
  width: 800px;
  height: 100px;
  position: absolute;
  right: -30px;
  top: 63px;
  z-index: 95;
  background: #fff;
  padding: 20px;
  display: none;
}
.header .search-box .search-bar .close {
  width: 50px;
  height: 50px;
  float: right;
  background: url(/web/images/close.png) no-repeat center;
  background-size: 20px auto;
  cursor: pointer;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.header .search-box .search-bar .close:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.header .search-box .search-bar .btn {
  width: 50px;
  height: 50px;
  float: left;
  background: url(/web/images/search2.png) no-repeat center #e70012;
}
.header .search-box .search-bar .btn input {
  width: 100%;
  height: 100%;
  background: none;
  cursor: pointer;
}
.header .search-box .search-bar .inpu {
  width: 100%;
  padding: 0 60px;
}
.header .search-box .search-bar .inpu input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  font-size: 1.6rem;
  background: #eee;
}
.header .search-box .search-bar .inpu input::-webkit-input-placeholder {
  color: #999;
}
.header .search-box .search-bar .inpu input:-moz-placeholder {
  color: #999;
}
.header .search-box .search-bar .inpu input::-moz-placeholder {
  color: #999;
}
.header .search-box .search-bar .inpu input:-ms-input-placeholder {
  color: #999;
}
.header .language {
  float: right;
  position: relative;
  margin: 35px 54px 0 0;
}
.header .language .tit {
  height: 20px;
  line-height: 20px;
  padding: 0 18px;
  cursor: pointer;
  background: url(/web/images/arrow1.png) no-repeat right 0 center;
  font-size: 1.6rem;
  color: #000;
}
.header .language .tit.on {
  background-image: url(/web/images/arrow2.png);
}
.header .language .list {
  position: absolute;
  top: 20px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 5;
  width: 100px;
  padding-top: 10px;
  text-align: center;
  display: none;
}
.header .language ul {
  background: #e70012;
  border-radius: 4px;
  padding: 4px 0;
  position: relative;
}
.header .language ul::after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #e70012;
  border-width: 4px;
  margin-left: -4px;
}
.header .language li a {
  height: 30px;
  line-height: 30px;
  display: block;
  color: #222222;
}
.header .language li a:hover {
  background: #0154a7;
}
.header .nav .tit,
.header .menu-btn {
  display: none;
}
.header .nav {
  float: right;
  margin-right: 10px;
}
.header .nav > ul > li {
  float: left;
  margin: 0 13px;
}
.header .nav > ul > li > a {
  height: 100px;
  line-height: 100px;
  display: block;
  font-size: 18px;
  color: #333;
  overflow: hidden;
  position: relative;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
 /* min-width:80px;*/ text-align:center; padding-left:16px; padding-right:16px;
}
.header .nav > ul > li > a::after {
  content: "";
  width: 0%;
  height: 2px;
  background: #e70012;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 5;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.header .nav > ul > li.on > a,
.header .nav > ul > li:hover > a {
  color: #e70012;
  /*background:#e70012;*/
}
.header .nav > ul > li.on > a::after,
.header .nav > ul > li:hover > a::after {
  width: 100%;
  left: 0;
}
.header .nav > ul > li > a .ico{ display:inline-block; vertical-align:middle; background:url(/web/images/top_bg2.png) no-repeat; background-size:100% 100%; width:10px; height:7px; margin-left:8px;transition:all 0.3s;}
.header .nav > ul > li.on > a .ico{ background-image:url(/web/images/top_bg2_on.png);}
.header .nav > ul > li .arrow {
  display: none;
}
.header .nav .sub {
  width: 100%;
  position: absolute;
  top: 100px;
  left: 0;
  z-index: 90;
  /*background: rgba(255, 255, 255, 1.0);*/
  background:#f5f5f5;
  padding: 60px 0 70px 0;
  display: none;
  /*box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08);*/
}
.header .nav #m3 .sub { padding:50px 0 60px 0;}
.header .nav .sub ul{ max-width:1540px; margin:0 auto;}
.header .nav .sub .sub_a{ max-width:1540px; margin:0 auto; text-align:center;}
.header .nav #m2 .sub .sub_a{ max-width:1540px; margin:0 auto; text-align:left;}
.header .nav .sub .sub_a .ul li{ display:inline-block;width:16.88%;/* -webkit-box-flex: 1;-ms-flex-positive: 1; flex-grow: 1; */vertical-align:top;   margin-right:3.12%; margin-bottom:10px;border-right:1px solid #dcdcdc;  text-align:left;}
.header .nav #m2 .sub .sub_a .ul li{/*height:320px;*/ min-height:320px;}
.header .nav .sub .sub_a .ul li:nth-child(5n){ /*width:auto;*/ margin-right:0; border-right:0;}
.header .nav .sub .sub_a .ul li:last-child{ width:auto; margin-right:0; border-right:0;}
.header .nav .sub .sub_a .ul li .imgs{ width:200px; height:130px;display: flex; align-items: center; justify-content: left;}
.header .nav .sub .sub_a .ul li .imgs img{ max-width:100%; max-height:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;border-radius:5px;}
.header .nav .sub .sub_a .ul li .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.header .nav .sub .sub_a .ul li .h4{ margin-top:17px; height:40px; line-height:40px; overflow:hidden; color:#333333; font-size:18px; /*font-family:PingFang SC Bold;*/ font-weight:bold;white-space:nowrap;text-overflow:ellipsis;}
.header .nav .sub .sub_a .ul li .p{ overflow:hidden;}
.header .nav .sub .sub_a .ul li .p a{ display:block;height:32px; line-height:32px; overflow:hidden; font-size:16px; color:#999999;white-space:nowrap;text-overflow:ellipsis;}
.header .nav .sub .sub_a .ul li .p a:hover{ color:#e70012;}
.header .nav .sub .sub_b{ max-width:1540px; margin:0 auto; text-align:center;}
.header .nav .sub .sub_b .ul li{ float:left;width:48.44%;/* -webkit-box-flex: 1;-ms-flex-positive: 1; flex-grow: 1; */ border-right:1px solid #dcdcdc;  text-align:left;}
.header .nav .sub .sub_b .ul li:last-child{ width:45.45%;  border-right:0; float:right;}
.header .nav .sub .sub_b .ul li .h4{ height:20px; line-height:20px; overflow:hidden; color:#333333; font-size:18px; /*font-family:PingFang SC Bold;*/ font-weight:bold;white-space:nowrap;text-overflow:ellipsis;}
.header .nav .sub .sub_b .ul li .h4:hover{ color:#e70012;}
.header .nav .sub .sub_b .ul li .p{ overflow:hidden; margin-top:8px;}
.header .nav .sub .sub_b .ul li .p dd{ width:49%; max-width:329px; float:left; margin-top:12px; margin-bottom:12px; overflow:hidden;}
.header .nav .sub .sub_b .ul li .p dd:nth-child(2n+0){ float:right;}
.header .nav .sub .sub_b .ul li .p dd img{ float:left; width:45px; height:45px; margin-right:10px;}
.header .nav .sub .sub_b .ul li .p dd b{ font-weight:normal; /*height:22px; line-height:22px;*/height:45px; line-height:45px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;  color:#333333;font-size:18px;transition:all 0.3s;}
.header .nav .sub .sub_b .ul li .p dd a:hover b{ color:#e70012;}
.header .nav .sub .sub_b .ul li .p dd span{ display:none; /*display:block;*/ height:20px; line-height:20px; margin-top:2px;white-space:nowrap;text-overflow:ellipsis; color:#999999;font-size:16px;}
/*.header .nav .sub li {
  float: left;
  margin-right: 41px;
}
.header .nav .sub li a {
  display:block;
  line-height: 30px;
  font-size: 1.5rem;
  color: #333333;
  white-space: nowrap;
  border-bottom: solid 2px transparent;
}
.header .nav .sub li.on a,
.header .nav .sub li a:hover {
  border-color: #fff;
}
.header .nav li .sub li{ width:12.5%; max-width:130px; margin-right:0; text-align:center;}
.header .nav li .sub li a{border-bottom:0;}
.header .nav li .sub li a:hover{ color:#e70012;}
.header .nav li .sub li p{ width:54px; height:54px; margin:0 auto; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;overflow:hidden; display:block; margin-bottom:3px;}*/
@media only screen and (max-width: 1400px) {
 /* .header .nav {
    margin-right: 30px;
  }
  .header .nav > ul > li {
    margin: 0 36px;
  }*/
  .header .nav > ul > li{ margin-left:6px; margin-right:6px;}
  .header .nav > ul > li > a { /*min-width:106px;*/ font-size:16px; padding-left:10px; padding-right:10px;}
  .header .nav .sub .sub_a .ul li{ margin-right:2%; width:18%;}
  .header .nav .sub .sub_a .ul li .h4{ font-size:16px;}
  .header .nav .sub .sub_a .ul li .p a{ font-size:14px;}
  .header .nav .sub .sub_b .ul li .h4{ font-size:16px;}
  .header .nav .sub .sub_b .ul li .p dd b{ font-size:15px;}
  .header .nav .sub .sub_b .ul li .p dd span{ font-size:15px;}
}
.mobiletel{display:none;}
.footer {
  background: #1a1a1a;
  padding-top: 80px; font-size:14px;
}
.footer .title {
  line-height: 26px;
  font-size: 1.8rem;
  color: #fff; font-weight:normal;
}
.footer .link-list {
width:calc(98% - 502px);width:-webkit-calc(98% - 502px);width:-moz-calc(98% - 502px); max-width:942px;
  float: left; border-right:1px solid #3c3c3c; /*height:210px;*/
}
.footer .link-list .list {
  width: 20%;
  float: left;
  padding-right:10px;
}
.footer .link-list ul {
  margin-top: 16px;
}
.footer .link-list li {
  line-height: 22px;
  margin-bottom: 10px;
}
.footer .link-list li a {
 /* opacity: 0.8;*/ color:rgba(255,255,255,0.6); 
}
.footer .link-list li a:hover {
  color: #e70012; /*text-decoration:underline;*/ margin-left:1px;
}
.footer .contact {
  float: right;
  width: 280px;
}
.footer .contact .tel {
  line-height: 30px;
  margin: 8px 0 10px 0;font-family:PingFang SC Bold; clear:both;
}
.footer .contact .tel,
.footer .contact .tel a {
 font-weight:bold;
  color: #e70012;
}
.footer .contact .tel a:hover{opacity:0.9;filter:Alpha(opacity=90);}
.footer .contact .text {
  line-height: 26px;
  color:rgba(255,255,255,0.8);  margin-top:13px; font-size:16px; padding-left:28px; background-repeat:no-repeat; background-position:left center; background-size:auto 17px;
}
.footer .contact .text.bgs1{ background-image:url(/web/images/foot_pic1.png);}
.footer .contact .text.bgs2{ background-image:url(/web/images/foot_pic2.png);}
.footer .contact .text2{color:rgba(255,255,255,0.6); font-size:16px; line-height:24px; overflow:hidden; margin-top:8px;}
.footer .contact .text2 a{color:rgba(255,255,255,0.6);}
.footer .contact .text2 a:hover{color: #e70012;}
.f_weixin{ float:right;color:rgba(255,255,255,0.6); overflow:hidden; line-height:32px;}
.f_weixin li{ float:left; margin-left:20px; text-align:center; width:91px;}
.f_weixin li .img{ display:block; width:100%;}

.footer .social-share {
  margin-top: 25px; text-align:left;
}
.footer .social-share:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.footer .social-share a {
  width: 28px;
  height: 24px;
  /*margin: 0 14px 0 0;
  float: left;*/
  display: inline-block; margin-right:20px;
  position: relative;
  background: no-repeat center;
  background-size: 100% 100%;
}
.footer .social-share .icon-wechat {
  background-image: url(/web/images/share1.png);
}
.footer .social-share .icon-wechat:hover {
  background-image: url(/web/images/share1_on.png);
}
.footer .social-share .icon-weibo {
  background-image: url(/web/images/share2.png);
}
.footer .social-share .icon-weibo:hover {
  background-image: url(/web/images/share2_on.png);
}
.footer .social-share .icon-qq {
  background-image: url(/web/images/share3.png);
}
.footer .social-share .icon-qq:hover {
  background-image: url(/web/images/share3_on.png);
}
.footer .social-share .icon-wechat.icon-douyin {
  background-image: url(/web/images/share4.png);
}
.footer .social-share .icon-wechat.icon-douyin:hover {
  background-image: url(/web/images/share4_on.png);
}
.footer .social-share .icon-wechat.icon-shipinhao {
  background-image: url(/web/images/share5.png);
}
.footer .social-share .icon-wechat.icon-shipinhao:hover {
  background-image: url(/web/images/share5_on.png);
}
.footer .social-share .icon-wechat.icon-douyin .qrcode{
	width:130px;
}
.footer .friendship {
  margin-top: 50px; margin-bottom:12px;
}
.footer .friendship span,
.footer .friendship a {
  line-height: 22px;
  display: inline-block;
  margin: 0 25px 10px 0;color:rgba(255,255,255,0.4);
}
.footer .friendship span {
  margin-right: 15px; color:rgba(255,255,255,0.4);
}
.footer .friendship .logos{ display: inline-block; height:42px; margin-right:25px;}
.footer .friendship a {
 /* opacity: 0.8;*/
}
.footer .friendship a:hover{ color:#e70012;}
.footer .bottom {
  border-top: solid 1px #313131;
  line-height:32px;
  padding: 15px 0;color:rgba(255,255,255,0.4); font-size:14px;
}
.footer .bottom a{color:rgba(255,255,255,0.4);}
.footer .bottom a:hover{  color:#e70012;}
.footer .copy {
  /*opacity: 0.8;*/
}
.footer .copy span{ padding-left:8px;}
.footer .copy .p{ overflow:hidden;}
.footer .copy .p a{ margin-right:25px;}
.footer .support{ margin-top:32px;}
.footer .support a{ display:inline-block; padding-left:16px; /*margin-right:9px;*/ position:relative;}
/*.footer .support a:after{ content:""; position:absolute; right:0; top:50%; margin-top:-6px; height:12px; width:1px; background:#222339;}*/
.footer .support a:last-child{ margin-right:0; padding-right:0;}
/*.footer .support a:last-child:after{ display:none;}*/
.icon-wechat .wechat-qrcode {
  display: none;
  border: 1px solid #eee;
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 9;
  width: 140px;
  color: #666;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  transition: all 200ms;
  -webkit-tansition: all 350ms;
  -moz-transition: all 350ms;
}
.icon-wechat .wechat-qrcode.bottom {
  top: 40px;
  left: -84px;
}
.icon-wechat .wechat-qrcode.bottom:after {
  display: none;
}
.icon-wechat .wechat-qrcode h4 {
  font-weight: normal;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  background-color: #f3f3f3;
  margin: 0;
  padding: 0;
  color: #777;
}
.icon-wechat .wechat-qrcode .qrcode {
  width: 100px;
  margin: 10px auto;
}
.icon-wechat .wechat-qrcode .qrcode table {
  margin: 0 !important;
}
.icon-wechat .wechat-qrcode .help {
  display: none;
}
.icon-wechat .wechat-qrcode:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -13px;
  width: 0;
  height: 0;
  border-width: 8px 6px 6px 6px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  display: none;
}
.icon-wechat:hover .wechat-qrcode {
  display: block;
}


.icon-add {
  width: 60px;
  height: 60px;
  position: relative;
  background: #e70012;
}
.icon-add::after {
  width: 16px;
  height: 16px;
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  background: url(/web/images/icon-add.png) no-repeat center;
  background-size: 100% auto;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.icon-add:hover::after {
  transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  -o-transform: translate(-50%, -50%) rotate(90deg);
}
.bg-gray {
  background: #f7f7f7;
}
.bg-white {
  background: #fff;
}




.container {
  height: 1000px;
}




.columnmenu {
  text-align: center;
  top: -68px;
  z-index: 2;
  position: relative;
}
.columnmenu ul:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.columnmenu .sub li.on a,
.columnmenu li.on > a {
  color: #e70012;
  border-bottom: solid 2px #e70012;
}
.columnmenu a:hover {
  color: #e70012;
}
.columnmenu .wrap > ul > li {
  width: 25%;
  float: left;
}
.columnmenu.bgs2 .wrap > ul > li { width:33.33%;}
.columnmenu .wrap > ul > li > a {
  display: block;
  height: 68px;
  line-height: 68px;
  background: rgba(255, 255, 255, 0.9);
  font-size: 1.6rem;
}
.columnmenu .wrap > ul > li.on > a {
  color: #e70012;
  border-bottom: solid 2px #e70012;
}
.columnmenu .sub {
  width: 100%;
  height: 56px;
  position: absolute;
  left: 0;
  top: 68px;
  z-index: 2;
  background: #fff;
  text-align: center;
  box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.05);
}
.columnmenu .sub ul {
  display: inline-block;
}
.columnmenu .sub li {
  float: left;
  margin: 0 40px;
}
.columnmenu .sub li a {
  height: 56px;
  line-height: 56px;
  font-size: 1.6rem;
  color: #7f7f7f;
  display: block;
}
.img-box {
  position: relative;
}
.img-box::before {
  content: "";
  display: block;
}


/*轮显*/
.banner img {
  width: 100%;
  display: block;
}
.banner .lzpic1,
.banner .lzpic2 {
  background: none;
}
.banner.full .lzpic1,
.banner.sm-full .lzpic1,
.banner.full .lzpic2,
.banner.sm-full .lzpic2 {
  background: no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}
.banner.sm-full .lzpic2 img,
.banner.full .lzpic1 img {
  display: none;
}
@keyframes banner-down {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: 10px;
  }
}
@-o-keyframes banner-down {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: 10px;
  }
}
@-moz-keyframes banner-down {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: 10px;
  }
}
@-webkit-keyframes banner-down {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: 10px;
  }
}
.main .banner {
  position: relative;
}
.main .banner .btn {
  position: absolute;
  bottom: 55px;
  right: 30px;
  z-index: 10;
  width:150px;
}
.main .banner .swiper-button-prev,
.main .banner .swiper-button-next {
  width: 30px;
  height: 30px;
  margin: 0 0 0 12px;
  background: no-repeat center;
  position: static;
  
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  background-size:12px 21px;
}
.main .banner .swiper-button-prev {
 /* background-image: url(/web/images/arrow2.png);float: left;*/
}
.main .banner .swiper-button-prev:hover {
  background-position: 0 center;
}
.main .banner .swiper-button-next {
 /* background-image: url(/web/images/arrow3.png);float: right;*/
}
.main .banner .swiper-button-next:hover {
  background-position: right center;
}
.main .banner .down {
  width: 28px;
  height: 52px;
  position: absolute;
  left: 50%;
  bottom:70px;
  z-index: 10;
  cursor: pointer;
  margin-left: -13px;
}
.main .banner .down span {
  height: 45px;
  background: url(/web/images/banner_down.png) no-repeat 0 center;
  background-size: 100% auto;
  display: block;
}
.main .banner .down:hover span {
  animation: banner-down 0.6s infinite alternate;
  -o-animation: banner-down 0.6s infinite alternate;
  -moz-animation: banner-down 0.6s infinite alternate;
  -webkit-animation: banner-down 0.6s infinite alternate;
}
.main .banner .swiper-slide {
  position: relative;
}
.main .banner .swiper-slide .table {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  text-align: left;
  /*display: flex; align-items: center; justify-content: center;*/
  display:none;
}
.main .banner .swiper-slide .cons{ margin:0 auto; max-width:1540px;width:96%;}
.main .banner .swiper-slide .cons .imgs{ float:left; width:333px; margin-right:60px; overflow:hidden; }
.main .banner .swiper-slide .cons .imgs img{display:inline; height:auto;}
.main .banner .swiper-slide .cons .txts{ float:left;width:calc(100% - 393px);width:-webkit-calc(100% - 393px);width:-moz-calc(100% - 393px);}
.main .banner .swiper-slide .txt {
  /*font-size: 5.5rem;*/
  color: #fff;
  letter-spacing: 2px;  position:relative; padding-bottom:4%; margin-top:2%; font-family:PingFang SC Bold;
 
}
.main .banner .swiper-slide .txt:after{ content:""; position:absolute; left:0; bottom:0; width:40px; height:4px; background:#e70012;}
.main .banner .swiper-slide .desc {
  /*font-size: 5.5rem;*/
  color: #fff;
  letter-spacing: 1px; font-weight:lighter;margin-top:4%; max-width:490px; line-height:1.5;
}

.main .banner .swiper-slide .rbtn {
  padding: 0 25px;
  min-width: 145px;
  display: inline-block;
  font-size: 1.6rem;
  color: #fff;
  margin-top: 3%;
  background:#e70012;
  background-size:cover; border-radius:6px;
}
.main .banner .swiper-slide .rbtn span {
  height: 54px;
  line-height: 54px;
  background: url(/web/images/i_pic1.png) no-repeat right center; background-size:10px 17px; padding-right:26px;
}
.main .banner .swiper-slide .rbtn:hover span {
  /*background: url(/web/images/arrow5.png) no-repeat right center;*/
  color: #fff;
}
/*.main .banner .swiper-pagination{ bottom:36px; width:100%;}
.main .banner .swiper-pagination-bullet{ width:11px; height:11px; background:rgba(255,255,255,0.24); margin-left:8px; margin-right:8px;}
.main .banner .swiper-pagination-bullet-active{ width:32px; background:#e70012; border-radius:20px;}*/

@media screen and (max-width: 1200px) {
	.main .banner .swiper-slide .table{
		display:none;
	}
	
.header .nav #m2 .sub .sub_a .ul li{/*height:320px;*/ min-height:unset;}
}
@media (max-width: 1600px) and (min-width:1200px){
	.header .nav .sub .sub_b .ul li:first-child{
		padding-left:2%;
	}
	.header .nav .sub ul li:first-child{
		padding-left:2%;
	}
}
@media only screen and (max-width: 1200px) {
*{
	box-sizing: border-box;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.col.sm-col12{width: 100%; float: left;}
.col.sm-col1{width: 8.33333333%;}
.col.sm-col2{width: 16.66666667%;}
.col.sm-col3{width: 25%;}
.col.sm-col4{width: 33.33333333%;}
.col.sm-col5{width: 41.66666667%;}
.col.sm-col6{width: 50%;}
.col.sm-col7{width: 58.33333333%;}
.col.sm-col8{width: 66.66666667%;}
.col.sm-col9{width: 75%;}
.col.sm-col10{width: 83.33333333%;}
.col.sm-col11{width: 91.66666667%;}
.sm-order1{order: 1; }
.sm-order2{order: 2; }
.sm-order3{order: 3; }
.sm-order4{order: 4; }
.sm-order5{order: 5; }
.sm-order6{order: 6; }
.sm-order7{order: 7; }
.sm-order8{order: 8; }
.sm-order9{order: 9; }
.rbtn::after {
	display: none;
}
/*轮显*/
.lzpic2{
	display: block;
}
.lzpic1{
	display: none;
}
.container .banner .text { top:25%;}

.article {
	line-height: 24px;
	font-size: 14px;
}
.wrapper {
	padding-top: 50px;
}
.header {
	height: 50px;
	z-index: 105;
}
.header.top {
	top: -60px;
}
.header .logo {
	height: 30px;
	margin-top: 10px;
}
.header .search-box {
	margin: 0 30px 0 0;
}
.header .search-box .search-btn {
	width: 50px;
	height: 50px;
}
.header .search-box .search-bar {
	width: 100%;
	height: 50px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 200;
	padding: 0px;
}
.header .search-box .search-bar .close{
	display: none;
}
.header .search-box .search-bar .btn{
	width: 50px;
	height: 50px;
	float: right;
}
.header .search-box .search-bar .inpu{
	height: 50px;
	padding: 0 50px 0 0;
}
.header .search-box .search-bar .inpu input {
	background: #fff;
	height: 50px;
	line-height: 50px;
}
.header .language {
	margin: 0 10px 0 0;
}
.header .language .tit {
	height: 50px;
	line-height: 50px;
	padding: 0 16px 0 0;
}
.header .language .list {
	top: 40px;
	width: 100px;
}
.header .language li a:hover {
	background: none;
}
.header .menu-btn {
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3; cursor:pointer;
}
.header .menu-btn span {
	width: 28px;
	height: 3px;
	background: #e70012;
	border-radius: 2px;
	position: absolute;
	left: 12px;
	top: 23px;
	z-index: 2;
	transition: 0.8s;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-ms-transition: 0.8s;
	-o-transition: 0.8s;
}
.header .menu-btn span.line1 {
	top: 14px;
}
.header .menu-btn span.line3 {
	top: 32px;
}
.header .nav {
	width: 260px;
	height: 100%;
	overflow: auto;
	position: fixed;
	right: -260px;
	top: 0;
	bottom: 0;
	z-index: 105;
	background: #fff;
	margin: 0;
	padding: 0 0 20px 0;
}
.header .nav .tit {
	display: block;
	font-size: 30px;
	color: #e70012;
	text-align: center;
	padding: 20px 0;
	font-family: "AlibabaPuHuiTi-Bold";
}
.header .nav > ul > li {
	width: 100%;
	float: none;
	margin: 0;
	position: relative;
}
.header .nav > ul > li:hover > a,
.header .nav > ul > li > a {
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	border-bottom: solid 1px #ccc;
	color: #000000; text-align:left; 
}
.header .nav > ul > li:hover > a{ color:#000;}
.header .nav > ul > li.on:hover > a,
.header .nav > ul > li.on > a {
	color: #e70012;
	border-bottom: solid 1px #e70012;
}
.header .nav > ul > li > a::after {
	display: none;
}
.header .nav > ul > li .arrow{
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: block;
	background: url(/web/images/arrow1.png) no-repeat center;
}
.header .nav > ul > li.now .arrow{
	background-image: url(/web/images/arrow2.png);
}
.header .nav > ul > li > a .ico{ display:none;}
.header .nav .sub {
	position: static;
	top: 0;
	left: 0;
	padding: 0;
	/*background: #eee;*/
}
.header .nav #m3 .sub {padding: 0;}
/*.header .nav .sub li {
	float: none;
	margin: 0;
}
.header .nav .sub li a:hover,
.header .nav .sub li a {
	display: block;
	height: 50px;
	line-height: 50px;
	color: #333;
	border-bottom: solid 1px #ddd;
	background: none;
	text-indent: 30px;
}
.header .nav li .sub li{ width:100%; max-width:none; text-align:left;}
.header .nav li .sub li p{ display:none;}*/
.header .nav .sub .sub_a{ padding-bottom:15px;}
.header .nav .sub .sub_a .ul li{ width:100%; margin-right:0; border-right:0; padding-left:30px;}
.header .nav #m2 .sub .sub_a .ul li{ height:auto;}
.header .nav .sub .sub_a .ul li:last-child{ width:100%;}
.header .nav .sub .sub_a .ul li .imgs{ display:none;}
.header .nav .sub .sub_a .ul li .h4{ margin-top:15px; }
.header .nav .sub .sub_b .ul li .h4{ font-size:15px;}
.header .nav .sub .sub_b .ul li .p dd span{ display:none;}
.header .nav .sub .sub_b .ul li .p dd img{ display:none;}
.header .nav .sub .sub_b .ul li{ float:none; width:100%; border-right:0; padding-left:30px;}
.header .nav .sub .sub_b .ul li:last-child{ float:none; width:100%;}
.header .nav .sub .sub_b .ul li .h4{ height:40px; line-height:40px; margin-top:15px; font-size:16px;}
.header .nav .sub .sub_b .ul li .p dd{ margin-top:0; margin-bottom:0; float:none; width:100%; max-width:none; height:32px; line-height:32px;}
.header .nav .sub .sub_b .ul li .p dd b{ font-size:14px;}
.wrapper.shiftLeft {
	margin-left: -200px;
}
.wrapper.shiftLeft .header {
	left: -260px;
	z-index: 105;
}
.wrapper.shiftLeft .header .nav {
	right: 0;
}
.wrapper.shiftLeft .menu-btn span.line1 {
	top: 23px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
.wrapper.shiftLeft .menu-btn span.line2 {
	opacity: 0;
}
.wrapper.shiftLeft .menu-btn span.line3 {
	top: 23px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}
.wrapper,
.wrapper .header,
.wrapper .header .nav {
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.footer {
	padding: 0;
	text-align: center; font-size:13px;
}
.footer .title {
	height: 40px;
	line-height: 40px;
	display: block; font-weight:normal; font-size:15px;
}
.footer .link-list {
	width: calc(100% - 0px);
    width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);max-width:none;
	float: none; border-right:0; height:auto; margin-bottom:25px;
}
.footer .link-list .list {
	width: 100%;
	float: none;
	border-bottom: solid 1px #3e3e45;
}
.footer .link-list ul {
	margin: 0;
	padding-bottom: 10px;
	display: none;
}
.footer .link-list li {
	margin: 0;
}
.footer .link-list li a {
	opacity: .8;
	height: 36px;
	line-height: 36px;
	display: block;
}
.footer .contact {
clear:both;
	float: none;
	max-width: 300px;
	margin: 10px auto; margin-bottom:20px; text-align:left; display:none;
}
.footer .contact .tel {
	margin: 10px 0;
}
/*.footer .contact .text {
	text-align: left;
}*/

.footer .social-share {
	margin-top: 15px;
}
.footer .social-share a {
	margin: 0 5px;
	display: inline-block;
	float: none;
}
.footer .friendship {
	margin-top: 40px;
	text-align: left; display:none;
}
.footer .friendship a {
	margin: 0 10px 10px 0;
}
.footer .bottom {
	padding: 10px 0; font-size:12px; margin-top:10px; line-height:24px;
}
.footer .support,
.footer .copy {
	float: none;
}
.footer .copy .p{ display:none;}
.footer .support{ margin-top:0;}
.icon-add {
	width: 30px;
	height: 30px;
}
.icon-add::after {
	width: 10px;
	height: 10px;
}

.f_weixin{ float:none; text-align:center;}
.f_weixin li{ float:none; display:inline-block; vertical-align:top; margin-left:8px; margin-right:8px;}


















































} /* Less than 1200 */
/*
	你的代码写在这里
	style.css是style.less生成的，不要直接改动style.css的内容，不然会被style.less覆盖
*/
.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;-webkit-touch-action:pan-y;-moz-touch-action:pan-y;-o-touch-action:pan-y;touch-action:pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(/web/images/grabbing.png) 8 8, move;}
/* fix*/
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{/*margin-bottom:20px;*/text-align: center;}
/* Styling Next and Prev buttons*/
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:38px; height:74px;/*IE7 life-saver*/ text-indent:40px; margin-top:-16%; z-index:9; position:relative; overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{/*background:url(/web/images/i_pro_left.png) no-repeat;*/ float:left;}
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{/*background:url(/web/images/i_pro_left_on.png) no-repeat;*/}
.owl-theme .owl-controls .owl-buttons div.owl-next{/* background:url(/web/images/i_pro_right.png) no-repeat;*/ float:right;}
.owl-theme .owl-controls .owl-buttons div.owl-next:hover{/*background:url(/web/images/i_pro_right_on.png) no-repeat;*/ }
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ display:none;}
.owl-theme .owl-controls .owl-page span{display: block;width: 10px;height: 10px;margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background:#ccc;}
.owl-theme .owl-controls .owl-page.active span{background:#4cb6ed;}
/* If PaginationNumbers is true 
.owl-theme .owl-controls.clickable .owl-page:hover span*/
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
/* preloading images*/
.owl-item.loading{min-height: 150px;no-repeat center center}
/*合作伙伴*/
.owl-demo6{ text-align:center; margin-top:3%; margin-bottom:5%;}
/*.owl-demo6.owl-carousel .owl-wrapper-outer{ overflow:visible;}*/
/* Styling Next and Prev buttons*/
.owl-demo6.owl-theme .owl-controls .owl-pagination{ display:none;}
.owl-demo6.owl-theme .owl-controls .owl-buttons{ position:absolute; top:50%; width:100%; left:0; height:0; display:none;}
.owl-demo6.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:23px; height:40px;/*IE7 life-saver*/ text-indent:100px; line-height:40px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:-10px;/*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); border-radius:50%;*/}
.owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(/web/images/left.png) center center no-repeat; background-size:100%; float:left; margin-left:-100px;}
.owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background-image:url(/web/images/left_on.png);opacity:0.8;filter:Alpha(opacity=80);}
.owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-next{background:url(/web/images/right.png) center center no-repeat; background-size:100%; float:right; margin-right:-100px;}
.owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background-image:url(/web/images/right_on.png);opacity:0.8;filter:Alpha(opacity=80);}
.owl-demo6.owl-theme .owl-controls .owl-page{ display:inline-block;}

.owl-demo6 .item{margin:0 3.8%; }
.owl-demo6 .item .imgs{ position:relative; overflow:hidden; padding-top:54%; border-radius:10px;}
.owl-demo6 .item .imgs img{ display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.owl-demo6 .item dd:hover .imgs img{/*-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);*/-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;}
.owl-demo6 .item dd{ overflow:hidden; margin-bottom:8%; /*border:1px solid #d3d4d4;*/transition:all 0.3s; margin-top:3px;}
.owl-demo6 .item dd:hover{box-shadow: 0px 4px 8px 0 rgba(151, 151, 151, 0.2);}
/*荣誉资质*/
.owl-demo9{ margin:0 auto; width:102%; margin-left:-1%;  text-align:center; margin-top:4%; margin-bottom:6%; }
/*.owl-demo9.owl-carousel .owl-wrapper-outer{ overflow:visible;}*/
/* Styling Next and Prev buttons*/
.owl-demo9.owl-theme .owl-controls .owl-pagination{ }
.owl-demo9.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ margin-top:30px;}
.owl-demo9.owl-theme .owl-controls .owl-page span{display: block;width: 16px;height: 16px;margin: 10px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background:#e5e5e5;}
.owl-demo9.owl-theme .owl-controls .owl-page.active span{background:#e70012; }
.owl-demo9.owl-theme .owl-controls .owl-buttons{ position:absolute; top:50%; width:100%; left:0; height:0;display:none;}
.owl-demo9.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:18px; height:29px;/*IE7 life-saver*/ text-indent:100px; line-height:40px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:-35px;/*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); border-radius:50%;*/}
.owl-demo9.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(/web/images/left.png) center center no-repeat; background-size:100%; float:left; margin-left:-52px;}
.owl-demo9.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background-image:url(/web/images/left_on.png);opacity:0.8;filter:Alpha(opacity=80);}
.owl-demo9.owl-theme .owl-controls .owl-buttons div.owl-next{background:url(/web/images/right.png) center center no-repeat; background-size:100%; float:right; margin-right:-52px;}
.owl-demo9.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background-image:url(/web/images/right_on.png);opacity:0.8;filter:Alpha(opacity=80);}
.owl-demo9.owl-theme .owl-controls .owl-page{ display:inline-block;}

.owl-demo9 .item{margin:0 4%; }
.owl-demo9 .item .imgs{ overflow:hidden; position:relative; padding-top:140%;}
.owl-demo9 .item .imgs img{ display: block;width: 100%; height:100%; position:absolute; top:0; left:0; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
.owl-demo9 .item dd:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}
.owl-demo9 .item dd{ background:#fff; border:5px solid #fff; border-radius:4px; overflow:hidden; overflow:hidden;}
.owl-demo9 .item dd .h3{ font-weight:normal; overflow:hidden; height:30px; line-height:30px;color:#000000; font-size:16px;white-space:nowrap;text-overflow:ellipsis; margin-top:4%;}
.owl-demo9 .item dd:hover{/*-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);*/ /*border-color:#e70012;*/}
.owl-demo9 .item dd:hover .h3{ color:#008cd6;}
/*历程2*/
#owl-demo8{ text-align:center; margin-top:2.4%; margin-bottom:6%; }
#owl-demo8 .owl-item.loading{ min-height:80px;}
#owl-demo8.owl-theme .owl-controls{ top:0; height:0; z-index:1;}
#owl-demo8.owl-theme .owl-controls .owl-buttons{ position:absolute; bottom:0%; width:100%; height:0; display:none;}
#owl-demo8.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:15px; height:25px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:-73px;}
#owl-demo8.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(/web/images/left2.png) center bottom no-repeat; float:left; margin-left:0; background-size:100% 100%;}
#owl-demo8.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{transition:all 0.3s;/*filter: Alpha(Opacity=80);opacity: 0.8;*/}
#owl-demo8.owl-theme .owl-controls .owl-buttons div.owl-prev.disabled{ background:none;}
#owl-demo8.owl-theme .owl-controls .owl-buttons div.owl-next{ center bottom no-repeat; float:right;margin-right:0; background-size:100% 100%;}
#owl-demo8.owl-theme .owl-controls .owl-buttons div.owl-next.disabled{background:none;}
#owl-demo8.owl-theme .owl-controls .owl-buttons div.owl-next:hover{transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8;}
#owl-demo8 .item{margin: 0px 0px; }
#owl-demo8 .item dd{ width:100%; margin:0 auto;-webkit-tap-highlight-color:transparent; position:relative;}
#owl-demo8 .item dd:after{ content:""; position:absolute; width:100%; height:0px; border-bottom:1px solid #000; bottom:60px; left:0px;}
#owl-demo8 .item dd:hover{transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8;}
#owl-demo8 .item dd .years{color:#666666;  height:60px; line-height:48px; margin-top:48px; padding-top:12px; position:relative; text-align:center; cursor:pointer; }
#owl-demo8 .item dd .years b{font-size:20px; font-weight:bold; margin-right:5px;font-family:Arial;transition:all 0.3s;}
#owl-demo8 .item dd .years:after{ content:""; position:absolute; width:19px; height:58px; background:#010101; top:-48px; left:50%; margin-left:-10px; background:url(/web/images/about_pic3.png) center bottom no-repeat; background-size:100% 100%; z-index:1;transition:all 0.3s;}
#owl-demo8 .owl-item.psel .item dd .years{ color:#e70012; line-height:60px;}
#owl-demo8 .owl-item.psel .item dd .years:after{ background-image:url(/web/images/about_pic3_on.png);}
#owl-demo8 .owl-item.psel .item dd .years b{ font-size:32px;}

/*公司风采*/
.owl-demo3{ margin:0 auto; text-align:center; margin-top:5%; margin-bottom:7%; width:100%;}
/*.owl-demo3.owl-carousel .owl-wrapper-outer{ overflow:visible;}*/
/* Styling Next and Prev buttons*/
.owl-demo3.owl-theme .owl-controls .owl-pagination{ display:none;}
/* Styling Pagination*/
.owl-demo3.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ margin-top:42px;}
.owl-demo3.owl-theme .owl-controls .owl-page span{display: block;width: 10px;height: 10px;margin: 10px 4px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background:#c3c3c3;}
.owl-demo3.owl-theme .owl-controls .owl-page.active span{background:#1a77b6; }
.owl-demo3.owl-theme .owl-controls .owl-buttons{ position:absolute; top:50%; width:100%; left:0; height:0;}
.owl-demo3.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:60px; height:60px;/*IE7 life-saver*/ text-indent:100px; line-height:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:-30px;/*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); */border-radius:50%;}
.owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(/web/images/left.png) rgba(231,0,18,0.1) center center no-repeat; background-size:100%; float:left; margin-left:-90px;}
.owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{/*background-image:url(/web/images/left_on.png);opacity:0.8;filter:Alpha(opacity=80);*/ background-color:#e70012;}
.owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next{background:url(/web/images/right.png)  rgba(231,0,18,0.1) center center no-repeat; background-size:100%; float:right; margin-right:-90px;}
.owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ /*background-image:url(/web/images/right_on.png);opacity:0.8;filter:Alpha(opacity=80);*/background-color:#e70012;}
.owl-demo3.owl-theme .owl-controls .owl-page{ display:inline-block;}

.owl-demo3 .item{margin:0 2%; }
.owl-demo3 .item .imgs{ position:relative; overflow:hidden; padding-top:60%; margin-bottom:4%; border-radius:10px;}
.owl-demo3 .item .imgs img{ display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;/* -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
.owl-demo3 .item dd .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}
.owl-demo3 .item dd{ /*float:left; width:32.33%; margin-right:1.5%;*/}
/*.owl-demo3 .item dd:nth-child(3n+0){ margin-right:0;}*/
.owl-demo3 .item dd.bgs2 .imgs{ padding-top:124%;}
/*产品详细*/
#owl-demo6{ width:calc(100% - 120px);width:-webkit-calc(100% - 120px);width:-moz-calc(100% - 120px);margin:0 auto; text-align:center;}
#owl-demo6 .owl-item.loading{ min-height:35px;}
#owl-demo6.owl-theme .owl-controls{ top:0; height:0;}
#owl-demo6.owl-theme .owl-controls .owl-buttons{ position:absolute; top:50%; width:100%; left:0px; height:0; }
#owl-demo6.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:60px; height:100px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:-50px;}
#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(/web/images/left2.png) #f7f7f7 center center no-repeat; background-size:16px 30px; float:left; margin-left:-60px;}
#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background-image:url(/web/images/left2_on.png); background-color:#e70012;}
#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(/web/images/right2.png) #f7f7f7 center center no-repeat;background-size:16px 30px; float:right; margin-right:-60px;}
#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background-image:url(/web/images/right2_on.png);background-color:#e70012;}
#owl-demo6 .item{margin: 0px 5px; }
#owl-demo6 .item img{display: block; width:100%; height:100%; left:0; top:0; position:absolute;}
/*#owl-demo6 .item dd:after{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.3);}*/
#owl-demo6 .item dd{ overflow:hidden;position:relative; cursor:pointer; border:1px solid #e6e6e6; padding-top:65%; margin-top:1px;}
#owl-demo5 .item dd:Hover{ border:1px solid #e80618;}
/*#owl-demo6 .item .psel:after{ background:none;}*/
#owl-demo6 .item .psel{border:2px solid #e80618; margin-top:0;}
#owl-demo6 .item dd .h4{ font-weight:normal; font-size:12px; position:absolute; width:100%; bottom:0; left:0; height:24px; line-height:24px;background:rgba(0,0,0,0.5); color:#fff; text-align:center;}
#owl-demo6 .item .psel .h4{ background:#f49500;}
/*产品中心*/
.owl-demo7{ width:102%; margin-left:-1%;margin:0 auto; margin-top:2%;  text-align:center; margin-bottom:4%; }
/*.owl-demo7.owl-carousel .owl-wrapper-outer{ overflow:visible;}*/
/* Styling Next and Prev buttons*/
.owl-demo7.owl-theme .owl-controls .owl-pagination{ display:none;}
.owl-demo7.owl-theme .owl-controls .owl-buttons{ position:absolute; top:50%; width:100%; left:0; height:0; display:none;}
.owl-demo7.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:23px; height:41px;/*IE7 life-saver*/ text-indent:100px; line-height:40px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:-20px;/*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); border-radius:50%;*/}
.owl-demo7.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(/web/images/left.png) center center no-repeat; background-size:100%; float:left; margin-left:-110px;}
.owl-demo7.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background-image:url(/web/images/left_on.png);opacity:0.8;filter:Alpha(opacity=80);}
.owl-demo7.owl-theme .owl-controls .owl-buttons div.owl-next{background:url(/web/images/right.png) center center no-repeat; background-size:100%; float:right; margin-right:-110px;}
.owl-demo7.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background-image:url(/web/images/right_on.png);opacity:0.8;filter:Alpha(opacity=80);}
.owl-demo7.owl-theme .owl-controls .owl-page{ display:inline-block;}

.owl-demo7 .item{margin:0 2.5%; }
.owl-demo7 .item .imgs{ position:relative; overflow:hidden; padding-top:48%;}
.owl-demo7 .item .imgs img{ display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
.owl-demo7 .item dd:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}
.owl-demo7 .item dd{ position:relative; margin-top:3%; margin-bottom:5%; }
.owl-demo7 .item dd .boxs2{ background:#fff;box-shadow: 2px 2px 10px rgba(0,0,0,0.05);   overflow:hidden;transition:all 0.3s;}
.owl-demo7 .item dd .boxs2:hover{box-shadow: 2px 2px 10px rgba(0,0,0,0.15);}
.owl-demo7 .item dd .boxs2 .txts{ position:absolute;  width:53.33%; right:0; top:0; height:100%; background:#f7f7f7; overflow:hidden;display: flex; align-items: center; justify-content: left;}
.owl-demo7 .item dd .boxs2 .imgs{ float:left; position:relative; padding-top:48%;transition:all 0.3s; width:48%;}
.owl-demo7 .item dd .boxs2 .imgs img{ display: block;width: 100%; height:100%; position:absolute; top:0; left:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
.owl-demo7 .item dd .boxs2:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}
.owl-demo7 .item dd .boxs2 .boxs{ margin:0 auto; position:relative;width:90%; max-width:310px; text-align:left;}
.owl-demo7 .item dd .boxs2 .label{ display:block; text-align:left; height:24px; line-height:24px; color:#333333;  font-size:18px;transition:all 0.3s;}
.owl-demo7 .item dd .boxs2 .h3{ font-weight:bold; height:40px; line-height:40px;  overflow:hidden; color:#333333;  transition:all 0.3s;white-space:nowrap;text-overflow:ellipsis;}
.owl-demo7 .item dd .boxs2:hover .h3{ color:#d10000;  }
.owl-demo7 .item dd .boxs2 .p{ color:#666666;font-size:16px; line-height:32px; height:96px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top:13px;}
.owl-demo7 .item dd .boxs2 .o_more.rbtn{ margin-top:29px; color:#999;border: 1px solid #ccc; }
.owl-demo7 .item dd .boxs2 .o_more.rbtn:hover{ color:#fff;}

/*关于我们*/
.owl-demo10{ margin:0 auto; width:102%; margin-left:-1%;  text-align:center; margin-top:6%; margin-bottom:6%; }
/*.owl-demo10.owl-carousel .owl-wrapper-outer{ overflow:visible;}*/
/* Styling Next and Prev buttons*/
.owl-demo10.owl-theme .owl-controls .owl-pagination{ }
.owl-demo10.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ margin-top:30px;}
.owl-demo10.owl-theme .owl-controls .owl-page span{display: block;width: 16px;height: 16px;margin: 10px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background:#e5e5e5;}
.owl-demo10.owl-theme .owl-controls .owl-page.active span{background:#e70012; }
.owl-demo10.owl-theme .owl-controls .owl-buttons{ position:absolute; top:50%; width:100%; left:0; height:0;display:none;}
.owl-demo10.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:18px; height:29px;/*IE7 life-saver*/ text-indent:100px; line-height:40px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:-35px;/*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); border-radius:50%;*/}
.owl-demo10.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(/web/images/left.png) center center no-repeat; background-size:100%; float:left; margin-left:-52px;}
.owl-demo10.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background-image:url(/web/images/left_on.png);opacity:0.8;filter:Alpha(opacity=80);}
.owl-demo10.owl-theme .owl-controls .owl-buttons div.owl-next{background:url(/web/images/right.png) center center no-repeat; background-size:100%; float:right; margin-right:-52px;}
.owl-demo10.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background-image:url(/web/images/right_on.png);opacity:0.8;filter:Alpha(opacity=80);}
.owl-demo10.owl-theme .owl-controls .owl-page{ display:inline-block;}

.owl-demo10 .item{margin:0 2%; }
.owl-demo10 .item dd{ overflow:hidden; position:relative;}
.owl-demo10 .item dd .imgs{ overflow:hidden;  position:relative; padding-top:59.04%;border-radius:10px;}
.owl-demo10 .item dd .imgs img{ position:absolute; top:0; left:0; width:100%; height:100%; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.owl-demo10 .item dd .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.owl-demo10 .item dd .txts{ position:absolute; bottom:0; left:0; width:100%; overflow:hidden;transition:all 0.3s;}
.owl-demo10 .item dd .txts .h3{ font-weight:normal; max-width:440px; text-align:right; width:94%; margin:0 auto; height:60px; line-height:60px;overflow:hidden; font-size:20px;  color:#fff;white-space:nowrap;text-overflow:ellipsis;}

/*产品特性*/
.owl-demo11{ margin:0 auto;  text-align:center; margin-top:3%; margin-bottom:6%; }
/*.owl-demo11.owl-carousel .owl-wrapper-outer{ overflow:visible;}*/
/* Styling Next and Prev buttons*/
.owl-demo11.owl-theme .owl-controls .owl-pagination{ display:none;}
.owl-demo11.owl-theme .owl-controls .owl-buttons{ position:absolute; top:50%; width:100%; left:0; height:0; display:none;}
.owl-demo11.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:23px; height:41px;/*IE7 life-saver*/ text-indent:100px; line-height:40px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:-20px;/*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); border-radius:50%;*/}
.owl-demo11.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(/web/images/left.png) center center no-repeat; background-size:100%; float:left; margin-left:-110px;}
.owl-demo11.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background-image:url(/web/images/left_on.png);opacity:0.8;filter:Alpha(opacity=80);}
.owl-demo11.owl-theme .owl-controls .owl-buttons div.owl-next{background:url(/web/images/right.png) center center no-repeat; background-size:100%; float:right; margin-right:-110px;}
.owl-demo11.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background-image:url(/web/images/right_on.png);opacity:0.8;filter:Alpha(opacity=80);}
.owl-demo11.owl-theme .owl-controls .owl-page{ display:inline-block;}

.owl-demo11 .item{margin:0 0%; }
.owl-demo11 .item .imgs{ position:relative; overflow:hidden; padding-top:158px; width:194px; margin:0 auto;}
.owl-demo11 .item .imgs img{ display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s; }
/*.owl-demo11 .item dd:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}*/
.owl-demo11 .item dd{  transition:all 0.3s;  position:relative;}
.owl-demo11 .item dd .txts{ width:94%; max-width:320px; margin:0 auto; overflow:hidden; text-align:center;}
.owl-demo11 .item dd .h3{ font-weight:normal; overflow:hidden;  line-height:30px; padding-top:10px; padding-bottom:10px;color:#333333;font-size:18px;transition:all 0.3s; }
.owl-demo11 .item dd:hover{transform: translate(0%, -3px);}
.owl-demo11 .item dd:hover .h3{ color:#008cd6;}
.owl-demo11 .item dd .p{ color:#999999; line-height:24px; overflow:hidden; font-size:14px;}
/*应用场景*/
.owl-demo12{ margin:0 auto;  text-align:center; margin-top:3%; margin-bottom:6%; }
/*.owl-demo11.owl-carousel .owl-wrapper-outer{ overflow:visible;}*/
/* Styling Next and Prev buttons*/
.owl-demo12.owl-theme .owl-controls .owl-pagination{ display:none;}
.owl-demo12.owl-theme .owl-controls .owl-buttons{ position:absolute; top:50%; width:100%; left:0; height:0; display:none;}
.owl-demo12.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:23px; height:41px;/*IE7 life-saver*/ text-indent:100px; line-height:40px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:-20px;/*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); border-radius:50%;*/}
.owl-demo12.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(/web/images/left.png) center center no-repeat; background-size:100%; float:left; margin-left:-110px;}
.owl-demo12.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background-image:url(/web/images/left_on.png);opacity:0.8;filter:Alpha(opacity=80);}
.owl-demo12.owl-theme .owl-controls .owl-buttons div.owl-next{background:url(/web/images/right.png) center center no-repeat; background-size:100%; float:right; margin-right:-110px;}
.owl-demo12.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background-image:url(/web/images/right_on.png);opacity:0.8;filter:Alpha(opacity=80);}
.owl-demo12.owl-theme .owl-controls .owl-page{ display:inline-block;}

.owl-demo12 .item{margin:0 3%; }
.owl-demo12 .item .imgs{ position:relative; overflow:hidden; padding-top:63%;}
.owl-demo12 .item .imgs img{ display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s; }
.owl-demo12 .item dd:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.owl-demo12 .item dd{  transition:all 0.3s;  position:relative;}
.owl-demo12 .item dd .h3{ font-weight:normal; overflow:hidden;  line-height:30px; padding-top:10px; padding-bottom:10px;color:#333333;font-size:15px;transition:all 0.3s; }
.owl-demo12 .item dd:hover .h3{ color:#008cd6;}
/*企业文化*/
.owl-demo5{ margin:0 auto; width:102%; margin-left:-1%;  text-align:center; margin-top:3%;  }
/*.owl-demo5.owl-carousel .owl-wrapper-outer{ overflow:visible;}*/
/* Styling Next and Prev buttons*/
.owl-demo5.owl-theme .owl-controls .owl-pagination{ }
.owl-demo5.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ margin-top:30px;}
.owl-demo5.owl-theme .owl-controls .owl-page span{display: block;width: 16px;height: 16px;margin: 10px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background:#e5e5e5;}
.owl-demo5.owl-theme .owl-controls .owl-page.active span{background:#e70012; }
.owl-demo5.owl-theme .owl-controls .owl-buttons{ position:absolute; top:50%; width:100%; left:0; height:0;display:none;}
.owl-demo5.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:18px; height:29px;/*IE7 life-saver*/ text-indent:100px; line-height:40px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:-35px;/*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); border-radius:50%;*/}
.owl-demo5.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(/web/images/left.png) center center no-repeat; background-size:100%; float:left; margin-left:-52px;}
.owl-demo5.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background-image:url(/web/images/left_on.png);opacity:0.8;filter:Alpha(opacity=80);}
.owl-demo5.owl-theme .owl-controls .owl-buttons div.owl-next{background:url(/web/images/right.png) center center no-repeat; background-size:100%; float:right; margin-right:-52px;}
.owl-demo5.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background-image:url(/web/images/right_on.png);opacity:0.8;filter:Alpha(opacity=80);}
.owl-demo5.owl-theme .owl-controls .owl-page{ display:inline-block;}

.owl-demo5 .item{margin:0 4%; }
.owl-demo5 .item .imgs{ overflow:hidden; position:relative;padding-top:66.8%;}
.owl-demo5 .item .imgs img{ display: block;width: 100%; height:100%; position:absolute; top:0; left:0; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
.owl-demo5 .item dd:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}
.owl-demo5 .item dd{ background:#fff; border-radius:10px; text-align:center; overflow:hidden;}
.owl-demo5 .item dd .txts{ overflow:hidden; width:96%; margin:0 auto; max-width:296px;margin-top:4%; margin-bottom:13%; }
.owl-demo5 .item dd .txts .h3{ font-weight:bold; overflow:hidden; line-height:52px; height:52px; color:#333333; white-space:nowrap;text-overflow:ellipsis;}
.owl-demo5 .item dd .txts .p2{ color:#666666;font-size:16px; line-height:32px; height:64px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


@media screen and (max-width: 1560px) {
/*合作伙伴*/
.owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-prev{ margin-left:-40px;}
.owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-next{ margin-right:-40px;}
/*荣誉资质*/
.owl-demo9.owl-theme .owl-controls .owl-buttons div.owl-prev{ margin-left:-20px;}
.owl-demo9.owl-theme .owl-controls .owl-buttons div.owl-next{ margin-right:-20px;}




}
@media screen and (max-width: 1440px) {
/*合作伙伴*/
.owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-prev{ margin-left:10px;}
.owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-next{ margin-right:10px;}

/*荣誉资质*/
.owl-demo9.owl-theme .owl-controls .owl-buttons div.owl-prev{margin-left:-10px;}
.owl-demo9.owl-theme .owl-controls .owl-buttons div.owl-next{ margin-right:-10px;}
/*公司风采*/
.owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev{ margin-left:-30px;}
.owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next{ margin-right:-30px;}
/*产品详细*/
#owl-demo6{    width: calc(100% - 80px); width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px);}
#owl-demo6.owl-theme .owl-controls .owl-buttons div{ height:88px; margin-top:-44px; width:40px;}
#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-prev{ margin-left:-40px;}
#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-next{ margin-right:-40px;}



}
@media screen and (max-width: 1360px) {
/*产品中心*/
.owl-demo7 .item dd .boxs2 .label{ font-size:16px;}
.owl-demo7 .item dd .boxs2 .p{ font-size:15px; line-height:26px; height:78px; margin-top:10px;}
.owl-demo7 .item dd .boxs2 .o_more.rbtn{ margin-top:5%;}


}

@media screen and (max-width: 1200px) {
/*荣誉资质*/
.owl-demo9 .item dd .h3{ height:60px; line-height:60px;}
/*公司风采*/
.owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev{ margin-left:-10px;}
.owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next{ margin-right:-10px;}
/*产品详细*/
#owl-demo6{ width:calc(100% - 50px);width:-webkit-calc(100% - 50px);width:-moz-calc(100% - 50px);}
#owl-demo6.owl-theme .owl-controls .owl-buttons{ display:block;}
#owl-demo6.owl-theme .owl-controls .owl-buttons div{ width:25px; height:66px; margin-top:-33px;}
#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-prev{ margin-left:-25px;}
#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-next{ margin-right:-25px;}
/*产品中心*/
.owl-demo7 .item dd .boxs2 .o_more.rbtn{ display:none;}



}
@media screen and (max-width: 960px) {
/*荣誉资质*/
.owl-demo9 .item dd .h3{ height:50px; line-height:50px; font-size:14px; }
/*历程2*/
#owl-demo8 .item dd .years b{ font-size:18px;}
#owl-demo8 .owl-item.psel .item dd .years b{ font-size:28px;}
/*公司风采*/
.owl-demo3.owl-theme .owl-controls .owl-buttons div{ width:40px; height:40px; margin-top:-20px;}
/*产品详细*/
#owl-demo6.owl-theme .owl-controls .owl-buttons div{ height:60px; margin-top:-30px; background-color:#fff;}
#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background-image:url(/web/images/left2.png); background-color:#fff;}
#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-next:hover{  background-image:url(/web/images/right2.png); background-color:#fff;}

/*产品中心*/
.owl-demo7 .item dd .boxs2 .h3{ height:36px; line-height:36px;}
.owl-demo7 .item dd .boxs2 .label{ font-size:15px;}
.owl-demo7 .item dd .boxs2 .p{ font-size:14px; line-height:24px; height:72px; margin-top:8px;}

/*关于我们*/
.owl-demo10 .item dd .txts .h3{height:50px; line-height:50px; font-size:16px;}

/*产品特性*/
.owl-demo11 .item dd .h3{ font-size:17px; line-height:26px;}
.owl-demo11 .item dd .p{ font-size:13px;}
/*应用场景*/
.owl-demo12 .item dd .h3{ font-size:14px; line-height:26px;}
/*企业文化*/
.owl-demo5 .item dd .txts .p2{ font-size:15px; line-height:28px; height:56px;}
.owl-demo5 .item dd .txts .h3{ height:44px; line-height:44px;}

}

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

/*产品中心*/
.owl-demo7 .item dd .boxs2 .h3{ height:30px; line-height:30px;}
.owl-demo7 .item dd .boxs2 .label{ font-size:14px;}
.owl-demo7 .item dd .boxs2 .p{ font-size:13px; line-height:22px; height:66px; margin-top:6px;}


}
@media screen and (max-width: 640px) {
/*合作伙伴*/
.owl-demo6.owl-theme .owl-controls .owl-buttons div{ width:18px; height:31px; margin-top:-15px;}
.owl-demo6 .item{margin:0 2%; }
.owl-demo6 .item dd{ margin-bottom:4%;}
/*历程2*/
#owl-demo8 .item dd .years b{ font-size:16px;}
#owl-demo8 .owl-item.psel .item dd .years b{ font-size:24px;}
#owl-demo8 .owl-item .item dd .years{ height:50px; line-height:38px;}
#owl-demo8 .owl-item.psel .item dd .years{ line-height:50px;}
#owl-demo8 .item dd .years:after{ top:-58px;}
/*公司风采*/
.owl-demo3{ margin-bottom:40px;}
.owl-demo3.owl-theme .owl-controls .owl-page{ margin-top:28px;}
.owl-demo3.owl-theme .owl-controls .owl-page span{ width:10px; height:10px;margin: 10px 4px;}
.owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev{ margin-left:-5px;}
.owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next{ margin-right:-5px;}
/*.owl-demo3 .item dd{ border-width:4px;}*/
/*产品详细*/
#owl-demo6{width: calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px);}
#owl-demo6.owl-theme .owl-controls .owl-buttons div{ width:20px; height:40px; margin-top:-20px; background-size:10px 20px;}
#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-prev{background-size:10px 20px; margin-left:-20px;}
#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-next{background-size:10px 20px; margin-right:-20px;}

/*关于我们*/
.owl-demo10 .item dd .txts .h3{height:40px; line-height:40px; font-size:14px;}

/*产品特性*/
.owl-demo11 .item .imgs{ width:150px; padding-top:122px;}
/*企业文化*/
.owl-demo5 .item dd .txts{ margin-bottom:10%;}
.owl-demo5 .item dd .txts .p2{ font-size:14px; line-height:26px; height:52px;}

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

}
@media screen and (max-width: 480px) {
/*荣誉资质*/
.owl-demo9.owl-theme .owl-controls .owl-buttons div{ width:15px; height:25px; margin-top:-28px;}
.owl-demo9.owl-theme .owl-controls .owl-buttons div.owl-prev{ margin-left:-5px;}
.owl-demo9.owl-theme .owl-controls .owl-buttons div.owl-next{ margin-right:-5px;}
.owl-demo9.owl-theme .owl-controls .owl-page{ margin-top:25px;}
.owl-demo9.owl-theme .owl-controls .owl-page span{ width:12px; height:12px;}
.owl-demo9 .item dd .h3{ font-size:13px; height:40px; line-height:40px; }
.owl-demo9 .item{ margin:0 3%;}
/*历程2*/
#owl-demo8.owl-theme .owl-controls .owl-buttons div{ width:12px; height:20px; margin-top:-70px;}
/*公司风采*/
.owl-demo3{ margin-bottom:20px;}
.owl-demo3.owl-theme .owl-controls .owl-page{ margin-top:15px;}
.owl-demo3.owl-theme .owl-controls .owl-buttons div{ width:30px; height:30px; margin-top:-15px;}
/*关于我们*/
.owl-demo10.owl-theme .owl-controls .owl-page{ margin-top:25px;}
.owl-demo10.owl-theme .owl-controls .owl-page span{ width:12px; height:12px;}
.owl-demo10 .item dd .txts .h3{height:30px; line-height:30px; font-size:13px;}
/*产品特性*/
.owl-demo11{ margin-top:4%;}
.owl-demo11 .item .imgs{ width:130px; padding-top:106px;}
.owl-demo11 .item dd .h3{ font-size:15px; line-height:22px; padding-top:5px; padding-bottom:5px;}
.owl-demo11 .item dd .p{ font-size:12px; line-height:22px;}
/*应用场景*/
.owl-demo12{ margin-top:4%;}
.owl-demo12 .item dd .h3{ font-size:13px; line-height:22px; padding-top:5px; padding-bottom:5px;}
/*企业文化*/
.owl-demo5{ margin-top:5%;}
.owl-demo5 .item{margin:0 3%; }
.owl-demo5 .item dd .txts .p2{ font-size:13px; line-height:22px; height:44px; margin-top:1%;}
.owl-demo5 .item dd .txts .h3{ height:32px; line-height:32px;}
}

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

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

}


.f100{ font-size:100px;}
.f68{ font-size:68px;}
.f62{ font-size:62px;}
.f60{ font-size:60px;}
.f52{ font-size:52px;}
.f48{ font-size:48px;}
.f44{ font-size:44px;}
.f42{ font-size:42px;}
.f40{ font-size:40px;}
.f36{ font-size:36px;}
.f32{ font-size:32px;}
.f30{ font-size:30px;}
.f28{ font-size:28px;}
.f26{ font-size:26px;}
.f24{ font-size:24px;}
.f20{ font-size:20px;}
.divhidden{ display:none;}
.c_l{ clear:both;}
.wrap { width:96%;}
.wrap3 { width:96%;}
/*视频弹窗*/
.mainFilter{width: 100%;height: 100%;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 100;display: none;background: url(/web/images/about_bg.png);}
.popupVideo {
  max-width: 800px;
  width:96%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 120;
  display: none;
  border-radius:4px;
  outline:none;
}
.popupVideo iframe,
.popupVideo video {
  width: 100%;
  max-height:500px;
  background:#000;
}
.popupVideo .close {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 18px;
  right: 18px;
  background: url(/web/images/c10.png) no-repeat center;
  cursor: pointer;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  border-radius:50%;
  z-index:2;
}
.popupVideo .close:hover {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
   background-color:#292f46;
    background-image:url(/web/images/c10.png);
}
.popupVideo .video_t{ height:60px; line-height:60px; overflow:hidden; background:#fff; padding-left:18px; color:##424242; font-size:18px; font-weight:400; display:none;}
@media screen and (max-width: 1400px) {
.f100{ font-size:90px;}
.f68{ font-size:58px;}
.f62{ font-size:60px;}
.f60{ font-size:58px;}
.f52{ font-size:50px;}
.f48{ font-size:46px;}
.f44{ font-size:42px;}
.f42{ font-size:40px;}
.f40{ font-size:38px;}
.f36{ font-size:34px;}
.f32{ font-size:30px;}
.f30{ font-size:28px;}
.f28{ font-size:26px;}
.f26{ font-size:24px;}
.f24{ font-size:22px;}
.f20{ font-size:18px;}


}
@media only screen and (max-width: 1200px) {
.f100{ font-size:80px;}
.f68{ font-size:54px;}
.f62{ font-size:52px;}
.f60{ font-size:50px;}
.f52{ font-size:46px;}
.f48{ font-size:42px;}
.f44{ font-size:40px;}
.f42{ font-size:36px;}
.f40{ font-size:34px;}
.f36{ font-size:30px;}
.f32{ font-size:26px;}
.f30{ font-size:25px;}
.f28{ font-size:23px;}
.f26{ font-size:22px;}
.f24{ font-size:20px;}
.f20{ font-size:17px;}
}
@media only screen and (max-width: 960px) {
.f100{ font-size:70px;}
.f68{ font-size:49px;}
.f62{ font-size:44px;}
.f60{ font-size:43px;}
.f52{ font-size:42px;}
.f48{ font-size:38px;}
.f44{ font-size:34px;}
.f42{ font-size:30px;}
.f40{ font-size:28px;}
.f36{ font-size:25px;}
.f32{ font-size:22px;}
.f30{ font-size:22px;}
.f28{ font-size:21px;}
.f26{ font-size:20px;}
.f24{ font-size:19px;}
.f20{ font-size:16px;}


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

}
@media only screen and (max-width: 780px) {
.f100{ font-size:60px;}
.f68{ font-size:44px;}
.f62{ font-size:42px;}
.f60{ font-size:41px;}
.f52{ font-size:40px;}
.f48{ font-size:34px;}
.f44{ font-size:30px;}
.f42{ font-size:28px;}
.f40{ font-size:26px;}
.f36{ font-size:23px;}
.f32{ font-size:21px;}
.f30{ font-size:20px;}
.f28{ font-size:20px;}
.f26{ font-size:19px;}
.f24{ font-size:18px;}
.f20{ font-size:15px;}
/*视频弹窗*/
.popupVideo .video_t{ font-size:16px; height:50px; line-height:50px;}
.popupVideo .close{ top:13px; right:13px;}
}

@media only screen and (max-width: 640px) {
.f100{ font-size:50px;}
.f68{ font-size:40px;}
.f62{ font-size:38px;}
.f60{ font-size:37px;}
.f52{ font-size:36px;}
.f48{ font-size:30px;}
.f44{ font-size:26px;}
.f42{ font-size:24px;}
.f40{ font-size:23px;}
.f36{ font-size:21px;}
.f32{ font-size:19px;}
.f30{ font-size:19px;}
.f28{ font-size:18px;}
.f26{ font-size:17px;}
.f24{ font-size:16px;}
.f20{ font-size:14px;}

}

@media only screen and (max-width: 500px) {
.f100{ font-size:45px;}
.f68{ font-size:36px;}
.f62{ font-size:34px;}
.f60{ font-size:32px;}
.f52{ font-size:30px;}
.f48{ font-size:26px;}
.f44{ font-size:22px;}
.f42{ font-size:20px;}
.f40{ font-size:20px;}
.f36{ font-size:19px;}
.f32{ font-size:19px;}
.f30{ font-size:18px;}
.f28{ font-size:17px;}
.f26{ font-size:16px;}
.f24{ font-size:15px;}
/*视频弹窗*/
.popupVideo .video_t{ font-size:15px; height:44px; line-height:44px; padding-left:12px;}
.popupVideo .close{ top:10px; right:10px;}
}

@media only screen and (max-width: 360px) {
.f100{ font-size:40px;}
.f68{ font-size:32px;}
.f62{ font-size:30px;}
.f60{ font-size:28px;}
.f52{ font-size:26px;}
.f48{ font-size:22px;}
.f44{ font-size:20px;}
.f42{ font-size:18px;}
.f40{ font-size:18px;}
.f36{ font-size:18px;}
.f32{ font-size:17px;}
.f30{ font-size:16px;}
.f28{ font-size:16px;}
.f26{ font-size:15px;}
/*视频弹窗*/
.popupVideo .video_t{ font-size:14px;}
}

@keyframes warn {
 0% {
  transform: scale(0);
  opacity: 0.0;
 }
 25% {
  transform: scale(0.3);
  opacity: 0.7;
 }
 50% {
  transform: scale(0.5);
  opacity: 1.0;
 }
 75% {
  transform: scale(0.8);
  opacity: 0.7;
 }
 100% {
  transform: scale(1);
  opacity: 0;
 }
}
@-webkit-keyframes "warn" {
 0% {
  -webkit-transform: scale(0);
  opacity: 0.0;
 }
 25% {
  -webkit-transform: scale(0.3);
  opacity: 0.7;
 }
 50% {
  -webkit-transform: scale(0.5);
  opacity: 1.0;
 }
 75% {
  -webkit-transform: scale(0.8);
  opacity: 0.7;
 }
 100% {
  -webkit-transform: scale(1);
  opacity: 0;
 }
}
/*客服*/
.zhankai{display:none;}
.additional-features {
  position: fixed;
  right: 0px;
  bottom: 180px;
  z-index: 200;
 /* width: 80px;*/
  box-sizing: border-box;
 /* display:none;*/
  /*border:1px solid #e5e5e5;*//* box-shadow: 2px 2px 25px rgba(0,0,0,0.1);*/
    
}
.additional-features:after{ content:""; position:absolute; top:-24px; height:29px; width:59px; left:-4px; background:url(/web/images/right_ico1.png) no-repeat; background-size:100% 100%;-webkit-animation-name: bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 2s;  animation-duration: 2s;  -webkit-animation-fill-mode: both;   animation-fill-mode: both;}
.additional-features.show{ display:block;}
.additional-features li {
  position: relative;
  padding-top:1px;
 
 border-bottom:1px solid #e6e6e6;
 border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;
  width: 72px;
  height: 70px;
  line-height: 1;
  cursor: pointer;
  background-color: rgba(255,255,255,1.0);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)";
  transition: all 0.2s linear;
  box-sizing: border-box;
  
}
/*.additional-features li.kf{
  background-color: #00b43c;
}
.additional-features li.kf:hover{
  background-color: #009632;
}*/
.db { position: fixed;cursor:pointer;
  right: 0px;
  bottom: 114px;
  padding-top:6px; width: 72px;
  height:70px; border-radius:0 0 6px 6px;  background-color: rgba(255,255,255,1); z-index:1; box-sizing: border-box;border-left:1px solid #eeeeee;border-right:1px solid #eeeeee; border-bottom:1px solid #dddddd;
}
.db:hover{ background-color: #e70012; border-color:#e70012;}
.additional-features li.xx{/*border-bottom:0;*/border-radius:6px 6px 0 0; }
.additional-features li.xx .xx-dot{
  position: absolute;
  display: block;
  top:13px;
  right:13px;
  width: 7px;
  height: 7px;
  background-color: #ff1e00;
  border-radius: 50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
}

.additional-features li.rx .revi-hotline-wrapper {
  display: none;
  position: absolute;
  left: -222px;
  bottom: -5px;
  width: 235px;
  height: 80px;
}
.additional-features li.rx.active .revi-hotline-wrapper { display:block;}
.additional-features li.rx .revi-hotline {
  position: absolute;
  left: 0;
  width: 221px;
  height: 80px;
  background-color: #fff;
  border: 1px solid #ddd;
  cursor: text;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  box-shadow: -2px 3px 25px rgba(0,0,0,0.1);
  padding-left:12px;
}
.additional-features li.rx .revi-hotline h3 {
  margin: 16px 0 8px;
  font-family: 'Arial',"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,PingFang SC,"Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;
  font-size: 28px;
  color: #e70012;
  font-weight:normal;
}
.additional-features li.rx .revi-hotline h4{ font-weight:normal; font-size:13px;}
/*.additional-features li.xz{border-bottom:0;border-radius: 0 0 6px 6px; }*/
.additional-features li.xz .xz-ewm {
  display: none;
  position: absolute;
  top: -19px;
  left: -114px;
  width: 100px;
  height: 100px;
}
.additional-features li.xz .xz-ewm:after{ content:""; position:absolute; right:-12px; top:50%; margin-top:-6px;width: 0;  height: 0;border-width: 6px;border-style: solid;border-color: transparent transparent transparent #fff; z-index:1;}
.additional-features li.xz.active .xz-ewm { display:block;}
.additional-features li.xz a {
  position: absolute;
  left: 0;
  width: 100px;
  height: 100px;
  /*border: 1px solid #ddd;*/
  /*-moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;*/
  background: url("../img/weixin.jpg") #fff center center;
  background-size: cover;
  /*box-shadow: 2px 2px 25px rgba(0,0,0,0.1);*/
}
.additional-features li p {
  font-size: 12px;
  color: #666666;
  text-align: center;
}
.additional-icon {
  margin:0 auto 1px;
  width: 36px;
  height: 36px;
  margin-top:3px;
/*  background: url("/web/images/tiny-icon.png");
  background: url("/web/images/tiny-icon@1x.png")\9;
  background-size: 72px 591px;*/
}
.additional-features li .additional-icon.icon1 {
background:url(/web/images/right_pic1.png) center center no-repeat;
}
.additional-features li .additional-icon.icon2 {
background:url(/web/images/right_pic2.png) center center no-repeat;
}
.additional-features li.active .additional-icon.icon2 {background-image:url(/web/images/right_pic2_on.png)}
.additional-features li .additional-icon.icon3 {
background:url(/web/images/right_pic3.png) center center no-repeat;
}
.additional-features li.active .additional-icon.icon3 {background-image:url(/web/images/right_pic3_on.png)}
.additional-features li .additional-icon.icon4 {
  background:url(/web/images/right_pic4.png) center center no-repeat;
}
.additional-features li.active .additional-icon.icon4 {background-image:url(/web/images/right_pic4_on.png)}
.additional-features li .additional-icon.icon6 {
  background:url(/web/images/right_pic6.png) center center no-repeat;
}
.additional-features li.active .additional-icon.icon6 {background-image:url(/web/images/right_pic6_on.png)}
.db .additional-icon.icon5 {
 background:url(/web/images/right_pic5.png) center center no-repeat;
}
.db.active .additional-icon.icon5 {background-image:url(/web/images/right_pic5_on.png); }
.db p {font-size: 12px;color: #666666; text-align: center;}
.db:hover p{ color:#fff;}
.db:hover .additional-icon.icon5{background-image:url(/web/images/right_pic5_on.png); }
.additional-features li.active {
  background-color: #e70012;
 /*background:url(/web/images/right_bg1.jpg) center center no-repeat; background-size:cover;*/
  border-color: #e70012;
}
.additional-features li.active span {
  display: none;
}
.additional-features li.active p {
  color: #fff;
}
.opa-0{opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0); display:none;}



@media screen and (max-width: 1440px) {
/*客服*/
.additional-features { width:68px;}
.additional-features li { width:68px; height:68px;}
.additional-features li .additional-icon { margin-top:5px;}
.db{ width:68px;}
}
@media screen and (max-width: 780px) {
.f_weixin{display:none;}
.additional-features li:not(.zhankai){ display:none;}
.wrapper .kai li{display:block;transition:1s;}
.zhankai{display:block;border-radius:6px;}
.wrapper .kai .zhankai {border-radius:0 0 6px 6px;}

.db{ display:none!important;}

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




}
@keyframes scaleAnim{
    0%{         
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
/*内页*/
.postions{ height:72px; line-height:72px; overflow:hidden;color:#999999; font-size:15px; background:#fff; border-bottom:1px solid #e7e7e7;-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.04);box-shadow: 0 5px 10px rgba(0,0,0,.04);}
/*.postions.bgs2{-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.04);box-shadow: 0 5px 5px rgba(0,0,0,.04); margin-bottom:15px;}*/
.postions.bgs3{ background:#f6f6f6; border-bottom:0;-webkit-box-shadow:0;box-shadow:0; margin-bottom:0;}
.postions.bgs4{ background:none;border-bottom:0;-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0);box-shadow: 0 5px 10px rgba(0,0,0,0);}
.posadd .postions{ position:fixed; top:0; left:0; width:100%; z-index:5;}
.postions a{color:#999999; }
.postions a:hover{ color:#e70012;}
.postions label{ color:#999999;}
.postions .postions_r{}
.postions .postions_r img{ vertical-align:text-top; margin-right:8px; margin-left:11px; height:18px;}
.postions .postions_r img:first-child{ margin-left:0;}
.postions h2{ float:left; font-weight:normal; color:#fff; height:58px; }
.postions h2 span{font-size:15px; font-family:Arial; color:rgba(255,255,255,0.5); }
.postions .rclass{ float:right;background:url(/web/images/pos_bg2.png) left center no-repeat;background-size:20px auto;  padding-left:25px;-webkit-tap-highlight-color: #fff;-webkit-tap-highlight-color: transparent; display:none;}
.postions .postions_b{ text-align:center;}
.postions .postions_b a{ /*float:left;*/ display:inline-block; vertical-align:top; text-align:center;overflow:hidden; font-size:16px; color:#333333; position:relative;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:0; margin-left:25px; margin-right:25px; }
.postions .postions_b a:hover{color:#e70012;}
.postions .postions_b a:after{content: "";display: block;position: absolute;left: 50%;right:50%; bottom: 0px;height:3px;opacity: 0;background:#e70012;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:-1;}
.postions .postions_b a.isel:after{left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a:hover:after{left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a.isel{color:#e70012; }
/*分类弹窗*/
.about_bgs{z-index: 19891024;background:url(/web/images/about_bg.png) repeat; width: 100%; height: 100%;  position: fixed;  left: 0;  top: 0;  display: none;}
.about_tc .closed2{ display:none;}

.o_big_con{ overflow:hidden; position:relative;}
.o_big{ overflow:hidden; background-repeat:no-repeat; background-position:70% center; background-size:cover; position:relative;  width:100%;-webkit-animation:scaleAnim 5s ease forwards; animation: scaleAnim 5s ease forwards;}
.o_big img{ width:100%;filter: Alpha(Opacity=0);opacity: 0;}
.o_big_con .cons{ position:absolute; top:0; left:0; width:100%; height:100%;}
.o_big_con .cons .wrap{ height:100%; display:table; }
.o_big_con .cons .wrap2{ height:100%; display:table; }
.o_big_con .h2{font-weight:normal; display:table-cell; vertical-align:middle;   text-transform:uppercase; text-align:left;}
.o_big_con .h2 label{width:100%; display:block;color:rgba(255,255,255,1.0); font-weight:bold;background-image:-webkit-linear-gradient(bottom,rgba(255,255,255,0.01),rgba(255,255,255,0.3),rgba(255,255,255,0.5));  -webkit-background-clip:text; -webkit-text-fill-color:transparent; position:absolute; top:0px; left:0; z-index:-1;}
.o_big_con .h2 span{ position:relative; display:block;/* overflow:hidden; */color:rgba(255,255,255,1.0);  font-family:"微软雅黑"; line-height:1;  padding-top:80px; padding-bottom:40px;  position:relative; font-weight:bold; z-index:0; margin-bottom:50px;}
.o_big_con .h2 span:after{ content:""; position:absolute; bottom:0; left:0; height:4px; width:28px; background:#e70012;}
.o_big_con.bgs2 .h2 label{color:rgba(102,102,102,1.0);background-image:-webkit-linear-gradient(bottom,rgba(102,102,102,0.01),rgba(102,102,102,0.3),rgba(102,102,102,0.5));}
.o_big_con.bgs2 .h2 span{ color:#333333;}
.adicon{  position: absolute; bottom: 25px; right: 4%;-webkit-transform: translate3d(0, 0, 0) rotate(90deg);transform: translate3d(0, 0, 0) rotate(90deg);-webkit-transform-origin: center right;-ms-transform-origin: center right; transform-origin: center right; -webkit-font-smoothing: antialiased; font-size:14px;
 color: #fff; -webkit-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; transition: opacity .2s ease-out;line-height: 1; z-index: 20;}
.adicon a { text-decoration: none; display: -webkit-box; display: -ms-flexbox;  display: flex; color: #fff;}
.l-scrollDown__iconBar {}
.l-scrollDown__iconBarInner {}
.l-scrollDown__iconBar { width: 110px; height: 1px; background: rgba(255, 255, 255, 0.3); display: block; position: relative;  overflow: hidden; margin: auto 0 auto 20px;}
.l-scrollDown__iconBarInner { position: absolute; top: 0px; right: -240px;width: 240px; height: 1px; -webkit-animation: scroll-bar 2s cubic-bezier(0.63, 0.09, 0.38, 0.81) infinite; animation: scroll-bar 2s cubic-bezier(0.63, 0.09, 0.38, 0.81) infinite; background-color: #fff;}

.l-scrollDown--posi { color: #111;}
.l-scrollDown--posi .l-scrollDown__iconBar { background: #dce0e3}
.l-scrollDown--posi .l-scrollDown__iconBarInner {background-color: #333;}


/*分页*/
.yema{ width:100%; text-align:center; clear:both; overflow:hidden; padding-top:4%; padding-bottom:5%; clear:both;}
.yema.bgs3{ padding-top:1%;}
.yema.bgs2{ text-align:right;}
.yema a{ display:inline-block; height:44px; line-height:42px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:48px;margin-left:3px;  text-align:center; color:#999999; font-size:18px; border:1px solid #f5f5f5; background:#f5f5f5; border-radius:6px;}
.yema.bgs4 a{ background:#fff; border:1px solid #fff;}
.yema a:hover{ text-decoration:none; color:#fff; background:#e70315;border:1px solid #e70315;}
.yema a.on{color:#fff;  background:#e70315;border:1px solid #e70315;}
.yema a.first,.yema a.last{ margin-right:0;  }
.yema a.first:hover,.yema a.last:hover{background-color:#e70315;}
.yema a span{ font-family:"宋体"; font-size:16px;}
/*暂无内容*/
.nodata{ clear:both; max-width:1200px; margin:0 auto; overflow:hidden; text-align:center; margin-top:13%; margin-bottom:13%; background:url(/web/images/nodata.png) center top no-repeat; background-size:auto 169px; padding-top:180px;}
.nodata .title{ color:#555555; font-size:18px; overflow:hidden; margin-top:2%; line-height:26px;}
.nodata .desc{color:#999999; font-size:14px; overflow:hidden; line-height:24px; margin-top:5px;}

.postions2{ position:absolute; left:0; width:100%; height:56px; line-height:56px; overflow:hidden;color:rgba(255,255,255,0.5); font-size:14px; bottom:0; background:rgba(0,0,0,0.4);}
.postions2.bgs2{ position:static;}
.postions2 a{color:rgba(255,255,255,0.5); }
.postions2 a:hover{ color:#fff;}
.postions2 label{ color:rgba(255,255,255,0.5);}
.postions2 .postions_r{ float:left;}
.postions2 .postions_r img{ vertical-align:top; margin-right:12px;height:15px; margin-top:20.5px;}
.postions2 .postions_r img:first-child{ margin-left:0;}
.postions2 h2{ float:left; font-weight:normal; color:#fff; height:58px; }
.postions2 h2 span{font-size:15px; font-family:Arial; color:rgba(255,255,255,0.5); }
.i_t{ margin-top:5%; text-align:center;  overflow:hidden;}
.i_t .p{ color:#222222; font-weight:bold;  overflow:hidden; line-height:1.2;  font-family:Arial; text-transform:uppercase; margin-bottom:0.6%;}
.i_t .p span{ color:#e70012;}
.i_t .h3{ font-weight:normal; overflow:hidden; line-height:1;color:#222222;}
/* 鼠标跟随 --> */
#c-followDot { position: fixed;top: 0;left: 0; width: 4px;height: 4px;border-radius: 50%; background-color: #e70012; z-index: 999; pointer-events: none;}
#c-followDot .c-default { position: absolute;top: -18px; left: -18px;width: 40px; height: 40px;border: 1px solid #9c9c9c; border-radius: 50%; opacity: .2; box-sizing: border-box;z-index: 99; -webkit-transition: all 0.6s; transition: all 0.6s;}
#c-followDot .c-hover { position: absolute; top: -38px; left: -38px; width: 80px; height: 80px; background-color: #e70012; border-radius: 50%; opacity: .12; z-index: 98;
  box-sizing: border-box; transform: scale(0, 0);-webkit-transform: scale(0, 0);  -webkit-transition: all 0.6s;transition: all 0.6s;}
#c-followDot.c-active .c-default {transform: scale(0, 0);-webkit-transform: scale(0, 0);}
#c-followDot.c-active .c-hover { transform: scale(1, 1); -webkit-transform: scale(1, 1);}


/*关于我们*/
.map{ position:relative; top:-50px;}
.about_bg1{ overflow:hidden;}
.about_one{ overflow:hidden; margin-top:8%; margin-bottom:5%;}
.about_one .about_one_t{ float:left; width:31.6%; overflow:hidden; position:relative; margin-right:2%; }
.about_one .about_one_t .desc{ color:#666666; overflow:hidden;  font-size:20px; line-height:1.2;}
.about_one .about_one_t .h3{ font-weight:normal; overflow:hidden; line-height:1.3; margin-top:2%; color:#333333;}
.about_one .mlogo{ display:block; margin-top:76px; max-width:100%;}
.about_one .about_one_con{ overflow:hidden; color:#666; font-size:15.5px; line-height:36px;}
.about_one .about_one_con .h3{ color:#333; font-weight:bold; overflow:hidden; line-height:1.3;margin-bottom:1.5%;}
/*数字*/
.about_one .counter{   text-align:left; margin-top:5%;}
.about_one .counter ul li{ float:left; width:25%;   transition:all 0.3s; position:relative; overflow:hidden;}
.about_one .counter ul li .txts2{ display:inline-block; vertical-align:top; }
.about_one .counter ul li .nums{ color:#333333; line-height:1;}
.about_one .counter span{display:inline-block; vertical-align:top; overflow:hidden; letter-spacing:1px;  }
.about_one .counter label{display:inline-block;vertical-align:bottom;  line-height:2;font-weight:500;  }
.about_one .counter ul li:nth-child(1) label{font-size:16px;}
.about_one .counter ul li:nth-child(4) label{font-size:20px;}
.about_one .counter .h6{ font-weight: normal; font-size:16px;  overflow:hidden; line-height:20px;  margin-top:8px;  color:#333333;}
.about_one .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}

.about_one_ul{ overflow:hidden; margin-top:6%; margin-bottom:6%; }
.about_one_ul ul li{ float:left; width:32.33%; margin-right:1.5%; margin-bottom:2%; overflow:hidden; position:relative;}
.about_one_ul ul li:nth-child(3n+0){ margin-right:0;}
.about_one_ul ul li .imgs{ overflow:hidden;  position:relative; padding-top:59.04%;border-radius:10px;}
.about_one_ul ul li .imgs img{ position:absolute; top:0; left:0; width:100%; height:100%; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.about_one_ul ul li .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.about_one_ul ul li .txts{ position:absolute; bottom:0; left:0; width:100%; overflow:hidden;transition:all 0.3s;}
.about_one_ul ul li .txts .h3{ font-weight:normal; max-width:440px; text-align:right; width:94%; margin:0 auto; height:60px; line-height:60px;overflow:hidden; font-size:20px;  color:#fff;white-space:nowrap;text-overflow:ellipsis;}


.about_t{ margin-top:7%;  overflow:hidden;}
.about_t .desc{color:#666666; overflow:hidden;  font-size:20px; line-height:1.2;}
.about_t .h3{  font-weight:bold; overflow:hidden; line-height:1.2; margin-top:1%; color:#333333;}

.about_two_bg{ background:#ececec; overflow:hidden;}
.about_two{ margin-top:3%; margin-bottom:7%; overflow:hidden;}
.about_two .p{ overflow:hidden; color:rgba(51,51,51,0.8); font-size:16px; line-height:36px; max-width:900px;}
.about_two_ul{ margin-top:3%; overflow:hidden;}
.about_two_ul li{ float:left; width:23.5%; margin-right:2%; overflow:hidden; text-align:center; background:#fff; border-radius:10px;}
.about_two_ul li:nth-child(4n+0){ margin-right:0;}
.about_two_ul li .imgs{ overflow:hidden; position:relative; padding-top:66.8%;}
.about_two_ul li .imgs img{display: block;width: 100%; height:100%; top:0; left:0; position:absolute;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.about_two_ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.about_two_ul li .txts{ overflow:hidden; width:96%; margin:0 auto; max-width:296px;margin-top:4%; margin-bottom:13%; }
.about_two_ul li .txts .h3{ font-weight:bold; overflow:hidden; line-height:52px; height:52px; color:#333333; white-space:nowrap;text-overflow:ellipsis;}
.about_two_ul li .txts .p2{ color:#666666;font-size:16px; line-height:32px; height:64px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/*荣誉资质*/
.about_three{ overflow:hidden; background:#f7f7f7; background-size:cover;}
/*发展历程*/
.history_two{margin-top:3.5%;overflow:hidden; text-align:left;}
.history_two .history_two_con{ display:none; position:relative; overflow:hidden;}
.history_two .imgs{  width:50%;  float:left; overflow:hidden; border-radius:4px;}
.history_two .imgs img{ width:100%; height:100%; display:block;-webkit-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
.history_two:hover .imgs img{-webkit-transform:scale(1.12, 1.12); -moz-transform:scale(1.12, 1.12); -o-transform:scale(1.12, 1.12); -ms-transform:scale(1.12, 1.12); transform:scale(1.12, 1.12);}
.history_two .txts{  width:48%;  position:absolute; top:0; right:0; height:100%; max-width:690px; overflow:hidden;display: flex; align-items: center; justify-content: left;}
.history_two .txts .year{ width:100%; font-weight:normal; color:#333333; overflow:hidden; line-height:56px;}
.about_history{ overflow:hidden;}
/*发展历程2*/
.about-page .history {
 margin-top:3.5%;
}
.about-page .history .gallery-top .swiper-slide {
  overflow: hidden;
}
.about-page .history .gallery-top .pic{width: 50%; float: left;overflow: hidden;border-radius: 4px;}
.about-page .history .gallery-top .text{width: 48%;position: absolute; top: 0;right: 0; height: 100%; max-width: 690px; overflow: hidden;  display: flex;  align-items: center; justify-content: left;}
.about-page .history .gallery-top img {
   width:100%; height:100%; display:block;-webkit-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
}
.about-page .history .gallery-top .pic:hover img{-webkit-transform:scale(1.12, 1.12); -moz-transform:scale(1.12, 1.12); -o-transform:scale(1.12, 1.12); -ms-transform:scale(1.12, 1.12); transform:scale(1.12, 1.12);}

.about-page .history .gallery-top .txt{
   width:100%; font-weight:normal; color:#333333; overflow:hidden; /*line-height:56px;*/font-size: 16px;line-height: 36px;
}
.about-page .history .gallery-thumbs {
  margin-top: 2.4%; margin-bottom:6%;
}
.about-page .history .gallery-thumbs .swiper-slide {
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  background: url(/web/images/history_ruler2.png) no-repeat center top;
  background-size: 100% auto;
  padding-top: 70px; color:#666;
  cursor: pointer;transition:all 0.3s; height:112px;
}
.about-page .history .gallery-thumbs .swiper-slide-thumb-active {
  color: #e70012; font-size:3.2rem; background-image:url(/web/images/history_ruler2_on.png);
}
/*公司风采*/
.about_four{ background:#efefef; overflow:hidden;}
/*产品分类*/
.o_more2.rbtn{padding: 0 19px; display: inline-block;font-size: 1.6rem; color: #fff; background: #e70012; background-size: cover; border-radius: 6px; font-style:normal;}
.o_more2.rbtn span{height: 50px; line-height: 50px; background: url(/web/images/i_pic1.png) no-repeat right center; background-size: 7px 12px; padding-right: 21px;}
.o_more.rbtn{padding: 0 30px; display: inline-block;font-size: 1.6rem; color: #666666; background-size: cover; border-radius: 6px; font-style:normal; border:1px solid #cacaca;}
.o_more.rbtn span{height: 50px; line-height: 50px; background: url(/web/images/i_pic3.png) no-repeat right center; background-size: 8px 15px; padding-right: 21px;}
.o_more.rbtn:hover span{ background-image:url(/web/images/i_pic3_on.png);}
.o_more.rbtn:hover{ color:#fff; border:none;}
.o_more.rbtn::after{background: #e70012;}
.product_ul{ overflow:hidden;margin-top:5%; margin-bottom:3%;}
.product_ul li{ display:block; overflow:hidden;margin-bottom:2%; position:relative; border-radius:10px;}
.product_ul li .imgs{ overflow:hidden;transition: 0.45s;}
.product_ul li:hover .imgs{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.product_ul li .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.product_ul li .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.product_ul li .txts{ overflow:hidden; width:100%;  position:absolute; left:0; top:0; height:100%;display: flex; align-items: center; justify-content: left;}
.product_ul li .boxs{ width:94%; margin:0 auto; max-width:1300px; overflow:hidden;}
.product_ul li .txts .cons{ width:60%; overflow:hidden;max-width:410px; float:left;}
.product_ul li:nth-child(2n+0) .txts .cons{ float:right;}
.product_ul li .txts .h4{ font-weight:normal;  line-height:1.3; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#333333; }
.product_ul li .txts .p{ overflow:hidden; line-height:32px;margin-top:7%; font-size:18px; color:#666666;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.product_ul li .txts .o_more{ font-style:normal; margin-top:13%;}
.product_ul li.bgs2 .o_more.rbtn{ color:#fff;border: 1px solid #fff;}
.product_ul li.bgs2 .o_more.rbtn span{background-image:url(/web/images/i_pic3_on.png);}
.product_ul li.bgs2 .txts .h4{ color:#fff;}
.product_ul li.bgs2 .txts .p{ color:#fff;}
/*产品列表*/
.product_title{  line-height:1.3; color:#333333; margin-top:6%;}
.product_ul2{ margin-top:4%;  }
.product_ul2 li{ float:left; width:48.5%; position:relative; margin-bottom:3%;  }
.product_ul2 li:nth-child(2n+0){ float:right;}
.product_ul2 li .boxs2{ background:#fff;box-shadow: 2px 2px 15px rgba(0,0,0,0.1);   overflow:hidden;transition:all 0.3s;}
.product_ul2 li .boxs2:hover{box-shadow: 2px 2px 15px rgba(0,0,0,0.15);}
.product_ul2 li .boxs2 .txts{ position:absolute;  width:53.33%; right:0; top:0; height:100%; background:#f7f7f7; overflow:hidden;display: flex; align-items: center; justify-content: left;}
.product_ul2 li .boxs2 .imgs{ float:left; position:relative; padding-top:48%;transition:all 0.3s; width:48%;}
.product_ul2 li .boxs2 .imgs img{ display: block;width: 100%; height:100%; position:absolute; top:0; left:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
.product_ul2 li .boxs2:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}
.product_ul2 li .boxs2 .boxs{ margin:0 auto; position:relative;width:90%; max-width:310px;}
.product_ul2 li .boxs2 .label{ display:block; text-align:left; height:24px; line-height:24px; color:#333333;  font-size:18px;transition:all 0.3s;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
.product_ul2 li .boxs2 .h3{ font-weight:bold; height:40px; line-height:40px;  overflow:hidden; color:#333333;  transition:all 0.3s;white-space:nowrap;text-overflow:ellipsis;}
.product_ul2 li .boxs2:hover .h3{ color:#d10000;  }
.product_ul2 li .boxs2 .p{ color:#666666;font-size:16px; line-height:32px; height:96px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top:13px;}
.product_ul2 li .boxs2 .o_more.rbtn{ margin-top:29px; color:#999;border: 1px solid #ccc; }
.product_ul2 li .boxs2 .o_more.rbtn:hover{ color:#fff;}
/*产品详细*/
.productDetails{ overflow:hidden;}
.productDetails .information:after{content:"";height:0;display:block;clear:both}
.productDetails .product_one_l{ float:left;width:748px;/* overflow:hidden;*/ position:relative; }
.productDetails .product_one_l .pro_big2{ overflow:hidden; margin-bottom:11px;border:1px solid #e6e6e6;}
.productDetails .product_one_l .big_img{width:100%;}
.productDetails .information{ background:#fff; overflow:hidden;/*margin-bottom:4%;*/}
.productDetails .information .boxs2{/* margin:0 auto; width:96%; max-width:1540px;*/ margin-top:4%;/* margin-bottom:4%;*/}
.productDetails .information .conten{ overflow:hidden; position:relative; min-height:476px; }
.productDetails .information .conten .boxs{ max-width:720px;  width:96%;overflow:hidden; float:right;}
.productDetails .information .h2{font-weight:normal; line-height:48px;color: #333333; overflow:hidden;font-size:32px; margin-top:4.8%; }
.productDetails .information .p{ color:#666666; font-size:18px; overflow:hidden; line-height:1.6;}
.productDetails .information .ul{overflow:hidden;}
.productDetails .information .ul li{ display:block; border-bottom:1px solid #e6e6e6; overflow:hidden; padding-top:18px; padding-bottom:18px;font-size: 16px;}
.productDetails .information .ul li .ico{ height:45px; float:left; margin-right:14px;}
.productDetails .information .ul li .h4{ height:22px; line-height:22px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#666666; font-size:16px;}
.productDetails .information .ul li .date{height:22px; line-height:22px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#666666; font-size:14px;}
.productDetails .information .ul li:hover .h4{ color:#e70012;}
.productDetails .information .txt{overflow:hidden; color:#666666; font-size:16px; line-height:36px; margin-top:3.5%; padding-top:3.5%; padding-bottom:3.5%; padding-right:40px; border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6; }
.productDetails .information .rend{ margin-top:7%; overflow:hidden;display:none;}
.productDetails .information .zhixun{ float:left;display:block; height:52px; line-height:52px;  overflow:hidden;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;color:#fff; background:url(/web/images/product_pic3.png) #707070 22px center no-repeat; background-size:20px 19px; font-size:18px; width:151px;  text-align:left;  text-indent:50px;  border-radius:6px;}
.productDetails .information .zhixun:hover{color:#fff;  background-color:#e70315; }
.productDetails .information .zhixun.bgs2{ background-image:url(/web/images/product_pic2.png); background-color:#e70315; color:#fff; margin-right:20px;}
.productDetails .information .zhixun.bgs2:hover{opacity:0.8;filter:Alpha(opacity=80); }
/*产品放大*/
.productDetails .product_one_l .content_timglt{overflow:hidden; text-align:center; position: relative;  }
.productDetails .product_one_l .content_timglt#bid{padding-top:63.807%;}
.productDetails .product_one_l .content_timglt#bid img{position:absolute; top:0; left:0; height:100%;}
.productDetails .product_one_l .content_timglt img{ width:100%;  overflow: hidden; margin:0 auto; /*border:1px solid #e4e4e4;*/-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.productDetails .product_one_l .content_timglt .content_timglt{ width:calc(100% - 0x);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px); }
.productDetails .product_one_l #drag_img{width: 160px; height: 120px; background: url(/web/images/zoom_bg.gif) repeat; float: left; display: none;}
.productDetails .information .conten .content_timgr{ width: 746px; height: 476px; float: left; overflow: hidden; display: inline; border: 1px solid #eee; display: none; position: absolute; left: 0; top:0; background-color: #FFF; z-index:9;}
.productDetails .information .conten .content_timgr img{ max-width:none;width: 1100px; height:703px; }
.product_con{ margin-top:3%; overflow:hidden; line-height:26px; font-size:18px; color:#333333; }
.product_con table{border-collapse:collapse;border-spacing:0; margin-bottom:5px;/*width: max-content;*/ width:100%; }
.product_con table td{ text-align:center;border:1px ; /*width:25%;*/ height:70px; padding-top:3px; padding-bottom:3px;padding-left:5px; padding-right:5px;}
/*.product_con table tr td:nth-child(2n+1){ background:#f7f7f7;}*/
.product_con img{ max-width:100%;}
.product_con2{ margin-top:3%; overflow:hidden; line-height:32px; font-size:16px; color:#666666; border:1px solid #cccccc; margin-bottom:6%;}
.product_con2 img{ max-width:100%;}
.product_con2 .boxs{ max-width:1400px; width:94%; margin:0 auto; overflow:hidden; margin-top:3%; margin-bottom:5%;}
.product_bg{ background:#f7f7f7; overflow:hidden;}
/*常见问题*/
.faq_box{ margin-top:7%; overflow:hidden; margin-bottom:6%;}
.faq_l{ float:left; overflow:hidden; width:26%; margin-right:2%; position:relative; padding-bottom:25px; margin-bottom:5%; }
.faq_l:before{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#cccccc;}
.faq_l a{ display:block; margin-bottom:25px; height:36px; line-height:36px; position:relative; overflow:hidden; color:#333333;font-size:20px; padding-left:24px;max-width:90px; }
.faq_l a:after{ content:""; position:absolute; left:0; top:50%; bottom:50%; width:3px; height:0;transition:all 0.3s; background:#e70012; overflow:hidden;}
.faq_l a.on:after{ height:100%; top:0; bottom:0;}
.faq_l a:hover:after{ height:100%; top:0; bottom:0;}
.faq_r{  overflow:hidden;}
.faq_r .faq_t{ line-height:1; color:#333333;  font-weight:bold;}
.faq_r .faq_ul{ margin-top:2%;overflow:hidden;border-top:1px solid #cccccc;}
.faq_r .faq_ul ul li{ display:block; overflow:hidden;background:url(/web/images/faq_pic2.png) right 18px top 20px no-repeat;transition:all 0.3s; cursor:pointer;-webkit-tap-highlight-color:transparent; background-size:12px 6px; border-bottom:1px solid #cccccc; }
.faq_r .faq_ul ul li:hover{ background-image:url(/web/images/faq_pic2_on.png);}
.faq_r .faq_ul ul li:hover .h3{   color:#e70012;}
.faq_r .faq_ul ul li.on .h3{ /*background-image:url(/web/images/faq_bg1_on.png);*/ color:#e70012; font-weight:bold;}
.faq_r .faq_ul ul li.on{ background-image:url(/web/images/faq_bg4_on.png);}
.faq_r .faq_ul ul li .h3{ font-weight:normal; overflow:hidden; padding-top:10px; padding-bottom:10px;line-height:30px;/*white-space:nowrap;text-overflow:ellipsis;*/  color:#333333; transition:all 0.3s; position:relative; font-size:16px;padding-right:40px;}
.faq_r .faq_ul ul li .down{ overflow:hidden; line-height:28px; font-size:16px;padding: 1% 0 1%  0; display: none;  color:#666666; border-top:1px solid #cccccc;padding-right:60px;font-size:16px;}
.faq_more{ display:block; width:160px; margin:0 auto; margin-top:5%; overflow:hidden; text-align:center; border:1px solid #d9d9d9; color:#999999; height:52px; line-height:52px; font-size:18px; border-radius:6px;}
.faq_more.rbtn:after{ z-index:-1;}
.faq_more.rbtn:hover{ color:#fff;}
.faq_more i{ font-style:normal;}
.faq_more em{font-style:normal;}
/*合作案例*/
.case_ul{ margin-top:5%; overflow:hidden; }
.case_ul li{ float:left; width:32%; position:relative; margin-bottom:2%; margin-right:2%; background:#f7f7f7; border-radius:10px; overflow:hidden;  }
.case_ul li:nth-child(3n+0){ margin-right:0;}
.case_ul li .imgs{  position:relative; padding-top:57.4%; overflow:hidden;}
.case_ul li .imgs img{ display: block;width: 100%; height:100%; position:absolute; top:0; left:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
.case_ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}
.case_ul li .txts{ margin:0 auto; position:relative;width:94%; max-width:440px; padding-right:70px; background-repeat:no-repeat; background-position:right 20px center; background-size:54px 54px;transition:all 0.3s;}
.case_ul li:hover .txts{ background-image:url(/web/images/case_pic1.png);background-position:right 10px center; }
.case_ul li .txts .h3{ font-weight:bold; height:68px; line-height:34px;  overflow:hidden; color:#333333;  transition:all 0.3s;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin-top:28px; font-size:20px;}
.case_ul li:hover .txts .h3{ color:#e70012;  }
.case_ul li .txts .p{ color:#999999;font-size:14px; line-height:30px; height:30px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-top:6px; margin-bottom:33px;}
/*新闻资讯详细*/
.about_x2{ float:left; width:71%; padding-bottom:1%; padding-right:1%;padding-top:4%;}
.about_x2.bgs2{ float:none; width:100%; padding-right:0;}
.about_x2 .show_t{ line-height:40px; font-size:30px; color:#333333; text-align:left; margin-bottom:1%; margin-top:5px; font-weight:normal;}
.about_x2 .con_line{ padding-bottom:9px; line-height:36px;font-size:14px; color:#999999; border-bottom:1px solid #e0e0e0; text-align:left;  }
.about_x2 .con_line.bgs2{ font-size:20px; color:#333333;}
.about_x2 img{margin-bottom:10px; /*display:block; */max-width:100%;}
.about_x2 .con_id{ line-height:32px;overflow:hidden;white-space:normal;word-break:break-all; padding-top:3%;font-size:16px; color:#666666;text-align:left;/* font-family:"宋体";*/ padding-bottom:4%;}
.about_x2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2 .con_id p{ padding-bottom:10px; overflow:hidden;}
.about_x2 table{border-collapse:collapse;border-spacing:0;}
.about_x2 table td{ line-height:22px;height:27px; /*border:1px solid #000;*/}
.prenext{ padding-top:2%; padding-bottom:2%;   font-size:16px;margin-bottom:5%;border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;overflow:hidden; line-height:34px;text-align:left;  }
.prenext span{ width:100%; overflow:hidden; height:34px;white-space:nowrap;text-overflow:ellipsis; display:block; color:#999999;padding-right:70px; }
.prenext a{ color:#666666; overflow:hidden; transition:all 0.3s;}
.prenext a:hover{ color:#e70012;  text-decoration:none;}
.prenext .goback{ float:right; display:inline-block; vertical-align:top; height:68px; line-height:34px; padding-top:34px; color:#333333; margin-top:-68px; background:url(/web/images/case_pic2.png) center top 10px no-repeat; background-size:21px 15px;transition:all 0.3s;}
.prenext .goback:hover{  color:#e70012; background-image:url(/web/images/case_pic2_on.png);}
.fenxiang{ float:right;}
.fenxiang div.social-share{ display:inline-block; vertical-align:top;}
.fenxiang .news_fx{ text-align:center;display:inline-block; vertical-align:top;  padding-left:3px; padding-right:3px;}
.fenxiang .news_fx ul li{ display:inline-block; width:30px; height:30px;  margin-left:2px; margin-right:2px; background-repeat:no-repeat; background-size:100% 100%; cursor:pointer;}
.fenxiang .news_fx ul li.bgs1{ background-image:url(/web/images/fx_pic1.png);}
.fenxiang .news_fx ul li.bgs2{ background-image:url(/web/images/fx_pic2.png);}
.fenxiang .news_fx ul li.bgs3{ background-image:url(/web/images/fx_pic3.png); position:relative;}
.fenxiang .news_fx ul li:hover{transition:all 0.3s/*;opacity:0.8;filter:Alpha(opacity=80);*/}
.fenxiang .news_fx ul li.bgs1:hover{ background-image:url(/web/images/fx_pic1_on.png);}
.fenxiang .news_fx ul li.bgs2:hover{ background-image:url(/web/images/fx_pic2_on.png);}
.fenxiang .news_fx ul li.bgs3:hover{ background-image:url(/web/images/fx_pic3_on.png);}
.fenxiang .news_fx ul li a{ display:block; width:30px; height:30px; padding:0; margin:0;}
.fenxiang .news_fx ul li a:hover{ background:none;}
.fenxiang .social-share .icon-qq:before{ content:"";}
.fenxiang .social-share .icon-qq{ border:0;}
.fenxiang .social-share .icon-qq:hover{ background-image:url(/web/images/fx_pic1_on.png);background-size:100% 100%;}
.fenxiang .social-share .icon-wechat:before{ content:"";}
.fenxiang .social-share .icon-wechat{ border:0;}
.fenxiang .social-share .icon-wechat:hover{ background-image:url(/web/images/fx_pic3_on.png);background-size:100% 100%;}
.fenxiang .social-share .icon-weibo:before{ content:"";}
.fenxiang .social-share .icon-weibo{ border:0;}
.fenxiang .social-share .icon-weibo:hover{ background:url(/web/images/fx_pic2_on.png) no-repeat;background-size:100% 100%;}


.news_r{ float:right; /*overflow:hidden;*/ background:#fff; width:26%; max-width:400px; margin-top:3%; margin-bottom:5%;}
.news_r .news_t{ font-weight:normal;  overflow:hidden; position:relative; padding-left:10px;}
.news_r .news_t .h2{ font-weight:normal; color:#333333; font-size:24px; margin-right:30px;height:64px; line-height:64px;}
.news_ul3{ overflow:hidden; }
.news_ul3 li{ display:block;position:relative; margin-bottom:4%;background:#f7f7f7; border-radius:10px; overflow:hidden;  }
.news_ul3 li .imgs{  position:relative; padding-top:57.4%; overflow:hidden;}
.news_ul3 li .imgs img{ display: block;width: 100%; height:100%; position:absolute; top:0; left:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
.news_ul3 li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}
.news_ul3 li .txts{ margin:0 auto; position:relative;width:94%; max-width:350px;}
.news_ul3 li .txts .h3{ font-weight:bold; padding-top:5px; padding-bottom:5px;line-height:24px;  overflow:hidden; color:#333333;  transition:all 0.3s;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:15px; font-size:16px;}
.news_ul3.bgs2 li .txts .h3{ font-size:20px;}
.news_ul3 li:hover .txts .h3{ color:#e70012;  }
.news_ul3 li .txts .p{ color:#999999;font-size:14px; line-height:24px; height:24px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom:18px;}
.news_ul3.bgs2 li .txts .p{ margin-top:2px;}
.news_sm{ color:#999999; font-size:14px; margin-top:3%; margin-bottom:3%;}
.news_label{ overflow:hidden; margin-bottom:2%;}
.news_label li{float:left; width:33.33%; overflow:hidden; padding-right:1%; margin-bottom:1%;}
.news_label li.sec{ width:50%;}
.news_label li a{ display:block;  height:38px; line-height:38px; background:#f2f2f2; text-align:center; color:#666666; font-size:16px;transition:all 0.3s; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news_label li a:hover{ color:#fff; background:#e70012;}
/*解决方案*/
.about_con{ overflow:hidden; line-height:30px;font-size:16px; color:#333;position:relative; margin-top:5%; margin-bottom:5%; }
.about_con .imgs{ float:left; width:50%; overflow:hidden; border-radius:10px; }
.about_con .imgs img{ width:100%; margin-bottom:0; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.about_con .imgs:Hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.about_con .txts{ position:absolute; right:0; top:0%; width:48%;max-width:740px; height:100%;display: flex; align-items: center; justify-content: left;}
.about_con .cons{ width:96%; margin:0 auto; max-width:630px; overflow:hidden;}
.about_con .h2{ color:#333333; font-weight:normal;line-height:1.2; margin-top:1.5%; }
.about_con .label{ display:block; font-weight:normal;  color:#333333;  line-height:1.3; overflow:hidden;  font-size:20px;}
.about_con .p{ overflow:hidden; margin-top:3%;}
.solution_bg{ background:#f7f7f7; overflow:hidden;}
.solution_bg .case_ul{ margin-bottom:5%;}
.solution_bg .case_ul li{ background:#fff;}
.solution_bg .case_ul li .txts .h3{ font-size:24px; font-weight:normal;}
.solution_bg .case_ul li .txts .p{ color:#666; font-size:16px;}
.solution_bg2{ background:#ececec; overflow:hidden;}
.solution_bg2 .wrap{ padding-top:3%; padding-bottom:3%;}
.solution_bg2 .solution_l{ float:left;line-height:54px; overflow:hidden; color:#333333; font-weight:bold;}
.solution_bg2 .solution_l span{ color:#e70012;}
.solution_bg2 .solution_a{ float:right; padding-left:28px; padding-right:28px; overflow:hidden; height:54px; line-height:54px; border-radius:6px; color:#fff; font-size:18px; background:#e70012;transition:all 0.3s;}
.solution_bg2 .solution_a span{ margin-left:15px; font-size:20px; font-family:"宋体"; font-weight:bold; display:inline-block; vertical-align:middle;}
.solution_bg2 .solution_a:hover{opacity:0.8;filter:Alpha(opacity=80);}
/*解决方案详细*/
.solution_title{  line-height:1.6; color:#333333; margin-top:1%; border-top:1px solid #cccccc; padding-top:4%;}
.solution_ul{ overflow:hidden; margin-top:2%; }
.solution_ul li{ float:left; width:49%;position:relative; margin-bottom:2%; border-radius:10px; overflow:hidden;  }
.solution_ul li:nth-child(2n+0){ float:right;}
.solution_ul li .imgs{  position:relative; padding-top:66%; overflow:hidden;}
.solution_ul li .imgs img{ display: block;width: 100%; height:100%; position:absolute; top:0; left:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
.solution_ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}
.solution_ul li .txts{  position:absolute;width:100%; bottom:0; height:50px; line-height:50px; left:0; overflow:hidden; background:rgba(0,0,0,0.6);}
.solution_ul li .txts .h3{ max-width:470px; width:94%; margin:0 auto; font-weight:normal;  overflow:hidden; color:#fff;  transition:all 0.3s;white-space:nowrap;text-overflow:ellipsis; font-size:16px;}
.about_x2  .faq_more{ margin-top:3%; margin-bottom:5%;}
/*联系我们*/
.contact_one{ overflow:hidden; margin-top:5%;}
.contact_one .wrap{position:relative; z-index:0; }
.contact_pos{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;display: flex; align-items: center; justify-content: left;background:#f7f7f7; border-radius:10px;}
.contact_l{ float:left; width:50%; overflow:hidden; height:700px;}
.contact_l .divhidden{ display:block;opacity:0;filter:Alpha(opacity=0); height:0; overflow:hidden;}
.contact_l .divhidden.on{opacity:1.0;filter:Alpha(opacity=100); height:auto;}
.contact_l iframe{height: 700px;}
.contact_r{ float:right; width:50%;overflow:hidden;}
.contact_r .boxs{ width:94%; margin:0 auto; max-width:570px;}
.contact_r .label{ display:block; color:#666666; font-size:16px; line-height:1.3;}
.contact_r .h4{ font-weight:normal; overflow:hidden; line-height:1.2; color:#333;}
.contact_r .contact_ul{ overflow:hidden; border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;  margin-top:6%; margin-bottom:5%; padding-top:2px; padding-bottom:36px;}
.contact_r .contact_ul li{ display:block; overflow:hidden; padding-top:22px; color:#666666; font-size:16px;  line-height:30px;}
.contact_r .contact_ul li label{ display:block; overflow:hidden; color:#333333; font-size:18px; font-weight:bold;}
.contact_r .contact_ul li a{ color:#666666;}
.contact_r .contact_ul li a:hover{ color:#e70012;}
.contact_r .contact_ul li .p{ background:url(/web/images/contact_pic3.png) left 6px no-repeat; background-size:14px 19px; padding-left:27px; margin-top:7px;transition:0.3s;}
.contact_r .contact_ul li .p:hover{background-position:5px;}
.contact_r .contact_ul2{ clear:both;}
.contact_r .contact_ul2 dd{ display:block; margin-bottom:20px; line-height:36px; font-size:16px; color:#666666; background-repeat:no-repeat; background-size:auto 17px; background-position:left 10px;}
.contact_r .contact_ul2 dd:last-child{ margin-bottom:0;}
.contact_r .contact_ul2 dd.bgs1{ background-image:url(/web/images/contact_pic4.png); padding-left:30px;}
.contact_r .contact_ul2 dd.bgs2{ background-image:url(/web/images/contact_pic5.png);padding-left:30px;}
.contact_r .contact_ul2 dd .tel{ color:#e70012;}
.contact_r .contact_ul2 dd a{color:#666666;}
.contact_r .contact_ul2 dd a:hover{color:#e70012;}

.contact_two{ overflow:hidden; margin-top:2%;}
.contact_two li{ float:left; width:49%; overflow:hidden; background:#f7f7f7; border-radius:10px;margin-bottom:20px;}
.contact_two li:nth-child(2n+0){ float:right;}
.contact_two li .boxs{ width:94%; margin:0 auto; max-width:660px; padding-top:30px; padding-bottom:30px; overflow:hidden;}
.contact_two li .txts{ float:left; width:calc(98% - 100px);width:-webkit-calc(98% - 100px);width:-moz-calc(98% - 100px); color:#666666; font-size:16px;}
.contact_two li .txts .h4{ font-weight:bold; height:26px; line-height:26px; overflow:hidden; color:#333333; font-size:18px;}
.contact_two li .txts dd{ line-height:36px; overflow:hidden;background-repeat:no-repeat; background-size:auto 17px; background-position:left 10px;}
.contact_two li .txts dd.bgs1{ padding-left:30px; background-image:url(/web/images/contact_pic4.png);}
.contact_two li .txts dd.bgs2{ padding-left:30px; background-image:url(/web/images/contact_pic5.png);}
.contact_two li .imgs{ margin-top:6px; width:100px; float:right; color:#666666; font-size:14px; line-height:28px;}
.contact_two li .imgs img{ display:block; width:100%;}

.product_feedback{ background:url(../img/product_img3.jpg) center bottom no-repeat; background-size:cover;padding-top:7%; padding-bottom:7%;}
.product_feedback.bgs2{ background-image:url(/web/images/contact_pic6.png);}
.product_feedback .product_feedback_l{ text-align:left; float:left; width:48%; overflow:hidden;}
.product_feedback .product_feedback_l .label{ display:block; overflow:hidden; line-height:24px; font-size:20px; color:#333333;}
.product_feedback .product_feedback_l .h4{ font-weight:bold; line-height:60px; height:60px; overflow:hidden; position:relative; color:#333333;}
.product_feedback .product_feedback_l .desc{ font-size:18px; color:#333333; line-height:1.5; margin-top:1%;}
.product_feedback .product_feedback_r{ text-align:left; float:right; width:50%; overflow:hidden;}
.product_feedback .product_feedback_r .divs{ overflow:hidden; border:1px solid #cccccc; margin-bottom:10px; bprder=radois:4px;}
.product_feedback .product_feedback_r .inputs {
  width: 100%;
  height: 58px;
  line-height: 58px;
  padding: 0 18px;
  font-size: 1.4rem;
  background:none; color:#333; border:none;
}
.product_feedback .product_feedback_r .inputs::-webkit-input-placeholder {
  color: #999999;
}
.product_feedback .product_feedback_r .inputs:-moz-placeholder {
  color: #999999;
}
.product_feedback .product_feedback_r .inputs::-moz-placeholder {
  color: #999999;
}
.product_feedback .product_feedback_r .inputs:-ms-input-placeholder {
  color: #999999;
}
.product_feedback .textarea{ padding:1%; width:100%; padding-left:18px; background:none; font-size:14px; border:none; outline:none; color:#333; height:136px;font-family:"PingFang-Regular","PingFang SC Regular","微软雅黑"; }
.product_feedback .textarea::-webkit-input-placeholder {
  color: #999999;
}
.product_feedback .textarea:-moz-placeholder {
  color: #999999;
}
.product_feedback .textarea::-moz-placeholder {
  color: #999999;
}
.product_feedback .textarea:-ms-input-placeholder {
  color: #999999;
}
.product_feedback .bnts{ width:100%; margin:0 auto; display:block; overflow:hidden;line-height:60px; height:60px; background:#e70012; outline:none;-webkit-tap-highlight-color:transparent;transition:all 0.3s; cursor:pointer; color:#fff; font-size:16px; border:none; letter-spacing:2px; }
.product_feedback .bnts:hover{ background:#f25461;}
/*分享2*/
.contact_r .contact_fx{ text-align:left; padding-top:1%;}
.contact_r .contact_fx ul li{ display:inline-block; margin-right:12px; vertical-align:top; width:28px; height:24px; background-repeat:no-repeat; background-size:100% 100%;transition:all 0.3s;}
.contact_r .contact_fx ul li a{ display:block; width:100%; height:100%;margin:0; position:relative;transition:all 0.3s;}
.contact_r .contact_fx ul li:last-child{ margin-right:0;}
.contact_r .contact_fx ul li a:hover{filter: Alpha(Opacity=80);opacity: 0.8;}
.contact_r .contact_fx ul li.weixin{ /*background-image:url(/web/images/fx1.png); */}
.contact_r .contact_fx ul li.weixin a{ background:url(/web/images/contact_fx2.png) center center no-repeat;background-size:100% 100%;}
.contact_r .contact_fx ul li.weixin a:hover{filter: Alpha(Opacity=100);opacity: 1.0; background-image:url(/web/images/contact_fx2_on.png);}
.contact_r .contact_fx ul li.weixin.douyin a{ background:url(/web/images/contact_fx4.png) center center no-repeat;background-size:100% 100%;}
.contact_r .contact_fx ul li.weixin.douyin a:hover{filter: Alpha(Opacity=100);opacity: 1.0; background-image:url(/web/images/contact_fx4_on.png);}
.contact_r .contact_fx ul li.weixin.shipinhao a{ background:url(/web/images/contact_fx5.png) center center no-repeat;background-size:100% 100%;}
.contact_r .contact_fx ul li.weixin.shipinhao a:hover{filter: Alpha(Opacity=100);opacity: 1.0; background-image:url(/web/images/contact_fx5_on.png);}
.contact_r .contact_fx ul li.weixin .wem1{width: 203px; bottom:29px; text-align: center;  position: absolute; margin-left:-88px;margin-top: -203px; background-image: url(../img/ewm.png);background-repeat: no-repeat; height:0; overflow:hidden;transition:all 0.3s;}
.contact_r .contact_fx ul li.weixin .wem1 img{ width:155px; height:155px; margin-right:5px;transition:all 0.3s; }

.contact_r .contact_fx ul li.weixin a:hover .wem1{ height:195px;padding-top: 20px; padding-bottom:20px;}
.contact_r .contact_fx ul li.sina{ background-image:url(/web/images/contact_fx3.png);}
.contact_r .contact_fx ul li.sina:hover{ background-image:url(/web/images/contact_fx3_on.png);}
.contact_r .contact_fx ul li.qq{ background-image:url(/web/images/contact_fx1.png);}
.contact_r .contact_fx ul li.qq:hover{ background-image:url(/web/images/contact_fx1_on.png);}
.contact_r .contact_fx ul li a{ display:block; width:100%; height:100%;}
/*.contact_r .foot_a ul li:hover{ background-color:#fff;}*/
.contact_fx .social-share .social-share-icon{ width:28px; height:24px; line-height:24px; vertical-align:top;}
.contact_fx .social-share .social-share-icon:hover{background:none;}
.contact_fx .social-share .icon-qq:before{ content:"";}
.contact_fx .social-share .icon-qq{ border:0;}
.contact_fx .social-share .icon-qq:hover{ background-image:url(/web/images/contact_fx1_on.png);background-size:100% 100%;}
.contact_fx .social-share .icon-wechat:before{ content:"";}
.contact_fx .social-share .icon-wechat{ border:0;}
.contact_fx .social-share .icon-wechat:hover{ background-image:url(/web/images/contact_fx2_on.png);background-size:100% 100%;}
.contact_fx .social-share .icon-sina:before{ content:"";}
.contact_fx .social-share .icon-sina{ border:0;}
.contact_fx .social-share .icon-sina:hover{ background:url(/web/images/contact_fx3_on.png) no-repeat;background-size:100% 100%;}
/*视频列表*/
.video_ul{ margin-top:5%; }
.video_ul ul li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%;position:relative;}
.video_ul ul li:nth-child(4n+0){ margin-right:0;}
.video_ul ul li .imgs{ overflow:hidden;position:relative; padding-top:66.8%;}
.video_ul ul li .imgs:after{ content:""; background:rgba(0,0,0,0.2); top:0; left:0; width:100%; height:100%; position:absolute; z-index:1;}
.video_ul ul li:hover .imgs:after{background:rgba(0,0,0,0.4);}
.video_ul ul li .imgs img{display: block;width: 100%; height:100%; position:absolute; top:0; left:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.video_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.video_ul ul li .boxs{ max-width:350px; width:96%; margin:0 auto;}
.video_ul ul li .h3{font-weight:bold; font-size:20px;  line-height:30px; height:30px; color:#333333; margin-top:16px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.video_ul ul li .p{ overflow:hidden;line-height:24px; height:48px; color:#666666; font-size:16px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:8px; margin-bottom:4px;}
.video_ul ul li:hover .h3{ color:#bb2c23;}
.video_ul ul li i{ display:block; width:52px; height:52px; margin-top:-26px; margin-left:-26px; position:absolute; left:50%; top:50%;background:url(/web/images/video_pic1.png) center center no-repeat; background-size:100%;transition:all 0.3s; z-index:2;}
.video_ul ul li:hover i{transform:scale(1.1, 1.1); background-image:url(/web/images/video_pic1_on.png);}
/*资料下载*/
.down_ul{ overflow:hidden; margin-top:5%; }
.down_ul ul li{ float:left; width:49%; display:block; overflow:hidden; background:url(/web/images/down_bg1.png) right center no-repeat; background-size:cover;  padding-top:2.8%; padding-bottom:2.8%; margin-bottom:2%; border-radius:10px; }
.down_ul ul li:nth-child(2n+0){ float:right;}
.down_ul ul li .boxs{ margin:0 auto; width:94%; max-width:660px;}
.down_ul ul li .imgs{ float:left; height:200px; width:200px; margin-top:0px; }
.down_ul ul li .txts{ float:right; margin-left:4%; padding-left:4%; overflow:hidden;width:calc(88% - 174px);width:-webkit-calc(88% - 174px);width:-moz-calc(88% - 174px); border-left:1px solid #eeeeee;}
.down_ul ul li .nmores{ display:block; font-style:normal; margin-top:20px;  overflow:hidden; margin-bottom:13px;}
.down_ul ul li .nmores a{ float:left; padding-top:24px; text-align:center; margin-right:35px; background-repeat:no-repeat; background-position:center top; background-size:24px 15px;transition:all 0.3s; color:#666666; font-size:16px; line-height:24px;}
.down_ul ul li .nmores a:hover{ color:#e70012;}
.down_ul ul li .nmores a.bgs1{ background-image:url(/web/images/down_pic3.png);}
.down_ul ul li .nmores a.bgs2{ background-image:url(/web/images/down_pic4.png);}
.down_ul ul li .nmores a.bgs1:hover{ background-image:url(/web/images/down_pic3_on.png);}
.down_ul ul li .nmores a.bgs2:hover{ background-image:url(/web/images/down_pic4_on.png);}
.down_ul ul li .nmores a.bgs1.dis:hover{background-image:url(/web/images/down_pic3.png);color:#666666;}
.down_ul ul li .h3{  overflow:hidden; line-height:30px; height:60px;/*text-overflow: ellipsis;white-space: nowrap;*/ text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;font-size:20px; color:#333333; margin-top:3px; font-weight:bold;}
.down_ul ul li .date{ overflow:hidden; color:#666666; font-size:14px; line-height:30px; height:30px; margin-top:6px;}
/*网站地图*/
.website_bg{ overflow:hidden; background:#f2f9fc; padding-bottom:5%; padding-top:1.5%;}
.website_t{ height:36px; line-height:36px; background:#F2F0EC; color:#333; font-weight:bold; padding-left:12px; font-size:16px; margin-top:20px; margin-bottom:17px;}
.website_t a{color:#333; }
.sitemap_main{ overflow:hidden;}
.sitemap_main dd{font-size: 14px; line-height: 31px;text-align: center; background:#fff;  white-space: nowrap; display: block; float: left;height: 31px; width:calc(19.2% - 2px);width:-webkit-calc(19.2% - 2px);width:-moz-calc(19.2% - 2px); margin-right:1%; margin-bottom:1%; overflow: hidden; border: 1px dashed #dddddd;text-overflow: ellipsis;}
.sitemap_main dd:nth-child(5n+0){ margin-right:0;}
.sitemap_main dd a{ display:block; color:#333;}
.sitemap_main dd a:Hover{color:#e70012; }

@media screen and (max-width: 1600px) {
/*内页*/
.postions .postions_b a{margin-left:20px; margin-right:20px;}

}


@media screen and (max-width: 1440px) {
/*内页*/
.postions{ height:56px; line-height:56px; font-size:14px;}
.postions .postions_b a{margin-left:16px; margin-right:16px;}
/*产品分类*/
.o_more2.rbtn{ font-size:15px;}
.o_more2.rbtn span{ height:46px; line-height:46px;}
/*产品详细*/
.productDetails .product_one_l{ width:650px;}
.productDetails .information .conten{ min-height:414px;}
.productDetails .information .conten .content_timgr{ width:650px; height:415px;}
.productDetails .information .conten .content_timgr img{ width: 1000px; height:639px; }
.productDetails .information .h2{ margin-top:3%;}
.productDetails .information .txt{ line-height:30px; font-size:15px; padding-top:3%; padding-bottom:3%;}
.productDetails .information .rend{ margin-top:5%;}
/*新闻资讯详细*/
.news_r .news_t .h2{ margin-right:20px; font-size:22px;}
}
@media screen and (max-width: 1360px) {
/*内页*/
.o_big_con .h2 span{ padding-top:70px; padding-bottom:36px;}
/*产品列表*/
.product_ul2 li .boxs2 .label{ font-size:16px;}
.product_ul2 li .boxs2 .p{ font-size:15px; line-height:26px; height:78px; margin-top:10px;}
.product_ul2 li .boxs2 .o_more.rbtn{ margin-top:5%;}
/*合作案例*/
.case_ul li .txts{ padding-right:60px;}
/*资料下载*/
.down_ul ul li .imgs{height:122px; width:118px;}
.down_ul ul li .txts{ padding-left:8%; margin-left:2%;    width: calc(92% - 118px);width: -webkit-calc(92% - 118px); width: -moz-calc(92% - 118px);}
}
@media screen and (max-width: 1200px) {
/*内页*/
.postions h2{ font-size:18px;}
.postions h2 span{ font-size:14px;}
.postions .postions_b a{margin-left:12px; margin-right:12px;}
.adicon{ display:none;}
/*内页*/
.o_big_con .h2 span{ padding-top:60px;padding-bottom:30px; margin-bottom:40px;}
.postions2{ line-height:40px; height:40px;}
.postions2 .postions_r img{ margin-top:12.5px;}
/*发展历程*/
.history_two .txts .year{ line-height:46px;}
/*发展历程2*/
.about-page .history .gallery-top .pic,
.about-page .history .gallery-top .text {
	width: 100%;
	float: none;
}
.about-page .history .gallery-top .txt{line-height:46px;}
.about-page .history .gallery-thumbs .swiper-slide {
	font-size: 2rem; 
	/*background-size: 100% 14px;
	padding-top: 24px;*/
}
.about-page .history .gallery-thumbs .swiper-slide-thumb-active { font-size:3.2rem;}
/*产品分类*/
.o_more.rbtn:hover{ background-color:#e70012;}
.product_ul li .txts .p{ font-size:16px; line-height:30px;}
/*产品列表*/
.product_ul2 li .boxs2 .o_more.rbtn{ display:none;}
/*产品详细*/
.productDetails .product_one_l{ width:500px;}
.productDetails .information .conten{ min-height:317px;}
.productDetails .information .conten .content_timgr{ width:500px; height:320px;}
.productDetails .information .conten .content_timgr img{ width: 800px; height:511px; }
.productDetails .information .txt{ font-size:14px; line-height:30px; padding-top:2%; padding-bottom:2%;}
.productDetails .information .h2{ font-size:30px; line-height:42px; margin-top:0;}
.productDetails .information .rend{ margin-top:4%;}
.productDetails .information .zhixun{ height:42px; line-height:42px; font-size:16px; width:140px;}
.productDetails .information .ul li{ padding-top:10px; padding-bottom:10px;}
.productDetails .information .ul li .h4{ font-size:15px;}
.productDetails .information .ul li .date{ font-size:13px;}
/*常见问题*/
.faq_r .faq_ul ul li .h3{ font-size:15px;}
.faq_r .faq_ul ul li .down{ font-size:15px; padding-right:50px;}
.faq_more.rbtn:hover{ background-color:#e70012;}
/*合作案例*/
.case_ul li .txts{ padding-right:50px;background-size: 44px 44px; background-position:right 10px center;}
.case_ul li:hover .txts{ background-position:right 0 center;}
.case_ul li .txts .h3{ font-size:18px; margin-top:20px; height:60px; line-height:30px;}
.case_ul li .txts .p{ margin-bottom:20px; line-height:26px; height:26px;}
/*解决方案*/
.about_con{ font-size:15px; line-height:26px;}
.about_con .label{ font-size:18px;}
.solution_bg .case_ul li .txts .h3{ font-size:22px;}
.solution_bg .case_ul li .txts .p{ font-size:15px;}
/*联系我们*/
.contact_l{ height:700px;}
.contact_l iframe{height: 700px;}
/*视频列表*/
.video_ul ul li{  width:32%;}
.video_ul ul li:nth-child(4n+0){ margin-right:2%;}
.video_ul ul li:nth-child(3n+0){ margin-right:0;}
.video_ul ul li .h3{ font-size:18px;}
.video_ul ul li .p{ font-size:15px;}
/*网站地图*/
.sitemap_main dd{width:calc(24.25% - 2px);width:-webkit-calc(24.25% - 2px);width:-moz-calc(24.25% - 2px);}
.sitemap_main dd:nth-child(5n+0){ margin-right:1%;}
.sitemap_main dd:nth-child(4n+0){ margin-right:0;}
}

@media screen and (max-width: 1100px) {
/*内页*/
.postions{ height:50px; line-height:50px;}
.postions .postions_b a{margin-left:8px; margin-right:8px;}
/*分页*/
.yema a{ height:36px; line-height:34px;min-width:40px; font-size:16px;}
/*产品详细*/
.productDetails .information .conten .content_timgr{ display:none!important;}
.productDetails .product_one_l #drag_img{ display:none!important;}
.productDetails .information .conten .boxs{ max-width:none;}
.productDetails .information .txt{  font-size:13px; line-height:26px;}
.productDetails .information .p{ font-size:16px;}
.productDetails .information .h2{ font-size:26px;line-height:40px;}
/*新闻资讯详细*/
.about_x2{ width:74%;}

}
@media screen and (max-width: 1000px) {
/*联系我们*/
.contact_l{ height:600px; width:100%;}
.contact_l iframe{height: 600px;}
.contact_pos{ display:block; position:static;padding-top:4%; padding-bottom:5%; clear:both; overflow:hidden;}
.contact_r{ float:none; width:100%; max-width:none;  }
.contact_r .boxs{ max-width:none;}
.contact_r .contact_ul{ margin-top:4%; padding-bottom:4%; margin-bottom:4%;}
.contact_r .contact_ul li{ padding-top:2.5%;}
.contact_r .contact_ul2 dd{ margin-bottom:2%; line-height:30px;background-position: left 8px;}
.product_feedback .product_feedback_l{ float:none; text-align:center; width:100%;}
.product_feedback .product_feedback_r{ float:none; width:100%; margin-top:3%;}
.product_feedback.bgs2{ background:none;}
}
@media screen and (max-width: 960px) {
/*内页*/
.postions .postions_r img{ height:12px;}
.postions .rclass{ display:block;}
.postions .postions_b{ display:none;}
.postions .postions_b a{ float:none; font-size:15px; display:block; margin-left:0; margin-right:0; padding-left:3%; text-align:left; background:#efefef; border-bottom:1px solid #fff; width:auto;}
.postions .postions_b a:hover{ background:#e70012; color:#fff;}
.postions .postions_b a.isel{ color:#fff;background:#e70012;}
.postions .postions_b a:after{ height:0;}
.o_big{ height:280px;}
.o_big_con .h2 span{ padding-top:50px; padding-bottom:26px;}
/*分类弹窗*/
.about_tc{z-index: 19891025; width: 0%; right: 0%; position:absolute; overflow: hidden; top:0; height:100%;/* display: none;*/transition: all 0.3s;}
.postions_b.lws .about_tc{ width:80%;}
.postions_b.lws{ display:block;}
.about_l.lws .about_tc{ width:100%;}
.about_tc .about_divs{ position:absolute; right:0; width:85%; background-color:#fff; top:0; overflow:hidden; height:100%;}
.about_tc .closed2{ right:84.5%; position:absolute; top:150px; cursor:pointer; width:25px; display:block;}
.about_tc .closed2:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}
/*关于我们*/
.about_one .about_one_t{ float:none; width:100%; margin-right:0;}
.about_one .about_one_t .desc{ font-size:18px;}
.about_one .mlogo{ display:none;}
.about_one .about_one_con{ margin-top:4%; font-size:15px; line-height:30px;}
.about_one .about_one_t .h3{ margin-top:1%;}
.about_one_ul ul li .txts .h3{height:50px; line-height:50px; font-size:16px;}
.about_two .p{ font-size:15px; line-height:30px;}
.about_two_ul li .txts .p2{ font-size:15px; line-height:28px; height:56px;}
.about_two_ul li .txts .h3{ height:44px; line-height:44px;}
.about_t .desc{ font-size:18px;}
/*发展历程*/
.history_two .txts .year{ line-height:36px;}
/*发展历程2*/
.about-page .history .gallery-top .txt{/*line-height:36px;*/font-size: 15px;line-height: 30px;}
.about-page .history .gallery-thumbs .swiper-slide { font-size:1.8rem; padding-top:60px; height:98px;}
.about-page .history .gallery-thumbs .swiper-slide-thumb-active { font-size:2.8rem;}
/*产品分类*/
.product_ul li .txts .p{ font-size:15px; line-height:26px; margin-top:5%;}
.product_ul li .txts .o_more{ margin-top:10%;}
/*产品列表*/
.product_ul2 li .boxs2 .h3{ height:36px; line-height:36px;}
.product_ul2 li .boxs2 .label{ font-size:15px;}
.product_ul2 li .boxs2 .p{ font-size:14px; line-height:24px; height:72px; margin-top:8px;}
/*产品详细*/
.productDetails .product_one_l{ width:100%; float:none;}
.productDetails .information .conten{ min-height:inherit; margin-top:3%;}
.productDetails .information .conten .boxs{ width:100%;}
.productDetails .information .txt{  line-height:24px;}
.productDetails .information .rend{ margin-top:3%;}
.product_con{ font-size:16px; line-height:24px;}
.product_con table td{ height:50px;}
.product_con2{ font-size:15px; line-height:30px;}
/*常见问题*/
.faq_l{ float:none; margin-right:0; width:100%; margin-bottom:0; text-align:center; padding-bottom:0;}
.faq_l:before{ width:100%; height:1px;top:unset;bottom:0;}
.faq_l a{ display:inline-block; vertical-align:top; margin-bottom:0; margin-left:3%; margin-right:3%; max-width:none; padding-left:0; font-size:18px; height:44px; line-height:44px;}
.faq_l a:after{ height:3px; width:0%;}
.faq_l a.on:after{ height:3px; width:100%;top:unset;bottom:0;}

.faq_r{ margin-top:2%;}
.faq_r .faq_ul ul li{ background-position:right 10px top 20px;}
.faq_r .faq_ul ul li .down{  line-height:26px; padding-right:30px;}
.faq_r .faq_ul ul li .h3{  padding-right:30px; }
.faq_more{ height:46px; line-height:46px; width:150px; font-size:16px;}
/*合作案例*/
.case_ul li{ width:49%;}
.case_ul li:nth-child(3n+0){ margin-right:2%;}
.case_ul li:nth-child(2n+0){ margin-right:0;}
/*新闻资讯详细*/
.about_x2{ width:100%; float:none; border-right:0; padding-right:0;}
.about_x2 .con_id{ line-height:26px; font-size:15px;}
.about_x2 .con_line.bgs2{ font-size:16px;}
.news_r{ width:100%; float:none; max-width:none; margin-top:0;}
.news_ul3 li .txts{ max-width:820px;}
.news_ul3.bgs2 li .txts .h3{ font-size:18px;}
.prenext{ font-size:14px; line-height:24px; }
.prenext span{ height:24px;}
.prenext .goback{ margin-top:-48px; padding-top:24px; line-height:24px; height:48px; background-position:center top 5px;}
.fenxiang .news_fx ul li{ width:26px; height:26px;}

/*解决方案*/
.about_con .imgs{ float:none; width:100%;margin-top:2%;}
.about_con .txts{ position:static; height:auto; display:block; margin-top:4%; width:100%; max-width:none;}
.about_con .cons{ max-width:none;}
.solution_bg .case_ul li .txts .h3{ font-size:20px;}
.solution_bg .case_ul li .txts .p{ font-size:14px;}
.solution_bg2 .solution_l{ line-height:46px;width:calc(98% - 160px);width:-webkit-calc(98% - 160px);width:-moz-calc(98% - 160px);}
.solution_bg2 .solution_a{ padding-left:18px; padding-right:18px; font-size:16px; height:46px; line-height:46px;}
/*视频列表*/
.video_ul ul li .h3{  font-size:16px; height:26px; line-height:26px;}
.video_ul ul li .p{ font-size:14px;}
.video_ul ul li i{ width:50px; height:50px; margin-left:-25px; margin-top:-25px;}
/*资料下载*/
.down_ul ul li{ float:none; width:100%;}
.down_ul ul li:nth-child(2n+0){ float:none;}
.down_ul ul li .boxs{ max-width:800px;}
}
@media screen and (max-width: 830px) {
/*内页*/
.postions h2{ font-size:16px;}
.postions h2 span{ font-size:13px;}

}
@media screen and (max-width: 780px) {
/*内页*/
.o_big{ height:260px;}
.o_big_con .h2 span{ padding-top:40px; padding-bottom:22px;}
.postions{ height:42px; line-height:42px; font-size:13px;}
.postions h2{ display:none;}
.postions .postions_b a{ height:44px; line-height:44px; font-size:14px;}

/*分页*/
.yema a{ height:28px; line-height:26px; padding-left:6px; padding-right:6px; min-width:30px; margin-left:2px; font-size:14px;}
/*数字*/
.about_one .counter .h6{ font-size:14px;}
.about_one .counter ul li:nth-child(1) label{ font-size:14px;}
.about_one .counter ul li:nth-child(4) label{ font-size:18px;}
/*关于我们*/
.about_two_ul li{ width:49%; margin-bottom:2%;}
.about_two_ul li:nth-child(2n+0){ margin-right:0;}
/*产品分类*/
.o_more.rbtn{ padding:0 20px;}
/*产品列表*/
.product_ul2 li .boxs2 .h3{ height:30px; line-height:30px;}
.product_ul2 li .boxs2 .label{ font-size:14px;}
.product_ul2 li .boxs2 .p{ font-size:13px; line-height:22px; height:66px; margin-top:6px;}
/*常见问题*/
.faq_l a{ font-size:16px;}
.faq_r .faq_ul{ margin-top:2%;}
/*解决方案详细*/
.solution_ul li .txts{ height:44px; line-height:44px;}
.solution_ul li .txts .h3{ font-size:14px;}
/*联系我们*/
.contact_r .contact_ul li{ padding-top:20px; }
.contact_r .contact_fx{ padding-top:2%;}
.contact_two li{ float:none; width:100%; margin-bottom:2%;}
.contact_two li:nth-child(2n+0){ float:none;}
.product_feedback .product_feedback_l .desc{ font-size:16px;}
.product_feedback .product_feedback_l .h4{ height:50px; line-height:50px;}
/*视频列表*/
.video_ul ul li{ width:49%; margin-right:2%; margin-bottom:2%;}
.video_ul ul li:nth-child(3n+0){ margin-right:2%;}
.video_ul ul li:nth-child(2n+0){ margin-right:0;}
.video_ul ul li .p{ font-size:13px; line-height:22px; height:44px; }
.video_ul ul li .h3{margin-top:15px; font-size:15px; line-height:22px; height:22px;}
/*网站地图*/
.website_t{ font-size:15px;}
.sitemap_main dd{width:calc(32.66% - 2px);width:-webkit-calc(32.66% - 2px);width:-moz-calc(32.66% - 2px); font-size:13px;}
.sitemap_main dd:nth-child(4n+0){ margin-right:1%;}
.sitemap_main dd:nth-child(3n+0){ margin-right:0;}
}

@media screen and (max-width: 640px) {
/*内页*/
.position{height:44px; line-height:44px; font-size:13px;}
.position .postions_b a{ font-size:13px;}
.o_big{ height:240px;}
.postions2{ height:36px; line-height:36px; font-size:13px;}
.postions2 .postions_r img{ margin-top:10.5px;}
/*分页*/
.yema a{ font-size:13px;}
/*.yema a span{ font-size:13px;}*/
/*暂无内容*/
.nodata{background-size:auto 130px; padding-top:140px;margin-top:15%; margin-bottom:15%;}
/*关于我们*/
.about_one .about_one_t .desc{ font-size:16px;}
.about_one_ul ul li .txts .h3{height:40px; line-height:40px; font-size:14px;}
.about_one .about_one_con{ font-size:14px; line-height:26px;}
.about_one .about_one_con .h3{ font-size:16px;}
.about_two .p{ font-size:14px; line-height:26px;}
.about_two_ul li .txts{ margin-bottom:10%;}
.about_two_ul li .txts .p2{ font-size:14px; line-height:26px; height:52px;}
.about_t .desc{ font-size:16px;}
/*发展历程*/
.history_two .imgs{ width:100%; float:none;}
.history_two .txts{ width:100%; position:static; display:block; height:auto; margin-top:3%; margin-bottom:3%;}
.history_two .txts .year{ line-height:30px;}
/*发展历程2*/
.about-page .history .gallery-top .pic{width:100%; float:none;}
.about-page .history .gallery-top .text{ width:100%; position:static; display:block; height:auto; margin-top:3%; margin-bottom:3%;}
.about-page .history .gallery-top .txt{ /*line-height:30px;*/font-size: 14px;line-height: 26px;}
.about-page .history .gallery-thumbs .swiper-slide { font-size:1.6rem;padding-top:55px; height:82px;}
.about-page .history .gallery-thumbs .swiper-slide-thumb-active { font-size:2.4rem;}
/*产品分类*/
.o_more2.rbtn{ font-size:14px;}
.o_more2.rbtn span{ height:36px; line-height:36px; padding-right:16px;}
.o_more.rbtn{ font-size:14px;}
.o_more.rbtn span{ height:44px; line-height:44px; padding-right:16px;}
.product_ul li .txts .p{ font-size:14px; line-height:24px; margin-top:4%; display:none;}
.product_ul li .txts .cons{ max-width:none;}
.product_ul li .txts .o_more{ margin-top:7%;}
/*产品列表*/
.product_ul2 li{ float:none; width:100%;}
.product_ul2 li:nth-child(2n+0){ float:none;}
/*产品详细*/
.productDetails .information .h2{ font-size:24px; margin-top:5%;}
.productDetails .information .zhixun{ font-size:15px; text-indent:50px; background-position:20px center;}
.productDetails .information .p{ font-size:14px;}
.productDetails .information .ul li .date{ font-size:12px;}
.product_con{ font-size:14px; line-height:22px;}
.product_con table td{ height:40px;}
.product_con2{ font-size:14px; line-height:28px;}
.news_label li a{ font-size:14px; height:30px; line-height:30px;}
/*常见问题*/
.faq_l a{ font-size:15px;}
.faq_r .faq_ul ul li .h3{ font-size:14px;}
.faq_r .faq_ul ul li .down{ font-size:14px; line-height:24px;}
.faq_more{ height:40px; line-height:40px; width:130px; font-size:14px;}
/*合作案例*/
.case_ul li .txts{ padding-right:40px; background-size:34px 34px;}
.case_ul li .txts .h3{ line-height:26px; height:52px;}
/*新闻资讯详细*/
.about_x2 .show_t{ font-size:20px; line-height:28px; /*text-align:center;*/}
.about_x2 .con_line{ font-size:12px;  line-height:30px; /*text-align:center;*/}
.about_x2 .con_line.bgs2{ font-size:14px; line-height:26px; padding-bottom:10px;}
.about_x2 .con_id{ font-size:14px; line-height:24px;}

.prenext{ font-size:13px;}


.fenxiang{ float:none; margin-top:5px;}
.news_r .news_t .h2{ margin-right:12px;font-size:18px; height:60px; line-height:60px;}
/*解决方案*/
.about_con .label{ font-size:16px;}
.about_con{ font-size:14px;}
.solution_bg2 .solution_l{width:calc(98% - 140px);width:-webkit-calc(98% - 140px);width:-moz-calc(98% - 140px); line-height:40px;}
.solution_bg2 .solution_a{ font-size:14px; height:40px; line-height:40px;}
.solution_bg2 .solution_a span{ margin-left:10px;}
/*联系我们*/
.contact_l{ height:500px;}
.contact_l iframe{height: 500px;}
.contact_r .contact_ul li{ font-size:14px;}
.contact_pos{ padding-top:5%;}
.contact_r .label{ font-size:14px;}
.contact_r .h4{ margin-top:1%;}
.product_feedback .product_feedback_r{ margin-top:4%;}
.product_feedback .product_feedback_r .inputs{ height:38px; line-height:38px;}
.product_feedback .bnts{ height:40px; line-height:40px;}
.product_feedback .product_feedback_l .desc{ font-size:15px;}
.product_feedback .product_feedback_l .label{ font-size:18px;}
.product_feedback .product_feedback_l .h4{ height:40px; line-height:40px;}
/*资料下载*/
.down_ul ul li .txts{padding-left: 4%;  margin-left: 4%; width: calc(96% - 118px); width: -webkit-calc(96% - 118px); width: -moz-calc(96% - 118px);}
/* 鼠标跟随 --> */
#c-followDot { display:none;}

.wrapper .footer .contact{display:block;margin-left: 0;}
.footer .link-list a{text-align:left;position:relative;}
.footer .link-list .title:after{content:"+";position:absolute;right:0;}
.footer .link-list .ppp:after{content:"-";position:absolute;right:0;}
.footer .contact .tel,.footer .contact .text2{display:none;}
.footer .contact .text{display:none;margin-top:0;}
.footer .contact .mobiletel{display:inline-block;}
.additional-features li{width:58px;height:58px;}
}

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

}
@media screen and (max-width: 480px) {
/*内页*/
.o_big{ height:220px;}
.o_big_con .h2 span{ padding-top:36px;}
.postions{ font-size:12px;}
.postions .postions_b a{ font-size:13px;}
.postions .postions_r span{ display:none;}
.postions .postions_r img{ margin-left:6px;}
.postions2{ font-size:12px;}
/*分页*/
.yema{ padding-top:35px; padding-bottom:40px;}
.yema a{ padding-left:5px; padding-right:5px; margin-left:2px; font-size:12px;}
/*数字*/
.about_one .counter .h6{ font-size:13px; margin-top:3px;}
.about_one .counter span{ font-size:23px;}
.about_one .counter ul li:nth-child(4) label{ font-size:16px;}
/*关于我们*/
.about_one .about_one_t .desc{ font-size:14px;}
.about_one_ul ul li .txts .h3{height:30px; line-height:30px; font-size:13px;}
.about_one .about_one_con{ font-size:13px; line-height:22px;}
.about_two .p{ font-size:13px; line-height:22px;}
.about_two_ul{ margin-top:5%;}
.about_two_ul li .txts .p2{ font-size:13px; line-height:22px; height:44px; margin-top:1%;}
.about_two_ul li .txts .h3{ height:32px; line-height:32px;}
.about_t .desc{ font-size:14px;}
/*发展历程*/
.history_two .txts .year{ line-height:26px; font-size:15px;}
/*发展历程2*/
.about-page .history .gallery-top .txt{/*line-height:26px; font-size:15px;*/line-height:22px; font-size:13px;}
.about-page .history .gallery-thumbs .swiper-slide{ padding-top:40px;}
/*产品分类*/
.o_more2.rbtn{font-size:13px; padding:0 15px;}
.o_more.rbtn{ font-size:13px; padding:0 15px;}
.o_more.rbtn span{ height:36px; line-height:36px;}
.product_ul li .txts .h4{ font-size:16px;}
.product_ul li .txts .p{ font-size:12px; line-height:20px; margin-top:3%;}
/*产品详细*/
.productDetails .information .h2{ font-size:20px; line-height:30px;}
.productDetails .information .txt{ font-size:12px; line-height:22px;}
.productDetails .information .rend{ margin-top:20px;}
.productDetails .information .zhixun{  height:40px; line-height:40px;  width:130px; background-position:20px center; text-indent:50px; background-size:20px auto; font-size:14px;}
.productDetails .information .zhixun.bgs2{ margin-right:8px;}
.productDetails .information .p{ font-size:13px;}
.product_con{ font-size:13px; margin-top:4%; }
.product_con table td{ height:36px;}
.product_con2{ font-size:13px; line-height:24px;}
/*常见问题*/
.faq_l a{ font-size:14px;}
.faq_r .faq_ul ul li .down{  font-size:13px; line-height:22px;}
.faq_r .faq_ul ul li .h3{ font-size:13px;}
/*合作案例*/
.case_ul li .txts{ padding-right:0;}
.case_ul li:hover .txts{ background:none;}
.case_ul li .txts .h3{ font-size:16px; margin-top:10px; line-height:24px; height:48px;}
.case_ul li .txts .p{ height:22px; line-height:22px; margin-top:2px; margin-bottom:10px; font-size:13px;}
/*新闻资讯详细*/
.about_x2 .show_t{ font-size:18px; line-height:26px;}
.about_x2 .con_id{ font-size:13px;}	
.about_x2 .con_line.bgs2{ font-size:13px; line-height:24px;}

.prenext{ font-size:12px; line-height:22px;}
.prenext span{ padding-right:60px; height:22px;}
.news_r .news_t .h2{font-size:16px; height:50px; line-height:50px;}
.news_ul3 li .txts .h3{ font-size:15px; padding-top:3px; padding-bottom:3px; margin-top:10px;}
.news_ul3 li .txts .p{ font-size:13px; margin-bottom:10px;}
.news_ul3.bgs2 li .txts .h3{ font-size:16px;}
/*解决方案*/
.about_con .label{ font-size:14px;}
.about_con{ font-size:13px; line-height:24px;}
.solution_bg .case_ul li .txts .h3{ font-size:18px;}
.solution_bg .case_ul li .txts .p{ font-size:13px;}
.solution_bg2 .solution_l{width:calc(98% -60px);width:-webkit-calc(98% - 60px);width:-moz-calc(98% - 60px);  line-height:1.5; float:none;}
.solution_bg2 .solution_a{ padding-left:12px; padding-right:12px; float:left; margin-top:3%; margin-bottom:5%;}
.solution_bg2 .wrap{ padding-top:6%;}
/*解决方案详细*/
.solution_ul{ margin-top:3%;}
.solution_ul li .txts{ height:32px; line-height:32px;}
.solution_ul li .txts .h3{ font-size:12px;}
/*联系我们*/
.contact_l{ height:400px;}
.contact_l iframe{height: 400px;}
.contact_r .contact_ul li{ padding-top:10px;}
.contact_r .contact_ul li label{ font-size:16px;}
.contact_r .contact_ul li .p{ margin-top:4px; padding-left:25px;}
.contact_r .contact_ul2 dd.bgs1{ padding-left:25px;}
.contact_r .contact_ul2 dd.bgs2{ padding-left:25px;}
.contact_two li .txts{ font-size:14px;}
.contact_two li .txts dd{ line-height:30px;background-position: left 6px;}
.contact_two li .txts dd.bgs1{ padding-left:25px;}
.contact_two li .txts dd.bgs2{ padding-left:25px;}
.contact_two li .imgs{ margin-top:0;}
.contact_two li .boxs{ padding-top:20px; padding-bottom:20px;}

.product_feedback .product_feedback_l .desc{ font-size:14px;}
.product_feedback .product_feedback_l .label{ font-size:16px;}
/*视频列表*/
.video_ul ul li .h3{  margin-top:10px; font-size:14px; line-height:20px; height:20px;}
.video_ul ul li .p{ font-size:12px; margin-top:5px; line-height:20px; height:40px;}
.video_ul ul li i{ width:40px; height:40px; margin-top:-20px; margin-left:-20px;}
/*资料下载*/
.down_ul ul li .imgs{ width:90px; height:93px;}
.down_ul ul li .txts{width: calc(96% - 90px); width: -webkit-calc(96% - 90px); width: -moz-calc(96% - 90px);}
.down_ul ul li .h3{ line-height:26px; height:52px; font-size:18px;}
.down_ul ul li .nmores{ margin-top:10px; margin-bottom:6px;}
.down_ul ul li .nmores a{ font-size:14px;}
/*网站地图*/
.website_t{ font-size:14px;}
.sitemap_main dd{width:calc(49.5% - 2px);width:-webkit-calc(49.5% - 2px);width:-moz-calc(49.5% - 2px); font-size:12px;}
.sitemap_main dd:nth-child(3n+0){ margin-right:1%;}
.sitemap_main dd:nth-child(2n+0){ margin-right:0;}

.wrapper .footer .contact{display:block;margin-left: 0;}
}


@media screen and (max-width: 420px) {
/*产品详细*/
.product_con{ font-size:12px; }
.product_con2{ font-size:12px; line-height:22px;}
/*合作案例*/
.case_ul li .txts .h3{ font-size:15px; height:44px; line-height:22px;}
.case_ul li .txts .p{ font-size:12px;}
/*解决方案*/
.solution_bg .case_ul li .txts .h3{ font-size:16px;}
.solution_bg .case_ul li .txts .p{ font-size:12px;}
/*联系我们*/
.contact_l{ height:350px;}
.contact_l iframe{height: 350px;}
.product_feedback .product_feedback_r .inputs{ padding:0 12px; font-size:13px;}
.product_feedback .textarea{ font-size:13px; padding-left:12px; padding-top:2%;}
.product_feedback .bnts{ font-size:13px;}
.product_feedback .product_feedback_l .desc{ font-size:13px;}
/*资料下载*/
.down_ul ul li .h3{ font-size:16px;}
.down_ul ul li .date{ font-size:13px; height:24px; line-height:24px;}
.down_ul ul li .imgs{ margin-top:30px;}


.contact_l{ height:300px;}
.contact_l iframe{height: 300px;}
.about_one .counter ul li{width: 22%;}
.about_one .counter ul li:last-child{width: 34%;}
}
@media screen and (max-width: 360px) {
/*内页*/
.o_big_con .h2 span{ padding-top:32px;}
}


.selects{height: 52px;  width: 100%;border:1px solid #e8e8e8;color:#656565;font-size: 16px;padding-left: 66px;}
@media screen and (max-width: 1440px){
	.selects{
		height:46px;
		padding-left: 50px;
	}
}
@media screen and (max-width: 640px){
	.selects{
		height:40px;
		width:100%;border:1px solid #e8e8e8;color:#656565;font-size: 16px;padding-left: 10px;
	}
}

@media screen and (max-width: 480px){
.selects{ font-size:14px;}
}