* {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:16px; color:#FFFFFF; height:70px; line-height:70px; margin:0 18px;letter-spacing:1px;}
.header .inner .topfont a{color:#FFFFFF;}

.menu{float: left;padding-top: 6px;}
.menu ul li{float:left;margin-left:9px;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 a.menuD{width: 129px;background-position: -441px 0;}
.menu ul li a.menuE{width: 50px;background-position: -411px 0;}
.menu ul li a.menuF{width: 53px;background-position: -498px 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;}

.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;}

.section_pageA{position: relative;height: 100%;}

.section_pageA{position: relative;height: 100%;}
.section_pagebanner_box{position: absolute;left: 50%;bottom: 0%;margin-left: -600px;max-height: 660px;}

.pagebanner-people{position: absolute;width: 43.41%;left: -10%;bottom: 0%;display: block;height: 38.636364%;}
.pagebanner-people1{position: absolute;width: 29.66666%;left:-13%;top: 64.44%;display: block;}
.pagebanner-people2{position: absolute;width: 3%;left: 16.66666%;top: 64.4%;display: block;}
.pagebanner-people3{position: absolute;width: 29.66666%;left:-13%;bottom: -3%;display: block;}
.pagebanner-people4{position: absolute;width: 14.33333%;left: 16.66666%;bottom: -3%;display: block;}

.pagebanner-play{position: absolute;width: 21.41%;left: 50%;top:76%;display: block;cursor: pointer;}
.pagebanner-star{position: absolute;width: 11.5%;left: 73%;top:-15%;display: block;}

.pagebanner-video{position: absolute;display: block;width: 51.5%;height: 52.12%;left: 19%;top: 22.87%;}

.section_pageA_box{position: absolute;left: 50%;bottom: 0%;margin-left: -930px;max-height: 894px}
.section_pageA_box .pic{position: absolute;height: 100%;}

/*-------*/
.my_page1_logo{position: absolute; width:90%; height: auto; display: block; margin: 0 auto; top: 8%; left: 3%; }
.top_buy{width:90%; margin-top:4px;}
/*-------*/

.pageAbtn-play{position: absolute;width: 8%;height: 6%;left: 40%;top: 39%;display: block;background: transparent;}
.pageAbtn-buy{position: absolute;width: 8.5%;height: 6.8%;left: 53%;top: 80.7%;display: block;background: transparent;}
.pageAbtn-buy2{position: absolute;width: 15%;left: 36%;top: 85%;display: block;background: transparent;}
.pageAbtn-mp3{position: absolute;width: 10.5%;height: 12.5%;top: 25.5%;left: 50%;display: block;background: transparent;}

.section_pageB{position: relative;height: 100%;}
.section_pageB_box{position: absolute;left: 50%;margin-left: -620px;margin-top: -420px;top:50%;max-height: 980px;}
.section_pageB_box .pic{position: absolute; /* height: 80%;*/bottom: 3%; margin-left: -5%;}
.section_pageB_box .pic2{position: absolute; /* height: 80%;*/bottom: 6%; margin-left: -5%;}
.section_pageB_box .pic3{position: absolute; /* height: 80%;*/bottom: 3%;}
.section_pageB_box .pic4{position: absolute; /* height: 80%;*/bottom: 3%; margin-left: -10%;}
.section_pageB_box .pic5{position: absolute;/* height: 80%;*/bottom: 3%;margin-left: 14%;}
/*.section_pageB_box .pic{position: absolute;height: 100%;top: 10%;left: 0%;max-height: 964px;}*/
.section_pageB_box .mylists{position: relative; width: 45%; height: 14%; top:35%; left: 50%;}
.section_pageB_box .mylists2{position: relative; width: 44%; height: 11%; top:55.5%; left: 49.3%;}

.pageCbtn.Cbtn1{left: 17%;top: 35%;width: 20%;height: 9%;}

.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{position: absolute;height: 100%;}
.section_pageC_box .pic_page10{position: absolute;height: 100%; bottom: 2%;}
.section_pageC_box .pic2{position: absolute;height: 100%;}

.pageCbtn{position: absolute;width: 10.77%;display: block;height: 4.82%;background: transparent;}
.pageCbtn.Cbtn{left: 18%;top: 69.5%;}
.pageCbtn.Bbtn{left: 42%;top: 55%;}
.pageCbtn.Abtn{left: 69%;top: 50%;}

.pageCbtn.Bbtn1{left: 65%;top: 66.6%;}
.pageCbtn.Abtn1{left: 75%;top: 66.6%;}
.Cbg{position: absolute;left: -20px;top: -163px;}
.DDbg{position: absolute;left: -20px;top: -140px;}

.pageCclose{position: absolute;width: 3.36%;height: 5.84%;background: transparent;}
.pageCclose.Cclose{left: 50.9%;top: 24.5%;}
.pageCclose.Bclose{left: 78.3%;top: 24.5%;}
.pageCclose.Aclose{left: 63.2%;top: 24.5%;}
.pageCclose.Dclose{left: 48.4%;top: 80.5%;}
.pageCclose.Eclose{left: 20%;top: 64.5%;}
.pageCclose.Fclose{left: 44.4%;top: 56%;}

.pop1{position: absolute;height: 64.16%;left: 34%;top: 24.5%;}
.pop2{position: absolute;height: 64.16%;left: 48%;top: 24.5%;}
.pop3{position: absolute;height: 64.16%;left: 21%;top: 24.5%;}

.pop5{position: absolute;height: 47.2%;left: 44%;top: 19.5%;}
.pop6{position: absolute;height: 57%;left: 20%;top: 18.5%;}
.pop7{position: absolute;height: 30%;left: 16%;top: 58.5%;}

.pageCbuy{position: absolute;width: 13%;height: 10%;top: 77%;right: 15%;display: block;background: transparent;}
.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;}

/*.fullpageD{background-image: url(../images/4/bg1.jpg);background-size: cover;}*/
.section_pageD{position: relative;height: 100%;}
.section_pageD_box{position: absolute;left: 50%;bottom: 0;margin-left: -790px;max-height: 974px;margin-top: 70px;}
.section_pageD_box .pic{position: absolute;height: 100%;margin-left: -3%;}
.section_pageD_box .pic2{position: absolute;height: 100%;}
.section_pageD_box .Dbg{position: absolute;left: -20px;top: -70px;}

.pageDbuy{position: absolute;width: 12%;height: 11.5%;top: 78%;left: 72%;display: block;background: transparent;}

.section_pageE{position: relative;height: 100%;}
.section_pageE_box{position: absolute;left: 50%;top: 54%;margin-left: -540px;margin-top: -384px;max-height: 748px}
.section_pageE .color{position: absolute;height: 100%;left: 2%;top: 23.2%;}
.section_pageE .color .le{position: absolute;left: -50%;top: -350.2%; width: 15%;height: auto;}
.section_pageE .color .ri{position: absolute;right: -170%;top: -350.2%; width: 15%;height: auto;}
.section_pageE .color .sh{ width: 0px; height: 0px; z-index: -999;}

.section_pageE .title{position: absolute;height: 27%;left: -4%;top: 0%;z-index: 2;}

.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;}

.section_pageF{position: relative;height: 100%;}
.section_pageF_box{position: absolute;left: 50%;top: 50%;margin-left: -712px;margin-top: -493px;max-height: 875px; }
.section_pageF_box .pic{position: absolute;height: 100%;top: 0;left: -0%; opacity: 0.8;}

.list-goods {position: absolute;height: 11.2%;width: 29.55%;left: 68.5%;top: 65.9%;}
.list-goodsh2{top:77.8%}

.list-goods  li{width: 23%;margin-right: 2%;height: 100%;float: left;position: relative;}
.list-goods  li div.pop{position: absolute;width: 100%;z-index: 3;color: #FFF;font-size: 12px;display:none; height: 100%;  }
.list-goods  li div.pop div{display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;text-align: center;}
.list-goods  li div.mask{background: #000;opacity: .6;filter: alpha(opacity=60);z-index: 2;position: absolute;width: 100%;height: 100%;z-index: 3;color: #FFF;font-size: 12px;display: none;   }
.list-goods  li img{display: block;width: 100%;position: relative;z-index: 1;}
.list-goods  li:hover div.pop{display: table;;}
.list-goods  li:hover div.mask{display: block;;}

.pageF-tiaosebtn{position: absolute;height: 5.86%;left: 12.5%;top: 76.8%;z-index: 2;width: 12.0%;display: block;background:transparent;}
.pageF-popbtn{position: absolute;position: absolute; height: 5%;left: 20%;top: 86%;z-index: 2;width: 13.5%;display: block;background:transparent;}
.pageF-bookbtn{position: absolute;height: 3.86%;left: 12.5%;top: 84%;z-index: 2;width: 12.0%;display: block;background:transparent;}
.pageF-pdfbtn{position: absolute;height: 3.86%;left: 25.5%;top: 84%;z-index: 2;width: 12.0%;display: block;background:transparent;}
.pageF-buybtn{position: absolute;height: 8.06%;left: 34.5%;top: 65%;z-index: 2;width: 10.0%;display: block;background:transparent;}
.pageF-probtn{position: absolute;height: 28.86%;left: 12.5%;top: 40%;z-index: 2;width: 21.0%;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;}

/*
.footer{padding: 15px 0; }
.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: 10px;}
.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%;}

/*#hxiaozi1{background:url(../images/1/biao2.png);height: 16px;position: absolute;  bottom: 40px;	width: 100%;	background-repeat: no-repeat; background-position: center; z-index: 2;}
#hxiaozi2{background:url(../images/5/biao2.png); height: 16px;position: absolute;  bottom: 20px;	width: 100%;	background-repeat: no-repeat; background-position: center; z-index: 2;}
*/
#hxiaozi3{background:url(../images/common/biao2.png);height: 16px;position: absolute;  bottom: 40px;	width: 100%;	background-repeat: no-repeat; background-position: center; z-index: 2; bottom:1.5%;}
#hxiaozi3a{background:url(../images/common/biao2a.png);height: 20px;position: absolute;  bottom: 54px;	width: 100%;	background-repeat: no-repeat; background-position: center; z-index: 2;bottom:3.4%;}
#hxiaozi3b{background:url(../images/common/biao2b.png);height: 61px;position: absolute;  bottom: 85px;	width: 100%;	background-repeat: no-repeat; background-position: center; z-index: 2;bottom:4.4%;}
#hxiaozi3c{background:url(../images/common/biao2c.png);height: 16px;position: absolute;  bottom: 54px;	width: 100%;	background-repeat: no-repeat; background-position: center; z-index: 2;bottom:1%;}

/*
#hxiaozi4{background:url(../images/6/biao2.png);height: 16px;position: absolute;  bottom: 40px;	width: 100%;	background-repeat: no-repeat; background-position: center; z-index: 2;}
#hxiaozi5{background:url(../images/2/biao2.png);height: 16px;position: absolute;  bottom: 40px;	width: 100%;	background-repeat: no-repeat; background-position: center; z-index: 2;}
*/

@media (max-width:1380px) {
.section_pageB_box .pic{bottom: 8%;}
.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%;}
.section_pageB_box .mylists{top:30%; left:49.4%; width:43.8%;}
.section_pageB_box .mylists2{top:50.8%; left: 49.3%; width: 44%;}
}

@media (max-width:1280px) {
.inner{width:1200px; min-width:1180px;}
.header .inner .topfont {font-size:15px;}
.menu ul li{margin-left:0px; padding:12px 11px; }
}