@charset "utf-8";/* css hack*/
html{font-size:62.5%;/* 10÷16=62.5%*/}
body{font-size:13px;/* 12÷10=1.2*/font-family:Helvetica, Tahoma, Arial,sans-serif;background:#fff;}
:focus{outline:0}
ol,ul{list-style:none}
fieldset,img,button{border:none;}
a{text-decoration:none;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;color:#333333;}
a:hover{text-decoration:none;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
h1,.h1{font-size:32px;}
h2,.h2{font-size:26px;}
h3,.h3{font-size:24px;}
h4,.h4{font-size:22px;}
h5,.h5{font-size:18px;}
h6,.h6{font-size:14px;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix:after{display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{*zoom:1;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:0;padding:0;}
@font-face{font-family: 'iconfont';src: url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype');}
.iconfont{font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
@font-face{font-family: 'noto';src: url('../fonts/noto.eot');src: url('../fonts/noto.eot?#iefix') format('embedded-opentype'),url('../fonts/noto.woff2') format('woff2'),url('../fonts/noto.woff') format('woff'),url('../fonts/noto.ttf') format('truetype'),url('../fonts/noto.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'inter';src: url('../fonts/inter.eot');src: url('../fonts/inter.eot') format('embedded-opentype'), url('../fonts/inter.woff') format('woff'), url('../fonts/inter.woff2') format('woff2'), url('../fonts/inter.ttf') format('truetype'), url('../fonts/inter.svg#inter') format('svg');}
@font-face{font-family: 'num';src: url('../fonts/num.eot');src: url('../fonts/num.eot') format('embedded-opentype'), url('../fonts/num.woff') format('woff'), url('../fonts/num.woff2') format('woff2'), url('../fonts/num.ttf') format('truetype'), url('../fonts/num.svg#inter') format('svg');}
.p10{padding:10px;}
.fl{float: left;}
.fr{float: right;}
.rel{ position:relative;}
/*布局*/
.warp{ width:100%; margin:0 auto;}
.w{min-width:1003px;max-width: 1400px;padding: 0 20px;margin: 0 auto;}
.pc-hide{ display:none;}
.bghui{ background:#f8f8f8;}
.oh{ overflow:hidden;}
.bg03{ background:url(../images/ind_bg3.jpg) #ebebee; background-size:100% 100%;}
.lg-hidden{ display:none!important;}
/*文本*/
.text-center{text-align:center;}
.text-oneline{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.text-someline{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.line2{-webkit-line-clamp: 2;}
.line3{-webkit-line-clamp: 3;}
.line4{-webkit-line-clamp: 4;}
.line5{-webkit-line-clamp: 5;}
.line6{-webkit-line-clamp: 6;}
.bigfont{text-transform : uppercase;}
.smallfont{text-transform : lowercase;}
.shadow{-o-box-shadow:0 0 20px rgba(0,0,0,.1);-ms-box-shadow:0 0 20px rgba(0,0,0,.1);-moz-box-shadow:0 0 20px rgba(0,0,0,.1);-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1);}
.lg-hidden{ display:none!important;}

/*顶部*/
.ak-nav-box{display:flex;}
.ak-nav{position:fixed; width:100%; height:80px; /*background:rgba(0,0,0,.6)*/; top:0; z-index:10000;box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.05);}
.ak-nav-tel{ float:right; color:#FFFFFF;display:flex; justify-content: flex-end;align-items:center; height:80px; font-size:20px;}
.ak-nav-tel i{ font-size:28px; display:inline-block; padding-right:10px;}
.ak-logo{float:left;display:flex; justify-content: flex-start;align-items:center; height:80px; color:#FFFFFF; font-size:18px; font-weight:600;}
.ak-logo a{color:#FFFFFF;display:flex; justify-content: flex-start;align-items:center;}
.ak-logo a img{ margin-right:10px;}

/*顶部*/
.ak-nav-con{height:80px;  /*padding-top:15px; position:absolute; top:0; width:100%; z-index:9999; text-align:center;*/display:flex; align-items:center; float:left; padding-left:50px;}
.top-nav{text-align:center;width:100%;text-align:center;}
.top-nav>li{position:relative;z-index:10;display:inline-block;}
.top-nav>li:first-child{}
.top-nav li:hover{background:#0075bb}
.top-nav .navhover{background:#0075bb}
.top-nav li a{color:#fff;display:block;position:relative;padding:15px 20px;font-size:15px;font-weight:400;}
.top-nav li>ul{position:absolute;left: 0;top:140%;padding:20px;visibility: hidden;opacity:0;box-shadow: 0px 10px 70px rgba(0,0,0,0.15);background: #fff;transition: all .3s ease;padding:6px 15px 15px 0px;text-align:left;border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
.top-nav>li:hover>ul{top:100%;opacity:1;visibility:visible;}
.top-nav>li>ul>li{float:left;position:relative;min-width:100%;display:block;white-space: nowrap;}
.top-nav>li>ul>li:hover{background:none;}
.top-nav>li>ul>li>a{color:#666;font-size:14px;padding:10px 0 10px  5px;}
.top-nav>li>ul>li>a:before{content:'\eb8e';font-family:"iconfont";color:#000;font-size:14px;font-weight:600;}
.top-nav>li>ul>li:first-child{background:none;}
.top-nav li>ul a{font-weight:normal;}
.top-nav>li>ul>li>a:hover{transform:translateX(3px);-webkit-transform:translateX(3px);color:#000;background:none;}

.ak-nav.on{ background:#FFFFFF;}
.ak-nav.on .ak-nav-tel{ color:#333333;}
.ak-nav.on .ak-logo a{ color:#333333;}
.ak-nav.on .top-nav li a{ color:#333333;}
.ak-nav.on .top-nav li:hover a{ color:#FFFFFF;}
.ak-nav.on .top-nav li:hover>ul>li>a{ color:#666;}
.ak-nav.on .top-nav .navhover{ color:#FFFFFF;}


/*幻灯片*/
.ak-banner{/*height:auto;*/ height:680px;width:100%;background:#333;overflow:hidden;position:relative;}
.banner-content{position: relative;height: 100%;width: 100%;text-align: center;color: #fff;background-position: center center;background-repeat: no-repeat;background-size:cover;background-color: #ededed; display:flex;justify-content:center;align-items:center;}
.ak-banner .swiper-button-next{background: url(../images/icon-next.png) no-repeat center center;opacity: 0}
.ak-banner .swiper-button-prev{background: url(../images/icon-prev.png) no-repeat center center;opacity: 0}
.ak-banner:hover .swiper-button-next{opacity: 1}
.ak-banner:hover .swiper-button-prev{opacity: 1}
.banner-txt{width:100%;position:relative;z-index:100;text-align:center;}
.banner-stitle{width:100%;text-align:center;font-size:20px;color:#FFFFFF;}

.banner-bigtitle{width:100%;text-align:center;font-size:48px;font-weight:600;padding:30px 0 30px 0;}
.banner-bigtitle span{font-weight:200;}
.banner-btn{display:inline-block;padding:8px 20px 8px 20px;font-size:14px;color:#FFFFFF;border-radius:18px;border:#FFFFFF 1px solid;}
.ak-banner .swiper-pagination{position:absolute;bottom:40px;width:100%;text-align:center;}
.ak-banner .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;width:10px;height:10px;background:#FFFFFF;opacity: 1;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;}
.ak-banner .swiper-pagination-bullets .swiper-pagination-bullet-active{width:30px;border-radius:5px;}
.ak-banner .swiper-button-next,.ak-banner .swiper-button-prev{border-radius:3px;opacity:0;width: 40px;height: 80px;margin-top: -40px;z-index: 999;cursor: pointer;background-color: rgba(0, 0, 0, 0.8);}
.ak-banner .swiper-button-prev{left: 8%;}
.ak-banner .swiper-button-next{right: 8%;}
.ak-banner .swiper-button-prev:after, .ak-banner .swiper-button-next:after{color:#FFFFFF; font-size:1.4rem;}
.ak-banner .swiper-button-next:focus,.ak-banner .swiper-button-prev:focus{outline: none;}
.ak-banner:hover .swiper-button-next,.ak-banner:hover .swiper-button-prev{opacity: 0.6;}
.ak-banner .swiper-button-prev:after,.ak-banner .swiper-button-next:after {content: '';}

/*大标题*/
.ak-tl-title{ padding:40px 0 40px 0; width:100%;}
.ak-tl-box{ margin:0 auto; width:330px; position:relative;}
.ak-tl-con{ position:absolute; bottom:-18px; z-index:2; left:50%;transform: translate(-50%,0); text-align:center;}
.ak-tl-con h1{ white-space:nowrap; font-weight:600; font-size:32px;}
.ak-tl-con h1 span{ color:#3478c2;}
.ak-tl-con p{ color:#999999; text-transform:uppercase;}

/*产品分类*/
.cptype{ width:100%; padding-bottom:30px; text-align:center;}
.cptype a{ display:inline-block; padding:10px 15px; border-radius:8px; font-size:16px; margin:0 5px 5px 5px;box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.05);transition: all 0.3s ease;border: 1px solid #eee;}
.cptype a:hover{transform:translateY(-5px); background:#3478c2; color:#FFFFFF;border: 1px solid #3478c2;}

/*产品展示*/
.cp-con{ width:100%; padding-bottom:20px;}
.first-cp{ width:50%;  float:left;background:#f0f3f6;  border-radius:10px; overflow:hidden; padding:2px;}
.first-cp a {position:relative; padding-bottom:72.5%; overflow:hidden;display:block;}
.first-cp a img{max-width: 100%;max-height:100%;display: block;position: absolute;left: 0;top: 0; bottom:0; right:0; margin:auto;transition:1s;transition: transform .3s ease-in; display:block; z-index:2;}
.first-cp a p{ display:block; width:100%; padding:20px 30px 20px 30px; bottom:0; left:0; z-index:6; position:absolute;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0,0,0,.7) 100%); color:#FFFFFF; font-size:17px; font-weight:600;}
.first-cp a:hover img{transform: scale(1.2);transition: .3s;}

.cp-con-right{ width:50%; float:right;}
.right-cp-list{ width:45%;float:left;background:#f0f3f6; border-radius:10px; overflow:hidden; padding:2px; margin:0 0 5% 5%;}
.right-cp-list a {position:relative; padding-bottom:75%; overflow:hidden;display:block;}
.right-cp-list a img{max-width: 100%;max-height:100%;display: block;position: absolute;left: 0;top: 0; bottom:0; right:0; margin:auto;transition:1s;transition: transform .3s ease-in; display:block; z-index:2;}
.right-cp-list a p{ display:block; width:100%; padding:20px 30px 20px 30px; bottom:0; left:0; z-index:6; position:absolute;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0,0,0,.7) 100%); color:#FFFFFF; font-size:17px; font-weight: normal;}
.right-cp-list a:hover img{transform: scale(1.2);transition: 0.3s;}
/*板块箭头*/
.larrow:after{display: block;content: ""; width: 0; height: 0; border-left: 16px solid transparent; border-top: 16px solid #fff; border-right: 16px solid transparent; position: absolute; left: 50%; top: 100%; transform: translateX(-50%);}

/*more*/
.index-more{margin:0 auto; text-align:center; padding-bottom:60px;}
.index-more a{color:#fff;background: #3478c2;transition: 0.5s;font-size: 14px;display:inline-block; border-radius:30px; padding:12px 30px;transition: all 0.5s; -webkit-transition: all 0.5s;box-shadow: 0 3px 10px rgba(68,66,154,0.15); -webkit-box-shadow: 0 3px 10px rgba(68,66,154,0.15);}
.index-more a:hover{transform:translateY(-3px);-webkit-transform: translateY(-3px);}
.mt30{ margin:30px 0 0 0;}

/*简介*/
.p120{padding:150px 0 30px 0;}
.bgjj{background:url(../images/bgjj.jpg) top center no-repeat #f8f8f8;}
.m50{ margin:20px 0 50px 0;}
.p0{ padding:0;}
.fontbai{color:#FFFFFF;}
.fontbai span{color:#FFFFFF;}
.intro{background:#FFFFFF; position:relative; margin-top:50px;}
.intro-con{float:left; width:62%; padding:50px;}
.intro-con h4{font-size:16px; font-family: arial; line-height:24px; color: #2d74c1;font-weight:normal;font-weight:bold;}
.intro-con h2{display:block;padding-top:10px; font-size:28px; font-weight: bold; line-height:36px; color: #333;}
.intro-con em{display: block; width:150px; height: 5px; background: #e6e6ed; margin: 15px 0 30px;}
.intro-more{float:left; padding:30px 0 0 0 ;}
.intro-more a{display:inline-block; background:#2d74c0; color:#FFFFFF; padding:10px 25px 10px 25px; margin-right:30px; }
.intro-con-c{font-size:13px; line-height:28px; color:#666;}
.intro-img{width:38%; height:400px; float:right;}
/*案例*/
.case{ width:100%; height:auto; overflow:hidden; padding:20px 0 20px 0;}
.product-title{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-weight:normal; width:100%; padding:12px 20px; background:#3478c2; color:#FFFFFF;  font-weight:600; text-align:center;}
.product-title h3{font-size:15px;}
.product-list{ box-shadow:0 0 10px rgba(0, 0, 0, 0.1); background:#FFFFFF; display:block; margin:10px;}
.product-list:hover .picbox img{transform: scale(1.2);transition:.3s;}
.pic{padding:0 0 100% 0; position: relative;}
.picbox{overflow: hidden;display: block;width: 100%;position: relative;}
.picbox i{ position: absolute; z-index:3; left:10%; top:0; font-size:24px; color:#fff; width:50px; height:50px; line-height:50px; text-align:center; border-bottom-left-radius:5px;border-bottom-right-radius:5px; background:#f46539; }
.picbox img{transition:1s;max-width: 100%;max-height:100%;display: block;position: absolute;left: 0;top: 0; bottom:0; right:0; margin:auto;transition: transform .3s ease-in;}
.product-button .swiper-button-prev,.product-button .swiper-button-next{ width:40px; height:40px;  background:#3478c2; border-radius:20px;  float:left;}
.product-button .swiper-button-prev:after,.product-button .swiper-button-next:after{font-size:16px; color:#FFFFFF;}
.product-button .swiper-button-prev{ left:-5%; top:50%; }
.product-button .swiper-button-next{ right:-5%; bottom:50%;}
.case .swiper-slide a:hover .product-title p{border:#f46539 1px solid; background:#f46539; color:#fff;}
.case .swiper-pagination-bullet-active{background:#f46539;}
.swp3{ bottom:120px!important;}
.p40{ padding-bottom:40px;}

/*新闻*/
.index-newsLeft{display:block;float: left;width:48%;background: #fff;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);}
.index-newsLeft-img{display: block;width: 100%;height: 330px;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;overflow: hidden;}
.index-newsLeft-img span{display: block;width:100%; height:100%;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;transition: all 400ms;}
.index-newsLeft:hover .index-newsLeft-img span{transform: scale(1.04);}
.index-newsLeft-in{display: block;width: 100%;height: auto;padding: 20px 35px 20px;font-size:13px;color: #848484;line-height: 26px;}
.index-newsLeft-in h3{font-size:17px;font-weight: bold;color: #333;line-height: 24px;height: 24px;margin-bottom:8px;}
.index-newsLeft-in p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index-newsLeft-in h5{font-size:13px;color: #999;line-height: 25px;margin-top:10px; font-weight:normal;}
.index-newsLeft:hover .index-newsLeft-in h3{color: #c11113;}

.news-box{ width:50%; float:right; }
.news-box li{ width:100%; float:left;  margin-bottom:5%;box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);}
.news-box li:nth-child(2n){margin-right:0;}
.index-newsIn{display: block;width:100%;border: 1px solid #fff; background:#FFFFFF;padding:30px ;position: relative;font-size:13px;color: #666;line-height: 24px;}
.index-newsIn h3{font-size:17px;font-weight: bold;color: #292927;line-height:28px; padding-bottom:5px;}
.index-newsIn h5{display:block; float:left; width:80px; height:80px;padding:10px;border-radius:8px;background: linear-gradient(to left, #2d73bf, #295fa4);}
.index-newsIN h5 em{display:block;float:left;width:100%;text-align:center;padding-top:10px;font-size:32px;color:#fff;font-weight:normal; font-style:normal;}
.index-newsIN h5 span{display:block;float:left;width:100%;text-align:center;font-size:10px;padding-top:5px;color:#fff; font-weight: normal;}
.news-con{width:calc(100% - 110px); float:right;}
.index-newsIn:hover{background: #f5f8fc;border-color: #d3e0f2;}
.index-newsIn:hover h3{color: #c11113;}
.index-newsIn:hover h5{color: #333;}
.news-pic{ width:120px; float:left;}
.news-pic-img{ padding:0 0  66.6% 0; position:relative; background:#f7f7f7; border-radius:8px; overflow:hidden; }
.news-pic img{ display:block; position:absolute; margin:auto; left:0; bottom:0;right:0; top:0;max-width: 100%;max-height:100%; }
.news-con-img{ width:calc(100% - 150px);}
.author{ display:none;}
.fa-pic{ width:260px;}
.fa-list-con{width:calc(100% - 300px);}


/*底部*/
.footer{width:100%; background:#222d35; padding:40px 0px;color: rgba(255,255,255,0.5);}
.fot{}
.fot-nav{ float:left; width:40%;}
.fot-nav ul{ float:left;}
.fot-list{ float:right;}
.fot-lx{ width:400px; float:left; border-left:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(255,255,255,0.1); padding:0 50px 0 50px; }
.fot-nav li{float:left; width:50%;}
.fot-nav li p a{font-size:18px; color:#fff;position: relative;margin-bottom: 10px; line-height:2; transition: all .3s;}
.fot-nav li p a:before{position: absolute; left: 0; bottom:-15px; content: ''; height: 2px; background: #c3002f; width: 30px; transition:0.3s;}
.fot-nav li p a:hover:before{ width: 60px;}
.fot-nav li dl{margin-top:20px;}
.fot-nav li dd{margin:0; padding-top:10px; width:80%; display:inline-block; float:left;}
.fot-nav li dd a{font-size:14px; color: rgba(255,255,255,0.5); line-height:.15rem; transition: all .3s;}
.fot-nav li p a:hover,.fot-nav li dd a:hover{color: rgba(255,255,255,1) }
.fot-ewm .fot-icon-box{ padding-top:20px;}
.fot-ewm .fot-icon{ display:inline-block; text-align:left; color:#333; margin-right:30px; position:relative; z-index:100;}
.fot-ewm .fot-icon i{ font-size:36px;}
.footer-title{font-size:18px; color:#000; line-height:2;color:#fff; position: relative;margin-bottom: 10px;transition: all .3s;}
.footer-title:before{position: absolute; left: 0; bottom:-10px; content: ''; height: 2px; background: #c3002f; width: 30px; transition:0.3s;}
.footer-title:hover:before{ width: 60px;}
.fot-ewm .footer-title { text-align:right;}
.fot-ewm .footer-title:before {right:0; left:auto;}

.fot-cont-1{font-size:14px; line-height:1.8; color: rgba(255,255,255,0.5); padding-top:8px;}
.fot-cont-1 span{ white-space:nowrap;}
.fot-cont-1 span em{ font-style:normal; font-size:28px; color:#FFFFFF;}
.fot-cont{display: flex; justify-content: space-between; }
.copy{color:rgba(255,255,255,.5); font-size:13px; line-height:2; background:#1e2830; padding:30px 0px; text-align:center;}
.copy a{color:rgba(255,255,255,.5); display:inline-block; padding:0 5px; transition: all .3s;}
.copy a:hover{color:rgba(255,255,255,1); }

.dtel{height:auto; overflow:hidden; float:left; margin-top:15px;}
.dtelicon{width:70px; height:70px; float:left; color:#FFF; line-height:70px;}
.dtelicon span{ font-size:54px!important;}
.dtelc{width:218px; float:right; height:auto; overflow:hidden;}
.dtelc p{font-size:14px; color:#979799; line-height:1.6;display:block; float:left; width:100%; padding-top:10px; padding-bottom:10px;}
.dtelc h1{font-size:24px; color:#fff; line-height:1.2;font-family: 'inter';display:block; float:left; width:100%;}



.fot-alert{ display:none;width:158px;background:#fff;position:absolute;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.6);padding:15px; bottom:120%;left:-20px; text-align:center; color:#282828;}
.weixin-con img{width:100%;}
.fot-alert:before{display:block;content:'';width:0;border-width:8px;border-style:solid;border-color:#fff transparent transparent transparent;position:absolute;bottom:-15px;left:30px;}
.fot-alert span{color:#aaa;font-size:12px;display:inline-block;width:100%;padding-bottom:5px;font-weight:normal;}
.fot-alert p{font-size: 18px;font-weight: bold;display:inline-block;width:100%;}
.evm-con{width:128px;background:#fff;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.6);padding:10px; text-align:center;}
.evm-con img{width:100%;}

/*手机菜单*/.m-w{display:none;padding:15px 15px;background:#f7f7f7;}
.m-w:after,.m-menu-content:after{display:block;font-size:0;content:" ";clear:both;height:0;}
.m-top{border-top: #f2f2f2 1px solid;padding:10px 15px;background:#FFFFFF;}
.m-logo img{height:30px;}
.m-logo{float:left;}
.m-logo-sm{font-size:15px;float:left;padding:6px 0 0 10px;line-height:15px; font-weight:600;}
.m-menu{float:right;line-height:30px;transition: .3s ease;}
.m-menu a i{font-size:24px;color:#333333;}
.m-menu-content{display:none;padding:15px;background:#333333;}
/*手机二级菜单*/.touch-menu li{border-bottom:1px solid #454545;position:relative;}
.touch-menu li a{color:#fff;display:block;font-size:16px;height:48px;line-height:48px;padding-left:10px;}
.touch-menu li a:hover,.touch-menu li a:active{background-color:#fff;color: #333;}
.touch-menu ul{display:none;margin:0;padding:10px 10px 10px 20px;box-shadow: none;border-top: 1px solid #454545;}
.touch-menu ul li:last-child{border-bottom: none;}
.touch-menu ul li a{padding:0;padding-left:5px;font-size:16px;height:38px;line-height:38px}
.touch-menu>.m-sub-menu>a:after{content:"\eb8f";margin-left:5px;font-family:iconfont;}
/*菜单图标*/.toggle{position: relative;width:30px;height:30px;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.toggle span{height:2px;margin:2px 5px;width: 24px;display: block;background: #333;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.toggle.active span:nth-child(1){-webkit-transform: rotate(-45deg) translate(-5px, 4px);-ms-transform: rotate(-45deg) translate(-5px, 4px);transform: rotate(-45deg) translate(-5px, 4px);}
.toggle.active span:nth-child(2){opacity: 0;}
.toggle.active span:nth-child(3){-webkit-transform: rotate(45deg) translate(-4px, -4px);-ms-transform: rotate(45deg) translate(-4px, -4px);transform: rotate(45deg) translate(-4px, -4px);}
/*手机底部按钮*/.mobile_btn{display: none;position: fixed;z-index: 98;bottom: 0;right: 0;left: 0;text-align: center;background-color: #fff;border-top: 1px #f2f2f2 solid;padding:5px 0 5px 0;width:100%;overflow:hidden;}
.mobile_btn ul{margin-right: 0;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;margin-bottom: 5px;}
.mobile_btn ul li{min-width:25%;}
.mobile_btn ul li a{font-size:12px;display: block;color: #b8b8b8;}
.mobile_btn ul li a i{display: block;font-size:24px !important;color:#787878;}
/*弹出二维码窗口*/
.mobile-foot-weixin-dropdown{position: fixed; height: 100%; width: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.4); z-index: 999999; -webkit-animation: fade-zoom-in .3s forwards; -o-animation: fade-zoom-in .3s forwards; animation: fade-zoom-in .3s forwards; display: none; -webkit-backface-visibility: hidden;}
.mobile-foot-weixin-dropdown .tooltip-weixin-inner{width:80%;text-align: center;border-radius: 21px;left: 50%;top: 50%;transform: translate(-50%, -50%);position: absolute;height: auto;background: #fff;}
.dhk-con{display: flex;align-items: center;justify-content: center;flex-direction: column;padding:20px;position: relative;background: #fff;border-radius: 15px;}
.mobile-foot-weixin-dropdown .qcode img{width: 100%; height: auto;}
.mobile-foot-weixin-dropdown.is-visible{display: block;}
.close-weixin{position: absolute;right: 15px;top:15px;z-index: 2;cursor: pointer; font-size:16px; color:#000000;transition: .5s;-ms-transition: .5s;-moz-transition: .5s; -webkit-transition: .5s;-o-transition: .5s;}
.close-weixin:hover{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); }	
.dhk-content{ width:100%;}
.dhk-content-fix{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.dhk-content-fix .success{ color:#1aad17; font-size:48px;}
.dhk-content-fix h3{color: #000;font-size:24px;line-height:1;font-weight: bold;margin:20px 0;}
.dhk-content-fix-dec{width:100%; font-size:16px; line-height:2; color:#666666;}
.dhk-content-fix-btn{ width:100%;margin:20px 0;}
.dhk-content-fix-btn a{ display:inline-block; width:45%; margin-right:5%; padding:6px 0 6px 0; text-align:center; font-size:22px; border-radius:5px;}
#stopwx{background:#ebebeb; color:#8d8d8d;}
#wxcopy{background:#1aad17; color:#fff; margin-right:0;}


/*对话框*/
/**/
.ck-alert.open{ position:fixed;top:0; bottom:0; left:0; right:0; z-index:1028;}
.ck-alert.open .ck-zhezhao{position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,.8);}
.ck-tanchuang{width:300px;text-align: center;border-radius:10px;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);transition: all 0.6s;position: absolute;height: auto;background: #fff; position:fixed; padding:20px;}
.ck-alert .ck-tanchuang .success{ color:#1aad17; font-size:48px;}
.ck-alert .ck-tanchuang .fail{ color:#FF0000;}
.ck-alert .ck-tanchuang p{ width:100%; font-size:16px; line-height:2; color:#666666;margin:20px 0;}
.ck-alert .ck-tanchuang .ck-tanchuang-btn{width:100%;margin:20px 0; text-align:center;}
.ck-alert .ck-tanchuang .ck-tanchuang-close{display:inline-block; width:45%; padding:6px 0 6px 0; text-align:center; font-size:22px; border-radius:5px;background:#1aad17; color:#fff;}
.ck-alert .ck-tanchuang .ck-tanchuang-close.fail{ background:#FF0000;}
.ck-alert.open .ck-tanchuang{transform: translate(-50%,-50%) scale(1);}