*{font-family:/*microsoft jhenghei,微軟正黑體,*/Microsoft YaHei,微软雅黑}
body{margin:0;padding:0;font-size:12px;overflow-x:hidden}
html,body{height:100%}
		
 


/*视频*/
.grad{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;
  background: -webkit-linear-gradient(left bottom, rgba(43,126,56,0) , rgba(43,126,56,0)); 
  background: -o-linear-gradient(top right, rgba(43,126,56,0), rgba(43,126,56,0)); 
  background: -moz-linear-gradient(top right, rgba(43,126,56,0), rgba(43,126,56,0)); 
  background: linear-gradient(to top right, rgba(43,126,56,0) , rgba(43,126,56,0));
}
.bannerv{ position:relative;
        width:100%;
        min-width:1200px;
        height:100%;
        overflow:hidden;}
.bannerv.indexv{width: 100%;position: relative;overflow: hidden;}
 
.bannerv.indexv .mobile{display:none;}
.videotxt {
    margin: 0 auto;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 40%;z-index: 3
}
	.videotxt h2{    color: #fff;
    font-size: 48px;
    line-height: 1;
    transform: translateY(100px);
    opacity: 1;
    transition: all .3s;
    transition-delay: .2s;
    font-family: "microsoft yahei,微软雅黑";display: block;
    text-align: center;
    
    text-shadow: 2px 2px 4px #000;
   
}

/*视频END*/
/*弹出框*/
.lx_box{position: fixed;width:100%;height:100%;padding:0;transform:translate(-0,-0);left: 0;top: 0;    background: rgba(0,0,0,0.7);display: none;z-index: 99999999999;}
		.lx_box .website-online{ position: fixed; width: 718px; height:auto; background:#0ec3f7; top: 30%; z-index: 99999999999; left: 50%;margin-left: -340px;padding: 15px;}
		.lx_box .website-online #lx{    position: absolute;top: 15px;right: 25px;}
		.lx_box .website-online #lx img{    display: block;width: 24px;transition: all .5s;}
		.lx_box .website-online #lx:hover img{transform:rotate(180deg);}

@media screen and (max-width:740px)
{
.lx_box,.tel_s{display: none !important;}
 }
	

/*END弹出框*/
.index_banner{width:100%;height:100%;position:relative;background-color:#111}
.index_banner .swiper-container{width:100%;height:100%}
.index_banner .swiper-slide{position:relative}
.index_banner .swiper-slide .text{width:1200px;position:absolute;top:55%;left:48%;transform:translate(-50%,-55%);cursor:pointer}
.index_banner .swiper-slide img{transform:translateY(100px);transition:all .3s;opacity:0}
.index_banner .swiper-slide h3{color:#fff;font-size:50px;line-height:1;text-transform:uppercase;font-family:montserrat-medium}
.index_banner .swiper-slide h3 span{color:#fff;font-size:66px;text-transform:uppercase;font-family:montserrat-medium}
.index_banner .swiper-slide h2{color:#fff;font-size:48px;line-height:1;transform:translateY(100px);opacity:1;transition:all .3s;transition-delay:.2s;font-family:"microsoft yahei,微软雅黑"}

 
.index_banner .swiper-slide h2 span{color:#fff;font-size:72px;font-family:dinpro-bold}
.index_banner .swiper-slide p{color:#fff;font-size:30px;line-height:1;margin:0;transform:translateY(100px);opacity:0;transition:all .5s;transition-delay:.4s}
@media screen and (max-width:1580px){.index_banner .swiper-slide img{width:1000px}.index_banner .swiper-slide h2{font-size:58px}.index_banner .swiper-slide p{font-size:28px}.index_banner .swiper-slide h3{font-size:40px}}
@media screen and (max-width:1450px){.index_banner .swiper-slide img{width:880px}.index_banner .swiper-slide h2{font-size:50px}.index_banner .swiper-slide p{font-size:22px}.index_banner .swiper-slide h3{font-size:28px}}.index_banner .swiper-slide-active img{transform:translateY(0);opacity:1}.index_banner .swiper-slide-active h2{transform:translateY(0);opacity:1}
.index_banner .swiper-slide-active p{transform:translateY(0);opacity:1}#page{width:180px;position:absolute;left:50%;transform:translateX(-50%);text-align:left;bottom:45px;box-sizing:border-box;text-align:center;z-index:200}#page span{display:inline-block;width:22px;height:10px;background:url(../images/icon_07.png)center no-repeat;opacity:.8;margin:0 1px;cursor:pointer;border-radius:5px;transition:.3s}#page span.swiper-pagination-bullet-active{background:url(../images/icon_09.png)center no-repeat}#button{width:260px;height:30px;position:absolute;bottom:35px;left:50%;transform:translateX(-50%);z-index:100}
#button .swiper-button-prev:after{content:"";width:11px;height:19px;background:url(../images/icon_03.png);opacity:.8}#button .swiper-button-prev{outline:none}
#button .swiper-button-next:after{content:"";width:11px;height:19px;background:url(../images/icon_05.png);opacity:.8}
#button .swiper-button-next{outline:none}
 
		.phone{width:13%;font-size:14px;float:right;text-align:right}
		.phone p{color:#fff;margin-top:20px}
		.phone h2{color:#fff;font-size:24px;margin:5px 0 0;font-family:dinpro-bold}
		.nav ul li .erji{width:230px;height:auto;background:rgba(0,0,0,.2);position:absolute;top:95px;text-align:center;display:none}
		.nav ul li .erji a{color:#fff;margin:0 15px;line-height:38px;font-size:14px;opacity:.7;display: block}
		.nav ul li .erji a:hover{opacity:1}
		.tan_sp{width:100%;height:100%;position:fixed;top:0;left:0;z-index:20000;display:none}
		.tan_spbox{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.9)}
		.tan_sptop{overflow:hidden;margin: 0 auto;
    text-align: center;padding-top:105px}
		.tan_sptop img{}.tan_sptop #sp_prev{float:right;font-size:22px;color:#fff;margin:50px 100px 0 0}.tan_spcen{width:800px;margin:0 auto;margin-top:5%}
		
		.tan_spcen{text-align:center}.tan_spbot{width:100%;position:absolute;bottom:50px;text-align:center;color:#fff;font-size:22px}
		.tan_spbot p{display:inline-block;font-family:dinpro-bold}.tan_spbot img{float:left;margin:2px 25px 0 0}
		.sp_nav{display:block;width:50px;position:absolute;height:30px;z-index:10001;right:20%;top:40px}
		.sp_nav span{display:block;background:#fff;width:18px;height:2px;position:absolute;left:10px;transition:all ease .35s}
		.sp_nav .sp_nav1{top:0}.sp_nav .sp_nav2{top:6px;width:14px}
		.sp_nav .sp_nav3{top:12px}.sp_nav_se .sp_nav1{top:10px;transform:rotate(45deg)}
		.sp_nav_se .sp_nav2{width:0!important}
		.sp_nav_se .sp_nav3{top:10px;transform:rotate(-45deg)}.sp_nav:hover .sp_nav2{width:18px}
		
		
.span_navcolor{background-color:#222!important}.overDiv{overflow:hidden}.vr_ico{display:block;width:24px;position:absolute;height:17px;z-index:10001;right:18.5%;top:40px}
.articleban{width:100%;height:500px;background:url(images/newsbg.jpg) top center no-repeat;background-color:#181818}
.articlebox{width:1200px;padding-top:320px;margin:0 auto}.articlebox h2{font-size:38px;color:#fff}
.articlebox ul li{list-style:none;float:left;font-size:14px;color:#fff;margin-right:30px}
.articlebox ul{overflow:hidden;margin-top:30px}.artposi{float:right;font-size:14px;color:#fff}
.artposi a{color:#fff;text-decoration:none}.artposi a:hover{color:#fff;text-decoration:none}
		
		.htmleaf-container{
	margin: 0 auto;
}
	
  .main-header-wrap{display:none}
.video-back{margin: 0 auto;display:block;width:100%; text-align: center;position: absolute;top:40%}
.video-back h2{display:block;text-align:center;color:#fff;text-shadow:2px 2px 4px #000;font-size:50px;}
.video-back p{display:block;color:#fff;text-shadow:2px 2px 1px #000;margin:0px;padding:0px;margin-bottom:20px;}
  @media only screen and (max-width: 640px) {
	  .index_banner{display:none;}
	  .header_two{display:none;}
	  .tan_sp{display:none;}
		 .main-header-wrap{display:block}
	  
		} 
.clearfix:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}
	 #main .section03 .tabPanel.show {
    opacity: 1;
    height: auto;
}
 
	 
	 
	 #main .section03 {
  margin: 0 auto;
  padding: 0 8px 45px;
  max-width: 1600px;
}

#main .section03 .title {
  margin-bottom: 72px;
  padding: 0 0 113px 20px;
  position: relative;
  color: #000;
  font-size: 32px;
  line-height: 1.6;
  text-align: center;
  border-bottom: 4px solid rgba(0, 0, 0, 0);
}

#main .section03 .title:before {
  width: 0;
  height: 4px;
  position: absolute;
  left: 0;
  top: 100%;
  background: #000;
  content: "";
  transition: all 0s;
  -webkit-transition: all 0s;
  transition-delay: 0.9s;
  -webkit-transition-delay: 0.9s;
}

#main .section03 .title.active:before {
  width: 100%;
}

#main .section03 .title img {
  margin: 0 auto 16px;
  padding-right: 28px;
  display: block;
  opacity: 0;
  transition: all 0s;
  -webkit-transition: all 0s;
}

#main .section03 .title.active img {
  opacity: 1;
}

#main .section03 .title span {
  opacity: 0;
  transition: all 0s;
  -webkit-transition: all 0s;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}

	 
	 
	 
	 
	 #main .section03 .tabPanel li {
    padding: 0 0 40px;
    width: 24%;
    float: left;
    position: relative;
    overflow: hidden;
    margin-right: 10px;
}


#main .section03 .tabPanel li .img .imgbox {
  width: 100%;
  position: relative;
  overflow: hidden;
}

img {

  transform: translateZ(0px);
  -webkit-transform: translateZ(0px);
}

#main .section03 .tabPanel li .img img {
  display: block;
  transition: transform 0.6s ease 0s;
  width: 100%;
}

#main .section03 .tabPanel li .img .imgbox>img {
  transform: scale(1.01);
  -webkit-transform: scale(1.01);

}

#main .section03 .tabPanel li:hover .img .imgbox>img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}


#main .section03 .tabPanel li .img .imgbox>span {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, 0);
  transition: all 0s;
  -webkit-transition: all 0s;
  z-index: 3;
}


#main .section03 .tabPanel li .img .imgbox>video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}



#main .section03 .tabPanel li .img .imgbox .videoImg {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  left: 50%;
  margin-left: -30px;
  z-index: 5;
  transition: transform 0s ease 0s;
}

#main .section03 .tabPanel li:hover .img .imgbox .videoImg {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}




#main .section03 .tabPanel li .img .imgbox .appImg {
  width: 125px;
  height: 125px;
  position: absolute;
  top: 50%;
  margin-top: -62px;
  left: 50%;
  margin-left: -62px;

  z-index: 5;
}

#main .section03 .tabPanel li:hover .img .imgbox>span {
  visibility: visible;
  opacity: 1;
  background: rgba(0, 0, 0, 0.6);

}

#main .section03 .tabPanel li .img .imgbox span p {
  font-size: 18px;
}

#main .section03 .tabPanel li .img .imgbox span span {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  color: #fff;
  font-size: 12px;
  padding: 0;
  line-height: 26px;
  padding: 3px 0;
  text-align: center;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

#main .section03 .tabPanel li .img .imgbox span span:before {
  /* width: 10px;
	height: 2px;
	position: absolute;
	left: 50%;
	top: 0;
	background: #fff;
	content: "";
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transition: width 0s;
	-webkit-transition: width 0s; */

  content: "";
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #f2f2f2;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  transition: all 0.6s ease 0s;
  top: 0;

}

#main .section03 .tabPanel li .img .imgbox span span:after {
  /* width: 10px;

	height: 2px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: #fff;
	content: "";
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transition: width 0s;
	-webkit-transition: width 0s;  */

  content: "";
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #f2f2f2;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  transition: all 0.6s ease 0s;
  bottom: 0;



}

#main .section03 .tabPanel li:hover .img .imgbox span span:before,
#main .section03 .tabPanel li:hover .img .imgbox span span:after {
  /* width: 60%; */
  width: 6px;
  margin-left: -3px;
  opacity: 0.6;

}

.tabPanel li .text {
    padding: 9px 15px;
    color: #999;
    font-size: 13px;
    line-height: 1.7;
    transition: all 0s;
    -webkit-transition: all 0s;
    background: url(images/icon01.png) no-repeat right 15px top 57px;
}
#main .section03 .tabPanel li .text span {
    display: block;
    color: #000;
    font-size: 18px;
}
#main .section03 .tabPanel li .img {
    overflow: hidden;
}

#main .section03 li .lbox_ff {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    background: #000;
    z-index: 6;
    background: #fff;
    transition: all 0s;
    -webkit-transition: all 0s;
} 
	
	
	@media only screen and (max-width: 640px) {
		#main .section03 .tabPanel li {
    width: 47%;
    margin: 0 0 0 5px;
}
	#main img {
    max-width: 100%;
    transform: translateZ(0px);
    transform: -webkit-translateZ(0px);
}
	
	
	
	#main .section03 .tabPanel li .img .imgbox span span {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    color: #fff;
    font-size: 12px;
    padding: 0;
    line-height: 26px;
    padding: 3px 0;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
} 
	 #main .section03 {
  margin: 0 auto;
  padding: 0 5px;
  max-width: 1600px;
}

	
	}

#main .section03 .tabPanel .more {
	margin: 0 auto;
	padding: 36px 52px 0 0;
	width: 360px;
}
#main .section03 .tabPanel .more a {
	padding: 0 47px;
	display: block;
	color: #0ec3f7;
	font-size: 16px;
	line-height: 48px;
	border-radius: 27px;
	border: 3px solid #0ec3f7;
	background: url(../images/icon02.png) no-repeat right 44px center;
	transition: all 0s;
	-webkit-transition: all 0s;
}
#main .section03 .tabPanel .more a:hover {
	border: 3px solid #0ec3f7;
	background: #0ec3f7 url(../images/icon02_over.png) no-repeat right 38px center;
	color: #fff;
}


/*中间联系*/
 
.fl
{
    float: left;
}
.fr
{
    float: right;
}

.g_cseonboxw a{cursor: pointer;}
.g_cseon{

    width: 718px;

    background: #0ec3f7;

    padding: 18px;

    position: fixed;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%) scale(0);

    z-index: 150;

    overflow: hidden;

    transition: all 0.6s;



}

.g_jsalxotvwx .g_cseon{

    transform: translate(-50%,-50%) scale(1);

}

.g_jsalxotvwx{

    width: 100%;

    height: 100vh;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 150;

    background: rgba(0,0,0,0);

}

.g_jsalxotvwx .g_cseonboxl{

    -webkit-animation: fadeInLeft .7s ease both;

    animation: fadeInLeft .7s ease both;

    animation-delay: 0s;

}

.g_jsalxotvwx .g_cseonboxr{

    -webkit-animation: fadeInRight .7s ease both;

    animation: fadeInRight .7s ease both;

    animation-delay: 0s;

}



.g_cseonboxr{

    width: 182px;

}









.g_cseonbox{

    width: 100%;

    border: 1px dotted rgba(255,255,255,0.9);

    padding-top: 65px;

    padding-bottom: 65px;

    padding-left: 20px;

    padding-right: 20px;

    position: relative;

}

.g_cseonboxlip span{

    font-size: 22px;

    color: #ffffff;

    

    display: block;

    padding-left: 10px;

    padding-right: 10px;font-weight: bold

}

.g_cseonboxl{


    width: calc(100% - 182px - 20px);

}

.g_cseonboxlip span h5{
    font-size: 22px;
    display: inline-block;
    margin-top: 0;
}




.g_cseonboxlip{

    margin-left: -10px;

    margin-right: -10px;

}

.g_cseonboxl h3{

    font-size: 28px;
  

    color: #ffffff;

     

    margin-top: 32px;

}

.g_cseonboxl h5{
    font-size: 28px;
    color: #ffffff;
    margin-top: 38px;
}

.g_cseonboxl h5 a{
    color: #ffffff !important;
    display: none;
}

.g_spamkb{
    display: none;
}
.g_cseonboxlbtn{

    margin-top: 32px;

}

.g_cseonboxlbtn span{

     
    font-size: 20px;

    color: #ffffff;

    text-align: center;

    line-height: 44px;

    width: 138px;

    height: 46px;

    display: block;

    border: 1px solid #ffffff;

}

.g_cseonboxlbtn span a{

    display: block;

    width: 100%;

    height: 100%;

    line-height: 44px;

    color: #ffffff;

    background: #0ec3f7;

}

.g_cseonboxlbtnr{

    margin-left: 34px;

}

.g_sybtnyss a{

    color: #ffffff;

}

.g_cseonboxr{

    margin-right: 20px;

}



.g_cseonboxr h5{

    font-size: 18px;

    color: #ffffff;

    color: #ffffff;

     

    text-align: center;

    margin-top: 24px;
    line-height: 1.4;
}

.g_cseonboxrermimg{

    width: 100%;

    display: block;

}

.g_cseonboxrerm1{

    width: 30px;

    height: 30px;

    border-top: 1px solid #ffffff;

    border-left: 1px solid #ffffff;

    position: absolute;

    left: 0;

    top: 0;

    display: block;

    animation:sxg 1.2s infinite;

    -webkit-animation:sxg 1.2s infinite;

}

.g_cseonboxrerm2{

    width: 30px;

    height: 30px;

    border-top: 1px solid #ffffff;

    border-right: 1px solid #ffffff;

    position: absolute;

    right: 0;

    top: 0;

    display: block;

    animation:sxg 1.2s infinite;

    -webkit-animation:sxg 1.2s infinite;

}

.g_cseonboxrerm3{

    width: 30px;

    height: 30px;

    border-bottom: 1px solid #ffffff;

    border-right: 1px solid #ffffff;

    position: absolute;

    right: 0;

    bottom: 0;

    display: block;

    animation:sxg 1.2s infinite;

    -webkit-animation:sxg 1.2s infinite;

}

.g_cseonboxrerm4{

    width: 30px;

    height: 30px;

    border-bottom: 1px solid #ffffff;

    border-left: 1px solid #ffffff;

    position: absolute;

    left: 0;

    bottom: 0;

    display: block;

    animation:sxg 1.2s infinite;

    -webkit-animation:sxg 1.2s infinite;

}

.g_cseonboxrerm{

    position: relative;

    padding-left: 7px;

    padding-right: 7px;

    padding-top: 7px;

    padding-bottom: 7px;

    margin-top: 10px;

}

.g_cseonboxgb{

    width: 18px;

    position: absolute;

    right: 25px;

    top: 22px;

    cursor: pointer;

}

.g_cseonboxgb img{

    width: 100%;

    display: block;

}



@keyframes sxg

{

0% {

    transform: scale(1);

}

to {

    transform: scale(1.2);

}

}



.g_cseonboxl{

    /*transform: translateX(-300px);

    -webkit-transform: translateX(-300px);

    -ms-transform: translateX(-300px);

    -moz-transform: translateX(-300px);

    opacity: 0;

    transition: all 0.9s;

    -webkit-transition: all 0.9s;

    -ms-transition: all 0.9s;

   -moz-transition: all 0.9s;*/

}

.g_cseonboxr{

   /* transform: translateX(300px);

    -webkit-transform: translateX(300px);

    -ms-transform: translateX(300px);

    -moz-transform: translateX(300px);

    opacity: 0;

    transition: all 0.9s;

    -webkit-transition: all 0.9s;

    -ms-transition: all 0.9s;

   -moz-transition: all 0.9s;*/

}

.g_cseon{

    overflow: hidden;

}

.atbng2 .g_cseonboxl,.atbng2 .g_cseonboxr{

    transform: translateX(0);

}



.g_cseonboxlbtn span a:hover{

    background: #ffffff;

    color: #0ec3f7;

}





/*相关资讯*/
.zx-box{width:100%;height:auto;overflow:hidden;padding-bottom: 30px;}
.zx-box .center{max-width:1600px;margin:0 auto;display:table;}
@media(max-width:1660px) {
	.zx-box .center {
		margin:0 30px;
	}
}

.zx-box .title{display:block;text-align:center;color:#222;font-weight:bold;font-size:36px;margin-bottom:55px;}
.zx-box ul{overflow:hidden;width:100%;}
.zx-box ul li{float:left;width:23%;height:127px;margin-right:2%;box-sizing:border-box;border:1px solid #d2d2d2;margin-bottom:20px;transition:all 0s ease;-o-transition:all 0s ease;-omz-transition:all 0s ease;-ms-transition:all 0s ease;-webkit-transition:all 0s ease;}

.zx-box ul li:nth-child(4n){margin-right:0;}
@media(max-width:1400px) {
     .zx-box .center {
		padding:0 30px;
	}
	.zx-box ul li{
		width:48%;
		margin-right:2%;
	}
	.zx-box ul li:nth-child(2n){
		margin-right:0;
	}

}
.zx-box ul li a{display:block;width:100%;height:100%;padding:30px;box-sizing:border-box;position:relative;}
.zx-box ul li a span{display:block;font-size:16px;color:#222;line-height:16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition:all 0s ease;-o-transition:all 0s ease;-omz-transition:all 0s ease;-ms-transition:all 0s ease;-webkit-transition:all 0s ease;}
.zx-box ul li a em{display:block;font-size:16px;color:#999;line-height:16px;position:absolute;bottom:30px;font-style:normal;transition:all 0s ease;-o-transition:all 0s ease;-omz-transition:all 0s ease;-ms-transition:all 0s ease;-webkit-transition:all 0s ease;}
.zx-box ul li:hover{border-color:#0ec3f7;}
.zx-box ul li:hover span,.zx-box ul li:hover em{color:#0ec3f7;} 
	
	
	  @media only screen and (max-width: 640px) {
	.zx-box ul li{
		width:100%;
		margin-right:2%;
	}
	.zx-box .center {
    /* max-width: 1600px; */
    margin: 0 auto;
 display:block
}
	.zx-box .center {
    margin: 0 8px;
}
	 .zx-box .center {
		padding:0 5px;
	}
	.zx-box .center {
		margin:0 5px;
	}
	
	
	}



.vidbacking-active-body-back{
	position: fixed;
	z-index: -100;
	min-width: 100%;
	min-height: 100%;
	top: 50%;
	left: 50%;
	background-size: cover;
	overflow: hidden;
	opacity: 1;
	transition: 2s opacity;
	transform: translateX(-50%) translateY(-50%);
}

.vidbacking-active-block-back{
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	height: auto;
	width: auto;
	z-index: -100;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.vidbacking{
	display: none;
}
.vidmask-body-back{
	 background: rgba(28,160,215,.4);
	transition: all 0s; -moz-transition: all 0s; -webkit-transition: all 0s; -o-transition: all 0s;
	min-height: 100%;
	min-width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -50;
	display: block;
}
.vidmask-block-back{
	background: url(../images/videooverlay1.png) repeat;
	opacity: 1;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	width: auto;
	z-index: -50;
	display: block;
}


@media screen and (max-width: 1366px) {
.nav ul li{width:90px;}
.phone h2{font-size:22px}}

@media screen and (max-width: 1360px) {
.nav ul li{width:90px;}
.phone h2{font-size:22px}}

@media screen and (max-width: 1280px){

.nav ul li {
     
    
    width: 80px;
    
}
.phone h2{font-size:20px}}

 

@media screen and (max-width: 640px){
.g_cseonboxw{display: none !important;}
.g_namun{display: none !important;}
.g_cseon{display: none !important;}
.g_jsalxotvwx{display: none !important;}
.atbng2{display: none !important;}
.bannerv{display: none !important;}	
	 
}