@charset "utf-8";
/* Style Reset */
body,p,h1,ul,li,input,img,h1,h2,h3{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;}
fieldset, img {border:0;}
img{display:block}
input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"],textarea{-webkit-appearance: none;border-radius: 0}
/*font*/
@font-face{font-family:"iconfont";src:url('../font/iconfont.woff') format('woff'),url('../font/iconfont.ttf') format('truetype');}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
/* loading */
.loading{position:absolute;z-index:888;width:100%;height:100%;top:0;left:0;background:url(../images/bg.jpg) 0 0 no-repeat;background-size:100% 100%;}
.loading-nav{width:16.25%;height:6.72rem;font-size:1.8rem;line-height: 6.72rem;text-align:center;color:#fff;margin-left:83.75%}
.loading-logo{display:block;width:51.4%;position:absolute;top:24.79%;left:24.3%;}
.loading-search{position: absolute;width:90.3125%;height:3.24rem;border:1px solid #fff;left:4.84375%;top:37.5%;background:#f2f2f2;border-radius:.4rem;}
.loading-input{float:left;width:86%;height:3.24rem;border:0;background:none;font-size:1.2rem;text-indent:1rem;line-height:3.24rem;}
.loading-btn{float:right;width:13.84%;text-align:center;border:0;background:none;height:3.44rem;line-height:3.24rem;font-size:1.88rem;color:#77c5eb}
.loading-btns{width:68.75%;left:15.625%;position:absolute;top:56.667%;}
.loading-btns li{width:25%;float:left;height:auto;overflow:hidden}
.loading-btns li a{display:block;width:100%;text-align:center;}
.loading-btns li a span{font-size:1.47rem;border:2px solid #fff;border-radius:50%;color:#fff;text-align:center;display:block;width:66.8%;margin:0 auto;line-height:2;}
.loading-btns li a h3{width:100%;text-align:center;font-size:1rem;line-height: 2;color:#fff;}
.loading-up{position:absolute;width:100%;text-align:center;bottom:12.5%;left:0;font-size:1rem;line-height: 1.4;color:#9acced;}
.loading-up span{display:block;width:100%;text-align:center;font-size:2rem}
.run{-webkit-transition: all 1s ease;-webkit-transform: translate3d(0px, -100%, 0px);}
@-webkit-keyframes ball {
    0% {-webkit-transform: translateY(-20%);transform: translateY(-20%);}
    100% {-webkit-transform: translateY(0%);transform: translateY(0%);}
}
@keyframes ball {
    0% {-webkit-transform: translateY(-20%);transform: translateY(-20%);}
    100% {-webkit-transform: translateY(0%);transform: translateY(0%);}
}
/* header */
.header{height:4.5rem;position:relative;z-index:9}
.top{width:100%;position:fixed;top:0;box-shadow:0 0.3rem 0.8rem #dcdcdc;height:4rem;background:#fff;}
.logo{float:left;width:20.78125%;margin:1.14rem 0 0 4.6875%;display:block}
.logo img{width:100%;}
.search-btn{float:right;height:4rem;width:14%;text-align:center;font-size:1.6rem;line-height:4rem;color:#898989;}
.nav-btn{float:right;height:4rem;width:14%;text-align:center;font-size:1.6rem;line-height:4rem;color:#898989;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.nav-btn span{display:block;width:50%;height:0.28rem;background:#898989;margin:10% auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1}
.nav-btn span:nth-child(1){margin-top:1.24rem}
.nav-btn.show{-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;background:#dedede}
.nav-btn.show span{-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.nav-btn.show span:nth-child(1){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:100% 50%;-webkit-transform-origin:100% 50%;}
.nav-btn.show span:nth-child(2){opacity: 0}
.nav-btn.show span:nth-child(3){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);transform-origin: 100% 50%;-webkit-transform-origin: 100% 50%;}
.header-nav{position:fixed;left:0;width:100%;top:4rem;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;-webkit-perspective: 400px;perspective: 400px;z-index:-999;}
.header-nav li{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #242424;position:relative;opacity: 0;-webkit-transform: rotateY(90deg);transform: rotateY(90deg);-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;background:#333;}
.header-nav li a{display:block;width:84.0625%;margin:0 auto;font-size:1.2rem;line-height:3.6rem;color:#d0d0d0}
.header-nav li span{position:absolute;right:8%;top:0;height:3.6rem;font-size:2rem;line-height:3.6rem;color:#858585}
.header-nav.slideDown{-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;z-index:999}
.header-nav.slideDown li{opacity: 1;-webkit-transform: none;transform: none;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;z-index:999}
.header-nav.slideDown li:nth-child(1){-webkit-transition-delay: 0ms;transition-delay: 0ms;}
.header-nav.slideDown li:nth-child(2){-webkit-transition-delay: 50ms;transition-delay: 50ms;}
.header-nav.slideDown li:nth-child(3){-webkit-transition-delay: 100ms;transition-delay: 100ms;}
.header-nav.slideDown li:nth-child(4){-webkit-transition-delay: 150ms;transition-delay: 150ms;}
.header-nav.slideDown li:nth-child(5){-webkit-transition-delay: 200ms;transition-delay: 200ms;}
.header-nav.slideDown li:nth-child(6){-webkit-transition-delay: 250ms;transition-delay: 250ms;}
.header-nav.slideDown li:nth-child(7){-webkit-transition-delay: 300ms;transition-delay: 300ms;}
.header-nav li:nth-child(1){-webkit-transition-delay: 300ms;transition-delay: 300ms;}
.header-nav li:nth-child(2){-webkit-transition-delay: 250ms;transition-delay: 250ms;}
.header-nav li:nth-child(3){-webkit-transition-delay: 200ms;transition-delay: 200ms;}
.header-nav li:nth-child(4){-webkit-transition-delay: 150ms;transition-delay: 150ms;}
.header-nav li:nth-child(5){-webkit-transition-delay: 100ms;transition-delay: 100ms;}
.header-nav li:nth-child(6){-webkit-transition-delay: 50ms;transition-delay: 50ms;}
.header-nav li:nth-child(7){-webkit-transition-delay: 0ms;transition-delay: 0ms;}
.header-search{position: fixed;width:84.375%;left:1.5625%;top:0.7rem;height:2.6rem;background:#fff;display:none}
.header-search p{float:left;width:10.37%;height:2.6rem;font-size:1.2rem;text-align:center;line-height:2.6rem;color:#898989;}
.header-search div{float:left;width:88%;height:2.6rem;background:#e8e8e8;border:1px solid #d6d4d4}
.header-text{float:left;width:83%;font-size:1rem;height:2.6rem;text-indent:1rem;display:block;border:0;background:none}
.header-btn{float:left;width:16.48%;font-size:1.6rem;height:2.6rem;line-height:2.2rem;text-align:center;display:block;border:0;background:none;color:#898989}
/* content */
.main{width:100%;overflow:hidden;}
.choose-type{width:90.375%;margin:2% auto;overflow:hidden}
.choose-type a{display:block;width:42%;margin:0 4%;height:3rem;float:left;background:#aaa;text-align:center;font-size:1.2rem;line-height:3rem;color:#d4d3d3;overflow:hidden;}
.choose-type a.now{background:#18cbf6;color:#fff;}
.ks-list{width:90.0625%;margin:2% auto;overflow:hidden}
.ks-list li{width:50%;float:left;height:auto;overflow:hidden;padding:2% 0;}
.ks-shadow{width:87.74%;margin:2% auto;background:#fff;overflow:hidden;box-shadow:0 0 0.4rem #dfdfdf;padding-top:6%}
.ks-shadow a{display:block;margin:0 auto 4%;width:94.05%;}
.ks-shadow a img{width:100%;display:block;}
.ks-shadow div{width:94.74%;margin:0 auto 4%;line-height: 1.4;color:#505050}
.ks-shadow div span{color:#ff0000}
.load-more{width:84.375%;margin:2% auto 4%;overflow:hidden;height:3rem;background:#dfdfdf;text-align:center;font-size:1.1rem;line-height:3rem;color:#777;display:block;}
.tags{width:82.05%;margin:2% auto 0;overflow:hidden}
.tags img{width:50%;float:left;margin:0}
/* sub page */
.sub-title{width:91.875%;margin:2% auto;border-bottom:1px solid #cacaca;font-size:1.2rem;line-height:3rem;color:#18cbf6;}
.sub-title span{font-size:1.4rem}
.sub-page{width:91.875%;margin:2% auto;font-size:1rem;line-height:1.6;color:#8b8b8b}
.sub-page img{margin:0 auto;max-width: 100%}
.red{color:#ff0000}
/* footer */
.footer{width:100%;height:4.5rem;z-index:9;position:relative;}
.bottom{width:100%;height:4rem;position:fixed;left:0;bottom:0;background:#fff;box-shadow:0 0.3rem 0.8rem #b5b4b4;}
.bottom li{width:20%;float:left;height:4rem;overflow:hidden;text-align:center}
.bottom li a{display:block;border-right:1px solid #d2d2d2;height:3.4rem;margin-top:0.3rem;text-align:center;color:#18cbf6}
.bottom li:last-child a{border:0}
.bottom li a span{display:block;width:100%;text-align:center;font-size:1.8rem;line-height:2.2rem;}
.bottom li a h3{width:100%;font-size:1rem;line-height:1.2rem;text-align:center;}
/* view */
.view-bg{width:100%;height:100%;background:rgba(0,0,0,.7);position:fixed;z-index:888;top:0;left:0;overflow:hidden;display:none}
.view-top{width:100%;height:4rem;overflow:hidden;}
.view-top p{float:left;width:13.4375%;height:4rem;text-align:center;font-size:2rem;line-height:4rem;color:#fff;}
.view-top a{float:right;background:#18cbf6;height:2.6rem;margin:0.7rem 2.34375%;font-size:1.2rem;line-height:2.6rem;color:#fff;padding:0 2%;border-radius:0.3rem}
.view-con{width:96%;margin:0 auto;height:26rem;background:rgba(255,255,255,.8);border-radius:0.5rem;}
.view-con li{width:46%;height:3rem;border-bottom:1px solid #b5b5b5;font-size:1.1rem;line-height:3rem;text-indent:0.8rem;color:#5c5b5b;float:left;}
.view-con li:nth-child(2n){margin-left:8%}