.i-banner{height:calc(100vw / 2.6);}
#header .bocweb-fr .li.bocweb-en{font-size:18px;color:#8b8b8b;transition:.5s ease}
#header .bocweb-fr .li.bocweb-en:hover{transition:.5s ease;color:#0256b1}
.m-sousuoimg{float:right;width:48px;height:48px;cursor:pointer}
.pro_top .pro04 table{width:100%}
.pro_top .pro04 table tr{}
.application .application-tit .owl-prev{width:50px;height:50px;overflow:hidden;background:url(../images/c10.png) no-repeat center;background-size:100%;position:absolute;left:0;top:0;bottom:0;margin:auto;text-indent:-999px;overflow:hidden}
.application .application-tit .owl-next{width:50px;height:50px;overflow:hidden;background:url(../images/c11.png) no-repeat center;background-size:100%;position:absolute;right:0;top:0;bottom:0;margin:auto;text-indent:-999px;overflow:hidden}
.footer-bot .fb-left .li select::-ms-expand{color:#fff;font-size:20px;padding:5px 9px;background:#666666}
.pro_top .pro04 table tbody tr td{padding-top:15px;padding-bottom:18px;box-sizing:border-box}
.pro_top .pro04 table tr:nth-child(2n+1){background:#f6f6f6}
.m-sousuoimg img{padding-top:9px;padding-left:9px}
.i-banner li.video img{opacity:0}
.video{position:relative;background:#000}
.i-banner ul li.video a .boxwen .tit2{color:#ffffff}
.i-banner ul li.video a .boxwen .more{color:#ffffff;border-color:#ffffff}
.i-banner ul li.video a .boxwen .more:hover{border-color:#0256b1}
#mbanner01 .li{display:block}
#mbanner01 .media{position:relative}
#mbanner01 .media #video-4{position:absolute;width:100%;height:100%;top:0;bottom:0;margin:auto}
#footer .footer-top .bocweb-footer-contact .contact .contact-top a{color:#ffffff}
.section .tit01{transition:.3s;opacity:0;filter:alpha(opacity=0);transform:translateY(20px)}
.section .tit02{transition:.3s;opacity:0;filter:alpha(opacity=0);transform:translateY(20px)}
.section.animate .tit01{transition:.3s;opacity:1;filter:alpha(opacity=100);transform:translateY(0)}
.section.animate .tit02{transition:all .5s linear;transform:translateY(0);transition-delay:.3s;opacity:1;filter:alpha(opacity=100)}
.wel_about .titul .li{transition:.5s;opacity:0;filter:alpha(opacity=0);transform:translateY(60px)}
.wel_about .animate .titul .li{transition:.5s ease;transform:translateY(0);opacity:1;filter:alpha(opacity=100)}
.wel_about .animate .titul .li:nth-child(1){transition-delay:0s}
.wel_about .animate .titul .li:nth-child(2){transition-delay:.2s}
.wel_about .animate .titul .li:nth-child(3){transition-delay:.4s}
.wel_about .animate .titul .li:nth-child(4){transition-delay:.6s}
.wel_product .product-ul .li{transition:.5s;opacity:0;filter:alpha(opacity=0);transform:translateY(60px)}
.wel_product.animate .product-ul .li{transition:.5s;transform:translateY(0);opacity:1;filter:alpha(opacity=100)}
.wel_product .product-ul .li div{transition:.5s;opacity:0;filter:alpha(opacity=0);transform:translateY(70px)}
.wel_product.animate .product-ul .li div{transition:.5s;transform:translateY(0);opacity:1;filter:alpha(opacity=100)}
.wel_product.animate .product-ul .li:nth-child(1){transition-delay:0s}
.wel_product.animate .product-ul .li:nth-child(2){transition-delay:.2s}
.wel_product.animate .product-ul .li:nth-child(3){transition-delay:.4s}
.wel_product.animate .product-ul .li:nth-child(4){transition-delay:.6s}
.wel_application .wen .more{transition:1s;opacity:0;filter:alpha(opacity=0);transform:translateY(60px)}
.wel_application.animate .wen .more{transition:1s;transform:translateY(0);opacity:1;filter:alpha(opacity=100);transition-delay:.3s}
.wel_application .wen:hover .more:after{transition:1s;background:url(../images/k1.png) no-repeat center;background-size:100%}
.wel_news .news-ul{transition:1s;opacity:0;filter:alpha(opacity=0);transform:translateY(60px)}
.wel_news.animate .news-ul{transition:1s;transform:translateY(0);opacity:1;filter:alpha(opacity=100);transition-delay:.3s}
.mbanner01 .li{position:relative}
.mbanner01 .li .boxwen{text-align:center;height:121px;position:absolute;width:100%;top:0;bottom:0;margin:auto;line-height:1.5;z-index:2}
.mbanner01 .li .boxwen .tit1{font-size:24px;color:#0256b1}
.mbanner01 .li .boxwen .tit2{text-transform:uppercase;font-size:18px;color:#fff;font-family:Arial;margin-top:18px;margin-bottom:10px}
.mbanner01 .li{position:relative}
.aboutbanner:before{left:0;top:0;position:absolute;content:"";width:100%;height:100%;background:rgba(0,0,0,.2)}
.mbanner01 .li:before{left:0;top:0;position:absolute;content:"";width:100%;height:100%;background:rgba(0,0,0,.1)}
.mbanner01 .li .boxwen .more{color:#343331;border:1px solid #0256b1;font-size:13px;text-align:center;line-height:28px;height:28px;width:150px;margin:0 auto;color:#ffffff;background:#d53d30}
.videu-box{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;display:none;background:#000;z-index:10}
.videu-box .cha{width:25px;height:25px;background:url(../images/cha.png) no-repeat center;background-size:100%;position:absolute;right:20px;top:20px;z-index:12}
.videu-box .box{position:absolute;top:0;bottom:0;margin:auto}
.pro_top .pro03 .pro03_ul .li .img:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(226,226,226,.6);transition:1s
    opacity:1}
.pro_top .pro03 .pro03_ul .li .img:hover:after{opacity:0;transition:1s}
.wel_product .product-ul .li:nth-child(1){transition-delay:0}
.wel_product .product-ul .li:nth-child(2){transition-delay:.2s}
.wel_product .product-ul .li:nth-child(3){transition-delay:.4s}
.wel_product .product-ul .li:nth-child(4){transition-delay:.6s}
.pro_top .pro06.animate .ul .li .fr{transition-delay:.4s}
@media screen and (max-width:1024px){.wl-tit{font-size:15px;line-height:60px;height:60px;margin-top:-60px}
.aboutbanner.on .h2{s
   		color:#ffffff}
.m-header .w-header{z-index:10}
.hh-head{height:65px;font-size:12px;padding:5px 15px}
.m-header .sub-menu{top:113px}
.m-header .sub-menu ul{padding-bottom:180px}
.m-header .sub-menu{overflow-y:auto}
.m-header .w-header.fixed + .sub-menu{top:48px}
.hh-head a img{height:auto}
.hh-head .tit{width:100px;float:left}
.tit-swiper{width:calc(100% - 106px);float:right}
.pro08 .pro08_box2 .te-contact .li{height:auto}
.m-header .sub-menu li.bg-language{border:none;margin-top:60px}
.m-header .sub-menu li.bg-language span{margin-left:5px}
.m-header .sub-menu li.bg-language a{color:#888;font-size:15px;text-decoration:underline}
}@media screen and (max-width:768px){.textmore{color:#ffffff;background:#0256b1;border-color:#0256b1}
.hh-head{height:45px}
.m-header .sub-menu{top:93px}
.m-header .w-header.fixed + .sub-menu{top:48px}
.pro_top .pro04 table{width:200%}
.tablebox{width:100%;padding:0;overflow-y:auto}
.pro_top .pro04 table tbody tr td{padding:3px 10px}
}.section2{opacity:0;filter:alpha(opacity=0);transform:translateY(45px);transition:opacity 1s ease,transform 1s ease}
.section2.animate{opacity:1;filter:alpha(opacity=100);transform:translateY(0)}
.wel_product .product-ul .li.animate{opacity:1;filter:alpha(opacity=100);transform:translateY(0)}
.wel_product .product-ul .li.animate div{opacity:1;filter:alpha(opacity=100);transform:translateY(0)}
.delay1{transition-delay:.3s}
.delay2{transition-delay:.4s}
.delay3{transition-delay:.5s}
.delay4{transition-delay:.6s}
.wel_product .product-ul .li{overflow:hidden}
.wel_product .product-ul .li .li01{transition:.5s;-webkit-transform-style:preserve-3d}
.wel_product .product-ul .li:hover .li01{transition:.5s;transform:scale3d(1.05,1.05,1);-webkit-transform-style:preserve-3d}
.wel_product .product-ul .li{background:none}