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: 1180px;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:95%;}

.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%;}
.h50{height:50px;}
.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(../image/cr231csuop_alpha.fff.80.webp);position:fixed;z-index:50;top:0;left:0;}
.bg85{background:url(http://www.shwanwei.cn/images/alpha.000.85.webp);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;text-align:left;margin:30px auto 60px;font-size:18px;font-weight: 600;position:relative;padding-bottom: 20px;}
.ptitle1 span{display:block;clear:both;font-size:32px;color:#dcdcdc;text-transform:uppercase;margin-bottom: 10px;}
.ptitle1 i{display:block;position:absolute;width:60px;height:5px;background:#e6a94e;overflow:hidden;left:0;bottom:0;}
.ptitle1.s2{text-align: center;color:#fff;}
.ptitle1.s2 span{color:#7f7f7f;}


.mobile .ptitle1{text-align:center;}
.mobile .ptitle1 i{left:50%;margin-left:-30px;}

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


.zoom{position: absolute;left:0;top:0;width:100%;height:100%;background:url("../image/cr231csuop_alpha.000.60.webp");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(http://www.shwanwei.cn/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{height:40px;padding:0 20px;display:inline-block;font-size:1.2rem;cursor:pointer;line-height:40px;text-align: center;background:#e6a94e;color:#fff;}
.linkbutton a{display:block;width:100%;height:100%;color:#fff;}

.actmouse{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;font-size:2rem;color:#fff;background:url(../image/cr231csuop_alpha.000.80.webp);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(../image/cr231csuop_space.webp);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(http://www.shwanwei.cn/images/down.webp) 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("../image/cr231csuop_alpha.000.80.webp");z-index:20;}
#Top #Tnavbg.a{height:390px;}
#Top.a{background:url("../image/cr231csuop_alpha.000.80.webp");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("http://www.shwanwei.cn/images/alpha.000.90.webp");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%;}
.mobile #Bottom #Bnav>ul>li{font-size:12px;margin: 0 8px 0 0;}

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

#Bottom #Bnav{padding: 0 0 10px;}

#Bottom #Bnav>ul{margin:0 auto;overflow:hidden;}
#Bottom #Bnav>ul>li{line-height:50px;font-size:1.4rem;font-weight:bold;display:inline-block;margin:0 50px 0 0;vertical-align: top;text-align:left;}
#Bottom #Bnav>ul>li:first-child{display: none;}
#Bottom a:hover{color:#be9136}
#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:#bdbdbd;}
#Bottom #copyright .copyright a{color:#bdbdbd;margin:0 10px;display:inline-block}
#Bottom #copyright .copyright a:hover{color:#fff;}
#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;}





.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(../image/cr231csuop_ico.wb.webp) no-repeat center center;background-size:80%;}
.icolink.wx{background:url(../image/hgf@1ilk_ico.cr231csuop_wx.webp) no-repeat center center;background-size:80%;}
.icolink.yk{background:url(http://www.shwanwei.cn/images/ico.yk.webp) 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;margin-bottom: 80px;}
#Banner .pic{width:100%;overflow: hidden;}
#Banner .pic img{width:100%;display: inherit;}
#Banner .bottom{position:absolute;overflow:hidden;left:0;bottom: -1px;width:100%;height:130px;background:url("../image/cr231csuop_banner_b.webp") no-repeat bottom center;background-size:100% 100%;z-index:2;}

#Banner .title{position:absolute;background:url("../image/cr231csuop_alpha.000.80.webp");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;margin-top:-50px;}
#Banner .title .t1,#Banner .title .t3{width:360px;margin:auto;}
#Banner .title .t1{border-bottom:none;font-size:24px;padding:10px 0 0 0;}
#Banner .title .t2{width:100%;font-size:60px;color:#fff;white-space: nowrap;margin:10px auto 20px;}
#Banner .title .t3{border-top:none;font-size:14px;padding:10px;background:#bb8739;}
#Banner .title .t1,#Banner .title .t2,#Banner .title .t3{opacity: 0}
#baidumap2{width:100%;min-height:500px;}
.mobile #baidumap2{min-height:350px;}

.mobile #Banner .pic{height:450px;overflow:hidden;}
.mobile #Banner .pic img{width:auto;height:100%;}
.mobile #Banner .title{background:url("../image/cr231csuop_alpha.000.50.webp")}
.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 0 0;}
.mobile #Banner .title .t2{font-size:32px;padding:10px 0;margin:0;}
.mobile #Banner .title .t3{font-size:12px;padding:10px 0 10px;}
.mobile #iabout .info{margin:20px auto 50px;}

.mobile #ifilm{padding:10px 0;}
.mobile #Banner .bottom{background-size:100%;}



#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("../image/cr231csuop_i.search.button.webp") 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("http://www.shwanwei.cn/images/i.tel.webp") 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("../image/cr231csuop_wx.webp") 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;}
#ifilm .film{width:100%;position:relative;background:#000;overflow: hidden;}
#ifilm .film .pic{overflow:hidden;}
#ifilm .film .pic img{width:100%;display: inherit;opacity: .3}
#ifilm .film .z{position:absolute;left:0;top:0;width:100%;height:100%;background:url("../image/cr231csuop_alpha.000.60.webp");}
#ifilm .film video{width:100%;height:100%;min-height:400px;object-fit: cover;}
#ifilm .film .play{position:absolute;top:45%;margin-top:-55px;text-align:center;width:100%;color:#fff;display:block;}
#ifilm .film .play:hover img{transform:rotate(120deg);
-ms-transform:rotate(120deg); /* Internet Explorer */
-moz-transform:rotate(120deg); /* Firefox */
-webkit-transform:rotate(120deg); /* Safari 和 Chrome */
-o-transform:rotate(120deg); /* Opera */}
#ifilm .film:hover .z{opacity:0}
#ifilm .film .play .title{clear:both;font-size:28px;margin:10px auto;}
#ifilm .film .play  p{font-size:14px;color:#c9c9c9;line-height:30px;}

.mobile #ifilm .film .play{top:38%;}







#iabout{overflow:hidden;}
#iabout .info{margin:20px auto 110px;overflow: hidden;}
#iabout .info .pic{width:45%;}
#iabout .info .pic img{width:100%;}
#iabout .info .text{width:45%;padding-top: 30px;font-size: 16px;color:#666;}
#iabout .info .text .p{margin-bottom: 60px;}

/*
.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;}

.sanlink>.title{font-size:18px;line-height:40px;text-align: left;margin: 50px auto;font-weight: 600;}
.sanlink ul{width:100%;overflow:hidden;margin:0 auto 80px;text-align: center;display: flex;box-sizing: border-box;justify-content: space-between;flex-wrap: wrap;}
.sanlink li{width:32%;float:left;background:#fff;position: relative;text-align: left;}
.sanlink li .info{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:url("../image/cr231csuop_alpha.000.60.webp");text-align: center;opacity: 0;}
.sanlink li .pic{width:100%;}
.sanlink li .pic img{width:100%;display:inherit;}
.sanlink li .title{font-size:18px;line-height:40px;color:#fff;top:50%;position:absolute;width:100%;}
.sanlink li .title b{border-bottom:1px solid #ccc;padding-bottom:5px;}
.sanlink li .p{font-size:14px;padding:5px 0;color:#fff;position:absolute;top:43%;width:100%;}
.sanlink li .info:hover{opacity: 1;}
.sanlink li .info:hover .title{top:40%;color:#ccc;}
.sanlink li .info:hover .p{top:49%;}
*/

.icollection{width:100%;overflow:hidden;margin:0 auto 80px;}
.icollection ul{overflow:hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}
.icollection li{width:32%;float: left;position:relative;}
.icollection li .pic{width:100%;overflow:hidden;}
.icollection li .pic img{width:100%;display:inherit;}
.icollection li .info{position:absolute;width:60%;bottom:10%;left:20%;}
.icollection li .info span{display:block;border:1px solid #fff;font-size:1.3rem;color:#fff;line-height:30px;}

.icollection li:hover .info span{background:#bb8811;border:1px solid #bb8811;}
.icollection li:hover .pic{transform: scale(0.96);}
.icollection li:hover .pic img{transform: scale(1.08)}

.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;}
.mobile .sanlink ul{margin:0 auto 50px}
.mobile .sanlink>.title{text-align:center;}

.mobile  .sanlink li{width:100%;}
.mobile #ibrand{padding:0 0 50px 0}
.mobile #ibrand li{width:49%;}
.mobile #ibrand li .title{font-size:14px;}
.mobile #ibrand li .title span{font-size:12px;}
.mobile #ibrand li .title .link{display:none;}
.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;display: flex;flex-direction: row;justify-content:space-between}
#ibrand  li{width:45%;text-align: left}
#ibrand  li .pic{width:100%;}
#ibrand  li .pic img{width:100%;display:inherit;}
#ibrand  li .title{color:#fff;font-size:24px;position: relative;height:50px;padding:20px 0 10px;}
#ibrand  li .title span{color:#fff;font-size:14px;display: block;clear:both;line-height:30px;}
#ibrand  li .title .link{position: absolute;right:0;bottom:10px;border-color: #fff;}
#ibrand  li .title .link a{color:#fff;}



#ihr{padding:0 0 90px 0;background:url("../image/cr231csuop_ihr.bg.webp")no-repeat center center;background-size: cover;min-height:400px;}
#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{padding:0 0 200px 0}
#brand  ul{width:100%;overflow:hidden;margin:0;text-align: center;display: flex;flex-direction: row;justify-content:space-between}
#brand  li{width:45%;text-align: left}
#brand  li .pic{width:100%;}
#brand  li .pic img{width:100%;display:inherit;}
#brand  li .title{color:#333;font-size:24px;position: relative;height:50px;padding:20px 0 10px;}
#brand  li .title span{color:#333;font-size:14px;display: block;clear:both;line-height:30px;}
#brand  li .title .link{position: absolute;right:0;bottom:10px;border-color: #333;}
#brand  li .title .link a{color:#333;}
.mobile #brand li{width:49%;}
.mobile #brand li .title .link{display:none;}
.mobile #brand li .title{text-align:center;font-size:18px;}




#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: 50px 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;overflow:hidden;}
#news .list ul li .pic{width:100%;position: relative;overflow:hidden;}
#news .list ul li .pic>img{width:100%;display: inherit;}
#news .list ul li .pic a{display:block;width:100%;height:100%;}
#news .list ul li .info{margin-top:20px;text-align: left;}
#news .list ul li .info b{font-weight:normal;font-size:18px;}
#news .list ul li .info p{font-size:12px;}
#news .list ul li:hover .pic .zoom{opacity:1;}
#news .list ul li a:hover{color:#be9136}



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



#about{overflow:hidden;line-height: 35px;}
#about .about9{width:100%;text-align: left;margin-bottom: 60px;}
#about .about9 .linkbutton{margin:50px auto;}

#about .pic img{width:100%;display:block}
#about .about1{margin:20px auto;overflow: visible;}
#about .about1 .pic{width:40%;float:left;overflow:hidden;}
#about .about1 .detail{width:50%;float:right;text-align: left;}


#about .about2{margin:-200px auto -200px;height:500px;}
#about .about2 .pic{width:40%;float:right;overflow:hidden;margin-top:300px;}
#about .about2 .detail{width:40%;float:left;text-align: left;margin-top:100px}
#about .about2 .detail .ptitle1{margin-bottom: 100px;}




#about .about3{margin:80px auto;}
#about .about3 .pic{width:100%;overflow:hidden;position:relative;}
#about .about3 .detail{width:100%;margin:80px auto 200px;text-align: left;}

#about .about5{margin:auto;overflow: visible;}
#about .about5 .pic{width:100%;overflow:hidden;}
#about .about5 .detail{width:70%;float:right;text-align: left;margin:80px auto;}

#about .about6{margin:auto;overflow: visible;margin-top:400px;}
#about .about6 .pic{width:55%;overflow:hidden;float:left;margin-top: -350px;}
#about .about6 .detail{width:40%;float:right;text-align: center;margin:-230px auto 200px;}
#about .about6 .detail .title{margin:150px 0;} 

#about .about7{margin:auto;overflow: visible;margin-top:100px;}
#about .about7 .pic{width:40%;overflow:hidden;float:right;}
#about .about7 .detail{width:50%;float:left;text-align: left;margin:0 auto 100px;}

#about .about8{margin:auto;overflow: visible;}
#about .about8 .pic{width:100%;overflow:hidden;}
#about .about8 .detail{width:100%;text-align: left;margin:50px auto 150px;}




.mobile #about .about1{width:100%;}
.mobile #about .about1 .pic{width:100%;max-height:400px;overflow:hidden;}
.mobile #about .about1 .detail{width:100%;text-align: left;margin-bottom: 50px;}



.mobile #about .about9{width:100%;margin-bottom: 50px;}
.mobile #about .about2 .pic{width:100%;margin-top:0;padding-bottom: 0;max-height: 400px;overflow:hidden;}
.mobile #about .about2 .pic img{width:100%;box-shadow:none;margin:-100px 0 0 0}
.mobile #about .about2 .detail{width:100%;margin: 50px auto 0;}
.mobile #about .about2 .detail .ptitle1{margin-bottom: 0;}

.mobile #about .about3 .detail{margin:0}
.mobile #about .about3 .pic img{width:auto;height:300px;}


.mobile #about .about5 .detail{width:100%;margin:50px auto;}

.mobile #about .about6 .detail{margin:-230px auto 100px;}

.mobile #about .about7 .pic{width:100%;margin:50px auto;}
.mobile #about .about7 .detail{width:100%;margin:00px auto 100px;}


#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("../image/cr231csuop_alpha.000.80.webp");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(../image/cr231csuop_alpha.fff.90.webp) #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(http://www.shwanwei.cn/images/logo2.webp) 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(http://www.shwanwei.cn/images/pageto.webp) 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%;}