.i-banner{
    height:calc(100vw / 2.3);
}
#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:#d32e28;
}
.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(../img/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(../img/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{
    /*border:none;*/
    padding-top: 15px;
    padding-bottom: 18px;
    box-sizing: border-box;
    /*text-align: center;*/
}
.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-3 {
	min-width:130%;
    min-height: 130%;
    margin: 0;
    overflow: scroll;
    position: absolute;
    z-index: 0;
    top:-15%;
    left:-15%;
    z-index: 2;
}
.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:#d53d30;
}
#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_product.animate .product-ul .li:nth-child(1) div{transition-delay: .1s;}
.wel_product.animate .product-ul .li:nth-child(2) div{transition-delay: .4s;}
.wel_product.animate .product-ul .li:nth-child(3) div{transition-delay: .7s;}
.wel_product.animate .product-ul .li:nth-child(4) div{transition-delay: 1.1s;}*/
.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(../img/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: #cf001c;
}
.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 #d53d30;
    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(../img/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: #d32e28;
        border-color: #d32e28;
    }
	.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;
}