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


.case .sub-title-txt h2 {
	color: #fff
}

.case .sub-menu .left {
	color: #fff
}

.case .sub-menu .left span {
	border-color: #fff
}

.case .sub-menu .share span {
	color: #fff
}

.case .sub-menu .share span svg {
	fill: #fff
}

.case .sub-menu .share li a {
	color: #fff
}

.case .sub-title-border {
	border-color: #fff;
	display: none;
}

.case .info {
	width: 100%;
	margin: 0 auto
}

.case .info p {
	font-size: 15px;
	margin-top: 40px;
}

@media only screen and (min-width:1440px) {
	.case .info img {
		max-width: 1200px !important;
	}
}

.case .info ul {
	width: 100%;
	position: relative;
	font-size: 0
}

.case .info li {
	display: inline-block;
	position: relative;
	width: 32.3%;
	margin: 0;
	margin-right: 1%;
	margin-bottom: 15px;
	vertical-align: top
}

.case .info li:nth-child(3n) {
	margin-right: 0;
}

.infosb {
	font-size: 20px;
	margin-bottom: 35px;
	font-weight: initial;
	color: #000;
	font-weight: bold;
}

.infosb:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	margin-right: 10px;
	height: 1px;
	background: #444;
}


.case .info li .Img {
	position: relative;
	overflow: hidden
}

.case .info li .Img i {
	position: absolute;
	background: rgba(255, 255, 255, .9);
	text-align: center;
	bottom: 0;
	color: #000;
	font-size: 17px;
	font-weight: bold;
	width: 100%;
	height: 70px;
	line-height: 70px;
	display: block;
	transform: translateY(100%);
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out
}

.case .info li .Img i img {
	max-width: 100%;
	max-height: 100%;
}


.casldse .case_nimeide.active {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 23;
	background: #211e2f;
	left: 0;
}

.sun-menu {
	transition: 0.4s ease-in-out;
}

.case_nimeide.active .sun-menu {

	margin: 0 auto;
	padding: 20px 0;
	padding-left: 165px;
	padding-right: 165px;

}

.case_nimeide.active .sun-menu a {
	color: #fff;
}

/*.case_nimeide.active .sun-menu a span{
	border-top: 1px solid white;
}*/
.case_nimeide.active .sun-menu a:hover {
	color: #000;
}


.case .info li .Img {
	display: block;
	width: 100%;
	overflow: hidden
}

.case .info li .Img>img {
	display: block;
	width: 100%;
	height: auto;
	transition: all 1.2s ease-in-out;
	-moz-transition: all 1.2s ease-in-out;
	-webkit-transition: all 1.2s ease-in-out
}

.case .info li .Txt {
	height: 70px;
	overflow: hidden;
	width: 100%;
	position: relative;
	text-align: center;
	overflow: hidden;
	z-index: 2
}

.case .info li .Txt h5 {
	font-size: 15px;
	line-height: 1.5;
	padding-top: 10px;
	color: #000;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	font-weight: initial;
	overflow: hidden;
	height: 32px;
}

.case .info li .Txt span {
	font-size: 13px;
	color: #999;
	font-style: oblique;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out
}

.case .info li:hover .Txt h5 {
	color: #fff;
	opacity: 0;
	transform: translateY(-100%);
	height: 13px
}

.case .info li:hover .Txt span {
	color: #fff
}

.case .info li .Txt small {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transition: all .4s ease-in-out .2s;
	-moz-transition: all .4s ease-in-out .2s;
	-webkit-transition: all .4s ease-in-out .2s
}

.case .info li:hover .Img i,
.case .info li:hover .Txt small {
	transform: translate(0);
	-moz-transform: translate(0);
	-webkit-transform: translate(0);
	opacity: 1
}

.case .info li:hover .Img>img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1)
}


.client_table {
    margin: 20px auto;
	display: flex;
	flex-wrap: wrap;

}
.client_table a{
   width: 17.6%;
   margin: 1%;
   border: 1px solid #000;
   display: flex;
   align-items: center;
   justify-content: center;
}

.client {
    padding: 32px 0 4px;
    color: #333;
    font-size: 14px
}

.client_more {
    display: block;
    background: url(../images/client_more.jpg) no-repeat;
	background-size: 100%;
	background-position: 50%;
    width: 217px;
    height: 128px;
}

a:hover .client_more {
    background: url(../images/client_moreho.jpg) no-repeat
}



.iabout { text-align:center;line-height:30px; margin-bottom:60px;}
.iabout .h3{ margin-bottom:20px; color:#888;}
.iabout .h3 span{ color:#f99800; font-size:18px;}
.iabout .h3 strong{ color:#000000; font-size:18px; font-weight:normal;}
.iabout .p{ color:#888;width: 50%;margin: 0 auto;text-align: justify;text-indent: 2em;}
.iabout .p strong{ font-size:18px; font-weight:normal;}


.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:#f99800;}

.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:#f99800;}
.footer_con .li{ float:left; width:33.3333%; box-sizing:border-box; padding-right:50px;}
.footer_con .li1{}
.footer_con .li1 .tel{ color:#fff;}
.footer_con .li2{}
.footer_con .li3{}
.footer_con .li3 img{ margin-right:10px;}

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


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





@media screen and (max-width:1680px){
.caseinfo_top .text .pd{ padding:55px;}
.service_banimg, .about_banimg, .about_hisImg img {
	width: 100%;
	left: 0%;
    margin-left: 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.caseinfo_top .text{ }

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

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


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


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

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

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

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

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

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

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

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

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


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

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

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


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

.text1{ font-size:16px;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



.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:44px 0 50px 0;}

.wp{ width:auto; margin:0 30px;}
.top_tel{ right:60px;}
.top_tel span{ font-size:24px;}
.logo{ width:150px; margin-top:auto;}

.header {
	padding-top: 10px;
}

.menu-link{ display:block;}

.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:#f99800; 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;}*/
.about_con1 .ntb {
	padding-top: 120px;
}

@media screen and (max-width:768px){
.iabout{ text-align: left; text-align: justify;width: 90%; margin: 20px auto;}
.iabout .p {width: 100%;}
.client_table {width: 100%;margin-bottom: 20px;}
.client_table a {
    width: 47.8%;
    margin: 1%;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.case .info li {
	width: 100%;
}
.about_con1 .ntb {
	padding-top: 40px;
}

}