@charset "utf-8";


@font-face {
    font-family: 'sansation';
    src: url('fonts/sansation.eot');
    src: url('fonts/sansation.eot?#iefix') format('embedded-opentype'),
         url('fonts/sansation.woff') format('woff'),
         url('fonts/sansation.ttf') format('truetype'),
         url('fonts/sansation.svg#sansation') format('svg');
    font-weight: normal;
    font-style: normal;
  }

/*iconfont*/

@font-face {font-family: 'iconfont';
    src: url('fonts/iconfont.eot'); 
    src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/iconfont.woff') format('woff'), 
    url('fonts/iconfont.ttf') format('truetype'), 
    url('fonts/iconfont.svg#iconfont') format('svg'); 
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/*sfwal_icon*/

@font-face {
    font-family: 'sfwal_icon';
    src: url('fonts/sfwal_icon.eot');
    src: url('fonts/sfwal_icon.eot?#iefix') format('embedded-opentype'),
         url('fonts/sfwal_icon.woff2') format('woff2'),
         url('fonts/sfwal_icon.woff') format('woff'),
         url('fonts/sfwal_icon.ttf') format('truetype'),
         url('fonst/sfwal_icon.svg#sfwal_icon') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}
/* 去除iPhone中默认的input样式 */
input[type="submit"],

input[type="reset"],

input[type="button"],

input,select,textarea,button{ resize: none; outline: none;}
/* 取消链接高亮  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
/* 设置HTML5元素为块 */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {
display: block;
}
input[type=text]::-ms-clear,
 input[type=tel]::-ms-clear,
 input[type=number]::-ms-clear{
      display: none;
 }
select::-ms-expand {
        display: none;
   }

/* 动画 */
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-15px,0);
  }

  70% {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0,-15px,0);
  }

  70% {
    opacity: 1;
    transform: translate3d(0,0,0);
  }

  100% {
    opacity: 0;
    transform: translate3d(0,10px,0);
  }
}
.fadeInDown {
    -webkit-animation: fadeInDown 1s ease-in infinite;
    animation: fadeInDown 1s ease-in infinite;
}

/*文本限制*/
.textclip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0; border:none;}
*{
    font-family: 'sansation', "Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif,STHeiti,PingHei;
    font-weight: lighter;
}
em,i{font-style:normal;}
strong{font-weight: normal;}
a,a:hover,a:active,a:visited,a:link{text-decoration:none;}
a:hover{color:#d6000f; text-decoration:none;}
ul,ol{list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%;font-family: 'sansation', "Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif,STHeiti,PingHei;
    font-weight: lighter;}
img{border: none; vertical-align: middle;}
input{font-family:  "微软雅黑";}
.banner,.secbanner, button, img, a, .btn {
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}

/*首页全局宽度*/
.w1200{width: 1200px; margin: 0 auto;}
.navbar-brand>img{height: 32px;}

/*清楚浮动*/
.clearfix:after,.clearfix:before{ content:""; display:table;}
.clearfix:after{ clear:both;}
.clearfix{*zoom:1;}

.fl{float: left;}
.fr{float: right;}
.gf-header .black a{color:#000;}
.black p{color:#000;}

/*链接*/
.btn-outline {
    color: #181818;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 5px;
}
/*pace*/
.pace { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; background:#000; transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; }
.pace-activity { position:absolute; width:260px; height:65px; top:15%; left:50%; margin-left:-130px; font-size:0; }
.pace .pace-progress { }
.pace .pace-progress .pace-progress-inner { position:absolute; top:40%; left:50%; width:260px; height:290px; margin-left:-130px; animation:clock_jump 0.6s linear infinite; -webkit-animation:clock_jump 0.6s linear infinite; transform-origin:50% 171px; -webkit-transform-origin:50% 171px; }
.pace .pace-progress::before { position: absolute; width:100%; top:50%; left: 0; font: 50px/80px "Georgia"; content: attr(data-progress-text); text-align: center; color: #fff; }
.pace-done .pace { opacity:0; z-index:0; display:none; }

/*nav*/
.navbar{position: fixed; top: 0; left: 0; z-index: 2;width: 100%;transition: all 350ms 0s cubic-bezier(.165,.84,.44,1);-webkit-transition: all 350ms 0s cubic-bezier(.165,.84,.44,1);
  -moz-transition: all 350ms 0s cubic-bezier(.165,.84,.44,1);}
.navbar.scroll{
  background:rgba(0,0,0,.8);
}
.navbar-nav{margin: 7.5px -15px;}
.navbar-toggle .icon-bar{background: #fff; width: 32px; margin:4px 0 7px;}
.navbar-collapse .navbar-nav>li>a{color: #fff; font-size: 18px;text-align: center;}
.nav>li>a:hover, .nav>li>a:focus{background: none;color: #f90;}
.nav>li.active a{background: none;color: #f90;}
@media (max-width: 768px){
    .navbar-bg {background: rgba(0, 0, 0, 0.93);height: 3000px;}
    .navbar-nav>li>a{line-height: 35px;}
}
@media (min-width: 768px){
    .menu{float: right;}
}


/*footer*/
.footer{background:#0a0a0b;display: table;width:100%;}
.footer .foot_menu{float:left;margin:0px; color:#666; width:auto;}
.footer .foot_menu ul{margin:0 0 10px;}
.footer .foot_menu li{display:block;margin-top:14px; font-size: 16px;}
.footer .foot_menu li:first-child{margin-top: 0;}
.footer .foot_info{float: right;}
.footer .foot_info ul{text-align: right;}
.footer .foot_info li{float: left;margin-right: 34px;}
.footer .foot_info li a{font-size: 32px; color: #9d9d9d;-webkit-transition: color 300ms;transition: color 300ms;}
.footer .foot_info li a:hover{color: #fff;}
.footer .copyright{clear:right;color:#666;font-size: 16px;letter-spacing:.5px;margin:8px 0 0;text-align: left; line-height: 24px;}
.footer .copyright a{color: #666;}
@media(max-width: 768px){
  .footer {padding:  30px 0;}
  .footer .foot_info {display:none;}
}

@media(min-width: 769px){
  .footer {padding:80px 30px 40px;}
}
.linkbox{display: none;}
a.link{color: #fff;}

/*项目需求*/
.gf-demand{*margin-top:50px!important;background: url(../images/demand_bg.png);}
.gf-demand h2{color:#000;}
.gf-demand .write input{margin-right: 1%;background-color: #fff; padding: 20px 0; color:#6e6e6e; padding-left: 1%;font-size: 14px;}
.gf-demand .write .submit{background-color: #040404; color:#fff; width: 12%;text-align: center;padding-left: 0; cursor:pointer;*margin:0!important;*padding:17px 0!important; margin-right: 0;}
.gf-demand .write .text1,.gf-demand .write .text2{width: 16%;}
.gf-demand .write .text3{width: 50%;}
.italic{font-size: 12px;font-family: "微软雅黑"; color:#8f8f8f; font-style: italic;}
@media (min-width:1200px) {
.gf-demand{ padding-top: 80px;padding-bottom: 70px; padding-left: 30px; padding-right: 30px;}
.gf-demand h2{font-size: 36px; padding-bottom: 50px;font-weight: normal;}
.gf-demand .write{padding-bottom: 70px;}
}

@media (min-width:769px) and (max-width:1199px) {
.gf-demand{ padding-top: 60px;padding-bottom: 50px; padding-left: 30px; padding-right: 30px;}
.gf-demand h2{font-size: 30px; padding-bottom: 30px;}
.gf-demand .write{padding-bottom: 50px;}
.gf-demand .write .text1,.gf-demand .write .text2{width: 48.5%; margin-bottom: 20px;}
.gf-demand .write .text2{margin-right: 0;width: 49.5%;}
.gf-demand .write .text3{width: 78%;}
.gf-demand .write .submit{width: 20%;}
}
@media (max-width:768px) {
.gf-demand{ padding-top: 40px;padding-bottom: 30px; }
.gf-demand h2{font-size: 24px; padding-bottom: 20px;}
.gf-demand .write{padding-bottom: 30px;}
.gf-demand .write input{margin-right: 0;margin-bottom: 15px;padding-left: 3%;}
.gf-demand .write .text1,.gf-demand .write .text2,.gf-demand .write .text3{width: 100%;}
.gf-demand .write .submit{width: 100%;margin-bottom: 0;}
}

/*浮动窗口样式*/
.floating{position: fixed;bottom: 30px;left: 0;width: 100%;text-align: center; z-index: 99;}
.floating a{width: 48px;height: 48px;border-radius: 24px;margin-left:7.5px; margin-right: 7.5px;background-color:rgba(0,0,0,.6); display: inline-block; filter:alpha(opacity=60);background-repeat: no-repeat; background-position: center center; vertical-align: middle;  line-height: 50px;
    -webkit-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
       -moz-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
        -ms-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
         -o-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
            transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
.floating a.float-phone{background-image:url(../images/layout_phone.png); -webkit-background-size: 23px 23px; background-size: 23px 23px;}
.floating a.float-qq{background-image:url(../images/layout_qq.png); -webkit-background-size: 20px 21px; background-size: 20px 21px;}
.floating a.float-message{background-image:url(../images/float_message.png); background-size: 55%; position: relative;}
a.float-message .weixin{position: absolute;left: -56px; bottom:56px;width: 160px;height: 160px;z-index: 9999;display: none;}
.floating a:hover{background-color:#000;}
a.float-message:hover .weixin{display: block;}
.floating a.float-phone span{color:#fff; font-size: 18px;margin-left: 30px;display: none;
    -webkit-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
       -moz-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
        -ms-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
         -o-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
            transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
@media (min-width: 751px) {
    .floating a.float-phone:hover{width: 192px; background-position: 15px center;}
    .floating a.float-phone:hover span{display: block;}
}
@media (max-width: 750px) {
    .floating a.float-phone:hover{width: 48px;}
}

.secbanner{width: 100%;position: relative;}
.secbanner .focus{width: 100%; overflow: hidden;}
.secbanner img{width: 100%; height: auto;}
.secbanner .focus-text{position: absolute;color: #fff; left: 0; bottom: 50px; padding: 0 45px;}
.secbanner .focus-text h5{font-size: 16px; margin-bottom: 15px; color: #fff;padding-left: 4px;}
.secbanner .focus-text h3{font-size: 48px; color: #fff;}
@media (max-width: 1199px) {
  .secbanner .focus-text{bottom:40px;}
}
@media (max-width: 767px){
  .secbanner .focus{height: 320px;}
  .secbanner img{height: 100%; width: auto;}
  .secbanner .focus-text h5{font-size: 12px;}
  .secbanner .focus-text h3{font-size: 28px;}
  .secbanner .focus-text{bottom:20px;}
  .secbanner .focus-text{padding: 0 15px;}
}
@media (max-width: 1199px) and (min-width: 769px){
  .secbanner .focus-text h3{font-size: 40px;}
  .secbanner .focus-text{bottom:30px;}
}


.newsBox{position: absolute; opacity: 0; z-index: -9999; bottom: 0; left: 0;}



.swiper-pagination-bullet{
  width: 8px;
  height: 4px !important;
  border-radius: 4px !important;
  transition: all 0.3s;
}
.swiper-pagination-bullet-active{
  width: 16px !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,0.6) !important;
}