.clearfix:after{content:".";height:0;line-height:0;font-size:0;display:block;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
table{ width: 100%;}
.w50{ width: 50%;}
.green{ color: #4dbd74}
.blue{ color: #20a8d8;}
.orange{ color: #ff7200;}
.red{ color: #f53c3a;}
.italic{ font-style: italic;}
.f-fl{ float: left;}
.f-fr{ float: right;}
.f-tr{ text-align: right;}
.f-tl{ text-align: left;}
.f-tc{ text-align: center;}
.f-f16{ font-size: 16px;}
.f-f18{ font-size: 18px;}
.f-mt10{ margin-top: 10px;}
.f-mb10{ margin-bottom: 10px;}
.f-mb20{ margin-bottom: 20px;}
.f-points {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
.f-initial{ overflow: initial!important;}

/* overwrite */
.layout-main .entry-header{display: none;}

/* 颜色 */
.u-btn, .top-nav .nav>li.active::before, .feature{ background-color: #20a8d8;}
.top-nav .nav>li>a:hover, .top-nav .nav>li.active>a, .product-introduction dl.active dt, .product-introduction dt:hover{ color: #20a8d8;}

/* 按钮 */
.u-btn{ display: inline-block; height: 30px; line-height: 30px; border-radius: 3px; padding: 0 10px; color: #fff; cursor: pointer; text-align: center; text-decoration: none; vertical-align: top; transition:all .15s ease-in-out;}
.u-btn:hover{ background-color: #1985ac; text-decoration: none; color: #fff;}
.u-btn-white{ background-color: transparent; border:1px solid #20a8d8; line-height: 28px; color: #20a8d8;}
.u-btn-white:hover{ border:1px solid #20a8d8; background-color: #20a8d8; color: #fff;}
.u-btn-big{ width:160px; height:50px; line-height:50px; font-size:16px;}
.u-btn-big.u-btn-white{ line-height: 48px;}
.u-btn-gray, .u-btn-gray:hover { background-color: #a4b7c1; border-color: #a4b7c1; color: #fff; cursor: no-drop;}

.m-pc{ display: block;}
.m-mobile{ display: none;}

.item .icon{ display: inline-block;}
/*.item .icon i{ font-size: 64px; color: #fff;}
.item .icon i.icon-13{ color: rgba(31, 168, 216, .75);}*/
.item h3{ margin-bottom: 10px; font-size: 20px; color: #333;}
.item h3 ~ p{ color: #333;height:130px;}
/*.item > p{ color: #666;}*/

.item h3, .layout-features dt, .about p:first-child, .safe-item .item h3{ font-weight: 400;}
.m-news .item .f-points, .about p, .dot-list li, .item h3 ~ p, .layout-benefit .layout p, .layout-features dd, .safe-item .item p{ font-weight: 200;}

.height-full:not(.layout-banner){ min-height: 850px!important;}
.height-full .layout{ min-height: 100%;}
.layout{ position: relative; width: 1200px; margin: 0 auto;}
body > article, .entry-content > article{ overflow: hidden; font-size: 16px;}
article > .layout{ padding: 90px 0 70px 0;}
article > .layout:not(.f-tl):not(.f-tr){ text-align: center;}
.layout h2{ margin-bottom: 40px; font-size: 20px; color: #000; text-align: center;}
.layout h2 ~ p{ font-size: 18px;}
.layout.f-tl h2{ text-align: left;}
.layout.bg h2, article > .layout.bg a:not(.u-btn), article > .layout.bg a:not(.u-btn):hover{ color: #fff;}
.layout.bg h2{ margin-bottom: 40px; font-size: 28px;}
.layout.small{ padding-top: 60px; padding-bottom: 60px;}
.layout.small h2{ margin-bottom: 10px; font-size: 24px;}
.layout.bg{ background: #20a8d8 url(https://www.xiekeyun.com/static/assets/img/bg-01.png) no-repeat center top; background-size: cover; color: #fff;}
.paragraph{ margin-bottom: 40px; font-size: 16px;}
.layout.bg a:not(.u-btn){ text-decoration: underline;}
.layout-full{ width: 100%;}
.layout-header{ position: fixed; left: 0; top: 0; width: 100%; z-index: 10; background-color: transparent; opacity: 1; pointer-events: initial; transition: ease-in .3s;}
.layout-header > .layout{ padding: 14px 0;}
.layout-header .menu{ float: left;}
.layout-header .menu .logo{ float: left;}
.layout-header .menu .logo img{ width: 94px; height: auto; vertical-align: top;}
.layout-header .menu .main-navigation{ float: left;}
.layout-header .menu .menu-item{ position: relative; float: left; margin-left: 47px; font-size: 16px;}
.layout-header .menu .menu-item a{ display: block; line-height: 36px; padding: 0 3px; color: rgba(255,255,255,.7);}
.layout-header .menu .menu-item.current-menu-item a, .layout-header .menu .menu-item a:hover{ color: #fff; text-decoration: none;}
.layout-header .menu .menu-item.current-menu-item:after{ content: ''; position: absolute; left: 0; bottom: -14px; width: 100%; height: 2px; background-color: #20a8d8;}
.layout-header .toor{ float: right;}
.layout-header .toor .u-btn{ float: left; width: 72px; height: 36px; line-height: 36px; margin-left: 10px; font-size: 16px;}
.layout-header .toor .u-btn-white{ line-height: 34px; background-color: transparent; border-color: #fff; color: #fff;}
.layout-header .toor .icon{ display: none; float: left; margin: 7px 15px 0 15px;}
.layout-header .toor i[class^="icon-"]{ font-size: 18px; color: #fff; cursor: pointer;}
.layout-header .toor i.icon-close-bold{ display: none;}
.layout-header.scroll-up .toor i[class^="icon-"]{ color: #333;}
.layout-header.scroll-up{ background-color: rgba(255,255,255,1);}
.layout-header.scroll-up .menu .menu-item a{ color: rgba(0, 0, 0, 0.7);}
.layout-header.scroll-up .menu .menu-item.current-menu-item a, 
.layout-header.scroll-up .menu .menu-item a:hover{ color: #000;}
.layout-header.scroll-up {box-shadow: 0px 0px 15px 5px rgba(41,62,64,0.2);}
.layout-header.scroll-up .u-btn-white{ border-color: #20a8d8; color: #20a8d8;}
.layout-header.scroll-up .logo1, .layout-header .logo2{ display: none;}
.layout-header.scroll-up .logo2{ display: inline-block;}
.layout-header.scroll-down{ opacity: 0; z-index: -1; pointer-events: none;}

.layout-banner{ height: 500px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.layout-banner .layout{ position: relative; height: 100%; color: #fff; text-align: center;}
.layout-banner .into{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; padding: 0 20px;}
.layout-banner .into > h1{ display: inline-block; border-bottom: 1px solid rgba(255,255,255,.5); margin-bottom: 20px; font-size: 46px; color: #fff;}
.layout-banner .into > p{ margin-bottom: 100px; line-height: 30px; font-size: 20px; color: rgba(255,255,255,.8);}
.layout-banner .into .u-btn{ height: 56px; line-height: 56px; padding: 0 30px; margin-right: 20px; background-color: #fff; color: #20a8d8; font-size: 18px;}
.layout-banner .into .u-btn i{ margin-right: 5px; vertical-align: -2px;}
.layout-banner .into .u-btn-white{ border-color: #fff; color: #fff; background-color: transparent; line-height: 54px;}
.layout-banner .into .u-btn:hover{ background-color: #fff; color: #20a8d8!important;}
#page-home .layout-banner .into > h1{ margin-bottom: 55px; margin-top: 0; border-bottom: none;}

.layout-footer{ padding-top: 55px; padding-bottom: 25px; background-color: #23282C; color: #73818F;}
.layout-footer a{ color: #73818F; text-decoration: none; transition: color 0.3s;}
.layout-footer a:hover{ color: #fff; text-decoration: none;}
.layout-footer h3{ margin-bottom: 30px; font-weight: normal; font-size: 14px; color: #fff;}
.layout-footer .logo img{ width: 96px; margin-bottom: 22px; vertical-align: top;}
.qrcode{ width: 108px; padding: 4px; background-color: #fff;}
.qrcode img{ width: 100%; vertical-align: top;}
.qrcode.m-mobile{ margin: 20px auto;}
.footer-main{ margin-bottom: 20px;}
.footer-main td:first-child{ width: 540px;}
.footer-main td:last-child{ width: 108px;}
.footer-main td li{ height: 21px;}
.footer-main td p, .footer-main td li{ margin-bottom: 10px;}
.links{ border-top: 1px solid rgba(82, 91, 105, 0.6); line-height: 48px;}
.links a{ margin-left: 50px;}
.links a:first-child{ margin-left: 30px;}
.copyright{ border-top: 1px solid rgba(82, 91, 105, 0.6); padding-top: 15px; text-align: center;}

li.item{ float: left; position: relative; text-align: left;}
.items-01 li.item{ width: 33.33%; height: 410px;}
.items-01 li.item .into{ position: relative; height: auto;margin-left: 10px;padding: 30px 40px; background-color: #fff; box-shadow: 0 10px 20px -10px rgba(0,0,0,0.15); border-radius: 4px; color: #666; font-size: 16px; transition: .3s;}
.items-01 li.item .into > h3{ margin: 30px 0 20px 0; font-size: 24px; color: #333; transition: color .3s;}
.items-01 li.item .into .foot-link{ position: absolute; left: 40px; bottom: 30px; color: #666; text-decoration: none;}
.items-01 li.item:hover .into{ background-color: #20a8d8; color: #fff;}
.items-01 li.item:hover .into > h3, .items-01 li.item:hover .into .foot-link{ color: #fff;}
.items-01 li.item:hover .into > p{ color: rgba(255,255,255,.9);}
.items-01 li.item .icon{ width: 56px; height: 56px; background-position: center; background-repeat: no-repeat; background-size: 100%;}
.items-01 li.item .icon-01{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-01.png);}
.items-01 li.item .icon-02{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-02.png);}
.items-01 li.item .icon-03{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-03.png);}
.items-01 li.item:hover .icon-01{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-01-2.png);}
.items-01 li.item:hover .icon-02{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-02-2.png);}
.items-01 li.item:hover .icon-03{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-03-2.png);}

.items-02{}
.items-02 li.item{ width: 25%; min-height: 153px; padding-left: 6.25%; padding-right: 1%;}
.items-02 li.item .content{ position: relative; padding-left: 34px;}
.items-02 li.item .content h3{ margin-bottom: 5px; font-size: 22px;}
.items-02 li.item .content p{ font-size: 14px;}
.items-02 li.item .line{ position: absolute; left: 0; top: 7px;}
.items-02 li.item .line:before{ content: ''; position: absolute; left: 50%; top: 23px; width: 0; height: 125px; border-left: 1px dashed #20a8d8;}
.items-02 li.item .dot{ display: block; width: 20px; height: 20px; border: 5px solid rgba(255, 255, 255, .5); background-color: #20a8d8; border-radius: 20px; transition: background-color 0.3s;}
.hj-box{ position: relative;}
.hj-box ul{ position: absolute; left: 0; bottom: 15px; width: 100%;}
.hj-box ul li{ float: left; width: 12.5%; text-align: center; font-size: 18px; color: #20a8d8;}
img.hj{ width: 100%;}

.layout-companys{ position: relative; overflow: hidden;}
.layout-companys .round{ position: absolute; border-radius: 100%; background-image: linear-gradient(248deg, #F3F5F8 2%, #FFFFFF 76%);}
.layout-companys .round1{ width: 330px; height: 330px; left: -100px; top: 105px;}
.layout-companys .round2{ width: 500px; height: 500px; right: -200px; bottom: -40px; opacity: 0.9; transform: scaleX(-1);}
.companys{ text-align: left;}
.companys-category-list, .case-category-list{ position: relative; float: left; width: 170px; margin-right: 33px;}
.companys-category-list h3{ margin-bottom: 20px; font-weight: normal;}
.companys-category-list > ul > li{ height: 36px; line-height: 36px; margin-bottom: 10px; padding-left: 10px; color: #333; text-align: left; cursor: pointer;}
.companys-category-list > ul > li.curr, .companys-category-list > ul > li:hover{ color: #20a8d8;}
.companys-category-list > ul > li.curr{ background-color: #fff; border-radius: 2px; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.08); font-weight: bold;}
.companys-category-content, .case-content{ position: relative; overflow: hidden;}
.category-content, .case-content-list{ position: relative; left: 0; width: 9970px; transition: left .3s ease-in;}
.companys-category-item{ float: left; width: 997px;}
.companys-category-item .video{ min-height: 1px;}
.companys-category-item .video video{ width: 100%;}
.companys-category-item:not(.case-content-item) .company-list .item{ width: 219px; height: 80px; background-color: #fff; margin-bottom: 30px; margin-left: 30px; border: 1px solid #ddd; border-radius: 2px; text-align: center;}
.companys-category-item:not(.case-content-item) .company-list .item img, .article-detail-header .img img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.companys-category-item:not(.case-content-item) .company-list .item img{ max-height: 44px; max-width: 65%;}
.companys-category-item footer{ padding-left: 30px;}
.companys-category-item footer .into{ padding-top: 70px; border-top: 1px dashed #979797;}
.companys-category-item .image{ float: left; width: 130px; margin-right: 35px; font-size: 14px; text-align: center;}
.companys-category-item .image .img{ display: inline-block; width: 100px; height: 100px; border-radius: 100%; overflow: hidden; background-color: #d8d8d8; margin-bottom: 15px;}
.companys-category-item .image .img img{ width: 100%; height: 100%; vertical-align: top;}
.companys-category-item .text{ overflow: hidden; position: relative; padding: 18px 25px;}
.companys-category-item .text i[class^="icon-"]{ position: absolute; font-size: 20px; color: #454545;}
.companys-category-item .text .icon-marks-left{ left: 0; top: 0;}
.companys-category-item .text .icon-marks-right{ bottom: 0; right: 0;}
.companys.m-mobile .more{ position: relative; text-align: center;}
.companys.m-mobile .more:before{ content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #ddd;}
.companys.m-mobile .more a{ position: relative; color: #999; font-size: 14px; background-color: #f6f8f9; padding: 5px 10px;}
.companys.m-mobile li{ float: left; width: 33.33%; padding: 2%;}
.companys.m-mobile li > div{ position: relative; height: 80px; background-color: #fff; border: 1px solid #ddd; border-radius: 2px;}
.companys.m-mobile li > div > img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 75%; max-height: 44px;}

.layout-benefit{ padding-bottom: 90px!important;}
.layout-benefit h2{ margin-bottom: 18px!important;}
.layout-benefit .layout{ width: 950px; overflow: hidden;}
.layout-benefit .layout p{ line-height: 28px;}
.layout-benefit .list{ width: 953px; margin-top: 45px;}
.layout-benefit .item{ width: 33.33%; padding: 28px 0; margin-bottom: -1px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; text-align: center;}
.layout-benefit .item .icon{ width: 42px; height: 42px; background-position: center; background-repeat: no-repeat; background-size: 100%;}
.layout-benefit .item:nth-child(1) .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-07.png);}
.layout-benefit .item:nth-child(2) .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-08.png);}
.layout-benefit .item:nth-child(3) .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-09.png);}
.layout-benefit .item:nth-child(4) .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-10.png);}
.layout-benefit .item:nth-child(5) .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-11.png);}
.layout-benefit .item:nth-child(6) .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-12.png);}
.layout-benefit .item b{ display: block; font-size: 40px;}

.layout-features .list{ padding-bottom: 30px;}
.layout-features dl{ padding-left: 57px; margin-bottom: 40px; background-position: 0 0; background-repeat: no-repeat;}
.layout-features dl:nth-child(1){ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-13.png);}
.layout-features dl:nth-child(2){ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-14.png);}
.layout-features dl:nth-child(3){ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-15.png);}
.layout-features dl:nth-child(4){ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-16.png); background-size: 40px;}
.layout-features dt{ margin-bottom: 10px; font-size: 22px;}
.layout-features dd{ color: #333;}

.about{ margin-bottom: 60px; margin-top: -40px;}
.about p{ color: #666; line-height: 36px;}
.about p:first-child{ margin-bottom: 40px; color: #333; font-size: 20px; line-height: 30px;}
.about > .u-btn{ margin-top: 30px;}
.m-news, .m-news a, .m-news .title{ color: #fff;}
.m-news{ background-color: #20a8d8;}
.m-news .title{ position: relative; padding-left: 25px; line-height: 100px; font-size: 36px; border-bottom: 1px solid rgba(255,255,255,.2);}
.m-news .title h3{ font-weight: normal;}
.m-news .title .more{ position: absolute; right: 20px; top: 0; color: #fff;}
.m-news .title .more i{ font-size: 28px; opacity: 0.6;}
.m-news .title .more:hover, .m-news .title .more:hover i{ text-decoration: none;}
.m-news .title .more:hover i{ opacity: 1;}
.m-news .wp-block-latest-posts li{ position: relative; overflow: hidden; padding: 10px 25px;}
.m-news .wp-block-latest-posts li a{ display: block; padding-left: 97px; height: 59px; line-height: 59px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;}
.m-news .wp-block-latest-posts li time{ position: absolute; left: 25px; top: 10px; width: 79px; background-color: #17A2B8; padding: 0 10px; font-size: 14px; color: rgba(255,255,255,.7);}
.m-news .wp-block-latest-posts li:hover, .wp-block-latest-posts li a:hover{ background-color: #17A2B8; text-decoration: none;}


.layout-sign-up{ background: url(https://www.xiekeyun.com/static/assets/img/image-11.jpg) no-repeat center; background-size: cover; overflow: inherit;}
.layout-sign-up .layout h2{ color: #fff;}
.input-box{ text-align: center;}
.input-box input{ width: 280px; height: 52px; line-height: 52px; border-radius: 4px; border: 0 none; background-color: #fff; padding-left: 16px; padding-right: 16px; margin-right: 15px;}
.input-box input[type="submit"]{background-color: #20a8d8;}
.input-box input[type="submit"]:hover{background-color:#1985ac;}
.input-box .u-btn{ width: 146px; height: 52px; line-height: 52px; border-radius: 4px; color: #f4f5f6;}

.bg-color-1{ background-color: #f6f8f9;}
.bg-color-2{ background-color: #20a8d8; color: #fff;}
.bg-color-2 a, .bg-color-2 h2,
.layout-benefit a, .layout-benefit h2{ color: #fff;}
.bg-color-2 .u-btn-white, .layout-benefit .u-btn-white{ border:1px solid #fff;}
.layout-benefit{ background-color: #3171ff; color: #fff;}


#page-home .layout-banner .layout{ padding-left: 0; padding-right: 0; text-align: left;}
#page-home .layout:not(.small) h2{ margin-bottom: 70px;}
#page-product .layout-banner{ background-image: url(https://www.xiekeyun.com/static/assets/img/banner-02.jpg?v2);}
#page-service .layout-banner{ background-image: url(https://www.xiekeyun.com/static/assets/img/banner-03.jpg?v2);}
#page-safe .layout-banner{ background-image: url(https://www.xiekeyun.com/static/assets/img/banner-04.jpg?v2);}
#page-case .layout-banner{ background-image: url(https://www.xiekeyun.com/static/assets/img/banner-05.jpg?v2);}
#page-news .layout-banner{ background-image: url(https://www.xiekeyun.com/static/assets/img/banner-06.jpg?v2);}
#page-about .layout-banner{ background-image: url(https://www.xiekeyun.com/static/assets/img/banner-07.jpg?v2);}
#page-article{ background-color: #f6f8fa; padding-top: 64px;}
#page-article .content-area{ width: 950px; margin: 0 auto 100px auto; background-color: #fff; padding: 40px;}
#page-article .entry-header{ border-bottom: 1px dashed #ddd; padding-bottom: 20px; margin-bottom: 45px;}
#page-article .entry-title{ margin: 0; font-size: 26px; color: #000;}
#page-article .entry-content{ margin-bottom: 40px;}
#page-article .entry-footer{ margin-bottom: 10px;}
#page-article .entry-footer > span{ margin-right: 20px;}
#page-article .entry-footer .byline, #page-article .comments-area{ display: none;}
.entry-content > p{ margin-bottom: 20px; font-size: 14px;}
.entry-content .wp-block-image img{ width: 100%;}
.breadcrumb-nav{ width: 950px; margin: 0 auto; line-height: 40px; color: #333;}
.breadcrumb-nav a{ color: #999; text-decoration: none;}
.breadcrumb-nav a:hover{ color: #333; text-decoration: underline;}

.layout.mobile .item .icon, 
.layout.board .item .icon, 
.process .item .icon,
.safe-item .item .icon{ display: inline-block; width: 42px; height: 42px; vertical-align: top; background-position: center; background-repeat: no-repeat; background-size: 100%;}


/* 产品 */
.layout-enabling .paragraph{ margin-bottom: 50px; text-align: center;}
.enabling{ color: #333;}
.enabling-left, .enabling-right{ width: 50%; padding: 0 2.5%;}
.enabling-left{ padding-left: 5%;}
.enabling-right{ padding-right: 5%;}
.enabling-item{ float: left; width: 25%; padding: 8px; text-align: center; line-height: 28px;}
.enabling-item.w50{ width: 50%;}
.enabling-item.w100{ width: 100%;}
.enabling-item .into{ background-color: #fff; padding: 15px 0; cursor: pointer; box-shadow: 2px 4px 10px -5px rgba(0,0,0,0.15); line-height: 40px;}
.enabling-item .icon, .enabling-content h3 .icon{ display: block; width: 40px; height: 40px; margin: 15px auto; vertical-align: top; background-position: center; background-repeat: no-repeat; background-size: 100%;}
.enabling-item.w50 .icon, .enabling-item.w100 .icon{ display: inline-block; margin: 0 10px;}
.enabling-item.curr .into{ background-color: #20a8d8; color: #fff; cursor: default;}
.enabling-item:nth-child(1) .icon, .enabling-content:nth-child(2) h3 .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-17.png);}
.enabling-item:nth-child(2) .icon, .enabling-content:nth-child(3) h3 .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-24.png);}
.enabling-item:nth-child(3) .icon, .enabling-content:nth-child(4) h3 .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-21.png);}
.enabling-item:nth-child(4) .icon, .enabling-content:nth-child(5) h3 .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-20.png);}
.enabling-item:nth-child(5) .icon, .enabling-content:nth-child(6) h3 .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-18.png);}
.enabling-item:nth-child(6) .icon, .enabling-content:nth-child(7) h3 .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-26.png);}
.enabling-item:nth-child(7) .icon, .enabling-content:nth-child(8) h3 .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-23.png);}
.enabling-item:nth-child(8) .icon, .enabling-content:nth-child(9) h3 .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-27.png);}
.enabling-item:nth-child(9) .icon, .enabling-content:nth-child(10) h3 .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-22.png);}
.enabling-item:nth-child(10) .icon, .enabling-content:nth-child(11) h3 .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-28.png);}
.enabling-item:nth-child(11) .icon, .enabling-content:nth-child(12) h3 .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-19.png);}
.enabling-item:nth-child(12) .icon, .enabling-content:nth-child(13) h3 .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-25.png);}
.enabling-item:nth-child(1).curr .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-17-2.png);}
.enabling-item:nth-child(2).curr .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-24-2.png);}
.enabling-item:nth-child(3).curr .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-21-2.png);}
.enabling-item:nth-child(4).curr .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-20-2.png);}
.enabling-item:nth-child(5).curr .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-18-2.png);}
.enabling-item:nth-child(6).curr .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-26-2.png);}
.enabling-item:nth-child(7).curr .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-23-2.png);}
.enabling-item:nth-child(8).curr .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-27-2.png);}
.enabling-item:nth-child(9).curr .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-22-2.png);}
.enabling-item:nth-child(10).curr .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-28-2.png);}
.enabling-item:nth-child(11).curr .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-19-2.png);}
.enabling-item:nth-child(12).curr .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-25-2.png);}
.enabling-content{ display: none;}
.enabling-content.curr{ display: block;}
.enabling-content h3{ position: relative; margin-bottom: 10px; font-size: 24px;}
.enabling-content h4{ margin-bottom: 30px; font-size: 18px; font-weight: normal;}

.layout.mobile{ background: url(https://www.xiekeyun.com/static/assets/img/image-01.jpg) no-repeat center; background-size: cover;}
.layout.mobile .w50, .layout-left, .layout-right, .layout-left h2, .layout-right h2{ text-align: left;}
.layout.mobile .layout-left{ text-align: right; padding-right: 7%;}
.layout.mobile .layout-left img{ height: 668px;}
.layout.mobile .list{ margin-bottom: 20px;}
.layout.mobile .item{ width: 100%; margin-bottom: 40px; font-size: 16px; color: #666;}
.layout.mobile .item .icon{ float: left; margin-right: 20px;}
.layout.mobile .item:nth-child(1) .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-33.png);}
.layout.mobile .item:nth-child(2) .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-30.png);}
.layout.mobile .item:nth-child(3) .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-32.png);}
.layout.mobile .item:nth-child(4) .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-31.png);}
.layout.mobile .item > div{ overflow: hidden;}

.layout.chart{ overflow: hidden; text-align: left;}
.layout.chart h2{ text-align: left;}
.layout.chart > img{ position: absolute; top: 50%; right: -5%; transform: translateY(-50%); width: 50%;}


.layout.board h2{ margin-bottom: 8%;}
.layout.board .item .icon{ float: none; margin-bottom: 20px;}
.layout.board .layout-left{ text-align: center;}
.layout.board .layout-left > img{ width: 86%;}
.layout.board .layout-right{ padding-top: 6%; padding-left: 40px;}
.layout.board .list{ margin-bottom: 50px;}
.layout.board .item{ width: 33.33%; padding-right: 40px;}
.layout.board .item h3, .layout.board .item p{ font-weight: 500;}
.layout.board .item:nth-child(1) .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-30.png);}
.layout.board .item:nth-child(2) .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-29.png);}
.layout.board .item:nth-child(3) .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-34.png);}

.dot-list{ margin-bottom: 40px;}
.dot-list li{ position: relative; padding-left: 16px; line-height: 38px; font-size: 16px; color: #333; text-align: left;}
.dot-list li:before{ content: ''; position: absolute; left: 0; top: 16px; width: 6px; height: 6px; border-radius: 100%; background-color: #20a8d8;}

.kanban{ background: url(https://www.xiekeyun.com/static/assets/img/image-14.jpg) no-repeat center; background-size: cover;}

/* 服务 */
.process h2{ margin-bottom: 70px;}
.process .list{ margin-bottom: 60px;}
.process .item{ width: 25%; padding: 0 15px;}
.process .item .into{ padding: 25px 28px 25px 30px; background-color: #fff; box-shadow: 0 10px 20px -10px rgba(0,0,0,0.15); border-radius: 4px;}
.process .item .icon{ width: 58px; height: 58px; margin-bottom: 30px;}
.process .item:nth-child(1) .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-35.png);}
.process .item:nth-child(2) .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-36.png);}
.process .item:nth-child(3) .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-37.png);}
.process .item:nth-child(4) .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-38.png);}
.process .item h3{ margin-bottom: 18px; font-size: 21px;}
.process .item p{ line-height: 28px; min-height: 140px;}
.layout-item{ overflow: hidden; margin-bottom: 60px;}
.layout-item, .layout-item h2{ text-align: left;}
.layout-item h2{ margin-bottom: 20px; line-height: 40px; font-size: 24px;}
.layout-item > img{ float: left; width: 50%; margin-right: 100px;}
.layout-item .layout-content{ overflow: hidden;}
.layout-item.right > img{ float: right; margin-right: 0;}
.layout-item.right .layout-content{ padding-right: 45px;}
.layout-item .dot-list li{ line-height: 30px;}
.layout-item .dot-list li:before{ top: 12px;}

/* 安全 */
.layout-safe-header > p{ margin-bottom: 20px; font-size: 18px;}
.layout-safe, .layout-safe .layout, .layout-safe .layout h2{ text-align: left; color: #fff;}
.layout-safe{ position: relative; background-color: #223D5B; overflow: hidden;}
#canvasAnimate{ position: absolute; left: 0; top: 0}
.layout-safe .layout{ z-index: 2;}
.layout-safe .layout h2{ margin-bottom: 20px;}
.safe-item .list{ margin-top: 75px;}
.safe-item .item{ width: 50%; margin-bottom: 90px; color: #fff;}
.safe-item .item .icon{ width: 90px; height: 90px; margin-bottom: 20px;}
.safe-item .item:nth-child(1) .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-39.png);}
.safe-item .item:nth-child(2) .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-40.png);}
.safe-item .item:nth-child(3) .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-41.png);}
.safe-item .item:nth-child(4) .icon{ background-image: url(https://www.xiekeyun.com/static/assets/img/icon-42.png);}
.safe-item .item h3{ color: #fff;}
.safe-item .item p{ color: #fff; line-height: 28px; opacity: .7;}

/* 案例 */
.layout-cases .case-category-list, .case-content{ padding-top: 2px;}
.case-category-list h3{ font-size: 18px; line-height: 77px; padding-left: 22px; text-align: left; border-bottom: 1px solid #ddd;}
.case-category-list ul{ position: relative;}
.case-category-list li{ position: relative; height: 50px; line-height: 50px; padding-left: 22px; text-align: left; cursor: pointer;}
.case-category-list li i{ display: none; position: absolute; right: 0; top: 50%; margin-top: -6px; font-size: 12px; color: #999;}
.case-category-list li:hover{ color: #20a8d8;}
.case-category-list li.curr{ color: #20a8d8; font-weight: bold;}
.case-category-list li.curr i{ display: block;}
.case-content{ overflow: hidden; text-align: left; padding-top: 2px;}
.case-content h4{ padding-left: 20px; font-size: 24px; color: #666; line-height: 77px; font-weight: normal;}
.case-content-list .item{ float: left; width: 33.33%; padding: 0 20px; margin-bottom: 40px; text-decoration: none;}
.case-content-list .item .detail{ font-size: 16px; color: #666; transform: translate3d(-3000px, 0, 0);}
.case-content-list .item:hover .detail{ -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;}
.case-content-list .item-into{ background-color: #fff; box-shadow: 0 4px 12px 0 rgba(0,0,0,0.10); border-radius: 2px; padding: 30px; border: 1px solid #ddd; border: 1px solid rgba(255,255,255,0); overflow: hidden;}
.case-content-list .item-into .company-logo{ height: 60px; margin-bottom: 35px; text-align: center;}
.case-content-list .item-into .company-logo img{ max-height: 60px; max-width: 100%;}
.case-content-list .item-into .company-summary{ margin-bottom: 35px; font-size: 14px; color: #666;}

.article-detail{ border-top: 64px solid #333;}
.article-detail-header{ background-color: #f6f8f9; margin-bottom: 30px; padding-bottom: 45px;}
.article-detail-header .nav{ padding: 15px 0;}
.article-detail-header .nav a{ font-size: 14px; color: #23282C;}
.article-detail-header .nav a:hover{ color: #20a8d8;}
.article-detail-header .img{ position: relative; float: left; width: 180px; height: 100px; background-color: #fff; margin-right: 34px;}
.article-detail-header .img img{ max-height: 44px; max-width: 80%;}
.article-detail-header .text{ padding-top: 10px; font-size: 14px;}
.article-detail-header .text p{ font-size: 14px;}
.article-detail-header .text h2{ margin-bottom: 5px; font-size: 26px;}
.article-detail-content{ width: 1200px; margin: 0 auto 100px auto; font-size: 16px; color: #495060;}
.article-detail-content > div{ margin-bottom: 40px;}
.article-detail-content .summary{ background-color: #f6f8f9; padding: 17px 30px; color: #666;}
.article-detail-content h3{ margin-bottom: 40px; font-size: 24px; color: #000;}
.article-detail-content .figure{margin: 1em 20px 40px 20px; text-align: center;}
.article-detail-content .figure p{ color: #aaa;}
.article-detail-content img{ max-width: 100%; vertical-align: top;}
.article-detail-content .sub-list{ margin-top: 15px; margin-bottom: 0; list-style: none;}
.article-detail-content .sub-list.orange li{ color: #ff7200}


/* about */
.layout-about, .layout-about h2, .layout-about h3, .layout-about > div{ text-align: left;}
.layout-about h2{ margin-bottom: 30px; font-size: 26px; font-weight: bold;}
.layout-about h2 ~ p{ font-size: 16px; line-height: 26px;}
.about-item-1 h2, .about-item-3 h2{ margin-bottom: 20px;}
.about-item-1 h2 ~ p{ margin-bottom: 30px;}
.about-item-1 p.f-mb50{ margin-bottom: 50px;}
.about-item-1 .dot-list{ margin-bottom: 80px; overflow: hidden;}
.about-item-1 .dot-list li{ float: left; width: 50%; padding-right: 20px;}
.about-item-2{ position: relative; overflow: hidden;}
.about-item-2 dl{ margin-bottom: 30px; font-size: 16px;}
.about-item-2 dt{ margin-bottom: 8px; font-weight: bold;}
.about-item-2 .layout-left{ padding-top: 30px; padding-bottom: 5px;}
.about-item-3{ padding-top: 60px;}
.about-item-3 .left{ width: 432px; margin-right: 30px;}
.about-item-3 .right{ width: 498px;}
.about-item-3 .contact{ margin-top: 50px; margin-bottom: 20px;}
.about-item-3 .form-item{ margin-bottom: 20px;}
.about-item-3 .form-item p{ font-size: 14px; font-weight: bold; color: #333; margin-bottom: 5px;}
.about-item-3 .form-item p i{ color: #f00;}
.about-item-3 input[type="text"], .about-item-3 textarea{ width: 100%; border: 1px solid #e6e6e6; border-radius: 6px; padding-left: 15px; padding-right: 15px; outline: none;}
.about-item-3 input[type="text"]{ height: 40px; line-height: 40px;}
.about-item-3 textarea{ height: 212px; padding-top: 10px; padding-bottom: 10px;}
.about-item-3 .u-btn{ width: 210px; height: 50px; line-height: 50px;}

/* 动态 */
.news-content{ overflow: hidden; padding-left: 38px; text-align: left;}
.news-content-top{ margin-bottom: 70px;}
.news-content-top > .item{ float: left; width: 50%; padding: 0 20px;}
.news-content-top > .item > a, .news-content-list > .item{ display: block; text-decoration: none;}
.news-content-top > .item > a:hover, .news-content-list > .item:hover{ text-decoration: none;}
.news-content-top > .item > a:hover h4, .news-content-list > .item:hover h4, .news-content-list > .item:hover .foot{ color: #20a8d8;}
.news-content-top > .item h4{ padding: 10px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px; color: #333; font-size: 16px;}
.news-content-top > .item img{ width: 100%; height: 230px; vertical-align: top;}
.news-content-top > .item .foot{ font-size: 14px; line-height: 20px; color: #999;}
.news-content-top > .item .top{ display: inline-block; border: 1px solid #20a8d8; border-radius: 2px; margin-right: 10px; padding: 0 8px; color: #20a8d8;}
.news-content-list > .item{ position: relative; padding-left: 70px; margin-bottom: 40px; font-size: 16px; color: #666;}
.news-content-list > .item .head{ border-bottom: 1px solid #ddd; font-size: 14px; color: #999;}
.news-content-list > .item h4{ margin-top: 10px; margin-bottom: 20px; font-size: 20px; color: #333;}
.news-content-list > .item > div{ margin-bottom: 10px; line-height: 28px;}
.news-content-list > .item .foot{ text-align: right; font-size: 14px;}
.news-content-list > .item .date{ position: absolute; left: 0; top: 0; font-size: 24px; color: #20a8d8;}

.news-content-list{ padding: 0 20px;}
.news-content-list .wp-block-latest-posts{}
.news-content-list .wp-block-latest-posts li{border-bottom: 1px dashed #ddd; padding-bottom: 20px; margin-bottom: 20px;}
.news-content-list .wp-block-latest-posts li a{ display: block; color: #000;}
.news-content-list .wp-block-latest-posts li a:hover{ background-color: transparent; color: #20a8d8;}
.news-content-list .wp-block-latest-posts li time{ font-size: 14px; color: #999;}

.video-1{ display: none; position: fixed; left: 0; top: 0; bottom: 0; width: 100%; background-color: #000; z-index: 999;}
.video-1 video{ width: 100%; height: 100%;}
.video-1 .icon-close{ position: absolute; right: 10px; top: 10px; font-size: 40px; color: #fff; cursor: pointer; transition: .3s;}
.video-1 .icon-close:hover{ transform: rotate(360deg);}

/* 联系我们 */
.layout-contact{ background-color: #fff; padding: 50px; font-size: 16px; color: #333; text-align: left;}
.layout-contact h3{ margin-bottom: 20px; font-size: 24px; line-height: 36px; color: #000; text-align: left;}
.layout-contact .l{ float: left; width: 50%; padding: 0 60px;}
.layout-contact .l img{ width: 100%;}
.layout-contact .r{ position: relative; float: right; width: 50%;}
.layout-contact .r .btm{ position: absolute; width: 100%; bottom: 22px; left: -100%; padding-left: 60px; color: #000;}
.layout-contact input[type="text"], .layout-contact textarea{ width: 440px; height: 40px; padding: 0 16px; background-color: #f1f2f2; border: 0 none;}
.layout-contact textarea{ height: 133px; margin-bottom: 10px; padding-top: 9px; padding-bottom: 9px;}
.layout-contact .form > li{ margin-bottom: 20px;}
.layout-contact .u-btn{ width: 210px; height: 50px; line-height: 50px; text-align: center;}

/* sitemap */
article > .layout.sitemap, .layout.sitemap h2{ text-align: left;}
.layout.sitemap{ font-size: 14px;}
.layout.sitemap a{ color: #333;}
.layout.sitemap a:hover, .sitemap .sitemap-item li a:hover{ color: #20a8d8;}
.layout.sitemap h2{ margin-bottom: 10px; font-size: 20px;}
.layout.sitemap h3{ font-weight: normal; font-size: 16px;}
.sitemap .path-area{ margin-bottom: 20px; margin-top: 10px;}
.sitemap .sitemap-item{ padding-top: 30px;}
.sitemap .sitemap-item li{ display: inline-block; width: 15%; padding-top: 5px; padding-right: 5px;}
.sitemap .sitemap-item li a{ color: #555;}


.entry-summary{ font-style: italic; background-color: #efefef; border: 1px dashed #ddd; padding: 10px 20px; margin-bottom: 20px;}
.posted-on time.updated{ display: none;}






@media (max-width:576px) {

}

@media (min-width:577px) {

}

@media (max-width:768px) {
.m-mobile{ display: block!important;}
.layout, .layout-benefit .layout, .layout-benefit .list, .layout-header .menu .main-navigation,
.layout-header .menu .menu-item, .items-01 li.item, .items-02 li.item, .footer-main td:first-child,
.enabling-right, .layout.board .layout-right, .layout.mobile .layout-right{ width: 100%;}
#page-home .layout-banner .layout{ text-align: center;}
.layout-banner .into > h1{ font-size: 30px;}
.layout h2{ font-size: 20px!important; font-weight: 400;}
.layout-banner{ height: 300px;}
.layout-header > .layout{ padding: 14px;}
body:not(#page-home) .layout-banner .into > p{ margin-bottom: 0;}
.hj-box, .layout-header .toor .u-btn, .enabling-left, .layout.chart > img, .layout.board .layout-left,
.layout.mobile .layout-left, .enabling-content > ul, .enabling-content > h4, .enabling-content > p, .m-pc,
.case-category-list h3, .companys-category-item .company-list, .companys-category-item footer,
.case-content-list .item .detail{ display: none;}
.layout-header .toor .icon{ display: block;}
.u-btn-big{ width: 50%; max-width: 200px; height: 40px; line-height: 40px;}
.u-btn-big.u-btn-white{ line-height: 38px;}
.paragraph{ font-size: 14px;}
.layout.mobile .item .icon, 
.layout.board .item .icon, 
.process .item .icon,
.safe-item .item .icon{ width: 30px; height: 30px;}
.item h3{ font-size: 14px;}
.dot-list li:before{ top: 11px;}
.items-01 li.item .into {margin-left:0px;margin-bottom:10px;}
.layout-header .menu .main-navigation{ position: absolute; right: -120%; top: 62px; opacity: 0; transition: .3s;}
.drawer-on .menu .main-navigation{ right: 0; opacity: 1; padding-left: 18%; background-color: rgba(0,0,0,.3);}
.layout-header .menu .main-navigation > div, .layout-header .menu .main-navigation > ul{ background: #fafafa; height: 100%;}
.layout-header .menu .menu-item{ margin-left: 15px; border-bottom: 1px solid #eee;}
.layout-header .menu .menu-item a{line-height: 50px; padding: 0 10px; color: #000!important;}
.layout-header .menu .menu-item.current-menu-item:after{ content: none;}
.drawer-on .toor i.icon-close-bold{ display: inline;}
.drawer-on .toor i.icon-menu{ display: none;}

.items-01 li.item .into .foot-link{ position: initial; display: block; margin-top: 20px;}
.layout-banner .into .u-btn{ margin: 10px 5px; padding: 0 20px; height: 50px; line-height: 50px;}
.layout-banner .into .u-btn .icon-play{ display: none;}
.layout-banner .into .u-btn-white{ line-height: 48px;}
.layout-banner .into > p{ margin-bottom: 60px; font-size: 16px; line-height: 28px;}
article > .layout{ padding: 50px 20px;}
.layout-process{ height: auto!important;}
.items-01 li.item{ height: auto; }
.items-01 li.item .into{ padding: 20px;}
.items-01 li.item .icon{ height: 46px; width: 46px;}
.items-01 li.item .into > h3{ margin: 15px 0 10px 0; font-size: 16px;}
.item h3 ~ p{ font-size: 12px; color: #666;height:auto;}
#page-home .layout:not(.small) h2{ margin-bottom: 40px; padding: 0 10px;}
.items-02 li.item{ min-height: 100px;}
.items-02-2 li.item:last-child .line:before{ height: 45px;}
.layout-book .u-btn{ float: none; margin-top: 0; margin-bottom: 30px;}
.layout-book .layout, .layout-book .layout h2{ text-align: center;}
.layout-book .layout > div{ display: none;}
.layout-benefit .item{ font-size: 14px; padding: 20px 0;}
.layout-benefit .item:nth-child(3n){ border-right: none;}
.layout-benefit .item .icon{ width: 36px; height: 36px;}
.layout-benefit .item b{ font-size: 24px;}
.layout-benefit .item > p{ font-size: 12px;}
.layout-features .layout{ text-align: center;}
.layout-features .list{ text-align: left;}
.about{ padding: 0 10px; margin-top: -20px;}
.about p:first-child{ margin-bottom: 20px; font-size: 15px;}
.about p{ line-height: 30px; font-size: 14px;}
.input-box input{ width: 90%; margin-right: 0; margin-bottom: 20px;}
.footer-main td:first-child{ padding: 0 20px;}
.footer-main td:not(:first-child) h3, .footer-main td:not(:first-child) ul, .footer-main td:not(:first-child) div{ display: none;}
.category-content, .case-content-list{ position: relative; left: 0; width: 9970px; transition: left .3s ease-in;}
.layout-features dl{ background-position: 5px 0; font-size: 14px;}
.layout-features dt{ font-size: 16px;}
.m-news .title{ font-size: 20px; line-height: 60px;}
.m-news .title .more i{ font-size: 20px;}
.m-news .wp-block-latest-posts li time{ width: 80px;}
.m-news .wp-block-latest-posts li a{ height: 42px; line-height: 42px; font-size: 14px;}
#newBridge{ display: none!important;}
.items-02 li.item .content h3{ font-size: 16px;}
.layout-companys .companys{ display: none;}
.layout-footer{ font-size: 12px;}
.layout-benefit .layout > p{ font-size: 14px;}
.layout-features dd{ color: #666;}



.enabling-right{ padding-right: 2.5%;}
.layout.board .layout-right, .layout.mobile .layout-right{ padding: 0; text-align: center;}
.enabling-content{ display: block;}
.enabling-content h3, .companys-category-item .title{ height: 60px; line-height: 60px; border-bottom: 1px solid #ddd; margin-bottom: 0; font-size: 14px; font-weight: normal; padding-left: 60px;}
.enabling-content h3 .icon{position: absolute; margin: 0; left: 10px; top: 50%; width: 30px; height: 30px; margin-top: -15px;}
.enabling-content h3 i[class^="icon-"], .companys-category-item .title i[class^="icon-"]{ position: absolute; right: 10px; top: 50%; margin-top: -7px; font-size: 14px; transition: .3s;}
.enabling-content.on h3 i[class^="icon-"], .companys-category-item.on .title i[class^="icon-"]{ transform: rotate(90deg);}
.enabling-content.on > h4, .enabling-content.on > ul{ display: block; background-color: #fff; margin: 0; font-size: 14px; padding: 10px 20px;}
.enabling-content.on > ul{ padding-top: 0;}
.dot-list li{ line-height: 28px; font-size: 14px; color: #999;}
.layout.board .item{ padding: 0 5px;}
.layout.mobile{ background: none;}
.process .item{ width: 100%; margin-bottom: 20px;}
.process .item .icon{ margin-bottom: 20px;}
.process .item .into{ padding: 20px;}
.process .item h3{ font-size: 14px;}
.process .item p{ line-height: 24px; min-height: auto;}

.layout-safe-header > p{ font-size: 14px;}
.height-full.layout-safe{ height: auto!important;}
.safe-item .item{ width: 100%; margin-bottom: 40px;}

.layout-about h2 ~ p{ font-size: 14px;}
.about-item-1 .dot-list li{ width: 100%; padding-right: 0;}
.about-item-2>img{ width: 100%;}
.about-item-2 .layout-left{ padding-left: 20px; width: 100%;}

.companys-category-list, .case-category-list{ width: 100%; margin: 0 0 30px 0;}
.case-category-list ul{ display: flex;}
.case-category-list li{ flex: 1; margin: 0 1px; background-color: #eee; padding-left: 0; text-align: center;}
.case-category-list li.curr{ background-color: #20a8d8; color: #fff;}
.news-content{ width: 100%; padding-left: 0;}
.news-content-top > .item{ padding: 0 5px 0 0;}
.news-content-top > .item:last-child{ padding-right: 0; padding-left: 5px;}
.news-content-top > .item img{ height: 130px;}
.news-content-top > .item h4{ font-size: 14px; padding-top: 5px; padding-bottom: 5px;}
.news-content-top > .item .foot{ font-size: 12px;}
.news-content-top > .item .top{ margin-right: 5px; padding: 0 2px;}
.news-content-top{ margin-bottom: 50px;}
.news-content-list{ padding: 0;}

.layout-cases .case-category-list{ display: none;}
.case-content-list{ width: 100%!important;}
.companys-category-item{ width: 100%;}
.companys-category-item .title{ position: relative; padding-left: 10px;}
.companys-category-item .company-list, .companys-category-item footer{}
.companys-category-item.on .company-list, .companys-category-item.on footer{ display: block; background-color: #fff;}
.case-content-list .item{ width: 100%; padding: 10px; margin-bottom: 0;}
.case-content-list .item-into{ padding: 20px;}
.companys-category-item:not(.case-content-item) .company-list .item{ width: 33.33%; margin: 0; border: none; outline: 1px solid #ddd;}
.companys-category-item footer{ padding-left: 0;}
.companys-category-item footer .into{ padding-top: 40px; padding-bottom: 20px; font-size: 14px; color: #999;}
.companys-category-item .image{ font-size: 12px; margin-right: 15px;}
.article-detail-header .img{ width: 33%; margin-right: 20px;}
.article-detail-header .text p{ font-size: 12px; color: #666;}
.article-detail-header .text h2{ font-size: 14px!important;}
.article-detail-header{ padding-bottom: 20px;}
.article-detail-content > div{ font-size: 14px;}
}

@media (min-width:769px) {
.layout-header .main-navigation.height-full{ height: auto!important; min-height: auto!important;}
.items-02-2{ margin-bottom: 0px;}
.items-02-2 li.item{ padding-left: 1%; padding-right: 6.25%; padding-top: 58px; text-align: right;}
.items-02-2 li.item .content{ padding-left: 0; padding-right: 34px;}
.items-02-2 li.item .line{ left: auto; right: 0;}
.items-02-2 li.item .line:before{ top: auto; bottom: 23px; height: 60px;}
.layout-features{ background: url(https://www.xiekeyun.com/static/assets/img/image-10-2.jpg) no-repeat center; background-size: cover;}
.layout-features .layout{ padding-right: 720px;}
.m-news{ position: absolute; width: 480px; right: 0; bottom: 70px;}
.m-news .title{ padding-left: 45px;}
.m-news .wp-block-latest-posts li{ padding: 15px 25px 15px 45px; line-height: 59px;}
.m-news .wp-block-latest-posts li time{ left: 45px; top: 15px; line-height: 24px; padding-top: 5px; padding-bottom: 5px;}
.enabling-right h2{ margin-bottom: 70px;}
.layout.chart{ padding: 120px 0!important;}
.layout.board{ padding-top: 0!important; padding-bottom: 6%!important;}
.enabling-content h3 .icon, .enabling-content h3 i[class^="icon-"]{ display: none;}
.safe-item .item:nth-child(even){ padding-left: 50px;}
.safe-item .item p{ font-size: 16px;}
.about-item-2>img{ position: absolute; left: 50%; top: 50%; bottom: 0; right: 0; transform: translateY(-50%);}
.case-content-list .item-into .company-summary{ min-height: 140px; line-height: 28px;}
.companys-category-item:not(.case-content-item) .company-list{ margin-bottom: 20px;}
}

@media (max-width:992px) {
#page-article .content-area{ width: 100%; padding: 25px;}
}

@media (min-width:993px) {

}

@media (max-width:1200px) {
.article-detail-header{ padding-left: 20px; padding-right: 20px;}
.article-detail-content{ width: 100%; padding: 20px;}
}

@media (min-width:1201px) {
.layout-full{ min-width: 1200px;}
}