/*全局*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,header,footer,section,aside,article{padding:0;margin:0}
body {text-align: center; background: #100d0e url(../images/bg-body.jpg) repeat-y center 0; font-size:12px; font-family:"Microsoft YaHei",Tahoma,SimSun,Verdana;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
abbr,acronym,img,input{border:0}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
ul,ol,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0}
.fr{float:right;}
.fl{float:left;}
.disb{display:block;}
.hid{display:none;}
.disib{display:inline-block;*display:inline;*zoom:1;}
a{color:#d7b591; text-decoration:none} 
a:hover{color:#fff; text-decoration: none; }
a:focus,input:focus{outline:0}
img{border:0;vertical-align:top; }
.clr { clear: both; }

.mainboxtop{margin: 0 auto;width: 100%; margin-top:-100px; position:relative; z-index:10; min-width:1200px; }
.mainbox{margin: 0 auto; width: 1200px;height: 100%; min-width:1200px; }

/*------ banner大图 ------*/
#banner { width: 100%; height:900px; min-width:1200px; z-index: 9; margin: 0 auto; position: relative; display: block; clear:both; overflow: hidden; }

#swiper-container1 { width: 100%; height:900px; position: absolute;overflow: hidden;z-index: 2;min-width:1200px; top:0; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:120px; z-index: 3; }
#swiper-container1 .swiper-wrapper { position: relative; margin: 0 auto; width: 100%; height: 100%; }
#swiper-container1 .swiper-pagination-bullet { width: 18px; height: 18px; border-radius: 0; background: #000; opacity: .6; border: 1px solid #fff; }
#swiper-container1 .swiper-pagination-bullet-active { opacity: 1; background-color: #ff2c26; }
#swiper-container1 .swiper-button-prev,#swiper-container1 .swiper-button-next { width: 30px; height: 72px; top:45%; right:0; position:absolute; z-index:999; border: none; }
#swiper-container1 .swiper-button-prev{ left: 60px; background: url(../images/btn-prev2.png) no-repeat; background-color: rgba(0, 0, 0, .4); }
#swiper-container1 .swiper-button-next{ right: 60px; background: url(../images/btn-next2.png) no-repeat; background-color: rgba(0, 0, 0, .4); }
#swiper-container1 .swiper-button-prev:hover,#swiper-container1 .swiper-button-next:hover { background-color: rgba(0, 0, 0, .6); }

#swiper-container1 .swiper-wrapper .swiper-slide { width: 1920px; height:900px; position: relative;display: block; min-width:1200px;  }
#swiper-container1 .swiper-wrapper .swiper-slide .bannertxt { width: 100%; height: 720px; margin: 0 auto;position: absolute; display: block; z-index: 2; }
#swiper-container1 .swiper-wrapper .swiper-slide .bannertxt h2 { display: none;}
#swiper-container1 .swiper-wrapper .swiper-slide .bannertxt .txtbox { width: 1200px; height: 800px; margin: 0 auto; position: relative; display: block; }

#swiper-container1 .swiper-wrapper .swiper-slide .tabvideo { width: 100%; height: auto; position: absolute; z-index: 1; margin: 0 auto; display: block !important; overflow: hidden; }
#swiper-container1 .swiper-wrapper .swiper-slide .tabvideo img { width: 1920px; height: 900px; }

#swiper-container1 .banner01,#swiper-container1 .banner02 { width: 1920px; height: 900px; }
#swiper-container1 .banner01 { background:url(../images/banner01.jpg) no-repeat; }
#swiper-container1 .banner02 { background:url(../images/banner02.jpg) no-repeat;}

#bannerbg { width: 100%; height: 900px;position: absolute;overflow: hidden;z-index: 1;background: url(../images/bg.jpg) no-repeat center top;min-width:1200px; background-size: cover;top:0;background-size: 100% auto;}

/*banner文字及LOGO*/
#logo1,#logo2,#logo3 {width: 700px;height: auto; position: absolute; z-index: 99; text-align: center;overflow: hidden;}
#logo1 { left: 5%;left: 10px;}
#logo1 img { width: auto; height: 290px; }
#logo2 { left:5%;left: 450px; }
#logo2 img { width: auto; height: 320px; }


.bannertxt .txt1,.bannertxt .txt2,.bannertxt .txt3{ height: auto; position: absolute; }
.bannertxt .txt1 img,.bannertxt .txt2 img,.bannertxt .txt3 img { width: 100% !important;height: 100%; }
.bannertxt .txt1 {width: 620px; left: 5%; top:280px; }
.bannertxt .txt2 {width: 610px; left: 3%; top:280px; }
.bannertxt .txt3 {width: 530px; left: 5%; top:570px; }
.bannertxt .txt3-1 {width: 530px; top: 100px;}

/*banner下载*/
.downbox1 { width: 500px; height: 85px; position: absolute; z-index: 99; left: 10%; top: 590px; }
.downbox1 a { width: 220px; height: 85px; margin: 0 15px 0 0; display: block; float: left; }
.downbox2 { width: 560px; height: 110px; position: absolute; z-index: 99; right: 2%; top: 550px; }
.downbox2 a { width: 280px; height: 110px; display: block; float: left; }

.downbox3 { width: 800px; /*! height: 110px; */ position: absolute; z-index: 99;margin-left: 15%; top: 600px; }
.downbox3 a { width: 220px; /*! height: 110px; */ display: block; float: left; margin-left: 30px;}

/*开服动态*/
.kaifu{margin: 0 auto; width: 1150px; height: 100%; padding: 25px; background: #2f2428; background: rgba(47, 36, 40, .9); border-radius: 6px; }
.kaifulist { width: 290px; height: 584px; padding: 0 15px; float: left; background-color: #1e181a; border-top: 1px solid #af3319; }
.kaifulist h3 { font-size: 30px; font-weight: normal; margin: 10px 0; color: #f75a11; }
/*开服动态列表*/
.sideMenu{ width: 290px; font-size: 14px; overflow: hidden; }
.sideMenu ul li { position: relative; }
.sideMenu div.tit { width: 280px; height:39px; z-index: 1; line-height:39px; padding:0 5px; border-bottom:1px solid #332a2a; cursor:pointer; }
.sideMenu div h5 { float:left; display:block; width:100px; color: #a38881; font-size: 14px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; }
.sideMenu div span { width: 70px; float: left; text-align: center; color: #666; }
.sideMenu div span.time { width: 100px; margin: 0 5px 0 0; }
/*开服动态展开项*/
.sideMenu div.on { height: 78px; border-bottom:1px solid #332a2a; }
.sideMenu div.on h5,.sideMenu div.on span { display: none; }
.sideMenu div.open { width: 280px; height: 52px; position: absolute; top: 0; z-index: 2; padding:15px 5px 0; color:#999; display:none; /* 默认都隐藏 */ background-color: #1e181a; }
.sideMenu div.open img { width: 90px; height: 45px; float: left; margin: 0 10px 0 0; }
.sideMenu div.open p { width: 100px; float: left; color:#f75a11; display: block; text-align: center; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; }
.sideMenu div.open p.name { color: #fff; font-weight: bold; margin-top: 3px; }
.sideMenu div.open a { width: 72px; height: 30px; display: block; line-height: 30px; border-radius: 2px; background: #f75a11; color: #fff; font-size: 14px; text-align: center; float: right; margin-top: -13px; }
.sideMenu div.open a:hover { background: #ff8e59; }
.sideMenu ul li.last .tit,.sideMenu ul li.last .on { border-bottom: none; }

/*版本列表*/
#swiper-container2 { margin: 0 0 0 20px; }
#swiper-pagination2 { display: none; }
.swiper-container { width: 810px; height: 585px; float: left; overflow-x: hidden; position: relative; }
#swiper-container2 .swiper-wrapper { width: 810px; height: auto; position: absolute; z-index: 1; }
#swiper-container2 .swiper-slide { width: 260px; height: 260px; list-style: none; float: left; position: relative; overflow: hidden; background: #000; color:lightcoral; }
#swiper-container2 .swiper-slide div.imgbox { width: 260px; height: 146px; overflow:hidden; }
#swiper-container2 .swiper-slide div.imgbox .box{ width: 260px; height: 146px; overflow:hidden; cursor:default; position: absolute; top: 0; }
#swiper-container2 .swiper-slide div.imgbox .box:hover {opacity:0.2;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
#swiper-container2 .swiper-slide div.imgbox .box img { width: 260px; height: 146px; }
#swiper-container2 .swiper-slide div.intro { width: 260px; height: 114px; background-color: #fff; text-align: center; position: absolute; bottom: 0; }
#swiper-container2 .swiper-slide div.intro h4 { font-size: 20px; font-weight: bold; color:#000; line-height: 32px; padding: 5px 0 8px; }
#swiper-container2 .swiper-slide div.intro p { font-size: 14px; color: #8f8f8f; width: 220px; margin: 0 20px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; }
#swiper-container2 .swiper-slide div.links { width: 240px; height: 35px; padding: 0 0 0 17px; display: block; }
#swiper-container2 .swiper-slide div.links a { width: 53px; height: 24px; line-height: 24px; padding-left: 15px; display: block; float: left; border: 1px solid #f75a11; border-radius: 2px; text-align: center; margin: 0 8px 0 0; font-size: 14px; color: #f75a11; background: #fff url(../images/icon-a.png) no-repeat; }
#swiper-container2 .swiper-slide div.links a.web { background-position: 5px 0; }
#swiper-container2 .swiper-slide div.links a.pc { background-position: 5px -25px; }
#swiper-container2 .swiper-slide div.links a.mobile { background-position: 5px -50px; }
#swiper-container2 .swiper-slide div.links a:hover { background-color: #f75a11; color: #fff; }
#swiper-container2 .swiper-slide div.links a.web:hover { background-position: 5px -75px; }
#swiper-container2 .swiper-slide div.links a.pc:hover { background-position: 5px -100px; }
#swiper-container2 .swiper-slide div.links a.mobile:hover { background-position: 5px -125px; }

/*弹出遮罩层*/
.Scancode { position:absolute;z-index:999;opacity:1;top:0;left:0;width:260px;height: 146px;text-align: center; }
.Scancode img { width: 120px; height: 120px; margin-top: 13px; display: block; display: none;  }
.Scancode:hover { background: #000; background: rgba(0, 0, 0, .7); }
/*切换*/
.swiper-more { width: 90px; height: 30px; line-height: 30px; color: #a38881; font-size: 14px; position: absolute; bottom: 3px; right: 90px; }
.swiper-button-prev,.swiper-button-next { cursor:pointer; width:28px; height:28px; top:98%; right:0; border: 1px solid #433535; background:#1d181a url(../images/btn-scroll.png) no-repeat; position:absolute; z-index:999; }
.swiper-button-prev{ right: 40px; background-color: #1d181a; background-position: 0 -28px; left: 740px; }
.swiper-button-next{ right: 0;  background-color: #1d181a; background-position: -28px -28px; }
.swiper-button-prev:hover{  background-color: #f75a11; background-position: 0 0; }
.swiper-button-next:hover{  background-color: #f75a11; background-position: -28px 0; }

.icon-new,.icon-hot { width: 60px; height: 65px; position: absolute; top:0; right: -6px; z-index: 999; }
.icon-new { background: url(../images/icon-new.gif) no-repeat right top; }
.icon-hot { background: url(../images/icon-hot.gif) no-repeat right top; }


/*模块标题*/
.title { width: 100%; height: 62px; line-height: 62px; clear: both; display: block; }
.title h2 { width: 130px; padding-left: 20px; float: left; color: #f75a11; font-size: 30px; font-weight: normal; letter-spacing: 0; background: url(../images/title-icon.png) no-repeat 0 20px; }
.title span { width: 300px; height: 56px; padding-top: 6px; float: left; color: #65565b; font-size: 16px; font-family: Arial, Helvetica, sans-serif; }
.title .icon { width: 10px; height: 32px; float: left; background: #2d7f81; margin: 15px 10px 0 0; }

/*游戏介绍*/
.newsbox { width:1150px; padding: 5px 25px; margin:25px auto 0; height:405px; border-radius: 8px; background: url(../images/bg-news.png) repeat-x 0 top; display: block;}
/*新闻焦点图*/
.focus { width:550px;height:310px; float: left; overflow:hidden; }
.pb-carouselWarp{ position:relative;width:550px; height:310px; margin: 0 auto; overflow:hidden; }
.pb-carouselWarp .pb-carousel{position:relative;height:100%; }
.pb-carouselWarp .pb-carousel li{display:none;position:absolute;width:100%;height:100%;top:0;left:0;}
.pb-carouselWarp .pb-carousel li img{width:550px;height:310px; margin-left: 0; vertical-align:middle; }
.pb-carouselWarp .pb-carousel .pb-this{display:block;left:0;}
.pb-carouselWarp .pb-carousel-ind{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);}
.pb-carouselWarp .pb-carousel-ind li{float:left;width:12px;height:12px;border-radius:50%;background-color:#a38881;border: 2px solid #fff;margin:0 5px;cursor:pointer; }
.pb-carouselWarp .pb-carousel-ind .pb-this{background-color:#f75a11; border: 2px solid #fff; }
.pb-carouselWarp .pb-arrow{position:absolute;top:45%;margin-top:-20px;width:30px;height:72px; opacity: 1; cursor:pointer;border:none;z-index: 99;}
.pb-carouselWarp .pb-arrow-prev{left:5px;background: url(../images/btn-prev2.png) no-repeat center;background-size: cover;}
.pb-carouselWarp .pb-arrow-next{right:5px;background: url(../images/btn-next2.png) no-repeat center;background-size: cover;}
/*新闻tab列表*/
.newslist { width: 580px; height: 362px; float: right; }
.newslist .hd { width:580px; height: 50px; display: block; }
.newslist .hd ul { font-size: 20px; }
.newslist .hd ul li { float: left; cursor: pointer; height: 50px; line-height:50px; color: #f75a11; background-color: #1e181a; text-align: center; width: 145px; border-left: 0; margin: 0 10px 0 0; }
.newslist .hd ul .on {color: #fff; background: #f75a11; height: 50px; line-height: 50px; font-weight: bold; }
.newslist .bd { width: 580px; height: 250px; display: block; }
.newslist .bd ul { padding: 10px 0 0 0; }
.newslist .bd ul li { height: 47px; line-height: 48px; text-align: left; font-size: 14px; border-bottom: 1px solid #362827; }
.newslist .bd ul li a { width: 520px; color: #a38881; float: left; display: block; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; }
.newslist .bd ul li a:hover { color: #fff; animation-name:dmyani; animation-duration:1s;}
@keyframes dmyani {
	0%{ margin-left:5px;}
	}
.newslist .bd ul li span { width: 50px; color: #65565b; float: right; text-align: right; }


/*视频中心*/
.videolist2 { width:1150px; padding: 0 25px 5px; height: 350px; margin: 0 auto 20px; border-radius: 8px; background: url(../images/bg-news.png) repeat-x 0 top; }
/*视频轮播*/
.videolist2 .projects{ width: 1150px; height: 250px; margin: 0; background: none; padding: 0; }
.picScroll { position:relative; }
.picScroll .bd2 { overflow:hidden;/*防止滚动时右侧内容显示溢出*/ }
.picScroll .bd2 ul{ overflow:hidden; zoom:1; }
.picScroll .bd2 ul li{ position: relative; width: 370px; height: 250px; margin: 0 20px 0 0; padding: 0; float:left; _display:inline; overflow:hidden; text-align:center; }
.picScroll .bd2 ul li p { width: 340px; height: 40px; line-height: 40px; padding: 0 15px; display: block; color: #a38881; font-size: 14px; background-color: #493a40; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; }
.picScroll .bd2 ul li a{ overflow: hidden; display: table-cell; vertical-align: middle;*font-size: 315px; }
.picScroll .bd2 ul li div { width:370px; height: 208px; display:block; background-color: #000; overflow: hidden; cursor: pointer; }
.picScroll .bd2 ul li img { width:370px; height: 208px; vertical-align: middle;}
.picScroll .bd2 ul li:hover div { background:#000 url(../images/icon-video.png) no-repeat center 70px; }
.picScroll .bd2 ul li:hover img { opacity: .3; }
.picScroll .bd2 ul li:hover p { color: #fff; background-color: #f75a11; }
.picScroll .prev,.picScroll .next { cursor:pointer; width:28px; height:28px; top:-45px; border: 1px solid #433535; background:#1d181a url(../images/btn-scroll.png) no-repeat; position:absolute; float:left; z-index:999; }
.picScroll .prev{ right: 40px; background-color: #1d181a; background-position: 0 -28px; }
.picScroll .next{ right: 0;  background-color: #1d181a; background-position: -28px -28px; }
.picScroll .prev:hover{  background-color: #f75a11; background-position: 0 0; }
.picScroll .next:hover{  background-color: #f75a11; background-position: -28px 0; }


/*视频弹窗*/
.videoed { z-index:99; }
.videos{ display:none;position:fixed; left:50%; top:50%; margin-left:-430px; margin-top:-210px; z-index:100; padding:20px; width:820px; height:460px;background: #000; background: rgba(0, 0, 0, .9); border-radius: 6px; }
.videos video { width: 820px; height: 460px; }
/*left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px;*/
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }


/*游戏截图*/
.jietu { width: 1200px; height: 750px; margin: 0 auto 25px; background: #2f2428; background: rgba(47, 36, 40, .9); border-radius: 6px; }
.jietu .title { width: 1150px; padding: 5px 25px 0; }
/*单张轮播*/
.projects{ width: 1200px; height: 690px; margin: 0 auto;  }
.picScroll-left{ overflow:hidden; position:relative; width:1200px; height: 650px; margin: 0 auto; }
.picScroll-left .bd { width: 1100px; margin: 5px auto 0; overflow: hidden; z-index: 9; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ position: relative; width:1100px; float:left; _display:inline; overflow:hidden; text-align:center; }
.picScroll-left .bd ul li a{width:1100px; overflow: hidden; height:620px; overflow:hidden; display: table-cell;vertical-align: middle;*font-size: 315px; }
.picScroll-left .bd ul li a img {width:1098px; height: 618px; display:block; vertical-align: middle;overflow: hidden; margin: 0 auto; border: 1px solid #493a40; }
.picScroll-left .prev{cursor:pointer; width:60px; left: 2px; top:260px; background: url(../images/btn-prev.png) no-repeat center top;  height:120px; position:absolute; float:left; z-index:999; }
.picScroll-left .next{cursor:pointer; width:60px; right: 2px; top:260px; background: url(../images/btn-next.png) no-repeat center top;  height:120px; position:absolute; float:left; z-index:999; }
.picScroll-left .prev:hover{ background: url(../images/btn-prev.png) no-repeat center top; }
.picScroll-left .next:hover{ background: url(../images/btn-next.png) no-repeat center top; }


/*装备展示*/
.show { width: 1200px; min-width: 1200px; height: 100%; margin: 0 auto 25px; background: #2f2428; background: rgba(47, 36, 40, .9); border-radius: 6px; }
.show .title { width: 1150px; padding: 5px 25px 0; }
.showlist { padding: 0 15px; }
.showlist li { width: 368px; height: 450px; border: 1px solid #433535; float: left; margin: 0 10px 20px; text-align: center; background:#1d181a; border-radius: 4px;}
.showlist li img { width: 340px; height: 418px; margin-top: 15px; }


/* 底部版权 */
#footer { height: 180px; width: 100%; background: #2f2428; min-width:1200px; }
.footerlogo { width: 220px; height: 130px; display: block; float: left; margin: 20px 0 0 0; text-align: center; }
.footerlogo img { width: 230px; height: auto; }
.copyright { width: 940px; float: left; padding: 0 0 0 15px; margin:35px 0 0; color: #a38881; font-size: 12px; line-height: 24px; }
.copyright .tips { color: #a38881; font-weight: normal; }
.copyright a { color: #fff; }

/*右侧固定浮动*/
.fixedbox { position:fixed; right: 15px; bottom: 20px; z-index: 9999; width: 240px; height: 570px; }
@media (max-width:768px){
.fixedbox{display:none; }
	}
.fixedbox div { text-align: center; color: #a38881; }
.fixedbox div img { margin: 4px 0;}
.fixedbox .rightlogo { width: 135px; margin: -70px auto 0; }
.fixedbox .rightlogo img { width: 250px; height: auto; margin: -10px 0 10px -60px;}
.fixedbox .tit-kefu,.fixedbox .tit-qun { width: 172px; height: 46px; margin:0 auto 18px; }
.fixedbox .qq { margin: 20px 0 10px; }
.fixedbox .qq p,.fixedbox .group p { display: inline; margin: 0 5px 0 0; line-height: 30px; }
.fixedbox .code { margin: 8px auto 0; display: block; }
.fixedbox .code p { font-size: 16px; margin: 0 0 5px; font-weight: bold; color: #f75a11; }
.fixedbox .code div { width: 158px; height: 158px; margin: 0 auto; border-radius: 4px; background: #1d181a; border: 1px solid #433535; }
.fixedbox .code img { width: 135px; height: 135px; margin: 10px 0 0; }
.fixedbox .top { width: 180px; height: 45px; bottom: 9px; margin:0 0 0 15px; position: absolute; }
.fixedbox .top a { width: 180px; height: 45px;display: block; }
.h5bar{ width:208px; height:568px; border: 1px solid #493a40; position: absolute; right: 0; background: #2f2428; background: rgba(47, 36, 40, .9); border-radius: 6px; }
.h5open{ position:fixed; z-index:99999; bottom: 245px; right:0px; height:120px; width:30px; padding: 12px 0 0; text-align: center; background: url(../images/btn.png) no-repeat; }
.h5close{ height:100px; width:30px; position: absolute; left: 0; padding: 25px 0 0; background: url(../images/btn.png) no-repeat; text-align:center; margin:200px 0 0;}
.h5btn{ font-size:14px; line-height:16px; color:#fff; cursor:pointer; }
.group{margin-top:10px }

/*背景音乐*/
#musicbox { position:fixed; width: 60px; height: 60px; z-index: 9999999; top:20px; right: 40px; opacity: 0.5; }
#musicbox a {
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #CCCCCC;
    border-radius: 60px;
    font-size: 26px;
    background-image: url(../images/m.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#musicbox a.play { animation: rotates 3s linear infinite;-webkit-animation: rotates 3s linear infinite;}
#musicbox a img { width: 100%; height: 100%; }
@keyframes rotates {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
	}
}

/*------ banner自适应 ------*/
@media screen and (min-width: 1601px) and (max-width: 1880px){
	
}
@media screen and (min-width: 1367px) and (max-width: 1600px){
	.mainboxtop{ margin-top:-30px; }
	#swiper-container1 .swiper-button-prev,#swiper-container1 .swiper-button-next { top:32%; }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:240px; }
    #banner,.bannervideo,#swiper-container1 .swiper-wrapper .swiper-slide { height: 720px; }
    #banner,.bannervideo { height: 720px; }
	#bannertxt { height: 700px; }
	#logo1 { width: 600px;left: 12%; }
	#logo1 img { height: 250px; }
	#banner .txt1 { top: 27%; left: 8%; }
	.downbox1 { left: 13%; top: 63%; }
	#logo2 { width: 600px;left: 8%; }
	#logo2 img { height: 250px; }
	#banner .txt2 { top: 28%; left: 2%; }
	#banner .txt3 { width:45%; top: 66%; left: 3%; }
	#banner .txt3-1 { width:20%; top: 66%; left: 3%; }
	.downbox2 { right: 3%; top: 450px; }
	.downbox3 { margin-left: 15%; top: 450px; }
}
@media screen and (min-width: 768px) and (max-width: 1366px){
	.mainboxtop{margin-top:-50px; }
	#swiper-container1 .swiper-button-prev,#swiper-container1 .swiper-button-next { top:35%; }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:250px; }
	#banner,.bannervideo,#swiper-container1 .swiper-wrapper .swiper-slide { height: 720px; }
	#banner,.bannervideo { height: 720px; }
	#bannertxt { height: 700px; }
	#logo1 { width: 600px; left: 12%; }
	#logo1 img { height: 250px; }
	#banner .txt1 { width:50%; top: 28%; left: 8%; }
	.downbox1 { left: 13%; top: 63%; }
	#logo2 { width: 600px;left: 10%; }
	#logo2 img { height: 250px; }
	#banner .txt2 { width:48%; top: 30%; left: 5%; }
	#banner .txt3 { width:45%; top: 65%; left: 6%; }
	#banner .txt3-1 { width:20%; top: 66%; left: 3%; }
	.downbox2 { right: 3%; top: 450px; }
	.downbox3 { margin-left: 15%; top: 450px; }
}