html{font-size: 10px;}
@media screen and (max-width: 1023px){html{font-size: 9px;}}
@media screen and (max-width: 767px){html{font-size: 8px;}}
@media screen and (max-width: 374px){html{font-size: 7px;}}
body{font-family: Arial, "微软雅黑", sans-serif;color: #333;font-size: 16px;width: 100%;line-height: 1;overflow-x: hidden;}
h1,
h2,
h3,
h4,
h5,
h6{margin: 0;line-height: 1;font-size: inherit;font-weight: normal;}
address,
blockquote,
dl,
fieldset,
figure,
hr,
ol,
p,
pre,
ul{margin: 0;}
i{font-style: normal;}
img{border: none;vertical-align: middle;}
ul,
ol{list-style: none;padding-left: 0;}
li{list-style: inherit;}
input,
textarea,
button,
span,
li,
a,
div{border: none;outline: none;resize: none;}
textarea{font-family: Arial, "微软雅黑", sans-serif;overflow: auto;}
table{width: 100%;border-spacing: 0;border-collapse: collapse;}
a,
a:active,
a:hover,
a:visited{color: inherit;font-size: inherit;text-decoration: none;}
sup{vertical-align: top;}
.fl{float: left;}
.fr{float: right;}
.clearfix:before,
.clearfix:after{content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.mycol{margin: 0 -10px;}
.mycol:before,
.mycol:after{content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.mycol .col{float: left;padding: 0 10px;text-align: center;}
.mycol .col img{max-width: 100%;}
.mycol2{margin: 0 -6.5vw;}
.mycol2:before,
.mycol2:after{content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.mycol2 .col{float: left;padding: 0 6.5vw;text-align: center;}
.mycol2 .col img{max-width: 100%;}
.mycol-2 .col{width: 50%;}
.mycol-3 .col{width: 33.33333%;}
.mycol-4 .col{width: 25%;}
.mycol-5 .col{width: 20%;}
.box{display: block;}
.center-fa{position: relative;}
.center-fa .center{position: absolute;left: 50%;top: 50%;transform: translate(-50%,50%);}
.center-fa .centerX{position: absolute;left: 50%;transform: translateX(-50%);}
.center-fa .centerY{position: absolute;top: 50%;transform: translateY(-50%);}
.center-img{height: 100%;position: relative;overflow: hidden;}
.center-img img{position: absolute;left: 50%;top: 50%;width: auto;max-width: none;min-width: 100%;height: 100%;transform: translate(-50%,-50%);}
.center-img-hover img{transition: all .3s;}
.center-img-hover:hover img{transform: translate(-50%,-50%) scale(1.05) !important;}
.full-img{width: 100%;height: 0;position: relative;}
.full-img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.lr-ti li{overflow: hidden;position: relative;}
.lr-ti li > div{width: 50%;float: left;}
.lr-ti li .txt{position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.lr-ti li .img img{width: 100%;}
.lr-ti li:nth-child(2n) > div{float: right;}
.lr-ti li:nth-child(2n) > div.txt{right: auto;left: 0;}
.hvr-color{transition: all .3s;}
.hvr-color:hover{color: #00a2e9;}
.w{width: 1400px;margin: 0 auto;}
.w:before,
.w:after{content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.w1400{width: 1400px;margin: 0 auto;}
.w1600{width: 1600px;margin: 0 auto;}
.w1600:before,
.w1600:after{content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.w-full{width: 90%;margin: 0 auto;}
.w-full:before,
.w-full:after{content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.bg-img{background-size: cover;background-position: center;background-repeat: no-repeat;}
.bg-left{background-position: left center;background-repeat: no-repeat;}
.imgs-btn img{cursor: zoom-in;}
.com-padding{padding-top: 60px;padding-bottom: 60px;}
.pt0{padding-top: 0;}
.pb0{padding-bottom: 0;}
.p-color{color: #666;}
.tsi{transition: all .3s;}
.com-bg{background-color: #f7f7f7;}
.bg-f{background-color: #fff;}
.co-f{color: #fff;}
.com-ba:before,
.com-ba:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: transform .3s;}
a.com-more{display: block;width: 160px;height: 50px;line-height: 50px;margin: 40px auto 0;text-align: center;border-radius: 5px;color: #fff;font-size: 1.8rem;background: #00a2e9;}
.com-show{position: relative;}
.com-show .com-show-item{position: absolute;top: 0;left: 0;transform: translateY(30px);opacity: 0;visibility: hidden;transition: transform .5s;}
.com-show .com-show-item.active{position: relative;transform: translateY(0);visibility: visible;opacity: 1;}
.com-title{padding-bottom: 2vw;text-align: center;}
.com-title h3{padding-bottom: 10px;font-size: 36px;position: relative;}
.com-title p{color: #666;font-size: 1.4rem;}
.go-top{display: none;cursor: pointer;}
.go-top:before,
.go-top:after{content: '';position: fixed;right: 20px;bottom: 50px;width: 50px;height: 50px;background-color: #999;border-radius: 5px;z-index: 9999;}
.go-top:hover:after{background: #00a2e9;}
.go-top:before{background: none;width: 20px;height: 20px;right: 34px;bottom: 58px;border: 3px solid #fff;border-bottom: none;border-right: none;transform: rotate(45deg);z-index: 2;border-radius: 0;z-index: 99999;}
.head-nav-bars{position: absolute;right: 0;top: 0;width: 60px;height: 100%;z-index: 998;}
.head-nav-bars span{display: block;position: absolute;top: 50%;right: 15px;width: 30px;height: 4px;border-radius: 4px;transform: translateY(-50%);background-color: #444;}
.head-nav-bars span:before,
.head-nav-bars span:after{content: '';display: block;position: absolute;left: 0;top: -10px;width: 100%;height: 100%;border-radius: 4px;background-color: #444;transition: all .3s;}
.head-nav-bars span:after{top: 10px;}
.head-nav-bars span.active{background: none;}
.head-nav-bars span.active:before,
.head-nav-bars span.active:after{top: 0;transform: rotate(45deg);background-color: #00a2e9;}
.head-nav-bars span.active:after{top: 0;transform: rotate(-45deg);background-color: #00a2e9;}
.header-m{position: fixed;left: 0;top: 0;width: 100%;height: 60px;line-height: 60px;padding: 0 10px;transition: all .3s;background-color: #fff;z-index: 999;display: none;}
.header-m .logo{position: relative;}
.header-m .logo h1{line-height: inherit;}
.header-m .logo a{display: block;font-size: 0;}
.header-m .logo img{height: 40px;}
.header-m .logo p{position: absolute;top: 50%;left: 60px;transform: translateY(-50%);color: #2d3540;font-size: 12px;line-height: 20px;text-align: left;font-weight: 700;white-space: nowrap;}
.header-m .logo p span{display: block;color: #666;font-size: 12px;font-weight: normal;letter-spacing: 1px;}
.header-m .nav{position: fixed;left: 0;top: 60px;width: 100%;bottom: 0;background-color: rgba(0,0,0,0.6);transform: scaleX(0);transform-origin: right;transition: all .4s;z-index: 999;}
.header-m .nav.active{transform: scaleX(1);}
.header-m .nav:after{content: '';position: absolute;right: 0;top: 0;width: 50%;height: 100%;z-index: -1;background-color: #fff;}
.header-m .nav li{text-align: center;line-height: 50px;position: relative;width: 50%;margin-left: 50%;}
.header-m .nav li > a{display: block;width: 100%;height: 100%;color: #1a1a1a;font-size: 16px;position: relative;transition: all .3s;z-index: 999;}
.header-m .nav li:hover > a,
.header-m .nav li.active > a{color: #00a2e9;border-bottom: 1px solid #00a2e9;}
.header-m .nav li .subnav{display: none;}
.swiper-pagination-bullet{width:60px;height: 10px;background-color: #fff;opacity: 1;}
.swiper-pagination-bullet-active{background-color: #00a2e9;}
.swiper-pagination.swiper-pagination{bottom: 30px;}
div.swiper-button-next,
div.swiper-button-prev{width: 30px;height: 30px;border-radius: 50%;background: #fff;}
.swiper-button-next:after,
.swiper-button-prev:after{content: "";position: absolute;left: 45%;top: 50%;width: 8px;height: 8px;border: 2px solid #7f7f7f;border-left: none;border-bottom: none;transform: translate(-50%,-50%) rotate(45deg);}
.swiper-button-prev:after{left: 55%;transform: translate(-50%,-50%) rotate(-135deg);}
.swiper-button-next:hover,
.swiper-button-prev:hover{background-color: #00a2e9;}
.swiper-button-next:hover:after,
.swiper-button-prev:hover:after{border-color: #fff;}
.index-banner{position: relative;width: 100%;}
.index-banner img{width: 100%;}
.index-title{padding-bottom: 3vw;text-align: center;}
.index-title h3{padding-bottom: 3rem;font-size: 3.6rem;}
.index-title h3 span{color: #00a2e9;text-transform: uppercase;position: relative;}
.index-title h3 span:after{content: '';position: absolute;left: 0;bottom: -1.2rem;width: 4rem;border-bottom: 1px solid #00a2e9;}
.index-title p{color: #666;font-size: 1.8rem;line-height: 1.5;}
.index-title.fff *{color: #fff;}
.index-nav{padding-bottom: 6rem;text-align: center;}
.index-nav a{display: inline-block;padding: 1.5rem 4rem;margin: 0 1.2rem;color: #fff;background: #a0a0a0;transition: all .3s;position: relative;}
.index-nav a.active{background: #00a2e9;}
.index-product .main ul{margin: 0 -15px;}
.index-product .main li{width: 32%;margin-right: 2%;float: left;/* padding: 0 15px;*/margin-bottom: 30px;}
.index-product .main li:nth-of-type(3n){margin-right: 0;}
.index-product .main li .img{/* height: 0;padding-bottom: 100%;*/border: 1px solid #dcdcdc;background: #fff;position: relative;overflow: hidden;height: 268px;}
.index-product .main li .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;/* max-height: 100%;*/transition: all .3s;}
.index-product .main li .img span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: translateX(-100%);transition: all .3s;}
.index-product .main li .img span:before,
.index-product .main li .img span:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #00a2e9;opacity: .78;z-index: 1;}
.index-product .main li .img span:before{background: url(../images/icon_play02.png) center no-repeat;opacity: 1;z-index: 2;}
.index-product .main li .txt{padding-top: 2rem;}
.index-product .main li .txt h4{height: 1.8rem;font-size: 1.8rem;line-height: 1;}
.index-product .main li:hover .img img{transform: translate(-50%,-50%) scale(1.1);}
.index-research{padding-top: 6.5vw;padding-bottom: 8vw;}
.index-research .main{margin-top: 3vw;}
.index-research .main ul{margin: 0 -15px;}
.index-research .main li{padding: 0 15px;margin: 1.5rem 0;}
.index-research .main li .box{padding: 2vw;background: #fff;}
.index-research .main li .img{height: 10rem;}
.index-research .main li .txt h4{padding-bottom: 1rem;font-size: 2.8rem;}
.index-research .main li .txt h5{height: 5rem;color: #999;font-size: 1.4rem;}
.index-research .main li .txt .p{height: 100px;overflow: hidden;color: #666;font-size: 1.4rem;line-height: 25px;}
.index-case .main ul{margin: 0 -15px;}
.index-case .main li{padding: 0 15px;margin: 2rem 0;}
.index-case .main li .img img{width: 100%;}
.index-case .main li .txt{padding-top: 2rem;text-align: left;}
.index-case .main li .txt h4{height: 1.8rem;margin-bottom: .5rem;line-height: 1.8rem;font-size: 1.6rem;}
.index-case .main li .txt .p{height: 75px;overflow: hidden;color: #999;font-size: 14px;line-height: 25px;}
.index-about{padding-top: 11rem;}
.index-about .content{color: #fff;text-align: center;}
.index-about .content h3{padding-bottom: 1.5rem;font-size: 3.6rem;}
.index-about .content h4{padding-bottom: 4vw;font-size: 2.4rem;}
.index-about .content p{width: 70%;margin: 0 auto;font-size: 1.6rem;line-height: 25px;}
.index-about .other{max-width: 500px;margin: 0 auto;margin-top: 4rem;}
.index-about .other .list{margin: 0 -1.5vw;}
.index-about .other .list li{padding: 0 1.5vw;}
.index-about .other .list li .img{width: 100%;height: 0;padding-bottom: 100%;border-radius: 50%;background: #00a2e9;position: relative;}
.index-about .other .list li .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index-about .other .list li .txt{padding-top: 1.4rem;color: #fff;}
.index-about .other .btns{margin-top: 4rem;}
.index-about .other .btns a{display: inline-block;width: 36%;height: 4.6rem;line-height: 4.6rem;margin: 0 10px;color: #fff;background: #00a2e9;}
.index-about .other .btns a.video{color: #333;background: #fff;}
.index-about .other .btns a.video img{margin-right: 1rem;}
.index-about-info{padding: 2.5vw 0;}
.index-about-info .main ul{margin: 0 -15px;}
.index-about-info .main li{padding: 0 15px;margin: 1rem 0;}
.index-about-info .main li .box{position: relative;overflow: hidden;}
.index-about-info .main li .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.index-about-info .main li .img img{min-width: 100%;min-height: 100%;position: absolute;bottom: 0;}
.index-about-info .main li .txt{padding: 3vw;color: #fff;position: relative;z-index: 2;}
.index-about-info .main li .txt h4{padding-bottom: 1.5vw;font-size: 3.6rem;}
.index-about-info .main li .txt p{height: 120px;font-size: 1.8rem;line-height: 1.5;}
.index-news{padding-bottom: 8rem;}
.index-news .index-nav{margin-top: -3rem;}
.index-news .main ul{margin: 0 -5px;}
.index-news .main li{padding: 0 5px;}
.index-news .main li .img img{width: 100%;}
.index-news .main li .txt{padding: 2.5rem;padding-bottom: 0;background: #fff;}
.index-news .main li .txt .date{display: block;padding-bottom: 2rem;color: #666;}
.index-news .main li .txt h4{height: 1.8rem;line-height: 1.8rem;}
.index-news .main li .txt .p{height: 75px;margin-top: 1.5rem;overflow: hidden;color: #666;font-size: 1.4rem;line-height: 25px;}
.index-news .main li .txt .more{display: block;margin-top: 2rem;color: #666;font-size: 1.4rem;line-height: 4rem;border-top: 1px solid #d2d2d2;}
.banner{width: 100%;overflow: hidden;}
.banner img{width: 100%;transition: all 1s;}
.banner img:hover{transform: scale(1.02);}
.banner .pos{color: #fff;line-height: 70px;position: relative;top: -70px;margin-bottom: -70px;}
.com-pages{margin-top: 40px;text-align: center;}
.com-pages span,
.com-pages a{display: inline-block;width: 35px;height: 35px;line-height: 35px;margin: 0 5px;color: #666;font-weight: 700;transition: all .3s;vertical-align: middle;border-radius: 50%;}
.com-pages a:first-of-type,
.com-pages a:last-of-type{color: #fff;background: #666;}
.com-pages a:first-of-type:before,
.com-pages a:last-of-type:before{content: '<';display: block;width: 100%;height: 100%;}
.com-pages a:last-of-type:before{content: '>';}
.com-pages a:hover{color: #fff;background-color: #00a2e9;}
.com-pages span{border: 1px solid #666;}
.com-pages label{display: none;}
.page-title{text-align: center;padding-bottom: 4vw;}
.page-title p{padding-bottom: 20px;font-size: 2.8rem;}
.page-title h3{font-size: 3.2rem;}
.page-nav-wrap{height: 50px;}
.page-nav{height: 50px;line-height: 50px;margin-bottom: -1px;overflow: hidden;overflow-x: auto;white-space: nowrap;color: #666;font-size: 1.6rem;text-align: center;transition: all .3s;border-bottom: 1px solid #e3e3e3;}
.page-nav.f4{background: #f4f4f4;}
.page-nav.top{position: fixed;left: 0;top: 0;width: 100%;background: #fff;z-index: 998;border-bottom: 1px solid #ddd;}
.page-nav .nav a{display: inline-block;vertical-align: top;padding: 0 5px;margin: -2px 1vw 0;transition: all .3s;}
.page-nav .nav a:hover{color: #00a2e9;}
.page-nav .nav a.active{color: #00a2e9;border-bottom: 1px solid #00a2e9;}
.product .main{position: relative;}
.product .main .item{margin-bottom: 5rem;}
.product .main .title{padding-bottom: 2.4rem;padding-left: 50px;padding-top: 10px;background: url(../images/icon_pro_title01.png) top left no-repeat;}
.product .main .title h3{font-size: 3.2rem;}
.product .main .title h3 span{margin-left: 1rem;color: #666;font-size: 1.6rem;}
.product .main .list{margin: 0 -0.8rem;}
.product .main .list li{width: 25%;padding: 0 .8rem;text-align: center;}
.product .main .list li .img img{width: 100%;}
.product .main .list li .txt{padding-top: .8rem;text-align: left;}
.product .main .list li .txt h4{font-size: 1.6rem;height: 1.8rem;line-height: 1.8rem;}
.product .main .list li .txt .p{max-height: 100px;overflow: hidden;margin-top: 4px;color: #666;font-size: 1.4rem;line-height: 25px;}
.product .main .swiper-button-prev,
.product .main .swiper-button-next{left: auto;right: 0;top: 1rem;margin: 0;background: #333;}
.product .main .swiper-button-prev{right: 50px;}
.case .main{margin: 0 -10px;}
.case .main li{padding: 0 10px;}
.case .main .img{overflow: hidden;}
.case .main .img img{width: 100%;transition: all .8s;}
.case .main .txt{padding: 10px 0 20px;}
.case .main .txt h4{display: block;height: 3.6rem;line-height: 3.6rem;padding-right: 3vw;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;vertical-align: middle;}
.case .main .txt h4 span{display: inline-block;width: 3vw;margin-left: calc(-3vw - 6px);margin-right: 6px;border-bottom: 1px solid #333;vertical-align: middle;transition: all .3s;}
.case .main .txt .p{min-height: 50px;max-height: 75px;line-height: 25px;overflow: hidden;color: #999;font-size: 1.4rem;}
.case .main li:hover .txt h4 a span{margin-left: 0;}
.case .main li:hover img{transform: scale(1.2);}
.video .mian{margin: 0 -10px;}
.video li{padding: 0 10px;text-align: center;}
.video li img{width: 100%;}
.video li h4{padding-top: 15px;}
.service-after .main{margin: 0 -10px;margin-top: 30px;}
.service-after .main li{padding: 0 10px;}
.service-after .main li .box{padding: 3.75vw 1.5vw 0;background-color: #f7f7f7;position: relative;text-align: left;}
.service-after .main li .box span{position: absolute;left: 30px;top: 0;transform: translateY(-50%);display: block;width: 76px;height: 76px;line-height: 76px;text-align: center;color: #fff;font-size: 24px;background: #00a2e9;border-radius: 50%;}
.service-after .main li h5{height: 45px;color: #00a2e9;font-size: 18px;}
.service-after .main li h4{height: 55px;margin-bottom: 20px;font-size: 24px;position: relative;}
.service-after .main li h4:after{content: '';position: absolute;left: 0;bottom: 0;width: 30px;border-bottom: 3px solid #00a2e9;}
.service-after .main li .con{height: 240px;overflow: hidden;}
.service-after .main li .con p{overflow: hidden;line-height: 30px;font-size: 14px;}
.com-con img{max-width: 100%;}
.com-con p{line-height:1.4;}
.about .txt{padding-top: 3vw;}
.about .txt .tit{padding-bottom: 2rem;line-height: 1.5;}
.about .txt .tit h2{font-size: 3.6rem;padding-bottom: 2rem;}
.about .txt .tit p{color: #666;font-size: 2.4rem;}
.about .txt .p{line-height: 3rem;}
.about .img img{width: 100%;}
.about-history .main{position: relative;padding-top: 20px;z-index: 2;}
.about-history .main .bar{position: absolute;left: 50%;top: 0;width: 1px;height: 100%;background: #ccc;z-index: -1;}
.about-history .main .bar p{position: absolute;left: 0;top: 0;width: 100%;height: 0;transition: all .3s;}
.about-history .main li{position: relative;overflow: hidden;margin-bottom: 58px;}
.about-history .main li .txt{float: right;width: 46%;}
.about-history .main li .txt .t{font-size: 28px;padding-bottom: 10px;}
.about-history .main li .txt .p{line-height: 2;color: #666;}
.about-history .main li .circle{position: absolute;top: 0;left: 50%;width: 16px;height: 16px;margin-left: -8px;text-align: center;border: 1px solid #ddd;border-radius: 50%;background: #fff;z-index: 10;position: relative;}
.about-history .main li .circle:after{content: '';position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;transform: translate(-50%,-50%);border-radius: 50%;background: #999;transition: all .3s;}
.about-history .main li:nth-child(2n) .txt{float: left;text-align: right;}
.about-history .main li:hover .circle:after{background-color: #00a2e9;}
/* .about-history .main{position: relative;}
.about-history .main .bar{position: absolute;left: 50%;top: 0;width: 10px;height: 100%;margin-left: -5px;background: #ccc;box-shadow: inset 0px 0px 7px -2px #000;z-index: -1;}
.about-history .main .bar p{position: absolute;left: 0;top: 0;width: 100%;height: 0;transition: all .3s;background: #00a2e9;}
.about-history .main li{position: relative;overflow: hidden;margin-bottom: 5rem;}
.about-history .main li .txt{float: left;width: 40%;padding: 4% 2%;border-radius: 10px;overflow: hidden;background-color: #f7f7f7;border-bottom: 4px solid #00a2e9;}
.about-history .main li .txt .t{font-size: 2.4rem;line-height: 1.5;padding-bottom: 1.5rem;}
.about-history .main li .txt .p{line-height: 3rem;}
.about-history .main li .img{float: right;width: 40%;}
.about-history .main li .img img{width: 100%;}
.about-history .main li .time{position: absolute;top: 0;left: 50%;width: 8rem;height: 8rem;line-height: 8rem;margin-left: -4rem;text-align: center;font-size: 3rem;border: 2px solid #00a2e9;border-radius: 50%;background: #fff;z-index: 10;}
.about-history .main li:nth-child(2n) .txt{float: right;}
.about-history .main li:nth-child(2n) .img{float: left;}*/@media (max-width: 767px){.about-history .main.main .bar{left: auto;right: 4.3rem;margin-left: 0;}
.about-history .main.main li .time{left: auto;right: 1rem;transform: none;}
.about-history .main.main li .txt, .about-history .main.main li .img{float: left;width: 80%;}}
.about-culture .main .row{margin-bottom: 30px;}
.about-culture .main .row .txt{padding-left: 5vw;}
.about-culture .main .row h5{height: 55px;color: #00a2e9;font-size: 28px;}
.about-culture .main .row h4{height: 55px;margin-bottom: 20px;font-size: 24px;position: relative;}
.about-culture .main .row h4:after{content: '';position: absolute;left: 0;bottom: 0;width: 30px;border-bottom: 3px solid #e5e5e5;}
.about-culture .main .row .con p{font-size: 16px;line-height: 25px;}
.about-honor .main{margin: 0 -1rem;}
.about-honor .main li{padding: 0 1rem;margin-bottom: 2rem;}
.about-honor .main li .img{height: 25rem;line-height: 25rem;border: 1px solid #d2d2d2;background: #fff;}
.about-honor .main li .img img{max-width: 90%;max-height: 90%;}
.about-honor .main li h4{color: #292b3e;height: 55px;line-height: 55px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 20px;}
.about-honor .more{display: block;width: 150px;line-height: 45px;margin: 60px auto 0;text-align: center;background: #00a2e9;}
.about-photo ul{margin: 0 -1rem;}
.about-photo li{padding: 0 1rem;margin-bottom: 2rem;}
.about-photo li .img{overflow: hidden;}
.about-photo li .img img{width: 100%;}
.about-photo li h4{height: 5rem;line-height: 5rem;text-align: center;color: #1e242b;font-size: 1.8rem;background-color: #fff;}
.contact{position: relative;z-index: 2;}
.contact .w{background: #fff;}
.contact .left{width: 54%;overflow: hidden;}
.contact .left img{width: auto;max-width: 100%;max-height: 100%;}
.contact .right{width: 45%;padding-top: 4vw;padding-left: 4vw;}
.contact .right h3{padding-bottom: 2%;padding-right: 2%;line-height: 1.5;font-size: 24px;color: #00a2e9;border-bottom: 1px solid #ddd;margin-bottom: 33px;}
.contact .right p{height: 36px;font-size: 16px;color: #666666;}
.contact .right .qrcode{margin-top: 40px;position: relative;display: none;}
.contact .right .qrcode img{float: left;width: 85px;height: 85px;}
.contact .right .qrcode span{position: absolute;left: 100px;top: 50%;transform: translateY(-50%);font-size: 14px;color: #666666;}
.contact #map{width: 100%;height: 520px;}
.contact #map img{max-width: none;max-height: none;}
.contact #map .BMapLib_SearchInfoWindow .BMapLib_bubble_center{line-height: 1.5;}
.contact #map td{box-sizing: content-box;}
.contact-form input{width: 100%;height: 60px;padding: 20px 0 24px 30px;margin-right: 30px;font-size: 16px;color: #666666;}
.contact-form input:last-child{margin-right: 0;}
.contact-form textarea{width: 100%;height: 240px;padding: 20px 30px;margin-top: 10px;font-size: 16px;color: #333333;}
.contact-form .more{padding-top:30px;margin: 0 auto;}
.contact-form .more a{display: block;width: 246px;height: 45px;line-height: 45px;text-align: center;color: #fff;font-size: 24px;background-color: #00a2e9;border-radius: 45px;}
.contact-form .more .icon{font-size: 16px;font-weight: 700;line-height: 18px;height: 45px;color: #00a2e9;margin-left: 64px;padding-left: 40px;padding-top: 5px;background: url(../images/icon_phone.png) left center no-repeat;-webkit-background-size: 30px 30px;background-size: 30px 30px;}
.hover-circle-big{width: 240px!important;background: #00a2e9;color: #fff!important;font-size: 20px!important;padding:0!important;}
.contact-form .more .phone{font-size: 30.715px;color: #33323a;font-weight: 700;padding-left: 26px;height: 45px;line-height: 45px;letter-spacing: 1px;}
/* .news .nav{margin-top: -2rem;margin-bottom: 4rem;text-align: center;}
.news .nav a{display: inline-block;padding: 1rem 2rem;transition: all .3s;}
.news .nav a:hover,
.news .nav a.active{color: #00a2e9;}
.news .main{margin: 0 -1rem;}
.news .main li{padding: 0 1rem;margin-top: 2rem;}
.news .main li .box{width: auto;position: relative;}
.news .main li .img .img-box{overflow: hidden;}
.news .main li .img img{width: 100%;}
.news .main li .txt{padding: 1vw 2vw 2rem;background: #fff;}
.news .main li .txt h4{height: 2.4rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666;font-size: 1.8rem;}
.news .main li .txt span{display: block;margin: 1rem 0 1.5rem;color: #666;font-style: normal;}
.news .main li .txt .p{height: 11rem;padding-top: 1rem;line-height: 2.5rem;overflow: hidden;color: #999;font-size: 1.4rem;border-top: 1px solid #ddd;position: relative;}
.news .main li .txt .p:before{content: '';position: absolute;left: 0;top: 0;width: 100%;border-top: 1px solid #333;transform: scaleX(0);transform-origin: left;transition: all .6s;}
.news .main li .txt .more{display: block;width: 145px;height: 40px;line-height: 40px;border-radius: 40px;margin-top: 20px;text-align: center;color: #666;background-color: #f7f7f7;}
.news .main li:hover .txt p:before{transform: scaleX(1);}*/.news-position{padding: 20px 0;line-height: 1.5;font-size: 1.4rem;}
.news-position a{transition: all .3s;}
.news-position a:hover{color: #00a2e9;text-decoration: underline;}
.news-detail{padding: 50px 0 100px;}
.news-detail .main{width: calc(100% - 340px);}
.news-detail .main img{max-width: 100%;}
.news-detail .title{padding-bottom: 2vw;margin: 0 -20px 20px;text-align: center;border-bottom: 1px solid #ddd;}
.news-detail .title h1{line-height: 42px;padding-bottom: 10px;font-size:24px;}
.news-detail .title p{color: #666;font-size: 14px;}
.news-detail .content{padding: 3.5vw 4vw;background: #fff;}
.news-detail .content .con{min-height: 100px;line-height: 30px;margin-bottom: 60px;}
.news-detail .content .con img{max-width: 100%;}
.news-detail .more{height: 110px;padding: 20px;margin-top: 35px;background: #fff;position: relative;}
.news-detail .more p{line-height: 35px;}
.news-detail .more p a{display: inline-block;color: #666;font-size: 16px;transition: all .3s;}
.news-detail .more p a:hover{color: #00a2e9;}
.news-detail .more p{display: block;}
.news-detail .more .back{display: block;position: absolute;top: 50%;right: 20px;width: 130px;line-height: 40px;margin-top: -23px;text-align: center;color: #fff;background: #00a2e9;border-radius: 5px;}
.news-detail .side{width: 320px;}
.news-detail .latest{padding: 3.5vw 1.5vw 20px;margin-bottom: 20px;background: #fff;}
.news-detail .latest h5{height: 50px;font-size: 2.4rem;}
.news-detail .latest li{height: 86px;padding: 14px 0;color: #666;border-top: 1px solid #ddd;}
.news-detail .latest li .img{width: 60px;}
.news-detail .latest .txt{margin-left: 80px;padding-top: 6px;}
.news-detail .latest h6{height: 1.6rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;transition: all .3s;}
.news-detail .latest li:hover h6{color: #00a2e9;}
.news-detail .latest p{font-size: 1.4rem;}
.news-detail .latest p span{color: #00a2e9;}
.news-detail .pro{margin-top: 35px;}
.news-detail .pro h5{height: 30px;padding-left: 20px;font-size: 20px;}
.news-detail .pro li .img{background: #fff;text-align: center;}
.news-detail .pro li img{max-width: 100%;}
.news-detail .pro li h6{line-height: 55px;font-size: 14px;text-align: center;transition: all .3s;}
.news-detail .pro li:hover h6{color: #00a2e9;}
.position{height: 55px;line-height: 55px;overflow: hidden;font-size: 14px;transition: all .3s;background-color: #f4f4f4;}
.position.fff{background: #fff;}
.position.top{position: fixed;left: 0;top: 60px;width: 100%;background: #fff;z-index: 998;border-bottom: 1px solid #ddd;}
.position .nav a{display: inline-block;padding: 0 36px;text-align: center;color: #333;transition: all .3s;}
.position .nav a.active{color: #fff;background: #00a2e9;}
.position .pos > a,
.position .w > a{transition: all .3s;}
.position .pos > a:hover,
.position .w > a:hover{color: #00a2e9;}
.pro-detail .top{padding: 25px;background-color: #fff;}
.pro-detail .top .img{width: 50%;overflow: hidden;}
.pro-detail .top .txt{width: 50%;}
.pro-detail .top .big li{text-align: center;background-color: #fff;}
.pro-detail .top .big li .box{height: 360px;line-height: 360px;overflow: hidden;text-align: center;}
.pro-detail .top .big li .box img{max-width: 90%;max-height: 90%;}
.pro-detail .top .list{position: relative;padding: 0 40px;margin-top: 10px;text-align: center;}
.pro-detail .top .list li{border: 1px solid transparent;}
.pro-detail .top .list li .box{height: 120px;line-height: 120px;}
.pro-detail .top .list li img{max-width: 90%;max-height: 90%;}
.pro-detail .top .list .swiper-slide-thumb-active{border-color: #00a2e9;}
.pro-detail .top .txt{padding-top: 20px;padding-left: 2vw;}
.pro-detail .top h1{height: 52px;color: #1e242b;font-size: 24px;border-bottom: 1px solid #ddd;}
.pro-detail .top .con{min-height: 100px;padding: 20px 0 0;color: #999;font-size: 16px;line-height: 35px;margin-bottom: 30px;}
.pro-detail .top .more a{display: inline-block;padding: 11px 30px;margin-right: 1vw;color: #fff;font-size: 18px;background-color: #00a2e9;border-radius: 40px;vertical-align: middle;}
.pro-detail .top span{display: inline-block;padding-left: 35px;color: #00a2e9;font-size: 22px;vertical-align: middle;background: url(../images/icon_phone01.png) left center no-repeat;}
.pro-detail .swiper-button-next,
.pro-detail .swiper-button-prev{width: 30px;height: 30px;background: #a3a3a3;z-index: 99999;left: 0;margin-top: -25px;}
.pro-detail .swiper-button-next{left: auto;right: 0;}
.pro-detail .swiper-button-next:after,
.pro-detail .swiper-button-prev:after{content: "";position: absolute;left: 45%;top: 50%;width: 10px;height: 10px;border: 3px solid #fff;border-left: none;border-bottom: none;transform: translate(-50%,-50%) rotate(45deg);}
.pro-detail .swiper-button-prev:after{left: 55%;transform: translate(-50%,-50%) rotate(-135deg);}
.pro-detail .swiper-button-next:hover,
.pro-detail .swiper-button-prev:hover{background-color: #00a2e9;}
.pro-detail .swiper-button-next:hover:after,
.pro-detail .swiper-button-prev:hover:after{border-color: #fff;}
.pro-content .tit{border-bottom: 1px solid #e5e5e5;}
.pro-content .tit a{display: inline-block;width: 150px;line-height: 40px;text-align: center;font-size: 1.8rem;}
.pro-content .tit a.active{color: #fff;background: #00a2e9;}
.pro-content .tit.top{position: fixed;left: 0;top: 0;width: 100%;padding-left: 10%;background: #fff;z-index: 998;border-bottom: 1px solid #ddd;}
.pro-content .tit.top a{padding: .6rem 0;}
.pro-content .item{padding:15px 0;line-height: 1.4;}
.pro-content .item h4.t{padding-bottom: 1rem;margin-bottom: 3rem;color: #00a2e9;font-size: 2.4rem;border-bottom: 1px solid #ddd;}
.pro-content .item h4.t span{color: #666;}
.pro-content .item img{max-width: 100%;}
.pro-recom .title{margin-bottom: 30px;font-size: 30px;}
.pro-recom .title p{margin-top: 10px;color: #666;font-size: 18px;}
.pro-recom li{display: block;transition: all .3s;}
.pro-recom li .img{height: 280px;line-height: 280px;text-align: center;background: #fff;border: 1px solid #ddd;}
.pro-recom li .img img{max-width: 90%;max-height: 90%;transition: all .3s;}
.pro-recom li:hover .img img{transform: scale(1.02);}
.pro-recom li h4{height: 60px;line-height: 60px;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #1e242b;}
.pro-recom li:hover h4{color: #00a2e9;}
.pro-recom li:hover a{transform: translateY(-5px);}
.solution-detail .main .title{padding-bottom: 2vw;font-size: 3.6rem;}
.solution-detail .item .tit{margin-bottom: 2vw;font-size: 3.2rem;}
.solution-detail .item .tit img{margin-right: 6px;}
.solution-detail img{max-width: 100%;}
.links{padding: 20px 0;line-height: 2;}
.links a{margin-right: 1vw;}
.links a:hover{text-decoration: underline;}
.hor-top-show{position: relative;bottom: -40px;height: 0;opacity: 0;overflow: hidden;transition: all .3s;}
.hor-top-show.active{height: auto;opacity: 1;bottom: 0;}
.hvr1.hvr1 .img{background: #000;position: relative;}
.hvr1.hvr1 .img img{transition: all .5s;}
.hvr1.hvr1 .img:before{content: '';position: absolute;top: 35px;bottom: 35px;left: 35px;right: 35px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;transform: scaleX(0);transition: all .5s;z-index: 1;}
.hvr1.hvr1 .img:after{content: '';position: absolute;top: 35px;bottom: 35px;left: 35px;right: 35px;border-left: 1px solid #fff;border-right: 1px solid #fff;transform: scaleY(0);transition: all .5s;z-index: 1;}
.hvr1.hvr1:hover img{opacity: .8;}
.hvr1.hvr1:hover .img:before{transform: scaleX(1);}
.hvr1.hvr1:hover .img:after{transform: scaleY(1);}
.hover-img-big .img{overflow: hidden;width: auto;}
.hover-img-big .img img{transition: transform .5s;}
.hover-img-big:hover img{transform: scale(1.04);}
.hover-color.hover-color h4{transition: all .3s;}
.hover-color.hover-color:hover h4{color: #00a2e9 !important;}
.hover-left-rotate{transition: transform .3s;}
.hover-left-rotate:hover{transform: rotateY(360deg);}
.hover-left-move{position: relative;right: 0;transition: all .3s;}
.hover-left-move:hover{right: -4px;}
.hover-top-move{display: inline-block;position: relative;transition: transform .3s;}
.hover-top-move:hover{transform: translateY(-5px);}
.hover-bg-big{position: relative;z-index: 1;}
.hover-bg-big:after{content: "";background-color: #fff;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: scale(0);transition: transform .3s;z-index: -1;}
.hover-bg-big:hover:after{transform: scale(1);}
.hvr-bg-move{position: relative;overflow: hidden;transition: all .5s;}
.hvr-bg-move:hover{box-shadow: 0 0 5px #fff inset;}
.hvr-bg-move:after{content: '';position: absolute;left: -100%;top: 0;width: 0;height: 100%;background-color: #fff;opacity: .5;box-shadow: 0 0 30px #fff;}
.hvr-bg-move:hover:after{left: 100%;width: 50%;transition: all .5s;}
.hvr-bg-move2{position: relative;overflow: hidden;z-index: 1;transition: all .3s;}
.hvr-bg-move2:hover{box-shadow: 0 0 5px #fff inset;}
.hvr-bg-move2:after{content: '';position: absolute;left: 50%;top: 50%;width: 300px;height: 300px;margin-top: -150px;margin-left: -150px;border-radius: 50%;background: #fff;transform: scale(0);transition: all .3s;z-index: -1;}
.hvr-bg-move2:hover:after{animation: bg_big 1s;}
@keyframes bg_big{0%{opacity: .6;}
100%{opacity: 0;transform: scale(1);}}
.flash{overflow: hidden;width: 380px;height: 230px;position: relative;}
.flash em{cursor: pointer;height: 230px;width: 380px;left: -380px;position: absolute;top: 0;transform: skewX(-25deg);transition: all 0s;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));background-image: -ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));}
.flash:hover em{left: 380px;transition: all 0.7s;}
.flip img{width: 380px;height: 230px;position: absolute;left: 0;top: 0;z-index: 2;transform: rotateY(0deg);transition: all 0.6s ease 0s;backface-visibility: hidden;}
.flip span{position: absolute;width: 380px;height: 230px;background: #e1e1e1;line-height: 230px;text-align: center;transform: rotateY(-180deg);transition: all 0.5s ease 0s;backface-visibility: hidden;left: 0;top: 0;}
.flip:hover img{transform: rotateY(180deg);}
.flip:hover span{transform: rotateY(0deg);}
.up span{height: 40px;bottom: -40px;display: block;background: #333;transition: all 0.5s;line-height: 40px;color: #fff;}
.up:hover img{margin-top: -40px;transition: all 0.5s;}
.panorama{background-image: url(../images/6608185829213862083.jpg);background-size: auto 100%;cursor: pointer;animation: panorama 10s linear infinite alternate;animation-play-state: paused;}
.panorama:hover,
.panorama:focus{animation-play-state: running;}
@keyframes panorama{to{background-position: 100% 0;}}
.border .txt{position: absolute;top: 10px;left: 10px;right: 10px;bottom: 10px;color: #fff;line-height: 230px;transform: scale(0);}
.border .txt:before,
.border .txt:after{position: absolute;content: '';opacity: 0;transition: all 0.5s;transition-delay: .3s;}
.border .txt:before{top: 0;right: 0;bottom: 0;left: 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.border .txt:after{top: 0;right: 0;bottom: 0;left: 0;border-right: 1px solid #fff;border-left: 1px solid #fff;transform: scale(1,0);transform-origin: 100% 0;}
.border:hover .txt:before,
.border:hover .txt:after{opacity: 1;transform: scale(1);transition: all 0.5s;}
.border:hover .txt{transform: scale(1);}
.border:hover img{opacity: .5;}
.border2 .txt{position: absolute;top: 20px;left: 20px;right: 20px;bottom: 20px;color: #fff;line-height: 230px;transform: scale(0);}
.border2 .txt:before,
.border2 .txt:after{position: absolute;content: '';opacity: 0;transition: all 0.5s;transition-delay: .3s;}
.border2 .txt:before{top: 15px;right: 0;bottom: 15px;left: 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.border2 .txt:after{top: 0;right: 15px;bottom: 0;left: 15px;border-right: 1px solid #fff;border-left: 1px solid #fff;transform: scale(1,0);transform-origin: 100% 0;}
.border2:hover .txt:before,
.border2:hover .txt:after{opacity: 1;transform: scale(1);transition: all 0.5s;}
.border2:hover .txt{transform: scale(1);}
.border2:hover img{opacity: .5;}
.effect1{perspective: 800px;}
.effect1 .pic{display: block;transition: 0.4s;}
.effect1 .txt{position: absolute;left: 0;background: #fff;height: 90%;width: 80%;padding: 5% 10%;transition: 0.6s;top: -100%;transition: all 0.5s;z-index: -1;}
.effect1:hover .pic{transform: rotateX(80deg);transform-origin: center bottom 0;}
.effect1:hover .txt{top: 0;}
.effectBtn{display: inline-block;padding: 5px 25px;font-size: 14px;color: #fff;border: 2px solid #4d92d9;background-color: #4d92d9;text-decoration: none;transition: 0.4s;}
.text-desc{position: absolute;left: 0;top: 0;background-color: #fff;height: 100%;opacity: 0;width: 100%;padding: 20px;}
.effect2{perspective: 500px;z-index: 5;}
.effect2 .txt{position: absolute;left: 0;bottom: 0;background: #fff;height: 90%;width: 80%;padding: 5% 10%;transition: 0.6s;z-index: -1;transform: rotateX(80deg);transform-origin: center bottom 0;opacity: 0;}
.effect2:hover .txt{transform: none;opacity: 1;}
.effect2:hover img{transform: translateY(-100%);}
.effect3{perspective: 500px;overflow: visible;}
.effect3 .txt{position: absolute;left: 0;top: 0;background: #fff;height: 90%;width: 70%;padding: 5% 20% 5% 10%;transition: 0.6s;transform: translateX(-100%);opacity: 0;}
.effect3:hover .txt{transform: translateX(0px);opacity: 1;}
.effect3:hover img{transform: scale(0.5) translateX(100%);position: relative;z-index: 9;}
.effect4 .txt{position: absolute;left: 0;top: 0;background: #fff;height: 70%;width: 80%;padding: 25% 10% 5% 10%;transition: 0.6s;transform: translateY(100%);opacity: 0;}
.effect4:hover .txt{transform: translateY(0px);opacity: 1;}
.effect4:hover img{transform: scale(0.3) translateY(-100%);position: relative;z-index: 9;}
.effect5 .txt{position: absolute;right: 0;top: 0;background: #fff;height: 90%;width: 90%;padding: 5%;transition: 0.6s;opacity: 0;transform: perspective(600px) rotateY(-90deg);transform-origin: right center 0;width: 40%;}
.effect5 img{position: relative;right: 0;}
.effect5:hover .txt{opacity: 1;transform: perspective(600px) rotateY(0deg);z-index: 5;}
.effect5:hover img{right: 50%;}
.effect6{border: 5px solid #eee;}
.effect6 .txt{position: absolute;right: 0;top: 0;background: #fff;width: 70%;height: 90%;padding: 5% 15%;transition: 0.6s;transform: scale(0);backface-visibility: hidden;}
.effect6:hover .txt{transform: scale(1);border-radius: 50% 0 50% 0;}
.effect6:hover img{transform: scale(1.1);}
.button1{background: #555;padding: 50px 0;margin-bottom: 50px;overflow: hidden;}
.btn{color: #fff;cursor: pointer;display: inline-block;font-size: 16px;font-weight: 400;line-height: 45px;margin: 0 auto 2em;max-width: 160px;position: relative;text-decoration: none;text-transform: uppercase;vertical-align: middle;width: 100%;margin: 0 10px;}
.btn:hover{text-decoration: none;}
.btn1{background: #00a2e9;font-weight: 100;}
.btn1 svg{height: 45px;left: 0;position: absolute;top: 0;width: 100%;}
.btn1 rect{fill: none;stroke: #fff;stroke-width: 2;stroke-dasharray: 422, 0;}
.btn1:hover{background: #00a2e9;font-weight: 900;letter-spacing: 1px;}
.btn1:hover rect{stroke-width: 5;stroke-dasharray: 15, 310;stroke-dashoffset: 48;-webkit-transition: all 1.35s cubic-bezier(0.19,1,0.22,1);transition: all 1.35s cubic-bezier(0.19,1,0.22,1);}
.btn2{letter-spacing: 0;}
.btn2:hover,
.btn2:active{letter-spacing: 5px;}
.btn2:after,
.btn2:before{-webkit-backface-visibility: hidden;backface-visibility: hidden;border: 1px solid rgba(255,255,255,0);bottom: 0px;content: " ";display: block;margin: 0 auto;position: relative;-webkit-transition: all 280ms ease-in-out;transition: all 280ms ease-in-out;width: 0;}
.btn2:hover:after,
.btn2:hover:before{-webkit-backface-visibility: hidden;backface-visibility: hidden;border-color: #fff;-webkit-transition: width 350ms ease-in-out;transition: width 350ms ease-in-out;width: 70%;}
.btn2:hover:before{bottom: auto;top: 0;width: 70%;}
.btn3{background: #00a2e9;border: 1px solid #da251f;box-shadow: 0px 2px 0 #d6251f, 2px 4px 6px #e02a24;font-weight: 900;letter-spacing: 1px;-webkit-transition: all 150ms linear;transition: all 150ms linear;}
.btn3:hover{background: #00a2e9;border: 1px solid rgba(0,0,0,0.05);box-shadow: 1px 1px 2px rgba(255,255,255,0.2);color: #ec817d;text-decoration: none;text-shadow: -1px -1px 0 #c2211c;-webkit-transition: all 250ms linear;transition: all 250ms linear;}
.btn4{border: 1px solid;overflow: hidden;position: relative;}
.btn4 span{z-index: 20;}
.btn4:after{background: #fff;content: "";height: 155px;left: -75px;opacity: .2;position: absolute;top: -50px;-webkit-transform: rotate(35deg);-ms-transform: rotate(35deg);transform: rotate(35deg);-webkit-transition: all 550ms cubic-bezier(0.19,1,0.22,1);transition: all 550ms cubic-bezier(0.19,1,0.22,1);width: 50px;z-index: 10;}
.btn4:hover:after{left: 120%;-webkit-transition: all 550ms cubic-bezier(0.19,1,0.22,1);transition: all 550ms cubic-bezier(0.19,1,0.22,1);}
.btn5{border: 0 solid;box-shadow: inset 0 0 20px rgba(255,255,255,0);outline: 1px solid;outline-color: rgba(255,255,255,0.5);outline-offset: 0px;text-shadow: none;-webkit-transition: all 1250ms cubic-bezier(0.19,1,0.22,1);transition: all 1250ms cubic-bezier(0.19,1,0.22,1);}
.btn5:hover{border: 1px solid;box-shadow: inset 0 0 20px rgba(255,255,255,0.5), 0 0 20px rgba(255,255,255,0.2);outline-color: rgba(255,255,255,0);outline-offset: 15px;text-shadow: 1px 1px 2px #427388;}
.btn-hvr:before,
.btn-hvr:after{z-index: -1;box-sizing: border-box;transition: 0.5s;}
.btn-hvr{position: relative;display: block;overflow: hidden;z-index: 1;transition: all .3s;}
.btn-hvr.btn-hvr.btn-hvr.btn-hvr:hover{color: #fff;}
.btn-hvr0:before{content: '';position: absolute;top: 0;left: 0;width: 0;height: 80px;background: #00a2e9;}
.btn-hvr0:hover{color: #fff;}
.btn-hvr0:hover:before{width: 250px;}
.btn-hvr1:after{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: #00a2e9 transparent transparent transparent;position: absolute;top: 0;left: 0;}
.btn-hvr1:hover{color: #ecdcd4;}
.btn-hvr1:hover:after{border-width: 330px 330px 0 0;}
.btn-hvr1:active{background: #b27254;}
.btn-hvr1-2{color: #bc4b41;}
.btn-hvr1-2:before{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #6a1a13;position: absolute;bottom: 0;left: 0;}
.btn-hvr1-2:after{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent #6a1a13 transparent;position: absolute;right: 0;bottom: 0;}
.btn-hvr1-2:hover{color: #ebcac7;}
.btn-hvr1-2:hover:before{border-width: 206.25px 0 0 206.25px;}
.btn-hvr1-2:hover:after{border-width: 0 0 206.25px 206.25px;}
.btn-hvr1-2:active{background: #b02b20;}
.btn-hvr2{color: #48a6b1;}
.btn-hvr2:before{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #185a62;position: absolute;bottom: 0;left: 0;}
.btn-hvr2:after{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent #185a62 transparent transparent;position: absolute;top: 0;right: 0;}
.btn-hvr2:hover{color: #c9e5e8;}
.btn-hvr2:hover:before{border-width: 165px 0 0 165px;}
.btn-hvr2:hover:after{border-width: 0 165px 165px 0;}
.btn-hvr2:active{background: #2896a3;}
.btn-hvr3{color: #ad96a0;}
.btn-hvr3:before{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #5f4f56;position: absolute;bottom: 0;left: 0;}
.btn-hvr3:after{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent #5f4f56 transparent transparent;position: absolute;top: 0;right: 0;}
.btn-hvr3 span:before{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent #5f4f56 transparent;position: absolute;right: 0;bottom: 0;}
.btn-hvr3 span:after{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: #5f4f56 transparent transparent transparent;position: absolute;top: 0;left: 0;}
.btn-hvr3:hover{color: #e7e0e3;}
.btn-hvr3:hover:before{border-width: 165px 0 0 165px;}
.btn-hvr3:hover:after{border-width: 0 165px 165px 0;}
.btn-hvr3:hover span:before{border-width: 0 0 165px 165px;}
.btn-hvr3:hover span:after{border-width: 165px 165px 0 0;}
.btn-hvr3:active{background: #9e838f;}
.btn-hvr4{color: #8d53b3;}
.btn-hvr4:after{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent #492064 transparent transparent;position: absolute;top: 0;right: 0;}
.btn-hvr4:before{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #492064;position: absolute;bottom: 0;left: 0;}
.btn-hvr4:before,
.btn-hvr4:after{border-color: #492064;}
.btn-hvr4 span:after{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: #492064 transparent transparent transparent;position: absolute;top: 0;left: 0;}
.btn-hvr4 span:before{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent #492064 transparent;position: absolute;right: 0;bottom: 0;}
.btn-hvr4 span:before,
.btn-hvr4 span:after{border-color: #492064;}
.btn-hvr4:hover{color: #decde9;}
.btn-hvr4:hover:before{border-width: 20px 62.5px;}
.btn-hvr4:hover:after{border-width: 20px 62.5px;}
.btn-hvr4:hover span:before{border-width: 20px 62.5px;}
.btn-hvr4:hover span:after{border-width: 20px 62.5px;}
.btn-hvr4:active{background: #7935a6;}
.btn-hvr5{color: #808695;}
.btn-hvr5:after{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent #3f444e transparent transparent;position: absolute;top: 0;right: 0;}
.btn-hvr5:before{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #3f444e;position: absolute;bottom: 0;left: 0;}
.btn-hvr5:hover{color: #dadce0;}
.btn-hvr5:hover:before,
.btn-hvr5:hover:after{border-width: 80px 262.5px;}
.btn-hvr5:active{background: #697182;}
.btn-hvr6{color: #80629f;}
.btn-hvr6 span{position: absolute;display: block;width: 0;height: 0;border-radius: 50%;background: #402a55;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: width 0.4s, height 0.4s;transition: width 0.4s, height 0.4s;z-index: -1;}
.btn-hvr6:hover{color: #dad1e3;}
.btn-hvr6:hover span{width: 562.5px;height: 562.5px;}
.btn-hvr6:active{background: #6a468e;}
.btn-hvr7{color: #27692b;}
.btn-hvr7:before,
.btn-hvr7:after,
.btn-hvr7 span:before,
.btn-hvr7 span:after{content: '';position: absolute;top: 0;width: 63.5px;height: 0;background: #012f04;}
.btn-hvr7:before{left: 0;}
.btn-hvr7:after{left: 125px;}
.btn-hvr7 span:before,
.btn-hvr7 span:after{top: auto;bottom: 0;}
.btn-hvr7 span:before{left: 62.5px;}
.btn-hvr7 span:after{left: 187.5px;}
.btn-hvr7:hover{color: #c0d3c1;}
.btn-hvr7:hover:before,
.btn-hvr7:hover:after,
.btn-hvr7:hover span:before,
.btn-hvr7:hover span:after{height: 80px;}
.btn-hvr7:active{background: #014f06;}
.btn-hvr8{color: #5177a7;}
.btn-hvr8:before,
.btn-hvr8:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 0;background: #00a2e9;}
.btn-hvr8:after{top: auto;bottom: 0;}
.btn-hvr8:hover:before,
.btn-hvr8:hover:after{height: 50%;}
.btn-hvr8:active{background: #325f98;}
.btn-hvr9{color: #c93a8e;}
.btn-hvr9:before,
.btn-hvr9:after,
.btn-hvr9 span:before,
.btn-hvr9 span:after{content: '';position: absolute;top: 0;left: 0;width: 250px;height: 0;background: rgba(115,14,73,0.25);-webkit-transition: 0.4s;transition: 0.4s;}
.btn-hvr9:after,
.btn-hvr9 span:before{top: auto;bottom: 0;}
.btn-hvr9 span:before,
.btn-hvr9 span:after{-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.btn-hvr9:hover{color: #efc5de;}
.btn-hvr9:hover:before,
.btn-hvr9:hover:after,
.btn-hvr9:hover span:before,
.btn-hvr9:hover span:after{height: 80px;}
.btn-hvr9:active{background: #c0177a;}
.btn-hvr10{color: #8f5c82;}
.btn-hvr10:before,
.btn-hvr10:after,
.btn-hvr10 span:before,
.btn-hvr10 span:after{content: '';position: absolute;top: 0;left: 0;width: 0;height: 80px;background: rgba(74,38,65,0.25);-webkit-transition: 0.4s;transition: 0.4s;}
.btn-hvr10:after,
.btn-hvr10 span:before{left: auto;right: 0;}
.btn-hvr10 span:before,
.btn-hvr10 span:after{-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.btn-hvr10:hover{color: #decfda;}
.btn-hvr10:hover:before,
.btn-hvr10:hover:after,
.btn-hvr10:hover span:before,
.btn-hvr10:hover span:after{width: 250px;}
.btn-hvr10:active{background: #7b3f6c;}
@-webkit-keyframes criss-cross-left{0%{left: -20px;}
50%{left: 50%;width: 20px;height: 20px;}
100%{left: 50%;width: 375px;height: 375px;}}
@keyframes criss-cross-left{0%{left: -20px;}
50%{left: 50%;width: 20px;height: 20px;}
100%{left: 50%;width: 375px;height: 375px;}}
@-webkit-keyframes criss-cross-right{0%{right: -20px;}
50%{right: 50%;width: 20px;height: 20px;}
100%{right: 50%;width: 375px;height: 375px;}}
@keyframes criss-cross-right{0%{right: -20px;}
50%{right: 50%;width: 20px;height: 20px;}
100%{right: 50%;width: 375px;height: 375px;}}
.btn-hvr11{position: relative;color: #9a7cba;}
.btn-hvr11:before,
.btn-hvr11:after{position: absolute;top: 50%;content: '';width: 20px;height: 20px;background: #8865ae;border-radius: 50%;}
.btn-hvr11:before{left: -20px;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.btn-hvr11:hover:before{-webkit-animation: criss-cross-left 0.8s both;animation: criss-cross-left 0.8s both;}
.btn-hvr11:hover:after{-webkit-animation: criss-cross-right 0.8s both;animation: criss-cross-right 0.8s both;}
.sea-product{padding-top: 10px;}
.sea-product ul.mycol{margin: 0 -10px;}
.sea-product li.col{padding: 0 10px;margin-bottom: 20px;}
.sea-product li{transition: all .3s;}
.sea-product li:hover{transform: translateY(-10px);}
.sea-product li .img{height: 280px;line-height: 280px;text-align: center;position: relative;}
.sea-product li img{max-width: 80%;max-height: 80%;}
.sea-product li h4{height: 50px;line-height: 50px;color: #1e242b;font-size: 18px;overflow: hidden;text-align: center;}
.cs{position: fixed;right: 0;top: 50%;transform: translateY(-50%);width: 50px;padding: 16px 0;background: #8f9090;border-top-left-radius: 5px;border-bottom-left-radius: 5px;z-index: 1000;}
.cs li{line-height: 50px;position: relative;text-align: center;}
.cs li > a{display: inline-block;padding: 0 8px;position: relative;}
.cs li > a:after{content: '';position: absolute;left: 8px;bottom: 0;width: 34px;border-bottom: 1px solid #a5a6a6;}
.cs li:last-child > a:after{display: none;}
.cs li .txt{position: absolute;right: 0;top: 0;width: auto;height: 50px;padding-left: 20px;padding-right: 10px;transform: translateX(100%);background: #00a2e9;border-top-left-radius: 50px;border-bottom-left-radius: 50px;opacity: 0;transition: all .3s;z-index: 9;}
.cs li:hover .txt{opacity: 1;transform: translateX(0);}
.cs li .img{position: absolute;right: 50px;top: 0;transform: translateX(100%);opacity: 0;transition: all .3s;}
.cs li:hover .img{opacity: 1;transform: translateX(0);}
.cs li .img img{width: 120px;height: 120px;padding: 5px;background: #fff;}
.cs li .txt a{display: block;width: 100px;color: #fff;font-size: 16px;}
.cs li:nth-child(3) .txt a{width: 160px;}
.cs li .txt a img{margin-left: 10px;}
@media (max-width: 1700px){.w1600{width: 1500px;}}
@media (max-width: 1520px){.w{width: 1200px;}
.w1600{width: 1300px;}
.header .nav li ~ li{margin-left: 1vw;}
.footer dl{margin-right: 7rem;}}
@media (max-width: 1340px){.w1600{width: 96%;}
.w{width: 90%;}
.footer dl{margin-right: 5rem;}}
@media (max-width: 1280px){.header .phone .form{display: none !important;}
.header .nav li ~ li{margin-left: 0;}
.header .nav li > a{font-size: 1.5rem;}
.footer dl{margin-right: 1rem;}}
@media (max-width: 1024px){.header{display: none;}
.header-m{display: block;}
.index-place .main-list{position: relative;}
.footer .phone{width: 100%;text-align: center;}}
#top{position: fixed;z-index: 999999;right: 15px;width: 50px;height: 50px;bottom: 30px;opacity: 0.9;background: #999 url(../images/kefu-top.png) no-repeat center;transition: .3s;cursor: pointer;}
#top:hover{background-color: #fe1111;}
.all-fixed .dsimg{width: 80%;margin: 12px auto 0;}
.all-fixed .dsimg img{width: 100%;height: auto;}




