@charset "gb2312";
/* css 重置 */
	body, p, input, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form { margin: 0; padding: 0; list-style: none; vertical-align: middle; font-weight:normal; }
	img { border:0; margin: 0; padding: 0;   }
	body { color: #000; -webkit-user-select: none; -webkit-text-size-adjust: none; font:normal 16px/200% "微软雅黑", helvetica, arial; text-align:left;   }
	header, section, footer { display: block; margin: 0; padding: 0 }
	a{text-decoration:none;color:#000;}




.wrap{max-width: 640px;margin: 0 auto;background: url(../images/bg.jpg) no-repeat;background-size:cover;min-height: 1000px;min-width:320px;position: relative;}
.logo{padding: 25px 0 0 400px;width: 200px;}
.logo img{width: 200px;}
.route{position: relative;height: 290px;width: 100%;}
.route .earth{width: 195px;height: 195px;position: absolute;bottom: 20px;left: 123px;z-index: 15;-webkit-animation: anm-rotate1 3s linear infinite;animation: anm-rotate1 3s linear infinite;-o-animation: anm-rotate1 3s linear infinite;-moz-animation: anm-rotate1 3s linear infinite;-ms-animation: anm-rotate1 3s linear infinite;}
.main-title{background: url(../images/title.png) no-repeat;position: absolute;width: 315px;height: 94px;top: 150px;right: 13px;z-index: 4;}
.robot{background: url(../images/robot.png) no-repeat;position: absolute;width: 80px;height: 94px;top: 50px;right: 13px;animation:5s linear infinite worksMove; -webkit-animation:5s linear infinite worksMove;-o-animation:5s linear infinite worksMove;-moz-animation:5s linear infinite worksMove;-ms-animation:5s linear infinite worksMove;}
.kexie{position: absolute;background: url(../images/kexie.png) no-repeat;width: 131px;height: 131px;left: 30px;top: 10px;}



@-webkit-keyframes anm-rotate1 {
    0%{transform: rotate(-360deg);-webkit-transform: rotate(-360deg);}
    100%{transform: rotate(0deg);-webkit-transform: rotate(0deg)}
}

@-o-keyframes anm-rotate1 {
    0%{transform: rotate(-360deg);-o-transform: rotate(-360deg)}
    100%{transform: rotate(0deg);-o-transform: rotate(0deg);}
}

@-moz-keyframes anm-rotate1 {
    0%{transform: rotate(-360deg);-moz-transform: rotate(-360deg);}
    100%{transform: rotate(0deg);-moz-transform: rotate(0deg);}
}

@-ms-keyframes anm-rotate1 {
    0%{transform: rotate(-360deg);-ms-transform: rotate(-360deg);}
    100%{transform: rotate(0deg);-ms-transform: rotate(0deg)}
}


@keyframes worksMove{
    0%{}
    49%{transform:rotateY(0deg);}
    50%{ right:230px; transform:rotateY(-180deg);}
    100%{ transform:rotateY(-180deg);}
}
@-webkit-keyframes worksMove{
    0%{}
    49%{-webkit-transform:rotateY(0deg);}
    50%{ right:230px; -webkit-transform:rotateY(-180deg);}
    100%{ -webkit-transform:rotateY(-180deg);}
}
@-o-keyframes worksMove{
    0%{}
    49%{-webkit-transform:rotateY(0deg);}
    50%{ right:230px; -webkit-transform:rotateY(-180deg);}
    100%{ -webkit-transform:rotateY(-180deg);}
}@-moz-keyframes worksMove{
    0%{}
    49%{-webkit-transform:rotateY(0deg);}
    50%{ right:230px; -webkit-transform:rotateY(-180deg);}
    100%{ -webkit-transform:rotateY(-180deg);}
}@-ms-keyframes worksMove{
    0%{}
    49%{-webkit-transform:rotateY(0deg);}
    50%{ right:230px; -webkit-transform:rotateY(-180deg);}
    100%{ -webkit-transform:rotateY(-180deg);}
}



.tabBox .hd{ height:40px; line-height:40px; padding:0 10px; font-size:20px;height: 180px;margin-top: 10px;}
.tabBox .hd ul{ overflow:hidden;  }
.tabBox .hd ul li{ float:left; margin:10px 15px 10px 17px; color:#515151;background:#f5db2e;width: 28%;text-align: center;border-radius: 5px;}

.tabBox .hd ul .on a{ display:block; color:#fff;}
.tabBox .bd ul{ padding:10px 0 10px 27px;}
.tabBox .bd li{ height:40px; line-height:40px;font-size: 22px;}
.tabBox .bd a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.tabBox .bd li a{ color:#fff;}
.tabBox .bd .t{ height:120px; overflow:hidden;margin-bottom: 10px;}
.tabBox .bd .t .pic{ width:160px; float:left; height: 110px;}
.tabBox .bd .t .pic img{width: 160px;height: 110px;}
.tabBox .bd .t .con{ margin-left:190px; line-height:20px;}
.tabBox .bd .t .con p{ font-size:16px; color:#f9f9f9;padding-right: 25px;text-indent: 2em;}
.tabBox .bd .con .tit{margin-bottom: 20px;display: block;}

.footer{text-align: center;line-height: 26px;margin-top: 16px;}


/*列表页*/
.box{max-width: 640px;margin: 0 auto;background: #006dff;min-height: 1000px;min-width:320px;color: #fff;position: relative;}
.box a{color: #fff;}
.list-New{margin: 100px 20px 20px;height: 767px;}
.list{margin-bottom: 23px;}
.list p{line-height: 20px;text-indent: 2em;margin-top: 10px;color: #dff;}
.page{text-align: center;}
.page a{margin: 0 5px;}
.page a:hover{color: red;text-decoration: underline;}


/*文章页*/
.article{margin: 90px 20px 20px;}
.article h1{margin-bottom: 20px;}
.article p{line-height: 32px;}
.article img{max-width: 500px;margin: 15px 0 10px;}