@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:1200px; 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; text-align: center; color:#fff;}
.case_ul .tag span{ margin-right:10px; display: none;}
.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:280px; object-fit: cover; 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 .wp{ padding: 0 120px; box-sizing: border-box;}
.flink{ background:#f2f2f2; padding:10px 0; text-align:center; color:#888888; font-size: 12px; line-height: 1.4;}
.flink strong{ float: left;}
.flink a{ margin-right: 0.5em; 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:#e81215; }

.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; margin: 10px 0; box-shadow: 2px 2px 15px rgba(0,0,0,0.1);}

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

.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{ padding-bottom:40px;}
.baike_list .single-item{ margin:0 -4px;}
.baike_list .pd{ display:block; margin:0 4px;}
.baike_list .slick-arrow{ background:rgba(225,0,0,0.8); height:48px; margin-top:-24px; color:#fff;}
.baike_list .slick-prev{ left:-44px;}
.baike_list .slick-next{ right:-44px;}
.baike_list .slick-dots{ bottom:-30px;}
.baike_list .slick-arrow:hover{ background:rgba(225,0,0,1);}


.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{ }

.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;}
}




/*.iabout .h3,
.iabout .h3 strong,
.iabout .h3 span,
.iabout .p strong,
.iabout .p span{ color: #888; font-size: 1em;}*/

@media screen and (max-width:540px){
.iabout{ text-align: left; text-align: justify;}
}

/*[href*="spread"]{ display: none !important; visibility: hidden; pointer-events: none;}*/



.embed-icon-default{ display: none !important;}
.quick_nav2 li.quick_kf{background:#e81215; color:#fff;}
.quick_nav2 li.quick_kf .pd{color:#fff;}
/*
#newBridge{ display: none !important;}
.show_sq{ display: none !important ;}*/