@charset "utf-8";

/* CSS Document */



.index1{position:relative;}

.index1 .list{font-size:0;}

.index1 .item{width:25%;padding-top:18%;display: inline-block;position: relative;overflow: hidden;background:#000;}

.index1 .item a{position:absolute;left:0;top:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;

transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}

.index1 .item.s a{opacity:0.6;}

.index1 .item.ss a{opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1);}



.index2{height:817px;}

.index2 .left{height:100%;width:50%;background:url(../images/bg2a.jpg) center center no-repeat;background-size:cover;position:relative;}

.index2 .right{height:100%;width:50%;background:url(../images/bg2b.jpg) center center no-repeat;background-size:cover;position:relative;}

.index2 .circle{width:593px;height:593px;position:absolute;left:50%;top:50%;margin:-296px 0 0 -296px;}

.index2 .circle .c{position:absolute;left:0%;top:0%;width:100%;height:100%;margin:0;opacity:0;

transition:all 1s ease-out 0.5s;-webkit-transition:all 1s ease-out 0.5s;

transform:scale(0.9);-webkit-transform:scale(0.9);}

.index2.show .circle .c1{margin:-30px 0 0 30px;opacity:1;transform:scale(1);-webkit-transform:scale(1);}

.index2.show .circle .c2{margin:0 0 0 20px;opacity:1;transform:scale(1);-webkit-transform:scale(1);}

.index2.show .circle .c3{margin:0 0 0 0px;opacity:1;transform:scale(1);-webkit-transform:scale(1);}

.index2.show .circle .c4{margin:20px 0 0 -25px;opacity:1;transform:scale(1);-webkit-transform:scale(1);}

.index2 .circle .inner{position:relative;height:100%;}

.index2 .circle .inner div{text-align:center;position:absolute;border-radius:100%;font-size:22px;color:#339aca;opacity:0;

transform:scale(0);-webkit-transform:scale(0);box-shadow:0 0 20px rgba(0,0,0,0.05);

transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;}

.index2 .circle .inner div span{display:inline-block;vertical-align: middle;}

.index2 .circle .inner div:after{content:"";height:100%;display:inline-block;vertical-align:middle;}

.index2 .circle .inner .d1{width:190px;height:190px;left: 18px; top: 100px;background:rgba(255,255,255,1);

transition-delay:0.3s;-webkit-transition-delay:0.3s;}

.index2 .circle .inner .d2{width:232px;height:232px;left: 280px; top: 90px;background:rgba(255,255,255,0.8);

transition-delay:0.4s;-webkit-transition-delay:0.4s;}

.index2 .circle .inner .d3{width:145px;height:145px;left: 440px; top: 13px;z-index: 1;background:rgba(255,255,255,1);

transition-delay:0.4s;-webkit-transition-delay:0.4s;}

.index2 .circle .inner .d4{width:212px;height:212px;left: 60px; top: 330px;background:rgba(255,255,255,0.7);

transition-delay:0.2s;-webkit-transition-delay:0.2s;}

.index2 .circle .inner .d5{width:164px;height:164px;left: 351px; top: 413px;background:rgba(255,255,255,0.9);

transition-delay:0.3s;-webkit-transition-delay:0.3s;}

.index2 .circle .inner .d6{width:127px;height:127px;left: -35px; top: 320px;background:rgba(255,255,255,0.8);

transition-delay:0.2s;-webkit-transition-delay:0.2s;}

.index2 .circle .inner .d7{width:88px;height:88px;left: 564px; top: 303px;background:rgba(255,255,255,1);

transition-delay:0.3s;-webkit-transition-delay:0.3s;}

.index2.show .circle .inner div{opacity:1;transform:scale(1);-webkit-transform:scale(1);}

.index2 .circle .inner div.s:hover{background:rgba(255,255,255,1);

transform:scale(1.05);-webkit-transform:scale(1.05);

transition-duration:0.2s;-webkit-transition-duration:0.2s;box-shadow:0 0 15px rgba(0,0,0,0.2);z-index:1;}





.index2 .list{position:absolute;left:50%;top:50%;width:60%;transform:translate(-50%,-50%);}

.index2 .list .item{margin-bottom:45px;color:#fff;opacity:0;

transform:translateX(-50px);-webkit-transform:translateX(-50px);

transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}

.index2.show .list .item{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.index2 .list .item:nth-child(1){transition-delay:0.2s;-webkit-transition-delay:0.2s;}

.index2 .list .item:nth-child(2){transition-delay:0.4s;-webkit-transition-delay:0.4s;}

.index2 .list .item:nth-child(3){transition-delay:0.6s;-webkit-transition-delay:0.6s;}

.index2 .list .item:nth-child(4){transition-delay:0.8s;-webkit-transition-delay:0.8s;}

.index2 .list .item:nth-child(5){transition-delay:1s;-webkit-transition-delay:1s;}

.index2 .list .item:nth-child(6){transition-delay:1.2s;-webkit-transition-delay:1.2s;}

.index2 .list .item h3{color:#fff;font-size:20px;}

.index2 .list .item h3 span{font-family:Arial;text-transform:uppercase;margin-left:10px;}

.index2 .list .item p{margin-top:8px;}

.index2 .list .item i{float:left;width:55px;height:50px;margin-right:10px;}

.index2 .list .item .i1{background:url(../images/icon2_1.png) center center no-repeat;}

.index2 .list .item .i2{background:url(../images/icon2_2.png) center center no-repeat;}

.index2 .list .item .i3{background:url(../images/icon2_3.png) center center no-repeat;}

.index2 .list .item .i4{background:url(../images/icon2_4.png) center center no-repeat;}

.index2 .list .item .i5{background:url(../images/icon2_5.png) center center no-repeat;}



.index3 .block{padding:100px 0;width:auto;max-width:1575px;}

.index3 .tabs{text-align:center;}

.index3 .tabs a{display:inline-block;font-size:30px;color:#474747;margin:0 30px;}

.index3 .tabs i{display:block;height:5px;margin:auto;background:#27bec9;width:0;margin-top:8px;width:auto;}

.index3 .list{margin:40px 2% 0;}

.index3 .list .item{width:31.3%;overflow:hidden;margin:0 1% 2%;float:left;opacity:0;position:relative;

transform:translateY(50px);-webkit-transform:translateY(50px);

transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}

.index3.show .list .item{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

.index3.show .list .item:nth-child(2){transition-delay:0.2s;-webkit-transition-delay:0.2s;}

.index3.show .list .item:nth-child(3){transition-delay:0.4s;-webkit-transition-delay:0.4s;}

.index3.show .list .item:nth-child(4){transition-delay:0.6s;-webkit-transition-delay:0.6s;}

.index3.show .list .item:nth-child(5){transition-delay:0.8s;-webkit-transition-delay:0.8s;}

.index3.show .list .item:nth-child(6){transition-delay:1s;-webkit-transition-delay:1s;}

.index3 .list .item img{width:100%;height:auto;transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;

transform-origin:80% 80%;}

.index3 .list .item:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}

.index3 .list .item .mask{background:url(../images/blue.png);position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;opacity:0;filter:alpha(opacity='0');

transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}

.index3 .list .item:hover .mask{opacity:1;filter:alpha(opacity='100');}

.index3 .list .item .mask img{margin-top:50px;width:auto;}

.index3 .list .item .mask span{color:#fff;margin-top:10px;display:block;font-size:16px;}

.index3 .list2{margin:40px 2% 0;}

.index3 .list2 .item{float:left;margin:0 1% 2%;width:23%;background:#eee;}

.index3 .list2 .item .pic{float:left;width:60%;overflow:hidden;}

.index3 .list2 .item .pic img{width:100%;height:auto;}

.index3 .list2 .item .code{float:left;width:40%;text-align:center;}

.index3 .list2 .item .code img{width:70%;margin-top:60%;}

.index3 .list2 .item .code h3{font:16px;margin-top:10px;}



.index4{background:url(../images/bg3.jpg) center center no-repeat;background-size:cover;padding:130px 0;}

.index4 .list{margin-top:20px;padding:0 5%;}

.index4 .item{float:left;width:40%;margin-bottom:40px;opacity:0;margin:0 5% 2%;color: #333;

transform:translateX(-100px);-webkit-transform:translateX(-100px);

transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}

.index4 .item:nth-child(1n){transition-delay:0.2s;-webkit-transition-delay:0.2s;}

.index4 .item:nth-child(2n){transition-delay:0.3s;-webkit-transition-delay:0.3s;}

.index4 .item:nth-child(3n){transition-delay:0.4s;-webkit-transition-delay:0.4s;}

.index4 .item:nth-child(4n){transition-delay:0.5s;-webkit-transition-delay:0.5s;}

.index4.show .item{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.index4.show .item a{transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;display:block;}



.index4 .item:nth-child(2n+1){ clear:left; }



.index4.show .item a:hover{transform:translateX(10px);-webkit-transform:translateX(10px);}

.index4 .item h3{font-size:18px;line-height:150%;}

.index4 .item p{margin-top:10px;font-size:12px;line-height:160%;}

.index4 .item .date{float:left;width:110px;font-family:Arial;margin-right:30px;}

.index4 .item .date span{font-size:20px;display:block;font-weight:bold;text-indent:5px;}

.index4 .item .date strong{font-size:100px;display:block;font-weight:bold;line-height:100%;}

.index4 .more{display:block;margin:20px auto 0;background:#27bec9;height:52px;line-height:52px;width:210px;text-align:center;color:#fff;font-size:18px;font-family:Arial;font-weight:bold; text-transform:uppercase;border-radius:26px;

transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}

.index4 .more:hover{box-shadow:2px 2px 4px rgba(0,0,0,0.3);background:#2dd3df;}





.banner{position:relative;overflow:hidden;}

.banner img{width:100%;height:auto;}
.banner .abc{width:100%;height:400px;}

.banner .title{position:absolute;left:20%;top:50%;margin-top:-40px;opacity:0;

transform:translateX(150px);-webkit-transform:translateX(150px);

transition:all 1s ease-out 0.3s;-webkit-transition:all 1s ease-out 0.3s;}

.banner.show .title{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.banner .title .bar{background:#27bec9;height:8px;width:0;

transition:all 0.8s ease-out 0.5s;-webkit-transition:all 0.8s ease-out 0.5s;}

.banner.show .title .bar{width:150px;}

.banner .title h1{font-size:60px;font-family:Arial;color:#fff;text-transform:uppercase;margin-top:15px;font-weight:bold;}



.bannera{position:relative;overflow:hidden;}

.bannera img{width:100%;height:auto;}

.bannera .title{position:absolute;left:20%;top:50%;margin-top:-40px;opacity:0;

transform:translateX(150px);-webkit-transform:translateX(150px);

transition:all 1s ease-out 0.3s;-webkit-transition:all 1s ease-out 0.3s;}

.bannera.show .title{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.bannera .title .bar{background:#27bec9;height:8px;width:0;

transition:all 0.8s ease-out 0.5s;-webkit-transition:all 0.8s ease-out 0.5s;}

.bannera.show .title .bar{width:150px;}

.bannera .title h1{font-size:60px;font-family:Arial;color:#fff;text-transform:uppercase;margin-top:15px;font-weight:bold;}



.case .list{font-size:0;}

.case .item{width:25%;padding-top:18%;display: inline-block;position: relative;overflow: hidden;background:#000;}

.case .item a{position:absolute;left:0;top:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;

transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}

.case .item.s a{opacity:0.6;}

.case .item.ss a{opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1);}



.case_arc1{padding:100px 0;}

.case_arc1 .title{text-align:center;}

.case_arc1 .title h1{font-size:30px;}

.case_arc1 .title h2{ font-family:Arial;font-weight:bold;font-size:50px;margin-top:10px;text-transform:uppercase;}

.case_arc1 .title p{font-size:12px;color:#474747;margin-top:15px;line-height:180%;}

.case_arc1 .content{margin-top:50px;position:relative;}

.case_arc1 .pc{background:url(../images/pc.png) center top no-repeat;width:900px;height:680px;margin:auto;position:relative;padding-top:38px;}

.case_arc1 .pc .mask{background:url(../images/pc_mask.png) right top no-repeat;width:360px;height:550px;position:absolute;right:0;top:0;}

.case_arc1 .pc .inner{width:830px;height:467px;overflow:hidden;margin-left:34px;position:relative;}

.case_arc1 .pc .inner .frame{height:100%;overflow:hidden;}

.case_arc1 .pc .inner .frame .child{float:left;height:100%;width:100%;}

.case_arc1 .pc .inner img{width:100%;height:auto;}

.case_arc1 .pc .inner .prev{background:url(../images/arrow2_1.png) center center no-repeat;width:31px;height:30px;position:absolute;right:50%;bottom:20px;margin-right:5px;}

.case_arc1 .pc .inner .prev:hover{opacity:0.8;}

.case_arc1 .pc .inner .next{background:url(../images/arrow2_2.png) center center no-repeat;width:31px;height:30px;position:absolute;left:50%;bottom:20px;margin-left:5px;}

.case_arc1 .pc .inner .next:hover{opacity:0.8;}

.case_arc1 .phone{background:url(../images/phone.png) center top no-repeat;width:194px;height:420px;position:absolute;right:80px;top:290px;}

.case_arc1 .phone .mask{background:url(../images/phone_mask.png) right top no-repeat;width:80px;height:280px;position:absolute;right:0;top:0;}

.case_arc1 .phone .inner{padding-top:49px;margin-left:12px;width:171px;height:304px;overflow:hidden;}

.case_arc1.show .phone .inner{opacity:1;}

.case_arc1 .phone .inner img{width:100%;height:auto;}

.case_arc1 .more{display:block;margin:50px auto 0;background:#27bec9;height:42px;line-height:42px;width:210px;text-align:center;color:#fff;font-size:14px;font-family:Arial;font-weight:bold; text-transform:uppercase;border-radius:26px;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}

.case_arc1 .more:hover{box-shadow:2px 2px 4px rgba(0,0,0,0.3);background:#2dd3df;}

.case_arc1 .more img{vertical-align:sub;margin-right:10px;}

.case_arc2 img{width:100%;height:auto;}

.case_arc3{padding:150px 0;background:#243c4d;}

.case_arc3 .item{float:left;width:32%;margin-left:2%;overflow:hidden;}

.case_arc3 .item:first-child{margin-left:0;}

.case_arc3 .item a{display:block;height:100%;}

.case_arc3 .item img{width:100%;height:auto;

transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}

.case_arc3 .item img:hover{transform:scale(1.05);-webkit-transform:scale(1.05);}





.service .text:before{content:"";height:4px;width:90px;background:#27bec9;display: block;}

.service .text h1{font-size:30px;color: #474747;margin-top:20px;}

.service .text h2{font-size:20px;color: #474747;font-family:Arial;margin-top:10px;margin-bottom:30px;}

.service .text h3{font-size:24px;color: #474747;margin-top:15px;}

.service .text p{font-size:18px;color: #474747;margin-top:10px;}

.service .text .list{margin-bottom:10px;}

.service .text .list h3{width:300px;display: inline-block;margin:0 0 15px 0;}

.service .text .link{color: #474747;margin-top:35px;}

.service .text .link a{margin:0 30px;cursor: pointer;color: #27bec9;}

.service .text .link a:hover{color:#005E76;;}

.service .text .link a:first-child{margin-left:0;}



.service1{position:relative;overflow:hidden;height:665px;}

.service1 .text{position:absolute;left:50%;top:150px;width:40%;opacity:0;

transform:translateX(100px);-webkit-transform:translateX(100px);

transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}

.service1.show .text{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.service1 .pic{position:absolute;left:5%;top:50%;opacity:0;max-width:40%;

transform:translate(-100px,-50%);-webkit-transform:translate(-100px,-50%);

transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}

.service1.show .pic{transform:translate(0,-50%);-webkit-transform:translate(0,-50%);opacity:1;}



.service2{position:relative;overflow:hidden;background:#dfdfdf;height:665px;}

.service2 .text{position:absolute;left:5%;top:140px;width:40%;opacity:0;

transform:translateX(-100px);-webkit-transform:translateX(-100px);

transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}

.service2.show .text{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.service2 .pic{position:absolute;left:55%;top:0px;opacity:0;width:45%;

transform:translateX(100px);-webkit-transform:translateX(100px);

transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}

.service2.show .pic{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}



.service3{position:relative;overflow:hidden;background:#f2f2f2;height:665px;}

.service3 .text{position:absolute;left:55%;top:110px;width:40%;opacity:0;

transform:translateX(100px);-webkit-transform:translateX(100px);

transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}

.service3.show .text{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.service3 .pic{position:absolute;left:5%;bottom:0px;opacity:0;max-width:40%;

transform:translateX(-100px);-webkit-transform:translateX(-100px);

transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}

.service3.show .pic{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}



.service4{position:relative;overflow:hidden;background:url(../images/pic26.jpg) center center no-repeat;background-size:cover;height:665px;}

.service4 .text{position:absolute;left:5%;top:180px;width:45%;opacity:0;

transform:translateX(-100px);-webkit-transform:translateX(-100px);

transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}

.service4.show .text{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}



.service5{position:relative;overflow:hidden;background:#f2f2f2;height:665px;}

.service5 .text{position:absolute;left:55%;top:210px;width:40%;opacity:0;

transform:translateX(100px);-webkit-transform:translateX(100px);

transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}

.service5.show .text{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.service5 .pic{position:absolute;left:5%;top:50%;opacity:0;max-width:40%;

transform:translate(-100px,-50%);-webkit-transform:translate(-100px,-50%);

transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}

.service5.show .pic{transform:translate(0,-50%);-webkit-transform:translate(0,-50%);opacity:1;}



.service7{height:838px;position:relative;}

.service7 .pic{float:left;width:50%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;}

.service7 .list{float:right;position:relative;width:50%;height:100%;z-index:1;}

.service7 .list ul{padding:142px 0 0 133px;}

.service7 .list ul li{background:url(../images/ico2.png) left center no-repeat;padding-left:35px;opacity:0;

transform:translateX(-50px);-webkit-transform:translateX(-50px);

transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}

.service7.show .list ul li{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}

.service7 .list ul li strong{font-size:16px;color:#474747;margin-right:10px;}

.service7 .list .l1{margin:0 0 0 0;}

.service7 .list .l2{margin:70px 0 0 105px;}

.service7 .list .l3{margin:90px 0 0 154px;}

.service7 .list .l4{margin:98px 0 0 156px;}

.service7 .list .l5{margin:109px 0 0 96px;}

.service7 .list .l6{margin:59px 0 0 0;}

.service7 .circle{position:absolute;left:50%;top:0;height:100%;width:50%;margin-left:-25%;}

.service7 .circle .l{float:left;height:100%;width:50%;position:relative;overflow:hidden;}

.service7 .circle .r{float:right;height:100%;width:50%;position:relative;overflow:hidden;}

.service7 .circle .c1{position:absolute;left:50%;top:50%;margin:-175px 0 0 -185px;

transform:scale(0) rotate(-270deg);-webkit-transform:scale(0) rotate(-270deg);

transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;}

.service7.show .circle .c1{transform:scale(1) rotate(0deg);-webkit-transform:scale(1) rotate(0deg);}

.service7 .circle .c2{position:absolute;left:0%;top:50%;margin:-219px 0 0 0;

transform:scale(0);-webkit-transform:scale(0);

transition:all 1s ease-out 0.3s;-webkit-transition:all 1s ease-out 0.3s;

transform-origin:left center;-webkit-transform-origin:left center;}

.service7.show .circle .c2{transform:scale(1);-webkit-transform:scale(1);}

.service7 .circle .c3{position:absolute;right:0%;top:50%;margin:-252px 0 0 0;

transform:scale(0);-webkit-transform:scale(0);

transition:all 1s ease-out 0.3s;-webkit-transition:all 1s ease-out 0.3s;

transform-origin:right center;-webkit-transform-origin:right center;}

.service7.show .circle .c3{transform:scale(1);-webkit-transform:scale(1);}

.service7 .circle .c4{position:absolute;left:0%;top:50%;margin:-303px 0 0 0;

transform:scale(0);-webkit-transform:scale(0);

transition:all 1s ease-out 0.5s;-webkit-transition:all 1s ease-out 0.5s;

transform-origin:left center;-webkit-transform-origin:left center;}

.service7.show .circle .c4{transform:scale(1);-webkit-transform:scale(1);}



.about{height:816px;}

.about .left{height:100%;width:50%;position:relative;background-position:center center;background-repeat:no-repeat;background-size:cover;}

.about .right{height:100%;width:50%;position:relative;}

.about .circle{width:510px;height:510px;position:absolute;left:50%;top:50%;margin:-255px 0 0 -255px;}

.about .circle .c{position:absolute;left:0%;top:0%;width:548px;height:548px;margin:-19px 0 0 -19px;opacity:0;

transition:all 1s ease-out 0.5s;-webkit-transition:all 1s ease-out 0.5s;}

.about.show .circle .c1{margin:-38px 0 0 0;opacity:0.5;}

.about.show .circle .c2{margin:0px 0 0 5px;opacity:1;}

.about.show .circle .c3{margin:-20px 0 0 -50px;opacity:1;}

.about .circle .inner{position:relative;height:100%;background:url(../images/circle.png);text-align:center;opacity:0;

transform:scale(0.3);-webkit-transform:scale(0.3);

transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}

.about.show .circle .inner{opacity:1;transform:scale(1);-webkit-transform:scale(1);}

.about .circle .inner .btn{position:absolute;left:50%;bottom:15%;width:50%;margin-left:-25%;height:60px;background:#27bec9;border-radius:30px;color:#fff;text-align:center;line-height:55px;font-size:25px;

transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}

.about .circle .inner .btn:hover{box-shadow:2px 2px 4px rgba(0,0,0,0.1);background:#2dd3df;}

.about .circle .inner h1{font-size:60px;font-weight:bold;padding-top:150px;text-transform:uppercase;font-family:Arial;}

.about .circle .inner h2{font-size:24px;margin-top:20px;}

.about .circle .inner p{margin-top:25px;color:#474747;line-height:160%;padding:0 20px;}


.about .searchcer {width: 540px;height: 100px;margin: 0 auto; font-size:14px;}
.about .searchcer .button {background:#0099dc;color:#fff; min-width: 100px; padding: 7px 40px; }
.about .searchcer .certext {color:#000; width:200px;}
.about .searchcer input{height: 32px;width: 240px;padding-left:12px;margin-right:14px; border:1px solid #e1e1e1;color: #0099dc;background-color:#ffffff; }


.about .right .inner{padding:150px 80px 0;}

.about .right .inner h1{font-size:60px;font-family:Arial;font-weight:bold;text-transform:uppercase;}

.about .right .form{margin-top:30px;}

.about .right .form .p:first-child{margin-bottom:20px;}

.about .right .form .p:after{content:"";display:block;clear:both;}

.about .right .form .input{float:left;height:52px;line-height:52px;background:url(../images/bg_gray.png);width:390px;}

.about .right .form .input:first-child{margin-right:20px;}

.about .right .form .input span{float:left;padding:0 15px;color:#909090;}

.about .right .form .input input{float:left;height:100%;line-height:inherit;width:300px;background:none;border:none;}

.about .right .form .textarea{background:url(../images/bg_gray.png);padding:0 15px 15px;}

.about .right .form .textarea p{line-height:50px;color:#909090;}

.about .right .form .textarea textarea{display:block;background:none;border:none;width:100%;height:200px;font-size:14px;resize:none;}

.about .right .button{height:65px;line-height:65px;background:#27bec9;font-size:30px;font-family:Arial;display:block;color:#fff;text-align:center;border-radius:30px;margin-top:30px;text-transform:uppercase;

transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}

.about .right .button:hover{box-shadow:2px 2px 4px rgba(0,0,0,0.1);background:#2dd3df;}



.news .list{padding:100px 0;}

.news .item{margin-top:40px;position:relative;height:239px;padding-left:90px;}

.news .item:first-child{margin-top:0;}

.news .item .date{position:absolute;left:0;top:20px;width:110px;font-family:Arial;color:#474747;

transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}

.news .item:hover .date{left:-25px;}

.news .item .date span{font-size:20px;display:block;font-weight:bold;text-indent:5px;}

.news .item .date strong{font-size:100px;display:block;font-weight:bold;line-height:100%;}

.news .item .date2{display:none;}

.news .item .pic{float:left;height:100%;width:352px;margin-right:30px;}

.news .item .pic img{width:100%;height:239px;}

.news .item h3 a{height:40px;line-height:40px;color:#474747;}

.news .item h1 a{height:40px;line-height:40px;color:#474747;font-size: 22px;}

.news .item p{margin-top:5px;font-size:12px;line-height:180%;}

.news .item .more{position:absolute;right:0;bottom:0;color:#707070;font-size:12px;font-family:Arial;text-transform:uppercase;height:15px;opacity:0;

transform:translateX(-30px);-webkit-transform:translateX(-30px);

transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}

.news .item:hover .more{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.news .item .more i{background:url(../images/ico3.png) center center no-repeat;width:15px;height:15px;float:right;margin-left:8px;}

.news .item:hover .more i{transform:rotate(360deg);-webkit-transform:rotate(360deg);

transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}



.news_arc{padding:100px 0;}

.news_arc .title{position:relative;}

.news_arc .title .date{float:left;width:150px;height:120px;font-family:Arial;color:#474747;border-right:1px solid #bbb;}

.news_arc .title .date span{font-size:20px;display:block;font-weight:bold;text-indent:5px;margin-top:5px;}

.news_arc .title .date strong{font-size:100px;display:block;font-weight:bold;line-height:100%;}

.news_arc .title h1{line-height:120px;font-size:30px; text-indent:50px;}

.news_arc .title .back{background:url(../images/ico4.png) left center no-repeat;padding-left:40px;height:24px;line-height:20px;font-size:12px;color:#909090;position:absolute;right:0;top:50px;}

.news_arc .content{padding:50px 0;line-height:180%;font-size:12px;}

.news_arc .list{border-top:1px solid #ddd;padding:30px 0;}

.news_arc .list .item{float:right;width:45%;}

.news_arc .list .item:first-child{float:left;}

.news_arc .list .item h2{float:left;font-size:18px;}

.news_arc .list .item h2 a{color:#474747;}

.news_arc .list .item span{float:right;}



.page_m{display:none;}

.page{padding:50px 0;text-align:right;overflow:hidden;}

.page a{display:inline-block;width:0;height:100px;line-height:100px;text-align:center;font-size:60px;font-weight:bold;font-family:Arial;color:#fff;background:#27bec9;perspective:100px;

transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}

.page.show a{width:100px;}

.page a:nth-child(even){background:#0fa3ae;}

.page a i{display:block;height:100%;text-shadow:4px 2px 5px rgba(0,0,0,0.3);

transform:rotateY(-30deg) translateZ(-20px);-webkit-transform:rotateY(-30deg) translateZ(-20px);

transform-style:preserve-3d;-webkit-transform-style:preserve-3d;

transition:all 0.5s ease-out 0.5s;-webkit-transition:all 0.5s ease-out 0.5s;}

.page.show a i{transform:rotateY(0deg) translateZ(0px);-webkit-transform:rotateY(0deg) translateZ(0px);text-shadow:2px 1px 3px rgba(0,0,0,0.3);}

.page.done a i{transition-delay:0s;-webkit-transition-delay:0s;transition-duration:0.3s;-webkit-transition-duration:0.3s;}

.page a:hover i{transform:rotateY(-30deg);-webkit-transform:rotateY(-30deg);text-shadow:5px 2px 4px rgba(0,0,0,0.3);}



.p404{background:#27bec9;}

.p404 .block{height:600px;padding-top:140px;}

.p404 .pic{background:url(../images/404.png) center top no-repeat;height:370px;

animation:p404 0.5s linear 0.5s 1 both;-webkit-animation:p404 0.5s linear 0.5s 1 both;}

@-webkit-keyframes p404{

0%{-webkit-transform:scale(0);}

30%{-webkit-transform:scale(1.2);}

50%{-webkit-transform:scale(0.9);}

90%{-webkit-transform:scale(1.03);}

100%{-webkit-transform:scale(1);}

}

@keyframes p404{

0%{transform:scale(0);}

30%{transform:scale(1.2);}

50%{transform:scale(0.9);}

90%{transform:scale(1.03);}

100%{-webkit-transform:scale(1);}

}

.p404 h1{font-size:18px;color:#fff;text-align:center;}

.p404 h1 strong{display:block;margin-top:10px;font-weight:bold;font-size:20px;}

.p404 .btn{text-align:center;margin-top:30px;}

.p404 .btn a{display:inline-block;height:45px;line-height:45px;color:#27bec9;background:#fff;border-radius:23px;margin:0 10px;width:140px;font-size:16px;}

.p404 .btn a:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}



.layer1{width:540px;margin-left:-270px;border-radius:10px;background:rgba(255,255,255,0.9);}

.layer1 .inner{padding:60px;font-size:30px;text-align: center;line-height:1.6;color: #474747;}

.layer1 .btns{text-align:center;margin-top:25px;}

.layer1 .btns a{display:inline-block;height:50px;width:200px;text-align: center;line-height:50px;color: #fff;background:#27bec9;border-radius:25px;font-size:18px;}