﻿.top-nav .inner,.footer .content,.container .banner-03 .inner,.container .message .content{margin-left:auto;margin-right:auto}.top-nav .inner:before,.top-nav .nav-items:before,.footer .content:before,.container .message .content .font-content:before,.top-nav .inner:after,.top-nav .nav-items:after,.footer .content:after,.container .message .content .font-content:after{content:"";display:table}.top-nav .inner:after,.top-nav .nav-items:after,.footer .content:after,.container .message .content .font-content:after{clear:both}.footer,.container .message .content .left-btn .icon-angle-left:before,.container .message .content .right-btn .icon-angle-right:before,.container .message .content .font-content,.container .message .content .font-content .font{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}body{margin:0;font-size:14px;line-height:1.5;color:#333;background-color:#fff}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent;text-decoration:none;color:#08c}a:active,a:hover{outline:0}a:hover{color:#069}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0;vertical-align:middle}svg:not(:root){overflow:hidden}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto;white-space:pre;white-space:pre-wrap;word-wrap:break-word}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto;resize:vertical}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html,button,input,select,textarea{font-family:"Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif}h1,h2,h3,h4,h5,h6,p,figure,form,blockquote{margin:0}ul,ol,li,dl,dd{margin:0;padding:0}ul,ol{list-style:none outside none}h1,h2,h3{line-height:2;font-weight:normal}h1{font-size:21px}h2{font-size:18.2px}h3{font-size:16.38px}h4{font-size:14px}h5,h6{font-size:11.9px;text-transform:uppercase}input:-moz-placeholder,textarea:-moz-placeholder{color:#ccc}input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}@font-face{font-family:FontAwesome;font-weight:normal;font-style:normal;src:url("//cdn.bootcss.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot");src:url("//cdn.bootcss.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix") format("eot"),url("//cdn.bootcss.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg#FontAwesome") format("svg"),url("//cdn.bootcss.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff") format("woff"),url("//cdn.bootcss.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf") format("truetype")}.container .message .content .left-btn .icon-angle-left,.container .message .content .right-btn .icon-angle-right{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.top-nav{position:fixed;width:100%;height:86px;background:#fff;z-index:1010}.top-nav .inner{width:1200px}.top-nav .logo{float:left;width:189px;height:34px;margin-top:26px;background:url("../images/logo.png");background-size:189px 34px}.top-nav .logo a{display:inline-block;width:189px;height:34px}.top-nav .nav-items{float:right;margin-right:20px}.top-nav .nav-items .item{float:left;line-height:86px;padding:0 6px;text-align:right}.top-nav .nav-items .item a{height:35px;line-height:35px;padding:0 10px;display:inline-block;color:#000;font-size:16px;border-radius:2px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.top-nav .nav-items .item a:hover{color:#000}.top-nav .nav-items .active a{color:#fff}.top-nav .fun-shop{float:right;height:86px;line-height:86px}.top-nav .fun-shop .login-btn{display:inline-block;width:60px;height:24px;line-height:24px;margin-right:5px;text-align:center;border-radius:4px;border:1px #4bc1e1 solid;color:#4bc1e1;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.top-nav .fun-shop .login-btn:hover{background:#4bc1e1;color:#fff}.top-nav .fun-shop .register-btn{display:inline-block;width:60px;height:24px;line-height:24px;margin-right:5px;text-align:center;border-radius:4px;border:1px #333 solid;color:#333;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.top-nav .fun-shop .register-btn:hover{background:#333;color:#fff}.top-nav .fun-shop .enter-btn{display:inline-block;width:60px;height:24px;line-height:24px;margin-right:5px;text-align:center;border-radius:4px;width:120px;border:1px #333 solid;color:#333;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.top-nav .fun-shop .enter-btn:hover{background:#333;color:#fff}.top-nav-index{background:transparent}.top-nav-index .nav-items a:hover{background:rgba(255,255,255,0.3)}.top-nav-index .fun-shop .login-btn{border:1px #333 solid;color:#333}.top-nav-index .fun-shop .login-btn:hover{background:#333;color:#fff}.top-nav-index .fun-shop .register-btn{border:1px #333 solid;color:#333}.top-nav-index .fun-shop .register-btn:hover{background:#333;color:#fff}.top-nav-move{background:rgba(255,255,255,0.8);height:46px}.top-nav-move .logo{margin-top:7px}.top-nav-move .nav-items .item{line-height:46px}.top-nav-move .nav-items a:hover{color:#4bc1e1}.top-nav-move .nav-items .active a{color:#4bc1e1}.top-nav-move .fun-shop{line-height:46px;height:46px}.top-nav-move .fun-shop .login-btn{border:1px #4bc1e1 solid;color:#4bc1e1}.top-nav-move .fun-shop .login-btn:hover{background:#4bc1e1;color:#fff}.top-nav-move .fun-shop .register-btn{border:1px #4bc1e1 solid;color:#4bc1e1}.top-nav-move .fun-shop .register-btn:hover{background:#4bc1e1;color:#fff}.footer{padding-top:20px;height:260px;min-width:1200px;overflow:hidden;background:#373d41}.footer .content{width:720px}.footer .content h2{color:#e9e9e9;height:35px;line-height:35px;font-size:16px}.footer .content a{display:block;line-height:25px;color:#a2a2a2;font-size:12px}.footer .content a:hover{text-decoration:underline}.footer .product{float:left;width:140px;margin-right:10px}.footer .aboutus{float:left;width:140px;margin-right:10px}.footer .servicecenter{float:left;width:140px;margin-right:10px}.footer .contact{float:left;width:270px}.footer .contact .hotline{height:35px;line-height:35px;font-size:16px;color:#e9e9e9}.footer .contact .hotline a{display:inline;font-size:16px}.footer .contact .hotline em{color:#4bc1e1;margin:0 10px}.footer .contact p{color:#a2a2a2;font-size:12px;line-height:25px}.footer .record{padding-top:30px;clear:both;text-align:center}.footer .record p{line-height:40px;color:#a2a2a2}.container{overflow-x:hidden}.container .banner{height:540px;background:url("../images/aboutkol_banner_1.jpg") center no-repeat;background-color:#5bb8fb}.container .banner-03 .inner{width:1200px;padding-top:20px}.container .banner-03 .inner h2{font-size:28px;text-align:center;font-weight:700;padding:35px 0}.container .banner-03 .inner p{width:1200px;line-height:32px;text-align:center;font-size:16px;color:#919191}.container .banner-03 .inner li.first{float:left;width:300px;margin:55px auto;text-align:center}.container .banner-03 .inner li.first p.p1{width:300px}.container .banner-03 .inner a.joinus{font-size:16px;color:#fff;background:#5bb8fb;display:table;width:300px;height:40px;line-height:40px;text-align:center;border-radius:2px;margin:0px auto;margin-bottom:50px}.container .banner-02{height:490px;background:#f5f5f5;text-align:center}.container .banner-02 .akolbox{width:1200px;padding:50px 0;margin-left:auto;margin-right:auto}.container .banner-02 .akolbox h2{font-size:28px;text-align:center;font-weight:700}.container .banner-02 .akolbox ul.akolul{width:1200px;margin-top:70px;height:290px}.container .banner-02 .akolbox ul.akolul li{float:left;text-align:center}.container .banner-02 .akolbox ul.akolul li p.p1{font-size:20px;color:#333;margin:5px}.container .banner-02 .akolbox ul.akolul li p.p2{font-size:16px;color:#767676;margin:12px}.container .banner-02 .akolbox ul.akolul li img{height:136px;width:auto}.container .banner-02 .akolbox ul.akolul li.first{width:400px}.container .banner-02 .akolbox ul.akolul li.second{width:400px}.container .banner-02 .akolbox ul.akolul li.third{width:400px}.container .banner-04{height:490px;background:#fff;text-align:center}.container .banner-04 .bkolbox{width:1200px;padding:50px 0;margin-left:auto;margin-right:auto}.container .banner-04 .bkolbox h2{font-size:28px;font-weight:700;text-align:center}.container .banner-04 .bkolbox ul.bkolul{width:1200px;margin-top:70px;height:260px}.container .banner-04 .bkolbox ul.bkolul p{font-size:20px;text-align:center;margin-top:10px}.container .banner-04 .bkolbox ul.bkolul li{float:left}.container .banner-04 .bkolbox ul.bkolul li.fir{text-align:center}.container .banner-04 .bkolbox ul.bkolul li.line{width:80px;text-align:center;margin:0 30px}.container .banner-04 .bkolbox ul.bkolul li.line img{width:80px;height:auto;margin-top:80px}.container .message{width:100%;background:url("../images/message.jpg") #4bc1e1 center no-repeat}.container .message .content{width:960px;height:300px;line-height:300px}.container .message .content .left-btn{float:left;width:40px;height:40px;line-height:40px;margin-top:130px;border-radius:5px;background:rgba(0,0,0,0.4);text-align:center;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.container .message .content .left-btn .icon-angle-left:before{content:""}.container .message .content .left-btn i{margin-top:4px;font-size:30px;color:#4bc1e1;opacity:.8}.container .message .content .left-btn:hover{opacity:.9}.container .message .content .left-btn:hover i{opacity:1}.container .message .content .right-btn{float:left;width:40px;height:40px;line-height:40px;margin-top:130px;border-radius:5px;background:rgba(0,0,0,0.4);text-align:center;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.container .message .content .right-btn .icon-angle-right:before{content:""}.container .message .content .right-btn i{margin-top:4px;font-size:30px;color:#4bc1e1;opacity:.8}.container .message .content .right-btn:hover{opacity:.9}.container .message .content .right-btn:hover i{opacity:1}.container .message .content .font-content{float:left;padding:0 50px 0 70px;width:880px}.container .message .content .font-content .photo{float:left;width:80px;height:80px}.container .message .content .font-content .photo img{width:80px;height:80px;border-radius:50%}.container .message .content .font-content .font{width:680px;padding:0 30px;margin-top:100px;float:left;color:#fff}.container .message .content .font-content .font h2{font-size:18px;height:40px;line-height:40px}.container .message .content .font-content .font p{line-height:30px}
