.vdownBG{width: 86%; height: 14vw; margin: 0 auto; border-bottom: 0.1vw #ff7f00 solid; border-top: 0.1vw #ff7f00 solid;}
.vdownTit{float: left; width: 32%; padding: 6vw 2vw; letter-spacing: -0.2vw;}
.vdownIcona{float: left; width: 100%;}
.vdownIcona img{ width: 100%;}
.vdownIconb{float: left; width: 20%; height: 13vw; text-align: center; padding-top: 1vw;}
.vdownIconc,.vdownIcond,.vdownIcone,.vdownIconf{float: left; width: 12.5%; height: 13vw; text-align: center; padding-top: 1vw; line-height: 1.1; margin-left: 8.5vw;}

/*
.vdownBG{width: 86%; height: 14vw; margin: 0 auto; border-bottom: 0.1vw #ff7f00 solid; border-top: 0.1vw #ff7f00 solid;}
.vdownTit{float: left; width: 32%; padding: 6vw 2vw; letter-spacing: -0.2vw;}
.vdownIcona{float: left; width: 20%; height: 13vw; text-align: center; padding-top: 1vw;}
.vdownIconb{float: left; width: 14%; height: 13vw; text-align: center; padding-top: 1vw;}
.vdownIconc,.vdownIcond,.vdownIcone,.vdownIconf{float: left; width: 12.5%; height: 13vw; text-align: center; padding-top: 1vw; line-height: 1.1; margin-left: 2.5vw;}
.vdownIconf{float: left; width: 9.5%; height: 13vw; text-align: center; padding-top: 1vw; line-height: 1.1; margin-left: 2.5vw;}
.vdownIcong{margin-left: 1vw!important; }
*/

.vdownIcona{background:url(../images/videos/video-tutorials01.png) no-repeat bottom; background-size:100%;}
.vdownIconb{background:url(../images/videos/video-tutorials02.png) no-repeat bottom; background-color: white; background-size:100%;}
.vdownIconc{background:url(../images/videos/video-tutorials03.png) no-repeat bottom; background-color: white; background-size:100%;}
.vdownIcond{background:url(../images/videos/video-tutorials04.png) no-repeat bottom; background-color: white; background-size:100%;}
.vdownIcone{background:url(../images/videos/video-tutorials05.png) no-repeat bottom; background-color: white; background-size:100%;}
.vdownIconf{background:url(../images/videos/video-tutorials06.png) no-repeat bottom; background-color: white; background-size:100%;}

.title1x{font-size: 1.45vw;}
.title2x{font-size: 1.65vw;}
.title3x{font-size: 1.6vw;}

.videosbanner{width: 86%;position: relative; margin: 0 auto;}
.videosbanner img{width: 100%;}
.videoTitle{padding: 14px 20px 12px;
    background: #f8f8f8;
    border-top: 1px solid #000;
    border-bottom: 1px solid #e4e4e4;
    position: relative;
	margin: 0 auto;
	margin-top: 5%;}
.img_on{display: inline-block;}
.img_off{display: none}
.img_onl{display: block;}
.img_offl{display: none}

.videomenu{margin: 0 auto;width: 80%;padding-top: 2%; text-align: center}
.menualmenu{margin: 0 auto;width: 85%;padding-top: 1.2%;}
.menuleft{float: left; width: 25%;}
.menuright{width: 75%;float: right; padding-top: 3%;}
.menurighta{width: 58%;float: right;}
.input_Box{width: 20%;float: left;padding: 1%;}
.input_Boxa{width: 48%;float: left;padding: 1%; margin-left: 2%;}
.input_Boxb,.input_Boxc{width: 98%;float: left;padding: 1%; margin-left: 2%;}
.input_Boxb{margin-top: 2%;}

.videoText{text-align: center;}
.videoBanner{position: relative;padding-bottom: 56.5%;height: 0;margin-top: 3%;}
.videoBanner iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.videoBanner img{width: 100%;}
.menualBanner{width: 100%;margin-top: 3%;}
.menualBanner img{width: 100%;}
.videoBox{z-index: 3000;width: 70%; margin: 0 auto; }
.videoBoxs{width: 50%;}
.menualBox{z-index: 3000;width: 56%; margin: 0 auto; }
.template{padding-bottom: 10%;background: url(../images/about/news/newsBlockBg.jpg) no-repeat right bottom;background-size: auto;background-size: 75%;}


@media (max-width: 1000px) and (min-width: 768px){

 
}

@media (max-width:767px) {
.vdownBG{width: 100%; height: 30vw; padding-top: 2%; margin: 0 auto; border-bottom: 0.1vw #ff7f00 solid; border-top: 0.1vw #ff7f00 solid;}
.vdownTit{float: left; width: 100%; padding: 0vw 0vw; letter-spacing: -0.2vw; padding-top: 2vw; text-align: center;}
.vdownIcona{float: left; width: 100%; margin: 0 auto;padding-top: 1vw;}
.vdownIconb{float: left; width: 30%; height: 24vw; text-align: center; padding-top: 1vw;}
.vdownIconb{margin-left: -2vw;}
.vdownIconc,.vdownIcond,.vdownIcone,.vdownIconf{float: left; width: 20%; height: 24vw; text-align: center; padding-top: 1vw; line-height: 1.1; margin-left: 4vw;}
	
/*
.vdownBG{width: 100%; height: 33vw; margin: 0 auto; border-bottom: 0.1vw #ff7f00 solid; border-top: 0.1vw #ff7f00 solid;}
.vdownTit{float: left; width: 100%; padding: 0vw 0vw; letter-spacing: -0.2vw; padding-top: 2vw; text-align: center;}
.vdownIcona{float: left; width: 30%; height: 24vw; text-align: center; padding-top: 1vw;}
.vdownIconb{float: left; width: 20%; height: 24vw; text-align: center; padding-top: 1vw;margin-left: 3vw;}
.vdownIconc,.vdownIcond,.vdownIcone{float: left; width: 20%; height: 24vw; text-align: center; padding-top: 1vw; line-height: 1.1; margin-left: 2.5vw;}
.vdownIconf{float: left; width: 15%; height: 24vw; text-align: center; padding-top: 1vw; line-height: 1.1; margin-left: 2.5vw;}
.vdownIcong{margin-left: 0vw!important;}
*/	
	
.menurighta{width: 100%;float: right;}
.input_Boxa{width: 48%;float: left;padding: 1%; margin-left: 1%; margin-right: 1%; margin-top: 2%;}
.input_Boxb{margin-left: 1%;}
.videomenu, .menualmenu{padding-top: 7%;}

.vdownIcona{background:url(../images/videos/video-tutorials01.png) no-repeat bottom; background-size:100%;}
.vdownIconb{background:url(../images/videos/video-tutorials02.png) no-repeat bottom; background-color: white; background-size:100%;}
.vdownIconc{background:url(../images/videos/video-tutorials03.png) no-repeat bottom; background-color: white; background-size:100%;}
.vdownIcond{background:url(../images/videos/video-tutorials04.png) no-repeat bottom; background-color: white; background-size:100%;}
.vdownIcone{background:url(../images/videos/video-tutorials05.png) no-repeat bottom; background-color: white; background-size:100%;}
.vdownIconf{background:url(../images/videos/video-tutorials06.png) no-repeat bottom; background-color: white; background-size:100%;}

.title1x{font-size: 3.45vw;}
.title2x{font-size: 3.65vw;}
.title3x{font-size: 2.6vw;}
	
.videosbanner{width: 100%;}
.img_on{display: none;}
.img_off{display: block}
.img_offl{display: inline-block}
.img_onl{display: none;}
.menuleft{width: 50%;margin-left: 25%;}
.menuright{width: 100%;padding-top: 3%;}
.input_Boxb{margin-top: 3%;}
.menualBox{width: 90%;}


}