/*
Theme Name: 云齐邦网络营销ISMES
Theme URI: http://www.i-sme.com/
Description: 云齐邦网络营销,十年网络营销管理经验,电话:18994105692..针对中小企业网络营销，SEM竞价托管运营，网站建设优化等网络推广外包服务，帮助企业快速实现网络盈利!
Version: 2.0
Author: 云齐邦
Author URI: http://www.i-sme.com/
Tags: 网络营销外包,竞价托管,南京网络营销,网络营销公司,网络推广公司,南京网络营销公司,百度推广托管,南京网络推广,南京网络推广公司,南京网络营销外包,南京网络营销外包公司,南京竞价托管,南京竞价托管公司
*/

@charset "utf-8";
body,html{ overflow-x:hidden;}
body{ color:#3e3a39;  height:auto; box-sizing:border-box; background-color:#f2f2f2; font-size:14px;}
.course{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#323235; text-decoration:none;}
a:hover{ text-decoration:none; color:#e81215;}
i,em{ font-style:normal;}
.img_max{ display:block !important;}
.img_min{ display:none !important;}



.brand_service .pd:hover .img i,
.appAdvantage .pd:hover .img{
-webkit-animation-iteration-count: 1;
-webkit-animation: hover_btn_four 0.5s linear 0s;
animation-iteration-count: 1;
animation: hover_btn_four 0.5s linear 0s;
}
@keyframes hover_btn_four {
from, 20%, 40%, 60%, 80%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0% {opacity: 0.8;transform: skew(0deg,0deg);}
20% {transform: skew(5deg,0deg);}
40% {transform: scale3d(1.2, .9, .9);}
60% {opacity: 1;transform: scale3d(0.95, 1.05, 1.03);}
80% {transform: scale3d(1.05, 0.97, .97);}
to {opacity: 1;transform: scale3d(1, 1, 1);}
}


.top_tel span,
.about_con2 .img .h3,
.number_lsit .h3,
.quick_fw .p,
.app_list .img span,
.about_con1 .text .em,
.standard .i,
.banner_contact .text .c,
.tit2 a{font-family:'DIN-Medium';}


.slick-dots{ position:absolute; left:50%; bottom:0;}
.slick-dots li{ float:left; margin:0 6px;}
.slick-dots li button{ display:block; border:none; padding:0px; width:12px; height:12px; border-radius:50%; text-indent:-99px; overflow:hidden; background:#fff; box-sizing:border-box; border:none; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.slick-dots li.slick-active button{ background:#e10000; }

.slick-arrow{font-size:24px; position:absolute; top:50%; z-index:2; height:32px; margin-top:-22px; line-height:32px; width:32px; text-align:center; padding:0px; border:none; color:#000; background:none;}
.slick-prev{ left:0px;}
.slick-prev:before{ content: "\e701"; }
.slick-next{ right:0px;}
.slick-next:before{ content: "\e704"; }



.btn{color:#fff;background:#000;position: relative;overflow: hidden; display:block;}
.btn:before{content:attr(data-text);position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
.btn:before,
.btn span{display: block;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); box-sizing:border-box;}
.btn:hover:before {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.btn:hover span {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}

.btn2{-webkit-transition: background-color 0.3s, color 0.3s;transition: background-color 0.3s, color 0.3s; position:relative;}
.btn2:before{content: '';position: absolute;top: -20px;left: -20px;bottom: -20px;right: -20px;background: inherit;border-radius: 50px;z-index: -1;
opacity: 0.4;-webkit-transform: scale3d(0.8, 0.5, 1);transform: scale3d(0.8, 0.5, 1);}
.btn2:hover {-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;transition: background-color 0.1s 0.3s, color 0.1s 0.3s;color: #ECEFF1;
background-color: #3f51b5;-webkit-animation: anim-moema-1 0.3s forwards;animation: anim-moema-1 0.3s forwards;}
.btn2:hover:before {-webkit-animation: anim-moema-2 0.3s 0.3s forwards;animation: anim-moema-2 0.3s 0.3s forwards;}

@-webkit-keyframes anim-moema-1 {
60% {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}
85% {-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes anim-moema-1 {
60% {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}
85% {-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@-webkit-keyframes anim-moema-2 {
to {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes anim-moema-2 {
to {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}

.slick-arrow,
.brand_text .m em,
.btext .m a,
.btext .h3,
.btext .p,
.btext .m,
.iservice_1 .text,
.case_ul .tag,
.case_ul .text,
.case_ul .img img,
.icase_m a,
.header,
.header .wp,
.menu .h3 a,
.logo,
body,
.iservice_2 .pd,
.iservice_2 .img img,
.inews_con .img img,
.iservice_2 .pd .m i,
.iservice_1 .pd,
.case_list .text,
.case_list .b,
.case_m a,
.brand_service .img i,
.btn,
.news_list .img img,
.news_list .pd,
.about_con2 .img .m a,
.tjnews_list .pd,
.news_flip a,
.tj_tag_list a,
.quick_nav2 li,
.quick_nav1 a,
.case_nav,
.logo img,
.case_tj .img img,
.tj_service_list .img img,
.tj_case_list .img img,
.menu .h3 a:after,
.business .img img,
.business .m,
.appIndustry .pd:before,
.appAdvantage .img,
.appIndustry .pd{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.appModel .img{
-webkit-transition: background 0.3s linear;
-moz-transition: background 0.3s linear;
-ms-transition: background 0.3s linear;
-o-transition: background 0.3s linear;
transition: background 0.3s linear;
}

.ibrand .img img{
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}

.fa_right,
.btext_2 .h3,
.btext_2 .p,
.btext_2 .m,
.btext_4 .h3,
.btext_4 .p,
.btext_4 .m{ transform:translate(-100px,0); opacity: 0;transition: all .6s linear;}
.fa_left,
.btext_1 .h3,
.btext_1 .p,
.btext_1 .m{ transform:translate(100px,0); opacity: 0;transition: all .6s linear;}
.fa_bottom{ transform:translate(0,-100%); opacity: 0;transition: all .6s linear;}
.fa_top,
.btext_3 .h3,
.btext_3 .p,
.btext_3 .m{ transform:translate(0,100%); opacity: 0;transition: all .6s linear;}

.btext .h3{ transition-delay:0.7s;}
.btext .p{ transition-delay:0.9s;}
.btext .m{ transition-delay:1.1s;}

.slick-active .btext .h3,
.slick-active .btext .p,
.slick-active .btext .m{
transform:translate(0,0); opacity: 1;
}
.case_ul .img,
.iservice_2 .img,
.inews_con .img,
.news_list .img,
.business .img{ overflow:hidden;}
.case_ul .pd:hover .img img,
.iservice_2 .pd:hover .img img,
.inews_con .pd:hover .img img,
.news_list .pd:hover .img img,
.case_tj .pd:hover .img img,
.tj_service_list .pd:hover .img img,
.tj_case_list .pd:hover .img img,
.business .pd:hover .img img{transform: scale(1.1);}

.business .pd:hover .m{transform:translate(10px,0);}

.ibrand .pd:hover img{transform: scale(0.92,0.9);}

.ibrand .img img{
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray; 
opacity:0.6;
}
.ibrand .pd:hover .img img{
-webkit-filter: grayscale(0%); 
-moz-filter: grayscale(0%); 
-ms-filter: grayscale(0%); 
-o-filter: grayscale(0%); 
filter: grayscale(0%); 
filter: none;
opacity:1;
}

.iservice_1 .pd:hover,
.news_list .pd:hover{transform:translate3d(0,-10px ,0);box-shadow:0 15px 20px rgba(0,0,0,.2);}
.tjnews_list .pd:hover{transform:translate3d(0,-5px ,0);box-shadow:0 5px 15px rgba(0,0,0,.2);}

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

.menu .h3 em,
.menu .h3 span,
.slick-arrow,
.img_box:before{
font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
text-shadow:0 0 3px rgba(255,255,255,0.3);
}

.wp{ width:1500px; margin:0 auto; position:relative;}

.header{ position:relative; background:#fff; z-index:15; box-shadow:0 0 3px rgba(0,0,0,0.3);-webkit-transform: translateZ(0);}
.header .wp{ width:auto; margin:0 40px; height:100px;}
.logo{ width:214px; display:block; position:absolute; margin-top:-27px; top:50%;}
.logo img{ width:100%; height:auto; display:block;}

.menu{ text-align:center;}
.menu ul{ display:inline-block; vertical-align:bottom;}
.menu li{ float:left; position:relative;}
.menu .h3 a{ display:block; padding:0 20px; margin:0 13px; height:100px; line-height:100px; font-size:16px; color:#323235; position:relative;}
.menu .h3 a:after{ content:'\20'; bottom:20px; position:absolute; height:2px; background:#e10000; left:0px; width:0%;}
.menu .h3 i{ display:none;}
.menu .h3 a:hover,.menu .curr .h3 a{ color:#e81215;}
.menu .h3 a:hover:after{ width:100%;}
.menu .box{ position:absolute; display:none; left:-10px; top:100px; background:#323235; right:-10px; padding:10px 0}
.menu .box a{ display:block; color:#fff; height:36px; line-height:36px; text-align:center;}
.menu .box a:hover{ background:#e10000;}
.menu li:hover .box{ display:block;}

.fixed-nav .box{ top:60px;}

.fixed-nav .header{ position:fixed; left:0px; top:-60px; right:0px;}
.fixed-nav .header .wp{ height:60px;}
.fixed-nav .logo{ width:120px; margin-top:-15px;}
.fixed-nav .menu .h3 a{ height:60px; line-height:60px;}
.fixed-nav .menu .h3 a:after{ bottom:10px;}

.fixed-nav-appear .header,.fix_sec .header{ top:0px;}

.top_tel{ position:absolute; right:0px; top:50%; padding-left:40px; margin-top:-16px;}
.top_tel .icon-dianhua{ left:0px; top:0px; font-size:32px; width:32px; height:32px; line-height:32px; text-align:center; position:absolute; color:#e81215;}
.top_tel span{ line-height:32px; height:32px; display:block; color:#e10000; font-size:28px;}

.slick-slide{ position:relative; display:block;}
.slick-slide a{ display:block;}
.slick-slide img{ width:100%; height:auto; display:block;}
.ibanner{ padding-bottom:72px; position:relative;}
.ibanner .slick-arrow{font-size:22px; position:absolute; top:50%; z-index:2; height:58px; margin-top:-29px; line-height:58px; width:58px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,1); background:rgba(0,0,0,0); opacity:0; border-radius:50%;}
.ibanner .slick-prev{ left:120px;}
.ibanner .slick-prev:before{ content: "\e701"; }
.ibanner .slick-next{ right:120px;}
.ibanner .slick-next:before{ content: "\e704"; }
.ibanner .single-item:hover .slick-arrow{ opacity:1; background:rgba(0,0,0,0.5);}

.ibanner .slick-dots{ position:absolute; margin-left:-15px; left:50%; bottom:110px;}
.ibanner .slick-dots li{ float:left; margin:0 6px;}
.ibanner .slick-dots li button{ display:block; border:none; padding:0px; width:12px; height:12px; border-radius:50%; text-indent:-99px; overflow:hidden; background:rgba(255,255,255,1); box-sizing:border-box; border:none;}
.ibanner .slick-dots li.slick-active button{ background:rgba(255,255,255,0); box-shadow:0 0 0 1px rgba(255,255,255,1); }
.ibanner .pd{ background:#000;}
.ibanner video{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%;}

.btext{ position:absolute; z-index:2; color:#fff;}
.btext .h3{ font-size:72px; line-height:1; margin-bottom:36px;}
.btext .p{ font-size:45px; font-weight:lighter; line-height:1.2444;}
.btext .m{ padding-top:80px;}
.btext .m a{ width:200px; color:#fff; height:52px; border:1px solid #fff; text-align:center; line-height:52px; font-size:16px; display:block; border-radius:26px;}
.btext .m a:hover{ background:#e81215; border-color:#e81215;}

.btext_1{ left:50%; top:26%;}
.btext_2{ left:11%; top:26%;}
.btext_3{ left:40px; right:40px; top:26%; text-align:center;}
.btext_3 .m a{ display:block; margin:0 auto;}
.btext_4{ left:11%; top:22%;}
.btext_4 .p{ color:#e5b581;}

.icon1{ position:absolute; left:0px; right:0px; bottom:0px;}
.iservice_1 ul{ margin-right:-20px;}
.iservice_1 li{ float:left; width:33.3333%;}
.iservice_1 .pd{ text-align:center; margin-right:20px; position:relative; display:block;}
.iservice_1 .img{ background:#fff; padding:25px;}
.iservice_1 .img .h3{ font-size:36px; line-height:50px; color:#888; margin-bottom:10px;}
.iservice_1 .img .p{ font-size:14px; color:#000000; line-height:32px;}
.iservice_1 .text{ background:#e60012; padding:25px; position:absolute; left:0px; top:0px; right:0px; bottom:0px; opacity:0;}
.iservice_1 .text .h3{ font-size:48px; line-height:50px; color:#fff; margin-bottom:10px;}
.iservice_1 .text .p{ font-size:14px; color:#fff; line-height:32px;}
.iservice_1 .pd:hover .text{ opacity:1;}

.tit1{ text-align:center; }
.tit1 strong{font-size:36px; line-height:1; margin-bottom:25px; font-weight:normal; display:block;}
.tit1 em{ font-size:18px; color:#888888;}
.tit1 span{ color:#323235;}
.icon2{ padding:80px 0 50px 0;}
.icon2 .wp{ width:auto;}

.icase_tab{ text-align:center; margin-bottom:40px; padding-top:30px;}
.icase_tab ul{ display:inline-block; vertical-align:bottom;}
.icase_tab li{ float:left; padding:0 5px;}
.icase_tab a{ display:block; padding:0 20px; font-size:18px; background:#323235; color:#fff; height:40px; line-height:40px;}
.icase_tab a:hover,.icase_tab li.curr a{ background:#e81215;}

.icase_con{}
.icase_con .single-item{}
.icase_con .slick-arrow{ display:none !important;}
.case_ul{}
.case_ul .li{ float:left; width:25%;}
.case_ul .pd{ display:block;}
.case_ul .img{ position:relative; overflow:hidden;}
.case_ul .tag{ position:absolute; left:0px; bottom:-40px; right:0px; height:40px; line-height:40px; background-color:rgba(0,0,0,0.65); box-sizing:border-box; padding:0 20px; color:#fff;}
.case_ul .tag span{ margin-right:10px;}
.case_ul .text{ text-align:center; line-height:56px; height:56px; overflow:hidden; background:#fff; font-size:18px; color:#000;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; padding:0 10px;}
.case_ul .pd:hover .tag{ bottom:0px;}
.case_ul .pd:hover .text{ color:#fff; background:#323235;}

.icase_m{ text-align:center; padding-top:40px;}
.icase_m .pd{ display:inline-block; vertical-align:bottom;}
.icase_m a{ display:block; background:#fff; float:left; width:auto; line-height:50px;}
.icase_m a i{ width:50px; height:50px; line-height:50px; display:block; text-align:center; font-size:20px;}
.icase_m a span{ height:50px; text-align:center; line-height:50px; color:#000; padding:0 36px;}
.icase_m a.a2{ margin:0 10px;}
.icase_m a:hover{ background:#e81215; color:#fff;}

.icon3{ background:#f2f2f2; padding-bottom:50px;}
.iservice_2 ul{ margin-right:-20px;}
.iservice_2 li{ margin-bottom:20px; width:100%; float:left;}
.iservice_2 .pd{ display:block; position:relative; overflow:hidden; background:#fff; color:#323235; margin-right:20px;}
.iservice_2 .img{ width:62%; float:right;}
.iservice_2 .text{ margin:0 62% 0 0; padding:100px 60px 0 60px; position:relative;}
.iservice_2 .h3{ font-size:36px; line-height:1; padding-bottom:30px; margin-bottom:20px; position:relative;}
.iservice_2 .h3:after{content:'\20'; position:absolute; width:14px; height:2px; background:#323235; left:0px; bottom:0px;}
.iservice_2 .em{ font-size:18px; margin-bottom:10px; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; height:30px; line-height:30px;}
.iservice_2 .p{ font-size:14px; line-height:24px; height:72px; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.iservice_2 .m{ padding-top:56px;}
.iservice_2 .m i{ width:130px; height:48px; display:block; text-align:center; line-height:48px; border:1px solid #323235; font-size:26px;}
.iservice_2 li.even{ width:50%;}
.iservice_2 li.even .img{ width:auto; float:none;}
.iservice_2 li.even .text{ margin:0px; padding:25px 60px;}
.iservice_2 li.even .h3{ border-bottom:1px solid rgba(219,219,219,0.5);}
.iservice_2 li.even .h3:after{ display:none;}
.iservice_2 li.even .m{ position:absolute; right:60px; top:25px; padding:0px;}
.iservice_2 li.even .m i{ border:none; text-align:right; width:auto; height:38px; line-height:38px;}
.iservice_2 li.odd{ margin-bottom:0px;}
.iservice_2 li.odd .img{ float:left;}
.iservice_2 li.odd .text{ margin:0 0 0 62%;}
.iservice_2 .pd:hover{ background:#323235; color:#fff;}
.iservice_2 .pd:hover .m i{ border-color:#fff;}
.iservice_2 .pd:hover .m i:hover{ background:#e10000; border-color:#e10000; color:#fff;}
.iservice_2 .pd:hover .h3:after{ background:#fff;}
.iservice_2 li.even .pd:hover .m i{ border-color:#fff; background:none;}

.iservice_2 .pd .m i:before{ display:block;}

.icon4{ background:#fff; padding:50px 0;}
.ibrand{ padding-top:40px;}
.ibrand ul{ border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
.ibrand li{ float:left; width:16.666666666666668%;}
.ibrand .pd{ border-left:1px solid #dbdbdb; border-top:1px solid #dbdbdb; display:block; position:relative;}
.ibrand .img img{ width:100%; height:auto; display:block; background-size:cover;}
.ibrand .text{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; text-align:center; line-height:158px; background:#e81215; color:#fff; font-size:18px; opacity:0;}
.ibrand .pd:hover{ box-sizing:border-box; background:#dbdbdb;}
.ibrand .pd:hover .text{ }

.icon5{ background:#f2f2f2; padding:50px 0;}
.tit2{ font-size:20px; overflow:hidden; line-height:1; margin-bottom:20px;}
.tit2 strong{ font-weight:normal; float:left;}
.tit2 a{ float:right; font-size:12px; width:56px; text-align:center; background:#fff; color:#323235; border-radius:10px; border:1px solid #fff; display:block; line-height:18px; height:18px; text-transform:uppercase;}
.tit2 a:hover{ background:#e10000; color:#fff; border-color:#e10000;}
.inews{ margin-bottom:40px;}


.inews_c{ margin-right:-20px;}

.inews_tab{ text-align:center; margin-bottom:30px; display:none;}
.inews_tab ul{ display:inline-block; vertical-align:bottom;}
.inews_tab li{ float:left;}
.inews_tab a{ padding:0 30px; line-height:40px; height:40px; background:#ccc; display:block; margin:0 1px;}
.inews_tab li.curr a{ background:#F00; color:#fff;}

.inews_con{ width:33.3333%; float:left; box-sizing:border-box; padding-right:20px;}
.inews_con .pd{ background:#fff; display:block;}
.inews_con .img{}
.inews_con .img img{ width:100%; height:auto; display:block;}
.inews_con .text{ padding:30px 45px 30px 130px; position:relative;}
.inews_con .h3{ font-size:18px; color:#000; height:30px; line-height:30px; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.inews_con .em{ position:absolute; left:0px; top:40px; width:130px; text-align:center;}
.inews_con .em strong{ font-size:14px; color:#888; display:block; line-height:1; margin-bottom:5px;}
.inews_con .em em{ font-size:36px; color:#000; display:block; line-height:1;}
.inews_con .p{ color:#888; font-size:14px; line-height:24px; height:48px; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.inews_con .pd:hover .h3{ color:#e81215;}
.inews_con .slick-dots{bottom:148px;}

.iabout{ text-align:center; font-size:14px; line-height:30px; margin-bottom:60px;}
.iabout .h3{ margin-bottom:20px; color:#888;}
.iabout .h3 span{ color:#e81215; font-size:18px;}
.iabout .h3 strong{ color:#000000; font-size:18px; font-weight:normal;}
.iabout .p{ color:#888;}
.iabout .p strong{ font-size:18px; font-weight:normal;}

.iservice_3{}
.iservice_3 .pd{ width:224px; display:block; margin:0 auto; color:#323235; padding-bottom:30px;}
.iservice_3 .img{ margin-bottom:20px;}
.iservice_3 .img i{ font-size:68px; line-height:1; text-align:center; display:block;}
.iservice_3 .text{}
.iservice_3 .h3{ font-size:20px; text-align:center; margin-bottom:5px;}
.iservice_3 .p{ font-size:14px; line-height:24px; height:120px; overflow:hidden; display:none;}
.iservice_3 .m{ text-align:center; width:118px; margin:0 auto;line-height:30px;height:30px; background:#e10000;}
.iservice_3 .m span{ height:30px; text-align:center; line-height:30px; background:#e10000; color:#fff; display:block; margin:0 auto;}

.footer{ background:#222222;}
.footer_nav{ color:#888888; text-align:center; padding:45px 0; font-size:14px; border-bottom:1px solid #393939;}
.footer_nav span{ margin:0 10px;}
.footer_nav a{ color:#888888; height:30px; line-height:30px;}
.footer_nav a:hover{ color:#e81215;}

.footer_con{ padding:50px 0 90px 0; color:#888888; font-size:14px; line-height:30px;}
.footer_con a{ color:#888888;}
.footer_con a:hover{ color:#e81215;}
.footer_con .li{ float:left; width:33.3333%; box-sizing:border-box; padding-right:50px;}
.footer_con .li1{}
.footer_con .li1 .tel{ color:#fff;}
.footer_con .li2{}
.footer_con .li3{}
.footer_con .li3 img{ margin-right:10px;}

.flink{ background:#f2f2f2; padding:15px 0; line-height:30px; text-align:center; color:#888888;}
.flink a{ margin:0 7px; color:#888;float: left;}
.flink a:hover{ color:#e81215;}

.banner_page{ padding-bottom:0px;}
.banner_page .slick-dots{ bottom:35px;}
.banner_page .pd{ margin-bottom:0px !important;}

.brand_text{ position:absolute; z-index:2; color:#fff;}
.brand_text .h3{ font-size:58px; line-height:1; margin-bottom:50px;}
.brand_text .p{ font-size:24px; font-weight:lighter; line-height:2;}
.brand_text .m{ padding-top:80px;}
.brand_text .m em{ width:58px; color:#fff; height:58px; border:1px solid #fff; text-align:center; line-height:58px; font-size:24px; display:block; border-radius:50%;}
.brand_text .m em:hover{ background:#e81215; border-color:#e81215;}
.brand_text_1{ left:14%; top:23%;}

.brand_service{ padding:20px 0 80px 0;}
.brand_service .pd{ display:block; text-align:center;}
.brand_service .img{ margin-bottom:30px; padding-top:30px;}
.brand_service .img i{ width:144px; height:144px; text-align:center; line-height:144px; text-align:center; margin:0 auto; display:block; background:#89050c; border-radius:50%; font-size:76px; color:#fff; background-size:100% 100%; background-position:center center;}
.brand_service .text{ display:inline-block; text-align:left;}
.brand_service .h3{ font-size:24px; color:#323235; margin-bottom:20px;}
.brand_service .p{ font-size:14px; line-height:30px; color:#323235;}
.brand_service .li1 .img i{ background-image:url(images/brand_service1.png);}
.brand_service .li2 .img i{ background-image:url(images/brand_service2.png);}
.brand_service .li3 .img i{ background-image:url(images/brand_service3.png);}
.brand_service .li4 .img i{ background-image:url(images/brand_service4.png);}
.brand_service .li5 .img i{ background-image:url(images/brand_service5.png);}
.brand_service .li6 .img i{ background-image:url(images/brand_service6.png);}
.brand_service .li7 .img i{ background-image:url(images/brand_service7.png);}
.brand_service .li8 .img i{ background-image:url(images/brand_service8.png);}
.brand_service .li9 .img i{ background-image:url(images/brand_service9.png);}
.brand_service .li10 .img i{ background-image:url(images/brand_service10.png);}
.brand_service .li11 .img i{ background-image:url(images/brand_service11.png);}
.brand_service .li12 .img i{ background-image:url(images/brand_service12.png);}

.case_list{}
.case_list ul{ margin-right:-10px;}
.case_list li{ width:33.3333%; float:left; margin-bottom:15px;}
.case_list .pd{ margin-right:10px; display:block; position:relative; overflow:hidden;}
.case_list .img{ position:relative; overflow:hidden;}
.case_list .img img{ width:100%; height:auto; display:block; }
.case_list .img .i{ position:absolute; left:0px; bottom:0px; right:0px; font-size:18px; height:70px; line-height:70px; overflow:hidden; color:#000; text-align:center; z-index:2; background:rgba(255,255,255,0.9); transform: translateY(100%); transition:all ease 0.3s; font-weight:bold;}
.case_list .text{ text-align:center; position:relative; height:90px; overflow:hidden;}
.case_list .h3{ font-size:18px; overflow:hidden; color:#000; position:relative; z-index:2; transition:all ease 0.3s; padding-top:20px;}
.case_list .p{ font-size:14px; color:#999; position:relative; z-index:3; transition:all ease 0.3s;}
.case_list .p span{ margin-right:5px;}
.case_list .b{ position:absolute; left:0px; top:0px; right:0px; height:0%; background:#323235; opacity:0; z-index:1;}
.case_list .pd:hover .img .i{ transform: translateY(0%);}
.case_list .pd:hover .text{}
.case_list .pd:hover .h3{ transform: translateY(-100%); height:22px; opacity:0; padding-top:0px;}
.case_list .pd:hover .p{ color:#fff;}
.case_list .pd:hover .b{ height:70px; opacity:1;}

.more{ padding:25px 0;}
.more a{ width:150px; height:48px; color:#000; line-height:48px; text-align:center; border:1px solid #dbdbdb; background:none; margin:0 auto; }
.more a span{ height:48px; line-height:48px;}
.more a:hover{ background:#e81215; border-color:#e81215; color:#fff;}
.bcon3{ padding:50px 0;}
.bcon4{ padding:50px 0;}

.tjnews_list{ padding-top:20px;}
.tjnews_list ul{ margin-right:-20px;}
.tjnews_list li{ width:33.3333%; float:left; margin-bottom:15px;}
.tjnews_list .pd{ background:#fff; padding:30px 45px 30px 130px; position:relative; display:block; margin-right:20px;}
.tjnews_list .h3{ font-size:18px; color:#000; height:31px; line-height:31px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.tjnews_list .em{ position:absolute; left:0px; top:40px; width:130px; text-align:center;}
.tjnews_list .em strong{ font-size:14px; color:#888; display:block; line-height:1; margin-bottom:5px;}
.tjnews_list .em em{ font-size:36px; color:#000; display:block; line-height:1;}
.tjnews_list .p{ color:#888888; font-size:14px; line-height:24px; height:48px; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.tjnews_list .pd:hover .h3{ color:#e81215;}

.banner_about{ position:relative;}
.banner_about .wp{ height:100%;}
.about_con1{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; color:#fff;}
.about_con1 .text{ text-align:center; position:relative;}
.about_con1 .text .em{ font-size:80px; line-height:1; margin-bottom:30px;}
.about_con1 .text .h3{ font-size:48px; line-height:1; margin-bottom:20px;}
.about_con1 .text .p{ font-size:16px; line-height:1;}

.number_lsit{ padding:80px 10% 0 10%;}
.number_lsit li{ width:33.3333%; text-align:center; float:left;}
.number_lsit .pd{ width:236px; border:1px solid #fff; height:236px; border-radius:50%; margin:0 auto;}
.number_lsit .h3{ font-size:80px; line-height:1; margin-bottom:10px; padding-top:50px;}
.number_lsit .em{ font-size:16px;}

.about{ padding:20px 0;}

.about_con2{ background:#ffffff; margin-bottom:20px; position:relative;}
.about_con2 .img{ background:#323235; float:left; width:38%; color:#fff; box-sizing:border-box; padding:80px; position:absolute; left:0px; top:0px; bottom:0px;}
.about_con2 .img .h3{ font-size:60px; line-height:1; margin-bottom:15px; letter-spacing:-4px;}
.about_con2 .img .p{ font-size:18px; line-height:2;}
.about_con2 .img .m{ overflow:hidden; padding-top:50px;}
.about_con2 .img .m a{ width:130px; height:48px; border:1px solid #fff; display:block; margin-right:20px; float:left; text-align:center; line-height:48px; color:#fff; font-size:14px;}
.about_con2 .img .m a i{ font-size:14px;}
.about_con2 .img .m a span{ margin-left:5px;}
.about_con2 .img .m a:hover{ background:#e81215; color:#fff; border-color:#e81215;}
.about_con2 .text{ margin-left:38%; padding:80px 125px;}
.about_con2 .text .h3{ font-size:30px; color:#e10000; line-height:1; padding-bottom:36px; position:relative; margin-bottom:20px;}
.about_con2 .text .h3:after{content:'\20'; position:absolute; width:10px; height:2px; background:#323235; left:0px; bottom:0px;}
.about_con2 .text .p{ font-size:14px; line-height:30px;}
.about_con2 .text .p strong{ font-size:18px; font-weight:normal;}
.about_con2 .text .m{ padding-top:70px;}
.about_con2 .text .m a{ width:130px; height:48px; border:1px solid #dbdbdb; display:block; margin-right:20px; text-align:center; line-height:48px; color:#323235; font-size:14px; background:#fff;}
.about_con2 .text .m a:hover{ background:#e81215; color:#fff; border-color:#e81215;}

.about_con3{ margin-bottom:100px;}
.about_con3 li{ overflow:hidden; background:#f8f8f8;}
.about_con3 .img{ width:50%; float:right;}
.about_con3 .img img{ width:100%; height:auto; display:block;}
.about_con3 .text{ margin:0 50% 0 0; overflow:hidden; height:422px;}
.about_con3 .text .li{ width:50%; float:left; text-align:center; background:#ffffff; height:100%;}
.about_con3 .text .li:nth-child(even){ background:#f8f8f8;}
.about_con3 .pd{ padding:115px 34px 0 34px;}
.about_con3 .h3{ font-size:60px; line-height:1; margin-bottom:15px;}
.about_con3 .em{ font-size:18px; line-height:1; text-transform:uppercase; padding-bottom:37px; margin-bottom:25px; border-bottom:1px solid #49494b;}
.about_con3 .p{ font-size:14px; line-height:24px;}
.about_con3 li:nth-child(even) .img{ float:left;}
.about_con3 li:nth-child(even) .text{ margin:0 0 0 50%;}

.about_con4{ margin-bottom:70px; position:relative;}

.about_con5{ background:url(images/about_con5.jpg) no-repeat top center; height:644px; background-size:cover; color:#fff;}
.about_con5 .wpd{ padding:88px 0 0 0;}
.standard{ padding-top:40px;}
.standard .single-item{ padding-bottom:60px;}
.standard .pd{ text-align:center; padding:110px 0; position:relative;}
.standard .i{ font-size:280px; position:absolute; left:0px; top:50%; margin-top:-140px; right:0px; line-height:1; text-align:center; color:rgba(255,255,255,0.1); letter-spacing:-0.05em;}
.standard .h3{ font-size:48px;}
.standard .p{ font-size:18px;}

.standard .slick-dots{ position:absolute; margin-left:-15px; left:50%; bottom:0px;}
.standard .slick-dots li{ float:left; margin:0 6px;}
.standard .slick-dots li button{ display:block; border:none; padding:0px; width:12px; height:12px; border-radius:50%; text-indent:-99px; overflow:hidden; background:rgba(255,255,255,1); box-sizing:border-box; border:none;}
.standard .slick-dots li.slick-active button{ background:rgba(255,255,255,0); box-shadow:0 0 0 1px rgba(255,255,255,1); }

.news{ padding:70px 0;}
.news_tab{ text-align:center; margin-bottom:70px;}
.news_tab ul{ display:inline-block; vertical-align:bottom;}
.news_tab li{ float:left;}
.news_tab a{ display:block; height:50px; line-height:50px; font-size:18px; margin-right:1px; padding:0 30px; background:#ffffff;}
.news_tab li.curr a{ background-color:#323235; color:#fff;}

.news_list ul{ margin-right:-20px;}
.news_list li{ width:33.3333%; float:left; margin-bottom:40px;}
.news_list .pd{ background:#fff; display:block; margin-right:20px;}
.news_list .img{}
.news_list .img img{ width:100%; height:auto; display:block;}
.news_list .text{ padding:30px 45px 30px 130px; position:relative; color:#888;}
.news_list .h3{ font-size:18px; color:#000; height:30px; line-height:30px; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.news_list .em{ position:absolute; left:0px; top:40px; width:130px; text-align:center;}
.news_list .em strong{ font-size:14px; display:block; line-height:1; margin-bottom:5px;}
.news_list .em em{ font-size:36px; color:#000; display:block; line-height:1;}
.news_list .p{ font-size:14px; line-height:24px; height:48px; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news_list .m{ padding-top:20px;}
.news_list .m i{ font-size:24px; line-height:1;}

.news_list .pd:hover .text{ background:#323235; color:#fff;}
.news_list .pd:hover .h3{ color:#fff;}
.news_list .pd:hover .em em{ color:#fff;}

.news_flip{ text-align:center; padding:30px 0;}
.news_flip .pd{ display:inline-block;}
.news_flip a{ float:left; width:50px; height:50px; margin:0 5px; font-size:18px; line-height:50px; text-align:center; background:#ffffff;}
.news_flip a.curr{ background:#323235; color:#fff;}
.news_flip a:hover{ background:#e10000; color:#fff;}

.banner_contact{ position:relative;}
.banner_contact .img{ position:relative; background:url(images/banner_contact.jpg) no-repeat top center; height:670px; overflow:hidden;}
.banner_contact .text{ position:absolute; left:0px; top:150px; right:0px; z-index:6;}
.banner_contact .text .pd{color:#323235; background:rgba(255,255,255,0.95); float:left; padding:50px 70px; border-radius:10px;}
.banner_contact .text .h3{ font-size:24px; margin-bottom:5px; line-height:1;}
.banner_contact .text .em{ font-size:12px; line-height:1; padding-bottom:40px; position:relative; margin-bottom:20px;}
.banner_contact .text .em:before{content:'\20'; position:absolute; left:0px; bottom:0px; width:14px; height:2px; background:#e81215;}
.banner_contact .text .p{ font-size:24px; line-height:1; margin-bottom:20px;}
.banner_contact .text .c{ font-size:48px; line-height:1; color:#e81215;}

.leida{ position:absolute; left:50%; top:296px; width:32px; height:32px; margin-left:149px;}
.leida .icon-dizhi{ font-size:18px; color:#e91f2f; text-align:center; width:32px; height:32px; line-height:32px; display:block; position:relative; z-index:7;}
.leida span{ position:absolute; left:50%; top:50%; border-radius:50%; display:block; background:rgba(233,31,47,0.5); box-sizing:border-box; opacity:0;}
.leida .span2{ width:80px; height:80px; margin:-40px 0 0 -40px; z-index:6;}
.leida .span3{ width:160px; height:160px; margin:-80px 0 0 -80px; z-index:5;}
.leida .span4{ width:320px; height:320px; margin:-160px 0 0 -160px; z-index:4;}
.leida .span5{ width:640px; height:640px; margin:-320px 0 0 -320px; z-index:3;}
.leida .span6{ width:1280px; height:1280px; margin:-640px 0 0 -640px; z-index:2;}
.leida .span7{ width:2560px; height:2560px; margin:-1280px 0 0 -1280px; z-index:1;}
.FpulseSlow {animation:FpulseSlow infinite alternate 2s ease-in-out;}
@keyframes FpulseSlow {
	0% {transform:scale(1);opacity:1;}
	100%{transform:scale(0.85);opacity:0.5;}
}
.FpulseSlow2 {animation:FpulseSlow2 infinite 3s linear ;opacity:0;}
@keyframes FpulseSlow2 {
	0% {transform:scale(0.25);opacity:0.4;}
	100%{transform:scale(1);opacity:0;}
}
.contact{ position:relative; z-index:7;}
.contact_con1{ background:#fff; padding:60px 70px; margin-bottom:20px;}
.contact_con1 ul{ margin-right:-70px;}
.contact_con1 li{ float:left; width:50%;}
.contact_con1 .pd{ margin-right:70px;}
.contact_con1 .h3{ font-size:30px; border-bottom:1px solid #ccc; text-transform:uppercase; height:60px; line-height:60px; margin-bottom:25px;}
.contact_con1 .p{ position:relative; font-size:18px; line-height:28px; padding:10px 0 10px 46px;}
.contact_con1 .p i{ width:32px; height:32px; line-height:32px; text-align:center; position:absolute; left:0px; top:9px; font-size:32px;}

.contact_con2{ background:#fff; padding:50px 70px;}
.tit3{ font-size:30px; line-height:40px; padding:15px 0; border-bottom:1px solid #ccc; margin-bottom:30px;}
.job{ overflow:hidden;}
.job ul{ margin-right:-60px;}
.job li{ float:left; width:50%; margin-bottom:30px;}
.job li.clearfix{ width:100%; margin:0px; float:none;}
.job .pd{ margin-right:60px;}
.job .h3{ margin-bottom:30px; font-size:24px; margin-bottom:15px;}
.job .p{ font-size:14px; line-height:30px;}
.job_p{ font-size:18px; padding-top:60px;}
.job_p a{ color:#e91f2f;}

.news_pg{ margin:0 90px;}
.news_fl{ width:1000px; float:left;}

.news_wp{ background:#fff; margin-bottom:60px;}
.crumbs{ margin:0 50px; color:#888; padding:20px 0; line-height:30px; border-bottom:1px solid #dbdbdb;}
.crumbs a{ color:#888;}
.crumbs a:hover{color:#e10000;}
.crumbs span{ color:#323235;}
.crumbs em{ margin:0 5px;}



.news_info{ margin:0 50px; padding:30px 0 50px 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.news_info_tit{ font-size:36px; line-height:1.3; margin-bottom:10px;}
.news_info_em{ color:#888; font-size:12px; margin-bottom:30px;}
.news_info_con{ font-size:14px; line-height:24px;}
.news_info_con img{ max-width:100%; height:auto;}

.news_page{ overflow:hidden; padding:25px 30px; background:#fff; border-top:1px solid #f2f2f2; position:relative;}
.news_page .li{ float:left; width:50%;}
.news_page .li a{ display:block; font-size:18px; height:30px; overflow:hidden; line-height:30px; padding:0 40px; position:relative;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; color:#323235;}
.news_page .li i{ position:absolute; width:30px; height:30px; font-size:24px; color:#323235; top:50%; margin-top:-15px; line-height:30px; text-align:center;}
.news_page .li1 a{ text-align:left;}
.news_page .li1 i{ left:0px;}
.news_page .li2 a{ text-align:right;}
.news_page .li2 i{ right:0px;}
.news_page .return{ position:absolute; left:50%; margin:-16px 0 0 -16px; width:32px; height:32px; top:50%;}
.news_page .return a{ width:32px; height:32px; line-height:32px; display:block; text-align:center; font-size:28px; color:#323235;}

.news_page .li a:hover{ color:#e10000;}
.news_page .li a:hover i{ color:#e10000;}
.news_page .return a:hover{ color:#e10000;}

.tj_service{}
.tit4{ line-height:1;}
.tit4 strong{ margin-right:10px; font-weight:normal;}
.tit4 em{ text-transform:uppercase; color:#888;}

.tit4_1{ font-size:24px; margin-bottom:30px;}
.tit4_2{ font-size:18px !important; margin-bottom:20px;}
.tit4_3{ font-size:32px; margin-bottom:35px;}
.tit4_4{ font-size:32px; margin-bottom:25px;}
.tit4_4 em{ color:#fff;}
.tit4_5{ font-size:28px; margin-bottom:35px;}
.tit4_5 em{ color:#323235;}

.tj_service_list{}
.tj_service_list .single-item{ margin-right:-20px;}
.tj_service_list .pd{ display:block; margin-right:20px; background:#fff;}
.tj_service_list .img{ overflow:hidden;}
.tj_service_list .img img{ width:100%; height:auto; display:block;}
.tj_service_list .text{ padding:25px 20px;}
.tj_service_list .h3{ font-size:22px; line-height:1; margin-bottom:10px; color:#25211e;}
.tj_service_list .p{ font-size:14px; color:#666; height:24px; overflow:hidden; line-height:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.news_fr{ width:300px; float:right;}

.tj_case{ background:#fff; margin-bottom:20px; padding:25px;}
.tj_case_list{}
.tj_case_list .slick-slide{ margin-bottom:10px; float:none;}
.tj_case_list .slick-slide:last-child{ margin-bottom:0px;}
.tj_case_list .pd{ display:block;}
.tj_case_list .img{ overflow:hidden;}
.tj_case_list .img img{ width:100%; height:auto; display:block;}
.tj_case_list .text{ padding:15px 0;}
.tj_case_list .h3{ font-size:14px; color:#25211e;}
.tj_case_list .p{ font-size:12px; color:#666;}

.tj_news{background:#fff; margin-bottom:20px; padding:25px;}
.tj_news_lsit{}
.tj_news_lsit li{ padding:15px 0; border-top:1px dashed #cdcdcd; position:relative; font-size:14px;}
.tj_news_lsit a{ height:20px; line-height:20px; display:block; overflow:hidden; padding-left:24px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.tj_news_lsit i{ position:absolute; left:0px; top:50%; height:30px; line-height:30px; margin-top:-15px;}

.tj_tag{background:#fff; margin-bottom:20px; padding:25px;}
.tj_tag_list{ overflow:hidden;}
.tj_tag_list .pd{ margin-right:-8px;}
.tj_tag_list a{ float:left; height:35px; line-height:35px; padding:0 8px; background:#f2f2f2; margin:0 8px 8px 0; font-size:14px;}
.tj_tag_list a:hover{ background:#323235; color:#fff;}

.banner_case{ position:relative;}
.banner_case .pd{ padding-left:55px;}
.banner_case .text{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; color:#fff; text-shadow:0 0 3px rgba(0,0,0,0.1); text-transform:uppercase;}
.banner_case .h3{ font-size:48px; line-height:1; margin-bottom:50px;}
.banner_case .p{ font-size:18px; line-height:1;}
.banner_case .p em{ margin:0 10px;}
.banner_case .m{ padding:90px 0 150px 0 ;}
.banner_case .m a{ width:178px; height:54px; background:#e10000; display:block; text-align:center; line-height:54px; border-radius:27px; font-size:18px; color:#fff;}

.case_pg{ padding-bottom:80px; }
.caseinfo_top{ position:relative; margin-bottom:20px;}
.caseinfo_top .img{ background:#fff; box-shadow:0 0 0 1px #e8e8e8; margin-right:32.5%; margin-top:-60px; position:relative; z-index:2;}
.caseinfo_top .img .pd{ padding:60px 55px;}
.caseinfo_top .text{ position:absolute; right:0px; width:38.5%; background:#fff; bottom:0px; z-index:1; padding-left:90px; box-sizing:border-box;}
.caseinfo_top .text .pd{ padding:60px;} 

.case_Project .p{ font-size:18px; line-height:36px; min-height:224px;}
.case_Project .seop{ min-height:350px;}
.case_Project .m{ padding-top:30px; overflow:hidden;}
.case_Project .m i{ width:58px; height:58px; box-sizing:border-box; line-height:56px; border-radius:50%; border:1px solid #dfdbda; position:absolute; left:0px; top:0px; text-align:center; font-size:24px;}
.case_Project .m a{ display:block; float:left; position:relative; padding-left:88px; font-size:18px; color:#c4bebc; height:58px; line-height:58px;}
.case_Project .m a:hover{ color:#c4bebc;}
.case_Project .m a:hover i{ border-color:#e10000; color:#e10000;}

.case_service{ margin-bottom:50px;}
.case_service li{ width:50%; float:left; font-size:14px; box-sizing:border-box; line-height:36px;}
.case_service li:before{ content:'>'; margin-right:10px;}

.case_idea{}
.case_idea .p{ font-size:14px; line-height:28px; min-height:144px;}

.caseinfo_con{ background:#fff; padding:50px 90px;}
.caseinfo_con img{ max-width:100%; height:auto;}

.network_con img{ max-width:100%; height:auto; margin-bottom:0px !important;}

.caseinfo_m{ padding:50px 0;}
.caseinfo_m a{ width:275px; height:60px; text-align:center; border-radius:30px; line-height:60px; font-size:24px; color:#fff; margin:0 auto; background:#e10000; display:block;}
.caseinfo_m a:hover{ background:#e10000;}

.case_tj{ padding:90px 0 0 0;}
.case_tj .single-item{ margin-right:-25px;}
.case_tj .pd{ display:block; margin-right:25px; background:#fff;}
.case_tj .img{ overflow:hidden;}
.case_tj .img img{ width:100%; height:auto;}
.case_tj .text{ padding:25px;}
.case_tj .h3{ font-size:22px; line-height:24px; margin-bottom:10px; color:#25211e; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.case_tj .p{ font-size:14px; color:#666; height:24px; line-height:24px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}

.slick .slick-arrow{font-size:22px; position:absolute; top:-55px; z-index:2; height:58px; line-height:58px; width:58px; text-align:center; padding:0px; border:none; color:#a7a7a7; background:rgba(0,0,0,0); border-radius:50%;}
.slick .slick-prev{ right:58px; left:auto;}
.slick .slick-prev:before{ content: "\e701"; }
.slick .slick-next{ right:0px;}
.slick .slick-next:before{ content: "\e704"; }
.slick .slick-arrow:hover{ color:#e10000;}

.quick_nav{ position:fixed; -webkit-transform: translateZ(0); right:0px; top:50%; color:#fff; text-align:center; width:100px; margin-top:-234px; box-shadow:0 0 5px rgba(0,0,0,0.1); z-index:12;}
.quick_nav1 a{ color:#fff;}
.quick_nav1 a:hover{text-decoration:underline}；
.quick_nav1{}
.quick_nav1 li{ background:#323235; margin-bottom:1px; padding:10px 0;transition:0.3s; border-radius:3px;}
.quick_nav1 li:hover{ background:#e10000; color:#fff;}
.quick_nav1 li:hover a{ color:#fff;}

.quick_nav1 .h3{ font-size:16px; line-height:1; position:relative; margin-bottom:7px;}
.quick_nav1 .h3:before{ content:'\20'; width:10px; height:2px; background:#e10000; position:absolute; left:15px; top:50%; margin-top:-1px;}
.quick_nav1 .p{ font-size:12px; line-height:18px; text-align:left; padding:0 0 0 10px; overflow:hidden;}
.quick_nav1 .p span,.quick_nav1 .p a{ margin-right:8px; float:left; color:#acacac;}
.quick_nav1 .p a:hover{ text-decoration:underline; color:#fff;}
.quick_nav1 li:nth-child(3) .p{ padding:0px;}
.quick_nav1 li:nth-child(3) .p span,.quick_nav1 li:nth-child(3) .p a{ width:50%; margin-right:0px; text-align:center;}

.quick_nav2{}
.quick_nav2 li{ background:#fff; border-radius:3px; margin-bottom:1px; position:relative;transition:0.3s; padding:12px 0;}

.quick_nav2 .pd{ color:#666; display:block;}
.quick_nav2 .pd i{ display:block; height:28px; line-height:28px; font-size:28px;}
.quick_nav2 .pd strong{ font-weight:normal;}
.quick_nav2 .pd:hover{ color:#e81215;}
.quick_nav2 .box{ position:absolute; right:100px; top:0px; width:392px; text-align:left; color:#888888; font-size:14px; display:none;}
.quick_close{ display:none;}
.quick_nav2 .npd{ background:#fff; margin-right:22px; padding:20px; border:1px solid #e8e8e8; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:3px; overflow:hidden;}
.quick_nav2 .npd:before{ content:'\20'; background:url(images/sj.png) no-repeat; width:18px; height:29px; display:block; position:absolute; right:16px; top:15px;}
.quick_nav2 li:hover{background:#e81215; color:#fff;}
.quick_nav2 li:hover .pd{color:#fff;}
.quick_nav2 li:hover .box{ display:block;}



.quick_kf .h3{ font-size:24px; color:#e81215; line-height:30px; padding:0 0 20px 38px; border-bottom:1px solid #ececec; position:relative;}
.quick_kf .h3 i{ font-size:30px; position:absolute; left:0px; top:0px; height:30px; line-height:30px; color:#888888;}
.quick_kf .p{ padding:15px 0; margin-bottom:5px;}
.quick_kf .m{ overflow:hidden;}
.quick_kf .m a{ width:33.3333%; float:left; display:block; color:#555555; text-align:center; padding:15px 0 12px 0; background:#f9f9f9;}
.quick_kf .m i{ display:block; font-size:28px; color:#e81215; position:relative; display:block; height:34px; line-height:34px; width:34px; margin:0 auto;}
.quick_kf .m i:after{ content:'\20'; width:14px; height:14px; background:url(images/xiaoxi.gif) no-repeat; background-size:cover; position:absolute; right:-8px; top:-5px;}
.quick_kf .m span{ display:block;}
.quick_kf .m a:hover{ background:#f1f1f1;}

.quick_fw .i{width:66px;border-right:1px solid #ececec;height:90px;line-height:90px;float:left;margin-right: 18px;}
.quick_fw .i i{ font-size:28px; position:relative; width:44px; text-align:center; display:block;}
.quick_fw .i i:after{ content:'\20'; width:14px; height:14px; background:url(images/xiaoxi.gif) no-repeat; background-size:cover; position:absolute; right:-5px; top:14px;}
.quick_fw .h3{ font-size:18px; line-height:1; padding:15px 0;}
.quick_fw .p{ font-size:36px; line-height:1; color:#e81215;}
.quick_fw .p a{ color:#e81215;}

.quick_wx{}
.quick_wx .box{ width:186px; bottom:0px; top:auto;}
.quick_wx .npd:before{ top:auto; bottom:20px;}
.quick_wx img{ width:100%; height:auto; display:block;}
.quick_wx span{ display:block; padding-top:15px; text-align:center;}

.quick_top{ display:none;}
.body_top .quick_top{ display:block;}

.bcon5{ background:#fff; padding:50px 0; text-align:center;}
.app_top{ margin-bottom:60px;}
.app_top .h3{ font-size:36px; color:#3e3a39; margin-bottom:10px;}
.app_top .em{ font-size:18px; color:#e10000; margin-bottom:10px;}
.app_top .p{ font-size:18px; color:#888;}

.app_list{}
.app_list ul{}
.app_list li{ float:left; width:12.5%; background:url(images/app_list_line.png) repeat-x center center;}
.app_list .pd{ position:relative; padding:66px 0; display:block;}
.app_list .img{ background:#fff; width:110px; height:110px; border:5px solid #d1d1d1; border-radius:50%; margin:0 auto; color:#888; position:relative;}
.app_list .img:after{ content:'\20'; width:1px; height:26px; position:absolute; background:#d3d3d3; left:50%; top:-26px;}
.app_list .img span{ font-size:30px; line-height:1; display:block; margin-bottom:7px;}
.app_list .img em{ font-size:18px; line-height:1; display:block;}
.app_list .text{ position:absolute; width:200px; left:50%; top:0px; margin-left:-100px;}
.app_list .text img{ width:100%; height:auto; display:block;}
.app_list li:nth-child(even) .text{ bottom:0px; top:inherit;}
.app_list li:nth-child(even) .img:after{ top:inherit; bottom:-26px;}

/*详细页*/
.case_nav{ position:fixed; left:0px; top:0px; right:0px; background:#f3f0ef; text-align:center; z-index:10; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.case_nav ul{ display:inline-block; vertical-align:bottom; text-align:left;}
.case_nav li{ float:left; margin:0 5px;}
.case_nav a{ padding:0 40px; height:60px; font-size:18px; line-height:60px; position:relative; display:block;}
.case_nav a:after{ content:'\20'; height:3px; left:0px; right:0px; bottom:0px; background:#e10000; position:absolute; display:none;}
.case_nav a.active{ color:#e10000;}
.case_nav a.active:after{ display:block;}

.fixed-nav.fixed-nav-appear .case_nav{ top:60px;}

.case_con{ margin-bottom:30px; padding:0 60px;}

.tit5{ font-size:36px; text-align:center; padding:30px 0;}
.tit5 span{ color:#e10000;}

.table{}
.table table{ width:100%; border-collapse:collapse; border:1px solid #dbdbdb; text-align:center; font-size:14px;}
.table th{ background:#e10000; border:1px solid #dbdbdb; padding:10px; color:#fff; font-size:16px;}
.table td{ border:1px solid #dbdbdb; padding:10px;word-break:break-all;}
.table img{ width:100%; max-width:115px; height:auto; display:inline;}
.table tr:nth-child(odd) td{ background:#f3f0ef;}
.table .p{ font-size:18px;}

.mgb40{ margin-bottom:40px;}

.text1{ font-size:18px; color:#323235; padding:0 100px; text-align:center; margin-bottom:40px;}

.list1{ margin-bottom:40px;}
.list1 .single-item{}
.list1 .slick-slide{ background:#ffffff; padding-top:40px;}
.list1 .pd{ border:1px solid #dbdbdb; border-right:0px; padding:60px 40px 35px 40px; text-align:center; position:relative;}
.list1 .slick-slide:last-child .pd{ border-right:1px solid #dbdbdb;}
.list1 i,.list1 em{ position:absolute; left:50%; top:-40px; width:80px; height:80px; border-radius:50%; text-align:center; line-height:80px; margin-left:-40px; background:#e81215; color:#fff; font-size:40px;}

.list1 .h3{ font-size:24px; color:#e10000;}
.list1 .p{ font-size:14px; line-height:24px; min-height:144px;}

.img_auto{}
.img_auto img{ max-width:100%; height:auto; margin-bottom:40px;}
.img_auto img:last-child{ margin-bottom:0px;}

.imgtext1{ background:#f3f0ef; padding:20px; overflow:hidden; margin-bottom:40px;}
.imgtext1 .img{ float:left; width:464px;}
.imgtext1 .img .single-item{ padding-bottom:50px;}
.imgtext1 .img .slick-dots{ position:absolute; left:50%; bottom:20px; margin-left:-30px;}
.imgtext1 .img .slick-dots li{ float:left; margin:0 3px;}
.imgtext1 .img .slick-dots li button{ display:block; border:none; padding:0px; width:12px; height:12px; text-indent:-99px; border-radius:50%; overflow:hidden; background:#888;  box-sizing:border-box; border:1px solid #fff;}
.imgtext1 .img .slick-dots li.slick-active button{ background:#e10000;}

.imgtext1 .text{ margin-left:464px; padding:130px 130px 0 130px;}
.imgtext1 .h3{ font-size:36px; line-height:1; padding-bottom:30px; border-bottom:1px solid #ccc; margin-bottom:50px;}
.imgtext1 .p{ font-size:14px; line-height:22px;}
.imgtext1 .p strong{ font-size:24px; color:#e10000; font-weight:normal;}

.img_list1{ border:1px solid #dbdbdb;}
.img_list1 img{ border-bottom:1px solid #dbdbdb; max-width:100%; height:auto;}
.img_list1 img:last-child{ border-bottom:none;}

.img_list2{ padding:20px 10px; background:#f3f0ef; overflow:hidden;}
.img_list2 img{ width:50%; float:left; padding:0 10px; box-sizing:border-box;}

.ys_huangse{ color:#fff000;}
.ys_hongse{ color:#e81215;}

.smm_tab{}
.smm_tabnav{ margin-bottom:40px; text-align:center;}
.smm_tabnav ul{ display:inline-block; vertical-align:bottom;}
.smm_tabnav li{ float:left; margin:0 10px;}
.smm_tabnav li a{ padding:0 34px; height:46px; line-height:46px; border-radius:23px; background:#f3f0ef; color:#888; font-size:18px; display:block;}
.smm_tabnav li.curr a{ background:#e10000; color:#fff;}
.smm_tabcon{}
.smm_tabcon li{ display:none;}
.smm_tabcon li:first-child{ display:block;}

.tit6{ padding:30px 0 10px 0; line-height:30px; text-align:center; background:#f3f0ef; font-size:18px;}
.tit6 strong{ color:#e10000; font-weight:normal; margin-left:18px;}
.tit6 span{ margin-right:18px;}



.table_4 .w4{ width:280px;}

.table_1 .w2{ width:330px;}
.table_1 .w3{ width:445px;}

.table_8 .w3{ width:200px;}
.table_8 .w4{ width:115px;}

.table_11 .w1{ width:140px;}
.table_11 .w5{ width:152px;}

.table_min_8 th,
.table_min_11 th{ width:86px;}

.table_list .single-item{ padding-bottom:30px;}
.table_list .slick-arrow{ width:60px; height:32px; line-height:32px; bottom:-10px; top:auto; background:#e10000; color:#fff;}
.table_list .slick-prev{ left:0px;}
.table_list .slick-next{ right:0px;}


.nb-icon-wrap{ display:none !important;}
#to_case{ position:absolute; top:0px;}

.show_sq{}


.xg_news{ background:#fff; padding:30px; margin-bottom:50px;}
.xg_news .tit4_1{ margin-bottom:10px;}
.xg_news_list{}
.xg_news_list ul{ margin-right:-30px;}
.xg_news_list li{ float:left; width:33.3333%;}
.xg_news_list .pd{ display:block; overflow:hidden; border-bottom:1px dashed #ccc; margin-right:30px; font-size:16px; height:40px; line-height:40px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}


#container{ height:400px; width:100%;}
.highcharts-exporting-group,.highcharts-credits,.highcharts-legend-item,.highcharts-legend-box{ display:none !important;}

.zcrumbs{ padding:0px; padding:5px 0; background:#fff; border:none; margin:0 0 50px 0;}
.zcrumbs em{ margin:0 5px;}
.zcrumbs a{ color:#999;}
.zcrumbs a:hover{ color:#e10000;}
.zcrumbs span{ color:#000;}
.ncrumbs{ background:none; color:#fff; text-shadow:0 0 1px rgba(0,0,0,1); padding:0px; margin:0px;}
.ncrumbs .pd{ position:absolute; left:0px; top:-105px;}
.ncrumbs a{ color:#fff;}
.ncrumbs a:hover{ text-shadow:0 0 1px rgba(255,255,255,1);}
.ncrumbs span{ color:#fff; }




.kol_top{ background:#fff; margin:-60px 80px 90px 80px; box-shadow:0 0 50px rgba(0,0,0,0.2); padding:60px 70px 70px 70px;}
.kol_top .con{ font-size:18px; line-height:2;}
.kol_top .con p{ margin-bottom:1em;}

.tit7{ text-align:center; line-height:1; font-size:36px; margin-bottom:40px;}
.tit7 strong{ color:#e81215; font-weight:normal; margin:0 12px;}
.tit7 em{ color:#888; text-transform:uppercase; margin:0 12px;}



.kol_tabnav{ margin-bottom:90px; text-align:center;}
.kol_tabnav ul{ display:inline-block; vertical-align:bottom;}
.kol_tabnav li{ float:left; margin:0 10px;}
.kol_tabnav li a{ padding:0 34px; height:46px; line-height:46px; border-radius:23px; background:#fff; color:#323235; font-size:18px; display:block;}
.kol_tabnav li.curr a{ background:#e81215; color:#fff;}
.kol_tabcon{ margin:0 80px;}
.kol_tabcon li{ display:none;}
.kol_tabcon li:first-child{ display:block;}
.kol_tabcon .dl{ margin-bottom:80px;}
.kol_tabcon .dl:last-child{ margin-bottom:0px;}

.kol_img{ box-shadow:0 0 50px rgba(0,0,0,0.2);}
.kol_img img{width:100%; height:auto; display:block;}

.business{}
.business ul{ margin-right:-20px;}
.business li{ width:50%; float:left; margin-bottom:20px;}
.business .pd{ display:block; position:relative; color:#fff; margin-right:20px;}
.business .img{}
.business .img img{ width:100%; height:auto;}
.business .text{ position:absolute; left:50px; top:50px; width:380px;}
.business .h3{ font-size:36px; line-height:1; margin-bottom:30px;}
.business .p{ font-size:16px; line-height:28px;}
.business .m{ padding-top:35px;}
.business .m i{ font-size:26px; line-height:1;}


/*图片弹出*/
.imgscale-pack{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,1);display:none;z-index:999999;}
.imgscale-pack .imgscale-close{font-family:"iconfont" !important;font-size:16px;  font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
position:absolute;right:0px;top:0px;z-index:10;cursor:pointer;
}
.imgscale-pack .imgscale-close:before{height:40px;width:40px; display:block; content: "\e80c"; color:#fff; text-align:center; line-height:40px;}
.imgscale-pack .imgscale-img{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;}
.imgscale-pack .imgscale-img img{width:100%;position:absolute;top:50%;}
#mes{ display:none;}


.case_Project .p,
.case_idea .p{ min-height:inherit;}


.header:after{content:'\20'; position:absolute; top:100%; left:0px; right:0px; height:190px; background:rgba(0,0,0,1); display:none; border-top:1px solid rgba(255,255,255,0.5); box-sizing:border-box;}
.header_after:after{ display:block;}
.menu ul{ position:relative;}
.menu li{ position:static;}
.menu .box{ z-index:2; background:none; padding:25px 0;}
.menu .box a{ width:23%; float:left; background:#3d3d3d; margin:0 1% 15px 1%; height:60px; line-height:60px; position:relative;}
.menu .box a:after{ content:'>>';}
.menu .box a:before{ content:''; position:absolute; right:0px; top:0px; width:34px; height:28px; background:url(images/nav.png) no-repeat; display:none;}
.menu li:nth-child(4) .box a:nth-child(1):before,
.menu li:nth-child(4) .box a:nth-child(3):before,
.menu li:nth-child(4) .box a:nth-child(4):before,
.menu li:nth-child(4) .box a:nth-child(5):before{ display:block;}

.bcon1_2{ background:#fff; padding:50px 0;}
.tit9{ width:80%; margin:0 auto 50px auto; line-height:2; text-align:center; font-size:18px;}
.tit9 strong{ font-size:38px;}
.bcon6{ padding-bottom:50px;}

.baike_list .single-item{ margin-right:-8px; padding-bottom:30px;}
.baike_list .pd{ display:block; margin-right:8px;}



.icase_nav{ height:60px; overflow:hidden;}
.icase_nav .pd{ z-index:8; transition:all linear 0.3s;}
.icase_nav ul{}
.icase_nav li{ float:left;}
.icase_nav a{ display:block; color:#666; height:60px; line-height:60px; margin:0 30px 0 0; position:relative; font-size:16px;}
.icase_nav a span{ position:relative; z-index:3;}
.icase_nav a:before{ content:''; position:absolute; left:-10px; bottom:0px; right:-10px; height:0px; background:#e81215; z-index:2; transition:all 0.3s ease;}
.icase_nav a.active{ color:#e81215;}
.icase_nav a:hover:before{ height:60px;}
.icase_nav a:hover{ color:#fff;}

.case_list{}
.case_list .ul{ margin-bottom:30px;}
.case_list .h1{ font-size:24px; line-height:1; color:#000; padding-bottom:0.5em; position:relative; margin-bottom:30px;}
.case_list .h1:before{ content:''; width:2em; position:absolute; left:0px; bottom:0px; height:2px; background:#000;}

.icase_nav_fixed{}
.icase_nav_fixed .pd{ position:fixed; left:0px; top:0px; right:0px; background:#000; color:#fff;}
.icase_nav_fixed a{ color:#fff;}


.fixed-nav-appear.nofixed .header{top:-60px;}

.caseTab{ background:#fff; line-height:80px; margin-bottom:30px;}
.caseTabFl{ float:left;}
.caseTabFl li{ float:left; margin-right:80px;}
.caseTabFl a{ display:block; font-size:20px; position:relative;}
.caseTabFl a:before{ content:''; position:absolute; left:0px; bottom:0px; right:0px; height:4px; background:#e81215; display:none; z-index:2; border-radius:2px;}
.caseTabFl li.curr a{ color:#e81215;}
.caseTabFl li.curr a:before{ display:block;}
.caseTabFr{ float:right;}
.caseTabFr em{ margin:0 5px;}
.caseTabFr span{ color:#999;}



.bcon2{ padding-top:30px;}

@media screen and (max-width:1680px){
.caseinfo_top .text .pd{ padding:55px;}

.ncrumbs .pd{ top:-100px;}
}
@media screen and (max-width:1650px){
.wp{ width:1200px;}
.about_con2 .img{ padding:40px;}
.about_con2 .img .h3{ font-size:48px;}
.about_con2 .text{ padding:40px;}
.about_con2 .text .m{ padding-top:40px;}

.about_con3 .text{ height:338px;}
.about_con3 .h3{ font-size:32px;}
.about_con3 .em{ padding-bottom:20px; margin-bottom:20px;}
.about_con3 .pd{ padding:65px 30px 0 30px;}

.contact_con1{ padding:40px 50px;}
.contact_con1 .h3{ font-size:24px; height:56px; line-height:56px;}
.contact_con1 .p{ font-size:16px;}
.contact_con1 .pd{ margin-right:50px;}

.tit3{ padding:8px 0; font-size:26px;}

.contact_con2{ padding:40px 50px;}
.job ul{ margin-right:-50px;}
.job .pd{ margin-right:50px;}
.job_p{ font-size:16px;}
.tit3{ font-size:24px;}

.news_pg{ margin:0px;}
.news_fl{ width:880px;}

.news_page .li a{ font-size:16px;}
.news_info_tit{ font-size:24px;}

.menu .h3 a{ padding:0 10px; margin:0 10px;}

.app_top .p{ font-size:14px;}

.caseinfo_top .img{ margin-right:40%; margin-top:-40px;}
.caseinfo_top .img .pd{ padding:40px;}
.caseinfo_top .text{ width:44%; padding-left:48px;}
.caseinfo_top .text .pd{ padding:40px;}
.case_service{ margin-bottom:40px;}
.case_service li{ line-height:30px;}
.case_idea .p{ line-height:24px;}

.case_con{ padding:0px;}
.caseinfo_con{ padding:40px 60px;}

.imgtext1 .text{ padding:100px 40px 0 60px;}

.brand_text .h3{ font-size:48px; margin-bottom:40px;}
.brand_text .p{ font-size:20px;}
.brand_text .m{ padding-top:60px;}

.about_con1 .text .em{ font-size:60px;}
.about_con1 .text .h3{ font-size:36px;}
.number_lsit{ padding:60px 10% 0 10%;}
.number_lsit .h3{ font-size:60px;}
.number_lsit .em{ font-size:15px;}
.number_lsit .pd{ width:220px; height:220px;}

.contact_con1 ul{ margin-right:-50px;}
.contact_con1 .pd{ margin-right:50px;}

.caseinfo_top .text{ }

.tit4{ font-size:28px;}
.case_Project .p{ font-size:16px; line-height:28px;}

.case_tj .single-item{ margin-right:-15px;}
.case_tj .pd{ margin-right:15px;}
.case_tj .h3{ font-size:18px; line-height:20px; height:20px;}
.slick .slick-arrow{ top:-34px; width:40px; height:40px; line-height:40px;}
.slick .slick-prev{ right:48px;}


.banner_case .h3{ font-size:36px; margin-bottom:40px;}
.banner_case .p{ font-size:16px;}
.banner_case .m{ padding:60px 0 100px 0;}
.banner_case .m a{ width:140px; height:48px; line-height:48px; font-size:16px;}


.case_Project .seop{ min-height:305px;}

.ncrumbs .pd{ top:-70px;}

.business .text{ width:330px; left:35px; top:35px;}
.business .h3{ font-size:28px; margin-bottom:20px;}
.business .p{ font-size:14px;}
.business .m{ padding-top:25px;}
}
@media screen and (max-width:1440px){
.btext .h3{ font-size:48px; margin-bottom:20px;}
.btext .p{ font-size:24px;}
.btext .m{ padding-top:40px;}
.btext .m a{ width:190px; height:44px; line-height:44px;}
.iservice_1 .img .h3{ font-size:28px; line-height:40px;}
.iservice_1 .text .h3{ font-size:36px; line-height:40px;}

.case_ul .text{ font-size:16px; height:50px; line-height:50px;}

.tit1 strong{ font-size:28px; margin-bottom:20px;}
.icase_tab{ margin-bottom:30px;}
.icase_tab a{ font-size:16px;}

.iservice_2 .img{ width:58%;}
.iservice_2 .text{ padding:60px 40px 0 40px; margin:0 58% 0 0;}
.iservice_2 li.even .text{ padding:25px 40px;}
.iservice_2 li.even .m{ right:40px;}
.iservice_2 li.odd .text{ margin:0 0 0 58%;}

.brand_text .h3{ font-size:44px; margin-bottom:30px;}
.brand_text .p{ font-size:18px; line-height:inherit;}
.brand_text .m{ padding-top:50px;}
.brand_text .m em{ width:50px; height:50px; line-height:50px; font-size:22px;}

.app_top .h3{ font-size:28px;}

.app_list .img{ width:90px; height:90px; border-width:3px;}
.app_list .img span{ font-size:24px;}
.app_list .img em{ font-size:16px;}
.app_list .text{ width:160px; margin-left:-80px;}


.banner_contact .img{ height:580px;}
.banner_contact .text .pd{ padding:40px 50px;}
.banner_contact .text .em{ padding-bottom:30px;}
.banner_contact .text .p{ margin-bottom:15px;}
.banner_contact .text .c{ font-size:40px;}

.banner_case .h3{ font-size:28px; margin-bottom:30px;}
.banner_case .p{ font-size:14px;}
.banner_case .m{ padding:40px 0 80px 0;}
.banner_case .m a{ width:140px; height:40px; line-height:40px; font-size:16px;}

.tit5{ font-size:28px; padding:20px 0;}
.table .p{ font-size:16px;}


.table_1 .w2{ width:260px;}
.table_1 .w3{ width:290px;}

.text1{ font-size:16px;}

.list1 .pd{ padding:60px 20px 20px 20px;}
.list1 .h3{ font-size:18px;}
.list1 .p{ min-height:144px;}

.imgtext1 .h3{ font-size:28px; padding-bottom:20px; margin-bottom:40px;}

.ibanner .slick-prev{ left:80px;}

.kol_top{ padding:40px; margin:-40px 0 70px 0;}
.kol_top .con{ font-size:16px; line-height:1.8;}
.kol_tabnav{ margin-bottom:50px;}
.tit7{ font-size:28px; margin-bottom:30px;}
.kol_tabcon{ margin:0px;}
.kol_tabcon .dl{ margin-bottom:50px;}

.tit7 strong,
.tit7 em{ margin:0 5px;}

}
@media screen and (max-width:1366px){
.quick_nav{ width:92px; top:110px; margin:0px;}
.quick_nav1 .h3{ margin-bottom:3px; font-size:14px;}
.quick_nav2 li{ padding:10px 0;}
.quick_nav2 .pd i{ height:24px; line-height:24px; font-size:24px;}
.quick_nav2 .box{ right:92px;}

.inews_c{ margin-right:-15px;}
.inews_con .em{ width:100px; top:30px;}
.inews_con .text{ padding:25px 25px 25px 100px;}
.inews_con .slick-dots{ bottom:142px;}
.inews_con{ padding-right:15px;}

.footer_nav{ padding:25px 0;}
.flink{ font-size:12px;}
.footer_con{ padding:40px 0;}

.about_con5{ height:auto; padding:80px 0;}
.about_con5 .wpd{ padding-top:0px;}
.standard{ padding-top:0px;}
.standard .pd{ padding:50px 0;}
.standard .i{ font-size:200px; margin-top:-100px;}

.case_Project .p{ font-size:14px;}
.case_Project .m i{ width:44px; height:44px; line-height:44px; font-size:18px;}
.case_Project .m a{ height:44px; line-height:44px; padding-left:64px;}

.tit4{ margin-bottom:25px; font-size:24px;}
.case_service{ margin-bottom:20px;}

.caseinfo_con{ padding:40px;}
.network_con img{ margin-bottom:30px;}

.caseinfo_m a{ width:220px; height:50px; line-height:50px; font-size:18px;}

.case_nav a{ font-size:16px; padding:0 20px; height:50px; line-height:50px;}

.text1{ font-size:14px; padding:0 60px;}

.imgtext1 .text{ padding:60px 30px 30px 30px;}
.imgtext1 .h3{ font-size:24px; padding-bottom:15px; margin-bottom:30px;}
.imgtext1 .p{ line-height:1.5;}
.imgtext1 .p strong{ font-size:18px;}

.case_Project .seop{ min-height:290px;}

.quick_nav1 .h3:before{ left:12px;}

.menu .h3 a{ height:64px; line-height:64px;}
.header .wp{ height:64px;}
.logo{ width:126px; margin-top:-16px;}

.iservice_1 .img,
.iservice_1 .text{ padding:15px;}

.kol_top .con{ font-size:14px;}
.tit7{ font-size:24px;}

.menu .box{ top:64px;}
.fixed-nav .box{ top:60px;}


.caseTab{ line-height:60px;}
.caseTabFl li{ margin-right:60px;}
.caseTabFl a{ font-size:18px;}

.icase_nav a{ font-size:14px; margin-right:20px;}

.tit9{ font-size:14px; line-height:24px; margin-bottom:30px; width:60%;}
.tit9 strong{ font-size:24px;}
}
@media screen and (max-width:1279px){
.wp{width:1000px;}
.header .wp{ margin:0 30px; height:80px; min-width:1000px;}
.menu{ margin:0 215px 0 158px;}
.menu .h3 a{ height:80px; line-height:80px; margin:0 5px;}
.logo{ width:auto; margin-top:-20px;}
.logo img{ height:40px; width:auto;}

.fixed-nav .logo{ width:auto; margin-top:-15px;}
.fixed-nav .logo img{ height:30px;}
.fixed-nav .menu{ margin:0 210px 0 120px;}

.iservice_1 .text{ padding:15px;}
.iservice_1 .img{ padding:15px;}
.iservice_1 ul{ margin-right:-10px;}
.iservice_1 .pd{ margin-right:10px;}

.footer_nav{ padding:20px 0;}
.footer_con{ line-height:1.6;}

.icon2{ padding:50px 0;}
.tit1 strong{ font-size:24px; margin-bottom:15px;}
.tit1 em{ font-size:16px;}
.icase_tab{ margin-bottom:20px;}
.icase_tab a{ height:34px; line-height:34px;}
.case_ul .text{ height:40px; line-height:40px; font-size:14px;}
.icase_m{ padding-top:30px;}
.icase_m a{ line-height:40px;}
.icase_m a span{ height:40px; line-height:40px;}
.icase_m a i{ width:40px; height:40px; line-height:40px; font-size:18px;}

.iservice_2 .text{ padding:30px;}
.iservice_2 .h3{ font-size:24px; padding-bottom:17px; margin-bottom:15px;}
.iservice_2 .em{ font-size:16px; height:24px; line-height:24px;}
.iservice_2 .m{ padding-top:30px;}
.iservice_2 .m i{ width:100px; height:40px; line-height:40px;}
.iservice_2 li.even .text{ padding:25px 30px;}
.iservice_2 li.even .m i{ height:25px; line-height:25px;}
.iservice_2 li.even .m{ right:30px;}

.tit2{ font-size:18px; margin-bottom:10px;}
.inews{ margin-bottom:40px;}

.iabout{ line-height:24px; margin-bottom:40px;}
.iabout .h3 span{ font-size:16px;}
.iabout .h3 strong{ font-size:16px;}
.iabout .p strong{ font-size:16px;}

.iservice_3 .img i{ font-size:48px;}
.iservice_3 .h3{ font-size:18px;}
.iservice_3 .pd{ width:210px;}

.brand_text .h3{ font-size:36px; margin-bottom:20px;}
.brand_text .p{ font-size:16px;}
.brand_text .m{ display:none;}

.more a{ width:120px;}
.more a,
.more a span{ height:40px; line-height:40px;}

.tjnews_list ul{ margin-right:-15px;}
.tjnews_list .pd{ padding:25px 25px 25px 100px; margin-right:15px;}
.tjnews_list .em{ width:100px; top:30px;}

.app_top .h3{ font-size:24px;}

.app_list .img{ width:80px; height:80px; border-width:2px;}
.app_list .img span{ font-size:20px;}
.app_list .img em{ font-size:14px;}
.app_list .text{ width:140px; margin-left:-70px;}

.about_con1 .text .em{ font-size:48px; margin-bottom:10px;}
.about_con1 .text .h3{ font-size:24px; margin-bottom:10px;}
.about_con1 .text .p{ font-size:14px;}

.number_lsit .pd{ border:none; width:auto; height:auto;}
.number_lsit .h3{ padding-top:0px;}

.about_con2{ position:relative;}
.about_con2 .img{ position:absolute; left:0px; top:0px; bottom:0px;}
.about_con2 .img .m a{ width:120px; height:40px; line-height:40px; margin-right:10px;}
.about_con2 .img .h3{ font-size:32px; letter-spacing:normal;}
.about_con2 .img .p{ font-size:14px;}
.about_con2 .text .m a{ height:40px; line-height:40px;}

.about_con3{ margin-bottom:60px;}
.about_con3 .text{ height:281px;}
.about_con3 .p br{ display:none;}
.about_con3 .pd{ padding:50px 25px 0 25px;}
.about_con3 .h3{ font-size:24px; margin-bottom:10px;}
.about_con3 .em{ font-size:16px;}

.news_list .m{ display:none;}
.news_list .text{ padding:30px 30px 30px 100px;}
.news_list .em{ width:100px;}
.news_list ul{ margin-right:-15px;}
.news_list li{ margin-bottom:20px;}
.news_list .pd{ margin-right:15px;}

.news_tab{ margin-bottom:40px;}

.news_fl{ width:690px;}
.crumbs,
.news_info{ margin:0 30px;}

.crumbs{ padding:15px 0 10px 0;}
.tj_service_list .h3{ font-size:18px; margin-bottom:5px;}
.tj_service_list .single-item{ margin-right:-10px;}
.tj_service_list .pd{ margin-right:10px;}
.news_page .li a{ font-size:14px;}
.news_page .li i{ font-size:20px;}
.news_page .return a{ font-size:24px;}
.news_wp{ margin-bottom:40px;}

.news_fr{ width:290px;}
.tj_case,
.tj_news,
.tj_tag{ padding:20px;}

.tit4_1{ margin-bottom:20px; font-size:18px;}
.tit4_2{ margin-bottom:15px;}


.list1 .slick-slide{ padding-top:30px;}
.list1 i,.list1 em{ width:60px; height:60px; top:-30px; margin-left:-30px; line-height:60px; font-size:32px;}
.list1 .pd{ padding:45px 15px 15px 15px;}
.list1 .p{ min-height:168px;}
.list1 .h3{ font-size:14px;}
.list1 .p{ font-size:12px; line-height:inherit; min-height:126px;}


.imgtext1 .img{ width:320px;}
.imgtext1 .text{ margin-left:320px;}
}

@media screen and (max-width:1024px){
body{ padding:60px 0 50px 0;}
.header{ position:fixed; left:0px; top:0px !important; right:0px;}
.header .wp{ min-width:inherit; height:60px;}
.wp{ width:auto; margin:0 30px;}
.top_tel{ right:60px;}
.top_tel span{ font-size:24px;}

.logo{ margin-top:-15px;}
.logo img{ height:30px;}

.menu-link{ display:block;}
.header{ height:60px; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.menu{ padding:0px; margin:0px; display:none; position:fixed; left:100%; top:60px;right:0px; width:100%; background:#f2f2f2; display:block;}
.menu ul{ overflow:hidden; display:block;}
.menu .h3{ border-bottom:1px solid #fff; border-right:1px solid #fff;}
.menu .h3 i{ display:block; font-size:32px; line-height:32px; height:32px;}
.menu li{ width:50%; float:left; margin:0px; padding:0px; text-align:center;} 
.menu li:first-child{ width:100%;}
.menu .h3 a{ line-height:normal; height:auto; padding:20px 0;}
.menu li:hover .h3 a{ color:#323235;}
.menu .h3 i{ display:block; font-size:32px; line-height:32px; height:32px;}
.menu .h3 strong{ height:32px; line-height:32px; font-weight:normal;}
.menu li:hover .box{ display:none;}


.menu_bg{ display:block; background:#f2f2f2; position:fixed; left:100%; top:0px; right:0px; width:100%;  bottom:0px; z-index:11;}

.quick_bg{ background:rgba(0,0,0,0.5); position:fixed; left:0px; top:0px; right:0px; bottom:0px; display:none;}
.quick_nav{ top:auto; left:0px; width:auto; bottom:0px; margin:0px; -webkit-transform:none;}
.quick_nav1{ display:none;}
.quick_nav2{border-top: 1px solid rgba(255,255,255,0.5);}
.quick_nav2 li{ float:left; width:25%; margin-bottom:0px;border-right: 1px solid #ccc; box-sizing:border-box; padding:0px; display:block; border-radius:0px; position:static;}
.quick_nav2 .pd{ background:#e81214; padding:5px 0; color:#fff;}
.quick_nav2 .pd i{ height:24px; line-height:24px; font-size:24px;}
.quick_nav2 .pd strong{ display:block; line-height:16px; font-size:12px;}
.quick_nav2 .pd:hover {background: #e81214;}
.quick_nav2 .box{ position:fixed; left:50%; bottom:auto; top:50%; right:auto;}
.quick_nav2 .npd{ margin:0;}
.quick_nav2 .npd:before{ transform:rotate(90deg); right:auto; left:50%; bottom:5px; top:auto; display:none;}
.quick_nav2 li:hover .box{ display:none;}

.quick_kf .box{ margin:-120px 0 0 -196px;}
.quick_fw .box{ margin:-66px 0 0 -196px;}
.quick_wx .box{ margin: -122px 0 0 -93px;}
.quick_close{ position:absolute; left:50%; bottom:-40px; margin:0 0 0 -15px; width:30px; height:30px; border-radius:50%; background:#e10000; color:#fff; text-align:center; line-height:30px; cursor:pointer; display:block;}

.ibanner{ padding-bottom:0px;}
.ibanner .slick-dots{ bottom:20px;}
.btext .h3{ font-size:32px; margin-bottom:10px;}
.btext .p{ font-size:16px;}
.btext .m{ padding-top:20px;}
.btext .m a{ width:160px; height:40px; border-radius:20px; line-height:40px; font-size:14px;}

.icon1{ position:static; padding:30px 0; background:#fff; display:none;}
.iservice_1 .img{ background:#efefef;}
.iservice_1 .img .h3{ font-size:24px; height:30px; line-height:30px;}
.iservice_1 .text .h3{ font-size:24px;}

.ibanner .slick-prev{ left:30px;}
.ibanner .slick-next{ right:30px;}

.footer_con .li{ width:auto; float:none; padding-right:0px; text-align:center; margin-bottom:20px;}
.footer_con .h3{ font-size:16px; color:#efefef;}

.flink{ line-height:20px;}
.flink a{ margin:0 10px; float:left;}

.brand_text_1{ left:30px; top:32%;}
.brand_text .h3{ font-size:24px; margin-bottom:10px;}
.brand_text .p{ font-size:14px;}
.brand_service{ padding:30px 0 0 0;}


.case_list .img .i{ display:none;}
.case_list .text{ background:#fff; height:auto; overflow:visible; padding:20px;}
.case_list .h3{ font-size:14px; height:20px; line-height:20px; padding-top:0px; text-align:center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow:hidden;}
.case_list .b{ display:none;}
.case_list .p{ color:#999; display:none;}

.case_list .pd:hover .h3{transform:translateY(0%); opacity:1; height:auto;}
.case_list .pd:hover .p{ color:#999;}
.tjnews_list li{ width:50%;}

.bcon{ padding:50px 0;}
.bcon1,.bcon3{ background:#fff;}
.more{ padding:25px 0 0 0;}

.bcon .iservice_2 .pd{ background:#f2f2f2;}
.bcon .iservice_2 .pd:hover{ background:#323235;}

.bcon5{ display:none;}

.about_con2 .text .h3{ font-size:24px; padding-bottom:20px; margin-bottom:15px;}
.about_con2 .text .p strong{ font-size:16px;}
.about_con2 .text .p{ line-height:24px;}

.about_con3 .text{ height:271px;}
.about_con3 .em{ padding-bottom:15px; margin-bottom:15px;}


.about_con5{ height:auto; padding:50px 0;}
.standard .pd{ padding:50px 0;}
.standard .i{ font-size:180px; margin-top:-90px;}
.standard .h3{ font-size:28px;}
.standard .p{ font-size:14px;}


.banner_contact .img{ height:500px; background-size:cover;}
.leida{ top:215px; margin-left:105px;}
.banner_contact .text{ position:static; margin-bottom:30px; text-align:center; padding-top:30px;}
.banner_contact .text .em:before{ left:50%; margin-left:-7px;}
.banner_contact .text .pd{ float:none; border-radius:0px;}

.contact{ margin:0px; position:static;}
.contact_con1 .h3{ font-size:18px; height:40px; line-height:40px; margin-bottom:10px;}
.contact_con1 .p{ font-size:14px; padding:5px 0 5px 32px; line-height:24px;}
.contact_con1 .p i{ width:24px; height:24px; font-size:24px; line-height:24px; top:6px;}

.tit3{ font-size:18px; line-height:24px; margin-bottom:30px;}

.job li{ width:auto; float:none;}


.news_fl{ width:680px;}
.news_fr{ width:264px;}
.tj_case, .tj_news, .tj_tag{ padding:15px; margin-bottom:30px;}

.case_pg{ padding:40px 0;}
.caseinfo_top .img{ margin:0 0 20px 0;}
.caseinfo_top .img .pd{ padding:30px;}
.caseinfo_top .text{ width:auto; background:#fff; color:#3e3a39; position:static; padding:0px;}
.caseinfo_top .text .pd{ padding:30px;}

.tit4{ margin-bottom:20px;}
.case_service{ margin-bottom:30px;}

.caseinfo_con{ padding:30px;}

.case_tj{ padding-top:40px;}

.case_nav li{ margin:0 8px;}
.case_nav a{ height:40px; line-height:40px; font-size:14px; padding:0 15px;}
.body_case .case_nav{ top:60px;}


.tit5{ font-size:24px; padding:15px 0;}
.table th{ font-size:14px;}
.table_4 .w4{ width:220px;}

.tit6{ font-size:16px;}

.list1 .single-item{ padding-bottom:30px;}
.list1 .slick-slide{ padding-top:0px;}
.list1 .pd{ border:none; background:#efefef; padding:20px;}
.list1 i,.list1 em{ position:static; display:block; margin:0 auto 20px auto;}
.list1 .p{ min-height:inherit;}

.imgtext1 .text{ padding:30px 10px 30px 30px;}


.table_8 .w3{ width:140px;}
.table_8 .w4{ width:80px;}

.table_11 .w1{ width:140px;}
.table_11 .w5{ width:152px;}

.icase_tab a:hover{ background-color:#323235;}

.case_Project .p,
.case_idea .p{ min-height:inherit;}

.zcrumbs{ margin:0px; padding:5px 0; background:#dfdfdf;}

.ncrumbs{ color:#3e3a39;}
.ncrumbs .pd{ position:static; text-shadow:none; color:#999;}
.ncrumbs span{ text-shadow:none;}
.ncrumbs a{ text-shadow:none; color:#999;}
.ncrumbs a:hover{text-shadow:none;}

.menu .h3 a:after{ display:none !important;}

.kol_top{ margin:0 0 50px 0; box-shadow: 0 0 30px rgba(0,0,0,0.2);}
.kol_tabnav{ margin-bottom:40px;}
.kol_tabnav li a{ padding:0 30px; font-size:16px;}
.tit7{ margin-bottom:25px;}
.kol_tabcon .dl{ margin-bottom:40px;}

.business .text{ left:30px; top:30px;}
.business .h3{ font-size:24px; margin-bottom:10px;}
.business .m{ padding-top:15px;}

.caseTab{ margin-bottom:0px;}
.caseTabFr{ display:none;}
.case_list .h1{ padding-top:20px;}

.bcon2{ padding-top:30px;}

.icase_nav{ padding:30px 0 0 0; margin-bottom:0px;}
.icase_nav a{ height:30px; line-height:30px;}
.icase_nav a:hover{ color:#666;}
.icase_nav a:hover:before{ height:0px;}
.icase_nav a.active{ font-weight:bold; color:#666; font-weight:normal;}
.icase_nav a.active:before{ height:0px;}

.icase_nav_fixed .pd{ position:static; background:none;}
.icase_nav_fixed a{ color:#666;}

.case_list .h1{ display:block;}

.tit9{ width:75%;}
.header_after:after{ display:none;}

.tjnews_list li:nth-child(4),
.tjnews_list li:nth-child(5),
.tjnews_list li:nth-child(6){ display:none;}

.ibanner video{ display:none;}

}
@media screen and (max-width:980px){
.about_con2 .img{ position:relative; float:none; width:auto; padding:30px 182px 30px 30px;}
.about_con2 .img .m{ position:absolute; right:30px; top:30px; padding:0px;}
.about_con2 .img .m a{ margin:0 0 10px 0; float:none;}
.about_con2 .text{ margin:0px; padding:30px;}

.about_con3 li{ width:50%; float:left;}
.about_con3 .img{ width:auto !important; float:none !important;}
.about_con3 .text{ margin:0px !important;}


.news_fl{ width:auto; margin-bottom:30px; float:none;}
.tj_service_list .text{ padding:15px;}
.tj_service_list .h3{ font-size:14px;}
.tj_service_list .p{ font-size:12px;}

.news_fr{ width:auto; float:none;}

.tj_news,.tj_tag{ padding:20px;}

.tj_case{ padding:0px; background:none;}
.tj_case_list .single-item{ margin-right:-10px;}
.tj_case_list .slick-slide{ float:left;}
.tj_case_list .pd{ margin-right:10px; background:#fff;}
.tj_case_list .text{ padding:15px;}

.table_1 .w2{ width:160px;}
.table_1 .w3{ width:180px;}

.business ul{ margin-right:-10px;}
.business li{ margin-bottom:10px;}
.business .pd{ margin-right:10px; background:#f2f2f2; color:#333;}
.business .text{ position:static; padding:20px; width:auto;}
}
@media screen and (max-width:768px){
.btext .h3{ font-size:24px; margin-bottom:5px;}
.btext .p{ font-size:14px;}
.btext .m{ padding-top:15px;}
.btext .m a{ width:100px; height:34px; border-radius:17px; line-height:34px; font-size:14px;}

.case_ul .li{ width:50%;}

.iservice_2 li{ width:50%;}
.iservice_2 .img{ width:auto; float:none !important;}
.iservice_2 .text{ margin:0px !important; padding:25px 30px;}
.iservice_2 .h3{ border-bottom:1px solid #dbdbdb; font-size:18px;}
.iservice_2 .h3:after{ display:none;}
.iservice_2 .m{ position:absolute; right:30px; top:25px; padding:0px;}
.iservice_2 .m i{ border:none; text-align:right; width:auto; height:19px; line-height:19px;}

.ibrand li{ width:25%;}

.inews_c{ position:relative; height:600px; margin:0px;}
.inews_tab{ display:block; padding-top:10px;}
.inews .tit2{ display:none;}
.inews_con{ width:auto; float:none; margin-bottom:30px; position:absolute; left:0px; top:0px; right:0px; margin-bottom:0px; padding-right:0px; z-index:2; visibility:hidden;}
.inews_con.curr{ z-index:4; visibility:visible;}

.brand_service .pd{ padding-bottom:30px;}

.case_list ul{ margin-right:-10px;}
.case_list li{ margin-bottom:10px;}
.case_list .pd{ margin-right:10px;}

.icase_tab li{ padding:0px; width:auto;}
.icase_tab a{ padding:0 10px;}

.about_con1 .text .em{ font-size:32px; margin-bottom:10px;}
.about_con1 .text .h3{ font-size:18px; margin-bottom:10px;}
.about_con1 .text .p{ font-size:14px;}
.number_lsit{ padding:40px 0 0 0;}
.number_lsit .h3{ font-size:32px;}
.number_lsit .em{ font-size:14px;}

.about_con2 .text .h3{ font-size:18px; padding-bottom:15px; margin-bottom:10px;}

.about_con3{ margin-bottom:40px;}
.about_con3 li{ width:auto; float:none;}

.about_con4{ margin-bottom:40px;}

.news_list li{ width:50%;}

.news_flip a{ width:40px; height:40px; margin:0 3px; line-height:40px;}


.banner_contact .text .pd{ padding:30px;}
.contact_con1{ padding:30px;}
.contact_con1 ul{ margin-right:-30px;}
.contact_con1 .pd{ margin-right:30px;}

.job .h3{ font-size:18px; margin-bottom:10px;}

.contact_con2{ padding:30px;}


.tj_service_list .single-item,
.tj_case_list .single-item{ padding-bottom:30px;}

.banner_case .h3{ font-size:18px; margin-bottom:10px;}
.banner_case .p{ font-size:12px;}
.banner_case .p em{ margin:0 5px;}
.banner_case .m a{ width:120px; font-size:14px; }

.case_tj .single-item{ margin-right:-10px;}
.case_tj .pd{ margin-right:10px;}


.smm_tabnav li,
.kol_tabnav li{ margin:0 5px;}
.smm_tabnav li a,
.kol_tabnav li a{ font-size:16px; height:40px; line-height:40px; padding:0 25px;}

.tit6{ font-size:14px;}

.table_3 .w2{ width:260px;}

.text1{ padding:0px;}

.xg_news_list ul{ margin-right:-20px;}
.xg_news_list li{ width:50%;}
.xg_news_list .pd{ margin-right:20px; font-size:14px;}

.kol_tabnav li a{ padding:0 15px;}

.kol_top{ padding:30px;}

.business .h3{ font-size:18px;}
.business .p{ line-height:20px;}

.caseTabFl li{ margin-right:40px;}
.caseTabFl a{ font-size:16px;}
}

@media screen and (max-width:640px){
.btext .h3{ transition-delay:0.4s;}
.btext .p{ transition-delay:0.6s;}
.btext .m{ transition-delay:0.8s;}

.btext{ position:absolute; box-sizing:border-box; left:30px; right:30px; top:auto; bottom:0px; background:#fff; color:#000; text-align:center; padding:15px; box-sizing:border-box;-webkit-transform: translateZ(0);}
.btext .m{ padding-top:10px;}
.btext .m a{ margin:0 auto; border-color:#333; color:#333; width:130px; height:30px; line-height:30px;}
.btext .m a:hover{ color:#fff;}
.btext .p br{ display:none;}
.btext .h3{ font-size:18px; height:26px; line-height:26px; overflow:hidden;}
.btext .p{ height:20px; line-height:20px; overflow:hidden;}
.btext_4 .p{ color:inherit;}

.ibanner{ background:#f4f0ef;}
.ibanner .pd{ margin-bottom:108px;}
.ibanner .slick-dots{ bottom:155px;}
.ibanner .slick-dots li{ margin:0 3px;}
.ibanner .slick-dots li button{ width:6px; height:6px;}
.ibanner .slick-arrow{ opacity:1;background: rgba(0,0,0,1); width:32px; height:32px; line-height:32px; font-size:16px; margin-top:-70px; display:none !important;}

.iservice_2 ul{ margin-right:0px;}
.iservice_2 .pd{ margin-right:0px;}
.iservice_2 li{ width:auto !important; float:none !important;}
.iservice_2 .p{ height:auto;display:block;-webkit-box-orient: inherit; -webkit-line-clamp:inherit;}
.iservice_3 .pd{ width:224px;}

.brand_service{ padding:10px 0 0 0;}
.brand_service .h3{ font-size:18px; margin-bottom:10px; text-align:center;}
.bcon1 .tit1 strong{ font-size:18px; line-height:1.4;}

.case_list ul{ margin-right:-5px;}
.case_list li{ width:50%; margin-bottom:5px;}
.case_list .pd{ margin-right:5px;}

.tjnews_list ul{ margin-right:0px;}
.tjnews_list li{ width:auto; float:none;}
.tjnews_list .pd{ margin-right:0px; padding:20px 20px 20px 100px;}
.tjnews_list .em{ top:28px;}

.bcon3 .iservice_2 li:last-child{ margin-bottom:0px;}

.about_con1 .text .em{ font-size:24px; margin-bottom:5px;}
.about_con1 .text .h3{ font-size:16px; margin-bottom:5px;}
.about_con1 .text .p{ font-size:12px;}
.number_lsit{ padding:30px 0 0 0;}
.number_lsit .h3{ font-size:24px; margin-bottom:5px;}
.number_lsit .em{ font-size:12px;}

.news_tab ul{ display:block;}
.news_tab li{ width:33.3333%;}
.news_tab a{ padding:0px; font-size:16px;}

.banner_contact .text .pd{ padding:20px;}
.banner_contact .text .em{ padding-bottom:20px; line-height:1.3;}
.banner_contact .text .h3{ font-size:16px;}
.banner_contact .text .p{ font-size:18px;}
.banner_contact .text .c{ font-size:32px;}


.contact_con1{ padding:20px;}
.contact_con1 ul{ margin-right:0px;}
.contact_con1 li{ width:auto; float:none; margin-bottom:30px;}
.contact_con1 li:last-child{ margin-bottom:0px;}
.contact_con1 .pd{ margin-right:0px;}

.contact_con2{ padding:20px;}
.job_p{ padding-top:30px; font-size:14px;}

.banner_case .text{ text-align:center;}
.banner_case .m{ padding:20px 0 0 0;}
.banner_case .m a{ width:100px; height:32px; line-height:32px; font-size:12px; margin:0 auto;}
.banner_case .m a:before{ opacity:0;}
.banner_case .pd{ padding-left:0px;}


.tit5{ font-size:18px;}
.table table{ font-size:12px;}
.table .p{ font-size:12px;}
.table th{ font-size:12px;}
.table_4 .w1{ width:60px;}
.table_4 .w2{ width:60px;}
.table_4 .w3{ width:30px;}
.table_4 .w4{ width:auto;}

.img_list2{ padding:5px 3px;}
.img_list2 img{ padding:0 2px;}

.tit6{ font-size:12px; padding:5px 0 0 0;}
.tit6 strong{ margin-left:5px;}
.tit6 span{ margin-right:5px;}


.table_1 .w2{ width:auto;}
.table_1 .w3{ width:auto;}
.table_1 .w1{ width:60px;}
.table_1 .w4{ width:60px;}

.imgtext1{ padding:20px;}
.imgtext1 .img{ width:auto; float:none;}
.imgtext1 .text{ margin:0px; padding:20px 0 0 0;}
.imgtext1 .h3{ text-align:center; margin-bottom:20px; font-size:18px;}
.imgtext1 .p br{ display:none;}
.imgtext1 .p strong{ font-size:14px; display:block; padding:10px 0;}

.slick-dots li{ margin:0 3px;}
.slick-dots li button{ width:8px; height:8px;}


.img_max{ display:none !important;}
.img_min{ display:block !important;}

.ibanner video{ display:none;}

.icon2{ padding:30px 0;}
.icon3{ padding-bottom:30px;}
.icon2 .wp,
.icon3 .wp{ margin:0;}
.iabout{ margin-bottom:0px;}
.iservice_2 li{ margin-bottom:10px;}
.iservice_3{ display:none;}

.flink a{ margin:0 10px 0 0 ;}

.footer_con .h3{ color:#888; margin-bottom:5px;}
.footer_con .li{ text-align:left;}

.icon4{ padding:30px 0;}
.ibrand{ padding-top:20px;}

.xg_news_list ul{ margin-right:0px;}
.xg_news_list li{ width:auto; float:none;}
.xg_news_list .pd{ margin-right:0px;}

.caseTab{ background:#000;}
.caseTabFl{ text-align:center; margin:0 -25px; float:none;}
.caseTabFl li{ margin-right:0px; width:20%;}
.caseTabFl a{ font-size:14px; height:40px; line-height:40px; color:#fff;}
.caseTabFl li.curr a{background:#e81215; color:#fff;}
.caseTabFl li.curr a:before{ display:none;}

.caseTabFl6 li{ width:16.6666%;}
.caseTabFl5 li{ width:20%;}
.caseTabFl4 li{ width:25%;}
.caseTabFl3 li{ width:33.3333%;}
.caseTabFl2 li{ width:50%;}

.icase_nav{ height:auto; margin-bottom:0px; background:#fff; padding:20px 0;}
.icase_nav a{ font-size:12px;}

.caseTabFixed{ background:none;}
.caseTabFixed .pd{ position:fixed; left:0px; top:60px; right:0px; z-index:9; background:rgba(0,0,0,0.5);}
.caseTabFixed .caseTabFl li.curr a{ }


.tit9{ width:auto;}
.baike_list .single-item{ margin-right:0px; padding-bottom:0px;}
.baike_list .slick-dots{ bottom:10px;}
.baike_list .pd{ margin-right:0px;}
}
@media screen and (max-width:540px){

.icase_tab{ padding-top:0px;}
.icase_tab ul{ display:block; margin:0 -25px; background:#323235;}
.icase_tab li{ width:20%;}
.icase_tab a{ font-size:12px; padding:0px;}

.icase_tab8 li{ width:25%;}
.icase_tab99 li{ width:20%;}

.icase_tab_fixed{ position:fixed; left:0px; top:60px; right:0px; z-index:9; padding-top:0px;}
.icase_tab_fixed ul{ margin:0px; background:rgba(0,0,0,0.5);}
.icase_tab_fixed a{ background:none;}

.footer_nav span{ display:none;}
.footer_nav a{ float:left; width:16.666666666666668%;}

.brand_text_1{ top:26%;}
.brand_text .h3{ font-size:16px; margin-bottom:8px;}
.brand_text .p{ font-size:12px; line-height:18px;}


.about_con1 .text .p{ line-height:1.4; padding:0 30px;}
.number_lsit{ display:none;}

.news_tab{ margin-bottom:20px;}
.news_list li{ width:auto; float:none;}

.news{ padding:50px 0;}
.news_flip{ padding:20px 0;}
.news_flip a{ width:32px; height:32px; margin:0 2px; line-height:32px; font-size:14px;}

.tj_service_list .single-item,
.tj_case_list .single-item{ margin:0px;}

.tj_service_list .pd,
.tj_case_list .pd{ margin:0px;}

.tj_service_list .slick-arrow,
.tj_case_list .slick-arrow{ margin-top:-74px;}

.crumbs,
.news_info{ margin:0 20px;}

.news_info{ padding: 20px 0 30px 0;}
.news_info_em{ margin-bottom:20px;}

.news_info_tit{ font-size:18px;}
.news_page{ padding:10px 15px;}
.news_page .return a{ font-size:20px;}
.news_page .li i{ font-size:16px; width:24px; line-height:24px; height:24px; line-height:24px; margin-top:-12px;}
.news_page .li1 a{ padding:0 15px 0 24px;}
.news_page .li2 a{ padding:0 24px 0 15px;}


.case_tj .single-item{ margin-right:0px;}
.case_tj .pd{ margin-right:0px;}
.slick .slick-prev{ right:30px;}
.slick .slick-next{ right:-10px;}
.case_tj .text{ padding:20px;}

.caseinfo_top .img .pd,
.caseinfo_top .text .pd,
.caseinfo_con{ padding:20px;}
.case_Project .p{ line-height:1.5; font-size:12px;}
.case_Project .m i{ width:32px; height:32px; line-height:32px; font-size:16px;}
.case_Project .m a{ height:32px; line-height:32px; padding-left:42px; font-size:14px;}

.case_service li{ font-size:12px; line-height:1.5; padding:3px 0;}
.case_service li:before{ margin-right:5px;}
.case_idea .p{ font-size:12px; line-height:1.6;}

.tit4{ margin-bottom:15px;}

.caseinfo_m{ padding:30px 0;}

.network_con img{ margin-bottom:10px;}

.caseinfo_m a{ width:160px; height:40px; line-height:40px; font-size:14px;}
.case_nav li{ margin:0px;}
.case_nav a{ padding:0 10px;}




.table_3 .w1{ width:60px;}
.table_3 .w2{ width:auto;}
.table_3 .w3{ width:60px;}

#to_case{ top:-60px;}

.inews .more{ padding-top:0px;}

.brand_service .img{ margin-bottom:15px; padding-top:10px;}
.brand_service .img i{ width:120px; height:120px; line-height:120px;}
.brand_service .p{ line-height:24px;}


.business ul{ margin:0px;}
.business li{ width:auto; float:none;}
.business .pd{ margin:0px;}

.icon2 .icase_tab ul{ margin:0;}
}
@media screen and (max-width:480px){
.wp,
.header .wp{ margin:0 25px;}
.menu-link{ right:17px;}
.top_tel{ display:none;}

.tit1 em{ font-size:14px;}

.quick_nav2 .box{ left:25px; right:25px; width:auto;}
.quick_kf .box{ margin:-120px 0 0 0;}
.quick_fw .box{ margin:-66px 0 0 0;}
.quick_wx .box{ margin: -122px 0 0 -93px; width:186px !important; left:50% !important;}

.inews_c{ height:373px;}
.inews_tab{ margin-bottom:10px;}
.inews_tab ul{ display:block;}
.inews_tab li{ width:33.3333%;}
.inews_tab a{ padding:0px;}
.case_ul .tag{ display:none;}
.case_ul .text{ height:30px; line-height:30px; font-size:12px;}
.iservice_2 .text{ padding:25px !important;}

.footer_nav a{ float:left; width:33.3333%;}

.about_con2 .img{ padding:20px; text-align:center;}
.about_con2 .img .m{ position:static; padding-top:30px; display:inline-block; vertical-align:bottom;}
.about_con2 .img .m a{ float:left; margin:0 10px 0 0;}
.about_con2 .img .m a:last-child{ margin-right:0px;}
.about_con2 .text{ padding:20px;}
.about_con2 .text .h3{ text-align:center;}
.about_con2 .text .h3:after{ left:50%; margin-left:-5px;}
.about_con2 .text .m{ padding-top:20px;}
.about_con2 .text .m a{ margin:0 auto;}


.about_con3 .pd{ padding:30px 20px;}
.about_con3 .text{ height:auto;}
.about_con3 .text .li{ width:auto; float:none; height:auto;}

.standard .single-item{ padding-bottom:30px;}
.about_con5 .slick-arrow{ color:#fff;}
.about_con5 .tit1 strong{ font-size:18px;}

.news_tab a{ font-size:14px;}

.banner_contact .img{ height:280px;}
.leida{ top:110px; margin-left:50px;}

.tit4{ font-size:18px;}
.slick .slick-arrow{ width:32px; height:32px; line-height:32px; top:-24px; font-size:18px;}


.caseinfo_con,
.news_page{ margin:0 -25px;}


.table table{ font-size:10px;}
.table .p{ font-size:10px;}
.table th{ font-size:10px;}

.smm_tabnav,
.kol_tabnav{ margin-bottom:25px;}
.smm_tabnav li,
.kol_tabnav li{ margin:0 2px;}
.smm_tabnav li a,
.kol_tabnav li a{ font-size:14px;}


.tit6{ font-size:10px;}
.mgb40{ margin-bottom:20px;}

.table_1 .w1{ width:50px;}
.table_1 .w4{ width:50px;}

.list1 .pd{ padding:20px 30px;}
.list1 i,.list1 em{ margin:0 auto 10px auto;}
.list1 .p{ min-height:84px;}

.btext{ left:25px; right:25px;}


.news_pg .news_page{ margin:0px;}

#container{ height:220px; }

.banner_case .text{ background:#FFF; position:relative; z-index:2; color:#000; text-shadow:none; margin:-20px 25px 0 25px; padding:20px 0;}
.ncrumbs,
.zcrumbs{ display:none !important;}

.icase_con{ margin:0 25px;}
.case_ul .li{ width:auto; float:none; margin-bottom:5px;}
.case_list ul{ margin-right:0px;}
.case_list li{ width:auto; float:none;}
.case_list .pd{ margin-right:0px;}

/*.banner_page{ background:none; margin-bottom:20px;}
.banner_page .pd{ background:none;}
.brand_text_1{ background:#FFF; position:static; color:#000; text-shadow:none; margin:-20px 25px 0 25px; padding:20px; text-align:center;}
.brand_text_1 br{ display:none;}*/

.brand_text .p br{ display:none;}
.brand_text_1{ left:25px; right:25px;}

.btext .p{ height:40px;}


.flink{ display:none;}


.iservice_1 .pd:hover,
.news_list .pd:hover{transform: translate3d(0,0 ,0);box-shadow:none;}
.news_list .pd:hover .text{background:none;color: #888;}
.news_list .pd:hover .em em{color: #000;}
.news_list .pd:hover .h3{color: #000;}

.case_ul .pd:hover .text{ background:#fff !important;color: #000;}

.iservice_2 .pd:hover{ background: #fff; color: #323235;}

.kol_tabnav li{ margin:0 1px;}
.kol_tabnav li a{ padding:0 14px; height:34px; line-height:34px; border-radius:17px;}

.kol_top{ padding:20px;}

.business .img{ overflow:hidden;}
.business .img img{ width:190%; float:right;}





.bcon2{ padding-top:30px;}
.bcon2 .tit1{ display:none;}


.banner_page .pd img{ width:108.5%;} 
.brand_text_1{ width:40%; top:16%; right:auto;}

.img_box{ display:none; position:fixed; left:0px; top:0px; right:0px; bottom:0px; z-index:99; background:rgba(0,0,0,1);padding:0px; display:flex;justify-content:center;align-items:center; cursor:pointer;}
.img_box:before{content: "\e80c"; color:#fff; width:40px; height:40px; position:absolute; right:0px; top:0px; line-height:40px; text-align:center;}
.img_box img{ display:block; max-width:100%; height:auto !important;}


.caseTab{ margin-bottom:0px;}

.case_list .h1{ font-size:18px;}
.icase_nav{ padding:15px 0;	}

}

@media screen and (max-width:413px){
.wp,
.header .wp{ margin:0 20px;}
.menu-link{ right:12px;}
.quick_fw .p{ font-size:30px}
.quick_kf .m a{ font-size:12px;}

.quick_nav2 .box{ left:20px; right:20px; width:auto;}

.inews_c{ height:336px;}

.about_con2 .img .m a{ width:110px;}

.smm_tabnav li a,
.kol_tabnav li a{ padding:0 13px; font-size:12px;}

.table_1 .w1{ width:40px;}
.table_1 .w4{ width:40px;}

.caseinfo_con,
.news_page{ margin:0 -20px;}

.btext{ left:20px; right:20px;}

#container{ height:280px; }



.banner_case .text{ margin:-20px 20px 0 20px; }
.icase_con{ margin:0 20px;}

/*.brand_text_1{ margin:-20px 20px 0 20px;}*/

.brand_text_1{ left:20px; right:20px;}

.kol_top,
.kol_img{ margin-bottom:30px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.kol_tabcon .dl{ margin-bottom:30px;}
.tit7{ margin-bottom:15px; font-size:18px;}

.kol_top{ padding:15px;}
}
@media screen and (max-width:374px){
body{ font-size:12px;}

.wp,
.header .wp{ margin:0 15px;}

.quick_fw .p{ font-size:24px}
.quick_nav2 .box{ left:15px; right:15px; width:auto;}

.inews_c{ height:311px;}

.icase_tab{ margin-bottom:10px;}
.icase_tab a{ font-size:12px;}

.banner_contact .text .h3{ font-size:14px;}

.crumbs, .news_info{ margin:0 15px;}
.crumbs{ padding:10px 0 3px 0;}
.news_info{ padding: 20px 0 25px 0;}
.news_info_em{ margin-bottom:15px;}
.news_info_con{ font-size:12px; line-height:1.5;}

.banner_case .h3{ font-size:16px; margin-bottom:5px;}

.case_tj .text{ padding:15px;}
.case_tj .h3{ font-size:14px; height:16px; line-height:16px; margin-bottom:5px;}
.case_tj .p{ font-size:12px;}
.slick .slick-prev{ right:25px;}
.tit4 strong{ margin-right:5px;}

.caseinfo_top .img .pd,
.caseinfo_top .text .pd,
.caseinfo_con{ padding:15px;}

.case_service li{ font-size:10px;}

.case_nav a{ padding: 0 7px;}

.smm_tabnav,
.kol_tabnav{ margin-bottom:20px;}
.smm_tabnav li a,
.kol_tabnav li a{ height:34px; line-height:34px;}

.list1 .p{ min-height:105px;}

.caseinfo_con,
.news_page{ margin:0 -15px;}


.btext{ left:15px; right:15px;}

#container{ height:260px; }

.brand_text .h3{ font-size:14px;}
.brand_text .p{ font-size:10px;}

.inews_c{ min-height:330px;}

.banner_case .text{ margin:-20px 15px 0 15px; }
.icase_con{ margin:0 15px;}

/*.brand_text_1{ margin:-20px 15px 0 15px;}*/

.bcon1 .tit1 strong{ font-size:16px;}
.tit1 strong{ font-size:18px;}

.brand_text_1{ left:15px; right:15px;}

.bcon1 .tit1 strong{ font-size:14px;}
.iservice_2 .text{ padding:15px !important;}

.bcon{ padding:30px 0;}

.iservice_2 li.even .m{ right:15px; top:10px;}

.tjnews_list .pd{padding:15px 15px 15px 85px;}
.tjnews_list .em{ width:85px;}
.tjnews_list li{ margin-bottom:10px;}

.iservice_2 .h3{ font-size:16px; padding-bottom:10px;}
.iservice_2 .m{ top:15px; right:15px;}
.iservice_2 .em{ font-size:14px; height:auto; line-height:20px; margin-bottom:5px;}
.iservice_2 .p{ font-size:12px; line-height:18px; height:54px; overflow:hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}

.tit1 em{ font-size:13px;}

.iabout{ font-size:13px;}
.iabout .h3 span,
.iabout .h3 strong,
.iabout .p strong{ font-size:14px;}

.footer_con{ font-size:12px;}
.tjnews_list{ padding-top:0px;}
.tjnews_list .h3,.news_list .h3{ font-size:14px; height:24px; line-height:24px;}
.tjnews_list .p,.news_list .p{ font-size:12px; line-height:18px; height:36px;}
.tjnews_list .em{ top:18px;}

.news_list .text{ padding:15px 15px 15px 85px;}
.news_list .em{ width:85px; top:20px;}

.about_con2 .text .p{ font-size:13px; line-height:20px;}
.about_con2 .text .p strong{ font-size:14px;}

.about_con3 .h3{ font-size:16px;}
.about_con3 .em{ font-size:13px;}
.about_con3 .p{ font-size:12px; line-height:18px;}

.standard .h3{ font-size:24px;}
.standard .p{ font-size:12px;}

.xg_news{ padding:15px;}
.tj_news, .tj_tag{ padding:15px;}

.footer_con{ padding:30px 0;}

.smm_tabnav li a,
.kol_tabnav li a{ padding:0 8px;}

.icase_tab a{ font-size:10px;}

.brand_text .p{ line-height:14px;}
}
@media screen and (max-width:320px){
.inews_c{ min-height:311px;}
}

.more1{ text-align:center;}
.more1 a{ display:inline-block; vertical-align:bottom; width:202px; height:52px; border:2px solid #a8a8a8; border-radius:5px; text-align:center; font-size:16px; line-height:52px; color:#333;}
.more1:hover{}
.more1_1 a{ border-color:#fff; color:#fff;}
.more1_1 a:hover{ background:#fff; color:#333;}
.more1_2 a{ border-color:#a8a8a8; color:#333;}
.more1_2 a:hover{ border-color:#e60012; background:#e60012; color:#fff;}
.more1_3 a{ border-color:#fff; background:#fff; color:#000;}
.more1_3 a:hover{ border-color:#f54444; background:#f54444; background-image:linear-gradient(-45deg, #f5543e, #f2355b); color:#fff;}

.banner_app{ position:relative;}
.banner_app .img{ overflow:hidden;}
.banner_app .img img{ width:100%; height:auto;}
.banner_app .text{ position:absolute; right:14%; top:0px; bottom:0px; color:#fff;}
.banner_app .ntb{ width:auto;}
.banner_app .h3{ font-size:30px; letter-spacing:0.5em; line-height:1; margin-bottom:15px;}
.banner_app .em{ font-size:40px; line-height:1; margin-bottom:15px;}
.banner_app .p{ font-size:16px; line-height:2.25; margin-bottom:60px;}
.banner_app .m{ text-align:left;}

.zcrumbs2{ margin-bottom:0px;}

.appCon{ padding:70px 0; background:no-repeat center center; background-size:cover; position:relative;}
.appCon .tit1{ margin-bottom:60px;}
.appCon .tit1 strong{ margin-bottom:10px;}
.appCon .slick-slide{ margin-bottom:30px;}
.appCon .slick-dots{ transform:translateX(-15px); bottom:2px;}
#particles{ position:absolute; left:0px; top:0px; right:0px; bottom:0px;}
#particles canvas{position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; opacity:0.1;}


.appCon1{ background:#f1f1f1;}
.appAdvantage{ margin-bottom:50px;}
.appAdvantage .single-item{ margin-right:-30px;}
.appAdvantage .slick-slide{}
.appAdvantage .pd{ display:block; margin-right:30px; padding:70px 30px 30px 30px; background:#fff;}
.appAdvantage .img{ width:2em; height:2em; border-radius:50%; margin:0 auto 30px auto; line-height:2em; text-align:center; font-size:60px; background:#333; color:#fff;}
.appAdvantage .text{ text-align:center;}
.appAdvantage .h3{ font-size:26px; margin-bottom:0.5em; line-height:1.5;}
.appAdvantage .p{ font-size:16px; line-height:1.5; height:6em;}
.appAdvantage .img.icon-kuaijie{ background:#e95145; background-image:linear-gradient(-45deg, #e95145, #efa057);}
.appAdvantage .img.icon-chengben{ background:#37afc8; background-image:linear-gradient(-45deg, #37afc8, #67e8ba);}
.appAdvantage .img.icon-yiyong{ background:#3793f3; background-image:linear-gradient(-45deg, #3793f3, #82d0f4);}
.appAdvantage .img.icon-pimei{ background:#9648e6; background-image:linear-gradient(-45deg, #9648e6, #c251ed);}

.appCon2 .tit1 strong{ color:#fff;}
.appCon2 .tit1 em{ color:#fff;}

.appIndustry{ margin-bottom:40px;}
.appIndustry ul{ margin-right:-30px;}
.appIndustry li{ float:left; width:20%; margin-bottom:30px;}
.appIndustry .pd{ display:block; position:relative; margin-right:30px; padding:70px 30px 30px 30px; background:#f54444; background-image:linear-gradient(-45deg, #f5543e, #f2355b); color:#fff; text-align:center;}
.appIndustry .pd:before{ content:''; left:0; top:0; right:0; bottom:0;  border:3px solid #f54444; position:absolute; opacity:0; z-index:1;}
.appIndustry .img{ height:1em; margin:0 auto 30px auto; line-height:1; font-size:70px; position:relative; z-index:2;}
.appIndustry .text{ position:relative; z-index:2;}
.appIndustry .h3{ font-size:26px; margin-bottom:0.5em; line-height:1.5;}
.appIndustry .p{ font-size:16px; line-height:1.5; height:4.5em;}
.appIndustry .pd:hover:before{ opacity:1;}
.appIndustry .pd:hover{ background:none;}

.appCon3{ background:#fff;}
.appRebrand{ text-align:center;}
.appRebrand img{ max-width:100%; display:inline-block; vertical-align:bottom;}

.appCon4{ background:#f5f5f5;}
.appCon4 .wp{ width:auto;}
.appCase{ overflow:hidden;}
.appCase .single-item{ margin-right:-30px;}
.appCase .pd{ background:#242424; margin-right:30px; display:block; text-align:center;}
.appCase .img{ padding:50px;}
.appCase .img img{ max-width:100%; width:auto; display:inline-block; vertical-align:bottom;}
.appCase .text{ background:#f99800; color:#fff; height:52px; line-height:52px; font-size:20px; font-weight:bold; overflow:hidden;}


.appCon5{ background:#fff;}
.appCon5 .wp{ width:auto;}
.appModel{}
.appModel ul{}
.appModel .pd{ display:block; padding:20px; color:#999; border-right:1px solid #eee; text-align:center;}
.appModel .img{ height:2.5em; border:1px solid #ccc; border-radius:50%; color:#555; width:2.5em; margin:0 auto 20px auto; line-height:2.5em; font-size:110px;}
.appModel .text{}
.appModel .h3{ font-size:26px; margin-bottom:0.5em; line-height:1.5; color:#333;}
.appModel .p{ font-size:16px; line-height:1.5; height:3em;}

.appModel .pd:hover .img.icon-leixing{ background:#e95145; border-color:transparent; background-image:linear-gradient(-45deg, #e95145, #efa057); color:#fff;}
.appModel .pd:hover .img.icon-pinpai1{ background:#37afc8; border-color:transparent; background-image:linear-gradient(-45deg, #37afc8, #67e8ba); color:#fff;}
.appModel .pd:hover .img.icon-pingtai{ background:#3793f3; border-color:transparent; background-image:linear-gradient(-45deg, #3793f3, #82d0f4); color:#fff;}






@media screen and (max-width:1680px){
.banner_app .h3{ font-size:24px;}
.banner_app .em{ font-size:32px;}
.banner_app .p{ line-height:2; margin-bottom:30px;}

.more1 a{ width:160px; height:44px; line-height:44px;}


.appCon .tit1{ margin-bottom:50px;}
.appCon .slick-dots{ transform:translateX(-12px);}

.appAdvantage .h3,
.appIndustry .h3,
.appModel .h3{ font-size:22px;}
.more1 a,
.banner_app .p,
.appAdvantage .p,
.appIndustry .p,
.appModel .p{ font-size:14px;}

.appAdvantage .single-item{ margin-right:-24px;}
.appAdvantage .pd{ margin-right:24px; padding:56px 24px 24px 24px;}
.appAdvantage .img{ font-size:48px;}
.appIndustry ul{ margin-right:-24px;}
.appIndustry li{ margin-bottom:24px;}
.appIndustry .pd{ margin-right:24px; padding:56px 24px 24px 24px;}
.appIndustry .img{ font-size:56px;}
.appRebrand img{ width:80%;}
.appModel .img{ font-size:88px;}
.appCase .single-item{ margin-right:-24px;}
.appCase .pd{ margin-right:24px;}
}
@media screen and (max-width:1440px){
	
.banner_app .h3{ font-size:20px;}
.banner_app .em{ font-size:28px;}
.banner_app .p{ line-height:2; margin-bottom:20px;}

.more1 a{ width:140px; height:40px; line-height:40px;}

.appCon{ padding:60px 0;}
.appCon .tit1{ margin-bottom:40px;}
.appCon .slick-dots{ transform:translateX(-10px);}

.appAdvantage .h3,
.appIndustry .h3,
.appModel .h3{ font-size:18px;}
.more1 a,
.banner_app .p,
.appAdvantage .p,
.appIndustry .p,
.appModel .p{ font-size:14px;}

.appAdvantage .single-item{ margin-right:-20px;}
.appAdvantage .pd{ margin-right:20px; padding:56px 20px 20px 20px;}
.appAdvantage .img{ font-size:48px;}
.appIndustry ul{ margin-right:-20px;}
.appIndustry li{ margin-bottom:20px;}
.appIndustry .pd{ margin-right:20px; padding:56px 20px 20px 20px;}
.appIndustry .img{ font-size:48px;}
.appRebrand img{ width:64%;}
.appModel .img{ font-size:72px;}
.appCase .single-item{ margin-right:-20px;}
.appCase .pd{ margin-right:20px;}
.appCase .text{ font-size:18px; height:44px; line-height:44px;}
}
@media screen and (max-width:1279px){
.appAdvantage .p br,
.appIndustry .p br,
.appModel .p br{ display:none;}
}
@media screen and (max-width:1024px){
.banner_app .img img{ width:130%; position:relative; margin-left:-15%;}
.banner_app .p{ line-height:1.5;}

.appIndustry li{ width:50%;}
.appCase .text{ font-size:16px; height:40px; line-height:40px;}
}
@media screen and (max-width:640px){

.banner_app .text{ width:40%; right:20px;}
.banner_app .h3{ font-size:12px; letter-spacing:normal; margin-bottom:5px;}
.banner_app .em{ font-size:14px; margin-bottom:5px;}
.banner_app .p{ font-size:10px; margin-bottom:10px;}
.banner_app .p br{ display:none;}

.more1 a{ height:30px; line-height:30px; font-size:12px; width:110px; border-width:1px;}

.appCon{ padding:40px 0;}
.appCon .tit1{ margin-bottom:25px;}
.appCon .tit1 strong{ font-size:18px;}
.appModel .pd{ border-right:0px;}
.appRebrand img{ width:80%;}

.appAdvantage .single-item,
.appCase .single-item{ margin-right:0px;}
.appAdvantage .pd,
.appCase .pd{ margin-right:0px;}

.appAdvantage{ margin-bottom:20px;}
.appAdvantage .pd{ padding:30px 20px 15px 20px;}
.appAdvantage .p{ height:4.5em;}

.appIndustry{ margin-bottom:20px;}
.appIndustry ul{ margin-right:-10px;}
.appIndustry li{ margin-bottom:10px;}
.appIndustry .pd{ padding:30px 15px 15px 15px; margin-right:10px;}
.appIndustry .img{ margin-bottom:10px;}

#particles{ display:none;}

.appCase .text{ font-size:14px; }
.appModel .img{ width:2em; height:2em; line-height:2em;}
}

@media screen and (max-width:413px){
.banner_app .img img{ width:140%; margin-left:-20%;}
}
@media screen and (max-width:374px){
.appAdvantage .h3,
.appIndustry .h3,
.appModel .h3{ font-size:14px;}
.appAdvantage .p,
.appIndustry .p,
.appModel .p{ font-size:12px;}
}

.demo-video {
	position: relative
}
.demo-video--device-iOS-portrait {
	border-radius: 25px;
	border: 6px solid #e8e8e8;
	box-shadow: 2px 2px 6px 0 #b6babf
}
.demo-video--device-iOS-portrait .demo-video__video-container {
	height: 0;
	padding-bottom: 216.5%
}
.demo-video__video {
	cursor: pointer;
	width: 100%
}
.demo-video--device-iOS-portrait .demo-video__video {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 18px
}
.demo-video__icon {
	width: 1.25em;
	height: 1.25em
}
.demo-video__button {
	position: absolute;
	bottom: 0;
	left: calc(100% + 16px);
	align-items: center;
	justify-content: center;
	line-height: 0
}
.demo-video__button::before {
	content: '';
	position: absolute;
	left: -16px;
	top: -16px;
	width: calc(100% + 32px);
	height: calc(100% + 32px)
}
.demo-video__button--loading {
	display: none
}
.demo-video__button--loading::after {
	content: '';
	display: block;
	width: 1.25em;
	height: 1.25em;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -0.625em;
	margin-top: -0.625em;
	border-radius: 50%;
	border: 3px solid #000000;
	border-top-color: transparent;
	animation: spin 1s infinite linear;
	top: auto;
	bottom: 0;
	left: 0;
	margin-left: 0;
	margin-top: 0
}
@keyframes spin {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
.js-demo-video--loading .demo-video__button--loading {
	display: block
}
.demo-video__button--play {
	display: block
}
.js-demo-video--active .demo-video__button--play {
	display: none
}
.demo-video__button--pause {
	display: none
}
.js-demo-video--active .demo-video__button--pause {
	display: block
}
.js-demo-video--loading .demo-video__button--play, .js-demo-video--loading .demo-video__button--pause {
	display: none
}
.logo-soup {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: calc(100% + 32px);
	justify-content: space-evenly;
	margin-left: -16px;
	margin-right: -16px;
	margin-bottom: -32px;
	padding-top: 32px
}

@media screen and (min-width: 46.875em) {
.logo-soup {
	padding-top: 64px
}
}
.logo-soup__list-item {
	margin: 0 16px 32px 16px;
	width: 25%;
	flex: 1 0 25%
}

@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
.logo-soup__list-item {
	width: 15%;
	flex: 1 0 15%
}
}

@media screen and (min-width: 67.5em) {
.logo-soup__list-item {
	width: 3.125em;
	flex: 1 1 3.125em
}
}
.logo-soup__image {
	margin: 0 auto;
	display: block
}
.featured-testimonial {
	position: relative;
	padding-top: 300px;
	display: flex
}

@media screen and (min-width: 46.875em) {
.featured-testimonial {
	padding-left: 50%;
	padding-top: 0
}
}

@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
.featured-testimonial--breakpoint-tablet {
	padding-left: 0;
	padding-top: 700px
}
}
.featured-testimonial__image-wrapper {
	height: 300px;
	width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	background-color: #fafafa
}

@media screen and (min-width: 46.875em) {
.featured-testimonial--breakpoint-mobile .featured-testimonial__image-wrapper {
	width: 50%;
	height: 100%
}
}

@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
.featured-testimonial--breakpoint-tablet .featured-testimonial__image-wrapper {
	width: 100%;
	height: 700px
}
}

@media screen and (min-width: 67.5em) {
.featured-testimonial--breakpoint-tablet .featured-testimonial__image-wrapper {
	width: 50%;
	height: 100%
}
}
.featured-testimonial__image {
	width: 100%;
	height: 100%
}
.featured-testimonial__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 0
}
.featured-testimonial__content {
	background-color: #002e25;
	color: #ffffff;
	padding: 40px 32px
}

@media screen and (max-width: 46.8125em) {
.featured-testimonial__content {
	width: 100%
}
}

@media screen and (min-width: 46.875em) {
.featured-testimonial__content {
	padding: 64px 32px
}
}

@media screen and (min-width: 67.5em) {
.featured-testimonial__content {
	margin-top: 0;
	min-height: 35.9375em;
	display: flex;
	justify-content: center;
	flex-direction: column
}
}
.featured-testimonial__quote-wrapper {
	margin: 0 auto
}

@media screen and (min-width: 67.5em) {
.featured-testimonial__quote-wrapper {
	width: 75%;
	display: flex;
	flex-direction: column;
	flex-grow: 1
}
}

@media screen and (max-width: 46.8125em) {
.featured-testimonial--breakpoint-mobile .featured-testimonial__quote-wrapper {
	max-width: 25em
}
}

@media screen and (max-width: 67.4375em) {
.featured-testimonial--breakpoint-tablet .featured-testimonial__quote-wrapper {
	max-width: 25em
}
}
.featured-testimonial__quote {
	font-size: 1.25em;
	font-weight: 500;
	margin-bottom: 35px;
	width: 100%
}

@media screen and (min-width: 46.875em) {
.featured-testimonial__quote {
	margin-bottom: 60px
}
}

@media screen and (min-width: 67.5em) {
.featured-testimonial__quote {
	flex-grow: 1;
	font-size: 1.875em;
	align-items: center;
	display: flex
}
}

@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
.featured-testimonial--breakpoint-tablet .featured-testimonial__quote {
	font-size: 1.875em;
	line-height: 1.3;
	max-width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px
}
}
.featured-testimonial__citation {
	display: block;
	font-size: 0.9375em;
	font-weight: 500
}

@media screen and (min-width: 46.875em) {
.featured-testimonial--breakpoint-tablet .featured-testimonial__citation {
	font-size: 1.25em
}
}

@media screen and (min-width: 67.5em) {
.featured-testimonial--breakpoint-mobile .featured-testimonial__citation {
	font-size: 1.25em
}
}
.featured-testimonial__video-wrapper {
	display: flex;
	justify-content: center
}
.featured-testimonial__video-wrapper .wistia_click_to_play {
	width: auto !important
}
.featured-testimonial__video-play-button {
	border: 1px solid #ffffff;
	color: #ffffff
}

@media screen and (max-width: 46.8125em) {
.featured-testimonial__video-play-button {
	font-size: 0.875em;
	display: flex;
	margin: 0 auto
}
}
.featured-testimonial__video-play-button:hover, .featured-testimonial__video-play-button:focus {
	background-color: #ffffff;
	color: #000000
}
.featured-testimonial__video-play-icon {
	width: 20px;
	height: 20px;
	margin-right: 16px;
	margin-left: -5px;
	margin-bottom: -5px
}

@media screen and (max-width: 46.8125em) {
.featured-testimonial__video-play-icon {
	min-height: 15px;
	min-width: 15px;
	max-height: 15px;
	max-width: 15px;
	margin-top: auto;
	margin-bottom: auto
}
}
.featured-testimonial__video-play-button:hover .featured-testimonial__video-play-icon, .featured-testimonial__video-play-button:focus .featured-testimonial__video-play-icon {
	fill: #002e25
}
.styled-link {
	display: inline-block;
	font-weight: 700;
	line-height: 1.3;
	padding-bottom: 2px;
	border-bottom: 2px solid transparent;
	color: #008060;
	position: relative;
	max-width: calc(100% - 1.7em);
	text-decoration: none;
	transition: border 150ms ease-in-out
}
.styled-link:hover, .styled-link:focus, a:hover .styled-link, a:focus .styled-link {
	text-decoration: none;
	border-bottom-color: currentColor;
	color: #008060
}
.styled-link__icon {
	fill: currentColor;
	display: inline-block;
	position: absolute;
	width: 1em;
	height: 1em;
	margin-top: 0.15em;
	margin-left: 0.3em;
	transform: translateX(0);
	transition: transform 150ms ease-in-out
}
.styled-link:hover .styled-link__icon, .styled-link:focus .styled-link__icon, a:hover .styled-link__icon, a:focus .styled-link__icon {
	transform: translateX(2px)
}

@media screen and (prefers-reduced-motion: reduce) {
.styled-link, .styled-link__icon {
	transition: none;
	animation: none
}
}
.styled-link--skin-black, .styled-link--skin-black:hover, .styled-link--skin-black:focus, a:hover .styled-link--skin-black, a:focus .styled-link--skin-black {
	color: #000000
}
.styled-link--skin-inherit, .styled-link--skin-inherit:hover, .styled-link--skin-inherit:focus, a:hover .styled-link--skin-inherit, a:focus .styled-link--skin-inherit {
	color: inherit
}
.styled-link {
	display: inline-block;
	font-weight: 700;
	line-height: 1.3;
	padding-bottom: 2px;
	border-bottom: 2px solid transparent;
	color: #008060;
	position: relative;
	max-width: calc(100% - 1.7em);
	text-decoration: none;
	transition: border 150ms ease-in-out
}
.styled-link:hover, .styled-link:focus, a:hover .styled-link, a:focus .styled-link {
	text-decoration: none;
	border-bottom-color: currentColor;
	color: #008060
}
.styled-link__icon {
	fill: currentColor;
	display: inline-block;
	position: absolute;
	width: 1em;
	height: 1em;
	margin-top: 0.15em;
	margin-left: 0.3em;
	transform: translateX(0);
	transition: transform 150ms ease-in-out
}
.styled-link:hover .styled-link__icon, .styled-link:focus .styled-link__icon, a:hover .styled-link__icon, a:focus .styled-link__icon {
	transform: translateX(2px)
}

@media screen and (prefers-reduced-motion: reduce) {
.styled-link, .styled-link__icon {
	transition: none;
	animation: none
}
}
.styled-link--skin-black, .styled-link--skin-black:hover, .styled-link--skin-black:focus, a:hover .styled-link--skin-black, a:focus .styled-link--skin-black {
	color: #000000
}
.styled-link--skin-inherit, .styled-link--skin-inherit:hover, .styled-link--skin-inherit:focus, a:hover .styled-link--skin-inherit, a:focus .styled-link--skin-inherit {
	color: inherit
}
.quote {
	max-width: 57.75em;
	margin: 0 auto
}
.quote__decorator {
	display: block;
	margin: 0 auto;
	width: 25px;
	height: 20px
}
.quote__decorator--color-cyan {
	fill: #90dfd6
}
.quote__decorator--color-yellow {
	fill: #ffcb67
}
.quote__decorator--color-green {
	fill: #004c3f
}
.quote__quote {
	font-size: 1.25em;
	line-height: 1.5
}

@media screen and (min-width: 46.875em) {
.quote__quote {
	font-size: 1.5em
}
}
.quote__cite {
	display: block;
	line-height: 1.5
}
.marketing-nav {
	border-bottom: none
}
.pillar-intro__wrapper {
	margin-bottom: 32px
}

@media screen and (min-width: 46.875em) {
.pillar-intro__wrapper {
	margin-bottom: 96px
}
}
.pillar-intro {
	display: flex;
	flex-wrap: wrap
}

@media screen and (min-width: 46.875em) {
.pillar-intro {
	width: 50%;
	min-width: 25em
}
}
.pillar-intro__heading-container {
	width: 100%;
	flex-shrink: 0;
	margin-bottom: 0
}

@media screen and (min-width: 46.875em) {
.pillar-intro__heading-container {
	padding-right: 32px;
	margin-bottom: 48px;
	max-width: 33.75em
}
}
.pillar-intro__heading {
	line-height: 1.1;
	font-weight: 800
}

@media screen and (max-width: 67.4375em) {
.pillar-intro__heading {
	font-size: 3em
}
}
.pillar-intro__highlight {
	display: block
}
.pillar-intro__subhead {
	margin-bottom: 3.125em;
	max-width: 22.5em
}

@media screen and (min-width: 46.875em) {
.pillar-intro__subhead {
	font-size: 1.75em
}
}

@media screen and (max-width: 46.8125em) {
.pillar-nav {
	width: 50%;
	min-width: 13.125em;
	padding-right: 32px
}
}

@media screen and (min-width: 46.875em) {
.pillar-nav {
	flex: 0 0 100%;
	max-width: 33.75em
}
}

@media screen and (min-width: 46.875em) {
.pillar-nav__list {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-bottom: -48px
}
}
.pillar-nav__item {
	margin-bottom: 32px
}

@media screen and (min-width: 46.875em) {
.pillar-nav__item {
	flex: 1 0 50%;
	margin-bottom: 48px
}
}
.pillar-nav__item-name {
	margin-bottom: 0.375em;
	font-weight: 500
}
a:hover .pillar-nav__item-name, a:active .pillar-nav__item-name {
	text-decoration: underline
}
.pillar-nav__item-description {
	max-width: 13.75em;
	margin-bottom: 0.3125em
}
.pillar-nav__link-icon {
	width: 0.9375em;
	height: 0.9375em;
	transform: translateY(0);
	transition: transform 300ms ease
}

@media screen and (prefers-reduced-motion: reduce) {
.pillar-nav__link-icon {
	transition: none;
	animation: none
}
}

@media screen and (max-width: 46.8125em) {
.pillar-nav__link-icon {
	display: block
}
}
a:hover .pillar-nav__link-icon, a:active .pillar-nav__link-icon {
	transform: translateY(3px)
}
.pillar-intro__caption {
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	position: absolute;
	bottom: -60px;
	left: calc(100% + 15px);
	opacity: 0.8;
	font-size: 0.875em
}
.pillar-nav__link {
	display: block
}

@media screen and (min-width: 46.875em) {
.pillar-nav__link {
	padding-right: 32px
}
}
.pillar-visual__blur-container {
	position: absolute;
	pointer-events: none
}
.pillar-visual__with-blur {
	fill: #808083;
	fill-opacity: 0.1;
	fill-rule: nonzero;
	filter: url("#pillar-visual__blur-filter")
}
.pillar-section__wrapper {
	padding-top: 32px;
	padding-bottom: 32px
}
.pillar-section__content-container {
	z-index: 1
}

@media screen and (min-width: 46.875em) {
.pillar-section__content-container {
	min-height: 30.9375em;
	display: flex;
	align-items: center
}
}
.pillar-section__content-container::after {
	display: block;
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1
}

@media screen and (min-width: 46.875em) {
.pillar-section__content-container::after {
	width: 75%
}
}

@media screen and (min-width: 90em) {
.pillar-section__content-container::after {
	margin-left: calc(50% - 36.875em);
width:calc(75% - (50% - 36.875em))
}
}

@media screen and (min-width: 46.875em) {
.pillar-section__content-container--flipped::after {
	left: inherit;
	right: 0
}
}

@media screen and (min-width: 67.5em) {
.pillar-section__content-container--flipped::after {
	margin-right: calc(50% - 30em)
}
}
.pillar-section__content {
	padding: 3.125em 32px
}

@media screen and (min-width: 46.875em) {
.pillar-section__content {
	padding-left: 64px;
	padding-right: 64px;
	width: 50%
}
.pillar-section__content-container--flipped .pillar-section__content {
	margin-left: 50%
}
}

@media screen and (min-width: 67.5em) {
.pillar-section__content {
	max-width: 30em
}
}

@media screen and (min-width: 90em) {
.pillar-section__content {
	margin-left: calc(50% - 36.875em)
}
}
.pillar-section__image-container {
	position: relative
}

@media screen and (max-width: 46.8125em) {
.pillar-section__image-container {
	margin-top: 1.875em;
	margin-bottom: 1.875em
}
}

@media screen and (min-width: 46.875em) {
.pillar-section__image-container {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center
}
.pillar-section__content-container--flipped .pillar-section__image-container {
	left: 0
}
}
.pillar-section__image {
	position: relative
}

@media screen and (min-width: 46.875em) {
.pillar-section__image {
	max-width: 46.875em;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}
}
.pillar-admin-visual {
	width: 100%;
	max-width: 600px
}
.pillar-section__heading {
	line-height: 1.1
}
.pillar-section__heading-container {
	margin-bottom: 32px
}

@media screen and (min-width: 46.875em) {
.pillar-section__heading-container {
	margin-bottom: 64px
}
}
.pillar-visual-localized {
	width: 100%
}
.pillar-visual-localized img {
	vertical-align: top
}
.pillar-section__detail {
	margin-bottom: 32px;
	max-width: 19.6875em
}

@media screen and (max-width: 46.8125em) {
.pillar-section__heading-container, .pillar-section__detail, .pillar-resource {
	max-width: 19.6875em
}
}
.pillar-section__detail:last-of-type {
	margin-bottom: 0
}
.pillar-feature__link {
	color: #212326;
	text-decoration: underline;
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
	-webkit-text-decoration-style: solid;
	text-decoration-style: solid;
	-webkit-text-decoration-color: currentColor;
	text-decoration-color: currentColor;
	-webkit-text-decoration-skip: ink;
	text-decoration-skip-ink: auto
}
.pillar-feature__link:hover, .pillar-feature__link:focus {
	text-decoration: none
}
.pillar-feature__link:active {
	background-color: rgba(33,35,38,0.125)
}
.pillar-resource {
	padding: 1.25em 0.9375em;
	display: inline-flex;
	align-items: center;
	margin-top: 16px;
	border-radius: 4px
}
.pillar-resource__icon {
	flex-shrink: 0;
	width: 1.25em;
	height: 1.25em;
	margin-right: 16px
}
.pillar-resource__content {
	margin: 0
}
.pillar-resource__link {
	color: inherit
}
.pillar-resource__link:hover, .pillar-resource__link:focus {
	color: inherit;
	text-decoration: none
}
.pillar__testimonial-wrapper {
	padding-top: 3.125em;
	padding-bottom: 3.125em
}
.pillar-testimonial {
	max-width: 37.5em;
	margin-top: 64px
}

@media screen and (min-width: 46.875em) {
.pillar-testimonial {
	margin-top: 5em
}
}
.pillar-testimonial .wistia_click_to_play {
	width: auto !important
}
.pillar-testimonial--inline {
	margin-top: 96px;
	margin-bottom: 32px
}
.pillar-testimonial__quote {
	margin: 0 auto 16px;
	font-size: 1.375em
}
.pillar-testimonial__video {
	display: inline-flex;
	align-items: center;
	margin-top: 16px;
	color: #212326;
	border-color: #212326;
	border-width: 1px
}
.pillar-testimonial__video:hover, .pillar-testimonial__video:focus {
	background-color: #212326;
	color: #ffffff
}
.pillar-testimonial__video-play {
	width: 16px;
	height: 16px;
	margin-right: 10.6666666667px;
	fill: currentColor
}
.pillar-footer__signup {
	padding-top: 3.125em
}
.pillar-footer__subhead {
	max-width: 31.25em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.875em
}
.pillar-footer__back-wrapper {
	text-align: right;
	font-size: 1em;
	margin-top: 5em;
	margin-bottom: 21.3333333333px
}
.ui-illustration-fallback {
	display: none
}
.ui-illustration__image {
	position: relative
}
.ui-illustration__start-url {
	position: absolute;
	width: 34%;
	top: 15.5%;
	right: 0
}
.manage-dashboard__visual-container {
	position: relative;
	max-width: 560px;
	pointer-events: none
}
.manage-dashboard__visual--admin {
	width: 88%;
	padding-bottom: 6%
}
.manage-dashboard__visual--mobile {
	position: absolute;
	width: 42%;
	bottom: 0;
	right: 0
}
.manage-orders__visual-container {
	position: relative;
	max-width: 611px;
	pointer-events: none
}
.manage-orders__visual--admin {
	width: 96%
}
.manage-orders__visual--in-page-product {
	position: absolute;
	top: 28%;
	right: 0;
	width: 29%
}
.manage-orders__visual--product-decorative {
	position: absolute;
	bottom: 0;
	right: 11.2%;
	width: 38%
}
.page--home .manage-orders__visual--product-decorative {
	display: none
}

@media screen and (max-width: 67.4375em) {
.homepage-ui-illustration {
	order: 2
}
}
.ui-illustration__container-sell {
	position: relative;
	max-width: 611px;
	pointer-events: none
}
.ui-illustration__container-sell--admin {
	margin-left: auto;
	width: 85%;
	padding-bottom: 7%
}
.ui-illustration__container-sell--mobile {
	position: absolute;
	width: 30%;
	bottom: 4%;
	left: 0
}
.ui-illustration__sell--in-page-product {
	position: absolute;
	top: 31.5%;
	left: 10.65%;
	width: 35%
}
.page--home .compliance-wrapper {
	margin-left: 20%;
	max-width: 70%
}
.ui-illustration {
	pointer-events: none;
	width: 100%
}
.ui-illustration__component {
	opacity: 0;
	transition: opacity 300ms ease-in-out
}
.ui-illustration__component--initialized, .ui-illustration__component--initialized .ui-illustration__component {
	opacity: 1
}
.ui-illustration__inner-container {
	position: relative;
	width: 100%
}
.ui-illustration__card {
	border-radius: 4px;
	background-color: #ffffff
}
.ui-illustration__card--shadow {
	box-shadow: 0 4px 50px 0 #e8e9eb;
	transform: translate3d(0, 0, 0)
}
.ui-illustration__card--outline {
	border: 1px solid #e8e9eb
}
.ui-illustration__card--fill {
	background-color: #f0f1f2
}
.ui-illustration-admin-add-to-cart {
	width: 280px
}
.ui-illustration-admin-add-to-cart__inner {
	display: flex;
	flex-direction: column;
	position: relative;
	min-height: 121px
}
.ui-illustration-admin-add-to-cart__content {
	border-collapse: collapse;
	width: 62%;
	margin-top: 10px
}
.ui-illustration-admin-add-to-cart__overlay-container {
	position: absolute;
	right: -40px;
	width: 55%;
	bottom: -23px
}
.ui-illustration-admin-add-to-cart__overlay-container::before {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	width: 100%;
	height: calc(100% + 17px);
	border-bottom: 3px solid #ffffff;
	border-right: 3px solid #ffffff
}
.ui-illustration-admin-add-to-cart__row>td {
	padding-top: 0.4em;
	padding-bottom: 1em
}
.ui-illustration-admin-add-to-cart__row:last-child {
	border-bottom: none
}
.ui-illustration-admin-add-to-cart__row:last-child>td {
	padding-bottom: 0
}
.ui-illustration-admin-add-to-cart__row--with-rate {
	border-bottom: 1px solid #f0f1f2
}
.ui-illustration-admin-add-to-cart__item-summary {
	flex: 1 1 auto
}
.ui-illustration-admin-add-to-cart__item-name, .ui-illustration-admin-add-to-cart__item-rate, .ui-illustration-admin-add-to-cart__item-count {
	font-size: 10px;
	margin-left: 0.5em;
	line-height: 1.1
}
.ui-illustration-admin-add-to-cart__item-name {
	flex: 1 0 30%;
	font-weight: normal;
	text-align: left;
	padding-top: 1em
}
.ui-illustration-admin-add-to-cart__item-rate {
	text-align: right
}
.ui-illustration-admin-bar-graph {
	width: 280px
}
.ui-illustration-admin-bar-graph--wide {
	width: 628px
}
.ui-illustration-admin-bar-graph__inner {
	position: relative;
	width: 100%;
	min-height: 121px
}
.ui-illustration-admin-bar-graph__image {
	display: flex;
	flex-direction: column;
	margin-top: auto;
	margin-bottom: 0
}
.ui-illustration-admin-bar-graph--wide .ui-illustration-admin-bar-graph__image {
	margin-top: -4%
}
.ui-illustration-admin-container {
	width: 757px
}
.ui-illustration-admin-container .ui-illustration__component {
	height: 100%
}
.ui-illustration-admin-container--mobile {
	width: 359px
}
.ui-illustration-admin-container__mobile-outline {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none
}
.ui-illustration-admin-container__section {
	padding: 18px
}
.ui-illustration-admin-container--mobile .ui-illustration-admin-container__section {
	flex-grow: 1;
	margin-bottom: 10px
}
.ui-illustration-admin-container--mobile .ui-illustration-admin-container__section:last-child {
	margin-bottom: 0
}
.ui-illustration-admin-container--layout-desktop-bottom-full .ui-illustration-admin-container__section:last-child {
	grid-row: 2 / 3;
	grid-column: 1 / 3
}
.ui-illustration-admin-container--layout-desktop-right-full .ui-illustration-admin-container__section:last-child {
	grid-row: 1 / 3;
	grid-column: 2 / 3
}
.ui-illustration-admin-container--layout-mobile-content-only .ui-illustration-admin-container__section:first-child {
	margin-top: 5%
}
.ui-illustration-admin-container--layout-mobile-nav-only .ui-illustration-admin-container__section:first-child {
	margin-top: 2%
}
.ui-illustration-admin-container__keep-dimensions {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 65.3896961691%
}
.ui-illustration-admin-container--mobile .ui-illustration-admin-container__keep-dimensions {
	padding-bottom: 179.6657381616%;
	background-color: transparent
}
.ui-illustration-admin-container__content-container {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 6%
}
.ui-illustration-admin-container--mobile .ui-illustration-admin-container__content-container {
	padding: 30px 15px 28%;
	margin-left: 5px;
	width: calc(100% - 6px);
	background-color: #ffffff;
	border-radius: 20px
}
.ui-illustration-admin-container__mobile-hero {
	position: relative
}
.ui-illustration-admin-container__hero {
	color: #212326;
	padding: 45px 84px 40px 15px;
	font-size: 20px
}
.ui-illustration-admin-container__hero em {
	font-style: normal
}
.ui-illustration-admin-container__header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 5%;
	flex-grow: 0
}
.ui-illustration-admin-container--mobile .ui-illustration-admin-container__header {
	padding: 0 15px
}
.ui-illustration-admin-container__search-bar {
	display: flex;
	background-color: #faf9f8;
	padding: 2%;
	align-items: center;
	min-width: 35%;
	margin-left: 15%
}
.ui-illustration-admin-container__header-icon {
	width: 40px;
	height: 36px
}
.ui-illustration-admin-container__search-icon {
	flex-shrink: 0;
	fill: #d6d4ce;
	width: 16px;
	height: 14px
}
.ui-illustration-admin-container__search-text {
	margin-left: 5%;
	line-height: 1em;
	font-size: 14px
}
.ui-illustration-admin-container__merchant-profile {
	display: flex;
	align-items: center
}
.ui-illustration-admin-container__merchant-image {
	border-radius: 50%;
	width: 36px;
	margin-right: 8px
}
.ui-illustration-admin-container--mobile .ui-illustration-admin-container__merchant-image {
	margin-right: 0;
	width: 12%
}
.ui-illustration-admin-container__merchant-name {
	color: #212326;
	font-weight: 700;
	line-height: 1em;
	font-size: 14px
}
.ui-illustration-admin-container__merchant-business {
	line-height: 1em;
	font-size: 14px
}
.ui-illustration-admin-container__body {
	height: 100%;
	overflow: hidden;
	padding: 5%;
	margin: -5%
}
.ui-illustration-admin-container--desktop .ui-illustration-admin-container__body {
	display: grid;
	grid-gap: 2%;
	column-gap: 0.7em;
	row-gap: 0.7em;
	grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)
}
.ui-illustration-admin-container--mobile .ui-illustration-admin-container__body {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	overflow: hidden;
	padding: 15% 5%;
	margin: -15% -5%
}
.ui-illustration-admin-list {
	width: 280px
}
.ui-illustration-admin-list__inner {
	display: flex;
	flex-direction: column;
	min-height: 282px
}
.ui-illustration-admin-list--short .ui-illustration-admin-list__inner {
	min-height: 121px
}
.ui-illustration-admin-list__list-item {
	display: flex;
	align-items: center;
	padding: 4% 0;
	border-top: 1px solid #e7e5e0;
	flex-grow: 1
}
.ui-illustration-admin-list__list-item:last-child {
	padding-bottom: 0
}
.ui-illustration-admin-list__image {
	width: 10%;
	margin-left: 0;
	margin-right: 3%
}
.ui-illustration-admin-list__label {
	font-size: 14px
}
.ui-illustration-admin-list__label--payouts {
	color: #212326;
	background-color: #e8e9eb;
	padding: 4px 16px;
	border-radius: 26px
}
.ui-illustration-admin-list__list-item:first-of-type .ui-illustration-admin-list__label--payouts {
	background-color: #b9f0e9
}
.ui-illustration-admin-list__label--secure-transactions {
	color: #212326
}
.ui-illustration-admin-list__status {
	margin-left: 13px;
	width: 18px
}
.ui-illustration-admin-list__amount {
	margin-left: auto;
	font-size: 14px
}
.ui-illustration-admin-list--list-type-email-recipients .ui-illustration-admin-list__list-item {
	padding: 6% 0
}
.ui-illustration-admin-list--list-type-email-recipients .ui-illustration-admin-list__label {
	font-size: 12px
}
.ui-illustration-admin-list--list-type-email-recipients .ui-illustration-admin-list__list-item:nth-child(3) {
	position: relative;
	background-color: #f0f1f2;
	border-top: 0;
	margin-left: -18px;
	margin-right: -18px;
	margin-bottom: -1px;
	padding-left: 18px;
	padding-right: 18px
}
.ui-illustration-admin-list--list-type-email-recipients .ui-illustration-admin-list__list-item:nth-child(3)::before {
	content: '';
	position: absolute;
	top: 0;
	left: 18px;
	width: calc(100% - 36px);
	height: 1px;
	background-color: #e7e5e0
}
.ui-illustration-admin-list--list-type-email-recipients .ui-illustration-admin-list__list-item:last-child {
	margin-bottom: -6%
}
.fulfillment-circle {
	position: relative;
	overflow: hidden;
	border-radius: 50%
}
.fulfillment-circle::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 100%;
	background-color: currentColor
}
.fulfillment-circle--fill-half::before {
	transform: translateY(-50%)
}
.fulfillment-circle--fill-full::before {
	transform: translateY(-100%)
}
.fulfillment-circle--size-small {
	width: 9vw;
	height: 9vw;
	max-width: 150px;
	max-height: 150px;
	min-width: 80px;
	min-height: 80px
}
.fulfillment-circle--size-medium {
	width: 12vw;
	height: 12vw;
	max-width: 192px;
	max-height: 192px;
	min-width: 145px;
	min-height: 145px
}
.fulfillment-circle--size-large {
	width: 30vw;
	height: 30vw;
	max-width: 510px;
	max-height: 510px;
	min-width: 386px;
	min-height: 386px
}
.fulfillment-circle--border-thin {
	box-shadow: inset 0 0 0 2px
}
.fulfillment-circle--border-medium {
	box-shadow: inset 0 0 0 15px
}
.fulfillment-circle--border-thick {
	box-shadow: inset 0 0 0 30px
}
.ui-illustration-admin-orders {
	width: 280px
}
.ui-illustration-admin-orders__inner {
	display: flex;
	flex-direction: column;
	min-height: 121px;
	position: relative
}
.ui-illustration-admin-orders__content {
	border-collapse: collapse;
	width: 100%;
	margin-top: 10px
}
.ui-illustration-admin-orders--product-overlay .ui-illustration-admin-orders__content {
	width: 62%
}
.ui-illustration-admin-orders__order-status {
	display: flex;
	align-items: center;
	margin-bottom: auto
}
.ui-illustration-admin-orders__order-status-icon {
	width: 15px;
	height: 15px
}
.ui-illustration-admin-orders__order-status-text {
	font-weight: 700;
	font-size: 12px;
	margin-left: 0.5em
}
.ui-illustration-admin-orders__product-overlay {
	position: absolute;
	right: -10px;
	width: 32%;
	bottom: -42%;
	background-color: #ffffff;
	padding: 1%
}
.ui-illustration-admin-orders__row>td {
	padding-top: 0.4em;
	padding-bottom: 0.8em
}
.ui-illustration-admin-orders__row:last-child {
	border-bottom: none
}
.ui-illustration-admin-orders__row:last-child>td {
	padding-bottom: 0
}
.ui-illustration-admin-orders__row--long>td {
	white-space: nowrap;
	padding-top: 4px;
	padding-bottom: 4px
}
.ui-illustration-admin-orders__row--long:last-child>td {
	padding-bottom: 0
}
.ui-illustration-admin-orders__product-image-container {
	width: 16%
}
.ui-illustration-admin-orders__item-summary {
	flex: 1 1 auto
}
.ui-illustration-admin-orders__item-name, .ui-illustration-admin-orders__item-price, .ui-illustration-admin-orders__item-sku, .ui-illustration-admin-orders__item-total {
	font-size: 10px;
	margin-left: 0.5em;
	line-height: 1.1
}
.ui-illustration-admin-orders__item-name {
	flex: 1 0 30%;
	font-weight: normal;
	text-align: left;
	color: #25958f
}
.ui-illustration-admin-orders__row--long .ui-illustration-admin-orders__item-name {
	width: 99%
}
.ui-illustration-admin-orders__row--short .ui-illustration-admin-orders__item-name {
	padding-top: 1em
}
.ui-illustration-admin-orders__item-price {
	flex: 1 1 auto
}
.ui-illustration-admin-orders__row--long .ui-illustration-admin-orders__item-sku, .ui-illustration-admin-orders__row--long .ui-illustration-admin-orders__item-name {
	padding-left: 1em
}
.ui-illustration-admin-orders__item-total {
	text-align: right
}
.ui-illustration-admin-panel {
	width: 317px
}
.ui-illustration-admin-panel__card {
	padding: 18px
}
.ui-illustration-admin-payments {
	width: 280px
}
.ui-illustration-admin-payments__inner {
	min-height: 121px;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: auto auto;
	grid-template-rows: auto auto;
	justify-content: space-between;
	align-content: space-between
}
.ui-illustration-admin-payments__section {
	flex: 1 1 auto
}
.ui-illustration-admin-payments__section:last-child {
	grid-column-start: 1;
	grid-column-end: 3
}
.ui-illustration-admin-payments__section--bank-account {
	flex-grow: 0
}
.ui-illustration-admin-payments__section--bank-account .ui-illustration-admin-payments__section-content {
	justify-content: flex-end
}
.ui-illustration-admin-payments__section-content {
	display: flex;
	justify-content: flex-start;
	font-size: 14px
}
.ui-illustration-admin-payments__card-image {
	margin-left: 0;
	margin-right: 7px;
	margin-top: 5px
}
.ui-illustration-admin-payments__cta {
	display: flex;
	align-items: center;
	align-self: flex-end;
	margin-left: auto;
	font-size: 14px;
	font-weight: 500
}
.ui-illustration-admin-payments__cta-text {
	text-align: right
}
.ui-illustration-admin-payments__cta-icon {
	fill: #9fa5ab;
	font-size: 0.8em;
	margin-left: 0.4em;
	margin-top: 0.2em
}
.ui-illustration-admin-section-heading {
	color: #212326;
	width: 100%;
	font-size: 12px;
	margin-bottom: auto;
	padding-bottom: 1em
}
.ui-illustration-admin-summary {
	width: 280px
}
.ui-illustration-admin-summary__inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 121px
}
.ui-illustration-admin-summary__content {
	display: flex;
	border-bottom: 1px solid #e7e5e0;
	flex-wrap: wrap;
	padding-bottom: 3%;
	align-items: flex-end;
	flex-grow: 1
}
.ui-illustration-admin-summary__heading-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: auto;
	width: 100%
}
.ui-illustration-admin-summary__date {
	font-size: 10px;
	flex-shrink: 0
}
.ui-illustration-admin-summary__total {
	color: #212326;
	font-weight: bold;
	font-size: 32px;
	line-height: 1
}
.ui-illustration-admin-summary__image {
	width: 24%;
	margin-right: 0;
	margin-bottom: 0
}
.ui-illustration-admin-summary__image--overflow-top {
	margin-top: -5%;
	width: 28%
}
.ui-illustration-admin-summary__footer {
	display: flex;
	align-items: center;
	margin-top: 3%;
	flex-grow: 0;
	font-size: 14px
}
.ui-illustration-admin-summary__footer-text {
	margin-right: 5%
}
.ui-illustration-admin-summary__footer-cta {
	margin-left: auto;
	text-align: right;
	font-weight: 500
}
.ui-illustration-admin-summary__footer-icon {
	fill: #9fa5ab;
	font-size: 0.8em;
	margin-left: 0.4em
}
.example-merchants {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 16px;
	align-items: start;
	justify-items: start
}

@media screen and (max-width: 46.8125em) {
.example-merchants .example-merchant:nth-child(n+5) {
	display: none
}
}

@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
.example-merchants {
	grid-template-columns: repeat(4, 1fr)
}
.example-merchants .example-merchant:nth-child(n+5) {
	display: none
}
}

@media screen and (min-width: 750px) and (max-width: 850px) {
.example-merchants {
	grid-template-columns: repeat(3, 1fr)
}
.example-merchants .example-merchant:nth-child(n+4) {
	display: none
}
}

@media screen and (min-width: 67.5em) {
.example-merchants {
	grid-template-columns: repeat(5, 1fr)
}
}

@media screen and (min-width: 90em) {
.example-merchants__more {
	text-align: right
}
}
.example-merchant {
	display: block
}
.example-merchant__link {
	display: flex;
	flex-direction: column
}

@media screen and (max-width: 46.8125em) {
.example-merchant__link:nth-child(n+3) {
	margin-bottom: 0
}
}

@media screen and (min-width: 46.875em) {
.example-merchant__link {
	margin-bottom: 0
}
}
.example-merchant__vertical {
	order: 1;
	color: #ffffff;
	font-weight: 500
}
.example-merchant__link:hover .example-merchant__vertical {
	text-decoration: underline
}
.example-merchant__vertical:last-child {
	margin-bottom: 5px
}
.example-merchant__name {
	order: 2;
	font-weight: 400;
	color: #ffffff
}

@media screen and (max-width: 67.4375em) {
.start-block {
	max-width: 25em
}
}
.start-block__icon {
	fill: #c1f0d0;
	width: 2.25em;
	height: 2.25em
}
.pillars__heading-wrapper {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 50px
}

@media screen and (min-width: 46.875em) {
.pillars__heading-wrapper {
	width: 90%;
	margin-bottom: 90px
}
}

@media screen and (min-width: 67.5em) {
.pillars__heading-wrapper {
	width: 75%
}
}
.pillars__subhead {
	margin: 0 auto;
	width: 90%
}

@media screen and (min-width: 46.875em) {
.pillars__subhead {
	font-size: 1.25em;
	width: 64%
}
}

@media screen and (min-width: 67.5em) {
.pillars__subhead {
	font-size: 1em;
	width: 55%
}
}
.pillars__admin-ui-illustration {
	margin-left: auto;
	margin-right: auto
}

@media screen and (min-width: 67.5em) {
.pillars__admin-ui-illustration {
	max-width: 660px;
	margin-right: 0
}
}
.pillars__wrapper {
	max-width: 1215px;
	margin: 0 auto;
	display: flex;
	flex-direction: column
}

@media screen and (max-width: 46.8125em) {
.pillars__wrapper {
	padding: 40px 0
}
}

@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
.pillars__wrapper {
	padding: 70px 40px
}
}

@media screen and (max-width: 67.4375em) {
.pillars__wrapper {
	max-width: 100%
}
}

@media screen and (min-width: 46.875em) {
.pillars__wrapper {
	align-items: center
}
}

@media screen and (min-width: 67.5em) {
.pillars__wrapper {
	flex-direction: row;
	justify-content: center;
	max-width: 1215px
}
}

@media screen and (max-width: 46.8125em) {
.pillars__block {
	margin-bottom: 32px
}
}

@media screen and (min-width: 46.875em) {
.pillars__block {
	max-width: 570px
}
}

@media screen and (min-width: 67.5em) {
.pillars__block {
	margin-left: 90px
}
}
.pillars__block .highlight {
	display: block;
	color: #004c3f
}

@media screen and (min-width: 67.5em) {
.pillars__block--sell, .pillars__block--manage {
	padding-right: 96px
}
}

@media screen and (min-width: 67.5em) {
.pillars__block--manage {
	margin-top: 64px
}
}

@media screen and (max-width: 67.4375em) {
.pillars__image {
	order: 2
}
}
.pillars__image--market {
	max-width: 615px
}
.pillars__block-heading {
	font-size: 1.5em;
	margin-bottom: 16px
}

@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
.pillars__block-heading {
	font-size: 2.375em
}
}

@media screen and (min-width: 46.875em) {
.pillars__block-heading {
	font-size: 2.125em;
	margin-bottom: 20px
}
}

@media screen and (min-width: 46.875em) {
.pillars-animation__sell {
	margin-right: -30px;
	max-width: 1000px
}
}
.pillars-animation__manage {
	max-width: 1000px
}
.pillars-animation__button--sell {
	bottom: 0;
	left: 0
}

@media screen and (min-width: 46.875em) {
.pillars-animation__button--sell {
	bottom: 4.5em;
	left: 100%
}
}
.pillars-animation__button--manage {
	bottom: 0.6em;
	left: calc(100% - 15px)
}

@media screen and (min-width: 46.875em) {
.pillars-animation__button--manage {
	bottom: 3.5em;
	left: calc(100% - 40px)
}
}

@media screen and (min-width: 46.875em) {
.pillars__block-link {
	font-size: 1.125em
}
}
.card-collection__section-heading-wrapper {
	margin-bottom: 48px
}
.card-collection__cards-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.card-collection__card {
	width: 100%;
	background-color: #ffffff
}

@media screen and (max-width: 46.8125em) {
.card-collection__card--half {
	margin-bottom: 32px
}
}

@media screen and (min-width: 46.875em) {
.card-collection__card--half {
	width: calc(50% - 16px)
}
}
.card-collection__card-content-wrapper {
	padding: 2em
}

@media screen and (min-width: 46.875em) {
.card-collection__card-content-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%
}
}
.card-collection__card--full {
	margin-bottom: 32px;
	display: flex
}

@media screen and (max-width: 46.8125em) {
.card-collection__card--full {
	flex-direction: column-reverse
}
}

@media screen and (min-width: 46.875em) {
.card-collection__card--full {
	flex: 0 0 auto
}
}
.card-collection__card--full .card-collection__card-content-wrapper {
	width: 100%
}

@media screen and (min-width: 46.875em) {
.card-collection__card--full .card-collection__card-content-wrapper {
	width: calc(50% - 16px)
}
}
.card-collection__card--full .card-collection__card-image-wrapper {
	width: 100%
}

@media screen and (min-width: 46.875em) {
.card-collection__card--full .card-collection__card-image-wrapper {
	width: calc(50% + 16px)
}
}
.card-collection__card-image {
	height: 100%;
	width: 100%;
	object-fit: cover
}

@media screen and (max-width: 46.8125em) {
.card-collection__card-image {
	height: 25em
}
}
.card-collection__card-kicker {
	font-weight: 800;
	font-size: 0.875em;
	text-transform: uppercase
}
.card-collection__card-heading {
	max-width: 500px
}
.card-collection__card-content {
	max-width: 480px
}
.card-collection__card-cta {
	align-self: flex-start
}
.trust-seals__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: calc(100% + 32px);
	justify-content: space-evenly;
	margin-left: -16px;
	margin-right: -16px;
	margin-bottom: -32px;
	padding-top: 32px
}

@media screen and (min-width: 46.875em) {
.trust-seals__list {
	padding-top: 64px
}
}
.trust-seals__item {
	margin: 0 16px 32px 16px;
	width: 25%;
	flex: 1 0 25%
}

@media screen and (max-width: 46.8125em) {
.trust-seals__item {
	flex: auto;
	width: 30%
}
}

@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
.trust-seals__item {
	width: 15%;
	flex: 1 0 15%
}
}

@media screen and (min-width: 67.5em) {
.trust-seals__item {
	width: 3.125em;
	flex: 1 1 3.125em
}
}
.marketing-nav {
	position: relative;
	border-bottom: none;
	box-shadow: 0 10px 10px -10px rgba(33,35,38,0);
	transition: all 300ms ease-in-out
}
.marketing-nav.marketing-nav--solid {
	background-color: #ffffff;
	box-shadow: 0 10px 10px -10px rgba(33,35,38,0.1)
}
.wistia-modal {
	position: relative;
	padding: 0;
	padding-top: 56.25%
}
.wistia-modal__embed-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.wistia-modal__embed {
	width: 100%;
	height: 100%
}
.wistia-modal__spinner {
	content: '';
	display: block;
	width: 64px;
	height: 64px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -32px;
	margin-top: -32px;
	border-radius: 50%;
	border: 3px solid #828a91;
	border-top-color: transparent;
	animation: spin 1s infinite linear
}
@keyframes spin {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
.wistia-modal.has-played .wistia-modal__spinner {
	display: none
}
.modal-container--wistia {
	align-items: center;
	padding-bottom: 0;
	transition: none
}
.modal-container--wistia>.modal {
	width: 100%;
	padding-top: 64px;
	padding-bottom: 64px
}

@media screen and (max-width: 46.8125em) {
.modal-container--wistia>.modal {
	padding-top: 0
}
}
.modal-container--wistia.js-is-active {
	display: flex
}
.section--map {
	position: relative
}

@media screen and (max-width: 46.8125em) {
.section--map {
	display: flex;
	flex-direction: column
}
}
.map__fallback {
	padding-top: 15%
}
.interactive-map-enabled .map__fallback {
	display: none
}
.map__container {
	position: relative;
	width: 100%;
	flex-grow: 1
}
.map__globe-wrapper {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	display: none;
	position: relative
}
.interactive-map-enabled .map__globe-wrapper {
	display: block
}
.map__canvas-container {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: absolute
}
.map__control {
	position: absolute;
	left: 10%;
	bottom: 15%;
	border: 3px solid transparent;
	padding: 20px 15px;
	transition: border-color 300ms
}
.map__control:focus {
	border-color: #004c3f
}
.map__control--pause {
	display: none
}
.js-map-animation--active .map__control--pause {
	display: block
}
.map__control--play {
	display: block
}
.js-map-animation--active .map__control--play {
	display: none
}
.map__control-container {
	display: flex;
	align-items: center
}
.map__control-icon {
	width: 1.875em;
	height: 1.875em;
	fill: #008060
}
.map__disclaimer {
	margin-top: 16px;
	padding-right: 64px
}
.marketing-nav {
	background-color: #fbf7ed
}
.announcement-banner .announcement {
	background: #004c3f
}
.announcement-banner .body-link {
	color: #dff7e5
}
.picture--cover {
	display: block;
	width: 100%;
	height: 100%
}
.picture--cover>img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.homepage-hero {
	position: relative;
	background-color: #fbf7ed;
	overflow: hidden
}

@media screen and (max-width: 67.4375em) {
.homepage-hero {
	padding-bottom: 0
}
}

@media screen and (max-width: 46.8125em) {
.homepage-hero__content {
	margin-bottom: 32px
}
}

@media screen and (min-width: 46.875em) {
.homepage-hero__content {
	max-width: 65%
}
}

@media screen and (min-width: 46.875em) and (max-width: 67.4375em) {
.homepage-hero__content {
	margin-bottom: 64px
}
}

@media screen and (min-width: 67.5em) {
.homepage-hero__content {
	padding-right: 80px
}
}
.homepage-hero__image {
	position: relative
}
.homepage-hero__image::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background: linear-gradient(to top, rgba(0,0,0,0.65) 0, rgba(0,0,0,0) 30%)
}

@media screen and (min-width: 67.5em) {
.homepage-hero__image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50%
}
}

@media screen and (min-width: 67.5em) and (min-width: 67.5em) {
.homepage-hero__image {
	right: -64px
}
}

@media screen and (min-width: 67.5em) {
.homepage-hero__image>img {
	object-position: right top
}
}
.homepage-hero-video__play {
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: flex;
	align-items: center
}

@media screen and (min-width: 67.5em) {
.homepage-hero-video__play {
	right: 84px
}
}
.homepage-hero-video__icon {
	border: 2px solid #ffffff;
	background-color: #ffffff;
	padding: 8px;
	border-radius: 2px;
	width: 30px;
	height: 30px;
	margin-right: 10px
}
.homepage-hero-video__text {
	color: #ffffff;
	font-weight: 700
}

@media screen and (max-width: 46.8125em) {
.homepage-hero-video__text {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap
}
}
.homepage-hero__heading {
	font-size: 2.25em
}

@media screen and (min-width: 46.875em) {
.homepage-hero__heading {
	font-size: 3.125em
}
}

@media screen and (min-width: 90em) {
.homepage-hero__heading {
	font-size: 3.75em
}
}
.section-heading__heading--regular {
	font-weight: 400
}
.section--help {
	position: relative
}

@media screen and (max-width: 46.8125em) {
.section--help {
	padding-bottom: 0
}
}
[lang="en"] .section--help__heading {
	max-width: 18ch
}

@media screen and (min-width: 46.875em) {
.section--help__content {
	padding-right: 32px
}
}

@media screen and (min-width: 46.875em) {
.section--help__last-block {
	margin-bottom: 0
}
.section--help__last-block .block__cta {
	width: 150%
}
}

@media screen and (max-width: 46.8125em) {
.section--help__picture {
	height: 24.375em
}
}

@media screen and (min-width: 46.875em) {
.section--help__picture {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 33.3333333333%
}
}

@media screen and (min-width: 67.5em) {
.section--help__picture {
	width: 50%
}
}
.back-to-top-link-wrapper {
	text-align: center;
	margin-bottom: 32px
}

@media screen and (min-width: 46.875em) {
.back-to-top-link-wrapper {
	text-align: right
}
}
.back-to-top-link {
	font-size: 1.125em
}
.homepage-map {
	max-width: 88.4375em;
	margin-left: auto;
	margin-right: auto
}
.map-interactive--homepage {
	margin-top: -20%;
	margin-bottom: -10%
}

@media screen and (min-width: 46.875em) {
.map-interactive--homepage {
	margin-top: -15%
}
}
.homepage-map__heading-wrapper {
	position: relative;
	z-index: 1;
	max-width: 46.875em
}