*{padding:0;margin:0;list-style:none;border:none;text-decoration:none;outline:thin none;}

body{font-family: Arial, Helvetica, sans-serif;font-size:14px;min-width:1100px;min-height:500px;margin:0 auto;}

html{*overflow-y:hidden;}

/*public*/

.clear{width:100%;clear:both;}

.project{width:100%;overflow:hidden;position:relative;min-height:600px;}

.header{width:100%;height:60px;background:#27a7df;color:#fff;position:absolute;top:0;z-index:99;}

.header-center{width:1100px;margin:0 auto;height:100%;}

.header-center .logo{display:block;display:inline-block;vertical-align:bottom;margin:0px 20px;width:250px;*float:right;*margin-top:14px;}

.header-center>ul{display:inline-block;vertical-align:middle;height:100%;*float:left;}

.header-center>ul>li{*float:left;width:130px;text-align:center;display:inline-block;vertical-align:middle;font-size:16px;cursor:pointer;position:relative;}

.header-center>ul>li>span{display:block;z-index:9;position:relative;line-height:60px;*height:60px;}



.menuOne>li>.act{background:#fff;color:#27a7df;font-weight:bold;}

.menuTwo{width:100%;position:absolute;top:60px;color:#27a7df;z-index:0;display:none;left:0;background:url(../images/tmbg.png);}

.menuTwo li{display:block;text-align:center;line-height:40px;background:#fff;margin:2px auto;}

.menuTwo li:hover,.menuTwo li.act{background:#27a7df;color:#fff;}

.menuTwo li span{width:100%;display:block;height:100%;font-size:15px;}



.loadtip{width:0;height:4px;background:url(../images/load.png);position:fixed;top:56px;left:0;z-index:999;}

.copyright{ width:100%;min-width:1100px;height:40px;margin:0 auto;clear:both;position:absolute;bottom:0;}

.copyright .footer{ width:548px; height:100%; line-height:40px; color:#000; font-size:12px; margin:0 auto; text-align: center; }

.copyright img{ margin:8px 0px 0px 20px; float:left; }



.content-box{width:100%;height:100%;background:;position:relative;}



/*add content style*/

/*public*/

.bg{display:block;position:absolute;width:100%;left:0;right:0;margin:0 auto;z-index:0;}

.c-box{width:1100px;height:500px;position:absolute;top:50%;left:50%;margin-top:-235px;margin-left:-550px;z-index:9;}

.cbg{display:block;width:100%;height:100%;position:absolute;z-index:0;}

.tit{width:100%;font-size:25px;line-height:40px; border-bottom:1px solid #fff;clear:both;}

.ico-tit{width:30px;margin:3px 5px 0 -35px;display:block;float: left;}

.tit a{color:#fff;border-bottom:1px solid #fff;}

.tit a:hover{color:#0e161a;}

/*ab*/

.ab-content{width:85%;margin:0 auto;top:20px;position:relative;color:#fff;z-index:2;}

.ab-content p{text-align:justify;text-justify:distribute-all-lines;text-align-last:justify;-moz-text-align-last:justify; -webkit-text-align-last:justify;}

.tapvideo{width:71px;float:left;margin-top:45px;margin-left:20px;}

.tapvideo img{width:65px;margin:0 auto;display:block;cursor:pointer;}

.tapvideo i{width:1px;display:block;height:60px;background:#fff;margin:5px auto;}

.link-video{overflow:hidden; float:right;width:400px;height:250px;background:#0e161a;border:1px solid #fff;border-radius:5px;}



/*find*/

.swiper-container {width:100%;height:100%;position:relative;overflow:hidden;z-index:0;}

.swiper-wrapper {position:relative;width:100%;}

.swiper-slide {position:relative;width:100%;height:100%;background:;overflow:hidden;}

.pagination {position: absolute;right:3%;top:45%;z-index:99;}

.swiper-pagination-switch {display: block; width: 12px;height: 12px; border-radius: 12px;background-color:#fff;margin:10px;cursor: pointer;}

.swiper-active-switch {background:#27a7df;}





.banner-img{display:block;width:100%;position:absolute;top:10px;margin:0 auto;z-index:0;}

.point{position:absolute;z-index:9;cursor:pointer;width:3%;}

.where{position:absolute;z-index:9;color:#fff;font-size:30px;font-weight:bold;left:55%;top:500px;}

.anifd{-webkit-animation: bigtosmall 2s linear infinite;animation: bigtosmall 2s linear infinite; }

.arrdown{position:absolute;bottom:5%;left:50%;margin-left:-15.5px;-webkit-animation: upDownBtn2 2s linear infinite;animation: upDownBtn2 2s linear infinite;}



.point0{left:47%;top:64%;}

.point1{left:34%;top:23%;}

.point2{left:56%;top:67%;}

.point3{right:24%;top:34%;}

.point4{left:37%;top:51%;}

.point5{left:23%;top:63%;}

.point6{left:36%;top:40%;}

.point7{right:23%;top:68%;}

.point8{left:27%;top:38%;}

.point9{left:54%;top:67%;}

.point10{right:30%;top:13%;}

.point11{right:37%;top:77%;}

.point12{right:42%;top:42%;}



.des{display:table;position:absolute;z-index:9;background:url(../images/about/wbg.png) center no-repeat;width:231px;height:231px;

     text-align:center;color:#27a7df;font-size:20px;visibility:hidden;}



.des p{display:table-cell;vertical-align:middle;*padding-top:50px;}



.des0{left:33%;top:35%;-webkit-animation: upDownBtn 2s linear infinite;animation: upDownBtn 2s linear infinite;}

.des1{left:18%;top:23%;-webkit-animation: upDownBtn 2s linear infinite;animation: upDownBtn 2s linear infinite;}

.des2{left:38%;top:56%;-webkit-animation: upDownBtn 3s linear infinite;animation: upDownBtn 3s linear infinite;}

.des3{right:28%;top:28%;-webkit-animation: upDownBtn 2.5s linear infinite;animation: upDownBtn 2.5s linear infinite;}

.des4{left:40%;top:52%;-webkit-animation: upDownBtn 2s linear infinite;animation: upDownBtn 2s linear infinite;}

.des5{left:27%;top:52%;-webkit-animation: upDownBtn  2.5s linear infinite;animation: upDownBtn 2.5s linear infinite;}

.des6{left:39%;top:17%;-webkit-animation: upDownBtn 3s linear infinite;animation: upDownBtn 3s linear infinite;}

.des7{right:25%;top:43%;-webkit-animation: upDownBtn 2s linear infinite;animation: upDownBtn 2s linear infinite;}

.des8{left:30%;top:22%;-webkit-animation: upDownBtn  2.5s linear infinite;animation: upDownBtn  2.5s linear infinite;}

.des9{right:26%;top:58%;-webkit-animation: upDownBtn 2s linear infinite;animation: upDownBtn 2s linear infinite;}

.des10{left:55%;top:20%;-webkit-animation: upDownBtn  2.5s linear infinite;animation: upDownBtn  2.5s linear infinite;}

.des11{left:49%;top:43%;-webkit-animation: upDownBtn 2s linear infinite;animation: upDownBtn 2s linear infinite;}

.des12{left:36%;top:43%;-webkit-animation: upDownBtn 2s linear infinite;animation: upDownBtn 2s linear infinite;}



@-webkit-keyframes upDownBtn{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}50%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(10px);transform:translateY(10px);}}

@keyframes upDownBtn{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}50%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(10px);transform:translateY(10px);}}



@-webkit-keyframes upDownBtn2{0%{opacity:0; -webkit-transform:translateY(10px);transform:translateY(10px)}50%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);}}



@keyframes upDownBtn2{0%{opacity:0; -webkit-transform:translateY(10px);transform:translateY(10px)}50%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);}}



@-webkit-keyframes bigtosmall {0% { -webkit-transform: scale(1.2);transform: scale(1.2);}50%{-webkit-transform: scale(1);transform: scale(1);}100% { -webkit-transform: scale(1.2);transform: scale(1.2);}}

@keyframes bigtosmall {0% { -webkit-transform: scale(1.2);transform: scale(1.2);}50%{-webkit-transform: scale(1);transform: scale(1);}100% { -webkit-transform: scale(1.2);transform: scale(1.2);}}



/*job*/

.tabjob{width:80px;float:left;}

.tabjob li{width:80px;height:80px;display:table;background:#27a7df;color:#fff;border-radius:5px;-moz-border-radius: 5px;margin-bottom:10px;text-align:center;cursor:pointer;}

.tabjob li.act{background:#fff;color:#27a7df;}

.tabjob li span{font-size:17px;vertical-align:middle;vertical-align:middle;display:table-cell;*display:block;*padding-top:20px;*line-height:20px;}

.job-box{width:91%;height:100%;float:right;overflow:hidden;position:relative;}

.job-content{width:85%;height:450px;margin:0 auto;top:25px;position:relative;color:#fff;z-index:2;font-size:15px;display:none;}

.longP{width:100%;margin-top:10px;height:150px;overflow:hidden;}

.applytip{right:0;margin-top:-10px;position:absolute;bottom:0;padding:5px 10px;/*border-radius:5px;-moz-border-radius:5px;*/border:1.5px dashed #fff;font-size:17px;}

.job-content .tit{line-height:30px;}

.job-content .tit label{font-size:20px;}

.job-content .tit .ico-tit{width:30px;margin:5px 10px 0 -40px;}

/*lc*/

.ico{margin:0 auto;display:block;z-index:2;position:relative;top:70px;width:85%;}

.lc-box label{position:absolute;z-index:5;display:block;width:250px;color:#fff;font-size:20px;text-align:center;}

.time0{left:43px;bottom:180px;}

.time1{left:303px;bottom:70px;}

.time2{right:287px;bottom:180px;}

.time3{right:43px;bottom:70px;}



/*qa*/

.qa-content{width:85%;margin:0 auto;top:40px;position:relative;color:#fff;z-index:2;font-size:17px;}

.longC{width:100%;height:350px;overflow:hidden;margin-top:10px;}

.qa-content li{clear:both;height:80px;margin-bottom:40px;display:block;}

.qa-content li b{display:block;vertical-align:middle;width:37px;height:37px;background:url(../images/qa/ico-r.png) center no-repeat;

	             margin-right:10px;color:#27a7df;text-align:center;line-height:37px;font-size:25px;float:left;}

.qa-content li span{float:left;vertical-align:middle;width:800px;display:block;height:37px;}

.qa-content li .q-w{line-height:37px;}

.qa-content li .q-t{margin-top:-4px;}

.qa-content li .clear{clear:both;width:100%;display:block;height:10px;}



/*cm*/

.cm-content{width:85%;margin:0 auto;top:100px;position:relative;color:#fff;z-index:2;font-size:17px;}

.qr{margin:50px 50px 0 140px;float:left;width:155px;}

.cm-content p{float: left;margin-top:40px;}



.cover{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:#000;z-index:10000;font-size:16px}.cover .iphone{width:146px;height:218px;position:absolute;left:50%;top:40%;margin-top:-54px;margin-left:-36px;background:url(../images/phone.png) no-repeat;background-size:146px 218px;animation:zhuan 1.5s .3s infinite;-ms-animation:zhuan 1.5s .3s infinite;-moz-animation:zhuan 1.5s .3s infinite;-webkit-animation:zhuan 1.5s .3s infinite}@-webkit-keyframes zhuan{0%{-webkit-transform:rotate(-90deg)}50%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(-90deg)}}@-ms-keyframes zhuan{0%{-ms-transform:rotate(-90deg)}50%{-ms-transform:rotate(0)}100%{-ms-transform:rotate(-90deg)}}@-moz-keyframes zhuan{0%{-moz-transform:rotate(-90deg)}50%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(-90deg)}}@keyframes zhuan{0%{transform:rotate(-90deg)}50%{transform:rotate(0)}100%{transform:rotate(-90deg)}}.cover p{position:absolute;top:65%;left:0;font-size:2.5em;text-align:center;width:100%;color:#fff}@media screen and (orientation:portrait){.cover{display:block}}