/* css reset */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{min-height:100%;min-width:1200px;background:#fff;color:#2d3238;font-size:14px;font-family:'Hiragino Sans GB', "Microsoft Yahei", "Microsoft Yahei UI", 微软雅黑, tahoma, arial, \5b8b\4f53, THeiti, sans-serif;}
td,th,caption{font-size:12px;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}
a{color:#3c3c3c;text-decoration:none;}
a:active{text-decoration:none;}
img{border:none;}
ul,li{list-style:none;}
input,textarea,select,button{outline:none;font:14px 'Hiragino Sans GB', "Microsoft Yahei", "Microsoft Yahei UI", 微软雅黑, tahoma, arial, \5b8b\4f53, THeiti, sans-serif;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
html{overflow-y:scroll;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
audio,canvas,video{display:inline;zoom:1;}
th{text-align:inherit;}
fieldset,img{border:0;}
iframe{display:block;}
abbr,acronym{border:0;font-variant:normal;}
del{text-decoration:line-through;}
caption,th{text-align:left;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
::-webkit-scrollbar{width:11px;box-sizing:border-box;background:#ccc;}
::-webkit-scrollbar-thumb{background-color:#eee;border:1px solid rgba(0, 0, 0, .2);-webkit-border-radius:5px;}

/* common */
.text-fff{color:#fff;}
.text-666{color:#666;}
.text-999{color:#999;}
.font-16{font-size:16px;}
.font-20{font-size:20px;}
.font-24{font-size:24px;}
.font-36{font-size:36px;}
.font-72{font-size:72px;}
.bg-black{background:#1d2025;}
.bg-sky{background:#f3f9ff;}
.bg-yellow{background:#fffaf5;}
.text-center{text-align:center;}
.abso{position:absolute;}
.button{display:inline-block;border-radius:28px;padding:10px 30px 12px;cursor:pointer;}
.button-blue{color:#fff;background:#0a97ff;}
.button-blue:hover{background:#098ef0;}
.hidden{display:none;}
.pull-left{float:left;}
.pull-right{float:right;}

/* index */
.root{width:100%;overflow:hidden;transform-origin:center top;position:relative;}
.center-box{width:1080px;margin:0 auto;position:relative;}
.header{width:100%;height:105px;}
.header > .center-box{height:100%;padding-top:30px;}
.cdzx-logo{width:182px;height:45px;background:url(../media/cdzx_logo.png) center no-repeat;}
.user-links{float:right;margin-top:12px;}
.user-links > li{margin-left:150px;}
.index-bg{width:100%;height:626px;background:url(../media/index_bg.jpg) center top no-repeat;margin-top:-105px;}
.button-app{width:200px;line-height:65px;font-size:16px;border-radius:6px;background:#3d4b54;text-align:center;cursor:pointer;transition:background .15s linear;user-select:none;}
.icon{width:28px;height:32px;display:inline-block;vertical-align:-8px;}
.icon.android{background:url(../media/android.png) center no-repeat;}
.icon.ios{background:url(../media/IOS.png) center no-repeat;}
.ios-app{left:790px;top:272px;}
.ios-app:hover{background:#303d46;}
.android-app{left:790px;top:352px;}
.android-app:hover{background:#a5c845;}
.spc-intro{width:100%;height:558px;}
.spc-intro > .center-box{height:100%;}
.intro-words{margin-top:165px;line-height:2;}
.intro-words > .text-666{margin:0 0 8px;}
.intro-words > .font-36{color:#2d3238;}
.for-price{width:382px;height:137px;background:url(../media/sign_row1.png) center no-repeat;top:300px;right:20px;}
.for-maintain{width:314px;height:174px;background:url(../media/sign_row2.png) center no-repeat;top:264px;left:50px;}
.for-illegal{width:305px;height:220px;background:url(../media/sign_row3.png) center no-repeat;bottom:0;right:0;}
.for-record{width:397px;height:142px;background:url(../media/sign_row4.png) center no-repeat;top:276px;left:0;}
.charactor{width:96px;height:96px;display:none;}
.qrcode{width:160px;height:160px;top:264px;left:595px;background:url(../media/qrcode.png) center no-repeat #fff;}
.user-interface{width:313px;height:426px;background:url(../media/user_interface.jpg) center top no-repeat;left:148px;top:201px;animation:swipe 9s ease-in-out;animation-iteration-count:infinite;animation-delay:2s;}
.user-interface:hover{animation-play-state:paused;}
@keyframes swipe {
	0% {
    background-position:50% 0%;
  }
	
  28% {
    background-position:50% 100%;
  }

  56% {
    background-position:50% 0%;;
  }
	
	100% {
    background-position:50% 0%;;
  }
}

.icon1-row1{background:url(../media/icon1_row1.png) center no-repeat;left:620px;top:256px;}
.icon2-row1{background:url(../media/icon2_row1.png) center no-repeat;left:808px;top:160px;}
.icon3-row1{background:url(../media/icon3_row1.png) center no-repeat;left:1002px;top:226px;}
.icon1-row2{background:url(../media/icon1_row2.png) center no-repeat;left:-10px;top:260px;}
.icon2-row2{background:url(../media/icon2_row2.png) center no-repeat;left:146px;top:116px;}
.icon3-row2{background:url(../media/icon3_row2.png) center no-repeat;left:350px;top:174px;}
.icon1-row3{background:url(../media/icon1_row3.png) center no-repeat;left:686px;top:380px;}
.icon2-row3{background:url(../media/icon2_row3.png) center no-repeat;left:776px;top:216px;}
.icon3-row3{background:url(../media/icon3_row3.png) center no-repeat;left:998px;top:184px;}
.icon1-row4{background:url(../media/icon1_row4.png) center no-repeat;left:-10px;top:220px;}
.icon2-row4{background:url(../media/icon2_row4.png) center no-repeat;left:124px;top:144px;}
.icon3-row4{background:url(../media/icon3_row4.png) center no-repeat;left:282px;top:178px;}

.cdzx-logo-dark{width:182px;height:45px;background:url(../media/cdzx_logo_dark.png) center no-repeat;}
.about-us{padding:80px 0;}
.about-under{background:#666;width:64px;height:3px;margin:20px auto 40px;}
.about-under + div{margin:0 auto 95px;}
.devolpment{width:870px;margin:0 auto;}
.footer{line-height:160px;font-size:12px;background:#2d2e2e;}

.animated {animation-duration:.75s;animation-fill-mode:both;}
.bounceIn{animation-name:bounceIn;}
@keyframes bounceIn {
	from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
	
	0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}