/*字体*/
@font-face { font-family: 'MiSans'; src: url("../fonts/MiSans-Regular.ttf"); }
@font-face { font-family: 'mib'; src: url("../fonts/MiSans-Demibold.ttf"); } 
@font-face { font-family: 'misb'; src: url("../fonts/MiSans-Semibold.ttf"); } 
.fb,.mib{font-family: 'mib';} 
.misb{font-family: 'misb';} 
body{font-family:'MiSans','PingFang SC','Microsoft YaHei';}
/* common */
.ani1{transform: translateY(200px); } 
.delay1{transition:1s .3s; }
.delay2{transition:1s .4s; } 
.delay3{transition:1s .5s; } 
.delay4{transition:1s .6s; } 
.active .ani1{transform: translateY(0);}
.ovh{overflow: hidden;}
.wp2{width:100%;max-width:1680px;margin:0 auto;}
.wp{width:100%;max-width:1400px;margin:0 auto;}
@media screen and (max-width:1680px) {
.wp2{padding:0 50px}
}
@media screen and (max-width:1460px) {
.wp2{padding:0 20px}
.wp{padding:0 30px}
}
/* fonts */
.f72{font-size:72px;}
.f62{font-size:62px}
.f59{font-size:59px;}
.f48{font-size:48px}
.f42{font-size:36px;line-height: 2}
.f40{font-size:40px;}
.f36{font-size:30px;}
.f34{font-size:34px;}
.f30{font-size:30px;}
.f28{font-size:28px;}
.f26{font-size:26px;}
.f24{font-size:24px}
.f22{font-size:22px;}
.f20{font-size:20px;}
.f18{font-size:18px}
.f16{font-size:16px}
.p60{padding:60px 0;}
.pb30{padding-bottom:30px;}
.pb60{padding-bottom:60px;}
.pb80{padding-bottom:80px;}
.p80{padding:80px 0;}
.p100{padding:100px 0;}
.p120{padding:120px 0;}
@media (max-width:1400px) {
.f72{font-size:45px;}
.f62{font-size:40px}
.f59{font-size:37px;}
.f48{font-size:35px}
.f42{font-size:28px;}
.f40{font-size:26px;}
.f36{font-size:25px;}
.f34{font-size:24px;}
.f30{font-size:23px;}
.f28{font-size:24px;}
.f26{font-size:22px;}
.f22{font-size:21px;}
.f24{font-size:20px}
.f20{font-size:18px;}
.f18{font-size:16px}
.f16{font-size:15px}
.p30{padding:20px 0;}
.p60{padding:25px 0;}
.pb60{padding-bottom:25px;}
.pb30{padding-bottom:20px;}
.p80{padding:50px 0;}
.pb80{padding-bottom:50px;}
.p100{padding:60px 0;}
.p120{padding:65px 0;}
}
@media screen and (max-width:1100px) {
.f72{font-size:30px;}
.f62{font-size:28px}
.f59{font-size:25px;}
.f48{font-size:22px}
.f42{font-size:21px;}
.f40{font-size:21px;}
.f36{font-size:20px;}
.f34{font-size:19px;}
.f30{font-size:19px;}
.f28{font-size:19px;}
.f26{font-size:18px;}
.f24{font-size:17px}
.f22{font-size:16px;}
.f20{font-size:16px;}
.f18{font-size:14px}
.f16{font-size:14px}
.pb60{padding-bottom:20px;}
.p80{padding:30px 0;}
.pb80{padding-bottom:35px;}
.p100{padding:35px 0;}
.p120{padding:40px 0;}
.pb30{padding-bottom:15px;}
}
header{width: 100%;position: fixed;top:0;left:0;z-index: 99;transition: all .3s;background:#fff;border-bottom: 1px solid #F0F0F0;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.14);}
header .wp2{ align-items: center;}
header .nav{display: flex;align-items: center;justify-content: space-between;}
header .nav ul{margin-right:4vw;display: flex;}
header .nav ul li{margin-right:56px;height:100px;line-height:100px;position: relative;transition: all 0.3s;}
header .nav ul li:last-child{margin-right: 0;}
header .nav ul li a{display: block;font-size: 18px;color: #666;}
header .nav ul li.navon{border-bottom:4px solid #EC6815}
header .nav ul li::before1{content:"";width:0;height:4px;background: linear-gradient(90deg, #EC6815, #ea5f07);position: absolute;bottom:25px;left:50%;transform: translateX(-50%);transition:all ease .3s;border-radius:2px;}
header .nav ul li:hover::before,header .nav ul li.on::before{width:100%;}
header .nav ul li:hover a,header .nav ul li.on a{color:#333!important}
header .nav ul li .down{position: absolute;width: 155px;left:50%;transform: translateX(-50%);top:100px; display: none;text-align: center;}
header .nav ul li .down a{display: block;font-size: 14px;padding: 0 14px;color: #333!important;background:rgba(255,255,255,.88);position: relative;line-height:36px;transition: background-color .4s, color .4s;}
header .nav ul li .down a:hover {color: #EC6815!important;}
header .nav .lang,header .sou{position: relative;transition: all .3s;width: 36px;line-height:36px; height: 36px;border-radius:50%; display:inline-block; cursor: pointer; text-align:center; background: #ec6815; border-radius: 18px;line-height:36px;text-align:center;color:#fff;} 
header .nav .lang:hover,header .sou:hover{background:rgba(236, 104, 21, .8);}
header .nav .lang{margin-left:20px;}
header .sou i{font-size:22px;font-weight: normal;}
.sou.on i::before{content:"\e6f5";}
  /* search */
.search_box{position: relative;font-size: 16px;font-weight: 700;color: #0d1c27;text-align: center;z-index: 2;}
.search_down{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: rgba(255,255,255,1);padding:20px 30px;width: 400px;position: absolute;right:-52px;top:16px;transform: translateY(50px);-webkit-box-shadow: 0 0 99px rgba(29,56,75,.4);-moz-box-shadow: 0 0 99px rgba(29,56,75,.4);box-shadow: 0 0 99px rgba(29,56,75,.4);display:none;}
.search_down::after{content: '';display: block;width: 18px;height: 18px;transform: rotate(45deg);top: -8px;right: 60px;background-color: #fff;position: absolute;}
.search_down .formbox{border-bottom: 1px solid #e1e1e1;font-size: 14px;}
.search_down .formbox input{background-color: transparent;border: none;display: block;float: left;width: calc(100% - 30px);padding-right: 10px;line-height: 50px;height: 50px;box-shadow: 0 0 100px 46px #fff inset;}
.search_down .formbox button{display: block;height: 100%;border:0;background:none;}
.search_down .formbox i{font-size: 23px;vertical-align: middle;}

header .m_nav,header .m_nav.show{display: none!important;}
header.fix .nav ul li .down a{background:#fff;}
header.fix .nav ul li .down{box-shadow: 0 1px 5px rgba(0,0,0,.115)!important;}
.lightbox{background:rgba(0,0,0,.5);position: absolute;left:0;top:0;width:100%;height:100%;z-index:1;display:none;}
.copyright{clear:both;background: #EC6815;color: #fff;line-height: 60px;padding: 5px 0;}
.copyright a{color: #fff;margin-left:8px}
.copyright a:hover{color: rgba(255, 255, 255, 0.6);}
.copyright .share a{width: 36px;height: 36px;line-height: 36px;background: rgba(255, 255, 255, 0.4);border-radius: 50%;margin-left: 15px;display: inline-block;text-align: center;}
.copyright .share a img{vertical-align: middle;}
.copyright .share a:hover{background: rgba(255, 255, 255, 0.2);}
.footer{clear:both;}
.footer .qrcode .ewm{width:150px}
.footer .qrcode .ewm img{width:100%}
.footer .ft2{padding:25px 0 20px;}
.footer .footer_nav li{min-width:100px;}
.footer .footer_nav .title{color:#333;font-weight:600;font-size:18px;background:url(../img/dbx.png) no-repeat left bottom;padding-bottom:12px;}
.footer .footer_nav a{color:#777}
.footer .footer_nav a:hover{color:#EC6815}
.footer .footer_nav ul{padding:10px 0}
.footer .footer_nav .dd{margin-top:8px}
.footer .footer_nav .dd li{line-height:2;font-size:15px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;max-width:100%;}
.footer .footer_nav .dd a{color:#999}
.footer .footer_nav .dd a:hover{color:#EC6815!important}
.footer .footer_nav .dd li:hover a{color:#EC6815!important}
.footer .qrcode{text-align:center;padding-left:65px;}
.footer .qrcode .ewm{margin-bottom:10px}
.footer .lxfs{color:#333;line-height:25px;position: relative;padding-left:60px;}
.footer .lxfs::before{content:"";width:1px;height:142px;background:#E6EBEE;position: absolute;left:0;}
.footer .lxfs .tel{color:#EC6815;margin:10px 0 15px;}
.footer .lxfs .lx2{max-width:237px;}
.backup{width: 36px; height: 36px; background: #EC6815; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); border-radius: 50%;text-align:center;line-height:36px;color:#fff;position: fixed;bottom:35px;right:45px;z-index:222;}
.backup i{font-size:20px;color:#fff;} 
.backup:hover{background: rgba(236, 104, 21,.8);}
.footer li .dd p{width:400px;white-space: pre-line;}
@media (max-width:980px) {
header{padding:12px 0;}
header .nav ul{display: none;}
header .logo img{height:40px;max-width:unset;vertical-align:middle;}
header .btn{position: absolute;right:15px;top:62%;transform: translateY(-50%);margin-right: 0;cursor: pointer;height:30px;}
header .btn span{display: block;width: 24px;height: 2px;background-color: #000;border-radius: 1px;transition: all 0.3s;}
header .btn span:nth-child(1){transform: translate(0,0);}
header .btn span:nth-child(2){transform: translate(0,8px);width: 24px;}
header .btn span:nth-child(3){transform: translate(0,16px);}
header .btn:hover span:nth-child(1){transform: translate(0,0px);}
header .btn:hover span:nth-child(2){transform: translate(0,8px);width: 24px;}
header .btn:hover span:nth-child(3){transform: translate(0,16px);}
header .nav .lang{width:28px;height:28px;line-height:28px;font-size:12px;position: absolute;right:55px;top:48%;transform: translateY(-50%);margin-left:0;}
header .m_nav{display: block!important;position: absolute;left: 110%;top: 0; width: 72vw;background-color: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.08);height: 100vh;transition: all 0.5s ease-out;}
header .m_nav.show{left:28vw;display: block!important;}
header .m_nav .close{position: absolute;top: 16px;right:18px; width:25px;height:25px;background: url(../img/h_out.png)no-repeat center;background-size: 100% 100%;z-index: 10;}

header .search{width:100%;position: relative;}
header .search .btn i{color:#666;font-size:17px}
header .search .input{position:absolute;left:0;top:5px;bottom:auto;height:36px;width:8px;opacity:0;transition:.3s;border-radius:22px;line-height:36px;padding:0 10px;}
header .search .input{width:100%!important;border:1px solid #ddd;opacity:1;visibility:visible;background:#fff;right:10px;}
header .search::before{display:none;}
header .search input{width:calc(100% - 40px);float:left;}
header .search button{background:none;width:35px;height:25px;line-height:25px;}
header .search button i{font-size:18px;}
/* menu */
.m_center{padding:65px 16px 30px 16px;text-align: left;}
.m_center .li{margin-bottom:12px;}
.m_center .li>a{font-size: 16px;line-height: 30px;position: relative;color: #333;}
.m_center .li>a.on{color:#EC6815;}
.m_center .li.on>a{color: #EC6815;}
.m_center .li.on>a:after{background-color: #EC6815;}
.m_center .li ul{text-indent:1em;display: none;}
.m_center .li ul a{line-height: 30px;font-size: 14px;}
.m_center .li ul a:hover{color: #EC6815;}
.m_center .li{position: relative;}
.m_center .li:after{content: "";position: absolute;top:0;right:-5px;width:25px;height: 30px;background: url(../img/pr_jt.png)no-repeat center;transition: all 0.3s;}
.m_center .li.on:after{transform: rotate(90deg);}
.m_center .li:nth-child(1):after{display:none;}
header.on{height: auto;}
.m_center .right{display: flex;align-items: center;}
.m_center .right .solid{width: 1px;height: 8px;background-color: #333333;margin-right: 10px;}
.m_center .right a{display: flex;justify-content: center;align-items: center; margin-right: 10px;}
.m_center .right a img{width: 13px;}
body::-webkit-scrollbar {width:2px;height:5px;}
body::-webkit-scrollbar-track {background:rgba(0,0,0,0.1);}
body::-webkit-scrollbar-thumb {background:#EC6815;}
.copyright{line-height:25px;padding:15px 0;}
.copyright .share{margin-top:15px;}
.copyright .share a{margin:0 15px 0 0}
.footer .ft2{padding:20px 0 0 0;}
.footer .qrcode{padding:0 20px 0 0;}
.footer .qrcode .ewm{margin-bottom:5px;width:100px;}
.footer .lxfs{padding-left:20px;}
.footer .lxfs .tel{font-size:20px;}
.m_center .li:nth-child(6):after{display:none;}
}
.part6 .wp1{padding:0 20px}
.line1{
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow:ellipsis;
}
.line2{
  display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.part5 .bimg img{height:316px}
.nei_crumbs{padding:15px 0;background:#ebebeb;}
.nei_crumbs i{color:#464a83;font-size:18px;margin-right:6px;line-height:22px;}
.nei_crumbs .nc_a{text-align:left;float:right;width:25%;color:#605d5d;font-size:15px;line-height:22px;}
.nei_crumbs .nc_a a{color:#605d5d;}
.nei_crumbs .nc_a em{font-style:normal;}
.display_flex{display: flex}
.dd{justify-content: space-between;}
.flex-bet1 {
    justify-content: space-evenly;
}
.case1 .grid{padding-top:40px}
.info .tit a{color:#EC6815}
.product .xm4 a img{width:100%}
.list .xm2 .bimg img{height:172px}
.newslist.list li{
      border-bottom: 1px dashed #ec6815;
    padding-bottom: 15px;
}
#pages {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
#pages li {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    font-size: 12px;
    padding: 8px 12px;
    margin: 0 6px;
    border-radius: 3px;
    line-height: 100%;
}
 #pages li.active {
    color: #fff;
    background: #ec6815;
    border: 1px solid #ec6815;
}
#pages{padding-top:40px}
.desc p{line-height: 1.8}
.item .pimg:before{
    position: absolute;
    content: '';
    background: #272727;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    opacity: 0.5;
}
 .form_top{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.inputbox{
    width: 47.5%;
    background: #f5f5f5;
    border:1px solid #dcdcdc;
    position: relative;
    margin-bottom: 35px;
}
.inputbox .icon{
    width: 50px;
    height: 50px;
    position: relative;
    margin-left:5px;
    float: left;
}
.inputbox input{
    float: left;
    width: calc(100% - 0px);
    line-height: 50px;
    font-size:16px;
    color:#333;
    font-weight: lighter;
    padding-left: 20px;
}
.inputbox input::placeholder{
    font-size:16px;
    color:#999;
}
.inputbox .verify{
    position: absolute;
    width: 97px;
    height: 34px;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right:10px;
}
.inputbox .verify img{
    width: 100%;
    height: 100%;
}
 textarea{
    width: 100%;
    height: 120px;
    font-size:16px;
    color:#333;
    font-weight: lighter;
    background: #f5f5f5;
    border:1px solid #dcdcdc;
    padding: 21px;
    margin-bottom: 35px;
}
 textarea::placeholder{
    font-size:16px;
    color:#999;
}
 button.submit{
    display: block;
    text-align:center;
    font-size:22px;
    color:#fff;
    background: #ec6815;
    border-radius: 30px;
    line-height: 60px;
    letter-spacing: 3px;
    width:100%;
}
@media screen and (max-width:678px) {
  .nei_crumbs .nc_a{width:100%}
  .ab1_desc img{height:auto !important}
  .px_banner{margin-top:65px}
  .sider{display: none}
  .content img{height:auto !important}
  .about2{display: none}
  .part5 .desc p{display: none}
  .section .fp-tableCell{padding-top:65px !important}
  .tablist .itembox .pro{width: 50% !important;
        
        padding: 0 5px !important;}
  .video{width:40px !important;height:40px!important}
  .part5 .bimg img{height: 121px !important}
  .newslist{padding-left:0px !important}
  .copyright .wp2 .flex{flex-wrap: wrap;font-size:16px}
  .contact .contbox1 .info li{padding:10px 0 !important}
}
.h_videoinfo, .mo_mydip {
    display: none;
}
.h_slidevideo {
    width: 100%;
    position: relative;;
}
.h_slidevideo img {
    display: block;
    width: 100%;
    position:relative;
}
.video {
    content: "";
    position: absolute;
    left: 50%;
    bottom:45%;
    width: 100px;
    height: 100px;
    background: url(../img/tb.png);
    background-size:100%;
}
.h_video {
    position: fixed;
    left: 0%;
    top: 0%;
    width: 96%;
    height: 100%;
    z-index: 999;
    left:2%;
    top:0%;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
}
.h_videoclose {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    font-size: 22px;
    background: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index:999;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}