body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li, pre,form, fieldset, legend, button, input, textarea,th, td{ margin: 0; padding: 0; }
body{min-width: 1200px;}
body, button, input, select, textarea { font-size: 14px; font-family: 'Microsoft YaHei'; color: #333;}
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small {font-size: 12px; }
ul, ol {list-style: none; }
a {text-decoration: none; color: #333;transition: color linear .3s}
a:hover {color: #02A0E9; }
sup {vertical-align: text-top; }
sub {vertical-align: text-bottom; }
legend {color: #000; }
fieldset, img {border: 0; }
table {border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100%; }
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.cfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
.cfix{*zoom:1;}
.clear{content:".";display:block;clear:both;overflow:hidden;}
.cnt{width: 1200px; margin-left: auto;margin-right: auto;}
/**====顶部======**/
.header{border-top: 4px solid #02A0E9;}
.header-top .logo{padding: 35px 0; width: 739px;}
.header-top .logo-text{padding: 35px 0 0 70px; width: 550px; font-size: 17px; line-height: 30px; color: #666;}
.header-top .tel{width: 213px;height: 48px;padding: 45px 0 0 0; background: url("../image/tel.jpg") left bottom no-repeat;}
.navbar-box{border-top: 1px solid #e4e4e4;background: #f8f8f8;}
.navbar li{float: left;width: 240px;}
.navbar li a{display: block;line-height: 65px;font-size: 20px;color: #444; text-align: center;}
/*Banner轮播图*/
.global-banner{position: relative; z-index: 1; width: 100%;height: 800px;overflow: hidden;}
.global-banner .prev{position: absolute; z-index: 10; top:50%; left: 6%; margin-top: -50px; width: 50px;height: 100px;background: url("../image/banner_arrow.png") left bottom;}
.global-banner .next{position: absolute; z-index: 10; top:50%; right: 6%; margin-top: -50px; width: 50px;height: 100px;background: url("../image/banner_arrow.png");}
.global-banner .prev:hover{background-position: right bottom;}
.global-banner .next:hover{background-position: right top;}
.global-banner .bd{position: absolute; z-index: 1; top:0;left: 50%;width: 1920px;margin-left:-960px;}
.global-banner .bd li{float: left; width: 1920px; overflow: hidden;}
.global-banner .bd li a{display: block;width: 1920px;height: 800px;}
.global-banner .bd li img{display: block;width: 1920px;height: 800px; background: url("https://www.kqask.com/images/loading.gif") center center no-repeat;}
.global-banner .hd{position: absolute;z-index: 2;width: 100%; bottom: 15px; text-align: center;font-size: 0;}
.global-banner .hd li{display: inline-block;*display:inline;*zoom:1;width: 12px;height: 12px;margin: 0 5px;background: #fff;border-radius: 50%; overflow: hidden; text-indent: -9999px;cursor: pointer;vertical-align: top;}
.global-banner .hd li.on{background: #02A0E9;}

.index-block .index-hd{text-align: center;margin-bottom: 10px;}
.index-block .index-hd .hd1{font-size: 60px;color: #444;font-weight: bold;line-height: 80px;}
.index-block .index-hd .hd2{font-size: 30px;color: #ddd;font-family: Arial; line-height: 40px;letter-spacing: 25px; text-transform: uppercase;}

.index-m1{padding: 80px 0;}
.index-m1 .index-bd{font-size: 20px; line-height: 35px; color: #666; background: url("../image/m2_line.jpg") center top no-repeat;}
.index-m1 .col-left{width: 545px;padding: 35px 0 0 0;}
.index-m1 .col-right{width: 545px;padding: 35px 0 0 0;}
.index-m1 p{margin-top: 25px;}

.index-m2{height: 968px;background: url("../image/m2_bg.jpg") center top no-repeat;}
.index-m2 .index-hd{padding: 90px 0 0 0;}
.index-m2 .index-hd .hd1{color: #fff;}
.index-m2 .index-bd{width: 1200px;margin: 0 auto;padding: 30px 0 0 0;}
.index-m2 .index-bd ul{border-bottom:1px solid #2f2f2f; border-right: 1px solid #2f2f2f;}
.index-m2 li{float: left;width: 398px;height: 310px;position: relative;text-align: center;color: #fff;border-left: 1px solid #2f2f2f;border-top: 1px solid #2f2f2f;-webkit-perspective: 900px; perspective: 900px; overflow: hidden;}
.index-m2 li .item{width: 100%; height: 100%;padding:65px 0 0 0;pointer-events: none;}
.index-m2 .icon{width: 107px;height: 107px;margin: 0 auto 25px;background: url("../image/icon.png");}
.index-m2 .icon-zz{background-position: 0 0;}
.index-m2 .icon-zj{background-position: -107px 0;}
.index-m2 .icon-xf{background-position: -214px 0;}
.index-m2 .icon-yz{background-position: -321px 0;}
.index-m2 .icon-et{background-position: -428px 0;}
.index-m2 .icon-qd{background-position: -535px 0;}
.index-m2 .index-bd li .cname{font-size: 30px;line-height: 40px;}
.index-m2 .index-bd li .ename{font-size: 14px;color: #bbb;text-transform: uppercase;}
.index-m2 .index-bd li h3{padding: 60px 0 15px 0;font-size: 30px;font-weight: normal;}
.index-m2 .index-bd li dl{padding: 0 10px; font-size: 0;line-height: 0; text-align: left;}
.index-m2 .index-bd li dl dd{display: inline-block;font-size: 20px;line-height: 40px; padding: 0 10px;}

.index-m2 .info{-webkit-transform: rotate3d(1, 0, 0, 90deg); transform: rotate3d(1, 0, 0, 90deg); width: 100%; height: 100%; position: absolute; z-index: 10; top: 0; left: 0; pointer-events: none; background: #02A0E9; display: none\9;}

.index-m2 .in-top .info{-webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: in-top 300ms ease 0ms 1 forwards; animation: in-top 300ms ease 0ms 1 forwards; display: block\9;}
.index-m2 .in-right .info{-webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-animation: in-right 300ms ease 0ms 1 forwards; animation: in-right 300ms ease 0ms 1 forwards; display: block\9;}
.index-m2 .in-bottom .info{-webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: in-bottom 300ms ease 0ms 1 forwards; animation: in-bottom 300ms ease 0ms 1 forwards; display: block\9;}
.index-m2 .in-left .info{-webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-animation: in-left 300ms ease 0ms 1 forwards; animation: in-left 300ms ease 0ms 1 forwards; display: block\9;}
.index-m2 .out-top .info{-webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: out-top 300ms ease 0ms 1 forwards; animation: out-top 300ms ease 0ms 1 forwards; display: none\9;}
.index-m2 .out-right .info{-webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: out-right 300ms ease 0ms 1 forwards; animation: out-right 300ms ease 0ms 1 forwards; display: none\9;}
.index-m2 .out-bottom .info{-webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: out-bottom 300ms ease 0ms 1 forwards; animation: out-bottom 300ms ease 0ms 1 forwards; display: none\9;}
.index-m2 .out-left .info{-webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-animation: out-left 300ms ease 0ms 1 forwards; animation: out-left 300ms ease 0ms 1 forwards; display: none\9;}


@-webkit-keyframes in-top{from{-webkit-transform: rotate3d(-1, 0, 0, 90deg); transform: rotate3d(-1, 0, 0, 90deg);} to{-webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg);}}
@keyframes in-top{from{-webkit-transform: rotate3d(-1, 0, 0, 90deg); transform: rotate3d(-1, 0, 0, 90deg);} to{-webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg);}}
@-webkit-keyframes in-right{from{-webkit-transform: rotate3d(0, -1, 0, 90deg); transform: rotate3d(0, -1, 0, 90deg);} to{-webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg);}}
@keyframes in-right{from{-webkit-transform: rotate3d(0, -1, 0, 90deg); transform: rotate3d(0, -1, 0, 90deg);} to{-webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg);}}
@-webkit-keyframes in-bottom{from{-webkit-transform: rotate3d(1, 0, 0, 90deg); transform: rotate3d(1, 0, 0, 90deg);} to{-webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg);}}
@keyframes in-bottom{from{-webkit-transform: rotate3d(1, 0, 0, 90deg); transform: rotate3d(1, 0, 0, 90deg);} to{-webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg);}}
@-webkit-keyframes in-left{from{-webkit-transform: rotate3d(0, 1, 0, 90deg); transform: rotate3d(0, 1, 0, 90deg);} to{-webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg);}}
@keyframes in-left{from{-webkit-transform: rotate3d(0, 1, 0, 90deg); transform: rotate3d(0, 1, 0, 90deg);} to{-webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg);}}
@-webkit-keyframes out-top{from{-webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg);} to{-webkit-transform: rotate3d(-1, 0, 0, 104deg); transform: rotate3d(-1, 0, 0, 104deg);}}
@keyframes out-top{from{-webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg);} to{-webkit-transform: rotate3d(-1, 0, 0, 104deg); transform: rotate3d(-1, 0, 0, 104deg);}}
@-webkit-keyframes out-right{from{-webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg);} to{-webkit-transform: rotate3d(0, -1, 0, 104deg); transform: rotate3d(0, -1, 0, 104deg);}}
@keyframes out-right{from{-webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg);} to{-webkit-transform: rotate3d(0, -1, 0, 104deg); transform: rotate3d(0, -1, 0, 104deg);}}
@-webkit-keyframes out-bottom{from{-webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg);} to{-webkit-transform: rotate3d(1, 0, 0, 104deg); transform: rotate3d(1, 0, 0, 104deg);}}
@keyframes out-bottom{from{-webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg);} to{-webkit-transform: rotate3d(1, 0, 0, 104deg); transform: rotate3d(1, 0, 0, 104deg);}}
@-webkit-keyframes out-left{from{-webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg);} to{-webkit-transform: rotate3d(0, 1, 0, 104deg); transform: rotate3d(0, 1, 0, 104deg);}}
@keyframes out-left{from{-webkit-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg);} to{-webkit-transform: rotate3d(0, 1, 0, 104deg); transform: rotate3d(0, 1, 0, 104deg);}}

.index-m3{padding:90px 0 100px 0;}
.index-m3 .index-hd{margin-bottom: 50px;}
.index-m3 .index-bd{padding: 50px 0 0 0;}
.index-m3 ul{margin: -40px 0 0 0;}
.index-m3 li{padding: 0 0 0 522px;margin: 40px 0 0 0;}
.index-m3 .pic{width: 464px; margin: 0 0 0 -522px;}
.index-m3 .name{height: 65px;padding: 15px 0 0 0;font-size: 48px; font-weight: bold; color: #02A0E9; background: url("../image/m3_line.jpg") repeat-x;}
.index-m3 .position{height:48px;padding:0 0 11px 0;font-size: 30px;line-height: 35px;color: #666; background: url("../image/m3_line.jpg") left bottom repeat-x;}
.index-m3 li p{padding:20px 0 0 0;font-size: 18px;line-height: 36px; color: #666;}

.index-m4{height: 730px; background: url("../image/contact.jpg") center top no-repeat;}
.index-m4 .index-hd{padding-top: 90px;}
.index-m4 .index-hd .hd2{color: #bbb;}

.index-m4 .index-bd{position: relative;}
.index-m4 .col-left,
.index-m4 .col-right{width: 480px;padding-top: 90px; text-align: center;font-size: 20px;line-height: 30px; color: #666;}

.index-m4 h3{font-size: 30px;font-weight: normal; color: #000; margin: 20px;}
.index-m4 .p1{margin-bottom: 10px;}

.nav-right{position: fixed; z-index: 10; right: 20px; top: 50%; margin-top: -50px;}
.nav-right li{position: relative;padding: 13px 0;}
.nav-right li i{display: block;width: 10px;height: 10px;font-size: 0;background: #bbb;border-radius: 10px;}
.nav-right li.active i{background: #02A0E9;}

.nav-right li span{ position: absolute; right: 20px; top:6px; width: 4em; padding: 6px ; font-size: 12px; color: #fff; line-height: 12px; background: rgba(0,0,0,0.5); background: #000\9; border-radius: 4px;}
.nav-right li span:after{position: absolute; top: 50%; right: -10px; margin-top: -5px; width: 0; height: 0; border: 5px solid transparent; border-left: 5px solid rgba(0,0,0,0.5); content: ''; border: none\9;}
.nav-right li.active span{background: #02A0E9;}
.nav-right li.active span:after {border-left: 5px solid #02A0E9;}

.index-m5{padding: 20px 0; text-align: center; font-size: 12px; color: #9d9d9d; background: #f8f8f8;}
.index-m5 a{ color: #9d9d9d;}
.index-m5 img{ vertical-align: middle; margin-top: -2px;}