body{width:100%;overflow-x: hidden;}
body#bgColor{background-color: #0e4474;}
.header{background: #000!important;}
/*案例展示--所有1170*/
.content1170{width:1170px;margin:0 auto;}

/*案例头部*/
.anliTop{width:100%;/*overflow:hidden;*/padding:100px 0 30px;}
.pageEd{float:right;margin-bottom:20px;transition:0.6s 0.1s;-webkit-transform:translateY(-180px);transform:translateY(-180px);opacity:0;}
.pageEd.active,.topItem.active,.introAL.active,.alC_top.active,.alC_bot li.active,.anliBot.active,.titleArrow.active,.swiper-containerAL.active,.swiper-containerAL2.active{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.pageEd>a{display: inline-block;padding:14px;margin-left:8px;border-radius:3px;background: #fff;color:#3a3d41;}
.pageEd>a>span{font-family: consolas;}
.page_all>i.iconfont{font-family: "iconfont";color:#808080;}
.introAL{clear:both;background: #fff;transition:0.6s 0.4s;-webkit-transform:translateY(150px);transform:translateY(150px);opacity:0;    position: relative;
    z-index: 10;}
.introLf{width:370px;}
.introRi{width:798px;height:225px;margin:30px auto;border-left:1px solid #e5e5e5;}
.topItem{background: #fff;width:292px;height:113px;box-shadow: 0px 6px 0px #f7f7f7;margin:-60px 0 0 20px;
transition:0.6s 0.7s;-webkit-transform:translateY(200px);transform:translateY(200px);opacity:0;}
.imgItem{width:100%;height: 100%;margin:0 auto; text-align:center}
.imgItem>img{max-width:100%; max-height:113px;}
.introP{padding:0 25px;margin:30px auto;height: 120px;overflow:hidden;color:#666;font-size:14px;line-height: 24px;}
.btnAll{margin-left:25px;}
.btnAll>div{display: inline-block;width:138px;height: 38px;border:1px solid #e5e5e5;border-radius: 3px;line-height: 38px;text-align: center;font-size:14px;}
.btnAll a>i{margin-left:3px;font-size:20px;font-family:"iconfont";vertical-align: middle;}
.btnAll .sjfw{margin-right:30px;}
.btnAll a{color:#666;}
.btnAll .phone_code{position:relative;}
.phone_code .codeBg{position:absolute;left:0;top:40px;width:140px;height:146px;background:url(ewm_bg.png) no-repeat;z-index:100;display:none;}
.phone_code .codeBg>img{display: inline-block;text-align: center;width: 110px;height:110px;margin-top:20px;}
.Rih3{position: relative;padding-left:45px;color:#000;font-size: 24px;font-weight: lighter;line-height: 28px;}
.Rih3>span{position: absolute;top:0;left:-1px;display: inline-block;background: url(icon01_yc.png) no-repeat 0 0;width:26px;height: 32px;}
.RiP{margin:25px 35px 45px 45px;color:#666;font-size: 14px;line-height: 24px;}
.iconGroup{margin:0 30px 0 40px;}
.iconGroup li{float:left;width:100px;text-align: center;}
.iconDivAl{height: 58px;margin-bottom:14px;}
.iconDivAl img{display: inline-block;text-align: center;max-width: 100%;}
.iconGroup p{color:#000;}
.iconDivAl>i{display: inline-block;}
.tub01{background:url(iconP_yc.png) no-repeat 0 0;width:40px;height:58px;}
.tub02{background:url(iconP_yc.png) no-repeat 0 -93px;width:60px;height:52px;}
.tub03{background:url(iconP_yc.png) no-repeat 0 -176px;width:58px;height:55px;}
.tub04{background:url(iconP_yc.png) no-repeat 0 -267px;width:60px;height:43px;}
.tub05{background:url(iconP_yc.png) no-repeat 0 -342px;width:58px;height:48px;}
.tub06{background:url(iconP_yc.png) no-repeat 0 -416px;width:58px;height:42px;}
.tub07{background:url(iconP_yc.png) no-repeat 0 -487px;width:60px;height:50px;}
/*案例内容*/
.anliCen{width:100%;overflow: hidden;}
.alC_top{width: 100%;background:#fff;
	transition:0.6s 0.1s;-webkit-transform:translateY(200px);transform:translateY(200px);opacity:0;padding-top:140px;}
.alC_top>img{max-width:100%;margin:0 auto ;display: block;}
.alC_bot{width:100%;background: url(white.png) #00305a repeat-y 0 380px;padding-bottom:60px;}
.alC_bot ul{margin:0 40px;padding-top:160px;}
.alC_bot li{width:100%;margin-bottom:40px;transition:0.5s 0.15s;opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px);}
.alC_bot li>img{width:100%;}

/*案例分页*/
.anliBot{width:100%;margin:30px auto;text-align: center;transition:0.4s 0.1s;opacity:0;-webkit-transform:translateY(150px);transform:translateY(150px);}
.anliBot>a{display: inline-block;padding:14px;margin-left:8px;border-radius:3px;background: #fff;color:#3a3d41;}
.anliBot>a>span{font-family: consolas;}

/*相关案例*/
.anliAbout{width:100%;padding:60px 0;background-color: #fff;overflow: hidden;}
.anli1200{width:1200px;margin:0 auto;}
.titleArrow{margin:0 15px 20px;transition:0.5s 0.3s;opacity:0;-webkit-transform:translateY(-150px);transform:translateY(-150px);}
.newsH4{padding-left:10px;border-left:1px solid #ff5555;font-size:30px;color:#333;font-family:"webfont";-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.arrowG{float:right;}
.arrowG>a{display: inline-block;width:78px;height: 26px;border:1px solid #e5e5e5;border-radius: 3px;line-height: 26px;text-align: center;color:#3a3d41;}
.arrowG>a>span{font-family: consolas;}

.swiper-containerAL{position: relative;height:340px;overflow:hidden;transition:0.5s 0.5s;opacity:0;-webkit-transform:translateY(150px);transform:translateY(150px);}
.swiper-containerAL2{position: relative;height:0;overflow:hidden;transition:0.5s 0.5s;opacity:0;-webkit-transform:translateY(150px);transform:translateY(150px);}
.swiper-containerAL .pagination,.swiper-containerAL2 .pagination{position:absolute;bottom:0;width:100%;text-align: center;}
.swiper-containerAL .swiper-pagination-switch{display: inline-block;width:60px;height:15px;background:transparent;margin:0 6px;vertical-align: top;border-top:solid 4px #a4a4a6;transition:all .4s;cursor: pointer;}
.swiper-containerAL .swiper-active-switch{background:#ff5555;height:6px;border:none;}
.swiper-containerAL2 .swiper-pagination-switch{display: inline-block;width:13px;height:13px;background:#f5f5f5;border-radius:50%;margin:0 8px;cursor: pointer;vertical-align: middle;}
.swiper-containerAL2 .swiper-active-switch{background:#ff5555;}
.caseList li,.slideAL2{position:relative;float:left;width:370px;height:250px;margin:15px;overflow:hidden;}
.slideAL2{float:none;margin:15px auto;}
.caseList li img,.slideAL2 img{width: 100%;transition: all .5s;}
.caseList li .caseBg,.slideAL2 .caseBg{position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;background:#000;opacity:0;transition:all 0.5s;}
.caseList li .caseLink,.slideAL2 .caseLink{text-align: center;width:100%;position:absolute;left:0;top:-40px;height:42px;opacity:0;transition:all 0.3s 0.1s;}
.caseList li .caseLink a,.slideAL2 .caseLink a{width:42px;height:42px;border-radius:50%;display:inline-block;margin:0 5px;}
.caseList li .caseLink .search_icon,.slideAL2 .caseLink .search_icon{background:#e2e2e2;}
.caseList li .caseLink .search_icon i,.slideAL2 .caseLink .search_icon i{font-size:16px;text-align: center;display: block;line-height:42px;color:#000;font-family: "iconfont";}
.caseList li .caseLink .link_icon,.slideAL2 .caseLink .link_icon{background:#e5493a;}
.caseList li .caseLink .link_icon i,.slideAL2 .caseLink .link_icon i{font-size:16px;text-align: center;display: block;line-height:42px;color:#fff;font-family: "iconfont";}
.caseList li .caseText,.slideAL2 .caseText{position:absolute;left:0;bottom:-70px;width:100%;height:70px;background:#fff;transition:all 0.3s 0.1s;}
.caseList .active img,.slideAL2.active img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.caseList .active .caseBg,.slideAL2.active .caseBg{opacity:0.5;}
.caseList .active .caseText,.slideAL2.active .caseText{bottom:0px;}
.caseList .active .caseLink,.slideAL2.active .caseLink{top:60px;opacity:1;}
.caseList li .caseText h6,.slideAL2 .caseText h6{padding:0 15px ;font-size:14px;color:#000;line-height:1em;height:14px;overflow:hidden;margin:15px 0 12px;text-overflow: ellipsis;white-space: nowrap;}
.caseList li .caseText p,.slideAL2 .caseText p{font-size:12px;color:#959595;padding:0 15px;line-height:1em;height:12px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

.alC_bot li p img{ max-width:100%;}
.alC_bot li p{ padding:10px 0 } 
/*-------------------响应式--------------------*/
@media only screen and (max-width:1230px) {
	.content1170,.anli1200{width:960px;}
	.introLf{width: 300px;}
	.topItem{width: 240px;}
	.btnAll .sjfw{width: 100px;margin-right:10px;}
	.introRi{width: 659px;}
	.iconGroup li{width: 14.2%;}
	.caseList li{width: 290px;height: auto;}
	.swiper-containerAL{height: 270px;}
	.anliCen{padding: 70px 0 40px;}
	.alC_top{margin: 0 auto;}
        .alC_top>img{width:100%;max-width:696px;}
        .alC_bot ul{padding-top:50px;}
        .alC_top{padding-top:40px;}
}
@media only screen and (max-width:1023px) {
	body#bgColor{background-color: #fff;}
	.content1170,.anli1200{width:90%;}
	.pageEd{display: none;}
	.introAL{width:100%;height: auto;}
	.introLf,.introRi{width:100%;height: auto;float:none;}
	.introRi{border:none;border-top: 1px solid #e5e5e5;padding-top: 30px;}
	.Rih3{padding-left:0;}
	.RiP{margin:25px 0 30px;}
	.iconGroup{margin:0;}
	.anliTop{padding:80px 0 30px;}
	.topItem{width:185px;height:93px;margin:0;}
	.introP{padding:0;margin:30px auto 20px;height:70px;}
	.btnAll{margin-left:0;}
	.btnAll>a:nth-of-type(2),.Rih3>span{display: none;}

	.anliCen{padding:20px 0 0;}
	.alC_top{width: 90%;height: auto;margin: 0 auto 80px;}
	.alC_bot li{margin-bottom: 30px;}

	.anliBot>a{border:1px solid #e5e5e5;}
	.anliBot{margin: 10px auto 0;}
	
	.swiper-containerAL2{height:320px;}
	.swiper-containerAL{height:0;}
	.newsH4{font-size:26px;}
	.titleArrow,.alC_top,.alC_bot li,.anliBot,.swiper-containerAL,.swiper-containerAL2{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@media only screen and (max-width:767px) {
	.content1170,.anli1200{width:86%;}
	.topItem{width: 140px;height: 60px;}
	.introP{margin: 25px auto 20px;}
	.introRi{padding-top: 20px;margin:30px auto 0;}
	.Rih3{font-size: 20px;}
	.RiP{margin: 15px 0 20px;}
	.iconGroup li{width: 25%;margin-bottom: 15px;}
	.iconDivAl{height:54px;margin-bottom: 10px;}

	.alC_top{margin: 0 auto 40px;}
	.alC_bot{margin: 0 20px;}
	.alC_bot li{margin-bottom: 15px;}

	.anliBot{margin: 20px auto 0;}

	.anliAbout{padding: 40px 0;}
	.slideAL2{width: 330px;height: auto;}
	.swiper-containerAL2{height:290px;}
}
@media only screen and (max-width:400px) {
	.topItem{width: 120px;height: 50px;}
	.introP{margin: 20px auto 15px;}
	.introRi{padding-top:15px;margin:20px auto 0;}
	.Rih3{font-size:18px;}
	.RiP{margin: 10px 0 15px;}
	.iconGroup ul{width:98%;margin:0 auto;}
	.iconGroup li{width: 23%;margin:0 1% 15px;}

	.alC_bot{margin:0 10px;}

	.anliBot>a{padding: 8px;margin-left:6px;}

	.titleArrow{margin: 0 10px 10px;}
	.newsH4{font-size: 22px;padding-left: 5px;}
	.slideAL2{width:250px;}
	.swiper-containerAL2{height:230px;}

}
@media only screen and (max-width:330px) {
	.iconGroup ul{width:94%;}
}