/*全局*/ /*@import url(http://fonts.font.im/css?family=Passion+One:400,700|Poppins:700,400); 使用嵌入字体方法 font-family: 'Passion One', cursive; font-family: 'Poppins', sans-serif; @import "libraries/animate.min.css";*/ html {font-size:10px;} body {font-family:"Arial","Microsoft YaHei";text-align:center;color:#000;background:#fff;} body,ul,li{margin:0px;padding:0px;list-style-type: none;} a{color:#000;text-decoration: none;} a img{border:none;} input{border:1px solid #e8e8e8;background:#fff;height:30px;line-height:30px;font-size:14px;} textarea{border:1px solid #e8e8e8;background:#fff;vertical-align: top;} label{line-height: 30px;} td{padding:0px;font-size:12px;} .HidContent{display:none;} .space{clear:both;width:100%;height:0;overflow:hidden;} .main{width:100%;color:#737373;font-size:14px;line-height:30px;margin:0 auto;overflow:hidden;clear:both;text-align:left;background:#fff;position:relative;z-index:2;} .main>.floatleft{margin:5% 0 5% 5%;width:40%;} .main>.floatright{margin:5% 5% 5% 0;width:40%;} .red{color:#2e0c00} /*定位*/ .floatleft{float:left;} .floatright{float:right;} .floatclear{clear:both} /*对齐*/ .textleft{text-align:left;} .textright{text-align:right;} .textcenter{text-align:center;} td img{vertical-align:bottom;display:block} /*边距空隙*/ .padding20{padding:20px;} .mt50{margin-top:50px;} .mt30{margin-top:30px;} .mt20{margin-top:20px;} .mt15{margin-top:15px;} .mt10{margin-top:10px;} .m10{margin:10px;} .noborder{border:none;} .h65{height:65%;} .opacity0{opacity:0;margin-top:30px;} .opacity1{opacity:1} /*动画效果*/ .anime500{-webkit-transition:all .5s;-moz-transition:all .5s; -o-transition:all .5s;} .anime800{-webkit-transition:all .8s;-moz-transition:all .8s; -o-transition:all .8s;} .anime300{-webkit-transition:all .3s;-moz-transition:all .3s; -o-transition:all .3s;} .mshou{cursor:pointer;} .bg80{width:100%;height:100%;background:url(/images/alpha.fff.80.png);position:fixed;z-index:50;top:0;left:0;} .bg85{background:url(/images/alpha.000.85.png);position:fixed;z-index:9;top:0;left:0;right:0;bottom:0;display:none;text-align:center;} .ptitle1{display:block;overflow:hidden;color:#000} .ptitle1 h2{font-family: 'Arial';font-size:50px;line-height:80px;margin:0} .ptitle1 h3{background:url(/images/title.line.jpg) no-repeat center left;padding-left:120px;display: block;clear: both;font-size:18px;font-weight: normal;margin:10px 0 15px} .ptitle2{display:block;overflow:hidden;text-align:center;color:#000} .ptitle2 h2{font-family: 'Arial';font-size:50px;line-height:60px;margin:0} .ptitle2 h3{display: block;clear: both;font-size:18px;font-weight: normal;margin:0} .sdetail{padding:40px 0;font-size:16px;overflow: hidden;} .sdetail b,.sdetail strong{font-size:18px;} .par,.next{width:150px;height:200px;display:block;position:fixed;z-index:30;background:url(/images/page.gif) no-repeat;top:40%;} .par{left:0;background-position:left 90px} .next{right:0;background-position:right 90px} .fullbg{width:100%;height:100%;position: fixed;left:0;top:0;overflow:hidden;z-index: 0;} .line1{border-top:1px solid #fff;margin:10px 0;padding-top:10px;} #totop{width:35px;height:35px;position:fixed;right:20px;bottom:30px;opacity:0;display:none;z-index:8;cursor:pointer;overflow:hidden;} #totop img{position:absolute;left:0;top:0;width:100%;} #totop:hover img{top:-35px;} .icolink{} .icolink a{width:100px;height:100px;background:url(/images/ico.png);display:inline-block;overflow:hidden;padding:0;margin:0 6px 0 0; -webkit-transition:all 1s;-moz-transition:all 1s; -o-transition:all 1s;} .icolink .ico1{background-position:18px 10px;} .icolink .ico2{background-position:-125px 10px;} .icolink .ico3{background-position:-288px 10px;} .icolink .ico4{background-position:-430px 12px;} .icolink .ico1:hover{background-position:18px -128px;} .icolink .ico2:hover{background-position:-125px -128px;} .icolink .ico3:hover{background-position:-288px -128px;} .icolink .ico4:hover{background-position:-430px -128px;} .linkbutton{width:110px;height:25px;font-size:1.2rem;text-align:center;cursor:pointer;margin:auto;border:solid #595757 1px;line-height:25px;border-radius:15px;} .linkbutton a{display:block;width:100%;height:100%;} .actmouse{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;font-size:2rem;color:#fff;background:url(/images/alpha.000.80.png);opacity:0;text-align:center;text-transform:uppercase; -webkit-transition:all 1s;-moz-transition:all 1s; -o-transition:all 1s;} .actmouse:hover{opacity:1;} .actmouse span{position:absolute;display:block;top:50%;width:100%;text-align:center;margin-top:-20px;font-size:1.6rem} .actmouse i{clear:both;display:block;font-size:12px;font-style:normal;margin-top:10px;} .bgspace{width:100%;height:100%;background:url(/images/space.png);position:absolute;z-index:30} .down{width:820px;margin:80px auto;text-align:center;} .down ul{width:820px;margin:0 auto 50px;} .down li{width:240px;height:150px;overflow:hidden;margin:15px;display:inline-block;position:relative;} .down li a{display:block;width:100%;height:100%;background:url(/images/down.png) no-repeat center center #7a1b14;left:0;top:0;position:absolute;opacity:0} #Logo{position:fixed;width:160px;top:0px;left:0px;text-align: center;height:60px;background:#270c01;z-index:21;-webkit-transition:all .3s;-moz-transition:all .3s; -o-transition:all .3s;} #Logo img{height:47px;-webkit-transition:all .3s;-moz-transition:all .3s; -o-transition:all .3s;margin-top:6px;} #Logo.a{top:0;} #Logo.a img{height:47px;} #logobg{width:100%;height:60px;position: fixed;left:0;top:-60px;z-index:20;/*background:url(/images/alpha.fff.80.png) #fff;*/background:#1a0800;-webkit-transition:all .6s;-moz-transition:all .6s; -o-transition:all .6s;} #logobg.a{top:0;} #MenuTag{position:fixed;left:160px;top:0;z-index:21;width:60px;height:60px;cursor:pointer;background:#1a0800;} #MenuTag span{position:absolute;display:block;width:26px;height:2px;background:#fff;right:17px;} #MenuTag:hover span,#MenuTag.a span{background:#8f8f8f;} #MenuTag span.m_1{top:18px;} #MenuTag span.m_2{top:26px;} #MenuTag span.m_3{top:34px;} #MenuTag.a span.m_1{top:26px;-webkit-transform:scale(1.1) rotate(-135deg);-moz-transform:scale(1.1) rotate(-135deg);-o-transform:scale(1.1) rotate(-135deg);} #MenuTag.a span.m_2{top:26px;opacity:0} #MenuTag.a span.m_3{top:26px;-webkit-transform:scale(1.1) rotate(135deg);-moz-transform:scale(1.1) rotate(135deg);-o-transform:scale(1.1) rotate(135deg);} #Menu{width:100%;height:400px;position:fixed;z-index:15;top:-400px;left:0;background:#270c01;} #Menu.a{top:0px;} #Menu>ul{position:relative;top:120px;left:0;text-align:center;} #Menu >ul>li{line-height:50px;height:50px;font-size:1.4rem;display:inline-block;margin:0 20px;vertical-align: top;} #Menu li a{color:#acacac;} #Menu li a:hover,#Menu>ul>li.a>a{color:#fff;} #Menu >ul>li>a>b{font-size:20px;font-weight:normal;} #Menu ul ul{margin:-15px auto 20px;text-align:center;} #Menu ul ul li{height:28px;clear:both;font-size:1.4rem;font-weight:normal;text-transform:uppercase} #Menu ul ul li a{color:#595757;padding-right:5px;} #Menu ul ul li a:hover,#Menu ul ul li.a a{color:#fff;} #Menu.open{right:0;} #Mainshow{width:100%;height:100%;display: block;position: absolute;top:0;left:0;z-index:2;background:#392a20;} #Mainshow #Show,#Mainshow #Show2{left:0;top:0;width:100%;height:100%;position:absolute;/* background:url('/images/loading.png') no-repeat right 70px; */} #Mainshow #Show2{height:65%;} #Mainshow #pagetitle{position:absolute;top:50%;left:0;z-index:2;width:100%;color:#fff;text-align: left;} #Mainshow #pagetitle.c{text-align:center;} #Mainshow #pagetitle .title{margin-left:80px;font-family: 'Arial';font-size:60px;line-height:60px;} #Mainshow #pagetitle.c .title{line-height:30px;} #Mainshow #pagetitle .title span{display: block;clear: both;font-size:18px;color:#fff;font-family: "Microsoft YaHei";line-height: 50px;} #Mainshow #pagetitle .tmall{width:200px;margin:60px auto 20px;text-align:left;background:#fff;border-radius: 10px;height:50px;font-size:20px;line-height:50px;} #Mainshow #pagetitle .tmall img{width:33px;vertical-align:middle;margin:0 25px;} #Topspace{width:100%;height:100%;display: block;} #Top{width:100%;height:100%;display: block;position: absolute;top:0;left:0;} #Top #nav{padding-left:30px;min-width:800px;height:59px;position: fixed;line-height:59px;left:220px;right:0;top:0;z-index: 21; border-bottom: 1px solid rgba(255,255,255,.2);} #Top #nav a{color:#fff;padding:0 20px;font-size:1.4rem} #Top #nav.a a{color:#fff;} #Top #nav .l{float:left;} #Top #nav .r{float:right;} #Top #nav .r a{display:inline-block;height:100%;border-left: 1px solid rgba(255,255,255,.3);} /*#Top #nav.a .r a{border-left: 1px solid #e5e5e5}*/ #BottomSpace{width:100%;height:400px;display:block;} #Bottom{position:fixed;left:0;right:0;bottom:0;clear:both;margin:50px 0 0;background:#fff;overflow:hidden;color:#3E3A39;z-index:1;min-width:1130px;} #Bottom #Bnav{background:#000;padding:30px 0;overflow:hidden;} #Bottom #Bnav>ul{width:90%;margin:0 auto;overflow:hidden;} #Bottom #Bnav>ul>li{width:120px;line-height:50px;font-size:1.4rem;display:inline-block;margin:0 20px;vertical-align: top;text-align:left;} #Bottom #Bnav>ul>li>a>b,#Bottom #Bnav>ul>li>a>l{display:none;} #Bottom #Bnav>ul>li li{display:block;line-height:30px;} #Bottom #Bnav>ul>li.logo{width:150px;} #Bottom #Bnav>ul>li.logo img{width:130px;margin-top:40px;} #Bottom #Bnav>ul>li>a{color:#ffe2af;} #Bottom #Bnav>ul>li li a{color:#a3a3a3;} #Bottom #copyright{width:90%;margin:0 auto;color:#000;} #Bottom #copyright .floatleft{line-height:60px;} #Bottom #copyright .ico{display:inline-block;position:relative;width:30px;height:30px;margin:15px 10px 0;background-position:center;background-repeat: no-repeat;border-radius: 15px;border:1px solid #ccc;} #Bottom #copyright .ico.wx{background-image:url(/images/ico.wx.png);} #Bottom #copyright .ico.wb{background-image:url(/images/ico.wb.png);} #Bottom #copyright .ico.mb{background-image:url(/images/ico.mb.png);} #Bottom #copyright .ico a{display:block;width:100%;height:100%;} #Bottom #copyright .ico:hover{border-color:#000;} #Bottom #copyright .ico .pic{background:#fff;width:150px;height:150px;overflow:hidden;text-align:center;position:absolute;left:-60px;top:-160px;display: none;} #Bottom #copyright .ico .pic img{width:140px;margin:5px;display:inherit;} #Bottom #copyright .ico:hover .pic{display:block;} #comment{} #comment label,#comment input,#comment textarea{margin:10px 10px;} #comment input,#comment textarea{width:80%;} #comment textarea{height:120px;} #comment .send{width:120px;height:40px;float:left;background:#2e0d00;border-radius: 5px;color:#fff;margin:20px auto 20px 60px;text-align:center;line-height:40px;cursor:pointer} #comment .send:hover{background:#000;} #baidumap{width:100%;height:500px;margin:0;background:#ccc;} #pagetype{width:60%;margin:50px auto;text-align:center;font-size:14px;} #pagetype li{display:inline-block;margin:0 60px;text-align:center;line-height:30px; vertical-align: top;border-bottom:2px solid #fff} #pagetype li.a,#pagetype li.a a{color:#855936;border-color:#855936} #exlist{width:60%;margin:50px auto;} #exlist ul{overflow:hidden;} #exlist li{width:100%;margin-bottom:100px;text-align:left;} #exlist li .pic{text-align:center;} #exlist li .pic img{width:100%;} #exlist li .title{font-size:20px;line-height:60px;} #exlist li .addtime{line-height:30px;color:#a3a3a3;} #exlist li .info{font-size:16px;color:#3e3e3f;} #exlist li .more{line-height:30px;color:#000;border-radius: 5px;background:url(/images/tomore.png) no-repeat center right;width:120px;height:30px;text-align:left;margin:30px 0;} #exlist>.more,.newslist>.more{margin:100px auto;width:100%;height:60px;line-height:60px;text-align: center;color:#000;background:#f2f2f2;} #exlist>.more:hover,.newslist>.more:hover{background:#808080;color:#fff;} .newslist{width:100%;margin:50px auto;} .newslist ul{overflow:hidden;} .newslist li{width:100%;margin-bottom:100px;text-align:left;overflow:hidden;} .newslist.hr li{width:80%;margin-left:10%;margin-bottom:30px;border-bottom:1px solid #f2f2f2;padding-bottom:30px;} .newslist.hr li .info{width:100%;} .newslist.hr li .info .infoa{width:100%;margin:50px auto 0;color:#000;} .newslist li .pic{text-align:center;width:40%;float:right;} .newslist li .pic img{width:100%;} .newslist li .info{text-align:left;width:60%;float:left;} .newslist li .info .infoa{width:75%;margin:50px auto 0;} .newslist li .info .infoa .title{text-align:left;line-height:40px;font-size:20px;} .newslist li .info .infoa .addtime{color:#7f7f7f} .newslist li .info .infoa p{font-size:16px;color:#3e3e3f;line-height:30px;} .newslist li.a .pic{float:left;} .newslist li.a .info{float:right;} #newsdetail{width:80%;margin:50px auto;} #newsdetail h1{text-align:center;line-height:60px;font-size:30px;} #newsdetail .detail{display:block;clear: both;font-size:16px;line-height:30px;} #newsdetail .detail img{max-width:100%;} .inewslist{width:100%;margin:50px auto;} .inewslist ul{overflow:hidden;position:relative;z-index:3} .inewslist li{width:100%;margin-bottom:100px;text-align:left;overflow:hidden;} .inewslist li .pic{text-align:center;width:40%;float:right;} .inewslist li .pic img{width:100%;} .inewslist li .info{text-align:left;width:60%;float:left;} .inewslist li .info .infoa{width:75%;margin:50px auto 0;} .inewslist li .info .infoa .title{text-align:left;line-height:40px;font-size:20px;} .inewslist li .info .infoa p{font-size:16px;color:#3e3e3f;line-height:30px;} .inewslist li.a .pic{float:left;} .inewslist li.a .info{float:right;} .inewslist li:first-child .info .infoa{margin:120px auto 0;} .inewslist .style{position:absolute;left:0;top:350px;width:90%;height:55%;background:#f2f2f2;z-index:2;} .egakedetail{margin:30px 100px;} .aboutlist{width:100%;margin:100px auto 50px;} .aboutlist ul{overflow:hidden;} .aboutlist li{width:100%;margin-bottom:100px;text-align:left;overflow:hidden;} .aboutlist li .pic{text-align:center;width:40%;float:right;} .aboutlist li .pic img{width:100%;} .aboutlist li .info{text-align:left;width:60%;float:left;font-size:16px;} .aboutlist li .info .infoa{width:75%;margin:0 auto 0;line-height:30px;} .aboutlist li.a .pic{float:left;} .aboutlist li.a .pic img{width:85%;float:right;} .aboutlist li.a .info{float:right;} #campaign{width:60%;margin:50px auto;position:relative;overflow:hidden;} #campaign img{width:100%;} #storeshow{width:100%;margin:50px auto;position:relative;} #storeshow img{width:100%;} .mfull{width:100%;height:100%;overflow:hidden;position:relative;} .mfull .linkbutton{color:#595757;background:url(/images/alpha.fff.50.png);margin:0 0 0 -55px;z-index:2;clear:both;} .mfull ul{height:100%;} .mfull ul li{position:relative;overflow:hidden;} .mfull ul li img{min-width:100%;position:absolute;float:left;width:100%;-webkit-transition:all .6s;-moz-transition:all .6s; -o-transition:all .6s;} #box{top:100px;width:70%;max-width:1000px;min-width:400px;bottom:100px;background:url(/images/alpha.fff.90.png) #fff;position:fixed;} #box .iframe{width:96%;margin:0 3%;position:absolute;top:60px;bottom:60px;left:0;overflow-y:auto} #box2{width:330px;height:330px;position:fixed;top:50%;left:50%;margin:-165px 0 0 -165px;background:#fff;display:none;z-index:50;} #box2 ul{margin:90px auto;width:150px;height:210px;background:url(/images/logo2.png) no-repeat center bottom; background-size:60%;} #box2 ul li{display:none;} #box2 ul li img{width:102px;margin-bottom:15px;} #pagelogo{position:absolute;top:60px;left:50%;z-index:2;} #pagelogo img{position:relative;left:-50%;max-width:80%;} #pagetodown{position:absolute;bottom:20px;left:50%;z-index:21;cursor:pointer;width:20px;margin-left:-10px;text-align:center;} #pagetodown img{width:100%;-webkit-animation:pagetodown 2s linear 5;position:relative;} @-webkit-keyframes pagetodown { 40% {opacity:.6;} 60% {opacity:0;} 100% {opacity:.6;} } #iabout{width:90%;margin:80px auto 80px 10%;} #iabout .floatleft{width:40%;} #iabout .floatright{width:50%;position: relative;z-index:3;} #iabout .floatright img{width:100%;} #iabout .iaboutdetail{width:40%;float:right;background:#f2f2f2;padding:120px 55% 200px 5%;margin-top:-350px;font-size:16px;line-height:40px;} .inews{width:90%;margin:80px auto;} .inews .ptitle1{float:right;} #hexin{width:100%;margin:20px auto;padding:20px 0;overflow:hidden;} #hexin ul{display:block;display: -webkit-flex;margin-right:-20px;display: flex;justify-content: space-between;flex-wrap:wrap;align-content :stretch} #hexin ul li{background:#ccc;position:relative;margin:0 20px 20px 0;height:400px;background-size: cover;background-repeat: no-repeat;background-position:center;} #hexin ul li.w1{flex-grow:2;width:45%;} #hexin ul li.w2{flex-grow:2;width:45%;} #hexin ul li.w3{flex-grow:1;width:25%;} #hexin ul li.w4{flex-grow:1;width:25%;} #hexin ul li.w5{flex-grow:2;width:45%;} #hexin ul li.w6{flex-grow:1;width:25%;} #hexin ul li .bgg{position:absolute;left:15px;top:15px;right:15px;bottom:15px;text-align:center;-webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s;} #hexin ul li .bgg:hover{background-color:rgba(0,0,0,0.8);} #hexin ul li .bgg .title{position:absolute;color:#fff;width:100%;top:40%;overflow:hidden;left:0;font-family:"Microsoft YaHei";font-size:22px;} #hexin ul li .bgg .title span{display:inline-block;line-height:30px;clear: both;width:80%;height:30px;font-size:14px;background:url(/images/butitle_bg.png) no-repeat center center;} #hexin .hexintitle{width:100%;text-align:center;margin:0 auto 50px;font-family: 'Arial', "Microsoft YaHei";font-size:60px;color:#000;} #hexin .hexintitle span{display: block;font-size:18px;clear: both;margin-top:10px;} #hexin a{color:#fff;} #prev,#next{position:fixed;z-index:60;width:50px;height:70px;overflow:hidden;background:url(/images/pageto.png) no-repeat;cursor:pointer} #prev{left:0;background-position:15px 25px;} #next{right:0;background-position:-75px 25px} #prev:hover{background-position:15px -75px;} #next:hover{background-position:-75px -75px;} .content{width:80%;color:#595757;text-align:left;padding:0 10%} .content h1{font-size:1.6rem;line-height:20px;text-align:left;width:100%;font-weight:bold;margin-bottom:10px;letter-spacing:5px; } .content h1 span{display:block;clear:both;font-size:1.4rem;} .content .detail{text-align:justify;} .content .detail b,.content .detail strong{font-size:1.6rem;margin-top:20px;display:inline-block;} .content .detail table{width:100%;}