@font-face {
  font-family:"Gidole";
  src:url("../font/Gidole.woff2")format("woff2"),
      url("../font/Gidole.woff")format("woff"),
      url("../font/Gidole.ttf")format("truetype"),
      url("../font/Gidole.eot")format("embedded-opentype"),
      url("../font/Gidole.svg")format("svg"),
      url("/template/default/fonts/Gidole.otf")format("opentype");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:"kootenay";
  src:url("../font/kootenay.woff2")format("woff2"),
      url("../font/kootenay.woff")format("woff"),
      url("../font/kootenay.ttf")format("truetype"),
      url("../font/kootenay.eot")format("embedded-opentype"),
      url("../font/kootenay.svg")format("svg"),
      url("/template/default/fonts/kootenay.otf")format("opentype");
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family: "aaa";
  src: url("../font/aaa.woff2") format("woff2"),
       url("../font/aaa.woff") format("woff"),
       url("../font/aaa.ttf") format("truetype"),
       url("../font/aaa.eot") format("embedded-opentype"),
       url("../font/aaa.svg") format("svg"),
       url("/template/default/fonts/aaa.otf") format("opentype");
}

@font-face {
  font-family: "bbb";
  src: url("/template/default/css/bbb.woff2") format("woff2"),
       url("/template/default/css/bbb.woff") format("woff"),
       url("/template/default/css/bbb.ttf") format("truetype"),
       url("/template/default/css/bbb.eot") format("embedded-opentype"),
       url("/template/default/css/bbb.svg") format("svg"),
       url("/template/default/css/bbb.otf") format("opentype");
}
*{padding:0px; margin:0px;}
html{font-size:62.5%;}
body{font-size:15px; letter-spacing:1px; color:#555; font-family:"kootenay";}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td{margin:0; padding:0; font-style:normal;}
h1,h2,h3,h4,h5,h6{list-style:none; font-weight:normal;}
input,select,button,textarea{font-size:15px; border:0; background:none; outline:none; vertical-align:middle; resize:none; font-family:"kootenay";}
button{overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#333; text-decoration:none;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
a:hover{color:#5ab9ef; text-decoration:none !important;}
.clear{overflow:hidden; clear:both; height:0px;}
@media only screen and (max-width:992px){
input,textarea{-webkit-appearance:none; border-radius:0;}
}
@media only screen and (max-width:992px){
.container{padding:0 30px;}
}

body.on{overflow:hidden; height:100%;}

.ym_jz{width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999999;
background-image:-webkit-linear-gradient(90deg, #5ab9ef 0%, #a754e2 100%);
background-image:-moz-linear-gradient(90deg, #5ab9ef 0%, #a754e2 100%);
background-image:-ms-linear-gradient(90deg, #5ab9ef 0%, #a754e2 100%);
background-image:-o-linear-gradient(90deg, #5ab9ef 0%, #a754e2 100%);
background-image:linear-gradient(90deg, #5ab9ef 0%, #a754e2 100%);}
.ym_jz .l_g{width:138px; height:70px; position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);}
.ym_jz .l_g img{width:100%; height:auto; display:block;}
.ym_jz .d_w{width:100%; height:70px; position:absolute; bottom:0; left:0; background:url(/template/default/images/logo2.png) no-repeat bottom center;
animation:big 1s ease-in-out infinite;
-webkit-animation:big 1s ease-in-out infinite;
-moz-animation:big 1s ease-in-out infinite;
-ms-animation:big 1s ease-in-out infinite;
-o-animation:big 1s ease-in-out infinite;}

@keyframes big {
0%{height:0;}
100% {height:70px;}
}
@-webkit-keyframes big {
0%{height:0;}
100% {height:70px;}
}
@-moz-keyframes big {
0%{height:0;}
100% {height:70px;}
}
@-ms-keyframes big {
0%{height:0;}
100% {height:70px;}
}
@-o-keyframes big {
0%{height:0;}
100% {height:70px;}
}

.header{width:100%; padding:30px 10%; position:fixed; top:0; left:0; z-index:99999; text-align:center;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on{padding:15px 10%; background-color:rgba(0,0,0,.7);}
.header .logo{width:138px; position:absolute; top:30px; left:10%; cursor:pointer;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .logo img{width:100%; height:auto; display:block;}
.header.on .logo{top:15px;}
.header .an{float:right; margin-top:16px; height:18px; width:32px; display:none; position:relative;}
.header .an span{width:32px; height:2px; background-color:#fff; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .bps{position:absolute; top:47px; right:10%;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on .bps{top:32px;}
.header .bps a{background-color:#8b29d1; border-radius:18px; padding:0 15px; text-align:center; text-transform:uppercase; color:#fff; line-height:36px; display:block;}
.header .bps a:hover{background-color:#6a06b2;}
.header .nav{margin:0 auto; display:inline-block;}
.header .nav ul{float:left;}
.header .nav ul li{margin:0 25px; float:left;}
.header .nav ul li a{display:block; font-size:16px; line-height:70px; text-transform:uppercase; color:#fff;}
.header .nav ul li a:hover{color:#5ab9ef;}
@media (min-width:992px){
.header{padding:30px 5%;}
.header.on{padding:15px 5%;}
.header .logo{left:5%;}
.header .bps{right:5%;}
.header .nav ul li{margin:0 15px;}
}
@media (min-width:1200px){
.header{padding:30px 10%;}
.header.on{padding:15px 10%;}
.header .logo{left:10%;}
.header .bps{right:10%;}
.header .nav ul li{margin:0 25px;}
}
@media only screen and (max-width:992px){
.header{padding:20px 40px; text-align:left;}
.header.on{padding:15px 40px;}
.header .logo{width:100px; position:relative; top:auto; left:auto; float:left;}
.header.on .logo{top:auto;}
.header .an{display:block;}
.header .nav{width:60%; height:100%; margin:0; padding:32px 5% 0; position:fixed; background-color:#1b1b1b; top:0; left:-60%; z-index:999999; display:block;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .nav.n{left:0;}
.header .nav ul{float:none;}
.header .nav ul li{margin:0; border-bottom:1px solid #999; width:100%;}
.header .nav ul li a{color:#fff; font-size:15px;}
.header .bps{position:relative; left:0; top:auto; right:auto;}
.header.on .bps{top:auto;}
.header .bps a{margin-top:50px; display:inline-block;}
}
@media only screen and (max-width:992px){
.header{padding:20px 15px;}
.header.on{padding:15px;}
}


.gy_bt{  text-align:center; margin-bottom:50px;}
.gy_bt h3{font-size:36px; margin-bottom:25px; font-family:aaa}
.gy_bt p{ font-size:14px; line-height:40px; font-family:bbb}
@media only screen and (max-width:992px){
.gy_bt{margin-bottom:40px;}
.gy_bt h3{font-size:26px; margin-bottom:15px;}
.gy_bt em{width:60px;}
}

.toubu{ background:#101317; padding:30px 0; height:auto; overflow:hidden}
.toubu .logo{ float:left; margin-left:87px}
.toubu .wnz{ float:left; margin-left:23px; color:#fff; margin-top:20px}
.daohang{ background:#fff; line-height:45px; height:auto; overflow:hidden; padding-left:85px }
.daohang li{ float:left; margin-right:23px}
.guanyu{ background:#000; padding:120px 0; height:auto; overflow:hidden; color:#efeee9}
.guanyu .container{ width:1180px; margin:0 auto; height:auto; overflow:hidden}
.guanyu p{ line-height:26px;font-family:bbb;letter-spacing: -1px;
    font-weight: bold; color:#dad7d7; width:50%; float:left; display:inline-block;}
.guanyu h1{ font-size:36px; margin-bottom:50px; font-family:aaa }
.chanpin{ width:100%; height:auto; overflow:hidden; background:#1a1d23}
.chanpin .zb{ width:50%; float:left}
.chanpin .zb img{ width:100%; }
.chanpin .yb{ width:38%; float: right; color:#fff; margin-top:20px}
.chanpin .yb h1{ font-size:36px; font-family:aaa}
.chanpin .yb ul{ width:80%}
.chanpin .yb li{ line-height:80px; width:50%; float:left; font-size:20px;font-family:bbb;}
.footer{width:100%; padding:50px 0; background-color:#000; font-family:bbb; font-size:12px; text-align:center; color:#fff;}
.footer .sy_bt h3{color:#fff;}
.footer .shejiao{text-align:center; margin-bottom:30px;}
.footer .shejiao a{display:inline-block; width:30px; margin:0 10px; opacity:.6;}
.footer .shejiao a:hover{opacity:1;}
.footer .shejiao img{width:100%; height:auto; display:block;}
.footer .banquan{ font-size:14px}
.footer .dt{ width:100%; height:460px; margin:0 auto 50px}
.footer .dt img{ width:100%}

.sy_cp{width:100%; padding: 0; overflow:hidden;}
.sy_cp .cp_zs{position:relative;}
.sy_cp .cp_zs .swiper-cp{padding-bottom:0;}


.sy_cp .cp_zs .swiper-pagination{bottom:0;}
.sy_cp .cp_zs .swiper-pagination-bullet{width:8px; height:8px; border-radius:50%; background-color:#aaa;}
.sy_cp .cp_zs .swiper-pagination-bullet-active{background-color:#00b7ee;}
.sy_cp .n_r{text-align:center; padding:0; }
.sy_cp .n_r .t_p{width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; top:0; left:0; opacity:0;
}

.sy_cp .n_r .t_b{width:100%; margin:0 auto; position:relative; z-index:1;}
.sy_cp .n_r .t_b img{width:100%; height:560px; display:block;
}