html {font-size:10px;}
body {font-family:"Helvetica Neue","Microsoft YaHei","SimSun","Arial";text-align:center;color:#949494;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:16px;}
.font_1{font-family:"Microsoft YaHei";font-weight:normal;}
.font_2{font-family:"Georgia";}
.HidContent{display:none;}
.space{clear:both;width:100%;height:0;overflow:hidden;}
.main{width:100%;font-size:1.4rem;line-height:30px;margin:0 auto;overflow:hidden;clear:both;text-align:left;background:#fff;position:relative;z-index:2;}
.mainshow{width:100%;max-width: 1200px;margin: auto;color:#000;font-size:1.4rem;}
.mainshow h2{font-size:3rem;}
.bg1{background:#f4f4f4;}
.bg2{background:#0a0200;}
.bg3{background:#be9136;}
.textindent{text-indent:30px;}
.mobile .mainshow{width:90%;}

.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;}
.padding100{padding:100px;}
.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%;}
.h90{height:90px;}
.h100{height:100px;}
.opacity0{opacity:0;}
.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;}
.anime1500{-webkit-transition:all 1.5s;-moz-transition:all 1.5s; -o-transition:all 1.5s;}
.anime20s{-webkit-transition:all 20s;-moz-transition:all 20s; -o-transition:all 20s;}

.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:#333;text-align:center;margin:auto auto 60px;padding:50px;line-height: 50px;font-size:28px;font-weight: 600;clear:both;background:url("images/title.bg.1.png") no-repeat;background-position:center -90px}
.ptitle1.s2{background-position:center 108px;color:#fff;}
.mobile .ptitle1{margin:auto auto 50px;padding:10px;font-size:18px;background-position:center -150px}
.mobile .ptitle1.s2{background-position:center 50px}

.ptitle2{display:inline-block;overflow:hidden;color:#333;text-align:left;margin:60px auto 60px;line-height: 40px;font-size:20px;border-bottom: 1px solid #333;}
.ptitle2 i{font-style:normal;padding-right:30px;}
.mobile .ptitle2{margin:30px auto 10px;}

.zoom{position: absolute;left:0;top:0;width:100%;height:100%;background:url("images/alpha.000.60.png");opacity: 0;}
.zoom img{position: absolute;left:50%;top:50%;margin:-31px 0 0 -31px;}

.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-bottom:1px solid #050d2a;}
.line2{border-bottom:1px solid #464646;}

#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;}



.linkbutton{width:120px;height:40px;font-size:1.2rem;cursor:pointer;line-height:40px;border-radius:20px;text-align: center;-webkit-animation:linkbutton 5s infinite cubic-bezier(.5,0,.5,1)}
.linkbutton a{display:block;width:100%;height:100%;}
.linkbutton:hover{background:#be9136;color: #fff;border-color:#fff;}
@keyframes linkbutton {
	0% { background: none;}
	25% { background: #fff;color:#000;}
	50% { background: #be9136;color:#fff;}
	75% { background: #1f1e64;color:#fff;}
}






.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}





#Mainshow{width:100%;height:100%;display: block;position: absolute;top:0;left:0;z-index:2;background:#000;}
#Mainshow #Show,#Mainshow #Show2{left:0;top:0;width:100%;height:100%;position:absolute;}
#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;}

#MenuTag{position:fixed;right:0;top:0px;z-index:30;width:60px;height:60px;cursor:pointer;background:none;display:none;}
#MenuTag.m{left:0;right:auto;}
#MenuTag span{position:absolute;display:block;width:26px;height:2px;background:#ccc;right:17px;}
#MenuTag:hover span,#MenuTag.a span{background:#fff;}
#MenuTag span.m_1{top:23px;width:20px;}

#MenuTag span.m_2{top:26px;display:none;}
#MenuTag span.m_3{top:32px;width:30px;}
#MenuTag:hover span.m_1{width:26px;}
#MenuTag:hover span.m_3{width:26px;}

#MenuTag.a span.m_1{top:26px;width: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;width:26px;-webkit-transform:scale(1.1) rotate(135deg);-moz-transform:scale(1.1) rotate(135deg);-o-transform:scale(1.1) rotate(135deg);}
.mobile #MenuTag{display:block;}

#Top{width:100%;height:130px;display: block;position:fixed;top:0;left:0;margin:0 auto;z-index:20;}

#Top #Logo{width:120px;float:left;margin:40px auto 0;}
#Top #Logo img{width:100%;display:inline;}

#Top #Tnav{float:right;line-height:130px;}
#Top #Tnav>ul>li{padding:10px 20px;display:inline-block;font-weight:normal;font-size:1.7rem;}


#Top #Tnav>ul>li>a{color:#fff;padding:0 5px;display:block;line-height: 35px;}
#Top #Tnav>ul>li>a:hover,#Top #Tnav>ul>li.a>a,#Top #Tnav>ul>li.on>a{color:#be9136;border-bottom: 1px solid #be9136}
#Top #Tnav li li>a{color:#fff}

#Top #Tnav .l1 a{width:100%;height:100%;display:block}
#Top #Tnav .l1 a:hover{color:#A7A7A7}
#Top #Tnavbg{display:block;position:absolute;left:0;top:130px;right:0;height:0;background:url("/images/alpha.000.80.png");z-index:20;}
#Top #Tnavbg.a{height:390px;}
#Top.a{background:url("/images/alpha.000.80.png");height:60px;}
#Top.a #Logo{margin:10px auto 0;width:100px;}
#Top.a #Tnav{line-height: 60px;}


#Topspace{width:100%;height:60px;display: none;}

.mobile #Top{height:auto;width:100%;}
.mobile #Top .mainshow{width:100%;}
.mobile #Top #Logo{width:100%;height:60px;float:none;margin:0;text-align: center;background:#000;position:absolute;left:0;top:0;z-index:25;}
.mobile #Top #Logo img{width:100px;margin-top:10px;}
.mobile #Top #Tnav{position:fixed;width:100%;height:100%;top:0px;right:-100%;bottom:0;background:url("/images/alpha.000.90.png");float:none;overflow:hidden;z-index:10;}
.mobile #Top #Tnav>ul{margin-top:120px;}
.mobile #Top #Tnav>ul>li{display:block;clear:both;width:100%;border:none;padding:0 0;font-size: 14px;}
.mobile #Top #Tnav>ul>li>a:hover,.mobile #Top #Tnav>ul>li.a>a,.mobile #Top #Tnav>ul>li.on>a{background:#333;border-bottom:none;}
.mobile #Top #Tnav>ul>li>a{line-height:60px;padding:0}

.mobile #Top #Tnav.open{right:0;}
.mobile #Topspace{display:block;}
.mobile #Bottom .box{width:95%;}


#ifx{margin:auto;}
#ifx > img{width:100%;display: inherit;}
#ifx .title{width:100%;color:#fff;font-size:1.6rem;}
#ifx #tubiao{margin:auto;}




/*#Top #nav.a .r a{border-left: 1px solid #e5e5e5}*/
#BottomSpace{width:100%;display:block;clear:both;}
#Bottom{clear:both;line-height:45px;background:#181818;color:#fff;padding-top:10px;}
#Bottom .box{width:100%;margin:0 auto;display: block;}
#Bottom a{color:#9d9d9c;}
#Bottom #Bnav{padding: 0 0 10px;}
#Bottom .titleco{line-height:25px;}
#Bottom .titleco b{font-size:16px;color:#be9136;display:block;margin-top:10px;}
#Bottom .titleco span{display:block;font-size:12px;}

#Bottom #Bnav>ul{margin:0 auto;overflow:hidden;}
#Bottom #Bnav>ul>li{width:45%;line-height:50px;font-size:1.4rem;font-weight:bold;display:inline-block;margin:0 5% 0 0;vertical-align: top;text-align:left;}
#Bottom #Bnav>ul>li:first-child{display: none;}
#Bottom #Bdy{background:#fff;border:1px solid #fff;width:80%;height:30px;overflow:hidden;margin:auto;}
#Bottom #Bdy input{width:80%;margin:0;height:30px;line-height:30px;border:none;background:#fff;text-align:center;float:left;}
#Bottom #Bdy .send{background:#000;color:#fff;width:20%;overflow: hidden;}


#Bottom #copyright{clear:both;text-align:center;overflow:hidden;width:100%;}

#Bottom #copyright .copyright{display:block;clear:both;color:#616161;}
#Bottom #copyright .copyright a{color:#616161;margin:0 10px;display:inline-block}
#Bottom #copyright img{display:inline-block;vertical-align:middle;}


#Bottom .mainshow{display: flex;flex-wrap: wrap;margin:30px auto;}
#Bottom .mainshow .box{width:25%;text-align: left;color:#9d9d9c}
#Bottom .mainshow .box .ewm{margin:10px 0;}
#Bottom .mainshow .box .ewm img{height:100px;margin-right:10px;}
#Bottom .mainshow .box #ifx{color:#be9136;}
#Bottom .mainshow .box .title{font-size:16px;font-weight:bold;color:#be9136;margin-bottom: 10px;}
#Bottom .box.Bnav{width:20%;float:right;}

.mobile #Bottom #Bnav>ul>li{text-align: center;}
.mobile #Bottom .box{width:100%;text-align: center;line-height:28px;margin-top:30px;}
.mobile #Bottom #Bnav>ul>li{line-height:30px;}









.icolink{width:30px;height:30px;margin:10px 0 0 5px;display:inline-block;position:relative;}
.icolink a{width:100%;height:100%;display:block;}
.icolink.wb{background:url(images/ico.wb.png) no-repeat center center;background-size:80%;}
.icolink.wx{background:url(images/ico.wx.png) no-repeat center center;background-size:80%;}
.icolink.yk{background:url(images/ico.yk.png) no-repeat center center;background-size:80%;}
.icolink .pic{display:none;position:absolute;width:200px;height:200px;left:-85px;bottom:50px;z-index:2}
.icolink .pic img{width:100%;}
.icolink.wx:hover .pic{display:block;}

#Banner{width:100%;background:#000;overflow:hidden;position: relative;}
#Banner .pic{width:100%;overflow: hidden;}
#Banner .pic img{width:100%;display: inherit;}
#Banner .title{position:absolute;background:url("/images/alpha.000.80.png");left:0;top:0;right:0;bottom:0;display: flex;justify-content: center;align-items:center;}
#Banner .title .box{width:50%;min-width: 600px;color: #fff;text-align: center;}
#Banner .title .t1,#Banner .title .t3{width:360px;margin:auto;box-sizing: border-box;border: 4px solid #fff;}
#Banner .title .t1{border-bottom:none;font-size:24px;padding:30px 0 10px 0;}
#Banner .title .t2{width:100%;font-size:60px;color:#be9136;white-space: nowrap;}
#Banner .title .t3{border-top:none;font-size:14px;padding:10px 0 30px 0;}
#Banner .title .t1,#Banner .title .t2,#Banner .title .t3{opacity: 0}



.mobile #Banner .pic{height:450px;overflow:hidden;}
.mobile #Banner .pic img{width:auto;height:100%;}
.mobile #Banner .title{background:url("/images/alpha.000.50.png")}
.mobile #Banner .title .box{width:40%;min-width: 400px}
.mobile #Banner .title .t1,.mobile #Banner .title .t3{width:270px;}
.mobile #Banner .title .t1{font-size:16px;padding:10px 0 10px 0;}
.mobile #Banner .title .t2{font-size:24px;padding:10px 0}
.mobile #Banner .title .t3{font-size:12px;padding:10px 0 10px;}
.mobile #iabout .h90{display:none;}
.mobile #iabout .info{margin:20px auto 50px;}
.mobile #iabout .style ul{margin:0 auto 50px}
.mobile #ifilm{padding:10px 0;}




#ibar{box-sizing:border-box;margin:-68px auto ;padding:30px;background:#fff;overflow:hidden;height:136px;position:relative;z-index:5;box-shadow: 3px 10px 5px #ccc;color:#be9136;}

#ibar .search{float:left;width:33%;}
#ibar .searchbox{width:90%;border:1px solid #ccc;border-radius:15px;height:35px;line-height:35px;margin-bottom: 5px;}
#ibar .searchbox input{width:75%;height:98%;float: left;border:none;background:none;margin-left:5%;}
#ibar .searchbox button{background:url("/images/i.search.button.png") no-repeat center;border:none;background-color: none;width:17%;height:80%;border-left:1px solid #ccc;margin-top:4px;}
#ibar .search .tag{clear:both;text-align: left;color:#333;}


#ibar .tel{float:left;width:33%;border:1px solid #e3e3e3;border-width:0 1px 0 1px;height:75px;background:url("/images/i.tel.png") no-repeat 60px 12px;font-size:28px;text-align:left;}
#ibar .tel i{padding:5px 0 0 140px;font-style: normal;display:block}
#ibar .tel span{font-size:12px;display:block;}
#ibar .guanzhu{height:75px;float:right;text-align: right;width:33%;background:url("/images/wx-t.jpg") no-repeat right top;background-size:auto 100%;}
#ibar .guanzhu i{padding:15px 100px 0 0;font-style: normal;display:block}

.mobile  #ibar{display:none;}

#ishow{background-color:#e7e7e7;overflow:hidden;}
#ishow .detail{width:75%;margin:90px auto;overflow: hidden;}
#ishow .detail .title{color:#000;padding:0px 0 50px;overflow:hidden;}
#ishow .detail .title b{display:block;font-size:4rem;}
#ishow .detail .title span{display:block;font-size:1.4rem;margin-top:10px;}



#ifilm{width:100%;overflow:hidden;padding:80px 0;}
#ifilm .film{width:100%;position:relative;}
#ifilm .film>img{width:100%;display: inherit;}
#ifilm .film video{width:100%;height:100%;min-height:400px;object-fit: cover;}
#ifilm .film .play{position:absolute;top:50%;margin-top:-55px;text-align:center;width:100%;}
#ifilm .film:hover>img{-webkit-filter: brightness(.6);filter: brightness(.6);}

#baidumap2{width:100%;min-height:500px;}
.mobile #baidumap2{min-height:350px;}
.mobile .maptop{display:none;}


.icollection{width:100%;overflow:hidden;}
.icollection ul{overflow:hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}
.icollection li{width:23%;float: left;border:5px solid #e7e7e7;}
.icollection li .pic{width:100%;}
.icollection li .pic img{width:100%;display:inherit;}
.icollection li .info{padding:10px 0;text-align:left;}
.icollection li .info b{font-size:1.6rem;color:#000;font-weight: 600;}
.icollection li .info .p{font-size:1.2rem;color:#959595;line-height:30px;width:100%;margin:auto;}

.icollection li:hover{border-color: #bb8811;}
.icollection li:hover .info{text-align: center;}




#iabout{overflow:hidden;}
#iabout .info{margin:20px auto 110px;overflow: hidden;}
#iabout .info .pic{width:50%;}
#iabout .info .pic img{width:90%;box-shadow: -15px -15px 0px #ccc;margin:15px 0 0 15px;}
#iabout .info .text{width:45%;padding-top: 30px;font-size: 16px;}
#iabout .info .text .p{margin-bottom: 60px;}

#iabout .style{background:#fff;}
#iabout .style ul{width:100%;overflow:hidden;margin:0 auto 80px;border: 1px solid #ccc;border-width: 1px 0 0 1px;text-align: center;display: flex;flex-wrap: wrap;box-sizing: border-box;}
#iabout .style li{width:25%;float:left;border: 1px solid #ccc;border-width: 0 1px 1px 0;position: relative;padding-bottom: 80px;box-sizing: border-box;}
#iabout .style li .bb{width:100%;height:100%;position: absolute;z-index:0;left:0;top:0;background-size:cover;background-position: center;opacity:0;}
#iabout .style li .show{position:relative;width:100%;height: 100%;left:0;top:0;z-index: 1;}
#iabout .style li .pic{width:100%;}
#iabout .style li .pic img{width:100%;display:inherit;}
#iabout .style li .title{font-size:24px;text-align: center;}
#iabout .style li .p{font-size:14px;padding:5px 20px;color:#999;}
#iabout .style li .l{position:absolute;bottom:-20px;left:50%;width:30px;height:4px;margin-left:-15px;background:#ccc}
#iabout .style li:hover .bb{opacity: 1;}
#iabout .style li:hover .pic img{width:100%;display:inherit;}
#iabout .style li:hover .title{color:#fff;}
#iabout .style li:hover .p{color:#fff;}
#iabout .style li:hover .l{background:#fff;}
#iabout .style li:hover .pic{filter: brightness(3);}

#iabout .about1{float:right;width:60%;text-align: left;}

.mobile #iabout .style li{padding-bottom: 30px;}
.mobile #iabout .style li .l{bottom:-5px}
.mobile #iabout .style li .p{line-height:22px;}

.mobile #iabout .info .pic{width:100%;}
.mobile #iabout .info .pic img{width:100%;box-shadow:none;margin:0;}
.mobile #iabout .info .text{width:100%;font-size:14px;}
.mobile #iabout .info .linkbutton {float:right;display:none;}
.mobile #iabout .style li .p{font-size:12px;}
.mobile #iabout .info .text .p{margin-bottom:0px;}

.mobile #iabout .style li{width:50%;}
.mobile #ibrand{padding:0 0 0 0}
.mobile #ibrand li{height:400px;}
.mobile #ibrand li .title{font-size:14px;}
.mobile #ibrand li .title span{font-size:12px;}
.mobile #ibrand li .title .link{display:none;}
.mobile #ibrand  ul{}
.mobile #ibrand  li .pic img{width:200px;}
.mobile #ibrand li .tosite{width:100px;height:30px;}


.mobile #ihr{min-height:300px;}
.mobile #ihr img{max-width:95%;}


#ibrand{padding:0 0 90px 0}
#ibrand  ul{width:100%;overflow:hidden;margin:0;text-align: center;position: relative;}
#ibrand  li{width:100%;height:700px;text-align:left;margin-bottom:50px;display: flex;align-items: center;justify-content: center;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;overflow:hidden;}
#ibrand  li .pic{width:100%;overflow:hidden;box-sizing: border-box;border:0px solid #ccc;text-align:center;}
#ibrand  li .pic img{width:300px;display:block;margin:0 auto 40px;}
/*#ibrand  li:nth-child(2){right:0;}*/
#ibrand  li .tosite{width:120px;height:30px;color:#fff;margin:auto;border:1px solid #b5b5b5;border-radius:15px;line-height:30px;overflow:hidden;}
#ibrand  li a{color:#fff;width:100%;height:100%;display:block;}
#ibrand  li:hover .tosite a{background:#be9136}
#ibrand  li:hover .tosite{border-color:#be9136}
#ibrand  li.a{width:90%;z-index:1;}
#ibrand  li.aa{width:10%;z-index:0;}

#ihr{padding:0 0 90px 0;background:url("images/ihr.bg.jpg")no-repeat center center;background-size: cover;min-height:600px;}
#ihr  ul{width:100%;overflow:hidden;margin:0;text-align: center;display: flex;flex-direction: row;justify-content:center;}
#ihr  li{width:25%;height:230px;}
#ihr  li .pic{width:100%;border-radius: 15px;overflow: hidden;}
#ihr  li .pic img{width:100%;display:inherit;}
#ihr  li .title{line-height: 50px;}


#itext{width:100%;background:#181818;padding:80px 0;margin:auto;font-size:3.0rem;color:#fff;}
#itext p{padding:0;margin:0;}
#itext span{display:block;text-align:center;margin:auto;font-size:1.6rem;color:#626262;margin-top:30px;text-transform:uppercase;}



#brand{position:relative;margin:50px auto}
#brand #brands,#brand #brands2{overflow:hidden;}
#brand  ul{margin:0;text-align: center;overflow:hidden;}
#brand  li{width:100%;text-align: left;position:relative;margin-bottom: 80px;overflow:hidden;}
#brand  li .pic{width:100%;position: relative;display: flex;align-items:center;justify-content:center;}
#brand  li .pic>img{width:100%;display:inherit;}
#brand  li .pic .blogo{width:42%;position:absolute;text-align: center}
#brand  li .pic .blogo img{width:50%;min-width:160px;max-width:300px;display:inherit;margin:auto;}

#brand  li .tosite{width:120px;height:30px;color:#fff;margin:40px auto;border:1px solid #b5b5b5;border-radius:15px;line-height:30px;overflow:hidden;}
#brand  li a{color:#fff;width:100%;height:100%;display:block;}
#brand  li .pic:hover .tosite a{background:#be9136}
#brand  li .pic:hover .tosite{border-color:#be9136}


#brand  li .detail{color:#333;font-size:14px;width:100%;margin:50px auto;line-height: 30px;}
#brand  li .detail .floatleft{width:65%;}
#brand  li .detail .floatright{width:30%;text-align: right;overflow:hidden;}
#brand  li .detail .floatright img{margin-top:-50px;width:60%;max-width: 240px;}
#brand  li .detail .floatright:hover{opacity:.6;}


#brand .swiper-button-white{color:#be9136;}
#brand .swiper-pagination span{background:#fff;width:20px;border-radius: 5px;}
#brand .swiper-pagination span.swiper-pagination-bullet-active{background:#be9136;}
.mobile #brand{margin:50px auto 10px}
.mobile #brand  li .detail .floatleft,.mobile #brand  li .detail .floatright{width:100%;text-align: left;}
.mobile #brand .swiper-button-white{color:#be9136;;}
.mobile #brand  li .pic{width:90%;}
.mobile #brand li .tosite{margin:10px auto;}

#business{padding:100px 0;display: block;}
#business .detail{padding:20px auto 100px;}
#business .detail b, #business .detail strong{color:#be9136;font-size:16px;}

#comment{width:60%;margin:100px auto;}
#comment .l1{overflow:hidden;border-bottom: 2px solid #626262;}
#comment .l1.a{border-color: #bb8739}
#comment label,#comment input,#comment textarea{margin:10px 0;}
#comment label{width:50px;text-align: center;display:inline-block}
#comment input,#comment textarea{width: calc(100% - 60px);background:none;border:none;}
#comment textarea{height:120px;}
#comment .send{width:120px;height:40px;background:#be9136;border-radius: 5px;color:#fff;margin:20px auto 20px;text-align:center;line-height:40px;cursor:pointer}
#comment .send:hover{background:#000;}


.mobile #business{padding: 30px 0;}
.mobile #comment{width:100%;margin:50px auto;}

.lianxi{margin:50px auto;}
.lianxi .floatleft{width:40%;}
.lianxi .floatright{width:50%;}
.lianxi #comment{width:100%;margin:0 auto;}
.mobile .lianxi{margin:0px auto;}
.mobile .lianxi .floatleft,.mobile .lianxi .floatright{width:100%;margin: 30px auto;}
.mobile .lianxi .floatleft{text-align: center;}


#pagetype{width:60%;max-width:1000px;padding:40px 0;text-align:center;font-size:14px;margin:auto auto 50px;border-bottom:1px solid #081458;}
#pagetype li{display:inline-block;margin:0 20px;text-align:center;line-height:30px; vertical-align: top;border-bottom:2px solid #fff}
#pagetype li.a,#pagetype li.a a{color:#081533;border-color:#050d2a}
#pagetype.m{width:90%;margin:auto }
#pagetype.m li{margin:0 10px;}



#news{width:100%;background:#fff;overflow: hidden;}
#news .list{width:100%;margin:90px auto;overflow: hidden;}
#news .list ul{display:flex;justify-content:space-between;flex-wrap:wrap;overflow: hidden;}
#news .list ul li{width:45%;font-size:1.4rem;float:left;margin:0 auto 50px;}
#news .list ul li .pic{width:100%;position: relative;}
#news .list ul li .pic>img{width:100%;display: inherit;}
#news .list ul li .info{margin-top:20px;text-align: left;}
#news .list ul li .info b{font-weight:normal;font-size:16px;}
#news .list ul li .info p{font-size:12px;}
#news .list ul li:hover .pic .zoom{opacity:1;}




#newsdetail{width:100%;background:#fff;padding-bottom: 100px;}
#newsdetail .title{width:90%;margin:30px auto;text-align: center;display: flex;justify-content: center;align-items: center;}
#newsdetail .title h1{padding-top:20px;font-size:1.8rem;color:#000;line-height:30px;display: flex;flex-direction: column;}
#newsdetail .title .addtime{font-size:1.2rem;margin-top:0px;font-weight: normal;}
#newsdetail .detail{width:90%;margin:auto;display:block;clear: both;font-size:1.3rem;line-height:30px;color:#1b1b1b;padding:20px 0;text-align: left;}
#newsdetail .detail img{max-width:100%;}
.mobile #newsdetail .detail p{padding:0;margin:0;}


#about{overflow:hidden;line-height: 35px;}
#about .about1{float:right;width:60%;text-align: left;margin-bottom: 200px;}
#about .about2{margin:auto;overflow: visible;}
#about .about2 .pic{width:50%;float:left;overflow:hidden;margin-top:-120px;padding-bottom:100px;}
#about .about2 .pic img{width:90%;box-shadow: -15px -15px 0px #be9136;margin:15px 0 0 15px;}
#about .about2 .detail{width:40%;float:right;text-align: left;}
#about .about2 .detail a{font-weight:bold;color:#be9136}


#about .about3{margin:auto;}
#about .about3 .pic{width:100%;overflow:hidden;position:relative;}
#about .about3 .pic img{width:100%;}
#about .about3 .pic .title{position:absolute;width:100%;top:45%;left:0;color:#fff;font-size:16px;text-align: center;}
#about .about3 .pic .title i{font-style:normal;font-size:32px;display:block;}
#about .about3 .detail{width:60%;margin:100px auto 200px;text-align: left;}

#about .about4{margin:200px auto 100px;overflow: visible;}
#about .about4 .pic{width:50%;float:right;overflow:hidden;margin-top:-120px;padding-bottom:100px;}
#about .about4 .pic img{width:90%;box-shadow: -15px -15px 0px #be9136;margin:15px 0 0 15px;}
#about .about4 .detail{width:40%;float:left;text-align: left;}
#about .about4 .detail a{font-weight:bold;color:#be9136}




.mobile #about{line-height:30px;}
.mobile #about .about1{width:100%;margin-bottom: 0px;}
.mobile #about .about2 .pic{width:100%;margin-top:0;padding-bottom: 0;max-height: 300px;overflow:hidden;}
.mobile #about .about2 .pic img{width:100%;box-shadow:none;margin:-100px 0 0 0}
.mobile #about .about2 .detail{width:100%;margin-bottom: 50px;}

.mobile #about .about3 .detail{width:95%;color:#000;margin: 50px auto 50px;}
.mobile #about .about3 .pic .title{top:30%;}
.mobile #about .about3 .pic i{font-size:12px;}
.mobile #about .about4{margin:20px auto 30px}
.mobile #about .about4 .pic{width:100%;margin-top:0;padding-bottom: 0;max-height: 300px;overflow:hidden;}
.mobile #about .about4 .pic img{width:100%;box-shadow:none;margin:-100px 0 0 0}
.mobile #about .about4 .detail{width:100%;margin-bottom: 50px;}

#aboutdetail{width:100%;background:#fff;overflow: hidden;position: relative}
#aboutdetail .type{width:15%;float:left;min-width:100px;padding:30px 0 0 30px;text-align:left;}
#aboutdetail .type.a{position:absolute;}
#aboutdetail .type b{font-size:1.6rem;line-height: 50px;color:#000;}
#aboutdetail .type ul{overflow:hidden;}
#aboutdetail .type ul li{line-height:50px;font-size:1.4rem;overflow: hidden;border-top:1px solid #e6e6e6;color:#000;}
#aboutdetail .type ul li a{color:#000;display:block;width:100%;height:100%;}
#aboutdetail .type ul li.a a,#aboutdetail .type ul li:hover a{color:#bb8811;}

#aboutdetail .detail{width:78%;float:right;text-align: left;padding:60px 30px 20px 0;color:#000;min-height: 800px;}
#aboutdetail .detail .title{font-size:4rem;text-align: center;}
#aboutdetail .detail .showdetail{font-size:1.6rem;width:90%;margin:50px auto;}
#aboutdetail .detail .showdetail img{max-width:98%;}







.pagelist{display:block;clear:both;text-align:center;margin:50px auto;font-size:1.6rem;}
.pagelist a{height:40px;line-height:40px;padding:0 15px;border-bottom:1px solid #fff;box-sizing: border-box;font-size:1.6rem;vertical-align:bottom;display:inline-block;}
.pagelist a.a{border-bottom:3px solid #081458;}




.showpic{position:fixed;left:0;right:60px;top:80px;bottom:50px;background:#fff;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position: center center;}
.showpic.m{right:0;}

.lgongsi{width:75%;overflow:hidden;margin:50px auto 90px;position:relative;}
.lgongsi .pic{width:55%;float:right;overflow:hidden;}
.lgongsi .pic img{width:100%;display:inherit;}
.lgongsi .info{width:30%;left:0;bottom:0;position:absolute;}
.lgongsi .info h3{font-size:2rem;margin-bottom: 20px;color:#000;}
.lgongsi .info .p{font-size:1.4rem;color:#3f3f3f;line-height:30px;padding-bottom: 80px;border-bottom: 2px solid #000;}
.lgongsi .info .link{background:#000;color:#fff;height:60px;line-height:60px;display:block;margin-top:35px;width:100%;text-align: center;}






.bcampaign{width:100%;overflow:hidden;position:relative;}
.bcampaign img{width:100%;display: inherit;}
.bcampaign .title{position:absolute;left:0;top:0;width:100%;height:100%;background:url("images/alpha.000.80.png");color:#fff;text-align: center;}
.bcampaign .title b{display:block;margin-top:15%;font-size:3.2rem;font-weight: 200;width:100%;line-height: 4rem;text-transform:uppercase}
.bcampaign .title a{display:block;padding:5px 30px;background:#bb8811;color:#fff;width:120px;margin:20px auto}




.bstyle{background:#eee;width:75%;margin:100px auto;overflow:hidden;position: relative;border:20px solid #eee;}
.bstyle ul{}
.bstyle ul li{width:100%;clear:both;overflow:hidden;}
.bstyle ul li .pic{width:55%;float: left;overflow:hidden;}
.bstyle ul li .pic img{width:100%;display:inherit;}
.bstyle ul li .info{width:30%;float: right;text-align: left;margin-right:5%;}
.bstyle ul li .info .title{font-size:1.6rem;color:#000;line-height: 3rem;font-weight: 500;margin-top:18%;}
.bstyle ul li .info .p{font-size:1.2rem;color:#4c4c4c;}
.bstyle .pp{position:absolute;width:30%;right:5%;bottom: 15%;border-top:1px solid #ccc;overflow: hidden;height:40px;z-index:10;}
.bstyle .pp .swiper-pagination{text-align:right;width:50px;right:0;left:auto;}
.bstyle .pp .swiper-button-next{right:auto;left:50px;}

.bstyle{
    --swiper-theme-color: #ccc;/* 设置Swiper风格 */
    --swiper-navigation-color: #ccc;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 25px;/* 设置按钮大小 */
  }




#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;}

#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%;}