.mFocus{ position: relative;}
.mFocus img{ width: 100%;}
.mFocus li{ position: relative;}
.mFocus li ol{ position: absolute; top: 13%; left: 110%; width: 100%;}
.mFocus li ol h3{ font-size:2.3em; color: #fff;}
.mFocus li ol h5{ font-size: 1.2em; color: #fff; margin: 1.4em 0;}
.mFocus li ol i{ position: absolute; top: 112%; left: 0; width: 30px; height: 30px; background: url("imgs/arrow_r.png") no-repeat; background-size: 1.2em;}
#mFocus .focusOs li{ width: 4.5px; height: 4.5px; border: solid #fff 1.5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
#pFocus{ display: block; width: 1920px; left:50%; margin-left: -960px;}
#pFocus li ol{ position: absolute; top: 268px; left: 101%; width: 600px;}
#pFocus li ol h3{ font-size:52px; color: #ed838e;}
#pFocus li ol h5{ font-size: 26px; color: #ed838e; margin: 16px 0;}
#pFocus li ol i{ position: absolute; top: 192px; left: 0; width: 30px; height: 30px; background: url("imgs/arrow_r_3.png") no-repeat;}
#mFocus{ display: none;}
.focusOs{ position:absolute; bottom:20px; left:0; width:100%; height:10px; text-align:center;}
.focusOs li{ display:inline-block;  width: 4px; height: 4px; border:solid #fff 3px; margin:0 8px; background-color:#fff; cursor:pointer; text-indent:-9999px; opacity: .5; filter:alpha(opacity=50); _line-height:0;
 border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.focusOs li.on{ background-color: transparent;}


/*案例栏目*/
.casesort{ width: 1160px; margin: 100px auto 50px auto; overflow: hidden;font-size: 16px;}
.casesort ul{ border-top:2px solid #e8e8e8; padding-top:20px;}
.casesort li{ float:left;}
.casesort li a{margin-left:20px;  color:#929292;}
.casesort li a:hover{color:#F90}

/*图片列表*/
.listPic{ width: 1160px; margin:0px auto 0;}
.listPic ul{ width: 1210px; overflow: hidden;}
.listPic ul li{ position: relative; float: left; overflow: hidden; width: 560px; height: 374px; margin: 0 40px 40px 0;}
.listPic ul li .ols{ position: absolute; z-index: 9; top: 0; left: 0; width: 100%; height: 100%; color: #000; font-size: 18px; line-height: 36px; background-color:#ffd200; white-space: nowrap; opacity:0;
-webkit-transform: scale(0.25);	transform:  scale(0.25);
transition:all 0.35s; -webkit-transition:all 0.35s; -o-transition:all 0.35s;}
.listPic ul li .ol1{ position: absolute; top: 45px; left: 45px;}
.listPic ul li .ol1 h5{ font-size: 30px;}
.listPic ul li .ol1 h6{ font-size: 21px;}
.listPic ul li .ol2{ position: absolute; bottom:70px; left: 45px; }
.listPic ul li i{ position: absolute; top: 45px; right: 45px; width: 25px; height: 25px; background: url("imgs/arrow_r.png") no-repeat center; -webkit-transition: all 100ms linear 0ms; -moz-transition: all 100ms linear 0ms; transition: all 100ms linear 0ms;}
.listPic ul li i:hover,.listPic ul li i:focus{ background:url("imgs/arrow_r_1.png") no-repeat center;}
.listPic ul li:hover .ols{ opacity: 1;
-webkit-transform: scale(1); transform: scale(1);}
.listPic .moreBtn{ margin: 105px auto 215px;      height: 53px;  line-height: 53px;}



/*了解优势*/
.pAbout{ overflow: hidden; height: 900px; text-align: center; background:url("imgs/index-hzimg.jpg") center no-repeat; background-attachment: fixed;background-size:cover; display:block;}
.pAbout h3{ font-size: 40px; color: #000; line-height: 58px;}
.pAbout p{ font-size: 24px; color: #000; line-height: 58px;}
.pAbout .btn{ display: block; width: 290px; height: 58px; font-size: 22px; line-height:42px;  background-color: #000; color: #fff; border:#fff 1px solid; margin: 25px auto 73px; opacity: .8;}
.pAbout .btn:hover{ background-color: #ffd200; color: #000; border:#ffd200 1px solid; opacity: 1;}
.pAbout span{ display: block; font-size: 18px; line-height: 50px; color: #fff;}
.pAbout span.m{ display: none;}

.pAbouts .btn{ display: block; width: 290px; height: 58px; font-size: 22px; line-height:42px;  background-color: #000; color: #fff; border:#fff 1px solid; margin: 25px auto 73px; opacity: .8;}
.pAbouts .btn:hover{ background-color: #ffd200; color: #000; border:#ffd200 1px solid; opacity: 1;}

.case-txt .weixin img{width:110px;height:110px;display:block;border:0;margin: 0 auto;}

/*4I系统*/
.pSystem{ width: 1160px; margin: 204px auto 0;}
.pSystem h3{ margin-bottom:146px; font-size: 36px; text-align: center;}
.pSystem ul{ position: relative; width:100%; height: 510px;}
.pSystem ul li{ position: absolute; top: 0; left: -102%; width:252px; overflow: hidden;}
.pSystem ul .li1{transition:left 1.05s ease-in-out; -webkit-transition:left 1.05s ease-in-out; -o-transition:left 1.05s ease-in-out;}
.pSystem ul .li2{transition:left 1.15s ease-in-out; -webkit-transition:left 1.15s ease-in-out; -o-transition:left 1.15s ease-in-out;}
.pSystem ul .li3{transition:left 1.25s ease-in-out; -webkit-transition:left 1.25s ease-in-out; -o-transition:left 1.25s ease-in-out;}
.pSystem ul .li4{transition:left 1.35s ease-in-out; -webkit-transition:left 1.35s ease-in-out; -o-transition:left 1.35s ease-in-out;}
.pSystem ul .li1.trans{ left: 0;}
.pSystem ul .li2.trans{ left: 297px;}
.pSystem ul .li3.trans{ left: 594px;}
.pSystem ul .li4.trans{ left: 891px;}
.pSystem ul li .img{ display: block; position: relative;}
.pSystem ul li img{ width: 255px; height: 186px;}
.pSystem ul li .img2{ position: absolute; top: 0; left: 0; opacity: 0; width: 255px; height: 186px;
-webkit-transform: scale(0.25);	transform:  scale(0.25);
transition:all 0.35s; -webkit-transition:all 0.35s; -o-transition:all 0.35s;}
.pSystem ul .img:hover .img2{  opacity: 1;
-webkit-transform: scale(1);	transform:  scale(1);}
.pSystem ul li .ttl{ display: block; margin: 55px 0 40px; font-size: 18px; white-space: nowrap;}
.pSystem ul li .ttl:hover{ color: #ffd200;}
.pSystem ul li p{ font-size: 18px; line-height: 34px; color: #858889;}
.pSystem .moreBtn{ margin:125px auto 150px;}


/*理念*/
.pIdea{ width: 1160px; height: 560px; padding: 85px 65px 0; margin: 0 auto 140px; background-color: #ffd200;}
.pIdea h4{ font-size: 24px;}
.pIdea .ttl{ display: block; font-size: 48px; line-height: 60px; color: #fff; margin:70px 0 36px;}
.pIdea .ttl:hover{ color: #000;}
.pIdea p{ font-size: 21px; line-height: 47px;}
.pIdea p.m{ display: none;}
.pIdea .go{ display: block; width: 22px; height: 20px; margin-top: 75px; background: url("imgs/arrow_r.png") no-repeat;}
.pIdea .go:hover{ background: url("imgs/arrow_r_1.png") no-repeat;}


/*客户名单*/
.pClient{ width: 1160px; margin: 0 auto;}
.pClient h3{ font-size: 36px; line-height: 40px; text-align: center; margin-bottom: 90px;color:#000;}
.pClient .list{ width: 1250px; overflow: hidden;}
.pClient ol{ float:left; width:310px; line-height:24px;}
.pClient h4{ font-size:18px; line-height:30px; margin-bottom: 16px; color:#858889}
.pClient li{ font-size: 16px; line-height: 26px; color: #858889;}
.pClient li a{ color:#858889}
.pClient li a:hover{color:#F90}
.pClient .moreBtn{ margin:70px auto 80px;}

.index-client{display:block;overflow:hidden;}
.index-client ul{float:left;width: 25%;}
.index-client ul li{margin-bottom:30px;}
.index-client ul li a{color:#858889;font-size:18px;}

/*动态*/
.pLayout{ border-top: #e8e8e8 2pt solid;}
.pLayout h3{ font-size: 30px; padding: 0 0 65px;}
.pLayout ol{ width: 1160px; margin: 0 auto; overflow: hidden; padding:75px 0 68px; border-bottom: #e8e8e8 2pt solid;}
.pNews{ float: left;}
.pNews .slides{ position: relative; width: 786px; height: 215px; overflow: hidden;}
.pNews .slides .os{ overflow: hidden; margin-bottom: 15px; position: relative;}
.pNews .slides .os span{ position: absolute; top: 0; right: 0; width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 21px; color: #858889;}
.pNews .slides .os li{ float:left; font-size: 14px; color: #858889; margin-right: 32px; cursor: pointer;}
.pNews .slides .os li.on,.pNews .slides .os li:hover{ color: #000; text-decoration: underline;}
.pNews .slides .item{ width: 789px; position: relative;}
.pNews .slides .item li{float: left; width: 393px; margin-bottom: 8px;    }
.pNews .slides .item h4{ ;overflow: hidden;
    height: 25px;}
.pNews .slides .item a{ font-size:14px;}
.pNews .slides .item a:hover{ text-decoration: underline;}
.pNews .slides .item p{ width: 365px; font-size: 14px; color: #858889; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space: nowrap;}
.pLayout .follow{ float: right; width:252px; text-align: center; border-left: #e8e8e8 2pt solid;}
.pLayout .follow img{ width: 130px; height: 130px; margin: 0 0 30px;}
.pLayout .follow p{ font-size: 14px;}


.pbox{padding: 210px 0 44px}


/*友情练级*/
.pLinks{ width: 1160px; margin: 20px auto; overflow: hidden; position: relative;}
.pLinks ul{ position: relative; width: 98%; overflow: hidden; font-size: 12px; line-height: 22px; height: 22px; overflow: hidden;}
.pLinks span{ float: left; color: #858889; margin-right: 14px;}
.pLinks a{ float: left; color: #858889; margin-right:14px;}
.pLinks a:hover{ text-decoration: underline;}
.pLinks i{ position: absolute; top: 0px; right: 5px; width:22px; height: 22px; cursor: pointer; background: url("imgs/arrow_b.png") no-repeat center;}
.pLinks.open ul{ height: auto;}
.pLinks.open i{ background: url("imgs/arrow_t.png") no-repeat center;}
.pLinks .more{ color: #000; text-decoration: underline;}




/*1160px*/
@media(max-width:1160px){

	/*头部*/
	/*.mTop section{ width: 94%;}*/

	/*幻灯片*/
	#pFocus{ width: 1160px; margin-left: -580px;}
	#pFocus li ol{ top: 165px;}
	#pFocus li ol h3{ font-size: 40px;}
	#pFocus li ol h5{ font-size: 23px; margin: 30px 0;}
	#pFocus li ol i{ top: 130px;}
	
	
	.casesort{ width: 94%;}

	/*图片列表*/
	.listPic{ width: 96%; margin: 0px auto 0;}
	.listPic ul{ width: 100%; overflow: hidden;}
	.listPic ul li{ position: relative; float: left; overflow: hidden; width: 48%; height: auto; margin: 12px 1%;}
	.listPic ul li img{ width: 100%;}


	/*4I系统*/
	.pSystem{ width: 94%; margin: 124px auto 0;}
	.pSystem h3{ margin-bottom:106px; font-size: 30px;}
	.pSystem ul{ position: relative; width:100%; height: 500px;}
	.pSystem ul li{ position: absolute; top: 0; left: -105%; width:22%; overflow: hidden;}
	.pSystem ul .li2.trans{ left: 26%;}
	.pSystem ul .li3.trans{ left: 52%;}
	.pSystem ul .li4.trans{ left: 78%;}
	.pSystem ul li img{ width: 100%; height: auto;}
	.pSystem ul li .ttl{ font-size: 18px;}
	.pSystem ul li p{ font-size: 14px; line-height: 35px;}
	.pSystem ul li .img2{ width:100%; height: 100%;}

	.pClient{ width: 94%;}
	.pClient .list{ width: 107%;}
	.pClient ol{ width: 25%;}

	.pIdea{ width: 84%; padding-left: 5%; padding-right: 5%;}


	.pLayout ol{ width: 94%;}
	.pNews{ width: 68%;}
	.pNews .slides{ width: 645px;}
	.pNews .slides .item{ width: 680px;}
	.pNews .slides .item p{width:310px;}
	.pNews .slides .item li{ width:50%;}

	.pLinks{ width: 94%;}
}



/*ipad横屏*/
@media(max-width:1024px){
	
	/*幻灯片*/
	#pFocus{ width: 1024px; margin-left: -512px;}
	#pFocus li ol{ top: 160px;}
	#pFocus li ol h3{ font-size: 36px;}
	#pFocus li ol h5{ font-size: 20px; margin: 25px 0;}
	#pFocus li ol i{ top: 120px;}

	.listPic{ margin:72px auto 0;}

	.listPic .moreBtn{margin: 85px auto 175px}

	.pAbout{ background-attachment: scroll;}

	.pSystem ul{ height: 360px;}
	.pSystem ul li .ttl{ font-size: 15px; margin: 35px 0 20px;}
	.pSystem ul li p{ font-size: 12px; line-height: 24px;}

	.pLayout{ display: none;}
	.pLinks{ display: none;}
}




/*896*/
@media(max-width:896px){

	.listPic ul li .ols{ font-size: 18px; line-height: 30px;}
	.listPic ul li .ol1 h5{ font-size: 26px;}
	.listPic ul li .ol1 h6{ font-size: 18px;}
	.listPic ul li .ol2{ bottom: 45px;}

	.pIdea .ttl{ font-size: 42px;}
}



/*ipad竖屏*/
@media(max-width:768px){

	.pSystem ul{ height: 100px;}
	.pSystem ul li .ttl{  display: none;}
	.pSystem ul li p{ display: none;}

	

	.pIdea .ttl{ font-size: 36px;}

	.listPic ul li .ols{ font-size: 16px; line-height: 26px;}
	.listPic ul li .ol1{ top: 30px; left: 30px;}
	.listPic ul li .ol1 h5{ font-size: 21px;}
	.listPic ul li .ol1 h6{ font-size: 16px;}
	.listPic ul li .ol2{ bottom: 30px; left: 30px;}
	.listPic ul li i{ top: 30px; right: 30px;}

}




/*移动端670*/
@media(max-width:670px){

	/*幻灯片*/
	#pFocus{ display: none;}
	#mFocus{ display: block; font-size: 20px;margin-bottom: 35px;}

	/*图片列表*/
	.listPic{ width: 92%; margin: 5px auto 0;}
	.listPic ul{ width: 100%;}
	.listPic ul li{ width: 100%; height: auto; margin: 0 0 30px 0;}
	.listPic ul li .ols{ position: relative; top: 0; left: 0; display: block; width: 100%; height: auto; padding:15px 7% 28px 7%; margin-bottom: 15px; font-size: 21px; background-color: #fff; opacity: 1;
	-webkit-transform: scale(1); transform: scale(1);}
	.listPic ul li .ol1{ position: relative; top: 0; left: 0;}
	.listPic ul li .ol1 h5{ font-size: 22px; line-height: 50px;}
	.listPic ul li .ol1 h6{ font-size: 16px; color: #858889;}
	.listPic ul li .ol2{ display: none;}
	.listPic ul li i{ top: 30px; right: 5%; background:url("imgs/arrow_r_2.png") no-repeat center; background-size: 0.8em;display: block;}	
	.listPic ul li i:hover{ background:url("imgs/arrow_r_1.png") no-repeat center; background-size: 0.8em;}
	.listPic ul li .ols:hover{ width: auto; height: auto;}
	.listPic ul li img{ width: 100%;}
	.listPic .moreBtn{ margin:55px auto 135px;}
	.met-case-index .listPic,.met-caixihuan .listPic{width:100%;}
.met-caixihuan .listPic ul li i{display:none}
.other-xg{margin: 12px 15px; }
.other-xg .met-title{padding-bottom: 8px;}
	/*了解优势*/
	.pAbout{ padding: 125px 0 0; height:auto; margin-bottom: 0; background: url("imgs/pic_back_M.jpg") no-repeat top;  background-size: 100%; background-attachment: relative;}
	.pAbout h3{ font-size: 21px; color: #dcdcdc; line-height: 40px;margin-bottom: 10px;}
	.pAbout p{ display: none;}
	.pAbout .btn{ width: 70%;text-align:center; height: 45px; font-size: 21px; line-height: 32px; background-color: #ffd200; color: #000;  margin: 16px auto 88px; opacity:1; -webkit-opacity:1;}
	.pAbout .ewm{ width: 100%; background-color: #fff; padding-top: 60px;}
	.pAbout .ewm img{ width: 35%;}
	.pAbout span.pc{ display: none;}
	.pAbout span.m{ display: block; background-color: #fff; color: #000; padding-bottom: 60px;}
	.pAbout span{ line-height: 60px;}

	/*4I系统*/
	.pSystem{ display: none;}

	/*理念*/
	.pIdea{ width: 100%; height: 800px; padding:108px 42px 0; margin: 0 auto 0px;}
	.pIdea p.pc{ display: none;}
	.pIdea p.m{ display: block;}
	.pIdea h4{ font-size: 16px;    color: #595757;}
	.pIdea .ttl{ font-size:36px; line-height: 70px;}

	/*客户名单*/
	.pClient{ display: none;}

	/*动态&关注pc*/
	.pLayout{ display: none;}

	/*友情链接*/
	.pLinks{ display: none;}
	
	
	.pAbout h3 {
    font-size: 18px; color:#595757;
}
.pbox{padding: 240px 0 0px}
.met-case-index .met-works{border:0px;}
.cui-case-nav.open .cast-cat{padding:0;background-color:#fff;margin-top:10px;}

}



/*移动端450*/
@media(max-width:450px){

	/*幻灯片*/
	#mFocus{ font-size: 16px;}

}



/*移动端365*/
@media(max-width:365px){

	/*幻灯片*/
	#mFocus{ font-size: 13px;}

	/*了解优势*/
	.pAbout h3{ font-size:18px;}

	.pIdea .ttl{ font-size: 32px;}
	.pIdea p{ font-size: 16px; line-height: 28px;}

	.listPic ul li .ol1 h5{ font-size: 21px; line-height: 30px;}
	.listPic ul li .ol1 h6{ font-size: 14px; line-height: 30px;}

	.moreBtn{ width: 200px; height: 35px; line-height: 35px; font-size: 16px; border-width: 1px;}
	.listPic .moreBtn{ margin:35px auto 85px;}
	.pbox{padding: 
210px 0 44px}

}