@charset "utf-8";
/* CSS Document */
.index-banner{height: 820px; position: relative; overflow: hidden; clear: both;}
.index-banner-ul{position: absolute; top: 0px; width: 100%; height: 25%; overflow: hidden;}
.index-banner-ul li{height: 100%; width: 100%; position:absolute; overflow: hidden;}
.index-banner-ul li a{display: block; position: absolute; height: 400%; width: 1100%; left: -500%; text-align: center; top: 0px;}
.index-banner-ul li a img{height: 100%; min-width: 9.1%;}
.index-banner-ul.nth2{top: 25%;}
.index-banner-ul.nth2 a{top: -100%;}
.index-banner-ul.nth3{top: 50%;}
.index-banner-ul.nth3 a{top: -200%;}
.index-banner-ul.nth4{top: 75%;}
.index-banner-ul.nth4 a{top: -300%;}
.index-banner-p{position: absolute; z-index: 5; right: 191px; top: 50%; margin-top: -30px; width: 8px;}
.index-banner-p i{display: block; width: 8px; height: 8px; border-radius: 8px; background: #a8abae; margin-bottom: 10px; cursor: pointer;transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;}
.index-banner-p i span{display: block; display: none; height: 20px; line-height: 20px; top: 50%; margin-top: -10px; position: absolute; right: 38px; font-size: 14px; color: #fff;}
.index-banner-p i b{font-weight: normal; font-size: 20px;}
.index-banner-p i.current{background: #ff3300; height: 16px;}
.index-banner-p i.current span{display: block;}
.index-banner-ul.full,.index-banner-ul.full li,.index-banner-ul.full li a{height: 100%;}
.index-banner-iocs{height: 130px; max-width: 100%; width: 1600px; position: absolute; left: 50%; margin-left: -800px; bottom: 15px;}
.index-banner-iocs .l{display: block; width: 12px; height: 19px; position: absolute; left: 0px; top: 50%; margin-top: -10px;}
.index-banner-iocs .r{display: block; width: 12px; height: 19px; position: absolute; right: 0px; top: 50%; margin-top: -10px;}
.index-banner-iocs .l img,.index-banner-iocs .r img{width: 12px; height: 19px;}
.index-banner-iocs .over{height: 120px; padding-top: 10px; width: 100%;}
.index-banner-iocs .over ul{height: 120px; width: 100%;}
.index-banner-iocs .over ul li{width: 12.5%; float: left; height: 120px;}
.index-banner-iocs .over ul li a{display: block; height: 120px; width: 120px; margin: 0px auto;}
.index-banner-iocs .over ul li a img{width: 78px; height: 78px; display: block; margin: 0px auto; margin-bottom: 12px; border-radius: 78px; border: 1px solid #fff;transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;}
.index-banner-iocs .over ul li a:hover img{background: #ff6600; border-color: #ff6600;}
.index-banner-iocs .over ul li a b{color: #fff; font-weight: normal; height: 32px; line-height: 32px; font-size: 16px; text-align: center; display: block;}
.block-describe{width: 100%; height: 902px; overflow: hidden;}
.block-describe li{width: 25%; height: 902px; position: relative; overflow: hidden; float: left; cursor: pointer;}
.block-describe li img{width: 100%; height: 105%;transition:all cubic-bezier(0.3,0.2,0.7,0.8) 0.4s;-webkit-transition:all cubic-bezier(0.3,0.2,0.7,0.8) 0.4s;}
.y_block-bontent{position: absolute; width: 100%; min-height: 370px; background: url("../images/y_block-backimg.png") repeat; left: 0px; bottom: 0px;-moz-perspective:1200px;-ms-perspective:1200px;-o-perspective:1200px;-webkit-perspective:1200px;perspective:1200px;}
.y_block-bontent h2{height: 35px; font-weight: normal; font-size: 30px; color: #999; text-transform: uppercase; margin-left: 44px; margin-top: 42px; clear: both;transition:all cubic-bezier(0.3,0.2,0.7,0.8) 0.3s;-webkit-transition:all cubic-bezier(0.3,0.2,0.7,0.8) 0.3s;}
.y_block-bontent h3{height: 74px; line-height: 74px; font-size: 28px; color: #333; border-bottom: 1px solid #999; min-width: 100px; font-weight: normal; margin-left: 45px; float: left; clear: both; padding-right: 22px; margin-bottom: 17px;}
.y_block-bontent b{display: block; font-size: 14px; color: #666; font-weight: normal; clear: both; height: 50px; line-height: 25px; overflow: hidden; margin: 0px 45px; margin-bottom: 13px;}
.y_block-bontent p{font-size: 14px;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:center top;transform-origin:center top; color: #999;transform:rotateX(-90deg);-webkit-transform:rotateX(-90deg); line-height: 30px; margin: 0px 47px; overflow: hidden; height: 0px;transition:height cubic-bezier(0.3,0.2,0.7,0.8) 0.3s,transform cubic-bezier(0.5,0,0.7,1.5) 0.7s;-webkit-transition:height cubic-bezier(0.3,0.2,0.9,1.2) 0.3s,transform cubic-bezier(0.5,0,0.9,1.1) 0.7s;}
.block-describe li.nth .y_block-bontent{top: 0px; bottom: auto;}
.block-describe li.nth .y_block-bontent h2{ margin-top: 142px;}
.block-describe li:hover img{transform:translateY(-2%);-webkit-transform:translateY(-2%);}
.block-describe li:hover p{height: 337px;transform:rotateX(0deg);-webkit-transform:rotateX(0deg);}
.block-describe li.nth:hover .y_block-bontent h2{ margin-top: 42px;}
.block-describe li.nth img{transform:translateY(-2%);-webkit-transform:translateY(-2%);}
.block-describe li.nth:hover img{transform:translateY(0%);-webkit-transform:translateY(0%);}
.y_index-case{height: 845px; width: 100%; position: relative; overflow: hidden; padding:0 20px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.y_index-case-main{max-width: 1600px; height: 615px; position: relative; margin: 0px auto; margin-top: 150px;}
.y_index-case-main-l{width: 267px; height: 445px; position: relative; float: left;}
.y_line-title{margin-bottom: 38px;}
.y_index-case-main-l h2{font-size: 34px; color: #333; line-height: 50px; height: 100px; overflow: hidden; margin-bottom: 55px;  font-family: "宋体",Arial;}
.y_index-case-main-l .p{height: 185px; font-size: 18px; color: #333; line-height: 36px;}
.y_index-case-main .y_btnl{width: 52px; height: 64px; position: absolute; top: 50%; margin-top: -64px; left: 345px; z-index: 10;transition:all cubic-bezier(0.3,0.5,0.9,1.1) 0.3s;-webkit-transition:all cubic-bezier(0.3,0.5,0.9,1.1) 0.3s;}
.y_index-case-main .y_btnr{width: 52px; height: 64px; position: absolute; top: 50%; margin-top: -64px; left: 432px; z-index: 10;transition:all cubic-bezier(0.3,0.5,0.9,1.1) 0.3s;-webkit-transition:all cubic-bezier(0.3,0.5,0.9,1.1) 0.3s;}
.y_index-case-main .y_btnl:hover{left: 340px;}
.y_index-case-main .y_btnr:hover{left: 437px;}
.y_index-case-main-r{height: 611px; width: 5000px; top: 50%; margin-top: -335px; position: absolute; left:415px; overflow: hidden;}
.y_index-case-main-r ul{position: absolute; height: 100%; left: 0px; transition:left cubic-bezier(0.3,0.5,0.8,0.9) 0.4s;-webkit-transition:left cubic-bezier(0.3,0.5,0.8,0.9) 0.4s;}
.y_index-case-main-r ul li{float:left; width: 369px; height:611px; margin-right: 14px; position: relative; overflow: hidden;}
.y_index-case-main-r ul li a{display: block;}
.y_index-case-main-r ul li a img{width:369px; height: 492px;}
.y_index-case-main-r ul li div{width: 100%; height: 117px; position: relative; overflow: hidden;}
.y_index-case-main-r ul li div p{display: block; margin: 0px; height: 117px; width: 100%; text-align: center; position: relative; overflow: hidden; line-height: 27px; font-size: 14px; color: #999;transition:all cubic-bezier(0.3,0.5,0.9,1.1) 0.3s;-webkit-transition:all cubic-bezier(0.3,0.5,0.9,1.1) 0.3s;}
.y_index-case-main-r ul li div p::before{content: ""; width: 22px; height: 1px; background: #000; margin: 0px auto; display: block; margin-top: 30px; margin-bottom: 9px;}
.y_index-case-main-r ul li div p b{display: block; font-weight: normal; height: 28px; line-height: 28px; overflow: hidden; color: #333; font-size: 16px;}
.y_index-case-main-r ul li div p:nth-child(2){background: #0d67b3; color: #fff;}
.y_index-case-main-r ul li div p:nth-child(2)::before{background: #fff;}
.y_index-case-main-r ul li div p:nth-child(2) b{color: #fff;}
.y_index-case-main-r ul li a:hover p{transform:translateY(-117px);-webkit-transform:translateY(-117px);}
.y_index-consultation{height: 650px; background: url("../images/y_index-news.png") center top repeat-x; padding-top: 35px;}
.y_index-consultation-main{max-width: 1370px; margin: 0px auto; overflow: hidden;}
.y_index-consultation-title{height: 108px; margin-bottom: 67px; line-height: 41px; clear: both; text-align: center; font-size: 26px; color: #ff6600; text-transform: uppercase;}
.y_index-consultation-title b{display: block; height: 62px; line-height: 62px; font-weight: normal; font-size: 36px; color: #ff6600;}
.y_index-consultation-l{width: 636px; float: left;}
.y_index-case-main .y_more-Arrow{margin-top: 20px;}
.y_index-consultation-main li{border-bottom: 1px solid #ccc;}
.y_index-consultation-main li a:hover h2{color: #ff3300;}
.y_index-consultation-main li time{display: block; height: 15px; line-height: 15px; font-size: 14px; color: #333; margin-bottom: 15px;}
.y_index-consultation-main li time::before{content: "/　"}
.y_index-consultation-main li h2{line-height: 30px; padding: 0px 5px; height: 50px; font-size: 18px; color: #333; font-weight: normal;}
.y_index-consultation-main li .g_zixun-index{margin: 0px; height: 54px; line-height: 24px; font-size: 12px; color: #666; overflow: hidden;}
.y_index-consultation-main li .g_zixun-index p{font-size: 12px !important; color: #666 !important; margin:0; padding:0;}
.y_index-consultation-main li .g_zixun-index span{background:none !important; font-size: 12px !important; color: #666 !important; margin:0; padding:0;}
.y_index-consultation-l li{height: 511px;}
.y_index-consultation-l li p{margin-bottom: 23px;}
.y_index-consultation-l a>img{width: 636px; height: 360px; display: block; margin-bottom: 20px;}
.y_index-consultation-l li:hover .y_more-Arrow{color:#0d67b3;}
.y_index-consultation-l li:hover b{width:80px;}
.y_index-consultation-l li:hover h2{color: #0d67b3;}
.y_index-consultation-l li:hover b .g_hgh{opacity:1; filter:alpha(opacity=100); -moz-opacity:1;  -khtml-opacity:1;}
.y_index-consultation-l li:hover b .g_hgq{opacity:0; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity:0;}
.y_index-consultation-r{width: 653px; float: right;}
.y_index-consultation-r li{height: 156px; margin-bottom: 20px; overflow:hidden;}
.y_index-map{height: 635px; position: relative; overflow: hidden; background: url("../images/y_index-max04.png") right center no-repeat;}
.y_index-map-main{max-width: 1600px; position: relative; height: 635px; margin: 0px auto;}
.y_map-back{width: 5000px; height: 635px; position: absolute; background: url("../images/y_index-max01.png") repeat; top: 0px; right: 50%;}
.y_index-map-l{width: 50%; height: 635px; position: relative; z-index: 5; padding-left:20px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.y_index-map-l h2{height: 136px; padding: 39px 0px; padding-bottom: 30px; color: #fff; font-size: 46px; color: #fff; font-weight: normal; margin-bottom: 29px; position: relative;}
.y_index-map-l h2::after{content: ""; width: 144px; height: 1px; background: #fff; position: absolute; left: 0px; bottom: 4px;}
.y_index-map-l>b{display: block; height: 41px; line-height: 41px; color: #fff; font-size: 26px; font-weight: normal; margin-bottom: 10px;}
.y_index-map-l .p{font-size: 14px; color: #fff; line-height: 38px;}
.y_index-map-l .code{width: 120px; position:absolute; color: #fff; height: 339px; font-size: 16px; color: #fff; top:245px; left: 475px; line-height: 16px; text-align: center; padding-left: 45px; border-left: 1px solid #0d67b3;}
.y_index-map-l .code img{display: block; width: 120px; height: 120px; margin-top: 13px; margin-bottom: 36px;}
.y_inter-banner{position:relative; height: 470px; overflow: hidden;}
.y_inter-banner a{display: block; position: absolute; height: 100%; width: 1100%; left: -500%; text-align: center; top: 0px;}
.y_inter-banner a img{height: 100%; min-width: 0.91%;}
.y_inter-webapp{max-width: 1616px; margin: 40px auto; margin-bottom: 99px;}
.y_inter-webapp li{width: 23%; float: left; position: relative; margin: 0px 1%;}
.y_inter-webapp li a{display: block; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; overflow: hidden;}
.y_inter-webapp li .img{width: 100%; height: 100%; position: absolute; background: #000; z-index: 1;transition:transform cubic-bezier(0.3,0.5,0.9,1.1) 0.4s;-webkit-transition:transform cubic-bezier(0.3,0.5,0.9,1.1) 0.4s;}
.y_inter-webapp li .img img{width: 100%; height: 100%; opacity: 0.6;}
.y_inter-webapp li p{position: absolute; width: 100%; height: 80px; left: 0px; text-align: center; top: 50%; margin-top: -40px; color: #fff;}
.y_inter-webapp li p b{display: block; height: 45px; line-height: 45px; font-weight: normal; font-size: 20px;}
.y_inter-webapp li p span{font-size: 16px; line-height: 35px;}
.y_inter-webapp li .text{position: absolute; width: 100%; height: 100%; left: 0px;top: 100%; z-index: 2; background: #0d67b3;transition:transform cubic-bezier(0.3,0.5,0.9,1.1) 0.3s;-webkit-transition:transform cubic-bezier(0.3,0.5,0.9,1.1) 0.3s;}
.y_inter-webapp li .text p::after{content: ""; display: block; width: 159px; height: 9px; background: url("../images/y_inter-webapp01.png") repeat; background-size: 100% 100%; position: absolute; left: 50%; margin-left: -79px; bottom: -25px;}
.y_inter-webapp li:hover div{transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.y_inter-case{height: 695px; max-width: 1600px; position: relative; margin: 0px auto; overflow: hidden; margin-bottom: 50px; background: url("../images/y_inter-caseback.png") 20% 18px no-repeat;}
.y_inter-case-l{width: 490px; left: 0px; top: 165px; position: absolute; color: #0d67b3;}
.y_inter-case-l h2{height: 99px; line-height: 99px; font-size: 50px; font-weight: normal; margin-bottom: 27px;}
.y_inter-case-l .p{font-size: 26px; line-height: 46px;}
.y_inter-case-r{position: absolute; width: 986px; height: 100%; top: 0px; right: 0px;}
.y_inter-case-txts{position: absolute; width: 262px; height: 352px; overflow: hidden; top: 0px; right: 120px; background: #333; color: #fff;}
.y_inter-case-txts li{position: absolute; width: 100%; height: 100%; box-sizing: border-box; right: 0px; top: 0px; padding: 20px 34px; text-align: right;}
.y_inter-case-txts li h3{font-weight: normal; height: 35px; line-height: 35px; overflow: hidden;}
.y_inter-case-txts li div.p1{color: #ccc; font-size: 12px; line-height: 23px; text-align: right;}
.y_inter-case-imgs{width: 797px; height: 531px; position: absolute;right: 188px; bottom: 0px; overflow: hidden;}
.y_inter-case-imgs li{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;}
.y_inter-case-imgs li img{width: 100%; height: 100%;}
.y_inter-case-imgs li section{display: none;}
.y_inter-case-control{position: absolute; width: 188px; height: 93px; color: #fff; background: #333; right: 0px; bottom: 0px;}
.y_inter-case-control .y_info{height: 51px; border-bottom: 1px solid #999; margin: 0px 20px; line-height: 51px; text-align: center; font-size: 16px; position: relative; margin-bottom: 15px;}
.y_inter-case-control .y_info span{color: #0d67b3;}
.y_inter-case-control .y_info hr{position: absolute; width:0; left: 0px; margin: 0px; height: 2px; border: 0px; background: #0d67b3; bottom: -1px;}
.y_inter-case-control .y_more-Arrow{margin-left: 39px; background: none; color: #fff;}
.y_info .y_lbtn{width: 10px; height: 18px; position: absolute; top: 18px; left: 16px; padding-right: 10px;}
.y_info .y_lbtn img,.y_info .y_rbtn img{display: block; width: 10px; height: 18px;}
.y_info .y_rbtn{width: 10px; height: 18px; position: absolute; top: 18px; right: 16px; padding-left: 10px;}
.y_info .y_rbtn,.y_info .y_lbtn{transition:transform cubic-bezier(0.3,0.5,0.9,1.1) 0.3s;-webkit-transition:transform cubic-bezier(0.3,0.5,0.9,1.1) 0.3s;}
.y_info .y_lbtn:hover{transform:translateX(-3px);-webkit-transform:translateX(-3px);}
.y_info .y_rbtn:hover{transform:translateX(3px);-webkit-transform:translateX(3px);}
.y_inter-case-imgs li{left: 100%;}
.y_inter-case-imgs li.pre{left: -100%;}
.y_inter-case-imgs li.cur{left:0%;}
.y_inter-case-txts li{right: -110%;}
.y_inter-case-txts li.pre{right: 100%;}
.y_inter-case-txts li.cur{right: 0%;}
.y_inter-case-imgs li,.y_inter-case-txts li,.y_inter-case-control .y_info hr{transition:all cubic-bezier(0.3,0.5,0.9,1.1) 0.3s;-webkit-transition:all cubic-bezier(0.3,0.5,0.9,1.1) 0.3s;}
.y_inter-solve{max-width: 1600px; margin: 0px auto; margin-bottom: 20px; overflow: hidden;}
.y_inter-solve-t{height: 40px; display: block; margin: 22px auto; margin-bottom: 71px;}
.y_inter-solve-ul{overflow: hidden;}
.y_inter-solve-ul li{width: 49%; float: left; margin-bottom: 20px;}
.y_inter-solve-ul li:nth-child(2n){float: right;}
.y_inter-solve-ul li .y_img{height: 506px; position: relative; overflow: hidden; margin-bottom: 30px;}
.y_inter-solve-ul li .y_text{height: 120px; overflow: hidden;}
.y_inter-solve-ul li .y_text h2{height: 37px; line-height: 37px; font-weight: normal; font-size: 20px; color: #333; overflow: hidden; margin-bottom: 5px;}
.y_inter-solve-ul li .y_text p{margin: 0px; font-size: 14px; color: #333; line-height: 24px;}
.y_inter-solve-ul .y_img .p{position: absolute; right: -674px; bottom: -280px; background: #f5f5f5; width: 674px; height: 280px;}
.y_inter-solve-ul .y_img>img{width: 900px; height: 506px;}
.y_inter-solve-ul .y_img .p p{margin: 0px; padding: 0px 50px; box-sizing: border-box; width: 100%; left: 0px; bottom: 62px; position:absolute; font-size: 14px; color: #666; line-height: 26px;}
.y_inter-solve-ul .y_img .p .y_more-Arrow{position: absolute; left: 50px; bottom: 30px; background: none;}
.y_inter-solve-ul li{transition:all cubic-bezier(0.3,0.5,0.9,1.1) 0.3s;-webkit-transition:all cubic-bezier(0.3,0.5,0.9,1.1) 0.3s;}
.y_inter-solve-ul .y_img .p{transition:all cubic-bezier(0.3,0.5,0.9,1.1) 0.3s;-webkit-transition:all cubic-bezier(0.3,0.5,0.9,1.1) 0.3s;}
.y_inter-solve-ul li:hover .y_img .p{right: 0px; bottom: 0px;}
.y_index-case-main-l .p{overflow:hidden;}
.y_more-Arrow{ text-align:center;}
.g_consultation-more{display:block; padding-top:20px;clear:both; margin:0 auto;}
.index-banner-iocs{width:1200px; left:50%; margin-left:-600px;}
.index-banner-iocs .over{position:relative; overflow:hidden; width:96%; margin:0 auto;}
.index-banner-iocs .over ul{position:absolute; height:100%; width:100%;}
.index-banner-iocs .over ul li{width:144px;}

/*2017-9-26la*/
.y_inter-case-imgs li img{width: 80%; height: 100%;}


@media  only all and (max-width:3000px) {
    .y_inter-case-imgs li{left: 0 !important;}
    .y_inter-case-imgs{-moz-perspective:1200px;-ms-perspective:1200px;-o-perspective:1200px;-webkit-perspective:1200px;perspective:1200px;}
    .y_inter-case-imgs li{transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);transform-origin:right top;-webkit-transform-origin:right top; -moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;}
    .y_inter-case-imgs li.cur{transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform-origin:center top;-webkit-transform-origin:center top;}
    .y_inter-case-imgs li.pre{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform-origin:left top;-webkit-transform-origin:left top;}

}



@media  only all and (max-width:1600px) {
    .y_inter-case{margin-left: 10px; margin-right: 10px;}
    .index-banner-iocs{width: 96%; left: 2%; margin-left: 0px; }
    .y_inter-solve{margin-left: 10px; margin-right: 10px;}
}

@media  only all and (max-width:1500px) {
    .y_inter-case-l .p{font-size: 20px; line-height: 40px;}
    .y_inter-case-l h2{font-size: 40px; margin-bottom: 20px;}
    .y_inter-case-imgs{width: 600px; height: 400px;}
    .y_inter-case{height: 560px; background-size: auto 100%;}
    /*2017-9-26la*/
    .y_inter-case-imgs li img {  width: 74%; }
   
}
@media  only all and (max-width:1400px) {
	.y_index-consultation-main{padding:0 20px;}
	.y_index-consultation-l{width:49%;}
	.y_index-consultation-l a > img{width:100%;}
	.y_index-consultation-r{width:49%;}
	.y_index-map-l .code{right:20px; left:auto;}
	.y_index-map-l h2{font-size:34px; height:auto;}
}



@media  only all and (max-width:1200px) {
	.index-banner-iocs{left:0; width:100%;}
	.index-banner-iocs .over{width:100%;}
	.y_inter-case-l,.y_inter-case-r{position:relative;}
	.y_inter-case-l{top:0; width:auto; padding:0 20px;}
	.y_inter-case{height:auto;}
	.y_inter-case-r{height:400px; width:600px; margin:20px auto 0;}
	.y_inter-case-imgs{top:0; left:0;}
	.y_inter-case-txts{left:0; top:0; z-index:2; background:rgba(0,0,0,0.3);}
	.y_inter-case-control{z-index:3; right:0; bottom:0; background:rgba(0,0,0,0.3);}
	.y_inter-case-l .p,.y_inter-case-l h2{text-align:center; height:auto; line-height:normal;}
	.y_inter-case-l h2{margin-bottom:0;}
	.y_inter-banner{height:auto;}
	.y_inter-banner a{position:relative; display:block; height:auto; width:100%; left:0; top:0; margin-left:0; margin-top:0;}
	.y_inter-banner a img{display:block; height:auto; width:100%; max-width:100%;}
	
	/*2017-9-26la*/
	.y_inter-case-control{     right: 157px;   width: 181px;}
  
}

@media  only all and (max-width:1000px) {
	.block-describe{height:auto !important;}
	.block-describe li{width:50%; height:auto !important;}
	.block-describe li.nth img{height:100%; transform:translateY(0);}
	.block-describe li img{height:100%; display:block;}
	.block-describe li:hover img{transform:translateY(0);}
	.y_block-bontent p{height: 337px;transform:rotateX(0deg);-webkit-transform:rotateX(0deg);}
	.block-describe li.nth .y_block-bontent h2{ margin-top: 42px;}
	.y_map-back{width:100%; left:0;}
	.y_index-map-l{left:0; width:100%;}
	.y_inter-webapp li{width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:10px; margin:0; top:0;}
	
}

@media  only all and (max-width:850px) {
	.y_index-case-main{margin:60px auto 0; height:auto;}
	.y_index-case-main-r{width:100%; left:0; position:relative; top:0; margin-top:20px;}
	.y_index-case-main-l{float:none; width:100%; height:auto;}
	.y_index-case{height:auto;}
	.y_index-case-main-l .p{height:auto;}
	.y_index-case-main-l h2{margin-bottom:20px;}
	.y_index-case-main .y_btnl{left:50%; margin-left:-72px;}
	.y_index-case-main .y_btnr{left:50%; margin-left:6px;}
	.y_index-case-main .y_btnl:hover{left: 50%;}
	.y_index-case-main .y_btnr:hover{left: 50%;}
}


@media  only all and (max-width:750px) {
	.y_index-consultation-l{width:100%; float:none;}
	.y_index-consultation-r{width:100%; float:none; margin-top:20px;}
	.y_index-consultation{height:auto; padding-bottom:20px;}
	.y_index-consultation-l a > img{height:auto;}
	.y_index-consultation-l li{height:auto;}
	.y_index-consultation-r li{height:auto;}
	.y_index-consultation-main li .g_zixun-index{height:auto;}
	.block-describe li{width:100%;}
	.y_inter-solve-ul li{width:100% !important;}
	.y_inter-solve-ul .y_img .p{bottom:0; left:0; width:100%; height:auto; background:rgba(245,245,245,0.5); padding:20px 0;}
	.y_inter-solve-ul .y_img .p p{position:relative; bottom:0; left:0;}
	.y_inter-solve-ul .y_img .p .y_more-Arrow{position:relative; bottom:0; left:0;}
	.y_inter-solve-ul li .y_img{height:auto;}
	.y_inter-solve-ul .y_img > img{height:auto; display:block; position:relative; width:100%;}
	.y_inter-case-imgs{position:relative; width:100%; left:0;}
	.y_inter-case-r{width:100%;}
}
@media  only all and (max-width:550px) {
	.index-banner-iocs{display:none;}
	.index-banner-p{width:100%; left:0; text-align:center; top:auto; margin:0; bottom:20px;}
	.index-banner-p i{display:inline-block; margin:0 5px;}
	.index-banner-p i.current{height:8px; width:16px;}
	
	.y_index-map-main{height:auto;}
	.y_map-back{height:100%;}
	.y_index-map-l .code{transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; background:url(../images/g_code-right.png) no-repeat left center; background-size:30px 30px; padding:20px 0 20px 45px; right:-135px; position:fixed; border:0 none; color:#333;}
	
	.y_index-consultation-main li h2{height:auto;}
	.y_inter-case-imgs{width:300px; height:200px;}
	.y_inter-case-r{height:293px; width:300px;}
	.y_inter-case-txts{width:100%; height:200px;}
	.y_inter-case-control{left:50%; margin-left:-94px;}
	.y_inter-webapp li{width:100%; float:none;}
	.y_inter-solve-ul .y_img .p{display:none;}
	.y_inter-solve img{height:auto; width:100%; margin:20px 0;}
	.y_inter-solve-ul li .y_img{margin-bottom:20px;}
	.y_inter-solve-ul .y_img > img{margin:0;}
	
	/*2017-9-26la*/
	.y_inter-case-imgs li img{width:100%; height: 100%;}
	.y_inter-case-txts li div.p1 { height: 117px;  overflow: hidden; }
   	
    
}

@media  only all and (max-width:450px){
	.y_index-case-main-r{transform:scale(0.6); left:-50px;}
}



.bNav{padding:45px 0px 10px 0px;}
.bNav ul{width:970px; margin:0px auto;}
.bNav li{width:288px; float:left;} .bNav li.last{width:94px;}
.bNav h3{font-weight:bold; padding-bottom:25px; font-size:14px; color:#fff;background:url(jt2.jpg) no-repeat 80px top;}
.bNav h3 a{ display:block; width:100%;}
.bNav p{line-height:180%;} .bNav p a{color:#666;} .bNav p a:hover{color:#333;} 
.bNav li.last h3{background:url(jt2.jpg) no-repeat 70px top;}
/*footer*/
#footer{background:#ff6600; padding:75px 0px 80px 0px; color:#fff;}
#footer .box{width:960px; margin:0px auto;}
#footer a{color:#fff;}
#footer a:hover{color:#ffff00;}
#footer h2{font-size:12px; height:20px; line-height:20px; margin-bottom:20px;}
#footer .list li{float:left; height:150px;}
#footer .list .clear{float:none; clear:both; width:0px; height:0px; overflow:hidden;}
.fc{width:220px; border-right:1px solid #a6a6a6; background:url(btBg.png) no-repeat 0px 38px;}
.fc p{ padding-left:26px; height:19px; line-height:19px;}
.fl{width:260px; border-right:1px solid #a6a6a6; padding-left:20px;}
.fl p{width:240px; height:20px; line-height:20px; overflow:hidden; background:url(point.gif) no-repeat left center; padding-left:15px;}
.fa{width:220px; padding-left:20px;} .fa p{ padding-bottom:10px;}
.fp{padding-left:50px; width:80px;} .fp p{padding-bottom:10px;}
.links{ line-height:180%; color:#999; width:780px; overflow:hidden; margin:120px auto 0px auto; text-align:center;}
.links a{padding:0px 5px;}
.corp{padding-top:11px; color:#e0e0e0;font-size:10px; -webkit-text-size-adjust:none; -webkit-transform:scale(0.75);-o-transform:scale(1);}

.toTop{width:40px; height:40px; position:fixed; right:0px; bottom:10%; z-index:99;}