.banner{ width:100%; overflow:hidden;}
.swiper-container{ width:100%;/*overflow: hidden;*/position: relative;}
.swiper-container .swiper-wrapper { overflow: hidden;  position: relative; width: 100000px;}
.swiper-container .swiper-wrapper > div { float:left; width:100%; position: relative; overflow: hidden; vertical-align: middle; text-align: center;}
.swiper-container .swiper-wrapper > div span{ display: inline-block; position: relative; vertical-align: middle; max-width: 100%; font-size: 0; }
.swiper-container .swiper-wrapper > div img{ max-width: 100%; vertical-align: middle; border: none; }
.pagination { position: absolute; bottom:10px; width:100%; text-align:center;}
.swiper-pagination-bullet {display: inline-block; width:10px; height:10px; border-radius:50%;background:rgba(255,255,255,0.5);margin: 0 3px; cursor: pointer;}
.swiper-pagination-bullet-active{ background: #fff; }
.swiper-container2{ display:none;}

.cando{ width:100%; padding:60px 0;background:url(/Public/Images/bg.jpg) repeat; }
.indextit{ text-align:center}
.indextit .xian{ width:100%; height:1px;margin-top:24px; position:relative;}
.indextit .xian .xl{ width:49%; height:1px; background:#ddd;  }
.indextit .xian .xc{ width:2%;}
.indextit .xian b{ display:block; width:8px; height:8px; background:#ddd; border-radius:50%; margin:-4px auto 0;}
.cando-list{ margin-top:60px; }
.cando-list li{ width:30%; background:#fff; padding:6% 0 3% 0;-webkit-box-shadow:0 0 10px #e2e2e2; -moz-box-shadow:0 0 10px #e2e2e2; box-shadow:0 0 10px #e2e2e2; text-align:center; float:left; margin-left:3%;transition: all 0.6s ease-in; position:relative;}


.c-btn{color:#ffffff;text-decoration:none;position:relative;display:inline-block;height:100%;}.c-btn:after{content:'';display:block;position:absolute;}
.c-btn:before{content:'';display:block;position:absolute;}
.c-btn--border-line{background:none;border:0;box-sizing:border-box;box-shadow:inset 0 0 0 0px transparent;}
.c-btn--border-line:after,.c-btn--border-line:before{box-sizing:border-box;border:1px solid transparent;width:0;height:0;}
.c-btn--border-line:after{top:0;left:0;-webkit-transition:border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;transition:border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.c-btn--border-line:before{bottom:0;right:0;-webkit-transition:border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;transition:border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;}
.c-btn--border-line:hover:after,.c-btn--border-line:hover:before{width:100%;height:100%;}
.c-btn--border-line:hover:after{border-top-color:#ff7214;border-right-color:#ff7214;-webkit-transition:width 0.2s ease-out,height 0.2s ease-out 0.2s;transition:width 0.2s ease-out,height 0.2s ease-out 0.2s;}
.c-btn--border-line:hover:before{border-bottom-color:#ff7214;border-left-color:#ff7214;-webkit-transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;}.
c-btn--line:after{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);transform:scaleX(0);bottom:0;background-color:#ff7214;-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1);transition:-webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1);transition:transform 0.6s cubic-bezier(0.55,0,0.1,1);transition:transform 0.6s cubic-bezier(0.55,0,0.1,1),-webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1);}.
c-btn--line:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left;-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1);transition:-webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1);transition:transform 0.6s cubic-bezier(0.55,0,0.1,1);transition:transform 0.6s cubic-bezier(0.55,0,0.1,1),-webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1);}
.mt-lxus li:hover{border:1px solid #ff7214;}


.cando-list li img{ margin:auto; display:block}
.cando-list li span{ display:block; font-size:20px; color:#000; margin-top:60px;}
.cando-list li em{ display:block; font-size:16px; color:#999; margin-top:10px;}
.aboutmatter{ width:100%; padding-top:60px; background:url(/Public/Images/bg2.jpg) repeat;}
.indextit .xxian{ width:100%; height:1px;margin-top:24px; position:relative; border-bottom:dashed 1px #5f5f5e;}
.aboutmatter-box{ margin-top:90px;}
.aboutmatter-box .abs-l{ width:54%;}
.aboutmatter-box .menu-box{}
.aboutmatter-box .menu-box .line{ border-left:dashed 1px #7a1f1f; padding-left:20px; position:relative; padding-bottom:35px;}
.aboutmatter-box .menu-box .line .txt-con{ font-size:15px; color:#fff; line-height:32px;}
.aboutmatter-box .menu-box .line .txt-con em{ font-size:18px; color:#ff0f18;}
.aboutmatter-box .menu-box .line i{ position:absolute; top:-4px; left:-8px; width:16px; height:36px; background:url(/Public/Images/all.png) 0 0 no-repeat}
.aboutmatter-box .menu-box .line:last-child{ padding-bottom:0; border-left:none;}
.aboutmatter-box .abs-l .about-but{ font-weight:bold; font-size:20px; color:#fff; margin-top:40px;}
.anli-list a{ display:block; float:left; width:49%; margin-right:2%; margin-top:60px;}
.anli-list a img{ width:100%;}
.anli-list a span{ display:block; text-align:center; font-size:16px; color:#333; font-family:'Arial'; margin-top:8px;}
.anli-list a:nth-child(2n){ margin-right:0;}
.anli-list a:hover span{ color:#d82224;}

.index-a img{ width:100%;}
.appanli{ padding-bottom:0;}
.appanli-list{ margin-top:77px;}
.appanli-list a{ display:block; width:25%; float:left; margin-right:12%; margin-bottom:50px; }
.appanli-list a img{ width:100%;-webkit-box-shadow:0 0 10px #e2e2e2; -moz-box-shadow:0 0 10px #e2e2e2; box-shadow:0 0 10px #e2e2e2; border-radius:38px;}
.appanli-list a span{ display:block; text-align:center; font-size:16px; color:#333; margin-top:20px;}
.appanli-list a:nth-child(3n){ margin-right:0;}
.indextit img.s-logo{ display:block; margin:0 auto 29px ;}
.mt-lxus{ margin-top:47px;}
.mt-lxus li{ width:30%; height:305px; background:#fff;-webkit-box-shadow:0 0 10px #e2e2e2; -moz-box-shadow:0 0 10px #e2e2e2; box-shadow:0 0 10px #e2e2e2; display:inline-block; text-align:center; margin-right:3%; position:relative; }
.mt-lxus li b{ display:block; background:url(/Public/Images/all.png) no-repeat; height:26px; margin:auto;}
.mt-lxus li b.b1{ width:16px; background-position:-30px 0; margin:73px auto 16px;}
.mt-lxus li h3{ font-size:20px; color:#000; font-family:'Arial, Helvetica, sans-serif'; line-height:28px;}
.mt-lxus li em{ font-size:20px; color:#000; display:block;}
.mt-lxus li i{ font-style:normal; font-size:16px; color:#999; margin-top:6px; display:block}
.mt-lxus li img.erweima{ display:block; width:90px; height:90px; margin:80px auto 0;}
.mt-lxus li b.b2{ width:21px; background-position:-64px 0; margin:73px auto 16px;}
.mt-lxus li .por{ position:absolute; bottom:25px; width:100%;}
.mt-lxus li:last-child{ margin-right:0;}
.map{ position:relative;}
.map,.map img{ width:100%;}
.s-y{ position:absolute; width:51px; height:51px; left:50%; margin-left:-54px; top:50%; margin-top:-28px;}
.s-y b{ width:12px; height:12px; background:#ff0f18; border-radius:50%;box-shadow: rgba(0, 252, 131, 0.2) 0px 0px 10px; display:block; margin:20px auto;}
.s-y i{ width:51px; height:51px; display:block; border:solid 1px #ff0f18; border-radius:50%; position:absolute; left:0; top:0; background:rgba(255, 15, 24, 0.1);}


.about-banner,.about-banner img{ width:100%;}
.small{ display:none;}
.about{ padding:48px 0;}
.about h3{ text-align:center; font-size:40px; color:#000;}
.about .txt{ text-align:center; line-height:38px; font-size:16px; color:#898989; margin-top:40px;}
.mt-partner-list{ font-size:0; margin-top:40px;}
.mt-partner-list li{ width:20%; display:inline-block; margin-bottom:20px;}
.mt-partner-list li img{ width:100%;}

.anli-tit{ padding-top:60px; text-align:center; border-bottom:solid 1px #ddd; height:38px; font-size:18px; color:#464646; cursor:pointer;}
.anli-tit em{ display:inline-block; margin:0 50px; cursor:pointer; height:35px;}
.anli-tit em.cur{ color:#dd2c22; border-bottom:solid 3px #dd2c22;}
.mt-anli-con{}
.mt-anli-con li{ margin-top:50px; width:48%; float:left; margin-right:4%;}
.mt-anli-con li a{ display:block; min-height:100px; overflow:hidden;}
.mt-anli-con li img{ width:100%;transition: all .5s cubic-bezier(.4,0,1,1);}
.mt-anli-con li a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.mt-anli-con li .txt{ margin-top: 25px;}
.mt-anli-con li .txt span{ font-size: 14px;}
.mt-anli-con li .txt i{ color: #848484; margin-left: 15px;}
.mt-anli-con li:nth-child(2n){ margin-right:0;}

/*案例内页*/
.anli-js{ padding-top:60px;}
.anli-js h3{ text-align:center; font-size:40px; color:#000; }
.anli-js .txt-con{ font-size:16px; color:#898989; line-height:28px; text-align:center; margin-top:40px;}
.anli-js .anlipic{ width:100%; margin-top:58px;}
.anli-color{ margin-top:120px;}
.color-value{ float:left; width:418px;}
.color-value b.tit{ display:inline-block; font-size:40px; color:#000; margin-top:80px;}
.color-value span.js{ display:block; font-size:16px; color:#aaa; margin-top:18px;}
.color-value img{ margin-top:57px;}
.anliimg{ float:right; width:42%}
.anliimg img{ width:100%;}
.Img-box{ padding-bottom:60px; margin-top:130px;}
.Img-box img{ width:100%;}

.lx-us img{ width:100%;}
.mt-fuwi{ padding:60px 0;}
.fuwi-box{ margin-top:40px;}
.mt-fuwi .o1{ width:25%; height:432px; background:#ee3a3c; display:inline-block; margin-right:1%;}
.mt-fuwi .o1 b{ display:block; width:90px; height:90px; background:url(/Public/Images/icon1.png) no-repeat; margin:142px auto 25px;}
.mt-fuwi .color span{ display:block; text-align:center; font-size:18px; color:#fff;}
.mt-fuwi .o2{ width:48%;font-size:0;}
.mt-fuwi .o2 .top > a{ display:inline-block; width:49%; height:210px; float:left;}
.mt-fuwi .o2 .top > a.mob{ background:#faab33;}
.mt-fuwi .o2 .top > a.mob b{display:block; width:80px; height:79px; background:url(/Public/Images/icon2.png) no-repeat; margin:48px auto 15px;}
.mt-fuwi .o2 .top > a.app{ background:#01d77c; margin-left:2%;}
.mt-fuwi .o2 .top > a.app b{display:block; width:101px; height:79px; background:url(/Public/Images/icon3.png) no-repeat; margin:48px auto 15px;}
.mt-fuwi .o2 .bottom{}
.mt-fuwi .o2 .bottom a{display:inline-block; width:100%; height:210px; background:#5e5ef3; margin-top:12px;}
.mt-fuwi .o2 .bottom a b{display:block; width:77px; height:79px; background:url(/Public/Images/icon5.png) no-repeat; margin:48px auto 15px;}
.mt-fuwi .o3{ width:25%;}
.mt-fuwi .o3 a{ display:inline-block; width:100%; height:210px;}
.mt-fuwi .o3 a.app{ background:#50a4f2;}
.mt-fuwi .o3 a.app b{display:block; width:50px; height:79px; background:url(/Public/Images/icon4.png) no-repeat; margin:48px auto 15px;}
.mt-fuwi .o3 a.yx{ background:#e469ba; margin-top:12px;}
.mt-fuwi .o3 a.yx b{display:block; width:78px; height:79px; background:url(/Public/Images/icon6.png) no-repeat; margin:48px auto 15px;}

.index-a{ background:#dd2729; padding:30px 0;}
.index-a b{ font-size:32px; color:#fff; font-family:'Arial';}
.index-a h3{ display:block; width:30px; height:3px; background:#fff; margin-top:14px; margin-bottom:10px;}
.index-a p{ line-height:30px; font-size:16px; color:#fff;}
.index-a .wozix{ background:#fff; color:#d92325; font-size:20px; float:right; margin-top:-49px;}
.index-a .xian{ width:551px; height:120px; background:url(/Public/Images/xian.png) center right no-repeat; position:absolute; right:0; top:0;}
.none{ display:none;}
@media (max-width:1366px) {
	.anliimg{ width:;}
	.s-y{ width:34px; height:34px; margin-left:-36px; margin-top:-20px}
	.s-y b{ width:8px; height:8px; margin:13px;}
	.s-y i{ width:34px; height:34px;}
}


@media (max-width:1024px) {
	.aboutmatter-box .abs-l{ width:90%; margin:auto; float:none; padding-bottom:50px;}
	.abs-r{ display:none;}
	.aboutmatter-box{ margin-top:40px;}
	.color-value{ width:380px;}
	.color-value b.tit{ margin-top:0; font-size:28px;}
	.color-value span.js{ font-size:12px;}
	.color-value img{ margin-top:25px; width:80%;}
	
	.s-y{ width:20px; height:20px; margin-left:-20px; margin-top:-12px}
	.s-y b{ width:4px; height:4px; margin:8px auto;}
	.s-y i{ width:20px; height:20px;}
}

@media (max-width:414px) {
	.cando{ padding:30px 0;}
	.indextit img{ width:45%;}
	.indextit .xian .xl{ width:48%;}
	.indextit .xian .xc{ width:4%;}
	.cando-list{ margin-top:30px; }
	.cando-list li{ width:30%; height:110px;}
	.cando-list li img{ width:40%; margin:auto;}
	.cando-list li:first-child img{ margin:6px auto 5px;}
	.cando-list li:first-child span{ margin-top:25px;}
	.cando-list li span{ margin-top:20px; font-size:14px;}
	.cando-list li em{ font-size:12px;}
	.aboutmatter{ padding-top:30px;}
	.aboutmatter-box{ margin-top:20px;}
	.aboutmatter-box .abs-l{ width:90%; margin:auto; float:none; padding-bottom:50px;}
	.abs-r{ display:none;}
	.aboutmatter-box .menu-box .line .txt-con{ font-size:12px; line-height:26px;}
	.aboutmatter-box .menu-box .line .txt-con em{ font-size:13px;}
	.swiper-container1{ display:none;}
	.swiper-container2{ display:block;}
	.aboutmatter-box .abs-l .about-but{ font-size:12px;}
	.anli-list a{ display:none;}
	.anli-list a:nth-child(-n+4){ display:block;}
	.anli-list a{ width:90%; margin:24px auto 0; float:none;}
	.anli-list a:nth-child(2n) {margin:24px auto 0;}
	.appanli-list a span,.anli-list a span{ font-size:12px;}
	.appanli-list a{ width:49%; margin-right:2%; margin-bottom:25px;}
	.appanli-list a:nth-child(2n){ margin-right:0;}
	.appanli-list a:nth-child(3n){ margin-right:2%;}
	.appanli-list a img{border-radius:20px;}
	.appanli-list{ margin-top:30px;}
	.indextit img.s-logo{ width:16%;}
	.mt-lxus li{ width:32%; margin-top:10px; margin-right:0; height:205px;}
	.mt-lxus li b.b1{ margin:38px auto 6px;}
	.mt-lxus li h3{ font-size:12px; line-height:24px;}
	.mt-lxus li em,.mt-lxus li i{ font-size:10px;}
	.mt-lxus li i{ width:70%; margin:8px auto 0;}
	.mt-lxus li .por{ bottom:10px;}
	.mt-lxus li img.erweima{ margin:50px auto 0; width:50%; height:auto;}
	.mt-lxus li b.b2{ margin:34px auto 6px;}
	
	.small{ display:block;}
	.big{ display:none;}
	.about{ padding:24px 0;}
	.about h3{ font-size:20px;}
	.about .txt{ font-size:12px; line-height:24px; margin-top:20px;}
	.mt-partner-list li{ width:33%;}
	.mt-anli-con li .txt i{ display:block; margin-left:0; font-size:8px; margin-top:6px;}
	
	.anli-tit{ padding-top:30px;}
	.anli-tit em{ font-size:12px; margin:0 20px; height:30px;}
	/*营销*/
	.fuwi-box{ position:relative; height:528px;}
	.mt-fuwi .o1{ width:49%; height:260px; float:none; position:absolute; top:0; left:0;}
	.mt-fuwi .o1 b{ display:block; width:70px; height:70px; background-size:100% 100%; margin:80px auto 25px;}
	.mt-fuwi .color span { font-size:12px;}
	.mt-fuwi .o2{ float:none; position:absolute; top:268px; width:100%;}
	.mt-fuwi .o2 .top > a{ height:126px;}
	.mt-fuwi .o2 .top > a.mob b{display:block; width:45px; height:44px; background-size:100% 100%; margin:32px auto 10px;}
	.mt-fuwi .o2 .top > a.app b{display:block; width:55px; height:44px; background-size:100% 100%; margin:35px auto 10px;}
	.mt-fuwi .o2 .bottom a{ height:126px; margin-top:8px;}
	.mt-fuwi .o2 .bottom a b{display:block; width:45px; height:44px; background-size:100% 100%; margin:32px auto 10px;}
	.mt-fuwi .o3{ position:absolute; top:0; right:0; width:49%;}
	.mt-fuwi .o3 a{ width:100%; height:126px;}
	.mt-fuwi .o3 a.app b{display:block; width:30px; height:45px; background-size:100% 100%; margin:32px auto 10px;}
	.mt-fuwi .o3 a.yx{ margin-top:8px;}
	.mt-fuwi .o3 a.yx b{display:block; width:38px; height:36px; background-size:100% 100%; margin:38px auto 10px;}
	
	.anli-color{ margin-top:50px;}
	.color-value{ width:100%;}
	.color-value b.tit{ margin-top:0; font-size:20px;}
	.color-value span.js{ font-size:12px;}
	.color-value img{ margin-top:25px; width:60%;}
	.anli-js{ padding-top:30px;}
	.anli-js h3{ font-size:20px;}
	.anli-js .txt-con{ font-size:12px; line-height:26px; margin-top:20px;}
	.anli-js .anlipic{ margin-top:25px;}
	.anliimg{ width:80%; margin:0 auto 0;}
	.anliimg { float:none;}
	.anliimg img.samll{ margin:30px auto;}
	.Img-box{ margin-top:40px; padding-bottom:30px;}
	
	.index-a b{ font-size:14px;}
	.index-a p{ font-size:12px; line-height:24px;}
	.index-a .wozix{ float:none; margin-top:15px; width:80px; height:28px; font-size:12px; line-height:28px;}
	.index-a .xian{ display:none;}
	.s-y{ display:none;}

}