@charset "utf-8";
*{border:none;outline:none;font-size:12px;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica","Heiti SC","WenQuanYi Micro Hei","Arial",sans-serif;}
html{height:100%;}
body{margin:0;padding:0;background-color:#fff;position:relative;}
table{border-collapse:collapse;border-spacing:0;}
img{margin:0px;padding:0px;display:block;}
ol,ul,dl,ol li,ul li,dl dt,dl dd{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p{margin:0px;padding:0px;}
a{text-decoration:none;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica","Heiti SC","WenQuanYi Micro Hei","Arial",sans-serif;transition:all .25s;cursor:pointer;}
.clr{margin:0;padding:0;clear:both;font-size:0px;overflow:hidden;*zoom:1;visibility:hidden;display:block;font-size:0;height:0;line-height:0;}
.image{position:relative;display:inline-block;border:0;outline:0;}
.image img{display:block;width:100%;}
.image.featured{display:block;width:100%;}
.f12{font-size:12px;color:#999;}
.f12 a{font-size:12px;color:#999;}
.f12 a:link{color:#999;}
.f12 a:visited{color:#eee;}
.f12 a:hover{color:#fff;}
.f12 a:active{color:#fff;}
.line-1{width:100%;display:block;height:1px;margin:0;padding:0;background:#bfbfbf;overflow:hidden;}
.line-2{width:1000px;display:block;height:1px;margin:0 auto;padding:0;background:#bfbfbf;overflow:hidden;}
.sp_h{margin:0px;padding:0px;width:20px;height:20px;display:block;}
.sp_p{margin:0px;padding:0px;width:30px;height:30px;display:block;}
.sp_bo{margin:0px;padding:0px;width:50px;height:50px;display:block;}


#header{position:fixed;z-index:10000;height: 100%;}
.headbg{background-color: #f1f1f1;height: 100%;padding-right: 30px;}
.head-wrap{padding:40px 0 0 50px;}
.headp .logo{width:62px;height:114px;}
.headp .logo a{display:block;width:62px;height:114px;background:url("images/logo.png") no-repeat 0 0;background-size:cover;-ms-behavior:url(backgroundsize.min.htc);text-indent:-9999px;opacity:1;transition:all .35s;}
.headp .logo a:hover{opacity:.9;}
.headm{ width: 100%; display:none;background-color:#fff;-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.125);-moz-box-shadow:0 2px 3px rgba(0,0,0,0.125);box-shadow:0 2px 3px rgba(0,0,0,0.125);}
.headm .logo{width:100%;height:26px;position:relative;z-index:9999;padding:14px 0 14px 0;background-color:none;}
.headm .logo a{display:block;margin:0 0 0 20px;width:50px;height:26px;background:url("images/mlogo.png") no-repeat 0 0;background-size:cover;-ms-behavior:url(backgroundsize.min.htc);text-indent:-9999px;opacity:1;transition:all .35s;}
.headm .logo a:hover{opacity:.9;}
.headm .menu-btn{position:absolute;top:7px;right:8px;z-index:9999;display:inline;font-size:28px;line-height: 28px;}
.headm .menu-btn a{display:block;text-decoration:none;padding:6px 12px;}
.headm .btn-open:after{color:#888;font-size:20px;font-style:normal;content:"\e61b";font-family:"uxomc";-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;transition-property:all .2s linear 0s;}
.headm .btn-close:after{color:#fff;font-size:20px;font-style:normal;content:"\e61a";font-family:"uxomc";-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;transition-property:all .2s linear 0s;}
.headm .overlay{position:fixed;top:0;z-index:9998;overflow:auto;width:100%;height:100%;background:#010101;}
.headm .overlay-inner{margin:28% 5% 15% 5%;}
.in-content{width:100%;}
.in-wrap{padding:40px 40px 0 240px;}
.ux-content{width:100%;}
.ux-wrap{padding:40px 40px 0 240px;background-color: #fff;}
.ux-wo{padding:40px 40px 0 240px;background-color: #fff;}
.ux-wo .wo-inpa{padding-left: 20px;}
.menu{margin:48px 0;}
.menu-item{position:relative;margin:12px 0;}
.menu-item a{display:block;transition:all .5s;}
.menu-item a .ti-en{width:88px;float:left;font-size:15px;color:#444;line-height:20px;font-weight:bold;font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}
.menu-item a .ti-zh{display:inline;width:40px;float:left;font-size:14px;color:#333;line-height:20px;font-weight:bold;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica","Heiti SC","WenQuanYi Micro Hei","Arial",sans-serif;}
.menu-item a:hover .ti-en{color:#999;}
.menu-item a:hover .ti-zh{color:#888;}
.menu-item.hovers a.menu-item-btn .ti-en,.menu-item.hovers a.menu-item-btn .ti-zh{color:#111;}
.menu-item .menu-item-sub{padding:8px 0 6px 0;display:none;}
.menu-item .menu-item-sub dl dd{padding:2px 0;}
.menu-item .menu-item-sub dl dd a .ti-en{font-size:13px;color:#999;padding:0 0 0 6px;width:80px;}
.menu-item .menu-item-sub dl dd a .ti-zh{font-size:12px;color:#888;}
.menu-item .menu-item-sub dl dd a:hover .ti-en{color:#555;}
.menu-item .menu-item-sub dl dd a:hover .ti-zh{color:#444;}

.social dl dd{float:left;margin:0 10px 0 0;position:relative;}
.social dl dd a{display:block;width:24px;height:24px;font-size:20px;color:#888;cursor:pointer;}
.social dl dd a.omc-ux-be{font-size:22px;}
.social dl dd a.omc-ux-wechat{font-size:22px;}

.headp .social dl dd a:hover{color:#0054a6;}
.headp .social dl dd.hovers a{color:#0054a6;}
.headp .social dl dd.hovers a:before{color:#0054a6;}

.headm .social dl dd{margin:0 20px 0 0;}
.headm .social dl dd a{font-size:28px;}
.headm .social dl dd.hovers a{color:#fff;}
.social .wechatqr{position:absolute;left:-80px;bottom:0;top:30px;display:block;width:160px;height:160px;display:none;}
.social .wechatqr img{width:160px;}
.headm .social .wechatqr{padding-bottom:40px;top:36px;}

.headm .menu{margin:50px 0;}
.headm .menu-item{margin:20px 0;}
.headm .menu-item.hovers a.menu-item-btn .ti-en,.headm .menu-item.hovers a.menu-item-btn .ti-zh{color:#fff;}
.headm .menu-item a .ti-en{width:98px;font-size:20px;color:#aaa;line-height:20px;font-weight:bold;}
.headm .menu-item a .ti-zh{width:80px;font-size:19px;color:#bbb;line-height:20px;font-weight:bold;letter-spacing:1px;}
.headm .menu-item .menu-item-sub{padding:12px 0 6px 0;display:none;}
.headm .menu-item .menu-item-sub dl dd{padding:4px 0;}
.headm .menu-item .menu-item-sub dl dd a .ti-en{font-size:17px;color:#999;width:90px;}

.headm .menu-item .menu-item-sub dl dd a .ti-zh{width:80px;font-size:16px;color:#888;letter-spacing:1px;}

.headp .menu-item a:hover .ti-en{color:#999;}
.headp .menu-item a:hover .ti-zh{color:#888;}
.headp .menu-item a:before .ti-en{color:#0054a6;}
.headp .menu-item a:before .ti-zh{color:#0054a6;}

.headp .menu-item.hovers a.menu-item-btn .ti-en,.headp .menu-item.hovers a.menu-item-btn .ti-zh{color:#0054a6;}
.headp .menu-item.hovers a.menu-item-btn:before .ti-en,.headp .menu-item.hovers a.menu-item-btn:before .ti-zh{color:#0054a6;}

.wo-list{position: relative;width: 100%;}
.wo-list .wo-item{float: left;width: 360px;margin: 0 2% 30px 0;position: relative;top: 0;z-index: 9999;cursor: pointer;}
.wo-list .wo-item .woimgh{position: absolute;left: 0;top: 0;width: 100%;}
.wo-list .wo-item a{display: block;width: 100%;}
.wo-list .wo-item a .woti h2{color:#555;font-size: 16px;font-size:1.3rem; font-weight: bold; margin: 16px 0 10px 0; }
.wo-list .wo-item a .woti .desc{color:#999;font-size: 13px;font-size:1.05rem; font-weight: normal; line-height: 20px;line-height: 1.6rem; }
.wo-list .wo-item a .woti h5{color:#999;font-size: 13px;font-size:1.05rem; font-weight: normal; margin-top: 8px; }

.wogall{max-width: 820px;position: relative;}
.wogalls{max-width: 820px;position: relative;}
.wogall img{margin-bottom: 20px;}
.wogall.top img{margin-bottom: 0;}
.wogall img.image.featured{width:auto;max-width:100%;}
.woinfo {width: 100%;padding:30px 0 0 0; }
.woinfo h2{color:#222;font-size: 20px;font-size:1.6rem; font-weight: bold; margin: 0 0 10px 0; }
.woinfo .desc{color:#444;font-size: 164x;font-size:1.1rem; font-weight: normal; line-height: 24px;line-height: 2rem; }
.woinfo h5{color:#888;font-size: 14px;font-size:1.1rem; font-weight: normal; margin: 16px 0 40px 0; }

.vi-list{position: relative;width: 100%;}
.vi-list .vi-item{float: left;width: 360px;margin: 0 2% 30px 0; position: relative;top: 0;z-index: 9999;cursor: pointer;}
.vi-list .vi-item .viimgh{position: absolute;left: 0;top: 0;z-index: 9998;width: 100%;}
.vi-list .vi-item a{display: block;width: 100%;}
.vi-list .vi-item a .viti{padding: 24px 24px 24px 24px;background-color: #f9f9f9;position: relative;z-index: 9999;}
.vi-list .vi-item .vibtn{position: absolute;right: 20px;top: -60px;z-index: 9999;}
.vi-list .vi-item .vibtn .vibtnw{width: 40px;height: 40px;background-color: #aaa;border-radius: 60px;}
.vi-list .vi-item .vibtn .vibtnw .icon{color:#fff;font-size: 16px;font-size:1.3rem;text-align: center;line-height: 40px;}
.vi-list .vi-item a .viti h2{color:#555;font-size: 16px;font-size:1.3rem; font-weight: bold; margin:0 0 8px 0; }
.vi-list .vi-item a .viti .desc{color:#999;font-size: 13px;font-size:1.05rem; font-weight: normal; line-height: 20px;line-height: 1.6rem; }
.vi-list .vi-item a .viti h5{color:#999;font-size: 13px;font-size:1.05rem; font-weight: normal; margin-top: 8px; }
.vi-list .vi-item a .viti h5.mt5{margin-top: 4px;}

.mu-brand{width: 100%;position: relative;margin: 0 0 26px 0;}
.mu-brand .brandw a{display: block;width: 1160px;background-color: #fff;cursor: pointer;}
.mu-brand .brandw .brand-img{float: left;width: 800px;}
.mu-brand .brandw .brand-desc{float: left;width: 360px;}
.mu-brand .brandw .brand-desc .desc-wrap{padding: 24px;}
.mu-brand .brandw a .brand-desc h2{color:#555;font-size: 20px;font-size:1.6rem; font-weight: bold; margin:20px 0 14px 0; }
.mu-brand .brandw a .brand-desc .desc{color:#999;font-size: 12px;font-size:1rem; font-weight: normal; line-height: 23px;line-height: 2rem; }
.mu-brand .brandw a .brand-desc .desc p{margin-bottom: 0px;}
.mu-brand .brandw a .brand-desc h5{color:#555;font-size: 14px;font-size:1.1rem; font-weight: bold; margin-top: 24px; }

.mu-brand .brandww{display: block;width: 1160px;background-color: #fff;}
.mu-brand .brandww .brand-img{float: left;width: 800px;}
.mu-brand .brandww .brand-desc{float: left;width: 360px;}
.mu-brand .brandww .brand-desc .desc-wrap{padding: 24px;}
.mu-brand .brandww .brand-desc h2{color:#555;font-size: 20px;font-size:1.6rem; font-weight: bold; margin:20px 0 14px 0; }
.mu-brand .brandww .brand-desc .desc{color:#999;font-size: 12px;font-size:1rem; font-weight: normal; line-height: 23px;line-height: 2rem; }
.mu-brand .brandww .brand-desc .desc p{margin-bottom: 0px;}
.mu-brand .brandww .brand-desc h5{color:#555;font-size: 14px;font-size:1.1rem; font-weight: bold; margin-top: 24px; }
.mu-brand .brandww .brand-desc .desc-icon {margin-top: 20px;}
.mu-brand .brandww .brand-desc .desc-icon dl dd{float:left;margin:0 20px 0 0;position:relative;}
.mu-brand .brandww .brand-desc .desc-icon dl dd a{display:block;width:24px;height:24px;font-size:24px;color:#888;cursor:pointer;}

.mu-brand .brandww .brand-desc .desc-icon dl dd a:hover{color:#0054a6;}
.mu-brand .brandww .brand-desc .desc-icon dl dd.hovers a{color:#0054a6;}
.mu-brand .brandww .brand-desc .desc-icon dl dd.hovers a:before{color:#0054a6;}


.mu-list{position: relative;width: 100%;}
.mu-list .mu-item{float: left;width: 360px;margin: 0 40px 60px 0; position: relative;top: 0;z-index: 9999;cursor: pointer;background-color: #f9f9f9;}
.mu-list .mu-item a{display: block;width: 100%;}
.mu-list .mu-item a .mutime{position: absolute;left: 20px;top:20px;z-index: 9999;}
.mu-list .mu-item a .mutime .timet{writing-mode: vertical-lr;letter-spacing: 1px;width:20px;color:#999;font-size:12px;font-size:1rem;font-weight:normal;font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}

.mu-list .mu-item .muimgw {position: relative;top:0;left: 0; margin: 0 auto; margin-top: 60px; width: 280px;height: 280px;border-radius: 400px;border:1px solid #ccc;}
.mu-list .mu-item .muimgw .mask{width: 240px;height: 240px;margin:0 auto;position: relative;top: 20px;}
.mu-list .mu-item .muimgw .mask .muimgs img{width: 240px;height: 240px;border-radius: 400px;}
.mu-list .mu-item .muimgw .muimgh{position:absolute;left:0;top:0;z-index:9998;width:100%;}
.mu-list .mu-item .muimgw .mask .muimgh img{width: 240px;height: 240px;border-radius: 400px;}

.mu-list .mu-item .muimgw .mubtn{position: absolute;left: 120px;top: 120px;z-index: 9999;}
.mu-list .mu-item .muimgw .mubtn .mubtnw{width: 40px;height: 40px;background-color: #aaa;border-radius: 60px;}
.mu-list .mu-item .muimgw .mubtn .mubtnw .icon{color:#fff;font-size: 16px;font-size:1.3rem;text-align: center;line-height: 40px;}

.mu-list .mu-item a .muti{padding: 24px 30px 40px 30px;position: relative;z-index: 9999;}
.mu-list .mu-item a .muti h2{color:#555;font-size: 16px;font-size:1.3rem; font-weight: bold; margin:0 0 8px 0; text-align: center;}
.mu-list .mu-item a .muti h4{color:#777;font-size: 13px;font-size:1.05rem; font-weight: bold; line-height: 24px;line-height: 1.8rem; text-align: center; }
.mu-list .mu-item a .muti h5{color:#999;font-size: 13px;font-size:1.05rem; font-weight: normal; margin-top: 24px; text-align: center; }



.titi{float: left;width: 120px;}
.tico{float: left;}

.titi dl dd{font-size:14px; font-size:1.2rem;color: #999;font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;line-height: 32px;line-height: 2.6rem;}
.tico dl dd{font-size:16px; font-size:1.3rem;color: #555;line-height: 30px;line-height: 2.5rem;}
.tico dl dd a{font-size:16px; font-size:1.3rem;color: #555;font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","PingFang SC","Microsoft YaHei","Arial",sans-serif;}

.tico dl dd.coqrall{position: relative;}
.tico dl dd.coqrall .coqr{position:absolute;left:170px;top:-93px;display:block;width:160px;height:160px;display:none;z-index: 999;}
.tico dl dd.coqrall .coqr img{width:160px;}

.tico dl dd a:hover{color:#0054a6;}
.tico dl dd.hovers a{color:#0054a6;}


h2.t1{font-size:20px; font-size:1.6rem;color:#555;line-height:20px;font-weight:normal;}
h2.t1 span{font-size: 14px;font-size:1.2rem;color: #999;font-weight: normal;font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}

.innav{margin-bottom:40px; }
.innav ul li{float: left;margin: 0 30px 0 0;}
.innav ul li a{font-size: 16px;font-size:1.3rem;color: #999;font-weight: bold;padding-bottom: 3px;}
.innav ul li a.active{color: #111;border-bottom: 2px solid #555;}

.innav ul li a:hover{color: #111;}
.tx-zh{font-size:14px; font-size:1.2rem;color: #555;line-height: 30px;line-height: 2.2rem;}
.tx-en{font-size:14px; font-size:1.2rem;color: #555;line-height: 24px;line-height: 2.2rem;font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;}

.log-list{position: relative;width: 100%;margin-top: 80px;}
.log-list .li-item{float: left;width: 136px;margin: 5px;background-color: #fff;}
.log-list .li-item a{display: block;width: 100%;height: 100%;}





.wrapm{display:none;}
#main-wrap{width:100%;}
#footer{position:relative;margin-top:60px;padding-bottom:30px; }
#footer .footer-copy{font-size:12px;color:#bbb;}

.wa2{width: 580px;}
.wa3{width: 800px;}
.mat{margin-top:80px;}
.mab4{margin-bottom:40px;}
.ma3{margin-left:5%;margin-right:5%;}
.inpa{padding-left:20px;}
.inpa.con{padding-left:60px;}


body.bobg{background-color: #f1f1f1;}
body.bobg .ux-wo{background-color: #f1f1f1;}

.ux-an { font-size:1px; width:1px; height:1px; overflow:hidden; -webkit-text-size-adjust:none; color:#fff; }
.ux-an a { font-size:1px; width:1px; height:1px; overflow:hidden; -webkit-text-size-adjust:none; color:#fff; }
.ux-an a:link { color:#fff; text-decoration:none; }
.ux-an a:visited { color:#fff; text-decoration:none; }
.ux-an a:hover { color:#fff; text-decoration:none; }
.ux-an a:active { color:#fff; text-decoration:none; }




@media screen and (max-width:599px){
    #header{width:100%;height: auto;}
    .headbg{height: auto;background: none;padding: 0;width: 100%;}
    .headp{display:none}
    .headm{display:block;}
    .headbg .headm{background-color: #fff;}
    .head-wrap{padding:0;width: 100%;}
    .wrapp{display:none}
    .wrapm{display:block;}
    .headm .menu-item a .ti-en{width: 116px;}
    .headm .menu-item .menu-item-sub dl dd a .ti-en{width: 110px;}
    .in-wrap{padding:0;}
    .ux-wrap{padding:22% 0 0 5%;}
    .ux-wo{padding:54px 0 0 0;}
    .ux-wo .wo-inpa{padding-left: 0;}
    .inpa{padding-left:5%;}
    .wo-list .wo-item{width: 100%;margin: 0 0 10% 0;}
    .vi-list .vi-item{width: 100%;margin: 0;}
    .vi-list .vi-item a .viti{padding-bottom: 30px;}
    .woti .woti-wrap{padding: 0 0 0 5%;}
    .wogall{max-width: 100%;}
    .woinfo {width: 100%;padding:0px;}
    .woinfo .woinfo-wrap{padding: 0 0 0 5%;}
    .woinfo h2{ font-size: 20px;font-size:1.6rem; font-weight: bold; margin: 34px 0 16px 0; }
    .woinfo .desc{ font-size: 14px;font-size:1.05rem; font-weight: normal; line-height: 24px;line-height: 2rem; }
    .woinfo h5{ font-size: 14px;font-size:1.05rem; font-weight: normal; margin: 16px 0 40px 0; }
    .wogall img{margin-bottom: 20px;}
    .mu-brand{width: 100%;margin-left: 0;margin-bottom: 3%;}
    .mu-brand .brandw a{display: block;width: 100%;background-color: #fff;}
    .mu-brand .brandw .brand-img{float: left;width: 100%;}
    .mu-brand .brandw .brand-desc{float: left;width: 100%;}
    .mu-brand .brandw .brand-desc .desc-wrap{padding: 5% 5% 5% 5%;}
    .mu-brand .brandw a .brand-desc h2{font-size: 16px;font-size:1.3rem; margin:0 0 20px 0; }
    .mu-brand .brandw a .brand-desc .desc{ font-size: 13px;font-size:1.05rem;  line-height: 24px;line-height: 2rem; }
    .mu-brand .brandw a .brand-desc .desc p{margin-bottom: 0.6%;}
    .mu-brand .brandw a .brand-desc h5{ font-size: 13px;font-size:1.05rem; margin-top: 18px; }
    .mu-list .mu-item{width: 100%;margin: 0 0 3% 0;}
    .mu-list .mu-item a .viti{padding-bottom: 30px;}


    .mu-brand .brandww{width: 100%;}
    .mu-brand .brandww .brand-img{width: 100%;}
    .mu-brand .brandww .brand-desc{width: 100%;}
    .mu-brand .brandww .brand-desc .desc-wrap{padding: 5% 5% 5% 5%;}
    .mu-brand .brandww .brand-desc h2{font-size: 16px;font-size:1.3rem; margin:6px 0 10px 0; }
    .mu-brand .brandww .brand-desc .desc-icon{margin-top: 10px;padding-bottom: 30px;}


    .tico dl dd.coqrall .coqr{left:-30px;top:30px;}
    .wa2{width: 92%;}
    .wa3{width: 92%;}
    .innav{margin-bottom:0px; }
    .inpa.con{padding-left:0;}
    .log-list{margin-top: 8%;}
    .log-list .li-item{width: 30%;margin: 0 3% 0 0;}
    .log-list .li-item a{ width: 100%;}
    .mfoot{display:none}


    .inpa.pla{padding-left:0;text-align: center;}
    .ttw-music-player{margin: 0 auto 0 auto;width: 100%;}
    .ttw-music-player .track-info{top: 290px;}
}

@media screen and (min-width:600px) and (max-width:1023px){
    #header{width:100%;height: auto;}
    .headbg{height: auto;background: none;padding: 0;}
    .headp{display:none}
    .headm{display:block;}
    .headbg .headm{background-color: #fff;}
    .head-wrap{padding:0;width: 100%;}
    .headm .logo{padding:20px 0 20px 0;}
    .headm .menu-btn{top:14px;}
    .wrapp{display:none}
    .wrapm{display:block;}
    .in-wrap{padding:0;}
    .ux-wo{padding:66px 0 0 0;}
    .ux-wo .wo-inpa{padding-left: 0;}
    .woti .woti-wrap{padding:0;}

    .vi-list .vi-item{width: 45%;margin: 0 0 3% 3.5%;}
    .vi-list .vi-item a .viti{padding-bottom: 30px;}
    .wo-list .wo-item{width: 45%;margin: 3% 0 3% 3.5%;}
    .wo-list .wo-item a .woti h2{max-height: 22px;overflow: hidden;}
    .mu-brand{width: 100%;margin-left: 0;margin-bottom: 3%;}
    .mu-brand .brandw a{display: block;width: 100%;background-color: #fff;}
    .mu-brand .brandw .brand-img{float: left;width: 100%;}
    .mu-brand .brandw .brand-desc{float: left;width: 100%;}
    .mu-brand .brandw .brand-desc .desc-wrap{padding: 5% 5% 5% 5%;}
    .mu-brand .brandw a .brand-desc h2{font-size: 18px;font-size:1.5rem; margin:0 0 20px 0; }
    .mu-brand .brandw a .brand-desc .desc{ font-size: 13px;font-size:1.05rem;  line-height: 24px;line-height: 2rem; }
    .mu-brand .brandw a .brand-desc .desc p{margin-bottom: 0.6%;}
    .mu-brand .brandw a .brand-desc h5{ font-size: 13px;font-size:1.05rem; margin-top: 18px; }
    .mu-list .mu-item{width: 45%;margin: 0 0 2% 3.5%;}
    .mu-list .mu-item a .viti{padding-bottom: 30px;}
    .wogall{max-width: 100%;}
    .woinfo {width: 100%;padding: 30px 0 0 0px;}
    .woinfo .woinfo-wrap{padding: 0 0 0 5%;}
    .wogall img{margin-bottom: 20px;}


    .mu-brand .brandww{width: 100%;}
    .mu-brand .brandww .brand-img{width: 100%;}
    .mu-brand .brandww .brand-desc{width: 100%;}
    .mu-brand .brandww .brand-desc .desc-wrap{padding: 5% 5% 5% 5%;}
    .mu-brand .brandww .brand-desc h2{font-size: 16px;font-size:1.3rem; margin:6px 0 10px 0; }
    .mu-brand .brandww .brand-desc .desc-icon{margin-top: 10px;padding-bottom: 30px;}

    .ux-wrap{padding:16% 0 0 5%;}
    .ux-wrap.clt{padding-top: 12%;}
    .inpa{padding-left:5%;}
    .inpa.fix{padding-left:3%;}
    .wa2{width: 92%;}
    .wa3{width: 92%;}
    .innav{margin-bottom:0px; }
    .mfoot{display:none}
    .inpa.con{padding-left:0;}
    .log-list .li-item{float: left;width: 120px;margin: 0 22px 20px 22px;background-color: #fff;}

    .inpa.pla{padding-left:0;text-align: center;}
    .ttw-music-player{margin: 5% auto 0 auto;}
    .mab4{margin-bottom: 20px;}


}

@media screen and (min-width:1024px) and (max-width:1279px){
    #header{position:fixed;z-index:10000;width:240px;height: 100%;}
    .head-wrap{padding:30px 0 0 30px;}
    .social .wechatqr{left:-100px;}
    .in-wrap{padding:30px 20px 0 240px;}
    .ux-wrap{padding:30px 20px 0 240px;}
    .inpa{padding-left:5%;}
    .vi-list .vi-item{width: 48%;margin: 0 0 4% 2%;}
    .vi-list .vi-item a .viti{padding-bottom: 30px;}
    .wo-list .wo-item{width: 48%;margin: 0 0 6% 2%;}
    .wo-list .wo-item a .woti h2{max-height: 22px;overflow: hidden;}
    .mu-brand{width: 98%;margin-left: 2%;margin-bottom: 3%;}
    .mu-brand .brandw a{display: block;width: 100%;background-color: #fff;}
    .mu-brand .brandw .brand-img{float: left;width: 100%;}
    .mu-brand .brandw .brand-desc{float: left;width: 100%;}
    .mu-brand .brandw .brand-desc .desc-wrap{padding: 5% 5% 5% 5%;}
    .mu-brand .brandw a .brand-desc h2{font-size: 18px;font-size:1.5rem; margin:0 0 20px 0; }
    .mu-brand .brandw a .brand-desc .desc{ font-size: 13px;font-size:1.05rem;  line-height: 24px;line-height: 2rem; }
    .mu-brand .brandw a .brand-desc .desc p{margin-bottom: 0.6%;}
    .mu-brand .brandw a .brand-desc h5{ font-size: 13px;font-size:1.05rem; margin-top: 18px; }
    .mu-list .mu-item{width: 48%;margin: 0 0 2% 2%;}
    .mu-list .mu-item a .viti{padding-bottom: 30px;}
    .woinfo {width: 100%;padding: 30px 0 0 0px;}
    .ux-wo{padding:30px 20px 0 240px;}
    .ux-wo .wo-inpa{padding-left:3%;}
    .ux-wo .wo-inpa .wo-inpaw{padding-left:2%;}
    .wa2{width: 92%;}
    .wa3{width: 92%;}


    .mu-brand .brandww{width: 100%;}
    .mu-brand .brandww .brand-img{width: 100%;}
    .mu-brand .brandww .brand-desc{width: 100%;}
    .mu-brand .brandww .brand-desc .desc-wrap{padding: 5% 5% 5% 5%;}
    .mu-brand .brandww .brand-desc h2{font-size: 16px;font-size:1.3rem; margin:6px 0 10px 0; }
    .mu-brand .brandww .brand-desc .desc-icon{margin-top: 10px;padding-bottom: 30px;}

    .inpa.con{padding-left:5%;}
    .log-list .li-item{float: left;width: 120px;margin: 0 22px 20px 22px;background-color: #fff;}

}


@media screen and (min-width:1280px) and (max-width:1399px) {}


@media screen and (max-width:1440px) {}