/* 前端白明明 */

@charset "UTF-8";

@font-face {
  font-family: "din";
  src: url("../fonts/DIN-BOLD_0.woff") format("woff"),
       url("../fonts/DIN-BOLD_0.ttf") format("truetype"),
       url("../fonts/DIN-BOLD_0.eot") format("embedded-opentype"),
       url("../fonts/DIN-BOLD_0.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "am";
  src: url("../fonts/Arboria-Medium.otf");
  font-weight: normal;
  font-style: normal;
}

.din{font-family: din;}
.am{font-family: am;}

*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

*{ margin:0; padding:0;}

body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;   min-width: 1280px;position: relative;padding: 0 ; width: 100%;color: #1f1f1f;font-family: Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px;  line-height:1;background: #fff;}

html.act{overflow: hidden;width: 100%;height: 100vh;}

ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }

.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #1f1f1f;}

textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}

img{border:none;display: block;max-width: 100%;}

img[src=""]{opacity: 0;}

body::-webkit-scrollbar{ width:4px;height: 1px;}

body::-webkit-scrollbar-thumb{ background:#000;}

body::-webkit-scrollbar-track{ background:#fff;} 


.gdt::-webkit-scrollbar{ width:4px;height: 1px;}

.gdt::-webkit-scrollbar-thumb{ background:#ff6600;}

.gdt::-webkit-scrollbar-track{ background:#fff;} 

.f_12{ font-size:12px; }

.f_15{ font-size:15px; }

.f_16{ font-size:16px; }

.f_18{ font-size:18px; }

.f_20{ font-size:20px; }

.f_22{font-size: 22px;}

.f_24{ font-size:24px; }

.f_26{ font-size:26px; }

.f_28{ font-size:28px; }

.f_30{ font-size:30px; }

.f_32{ font-size:32px; }

.f_34{ font-size:34px; }

.f_36{ font-size:36px; }

.f_38{ font-size:38px; }

.f_40{font-size: 40px;}

.f_48{font-size: 40px;line-height: 48px;}

/*分页*/

.BMap_omCtrl{ display:none !important;}

.a_dw{position: relative;top: -60px;}

.box {max-width:1440px;min-width: 1200px;width:75%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.ibox {max-width:1600px;min-width: 1200px;width:85%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}
	
.page{margin: 50px 0 0;}

.page1{clear:both; text-align:center; height: 45px;float: left;}

.page1 span a{display: inline-block; color:#333333;padding:10px 14px; text-decoration:none;background: #fff;border-radius: 40px;border:1px solid #ddd; color: #666;font-size: 14px;}

.page1 span a:hover,.page1 span.current a{  background:#f60; color:#fff;border: 1px solid #f60;}

.page1 span{margin:2px 5px;}

.page1 span.g{color: #666;font-size: 12px;}

.page2{width: 120px;height: 40px;background: #f60;color: #fff;display: block;margin: 0 auto;line-height: 40px;display: none;}


.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.wow{opacity: 0;}

.wow1{opacity: 1;}

.fbd{font-weight: bold;}

/* 弹窗 */


.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: 30;}

.z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;}

/* 弹窗内容 */

.z_tanchuang .tbox .modal {background: white;padding: 50px;display: block;border-radius: 5px;position: relative;width: 90%;max-width: 1200px;max-height: 90%;margin: 0 auto;}

.z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../images/out.png) center no-repeat;background-size: cover;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: 0;right: -50px;cursor: pointer;}

.z_tanchuang .tbox .modal .img{width: 100%;max-width: 600px;margin: 0 auto;}

.z_tanchuang .tbox .modal .img video{display: block;width: 100%;max-width: 100%;object-fit: cover;}

.z_tanchuang .tbox .modal .img img{margin: 0 auto ;}

.z_tanchuang .tbox .modal .out:hover{background: #fff url(../images/out2.png) center no-repeat;background-size: cover;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.z_tanchuang .tbox .modal2{padding: 20px;}

.z_tanchuang .tbox .modal .img{max-width: 1200px;}

/* 弹窗选中 */

.z_tanchuang.one {transform: scaleY(0.01) scaleX(0);animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scaleY(0.01) scaleX(0);-webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one .tbox .modal {transform: scale(0);animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(0);-webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out {transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out .tbox .modal {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

/* 弹窗动画 */

@keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}

@keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@-webkit-keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@-webkit-keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}

@keyframes zhuan {0% {transform: rotate(0deg);}100% {transform: rotate(180deg);}}

@-webkit-keyframes zhuan {0% {transform: rotate(0deg);}100% {transform: rotate(180deg);}}

.w1440{width: 1440px;margin: 0 auto;max-width: 100%; position: relative;line-height: 28px;}

.pd120{padding: 120px 0 100px;}

.pd100{padding: 100px 0 ;}

/* banner */

.banner{position: relative;overflow: hidden;}

.banner img{display: block;width: 100%;}

.banner .mimg{display: none;}

.banner .pimg{display: block;width: 100%;height: 650px;}

.banner .b_box{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;}

.banner .b_box .w1440{height: 100%;}

.banner .b_box .tt{position: absolute;top: 36%;color: #fff;}

.banner .nav{position: absolute;width: 100%;left: 0;top: 570px;z-index: 3;}

.banner .nav .abtn{height: 60px;overflow: hidden;}

.banner .nav .abtn a{display: block;float: left;width: 33.33%;position: relative;line-height: 60px;text-align: center;color: #666;background: #fff;}

.banner .nav .abtn a s{position: absolute;display: block;width: 0%;height: 4px;background: #ff6600;left: 50%;bottom: 0;transform:translateX(-50%);-webkit-transform:translateX(-50%);}

.banner .nav .abtn a:hover,.banner .nav .abtn a.act{color: #ff6600;}

.banner .nav .abtn a.act s,.banner .nav .abtn a:hover s{width: 100%;}

.banner .nav2{position: fixed;width: 100%;left: 0;top: -60px;z-index: 8;background: #fff;border-bottom: 1px solid #eee;}

.banner .nav2.act{top: 0;}



/* 返回顶部 */

.top{ position: fixed;width: 64px;height: 64px;background: url(../images/product_3.png) center no-repeat;cursor: pointer;right: -70px;bottom: 10%;z-index: 9;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}

.top span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;background: url(../images/product_2.png) center no-repeat;}

.top:hover{background: url(../images/product_3j.png) center no-repeat;}

.top:hover span{background: url(../images/product_2j.png) center no-repeat;animation: zhuan 2s linear forwards;-webkit-animation: zhuan 2s linear forwards;}

.top.act{right: 3%;}







@media(max-width:1600px){

}



@media(max-width:1440px){
    
  .w1440{padding: 0 30px;}

  .pd120{padding: 50px 0;}
  
  .pd100{padding: 50px 0;}

  .f_12{ font-size:12px; }

  .f_16{ font-size:14px; }

  .f_18{ font-size:16px; }

  .f_20{ font-size:18px; }

  .f_22{font-size: 20px;}

  .f_24{ font-size:22px; }

  .f_26{ font-size:24px; }

  .f_28{ font-size:26px; }

  .f_30{ font-size:28px; }

  .f_32{ font-size:30px; }

  .f_34{ font-size:30px; }

  .f_36{ font-size:30px; }

  .f_38{ font-size:30px; }

  .f_40{font-size: 32px;}

  .f_48{font-size: 34px;}









}



@media(max-width:1366px){
    
}




@media(max-width:1280px){
    
}


@media(max-width:1024px){

  body{min-width: 200px;}

  .banner .pimg{height: 300px;}

  .wow{opacity: 1;}

  .banner .nav{top: 220px;}

  .banner .nav2{top: -60px;}
    
}

@media(max-width:960px){

  .w1440{padding: 0 5%;}

  .banner{background: #000;}

  .banner .pimg{display: none;}

  .banner .mimg{display: block;opacity: 0.9;}

  .banner .b_box .tt{font-size: 30px;top: 45%;}

  .pd120,.pd100{padding: 30px 0;}

  .banner .nav{display: none;}

    .f_12{ font-size:12px; }

    .f_16{ font-size:14px; }

    .f_18{ font-size:14px; }

    .f_20{ font-size:16px; }

    .f_22{font-size: 16px;}

    .f_24{ font-size:16px; }

    .f_26{ font-size:18px; }

    .f_28{ font-size:28px; }

    .f_30{ font-size:20px; }

    .f_32{ font-size:20px; }

    .f_34{ font-size:20px; }

    
    .f_36{ font-size:22px; }

    .f_38{ font-size:22px; }

    .f_40{font-size: 22px;}

    .f_48{font-size: 22px;}

    .f_50 {font-size: 28px;}

    .f_56 {font-size: 24px;}
  
    .f_64 {font-size: 24px;}

    .page1{display: none;}

    .page2{display: block;text-align: center;}

    .page{margin-top: 20px;}

    .z_tanchuang .tbox .modal{padding: 20px 5%;}

    .z_tanchuang .tbox .modal .out{top: -60px;right: 0;}









    
}