* {margin:0;padding:0;}
a,a:focus,area,area:focus {outline: none;}
body,html{ font-family: Arial, Helvetica,Microsoft YaHei;}
input{outline: none;}
ol,ul,li{list-style:none;}
a           {text-decoration:none;cursor:pointer; font-family:\5FAE\8F6F\96C5\9ED1, Microsoft YaHei, Arial, Helvetica, sans-serif; }
a:link      {color:#919191;} 
a:visited   {color:#919191;}
a:active    {color:#000;star:expression(this.onFocus=this.blur()); background-color:transparent;}
a:hover     {color:#000;}
a.important {color:#98a1ab;}
h1,h2,h3,h4,h5,h6 {
font-size:100%;font-weight: 400;
}
address,cite,dfn,em,var,caption,strong,th,i,code,kbd,pre,samp{
font-style:normal;font-weight: 400;
}
.clearfix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;} 
.clear{clear:both;}
.float-left{float: left;}
.float-right{float: right;}
.undis{display: none;}
.swiper-pagination-white .swiper-pagination-bullet{background: red;}
.header{display: block;height: 70px;position: absolute;left: 0;top: 0;z-index: 2;width: 100%;}
.header-bg{position: absolute;left: 0%;width: 100%;height: 100%;background: #000;top: 0;z-index: 1;opacity:.3;filter: alpha(opacity=30);}
.header img{display: block;}
.header h1 {float: left;padding:17px 0 18px;margin: 0}
.header h1 .undis{display: none}
.header .inner .topfont{font-size:18px; color:#FFFFFF; height:70px; line-height:70px; margin:0 18px;letter-spacing:3px;}
.header .inner .topfont a{color:#FFFFFF;}
.menu{float: left;padding-top: 6px;}
.menu ul li{float:left;margin-left:49px;padding:12px 15px;height:33px;position:relative;}
.menu ul li a{display: block;background: url(../image/top_anniu.png) no-repeat;height: 33px;}
.menu ul li a.menuA{width: 57px;background-position: -0px 0;}
.menu ul li a.menuB{width: 69px;background-position: -107px 0;}
.menu ul li a.menuG{width: 79px;background-position: -224px 0;}
.menu ul li a.menuC{width: 65px;background-position: -342px 0;}

.menu ul li i{display: none;}
.menu ul li i.star-t{position: absolute;width: 18px;height: 19px;background: url(../image/star-t1.png) no-repeat;left:2px;top: 1px;}
.menu ul li i.star-b{position: absolute;width: 15px;height: 21px;background: url(../image/star-b1.png) no-repeat;right:6px;bottom: -1px}
.menu ul li.active i,.menu ul li.active2 i{display: block;}
.top_buy{width:90%; margin-top:4px;}
.inner{width: 1350px;margin: 0 auto;min-width: 1280px;position: relative;z-index: 2;}
.section_inner{width: 1080px;margin: 0 auto;position: relative;min-width: 1080px;}
.mask-bg{background: #000;opacity: .6;filter: alpha(opacity=60);position: fixed;z-index:101;left: 0;top: 0;width: 100%;height: 100%;}
.mask-pop{position:fixed;left: 50%;width: 733px;height: 495px;left: 50%;top:50%;margin-left: -366px;margin-top: -248px;z-index: 101;}
.mask-pop a.pop-close{background:url(../image/_blank1.gif);position: absolute;height: 8.5%;right: 9.5%;top: 0%;z-index: 2;width: 6.8%;display: block;}
.mask-pop input{position: absolute;height: 6.3%;left: 29.6%;top: 36.8%;z-index: 2;width: 34.4%;display: block;background: transparent;border: 0 none;line-height: 100%;}
.mask-pop a.pop-suan{background:url(../image/_blank1.gif);position: absolute;height: 13.9%;left: 71.4%;top: 33.3%;z-index: 2;width: 10.1%;display: block;}
.mask-pop .relust{position: absolute;width: 46.8%;height: 6.5%;left: 17.1%;top: 72.7%;display: block;}
.onespan{position: absolute;width: 7%;height: 100%;left: 31.8%;top: 20%;color: #FFF;text-align: center;}
.fivespan{position: absolute;width: 7%;height: 100%;left: 67.8%;top: 20%;color: #FFF;text-align: center;}
.container{position: relative;z-index: 1;}
.fullheight{height: 100%; margin: 0 auto; }
.fullwidth{width: 91%;}
.display-block{display: block;}
.display-none{display: none;}
.swiper-slide{position: relative;height: 100%;}
.swiper-wrapper{height: 100%}
.swiper-pagination{position:absolute;left: 10%;top:88%;}
.more{position: absolute;height: 8.86%;left: 60.5%;bottom: 20%;z-index: 2;width: 15.20%;display: block;background:transparent;}
.section a{background:url(../image/_blank1.gif)!important;}
.pg1{background:url(../image/page1/page1_bga.jpg) no-repeat center bottom; background-size:cover;}
.section_pageA{position: relative;height: 100%;}
.my_page1_logo{position: absolute; width:12%; height: auto; display: block; margin: 0 auto; top: 10%; left: 3%; }
.page1_title{position: absolute; width: 27.5%; left: 20%; top:14%;text-align: right;}
.pageAbtn-mp3{position: absolute; width: 8%; right: 15%; top: 41%; text-align: right;}
.pageAbtn-mp3 img{width: 100%;}
.top_conns{position: absolute; width: 15.3%; bottom: 5%; left: 22%;}
.page1_msgm{position: absolute; bottom: 5%; left: 33.3%; width: 13%;}
.page1_msgm img{width: 100%;}
.section_pageB{position: relative;height: 100%;}
.pg2{background:url(../image/page2/page2_bg.jpg) no-repeat center bottom; background-size:cover;}
.pg2a{background:url(../image/page2a/page2a_bg.jpg) no-repeat center center; background-size:cover;}
.pg3{background:url(../image/page3/page3_bg.jpg) no-repeat center bottom; background-size:cover;}
.pg4{background:url(../image/page4/page4_bg.jpg) no-repeat center center; background-size:cover;}
.section_pageB_box{position: absolute; left: 50%; margin-left: -620px; margin-top: -420px; top:50%; max-height: 980px;}
.section_pageB_box .pic4{position: absolute; top: 14%; margin-left: -10%;}
.pg5{background:url(../image/page5/page5_bg.jpg) no-repeat center center; background-size:cover;}
.section_pageB_box .pic3{position: absolute; top: 9%; margin-left: 6%;}
.section_pageB_box .pic2{position: absolute; top: 12%; margin-left: 3%;}
.pg7{background:url(../image/page7/page7_bg.jpg) no-repeat center center; background-size:cover;}
.section_pageB_box .pic5{position: absolute; top: 12%; margin-left: -3%;}
.pg8{background:url(../image/page8/page8_bg.jpg) no-repeat center center; background-size:cover;}
.section_pageC{position: relative; height: 100%;}
.section_pageC_box{position: absolute; left: 50%; top: 50%; margin-left: -720px; margin-top: -453px;max-height: 974px}
.section_pageC_box .pic_page10{position: absolute; height: 100%; bottom: 1%; margin-left: 2%;}
.page8_buy{position: absolute; height: 5%; left: 21.3%; top: 71.5%; z-index: 9; width: 11%; display: block; background:transparent;}
.pageCbuy{position: absolute;width: 13%;height: 10%;top: 77%;right: 15%;display: block;background: transparent;}
.pageCbtn.Cbtn1{left: 17%;top: 35%;width: 20%;height: 9%;}
.pageCbuy2{position: absolute;width: 16.5%;height: 10%;top: 70%;left: 19%;display: block;background: transparent;}
.pageDbuy3{position: absolute;width: 16.5%;height: 10%;top: 83%;right: 5%;display: block;background: transparent;}
.pageDbuy{position: absolute;width: 12%;height: 11.5%;top: 78%;left: 72%;display: block;background: transparent;}
.colorBox{position: absolute;width: 30%;height: 13%;left: 12%;top:72.5%;display: block;}
.colorBox img{cursor: pointer;height: 30%;vertical-align: middle;display:inline;}
.colorBox img.active{height: 60%}
.fp-slidesNav.bottom{display: none;}
.pageF-popbtn{position: absolute; height: 5%; left: 20%; top: 80%;z-index: 2;width: 13.5%;display: block;background:transparent;}

.footer{padding: 15px 0; position: absolute; bottom: -10px; left:50%; width:1080px; margin-left: -540px;}
.footer p{font-size:10px;text-align: center;color: #000000;}
.foot_copyright{font-size: 14px;text-align: center;color: #000000;filter: alpha(opacity=50);padding-top: 0px;}
.warp{ width: 100%; background: #FFFFFF;}
.warp .foot{width:1000px ; margin: 0 auto;}

.mask-video{position:fixed;left: 50%;width: 646px;height: 404px;left: 50%;top:50%;margin-left: -323px;margin-top: -202px;z-index: 101;}
.mask-video .video-close{position: absolute;width: 37px;height: 38px;top:-49px;right: -12px;display: block;z-index: 999;}
.mask-video .m1,.mask-video .m2,.mask-video .m3,.mask-video .m4{position: absolute;}
.mask-video .m1{  top: -139px;left: -5px;z-index: 9}
.videobox{}
.swiper-container{height: 100%;width: 100%;}
.swiper-wrapper{height: 100%;}

@media (max-width:1380px) {
.section_pageB_box .pic2{bottom: 9%;}
.section_pageB_box .pic3{bottom: 8%;}
.section_pageB_box .pic4{bottom: 10%;}
.section_pageB_box .pic5{bottom: 8%;}
.header .inner .topfont{font-size:16px;}
.my_page1_logo{top: 12%;}
.top_buy{width: 80%; margin-top: 5px;}
.pageCbtn.Cbtn1{left: 11%;top: 29%;width: 22%;height: 9%;}
}

@media (max-width:1330px) {
.inner{width:1300px; min-width:1280px;}
.header .inner .topfont {font-size:15px;}
.menu ul li{margin-left:50px; padding:12px 18px; }
}

@media (max-width:1280px) {
.inner{width:1200px; min-width:1180px;}
.header .inner .topfont {font-size:15px;}
.menu ul li{margin-left:40px; padding:12px 11px; }
}