*{ margin:0; padding:0; list-style-type:none; }
body {font-weight:normal; background-color:#ffffff;font:14px/1.5 "Century Gothic Std","Microsoft Yahei",Arial,sans-serif; -webkit-tap-highlight-color: transparent; overflow-x: hidden;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,tbody,thead,tfoot,tr,td,th,input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,em,h6,p { font-weight:normal; font-style:normal; }
article,aside,dialog,footer,header,section,footer,nav,figure,menu,hgroup { display:block; margin:0; padding:0; }
img,hr { border:none; -ms-interpolation-mode:bicubic; }
img {max-width: 100%; vertical-align:middle; }
a { text-decoration:none; color:#333; cursor:pointer; }
ul,li { list-style:none outside none; }
i,em {font-style: normal;}

input,select { -webkit-appearance:none; appearance:none; }
input,select,textarea{border:none;outline:0;font-family:"Microsoft Yahei";background:0 0;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#888}
input:-moz-placeholder,textarea:-moz-placeholder{color:#888}
input::-moz-placeholder,textarea::-moz-placeholder{color:#888}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#888}
select::-ms-expand { display:none; }
input[type=radio]::-ms-check,input[type=checkbox]::-ms-check { display:none; }
a, button {border: none; background-color: transparent; cursor: pointer; font-size: inherit; font: inherit; color: inherit; text-decoration: none; padding: 0; }

.trans {-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
:focus{ outline:none; }
.clear { clear:both; }
.fl { float:left !important; }
.fr { float:right !important; }
.clearfix:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.clearfix {*zoom:1;}
.text-center {text-align: center;}
.bsBox,.bsBox div {box-sizing: content-box;}


.header .navbar {position:fixed;left: 0;top: 0;z-index: 199;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.header .navbar {width: 100%;height: 100px;padding: 0;background-color: #fff}
.header .navbar .navWrapper ul li {float: left;margin-left: 60px;}
.header .navbar .navWrapper ul li a {display: block;color: #fff;font-size: 18px;padding: 0 5px;line-height: 100px;position: relative;}
.header .navbar .navWrapper ul li a:hover:before {content: '';display: block;width: 100%;height: 3px;position: absolute;left: 0;top:0;background-color: #e60012;}
.header.headerFix .navbar {height: 70px;}
.header.headerFix .navbar .navWrapper ul li a {line-height: 70px;}
.header .index-navbar {background-color: rgba(0,0,0,0);border-bottom: 1px solid rgba(255,255,255,0.2);}
.header.headerFix .navbar.index-navbar {background-color: rgba(0,0,0,0.9);}
.header .navbar .logo img {display: block;width: 120px;}
.menunav {display: none;position: absolute;left:0px;right:0px;top:100%;background:url(/Public/home/css/../images/snav.png) repeat-y center top;background-size: 1920px auto;transition:background linear 0.3s;z-index:8;}
.menunav ul,.menunav ul li {width: 100%;}
.menunav li:first-child{ display:block;}
.menunav li {display: none;}
.menunav li .wpd {width: 1400px;margin:auto;}
.snavTab{ float: left; width:165px; padding:20px 0px;margin-left: 410px;}
.snavTab a{ display:block; height:42px; padding-left:20px; line-height:42px; font-size:16px; color:#fff;}

.snavTab a.active{ background:#fff; color:#333333;}
.snavCon{ float: left; padding:20px 30px; min-height:175px;max-width: 825px;width: 825px;}
.snavCon dl{ display:none;}
.snavCon dl:first-child{ display:block;}
.snavCon dt{ width:200px; float:left;}
.snavCon dt img{ width:100%; height:auto; display:block;}
.snavCon dd{ margin-left:202px; padding-left:18px;}
.snavCon .h3{ font-size:16px; line-height:1.2; margin-bottom:8px;font-weight: bold;}
.snavCon .p{ font-size:14px; line-height:1.8; height:3.6em; overflow:hidden; margin-bottom:26px;}
.snavCon .l a{display: inline-block;float:left;vertical-align: top; position:relative;color: #555; font-size: 15px; height:28px; line-height:28px; overflow:hidden; padding-left:12px;width: 31.33333%;margin-right: 3%;margin-bottom: 5px;}
.snavCon .l a:nth-child(3n) {margin-right: 0;}
.snavCon .l a:before{ content:''; position:absolute; left:2px; top:50%; width:4px; height:4px; margin-top:-2px; background:#e60012; transform:rotate(45deg);}
.snavCon .l a:hover {color: #e60012;}
.snavCon .m .more {
    display: inline-block;
    line-height: 32px;
    border: 1px solid #e60012;
    border-radius: 25px;
    padding: 0 22px;
    vertical-align: bottom;
    color: #e60012;
}

.header .navbar .menu li{ float:left;  position:relative;}
.header .navbar .menu li+li {margin:0 0 0 25px;}
.header .navbar .menu .h3{ position:relative;}
.header .navbar .menu .h3 a{ padding:0 5px; display:block; font-size:16px; height:86px; line-height:86px; color:#333; position:relative;}
.header .navbar .menu .h3 a:before{ content:''; height:3px; left:0px; top:0px; right:0px; background:#e60012; position:absolute; display:none;}
.header .navbar .menu em{ display:none; position:absolute; color:#fff; font-size: 18px; right:22px; margin-right:-10px; margin-top:-20px; top:50%; width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer;}
.header .navbar .menu em:before {
    content: "\e6a3";
    font-family: "cuIcon";
    font-size: inherit;
    font-style: normal;
    }
.header .navbar .menu i{ display:none; position:absolute; color:#fff; font-size: 20px; right:22px; margin-right:-10px; margin-top:-20px; top:50%; width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer;}
.header .navbar .menu i:before {
    content: "\e6da";
    font-family: "cuIcon";
    font-size: inherit;
    font-style: normal;}
.header .navbar .menu i.active:before { content: "\e6da"; }

.header .navbar .tel {font-size: 16px;font-weight: bold;background: url(/Public/home/css/../images/tel_ico.png) no-repeat left center;background-size: 30px 30px;padding-left: 40px;line-height: 32px;}
.header .navbar .tel h2 {font-size: 18px;display: inline;font-weight: bold;}

.header.headerFix .navbar .menu .h3 a { height:70px; line-height:70px;}

.header .index-navbar .menu .h3 a {color: #fff;}
.header .navbar.index-navbar .tel {color: #fff;}
.header .navbar .menu .box{ background:#6d2026; display:none;}
.header .navbar .menu .box dl{ border-bottom:1px solid rgba(255,255,255,0.3);}
.header .navbar .menu .box dl:last-child{ border-bottom:none;}
.header .navbar .menu .box dt{ position:relative;}
.header .navbar .menu .box dt a{ height:40px; line-height:40px; display:block; padding:0 30px; color:#fff;}
.header .navbar .menu .box dd{ display: none;text-align:center; border-top:1px solid rgba(255,255,255,0.3); padding:15px 0;}
.header .navbar .menu .box dd a{ display:block; color:#fff; line-height:30px; height:30px; overflow:hidden;}
.header .navbar .menu .box dd a:hover{ background:#e60012;}

.header .navbar .menu .active .h3 a:before,
.header .navbar .menu li:hover .h3 a:before{ display:block;}
.header .navbar .menu .active .h3 a{color: #e60012;}
.header .navbar .menu li:hover .h3 a{ color:#e60012;}

.header .navbar .menu li:hover .snav{ display:block;}

.menu-link { display:none; border-radius:5px; box-sizing: border-box; position:absolute; top:50%; margin-top:-20px; right:15px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:8px;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:10px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #333;width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.menu-link span{transition:none;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -.55em;content: " ";}
.menu-link span:after {top: .55em;}
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#e60012;
-webkit-transform: rotate(45deg) translate(.5em, .4em);
-moz-transform: rotate(45deg) translate(.5em, .4em);
-ms-transform: rotate(45deg) translate(.5em, .4em);
-o-transform: rotate(45deg) translate(.5em, .4em);
transform: rotate(45deg) translate(.5em, .4em);
}
.menu-link.active span:after { background-color:#e60012;
-webkit-transform: rotate(-45deg) translate(.4em, -.3em);
-moz-transform: rotate(-45deg) translate(.4em, -.3em);
-ms-transform: rotate(-45deg) translate(.4em, -.3em);
-o-transform: rotate(-45deg) translate(.4em, -.3em);
transform: rotate(-45deg) translate(.4em, -.3em);
}

.header .index-navbar .menu-link span,
.header .index-navbar .menu-link span:before,
.header .index-navbar .menu-link span:after {background-color: #fff}
.header .index-navbar .menu-link.active span {background: transparent;}
.banner.pc {display: block;}
.banner.mobile {display: none;}
.banner .swiper-banner .swiper-slide a {display: block;width: 100%}
.banner .swiper-banner .swiper-slide a img {width: 100%;}
.banner .swiper-banner .swiper-button-prev {left: 10%;display: none;}
.banner .swiper-banner .swiper-button-next {right: 10%;display: none;}
.banner .swiper-banner:hover .swiper-button-next {display: flex;}
.banner .swiper-banner:hover .swiper-button-prev {display: flex;}

.banner .swiper-banner .swiper-button-next:after, 
.banner .swiper-banner .swiper-button-prev:after {color: #fff;font-size: 72px}
.banner .swiper-banner .swiper-button-next:hover:after, 
.banner .swiper-banner .swiper-button-prev:hover:after {color: #c71d32;font-size: 72px}
.banner .swiper-banner .swiper-pagination-bullet {background-color: #fff;}

.fluid-floor .floor .title {text-align: center; padding: 70px 0px 50px; }
.fluid-floor .floor .title .h h4 {font-size: 36px;}
.fluid-floor .floor .title .h p {color: #666;font-size: 18px;}

.hot-floor .hot-wrap {position: relative;padding: 0px 120px;}
.hot-floor .hot-wrap .hot-img {position: relative;z-index: 2;float: right;}
.hot-floor .hot-wrap .hot-img img {width: 520px;height: 520px;}
.hot-floor .hot-wrap .hot-text {padding: 60px 120px;background-color: #f5f5f5;position: absolute;left: 0;top: 0;width: 100%;}
.hot-floor .hot-wrap .hot-text h4 {font-size: 36px;margin-bottom: 30px;}
.hot-floor .hot-wrap .hot-text .desc {margin-bottom: 80px;}
.hot-floor .hot-wrap .hot-text .desc p {color: #666;font-size: 18px;}
.hot-floor .hot-wrap .hot-text a.more {display: block;width: 168px;height: 40px;line-height: 40px;text-align: center;color: #ffffff;font-size: 18px;background-color: #e60012;}
.hot-floor .hot-wrap .hot-text a.more:hover {background-color: #c71d32;}

.pro-fluid {margin-top: 70px;}
.pro-floor .item {margin-bottom: 30px;}
.pro-floor .item a {display: block;-webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.pro-floor .item a .txt {padding: 20px;text-align: center;}
.pro-floor .item a .txt h4 {font-size: 18px;}
.pro-floor .item a .more {display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;padding: 0px 10px;background-color: #f5f5f5;-webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.pro-floor .item a:hover {box-shadow: 0px 0px 15px #ccc}
.pro-floor .item a:hover .more {color: #fff;background-color: #c71d32;}


.about-fluid {background-color: #f9f9f9;margin: 60px 0px 0px;}
.about-floor .about-img {float: left;}
.about-floor .about-text {float: left;max-width: 800px;padding: 100px;}
.about-floor .about-text h4 {font-size: 36px;margin-bottom: 30px;}
.about-floor .about-text .desc {margin-bottom: 50px;}
.about-floor .about-text .desc p {color: #666;font-size: 15px;}
.about-floor .about-text a.more {display: block;width: 168px;height: 40px;line-height: 40px;text-align: center;color: #ffffff;font-size: 18px;background-color: #e60012;}
.about-floor .about-text a.more:hover {background-color: #c71d32;}

.keys-fluid {padding-top: 50px;color: #666;font-size: 15px;}
.keys-fluid a {font-weight: bold;}
.keys-fluid a:hover {text-decoration: underline;}

.solution-wrap .solution-container .swiper-slide a {display: block;position: relative;}
.solution-wrap .solution-container .swiper-slide a .mark {
    color: #fff;padding: 40px;
    position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);
    display: flex;flex-direction: column;align-items: center;justify-content: flex-end;
}
.solution-wrap .solution-container .swiper-slide a .mark h4 {font-size: 24px;}
.solution-wrap .solution-container .swiper-slide a .mark p {font-size: 16px;}
.solution-wrap .solution-container .swiper-slide a:hover .mark {background-color: rgba(226,35,26,.6);}
.solution-wrap .solution-container .pagination {width: 100%;justify-content: center;margin-top: 50px;}
.solution-wrap .solution-container .pagination .swiper-pagination-bullet {width: 58px;height: 8px;border-radius: 0;}
.solution-wrap .solution-container .pagination .swiper-pagination-bullet-active {background-color: #e60012;}

.solution-wrap .solution-container.swiper-solutions .pagination .swiper-pagination-bullet {width: 12px;height: 12px;border-radius: 50%;}
.solution-wrap .solution-container.swiper-solutions .pagination .swiper-pagination-bullet-active {background-color: #e60012;}

.news-fluid {padding-top: 60px;}
.news-fluid.fluid-floor {padding-top: 0;}
.news-fluid .news-floor .news-wrap {border-top: 2px solid #e60012;}
.news-fluid .news-floor .news-wrap .item {max-width: 1200px;margin: auto;border-bottom: 1px dashed #eaeaea;padding: 30px 0px;}
.news-fluid .news-floor .news-wrap .item .date {float: left;text-align: center;width: 120px;}
.news-fluid .news-floor .news-wrap .item .date .day {color: #e60012;font-size: 28px;line-height: 1.2;}
.news-fluid .news-floor .news-wrap .item .desc {float: left;max-width: 950px;}
.news-fluid .news-floor .news-wrap .item .desc .name {font-size: 18px;margin-bottom: 5px;}
.news-fluid .news-floor .news-wrap .item .desc .name:hover {color: #e60012;}
.news-fluid .news-floor .news-wrap .item .desc p {color: #999;}
.news-fluid .news-floor .news-wrap .item .more {float: right;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;border:1px solid #e3e3e3;border-radius: 50%;}
.news-fluid .news-floor .news-wrap .item:hover .more{border-color: #e60012;color: #e60012;}
.news-fluid .news-floor .news-wrap .item .more i {font-size: 15px;}
.cases-floor .cases-wrap .item {margin-bottom: 30px;}
.cases-floor .cases-wrap .item a {display: block;width: 100%;position: relative;}
.cases-floor .cases-wrap .item a img {width: 100%;}
.cases-floor .cases-wrap .item a .mark {
    color: #fff;padding: 40px;
    position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);
    display: flex;flex-direction: column;align-items: center;justify-content: center;
}
.cases-floor .cases-wrap .item a .mark h4 {font-size: 24px;}
.cases-floor .cases-wrap .item a .mark p {font-size: 16px;}
.cases-floor .cases-wrap .item a:hover .mark {background-color: rgba(226,35,26,.6);}

.partner-floor .swiper-partner .swiper-slide .item {width: 20%;padding-left: 15px;padding-right: 15px;margin: 15px 0;cursor: pointer;}
.partner-floor .swiper-partner .swiper-slide .item img {width: 100%;display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.partner-floor .swiper-partner .swiper-slide .item:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%);}

.partner-floor .links_wrap {margin-top: 20px}    
.partner-floor .links_wrap label {display: block;color: #333;font-size: 16px;}
.partner-floor .links_wrap .links_con {width: 100%;}
.partner-floor .links_wrap .links_con a {display: inline-block;vertical-align: top;color: #333;font-size: 15px;height: 20px;line-height: 20px;margin-top: 6px;margin-right: 10px;}
.partner-floor .links_wrap .links_con a:hover {color: #c71d32}


.footer {background-color: #232323;margin-top: 60px;}
.footer .footerTop {padding: 50px 0px 30px;color: #fff;}
.footer .footerTop .fNav{ float:left;}
.footer .footerTop .fNav dl{ width:160px; float:left;}
.footer .footerTop .fNav dt{ margin-bottom:20px;}
.footer .footerTop .fNav dt a{ display:block; font-size:16px; color:#cdcdcd;}
.footer .footerTop .fNav dd a{ display:block; font-size:14px; color:#cdcdcd; line-height:20px; margin-bottom:10px;}
.footer .footerTop .fNav dd a:hover {color: #fff;}
.footer .fContact{ float:right;}
.footer .fContact .telcon {color: #cdcdcd;font-size: 16px;margin-bottom: 20px;text-align: center;}
.footer .fContact .telcon h2 {display: inline-block;color: #e60012;}
.footer .fContact .fEwm { float:right;}
.footer .fContact .fEwm li{ float:left; text-align:center;margin-left: 30px;}
.footer .fContact .fEwm span{ line-height:1.2; margin-top:15px; display:block; color:#fff;}
.footer .fContact .fEwm img{ width:140px; display:inline-block; vertical-align:bottom;}
.footer .copyright {padding: 20px 0px;background-color: #131313;color: #cdcdcd;}
.footer .fContact .telcon dl {display: flex;align-items: flex-start;flex-wrap: wrap;line-height: 1.75;margin-bottom: 5px;}
.footer .fContact .telcon dl dd {flex:1;text-align: left;}


.pages {text-align: center;}
.pages a {display: inline-block;vertical-align: top;min-width: 34px;height: 34px;line-height: 33px;text-align: center;color: #888;padding:0px 10px;border:1px solid #d2d2d2;border-radius: 3px;margin:0px 2px;background-color: #fff;}
.pages a:hover,.pages a.active {background-color: #e60012;border-color:#e60012;color: #fff;}

/*关于我们*/
.i-banner {
    position: relative;
    margin-top: 100px;
}
.i-banner .img img{
    width: 100.418410041841%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.i-banner .text {
    position: absolute;
    left: 50%;
    bottom: 50%;
    z-index: 2;
    margin-left: -705px;
    width: 746px;
    color: #ffffff;
}
.i-banner .text h4 {
    font-size: 36px;
    font-weight: bold;
}
.i-banner .text .p p {
    font-size: 30px;
}
.i-banner-about .img img{
    height: calc(100vh - 86px);
}
.i-banner-about .text {
    color: #333333;
}
.i-banner-about .text h4 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
}
.i-banner-about .text .p p {
    font-size: 16px;
}

.fluid-wrap  {
    padding: 50px 0px;
}
.fluid-wrap .title {
    text-align: center;
    margin-bottom: 40px;
}
.about-inner .title h4 {
    display: inline-block;
    font-size: 24px;
    border-bottom: 2px solid #e60012
}
.about-inner .desc p {
    font-size: 15px;
    line-height: 1.5;
    text-indent: 2em;
}
.honor {
    position: relative;
}
.honor .swiper-slide .pd .img {
    border:1px solid #e3e3e3;
}

.honor .swiper-slide .pd .text {
    margin-top: 10px;
    text-align: center;
    color: #666666;
    font-size:16px;
}
.honor .swiper-button-next {
    right: -50px;
}
.honor .swiper-button-prev {
    left: -50px;
}
.honor .pagination  {
    margin-top: 20px;
    justify-content: center;
}
.honor .pagination .swiper-pagination-bullet-active {
    width: 22px;
    border-radius: 8px;
    background-color: #e60012;
}


.development-wrap {
    background-color: #f9f9f9;
}
.ane-introCourse-dl dd {
    display: none
}

.ane-introCourse-dl dd.current {
    display: flex;
}

.ane-introCourse-dl .ane-selfService-img img {
    border-radius: 10px
}

.ane-introCourse-dl .ane-selfService-com {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
}
.ane-introCourse-dl .ane-selfService-com .ane-introcourse-com {
    position: relative;
    z-index: 2;
}
.ane-introCourse-dl .ane-selfService-com .ane-introcourse-com h4 {
    color: #c71d32;
    font-size: 24px;
}
.ane-introCourse-dl .ane-selfService-com .ane-introcourse-com p {
    font-size: 14px;
    color: #333333;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}
.ane-introCourse-dl .ane-selfService-com .ane-intro-number {
    color: #eeeeee;
    font-size: 240px;
    line-height: 1;
    font-family: "Microsoft Yahei";
    font-weight: bold;
    position: absolute;
    
}

.ane-introCourse-nav {
    height: 70px;
    background: url("/Public/home/css/../images/timeBg.png") repeat-x;
    background-position:center;
    margin-top: 50px;
    position: relative
}
.ane-introCourse-nav .swiper-slide {
    text-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    cursor: pointer;
}
.ane-introCourse-nav .swiper-slide>p {
    color: #999;
     height: 22px;
    line-height: 22px;
}

.ane-introCourse-img {
    width: 109px;
    height: 22px;
    line-height: 22px;
    margin: 0 auto;
}

.ane-introCourse-img p {
    font-size: 16px;
    display: none;
}

.ane-introCourse-nav .ane-introCourse-active span,
.ane-introCourse-nav .ane-introCourse-active p {

    color: #e60012
}
.ane-introCourse-nav .ane-introCourse-active>p {
    display: none;
}
.ane-introCourse-nav .ane-introCourse-active .ane-introCourse-img p {
    display: block;
    margin: 0 auto
}

.faq ul li {margin-bottom:15px;}
.faq ul li .link {cursor: pointer; display: block; padding:14px 20px; color: #333; font-size: 16px; line-height: 24px; background: #e8e8e8; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.faq ul li:last-child .link {border-bottom: 0; }
.faq ul li i {position: absolute; top: 10px; font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.faq ul li i.fa-chevron-down {right: 15px; left: auto; width: 22px; height: 22px; background: url(/Public/home/css/../images/faq_ico.png) no-repeat center;}
.faq ul li.open i.fa-chevron-down {background: url(/Public/home/css/../images/faq_ico2.png) no-repeat center;}
.faq ul li .submenu {display: none; padding:20px;  background: #fff;border:1px solid #e8e8e8;}
.faq ul li .submenu p {display: block; color: #333;font-size: 15px; line-height: 21px; margin-bottom: 2px; }

.message {width: 650px;margin:auto;}
.message .form-group {margin-bottom: 20px;}
.message .form-group:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.message .form-group label {color: #333;display: block;float: left;width: 98px;line-height: 40px;text-align: right;margin-right: 10px;}
.message .form-group input {color: #333;float: left;font-size: 14px;width: 500px;height: 38px;padding: 5px 10px;border:1px solid #ccc;border-radius: 5px;}
.message .form-group .form-control:focus {border-color: #c71d32}
.message .form-group textarea {float: left;width: 500px;height: 150px;line-height: 24px;padding: 10px;font-size: 14px;border:1px solid #ccc;border-radius: 5px;}
.message .form-group font {float: left;color: #c71d32;margin-left: 5px;}
.message .form-group button {display: block;width: 500px;height: 45px;line-height: 45px;padding: 0px;text-align: center;color: #fff;font-size: 16px;background-color: #c71d32;cursor: pointer;}
.message .form-group button:hover {background-color: #d60f28}
.message .form-group .col-sm-offset-2 {margin-left: 108px;}

.joinList {}
.joinList .li{ font-size: 20px;text-align:center; box-sizing:border-box; padding:0 30px;}
.joinList .li i {margin-left: 10px;}
.joinListCon dl.curr dt i {
    transform: rotate(180deg);
}
.joinListCon dl{margin-bottom: 30px;background-color: #f9f9f9;}
.joinListCon dl:last-child{ border-bottom:none;}
.joinListCon dt { overflow:hidden; padding:16px 0; cursor:pointer;display: flex;justify-content: space-between;}
.joinListCon dt i{ width:20px; height:20px; }
.joinListCon dd{ display:none; padding: 10px 30px 30px;}
.joinListCon dd .h3 {color: #e60012;}
.joinListCon dd p {color: #333;font-size:15px;line-height: 1.75}
.joinListCon>p {padding: 30px;font-size: 16px;}
.joinListCon>p font {
    color: #c71d32;
}

.content-wrap .title {padding: 50px 0px;text-align: center;}
.content-wrap .title h4 {font-size: 36px;}

.cases-wrap .cases-list .item {margin-bottom: 30px;}
.cases-wrap .cases-list .item a {display: block;padding: 30px;background-color: #ffffff;}
.cases-wrap .cases-list .item a .img {overflow: hidden;height: 282px;}
.cases-wrap .cases-list .item a .img img {width: 100%;}
.cases-wrap .cases-list .item a .more {color: #666;display: inline-block;width: 120px;height: 36px;line-height: 34px;text-align: center;margin-top: 30px;border:1px solid #ebebeb;border-radius: 40px;}
.cases-wrap .cases-list .item a .more:after {content: '+';display: inline-block;margin-left: 20px}
.cases-wrap .cases-list .item a .name {font-size: 18px;margin: 15px 0px 20px;}
.cases-wrap .cases-list .item a .date {color: #666;font-size: 14px;}
.cases-wrap .cases-list .item a:hover {background-color: #e60012}
.cases-wrap .cases-list .item a:hover .more {border-color: #fff;color: #fff;}
.cases-wrap .cases-list .item a:hover .name {color: #fff;}
.cases-wrap .cases-list .item a:hover .date {color: #fff;}

.product-wrap .product-list .item {margin-bottom: 30px;}
.product-wrap .product-list .item a {display: block;padding: 30px;background-color: #f5f5f5;}
.product-wrap .product-list .item a .txt {text-align: center;}
.product-wrap .product-list .item a .txt h4 {font-size: 18px;}
.product-wrap .product-list .item a .txt .tag {word-break:break-all;color: #666;}
.product-wrap .product-list .item a:hover {background-color: #f7f7f7;box-shadow: 0px 0px 15px #ccc}

.news-wrap .news-list .item {margin-bottom: 30px;}
.news-wrap .news-list .item a .image {display: block;width: 100%;height: 260px;overflow: hidden;box-shadow: 0 0 15px 0 #e3e3e3;border-radius: 8px;}
.news-wrap .news-list .item a .image img {width: 100%;display: block;object-fit: cover;}
.news-wrap .news-list .item a .content-text {background-color: #fff;padding:25px 30px;margin: -30px 20px 0px;border-radius: 6px;position: relative;z-index: 2;}
.news-wrap .news-list .item a .content-text .date {color: #666;}
.news-wrap .news-list .item a .content-text .name {font-size: 18px;margin: 15px 0px 20px;}
.news-wrap .news-list .item a .content-text .description {color: #666;}
.news-wrap .news-list .item a .content-text .button-link {color: #666;display: inline-block;width: 120px;height: 36px;line-height: 34px;text-align: center;margin-top: 30px;border:1px solid #ebebeb;border-radius: 40px;}
.news-wrap .news-list .item a .content-text .button-link:after {content: '+';display: inline-block;margin-left: 20px}
.news-wrap .news-list .item a .content-text .name:hover {color: #e60012;}
.news-wrap .news-list .item a .content-text .button-link:hover {background-color: #e60012;border-color: #e60012;color: #fff}

.service-list .col-lg-6 {margin-bottom: 30px;}
.service-list .item {background-color:#fff;box-shadow:3px 0 8px rgba(0,0,0,0.1);}
.service-list .item .img {float: left;width: 280px;height: 200px;overflow: hidden;}
.service-list .item .img img {width: 100%;height: 100%;-webkit-transition: all 0.6s;transition: all 0.6s;}
.service-list .item .img:hover img {-webkit-transform: scale(1.08);transform: scale(1.08);}
.service-list .item .txt {float: left;padding: 30px;}
.service-list .item .txt h4 {margin-bottom: 15px;font-size: 16px;}
.service-list .item .txt .date {color: #666;}
.service-list .item .txt .more {color: #666;display: block;width: 110px;height: 32px;line-height: 30px;text-align: center;margin-top: 40px;border:1px solid #ebebeb;border-radius: 40px;}
.service-list .item .txt .more:after {content: '+';display: inline-block;margin-left: 20px}
.service-list .item:hover .txt h4 {color: #e60012;}
.service-list .item:hover .txt .date {color: #e60012;}
.service-list .item:hover .txt .more {color: #e60012;border-color: #e60012;}

.honor-wrap {margin-top: 100px;background-image: url(/Public/home/css/../images/honor-bg.jpg);background-repeat: no-repeat;min-height: 1000px;}
.honor-wrap .honor-list .item {flex: 0 0 20%;max-width: 20%;padding: 0px 15px;margin-bottom: 30px;}
.honor-wrap .honor-list .item .img {border-radius: 4px;overflow: hidden;}
.honor-wrap .honor-list .item .img img {width: 100%;display: block;}


.navigation {margin-top: 100px;background-color: #f5f5f5;padding:10px 0px;}
.navigation .inner-nav span {display: inline-block;margin-right: 10px;font-size: 18px;}
.navigation .inner-nav a {line-height: 27px;color: #666;}
.navigation .inner-nav a:hover {color: #e60012;}
.navigation .inner-nav a:before {content: '>';display: block;font-family: "simsun";float: left;margin:0px 10px;}
.navigation .inner-nav a:hover:before {color: #666;}
.navigation .inner-nav a:first-of-type:before {display: none;}

.news-fluid .fluid-title h1 {font-size: 24px;text-align: center;}
.news-fluid .fluid-title .info {padding: 20px 0px 10px;text-align: center;border-bottom: 1px solid #ebebeb}
.news-fluid .fluid-title .info span {color: #666;font-size: 14px;display: inline-block;vertical-align: top;margin: 0px 10px;}
.news-fluid .news-detail {padding: 20px 0px;}
.news-fluid .news-detail p {color: #555;font-size: 15px;line-height: 1.75;text-indent: 2em;margin-bottom: 2px;text-align: justify;text-wrap: initial !important;}
.news-fluid .news-detail span {text-wrap: initial !important;}
.news-fluid .news-detail table {margin:auto;}
.news-fluid .news-detail table tr td {padding: 5px !important;}

.news-fluid .news-detail .tag {margin-top: 40px;color: #666;}
.news-fluid .news-detail .tag a {display: inline-block;vertical-align: top;margin-right: 8px;}
.news-fluid .news-detail .tag a:hover {color: #e60012;}
.news-fluid .news-detail .tag strong {display: inline-block;vertical-align: top;margin-right: 8px;}

.news-fluid .statement {border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;padding: 20px 0px;}
.news-fluid .statement *,.news-fluid .statement span {color: #999;}
.news-fluid .page_info {width: 100%;margin-top: 20px;}
.news-fluid .page_info p {color: #666;font-size: 14px;}
.news-fluid .page_info a:hover {color: #e60012;}

.news-more {background-color: #f5f5f5;padding: 5px 0px 1px;}
.news-more .head {text-align: center;margin-bottom: 20px;}
.news-more .head span {display: block;border-bottom: 1px solid #e8e8e8;font-size: 18px;font-weight: bold;line-height: 54px;}
.news-more .item {margin-bottom: 20px;}
.news-more .item .content-text {margin-top: 5px;}
.news-more .item .content-text h4 {color: #666;}
.news-more .item .content-text h4:hover {color: #e60012;}

.contact-container {padding: 50px 0px 0px;}
.contact-container .img .item {float: left;text-align: center;width: 350px;padding: 50px 30px;box-shadow:0px 0 8px rgba(0,0,0,0.15);margin-right: 30px;}
.contact-container .img .item h5 {font-size: 24px;}
.contact-container .img .item img {width: 200px;}
.contact-container .img .item p {font-size: 18px;}
.contact-container .text {width: 560px;}
.contact-container .text h4 {font-size: 24px;}
.contact-container .text ul li {display: flex;vertical-align: top;margin-top: 10px;}
.contact-container .text ul li i {font-size: 21px;margin-right: 10px;}
.contact-container .text ul li span {display: block;line-height: 28px;font-size: 15px;color: #666;}
.contact-container .text ul li p {font-size: 15px;}

.contact-list {margin-top: 60px;}
.contact-list .item {margin-bottom: 60px;}
.contact-list .item .text,.contact-list .item .img {width: 50%}
.contact-list .item .text strong {font-size: 24px;font-weight: 400;}
.contact-list .item .text p {font-size: 15px;line-height: 28px;margin-top: 10px;}
.contact-list .item .img {text-align: right;}
.contact-list .item .img img {height: 300px;}


.application-wrap .application-desc p {margin-bottom: 2px;font-size: 15px;line-height: 28px;}

.application-list {padding: 50px 0px;}
.application-list.bg {background-color: #f9f9f9;margin-top: 70px;}
.application-list .head {text-align: center;margin-bottom: 60px;}
.application-list .head h4 {color: #e60012;font-size: 24px;margin-bottom: 10px;}
.application-list .head p {color: #666;}
.application-list .menu-list {justify-content: center;}
.application-list .menu-list .item {text-align: center;padding: 0 40px;margin: 15px 0px;}
.application-list .menu-list .item .icon img {width: 70px;height: 70px;}
.application-list .menu-list .item h4 {color: #666;font-size: 18px;margin:20px 0px;}
.application-list .menu-list .item p {color: #666;line-height: 24px;}

.application-goods .swiper-slide .flex {padding: 0px 50px;align-items: center;}
.application-goods .swiper-slide .txt {padding: 0px 50px;}
.application-goods .swiper-slide .txt h4 {font-size: 24px;font-weight: bold;}
.application-goods .swiper-slide .txt .info {margin:30px 0px;color: #666;}
.application-goods .swiper-slide .txt .desc {color: #666;}


.product-fluid {margin-top: 40px;}
.product-fluid hr {margin:30px 0px;height: 1px;background-color: #dedede;}
.product-fluid #magnifier {position: relative;width: 100%}
.product-fluid .small-box {position: relative;}
.product-fluid .small-box img {display: block;width: 100%;margin: 0 auto;}
.product-fluid .thumbnail-box {position: relative;}
.product-fluid .thumbnail-box .btn {position: absolute;right: 0;width: 100%;height: 25px;background-image: url(/Public/home/css/../images/arrow_ico.png);background-repeat: no-repeat;background-size: auto 100px;}
.product-fluid .thumbnail-box .btn-prev {top: 0px;background-position: center 0px;}
.product-fluid .thumbnail-box .btn-prev:hover {background-position: center -25px;}
.product-fluid .thumbnail-box .btn-next {bottom: 0px;background-position: center -50px;}
.product-fluid .thumbnail-box .btn-next:hover {background-position: center -75px;}
.product-fluid .thumbnail-box .list {overflow: hidden; width: 100%;height: auto;}
.product-fluid .thumbnail-box .list .item {float: left; padding: 5px;width: 20%;cursor: pointer;}
.product-fluid .thumbnail-box .list .item img {width: 100%; border: 2px solid #fff; box-sizing:border-box; }
.product-fluid .thumbnail-box .list .item-cur img {border: 2px solid #c71d32;}
.product-fluid .big-box {display: none; overflow: hidden; position: absolute; left: 100%; top: 0;z-index: 199; width: 450px; height: 450px; border: 1px solid #ccc;background: #fff; }
.product-fluid .big-box img {display: block;max-width: none;}
.small-box .hover {display: none; position: absolute; left: 0; top: 0; width: 200px; height: 200px; border: 1px solid #aaa; background: #0099ff; opacity: .5; filter: alpha(opacity: 50); cursor: move; }

/*产品信息*/
.pro-info {width: 100%;}
.pro-info h1 {color: #333;font-size: 26px;line-height: 2;font-weight: bold;}
.pro-info .desc {padding: 20px;margin:20px 0px;background-color: #f5f5f5}
.pro-info .desc p {color: #666;line-height: 24px;}
.pro-info .spec {padding: 0px 20px;}
.pro-info .spec p {color: #666;line-height: 24px;}
.pro-info .info {padding: 20px;color: #666;border-top: 1px solid #f5f5f5;margin-top: 20px;}
.pro-info .pro-contact {padding: 20px;margin-top: 20px;}
.pro-info .pro-contact ul li {display: inline-block;margin-right: 20px;position: relative;}
.pro-info .pro-contact ul li a {color: #fff;font-size: 16px;background: #e60012;display: block;width: 180px;height: 44px;line-height: 42px;text-align: center;border-radius: 50px;overflow: hidden;}
.pro-info .pro-contact ul li a.tel_hover {border:1px solid #e60012;background-color: #fff;color: #e60012;}
.pro-info .pro-contact ul li a.jd_btn {width: 100px;}
.pro-info .pro-contact ul li .tel_content {display: none;width: 250px;height: 150px;background-color: #fff;box-shadow: 1px 1px 8px #ccc;padding: 20px;border-radius: 10px;box-sizing: border-box;position: absolute;left: 50%;bottom: 60px;transform: translate(-50%,0%);}
.pro-info .pro-contact ul li:hover .tel_content {display: block;}
.pro-info .pro-contact ul li .tel_content:before {content: ""; display: block; width: 16px; height: 16px; box-shadow: 1px 1px 8px #ccc; background-color: #fff; position: absolute; bottom: -14px; left: 50%; -webkit-transform: rotate(45deg) translate(-50%,0%); transform: rotate(45deg) translate(-50%,0%); z-index: -1; } .pro-info .pro-contact ul li .tel_content:after {content: "";display: block;position: absolute;left: 0px;bottom: 0px;z-index: -1;width: 100%;height: 100%;background-color: #fff;border-radius: 10px;overflow: hidden;}
.pro-info .pro-contact ul li .tel_content .item {width: 100%;margin-bottom: 15px;height: 45px;}
.pro-info .pro-contact ul li .tel_content .item .ico {width: 28px;height: 28px;overflow: hidden;border-radius: 50%;float: left;}
.pro-info .pro-contact ul li .tel_content .item .txt {float: left;margin-left: 10px;}
.pro-info .pro-contact ul li .tel_content .item .txt p {color: #666;font-size: 16px;line-height: 24px;}
.pro-info .pro-contact ul li .tel_content .item .txt h2 {color: #c71d32;font-size: 18px;font-weight: bold;}

.product-fluid .desc-list {margin-bottom: 20px;}
.product-fluid .desc-list+.desc-list {border-top: 1px solid #dedede;padding-top: 20px;}
.product-fluid .desc-list .h {font-size: 24px;margin-bottom: 20px;background:url(/Public/home/css/../images/pro-head.jpg) no-repeat left center;padding-left: 20px;}
.product-fluid .desc-list .content {line-height: 28px;position: relative;}
.product-fluid .desc-list .content .swiper-product .swiper-slide .fancybox .example-image {height: 185px;}

.product-fluid .swiper-product {margin:0 50px;}
.product-fluid .swiper-button-next,.product-fluid .swiper-button-prev {width: 32px;height: 60px;background-color: #eaeaea;opacity: 1;}
.product-fluid .swiper-button-next:after, .product-fluid .swiper-button-prev:after {font-size: 18px;}

.product-fluid .swiper-product .swiper-slide {text-align: center;}
.product-fluid .swiper-product .swiper-slide p {margin-top: 10px;}
.product-fluid .contact {text-align: center;margin-top: 30px;}

.product-fluid .desc-list table {width: 100%;}
.product-fluid .desc-list table thead {height:44px; line-height:44px; color:#fff; font-size:15px; background:#e6f2ff;}
.product-fluid .desc-list table tbody tr td {padding:7px 10px;color: #333;font-size: 15px;background: #f5f5f5;box-sizing:border-box;}
.product-fluid .desc-list table tbody tr:nth-child(2n) td {background: #e4f1ff;}
.product-fluid .desc-list iframe {display: block;width: 800px;height: 500px;margin: auto}


.download-warp {padding: 50px 0px;}
.downNav{ font-size:16px;}
.downNav dl{ padding-left:92px; margin-bottom:20px; position:relative;}
.downNav dt{ position:absolute; left:0px; top:0px; line-height:40px; height:40px;}
.downNav dd{ overflow:hidden;}
.downNav dd a{ float:left; line-height:40px; height:40px; border-radius:50px; padding:0 30px; margin-right:20px; background:#f5f5f5; margin-bottom:3px;}
.downNav dd a.cur { background:#e60012; color:#fff;}

.downSearch{ margin-bottom:30px;}
.downSearch .pd{ width:570px; position:relative;}
.ipt_t3{ width:100%; height:50px; padding:0 35px; box-sizing:border-box; border:1px solid #ddd; border-radius:25px; font-size:16px; color:#666;}
.ipt_b3{ width:80px; height:50px; display:block; position:absolute; top:0px; right:0px; background:url(/Public/home/css/../images/search.png) no-repeat center; border:none; font-size:22px; color:#4c87ff;}


.downCon .li{ float:left; padding:0 35px; box-sizing:border-box; text-align:center; width:20%; border-right:1px solid #e60012;}
.downCon .li1{ width:80%; text-align:left;}
.downCon .li2{ display:none;}
.downCon .li3{width:22%;display:none;}
.downCon .li4{ border-right:none;}
.downCon .h3{ height:20px; line-height:20px; overflow:hidden; display:block;}
.downConTit{  border:1px solid #dcdcdc;overflow:hidden; background:#f5f5f5; color:#333; line-height:20px; padding:17px 0; border-radius:6px 6px 0 0;}
.downConCon{ border:1px solid #dcdcdc; border-top:none;}
.downConCon .ul{ border-bottom:1px solid #dcdcdc;}
.downConCon .ul:last-child{ border-bottom:none;}
.downConCon .li{ border-right-color:#ccc; line-height:20px; padding:17px 30px;}
.downConCon .ul:hover{ background:#fefefe;}
.downConCon .ul:hover .h3{ color:#e60012;}
.downCon .h3 .ntd {display: table-cell; vertical-align: middle; }
.downCon .li4 .h3 .ntd {display: block;}
.downBtn{ display:inline-block; vertical-align:bottom; color:#e60012; margin:0 13px; font-size:14px;}
.downBtn i{ float:left; display: block; width: 18px;height: 18px;background: url(/Public/home/css/../images/download.png) no-repeat center;}
.downBtn span{ float:left; margin-left:4px;}


.inquiry h4 {text-align: center;color: #333;font-size: 26px;margin-bottom: 15px;}
.inquiry p {text-align: center;color: #333;font-size: 16px;} 
.inquiry p font {color: #c71d32}
.inquiry .form-group {margin:20px auto;width: 420px;height: 54px}
.inquiry .form-group input {width: 285px;height: 54px;padding: 6px 12px;border:1px solid #ccc;box-sizing: border-box;float: left;border-radius:5px 0px 0px 5px;}
.inquiry .form-group input:focus {border-color: #c71d32}
.inquiry .form-group .btn {float: right;width: 135px;height: 54px;background-color: #c71d32;color: #fff;font-size: 20px;cursor: pointer;border-radius:0px 5px 5px 0px;}
.inquiry .inquiry_notice {width: 680px;margin: 30px auto 0px;padding: 30px;border-radius: 10px;box-shadow: 2px 1px 10px #ccc;}
.inquiry .inquiry_notice .ico,.inquiry .inquiry_notice .txt {display: inline-block;vertical-align: top;}
.inquiry .inquiry_notice .txt {width: 460px;margin-left: 40px}
.inquiry .inquiry_notice .txt p {color: #666;font-size: 15px;line-height:21px;text-align: left;}

/*弹窗*/
.alertBox {display: none;width: 100%; height: 100%; background: rgba(0,0,0,0.25); position: fixed; top: 0; left: 0;z-index: 999; }
.alertBox .alert {width: 480px; background: #fff; padding: 0; position: absolute; top:50%; left: 50%; border:5px solid rgba(0,0,0,0.65);-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);border-radius: 5px;overflow: hidden;}
.alertBox .alert .head {height: 45px;line-height: 45px;background-color: #f8f8f8;padding: 0px 20px;}
.alertBox .alert .head h6 {color: #787878;font-size: 16px;font-weight: bold;}
.alertBox .alert .head .close{position: absolute;top: 0px; right: 15px;width: 21px;height: 45px;background: url(/Public/home/css/../images/close.png) no-repeat center;cursor: pointer; }
.alertBox .alert .con {padding: 20px;}
.alertBox .alert .con .ico {display: inline-block;vertical-align: top;width: 45px;height: 45px;background-image: url(/Public/home/css/../images/alert_ico.png);background-repeat: no-repeat;background-position: 0px 0px;}
.alertBox#error .alert .con .ico {background-position: 0px -45px;}
.alertBox#repeat .alert .con .ico {background-position: 0px -90px;}
.alertBox .alert .con .txt {display: inline-block;vertical-align: top;width: 330px;margin-left: 10px;}
.alertBox .alert .con .txt h5 {color: #333;font-size: 15px;font-weight: bold;margin-bottom: 5px;}
.alertBox .alert .con .txt p {color: #666;font-size: 15px;}
.alertBox .alert .con .btnBox {width: 100%;margin-top: 20px;text-align: right;}
.alertBox .alert .con .btnBox a.close {display: inline-block;width: 86px;height: 32px;line-height: 32px;color: #fff;font-size: 16px;text-align: center;background: #c71d32}

.qqkefu{position: fixed;bottom:200px;_position: absolute;_top: expression(eval(document.documentElement.scrollTop + 365));z-index:900;right:0;width:50px;transition:all 0.8s ease;}
.qqkefu:hover{ margin-top:5px;}
.qqkefu ul li{width: 50px;height:50px;margin-bottom:3px;float:right;line-height:50px;font-size:14px; color:#fff; cursor:pointer;position:relative;text-indent:10px;}
.qqkefu ul li a{color:#fff;display: block;overflow: hidden;height: 50px; font-size:14px;}
.qqkefu ul li.qq_cza{overflow:hidden}
.qqkefu ul li:hover{background:#c71d32;}
.qqkefu ul li.top{background: #989898 url(/Public/home/css/../images/side_icons.png) no-repeat -250px 0px;position:relative;width:50px;height: 50px;cursor:pointer;}
.qqkefu ul li.top:hover{background:#c71d32 url(/Public/home/css/../images/side_icons.png) no-repeat -250px 0px;}
.qqkefu ul li b{width:50px;height:50px;display:block;overflow:hidden;float:right;background-image: url(/Public/home/css/../images/side_icons.png);background-color: #989898;position: relative;z-index: 2;}
.qqkefu ul li span{font-size: 14px;font-weight: bold;color: #FFF;position: absolute;left: 0;}
.qqkefu ul li b.a{background-position: 0px 0px}
.qqkefu ul li b.b{background-position: -50px 0px}
.qqkefu ul li b.c{background-position: -100px 0px}
.qqkefu ul li b.d{background-position: -150px 0px}
.qqkefu ul li b.e{background-position: -200px 0px}
.qqkefu ul li:hover b{background-color: #c71d32;}
.qqkefu ul li.qq_czb{text-indent: 0;}
.qqkefu ul li.qq_czae{ line-height:15px !important}
.qqkefu .erweima{position: absolute;width:125px;bottom: 0px;left: -138px;float: right;cursor: default !important;padding: 5px;border:1px solid #ccc;background:#fff;display:none;}
.qqkefu .erweima img{width:100%;}
.qqkefu li .erweima p a{display:block;font-size:14px;color:#333;margin-top:-8px;margin-left:30px;}


@media (min-width: 576px) {
	
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {	
	.footer .footer-blocks-block:last-of-type {align-items: flex-end;}
}

@media (min-width: 1200px) {
    .solution-wrap .solution-container .swiper-slide a img {
        width: 450px;
        height: 450px;
        object-fit: cover;
    }
}

@media (min-width: 1600px) {

}



@media (max-width: 1599px) {

	.about-floor .about-img {width: 50%;}
    .about-floor .about-text {width: 50%;}
    .footer .footerTop .fNav dl {width: 140px;}
    .snavTab {margin-left:310px;}
}


@media (max-width: 1440px) {
    .about-floor .about-text {padding: 50px;}

    .footer .footerTop .fNav dl {width: 140px;}

    .hot-floor .hot-wrap .hot-text {padding: 40px;}
    .hot-floor .hot-wrap {padding: 0 60px}
    .hot-floor .hot-wrap .hot-img img {width: 400px;height: 400px;}
    .menunav li .wpd {width: 1200px;}
    .snavTab {margin-left:310px;}
    .snavCon {max-width: 720px;width: 720px;}
}


@media (max-width: 1199px) {
	.header .logo img {height: 40px;}
	.header .navbar .menu li {margin:0px 5px;}
	.header .navbar .menu li+li {margin:0px 5px;}
	.header .navbar .tel {font-size: 13px;}
	.header .navbar .tel h2 {font-size: 14px;}
    .about-floor .about-img {width: 100%;}
    .about-floor .about-text {width: 100%;}
	.header .navbar .menu .h3 a {font-size: 14px;}
    .menunav li .wpd {width: 900px;}
    .snavTab {margin-left:160px;}
    .snavCon {max-width: 570px;width: 570px;}
    .snavCon .l a {max-width: 45%;margin-right: 5%;}
}

@media (max-width: 992px) {	
    .header .navbar,.header.headerFix .navbar {height: 60px;}
    .header .index-navbar {background-color: rgba(0,0,0,0.9)}
    .header .navbar .logo img {height: 40px;}
    .menu-link{ display:block;}
    .header .navbar .tel {display: none;}
    .header .navbar .menu{ display:none; position:fixed; top:60px; left:0px; right:0px; background:#333; width:100%; right:0px; left:auto; text-align:left; padding:0px;}
    .header .navbar .menu ul{ display:block;}
    .header .navbar .menu li{ display:block; float:none; margin:0px; border-bottom:1px solid rgba(255,255,255,0.3);}
    .header .navbar .menu li.active .h3 a{ color:#fff; font-weight:normal;}
    .header .navbar .menu li.active .h3 a:before{ display:none;}
    .header .navbar .menu .h3 a{ height:40px !important; line-height:40px !important; font-size:14px; color:#fff; padding:0 30px; float:none;}
    .header .navbar .menu i{ display:block; float:none;}
    .header .navbar .menu em{ display:block;}

    .header .navbar .menu li:hover .h3 a{ background:none; color:#fff;}
    .header .navbar .menu li:hover .snav,
    .header .navbar .menu li:hover .box{ display:none;}
    .header .navbar .menu li.active .h3 a{ background:#e60012;}
    .header .navbar .menu .active .h3 a:before,
    .header .navbar .menu li:hover .h3 a:before{ display:none;}
    
    .banner {margin-top: 60px;}
    .banner .swiper-banner .swiper-button-prev {left: 2%;}
    .banner .swiper-banner .swiper-button-next {right: 2%;}

    .banner .swiper-banner .swiper-button-next:after, .banner .swiper-banner .swiper-button-prev:after {font-size: 28px;}
    .fluid-floor .floor .title {padding: 30px 0px 15px;}
    .fluid-floor .floor .title .h h4 {font-size: 24px;}
    .fluid-floor .floor .title .h p {font-size: 14px;}

    .hot-floor .hot-wrap {padding: 0;}
    .hot-floor .hot-wrap .hot-img {float: none;}
    .hot-floor .hot-wrap .hot-text {position: static;padding: 20px;}
    .hot-floor .hot-wrap .hot-text h4 {font-size: 20px;margin-bottom: 15px;}
    .hot-floor .hot-wrap .hot-text .desc {margin-bottom: 20px;}
    .hot-floor .hot-wrap .hot-text .desc p {font-size: 14px;}
    .hot-floor .hot-wrap .hot-text a.more {width: 120px;font-size: 14px;}

    .pro-fluid {margin-top: 30px;}
    .pro-floor .item {margin-bottom: 15px;}
    .pro-floor .item a .txt {padding: 10px;}
    .pro-floor .item a .txt h4 {font-size: 16px;}
    
    .about-fluid {margin:30px 0px 0px;}
    .about-floor .about-text {padding: 20px;}
    .about-floor .about-text h4 {font-size: 24px;margin-bottom: 15px;}
    .about-floor .about-text .desc {margin-bottom: 15px;}
    .about-floor .about-text .desc p {font-size: 14px;line-height: 1.75;}

    .about-floor .about-text a.more {font-size: 14px;width: 120px;}
    .solution-wrap .solution-container .swiper-slide a .mark {padding: 15px;justify-content:center;}
    .solution-wrap .solution-container .swiper-slide a .mark h4 {font-size: 16px;}
    .solution-wrap .solution-container .swiper-slide a .mark p {font-size: 14px;text-align: center;}
    .solution-wrap .solution-container .pagination {margin-top: 20px;}
    .solution-wrap .solution-container .pagination .swiper-pagination-bullet {width: 10px;height: 6px;}

    .solution-wrap .solution-container.swiper-solutions .pagination .swiper-pagination-bullet {width: 8px;height: 8px;}

    .news-fluid .news-floor .news-wrap .item {padding: 15px 0px;}
    .news-fluid .news-floor .news-wrap .item .date {width: 100%;text-align: left;}
    .news-fluid .news-floor .news-wrap .item .date .day {font-size: 24px;}
    .news-fluid .news-floor .news-wrap .item .desc {width: calc(100% - 50px)}
    .news-fluid .news-floor .news-wrap .item .desc .name {font-size: 16px;margin:5px 0px 0px;}
    .news-fluid .news-floor .news-wrap .item .more {width: 38px;height: 38px;}

    .partner-floor .swiper-partner .swiper-slide .item {width: 50%;margin:10px 0px;}
    .partner-floor .swiper-partner .swiper-slide .item img {-webkit-filter: grayscale(0);filter: grayscale(0);}

    .partner-floor .links_wrap label {font-size: 14px;}
    .partner-floor .links_wrap .links_con a {font-size: 13px;}

    .cases-floor .cases-wrap .item {margin-bottom: 15px;}
    .cases-floor .cases-wrap .item a .mark {padding: 20px;}
    .cases-floor .cases-wrap .item a .mark h4 {font-size: 18px;}
    .cases-floor .cases-wrap .item a .mark p {font-size: 14px;}
    
    .hot-floor .hot-wrap .hot-img img {width: 100%;height: auto;}

    .i-banner,.navigation,.honor-wrap {margin-top: 60px;}
    .honor-wrap {min-height: auto;background-size: cover;}
    .i-banner .img {background-color: #000;}
    .i-banner .img img {height: auto;background-size: cover;opacity: 0.7;}
    .i-banner-about .img img {height: calc(100vh - 60vh)}

    .i-banner .text {
        left: 50%;
        top: 30px;
        bottom: 30px;
        width: 80%;
        text-align: center;
        margin: 0px;
        margin-left: -40%;
    }
    .i-banner .text h4 {
        color: #fff;
        font-size: 20px;
    }
    .i-banner .text .p p {
        color: #fff;
        font-size: 14px;
    }

    .fluid-wrap {padding: 30px 0px;}
    .fluid-wrap .title {margin-bottom: 20px;}
    .about-inner .title h4 {font-size: 20px;}
    
    .ane-introCourse-dl .ane-selfService-img {margin-bottom: 20px;}
    .ane-introCourse-dl .ane-selfService-img img {width: 100%;}
    .ane-introCourse-dl .ane-selfService-com .ane-intro-number {display: none;}

    .content-wrap .title {padding: 30px 0px;}
    .content-wrap .title h4 {font-size: 24px;}

    .application-list {padding: 30px 0px;}
    .application-list.bg {margin-top: 30px;}
    .application-list .head h4 {font-size: 20px;}
    .application-list .menu-list .item {padding: 0 20px;}
    .application-list .menu-list .item h4 {font-size: 16px;margin:10px 0px;}
    .application-goods .swiper-slide .flex {flex-wrap: wrap;}
    .application-goods .swiper-slide .img {width: 100%;}
    .application-goods .swiper-slide .img img {width: 100%;}
    .application-goods .swiper-slide .txt {padding: 10px 0px;}

    
    .product-wrap .product-list .item {margin-bottom: 20px;}
    .product-wrap .product-list .item a {padding: 10px 10px 20px;}
    .product-wrap .product-list .item a .txt h4 {font-size: 16px;}
    .product-wrap .product-list .item a .txt .tag {margin-top: 5px;display: block;font-size: 13px;}

    .pro-info h1 {font-size: 20px;}
    .pro-info .desc {margin:10px 0px;padding: 10px;}
    .pro-info .spec {padding: 0px 10px;}
    .pro-info .info {padding: 10px;margin:10px 0px;}
    .pro-info .pro-contact {padding: 10px;}

    .cases-wrap .cases-list .item a {padding: 15px;}
    .cases-wrap .cases-list .item a .name {font-size: 16px;margin:10px 0px 15px;}
    .cases-wrap .cases-list .item a .more {margin-top: 20px;}

    .news-wrap .news-list .item a .content-text {padding: 15px;}
    .news-wrap .news-list .item a .content-text .name {font-size: 16px;margin:10px 0px 15px;}
    .news-fluid {padding-top: 30px;}
    .news-fluid .fluid-title h1 {font-size: 20px;}
    .news-fluid .page_info p {float: none !important;margin:10px 0px;}
    
    .service-list .col-lg-6 {margin-bottom: 20px;}
    .service-list .item .img {width: 50%;height: auto;}
    .service-list .item .txt {width: 50%;padding:5px 15px;}
    .service-list .item .txt .more {margin-top: 15px;}

    .honor-wrap .honor-list .item {flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0px 5px; margin-bottom: 10px; }

    .contact-container {padding:30px 0px 0px;}
    .contact-container .img .item {width: 45%;margin:0 2.5%;padding: 15px;}
    .contact-container .img .item h5 {font-size: 16px;}
    .contact-container .img .item p {font-size: 14px;height: 42px;}
    .contact-container .clearfix .text {width: 100%;margin-top: 30px;}
    .contact-container .text h4 {font-size: 20px;}
    .contact-container .text ul li {margin-top: 5px;}
    .contact-container .text ul li i img {width: 18px;}
    .contact-container .text ul li p {font-size: 14px;}

    .contact-list .item {margin-bottom: 15px;}
    .contact-list .item .text, .contact-list .item .img {width: 100%;}
    .contact-list .item .text p {line-height: 24px;margin-top: 5px;font-size: 14px;}
    .contact-list .item .img img {height: auto;margin-top: 15px;}

    .joinList .li {padding: 0 15px;font-size: 14px;}
    .joinListCon dl {margin-bottom: 15px;}
    
    .download-warp {padding: 30px 0px;}
    .downNav dd a{ font-size:12px;line-height: 30px;height: 30px;margin-bottom: 5px;margin-right: 3px;padding: 0 15px;}
    .downConTit{ padding:12px 0;}
    .downCon .li{ padding:0 10px;}
    .downConCon .li{ padding:8px 10px;}
    .downCon .h3{ height:40px; overflow:hidden;}
    .downCon .li4 .h3 {}
    .downNav dl{ padding:0px;}
    .downNav dt{ position:static; font-weight:bold; font-size:16px;}
    .ipt_t3{ height:40px; padding:0 20px;}
    .ipt_b3{ height:40px; width:60px;}

    .downBtn {font-size: 14px; margin: 0 5px; }

    .downSearch .pd {width: 100%;}

    .footer{ padding:20px 0 0;margin-top: 30px;}
    .fNav{ display:none;}
    .footer .footerTop { text-align:center;padding: 20px 0px;}
    .footer .fContact { float: none; width:100%; margin:0 auto 20px auto; float:none;}
    .footer .fContact .fEwm{ margin:0 auto; float:none;}
    .footer .fContact .fEwm li {float: none;display: inline-block;vertical-align: top;margin:0 10px;}
    .footer .fContact .telcon h2 {font-size: 18px;}


    .inquiry .form-group {width: 100%;display: flex;}
    .inquiry .form-group input {flex:1;height: 44px;}
    .inquiry .form-group .btn {height: 44px;width:100px;font-size: 16px;}
    .inquiry p {font-size: 14px;}
    .inquiry .inquiry_notice {width: 100%;padding: 20px;}
    .inquiry .inquiry_notice .ico {display: none;}
    .inquiry .inquiry_notice .txt {width: 100%;margin:0;}
    .inquiry .inquiry_notice .txt p {font-size: 14px;}

    .news-more {display: none;}
}


@media (max-width: 768px) {
    .banner.pc {display: none;}
    .banner.mobile {display: block;}

    .hot-floor .hot-wrap .hot-img {padding: 0 20%;}
    
    .footer .copyright {text-align: center;}
    .footer .copyright .fr {width: 100%;text-align: center;padding:10px 0px 0px;}
    .qqkefu {display: none;}
    
    .message {width: auto;max-width: 650px;}
    .message .form-group {margin-bottom: 15px;}
    .message .form-group label {display: block;float: left;font-size: 15px;width: 100%;line-height: 1.5;margin-bottom: 10px;text-align: left;margin-right: 0px;}
    .message .form-group input {color: #333;float: left;font-size: 14px;width: 100%;height: 35px;padding: 5px 10px;border:1px solid #ccc;border-radius: 5px;}
    .message .form-group .form-control:focus {border-color: #c71d32}
    .message .form-group textarea {float: left;width: 100%;height: 100px;line-height: 24px;padding: 10px;font-size: 14px;border:1px solid #ccc;border-radius: 5px;}
    .message .form-group font {display: none;}
    .message .form-group button {display: block;width: 100%;height: 45px;line-height: 45px;padding: 0px;text-align: center;color: #fff;font-size: 16px;background-color: #c71d32;cursor: pointer;}
    .message .form-group button:hover {background-color: #d60f28}
    .message .form-group .col-sm-offset-2 {margin-left: 0px;}

    .faq ul li .link {padding: 10px;font-size: 15px;}
    .faq ul li .submenu {padding: 10px;}
    .faq ul li .submenu p {font-size: 14px;}

    .cases-wrap .cases-list .item a .img {height: auto;}
}

@media (max-width: 576px) {
    .i-banner .img img {height: 150px;background-position: center;}
    .i-banner-about .img img {height: calc(100vh - 60vh)}

    .fluid-floor .floor .title {padding: 20px 0px 10px;}
    .fluid-floor .floor .title .h h4 {font-size: 18px;}
    
    .news-fluid {padding: 10px;}
    .pro-floor .item a .more {font-size: 13px;height: 35px;line-height: 35px;}

    .fluid-wrap {padding: 20px 0px; }
    .about-inner .title h4 {font-size: 18px;}

    .honor .swiper-button-next {
        right: 0px;
    }
    .honor .swiper-button-prev {
        left: 0px;
    }
    .honor .swiper-button-next:after, .honor .swiper-button-prev:after {
        font-size: 32px;
    }
    .honor .pagination {display: none;}

    .content-wrap .title {padding: 20px 0px;}
    .content-wrap .title h4 {font-size: 20px;}

    .application-goods .swiper-slide .txt h4 {font-size:18px;}
    .application-goods .swiper-slide .txt .info {margin:10px 0px;}
    .application-goods .swiper-slide .txt .desc {display: none;}
    .swiper-appli .swiper-button-next, .swiper-appli .swiper-button-prev {height: 34px;font-size: 20px;}
    .swiper-appli .swiper-button-next:after, .swiper-appli .swiper-button-prev:after {font-size: 32px;}

    .alertBox .alert {width: 94%;margin:auto;}
    .alertBox .alert .con {text-align: center;}
    .alertBox .alert .con .txt {width: 100%;}
    .alertBox .alert .con .btnBox a.close {width: 100%;height: 40px;line-height: 40px;border-radius: 3px;}

    .news-fluid .statement *, .news-fluid .statement span {font-size: 12px;}

    .news-fluid .fluid-title .info span {font-size: 12px;}
}

/*  -- flex弹性布局 -- */
.flex {
	display: flex;
}
.basis-xs {
	flex-basis: 20%;
};

.basis-sm {
	flex-basis: 40%;
}

.basis-df {
	flex-basis: 50%;
}

.basis-lg {
	flex-basis: 60%;
}

.basis-xl {
	flex-basis: 80%;
}


.u-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.u-flex-wrap {
    flex-wrap: wrap;
}

.u-flex-nowrap {
    flex-wrap: nowrap;
}

.u-col-center {
    align-items: center;
}

.u-col-top {
    align-items: flex-start;
}

.u-col-bottom {
    align-items: flex-end;
}
.u-col-stretch {
    align-items:stretch;
}
.u-row-center {
    justify-content: center;
}

.u-row-left {
    justify-content: flex-start;
}

.u-row-right {
    justify-content: flex-end;
}

.u-row-between {
    justify-content: space-between;
}

.u-row-around {
    justify-content: space-around;
}

.u-text-left {
    text-align: left;
}

.u-text-center {
    text-align: center;
}

.u-text-right {
    text-align: right;
}

.u-flex-col {
    display: flex;
    flex-direction: column;
}

.u-flex-1 {
	flex: 1;
	overflow: hidden;
}

/* start--文本行数限制--start */
.u-line-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.u-line-2 {
    -webkit-line-clamp: 2;
}

.u-line-3 {
    -webkit-line-clamp: 3;
}

.u-line-4 {
    -webkit-line-clamp: 4;
}

.u-line-5 {
    -webkit-line-clamp: 5;
}

.u-line-2, .u-line-3, .u-line-4, .u-line-5 {
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis; 
    display: -webkit-box;
    -webkit-box-orient: vertical; 
}

#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}
#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}
.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}



@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-moz-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(8px) rotate(0);-ms-transform: translateY(8px) rotate(0);-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-moz-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-moz-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-8px) rotate(0);-ms-transform: translateY(-8px) rotate(0);-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-moz-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}