.section-box .section:nth-child(even) { background-color: #ffffff;}
.section-box .section:nth-child(odd) { background-color: #f6f8fb;}

@keyframes shadowPulse { 33% { background: #cdf2f6; box-shadow: -24px 0 #03bcd4, 24px 0 #81dde9; }
  66% { background: #cdf2f6; box-shadow: -24px 0 #81dde9, 24px 0 #03bcd4; }
  100% { background: #81dde9; box-shadow: -24px 0 #03bcd4, 24px 0 #cdf2f6; } }
@-moz-keyframes shadowPulse { 33% { background: #cdf2f6; box-shadow: -24px 0 #03bcd4, 24px 0 #81dde9; }
  66% { background: #cdf2f6; box-shadow: -24px 0 #81dde9, 24px 0 #03bcd4; }
  100% { background: #81dde9; box-shadow: -24px 0 #03bcd4, 24px 0 #cdf2f6; } }
.pro-floor-box .pro-floor { padding-bottom: 40px; padding-top: 20px; }
.pro-floor-box .pro-floor .floor-left { flex: 0 0 327px; max-width: 327px; position: relative; color: #ffffff; }
.pro-floor-box .pro-floor .floor-left .wrap { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; padding-left: 40px; padding-top: 36px;}
.pro-floor-box .pro-floor .floor-left .wrap .floor-title { font-size: 32px; }
.pro-floor-box .pro-floor .floor-left .wrap .floor-desc { margin-top: 28px; line-height: 36px; }
.pro-floor-box .pro-floor .floor-content { background-color: #ffffff; flex: 1; max-width: calc(100% - 327px);}
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item { width: 50%; height: 50%; padding: 30px; position: relative; overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .item-name { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #202020; font-size: 18px; margin-bottom: 10px; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .item-desc { color: #999999; font-size: 14px; line-height: 24px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .pro-lists { height: 78px; overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-top: 15px; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .pro-lists .pro-item { min-width: 88px; text-align: center; margin-bottom: 10px; flex: 0 0 25%; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .pro-lists .pro-item:not(:nth-child(3n+1)) { margin-left: 10px; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .pro-lists .pro-item a { border: 1px solid #e4e4e4; display: block; font-size: 14px; color: #666666; padding: 3px 6px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .pro-lists .pro-item:hover a { background-color: #f4f5f8; border-color: #f4f5f8; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .item-tools { position: absolute; height: 48px; line-height: 48px; text-align: center; width: 100%; left: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .item-tools a { flex: 1; max-width: 50%; background-color: #dd3833; color: #ffffff; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .item-tools a svg { width: 1.25em; height: 1.25em; vertical-align: text-bottom; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .item-tools a svg path { fill: currentColor; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .item-tools a.btn-free { background-color: #f9f9f9; color: #dd3833; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .item-tools a:hover { background-color: #dd3833; color: #ffffff; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item .item-tools a:hover ~ .btn-ask { background-color: #f9f9f9; color: #dd3833; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:nth-child(1) { border-bottom: 1px solid #e6e7e9; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:nth-child(2) { border-left: 1px solid #e6e7e9; border-bottom: 1px solid #e6e7e9; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:nth-child(3) { border-right: 1px solid #e6e7e9; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:hover { box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.18); border-color: #f6f8fb !important; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:hover ~ .grid-item, .pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:hover + .grid-item { border-right-color: #f6f8fb !important; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:hover .item-name, .pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:hover .pro-lists, .pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:hover .item-desc { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:hover .pro-lists { -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:hover .item-desc { -webkit-transition-delay: .15s; -moz-transition-delay: .15s; -ms-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; }
.pro-floor-box .pro-floor .floor-content.grid-sites .grid-item:hover .item-tools { -webkit-transform: translateY(-12px); -moz-transform: translateY(-12px); -ms-transform: translateY(-12px); -o-transform: translateY(-12px); transform: translateY(-12px); }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item { width: 50%; border: 1px solid #f2f4f8; height: 100%; padding: 30px 30px 0; position: relative; overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .item-name { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #202020; font-size: 18px; margin-bottom: 10px; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .item-desc { color: #999999; font-size: 14px; line-height: 24px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists { margin-left: -10px; margin-top: 30px; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists .pro-item { border: 1px solid #ececec; margin-left: 10px; margin-bottom: 15px; width: 207px; height: 146px; float: left; overflow: hidden; position: relative; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists .pro-item .item-icon { display: block; width: 70px; height: 70px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists .pro-item .item-icon img { width: 100%; height: 100%; object-fit: contain; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists .pro-item .item-name { font-size: 16px; color: #666666; line-height: 2; margin-bottom: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists .pro-item .item-tool { position: absolute; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%; left: 0; right: 0; bottom: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition-delay: .15s; -moz-transition-delay: .15s; -ms-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists .pro-item .item-tool a { display: block; text-align: center; color: #ffffff; background-color: #dd3833; line-height: 36px; }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists .pro-item .item-tool a i { font-size: 18px; vertical-align: bottom;}
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists .pro-item:hover .item-icon { -webkit-transform: scale(0.8) translateY(-15%); -moz-transform: scale(0.8) translateY(-15%); -ms-transform: scale(0.8) translateY(-15%); -o-transform: scale(0.8) translateY(-15%); transform: scale(0.8) translateY(-15%); }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists .pro-item:hover .item-name { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
.pro-floor-box .pro-floor .floor-content.grid-yingxiao .grid-item .pro-lists .pro-item:hover .item-tool { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.pro-floor-box .pro-floor .floor-content.grid-duanshipin .grid-item { border: 1px solid #eff0f2; flex: 0 0 33.333%; max-width: 33.333%; height: 50%; padding-left: 18px; padding-top: 30px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer;}
.pro-floor-box .pro-floor .floor-content.grid-duanshipin .grid-item .item-wrap .item-name { font-size: 18px; color: #202020; margin-bottom: 11px; }
.pro-floor-box .pro-floor .floor-content.grid-duanshipin .grid-item .item-wrap .item-desc { color: #999; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; padding-right: 26px; }
.pro-floor-box .pro-floor .floor-content.grid-duanshipin .grid-item .item-wrap .item-img { text-align: center;}
.pro-floor-box .pro-floor .floor-content.grid-duanshipin .grid-item .item-wrap .item-img img { vertical-align: bottom; max-height: 90px;}
.pro-floor-box .pro-floor .floor-content.grid-duanshipin .grid-item:not(.item-more):hover { -webkit-box-shadow: 0 0 20px #d7d7d7; -moz-box-shadow: 0 0 20px #d7d7d7; box-shadow: 0 0 20px #d7d7d7; }
.pro-floor-box .pro-floor .floor-content.grid-duanshipin .grid-item.item-more { cursor: pointer; color: #a6a6a6; }
.pro-floor-box .pro-floor .floor-content.grid-duanshipin .grid-item.item-more .item-wrap .more-icon { margin-bottom: 20px; }
.pro-floor-box .pro-floor .floor-content.grid-duanshipin .grid-item.item-more .item-wrap .more-icon i { display: inline-block; width: 11px; height: 11px; border-radius: 50%; display: inline-block; position: relative; background: #1f6ce7; box-shadow: -24px 0 #1f6ce7, 24px 0 #1f6ce7; margin: 0 3px; animation: shadowPulse 1s linear infinite; }
.pro-floor-box .pro-floor .floor-content.grid-duanshipin .grid-item.item-more:hover { color: #333333; }
.pro-floor-box .pro-floor:nth-child(even) { background-color: #fff; }


.section.sec-cases { padding-bottom: 50px; }
.section.sec-cases .cases-nav { text-align: center; margin-bottom: 20px; }
.section.sec-cases .cases-nav a { display: block; width: 220px; height: 50px; text-align: center; line-height: 50px; color: #666666; font-size: 16px; background-color: #edf0f5; border-radius: 3px; margin: 0 7.5px; }
.section.sec-cases .cases-nav a i { font-size: 1.5em; vertical-align: middle; }
.section.sec-cases .cases-nav a:hover { color: #ffffff; background-color: #dd3833; }
.section.sec-cases .case-lists { margin-top: 40px; }
.section.sec-cases .case-lists .cases-item { width: 410px; height: 430px; float: left; margin-left: 35px; margin-bottom: 30px; }
.section.sec-cases .case-lists .cases-item:nth-child(3n+1) { margin-left: 0; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-img { width: 100%; height: 275px; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption { border: 1px solid #f5f5f5; padding-left: 25px; padding-right: 25px; padding-top: 14px; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption .item-name { color: #333333; font-size: 16px; line-height: 28px; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption .item-brief { line-height: 20px; min-height: 40px; font-size: 12px; color: #999999; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption .item-tool { border-top: 1px solid #ededed; padding-top: 8px; padding-bottom: 9px; line-height: 24px; width: 340px; margin-top: 20px; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption .item-tool a { color: #999999; font-size: 12px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption .item-tool:hover a { letter-spacing: 3px; }

.section.sec-cases .case-lists .cases-item:hover { -webkit-box-shadow: 0px 12px 32px rgba(147, 147, 147, 0.5); -moz-box-shadow: 0px 12px 32px rgba(147, 147, 147, 0.5); box-shadow: 0px 12px 32px rgba(147, 147, 147, 0.5); }
.section.sec-cases .case-lists .cases-item:hover .item-img{ -webkit-animation: swing 1 1s linear; -o-animation: swing 1 1s linear; animation: swing 1 1s linear; }
.section.sec-cases .case-lists .cases-item:hover .item-wrap .item-caption .item-name{ color: #006dcc; font-weight: bold;}

.section.sec-news .news-tab { margin-bottom: 0; margin-top: 35px; }
.section.sec-news .news-tab .tab-head { background-color: #edf0f5; height: 70px; border-bottom: none; }
.section.sec-news .news-tab .tab-head ul { height: 100%; }
.section.sec-news .news-tab .tab-head li { flex: 0 0 33.33%; max-width: 33.33%; text-align: center; height: 100%; padding: 0; }
.section.sec-news .news-tab .tab-head li::after { position: absolute; content: ''; width: 100%; border: none; background: #fff; height: 100%; bottom: 0; top: auto; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); }
.section.sec-news .news-tab .tab-head li .wrap { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; z-index: 2; }
.section.sec-news .news-tab .tab-head li .wrap .tab-name { color: #282828; font-size: 22px; }
.section.sec-news .news-tab .tab-head li .wrap .tab-desc { color: #999999; font-size: 16px; }
.section.sec-news .news-tab .tab-head li.layui-this .wrap { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
.section.sec-news .news-tab .tab-head li.layui-this::after { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); }
.section.sec-news .news-tab .tab-bd { padding: 0; background-color: #ffffff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.section.sec-news .news-tab .tab-bd .news-list .news-item { flex: 0 0 33.333%; max-width: 33.333%; position: relative; overflow: hidden; }
.section.sec-news .news-tab .tab-bd .news-list .news-item::before { display: block; content: ''; height: 216px; position: absolute; bottom: 0; right: 0; border-right: 1px solid #e9e9e9; z-index: 9; }
.section.sec-news .news-tab .tab-bd .news-list .news-item::after { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; display: block; content: ''; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 1px solid #e9e9e9; z-index: 3; }
.section.sec-news .news-tab .tab-bd .news-list .news-item .item-wrap { position: relative; z-index: 1; }
.section.sec-news .news-tab .tab-bd .news-list .news-item .item-wrap .news-img-wrap { padding: 30px; position: absolute; z-index: 1; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); }
.section.sec-news .news-tab .tab-bd .news-list .news-item .item-wrap .news-inf-wrap { position: relative; padding: 30px; background: #ffffff; z-index: 2; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.section.sec-news .news-tab .tab-bd .news-list .news-item .item-wrap .news-inf-wrap .news-title { font-size: 18px; line-height: 42px; /*margin-top: 10px;*/ padding-top: 10px; margin-bottom: 6px; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.section.sec-news .news-tab .tab-bd .news-list .news-item .item-wrap .news-inf-wrap .news-desc { font-size: 14px; line-height: 26px; color: #999999; height: 52px; overflow: hidden; }
.section.sec-news .news-tab .tab-bd .news-list .news-item .item-wrap .news-inf-wrap .news-time { margin-top: 40px; font-size: 16px; color: #999999; line-height: 36px; }
.section.sec-news .news-tab .tab-bd .news-list .news-item:nth-child(3n):before { display: none; }
.section.sec-news .news-tab .tab-bd .news-list .news-item:hover { overflow: visible; z-index: 9; }
.section.sec-news .news-tab .tab-bd .news-list .news-item:hover::after { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); }
.section.sec-news .news-tab .tab-bd .news-list .news-item:hover .news-img-wrap { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
.section.sec-news .news-tab .tab-bd .news-list .news-item:hover .news-inf-wrap { -webkit-transform: translateY(247px); -moz-transform: translateY(247px); -ms-transform: translateY(247px); -o-transform: translateY(247px); transform: translateY(247px); }
.section.sec-news .news-tab .tab-bd .news-list .news-item:nth-child(n+4):before { top: 0; bottom: auto; }
.section.sec-news .news-tab .tab-bd .news-list .news-item:nth-child(n+4)::after { display: none; }
.section.sec-news .news-tab .tab-bd .news-list .news-item:nth-child(n+4) .news-img-wrap { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
.section.sec-news .news-tab .tab-bd .news-list .news-item:nth-child(n+4):hover .news-img-wrap { background-color: #ffffff; -webkit-transform: translateY(-245px); -moz-transform: translateY(-245px); -ms-transform: translateY(-245px); -o-transform: translateY(-245px); transform: translateY(-245px); opacity: 1; }
.section.sec-news .news-tab .tab-bd .news-list .news-item:nth-child(n+4):hover .news-inf-wrap { z-index: 9; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }

.section.sec-news .news-tab .tab-bd .news-list .news-item:hover .item-wrap .news-inf-wrap .news-title{ color: #006dcc;}

.error-page{ padding: 50px 0 100px; background: #e7efff;}
.error .clip .shadow{height: 180px;}
.error .clip:nth-of-type(2) .shadow{width: 130px;}
.error .clip:nth-of-type(1) .shadow,
.error .clip:nth-of-type(3) .shadow{width: 250px;}
.error .digit{width: 150px; height: 150px; line-height: 150px; font-size: 120px; font-weight: bold;}
.error h2{font-size: 32px;}
.error .msg{top: -190px; left: 30%; width: 80px; height: 80px; line-height: 80px; font-size: 32px;}
.error span.triangle{top: 70%; right: 0%; border-left: 20px solid #535353; border-top: 15px solid transparent; border-bottom: 15px solid transparent;}
.error .container-error-404{margin-top: 10%; position: relative; height: 250px; padding-top: 40px;}
.error .container-error-404 .clip{display: inline-block; transform: skew(-45deg);}
.error .clip .shadow{overflow: hidden;}
.error .clip:nth-of-type(2) .shadow{overflow: hidden; position: relative; box-shadow: inset 20px 0px 20px -15px rgba(150, 150, 150, 0.8), 20px 0px 20px -15px rgba(150, 150, 150, 0.8);}
.error .clip:nth-of-type(3) .shadow:after,
.error .clip:nth-of-type(1) .shadow:after{content: ""; position: absolute; right: -8px; bottom: 0px; z-index: 1; height: 100%; width: 10px; background: linear-gradient(90deg, transparent, rgba(173, 173, 173, 0.8), transparent); border-radius: 50%;}
.error .clip:nth-of-type(3) .shadow:after{left: -8px;}
.error .digit{position: relative; top: 8%; color: white; background: #006dcc; border-radius: 50%; display: inline-block; transform: skew(45deg);}
.error .clip:nth-of-type(2) .digit{left: -10%;}
.error .clip:nth-of-type(1) .digit{right: -20%;}
.error .clip:nth-of-type(3) .digit{left: -20%;}
.error h2{font-size: 24px; color: #A2A2A2; font-weight: bold; padding-bottom: 20px;}
.error .tohome{font-size: 16px; color: #006dcc;}
.error .msg{position: relative; z-index: 1; display: block; background: #535353; color: #A2A2A2; border-radius: 50%; font-style: italic;}
.error .triangle{position: absolute; z-index: 1; transform: rotate(45deg); content: ""; width: 0; height: 0;}
@media(max-width: 767px){.error .clip .shadow{height: 100px;} .error .clip:nth-of-type(2) .shadow{width: 80px;} .error .clip:nth-of-type(1) .shadow, .error .clip:nth-of-type(3) .shadow{width: 100px;} .error .digit{width: 80px; height: 80px; line-height: 80px; font-size: 52px;} .error h2{font-size: 18px;} .error .msg{top: -110px; left: 15%; width: 40px; height: 40px; line-height: 40px; font-size: 18px;} .error span.triangle{top: 70%; right: -3%; border-left: 10px solid #535353; border-top: 8px solid transparent; border-bottom: 8px solid transparent;} .error .container-error-404{height: 150px;}}