@font-face { font-family: "XinGothic"; src: url("../fonts/XinGothic.eot"); src: url('../fonts/XinGothic.eot?#iefix')format('embedded-opentype'), /* ie6-8 */
url('../fonts/XinGothic.woff')format('woff'), url(../fonts/XinGothic.ttf) format('truetype');    /*Modern Browser*/ }
@font-face { font-family: "XinGothic-Regular"; src: url("../fonts/XinGothic.eot"); src: url('../fonts/XinGothic.eot?#iefix')format('embedded-opentype'), /* ie6-8 */
url('../fonts/XinGothic.woff')format('woff'), url(../fonts/XinGothic.ttf) format('truetype');    /*Modern Browser*/ }
@font-face { font-family: "SKSans-Light"; src: url("../fonts/SKSans-Light.eot"); src: url('../fonts/SKSans-Light.eot?#iefix')format('embedded-opentype'), /* ie6-8 */
url('../fonts/SKSans-Light.woff')format('woff'), url(../fonts/SKSans-Light.ttf) format('truetype'); }
@font-face { font-family: "SKSans-BoldItalic"; src: url("../fonts/SKSans-BoldItalic.eot"); src: url('../fonts/SKSans-BoldItalic.eot?#iefix')format('embedded-opentype'), /* ie6-8 */
url('../fonts/SKSans-BoldItalic.woff')format('woff'), url(../fonts/SKSans-BoldItalic.ttf) format('truetype'); }
@font-face { font-family: "XinGothic-Bold"; src: url("../fonts/XinGothic-Bold.eot"); src: url('../fonts/XinGothic-Bold.eot?#iefix')format('embedded-opentype'), /* ie6-8 */
url('../fonts/XinGothic-Bold.woff')format('woff'), url(../fonts/XinGothic-Bold.ttf) format('truetype'); }
@font-face { font-family: "DIN-BlackItalic"; src: url("../fonts/DIN-BlackItalic.eot"); src: url('../fonts/DIN-BlackItalic.eot?#iefix')format('embedded-opentype'), /* ie6-8 */
url('../fonts/DIN-BlackItalic.woff')format('woff'), url(../fonts/DIN-BlackItalic.ttf) format('truetype'); }
@font-face { font-family: "SKSans-RegularItalic"; src: url("../fonts/SKSans-RegularItalic.eot"); src: url('../fonts/SKSans-RegularItalic.eot?#iefix')format('embedded-opentype'), /* ie6-8 */
url('../fonts/SKSans-RegularItalic.woff')format('woff'), url(../fonts/SKSans-RegularItalic.ttf) format('truetype'); }
@font-face { font-family: "SKSans-Regular"; src: url("../fonts/SKSans-Regular.eot"); src: url('../fonts/SKSans-Regular.eot?#iefix')format('embedded-opentype'), /* ie6-8 */
url('../fonts/SKSans-Regular.woff')format('woff'), url(../fonts/SKSans-Regular.ttf) format('truetype'); }
@font-face { font-family: "SKSans-Bold"; src: url("../fonts/SKSans-Bold.eot"); src: url('../fonts/SKSans-Bold.eot?#iefix')format('embedded-opentype'), /* ie6-8 */
url('../fonts/SKSans-Bold.woff')format('woff'), url(../fonts/SKSans-Bold.ttf) format('truetype'); }
* { margin: 0; padding: 0; }
body, html { width: 100%; }
ul { margin: 0px; padding: 0px; }
li { list-style: none; }
.wrap { max-width: 1920px; margin: 0 auto; }
a, p, h1, h2, h3, h4, h5, h6, div, span, section, input, ul, li, dt, dd { font-family: 'Microsoft YaHei', Helvetica, sans-serif; /*font-family: "XinGothic-Regular", "XinGothic", 'Microsoft YaHei', Helvetica, sans-serif;*/ }
a { text-decoration: none; color: #000000; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; }

/*导航栏部分*/

/*一级导航栏*/
.close-container { display: none; }
.header { position: fixed; background: #222;width: 100%;z-index: 1000;left: 0;top: 0 }
.navbar { position: relative; top: 0; z-index: 999; border: 0 !important; width: 84%; max-width: 1320px; margin: 0 auto; }
.logo { position: absolute; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-top: 2px; left: 50%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; height: 48px; margin-left: 0 !important; width: 60%; display: block; background: url(../images/logo1.png)no-repeat; background-size: contain; background-position: center; padding: 0; }
.logo:hover { background: url(../images/logo2.png)no-repeat; background-size: contain; background-position: center; }
.container-fluid { padding-left: 0 !important; padding-right: 0 !important; }
.nav li { font-size: 14px; position: relative; overflow: hidden; }

/*.nav li:hover{
    background: blue;
}*/
.navbar { border-radius: 0; margin-bottom: 0; }
.navbar-nav>li>a { color: #ffffff; padding-top: 12px; padding-bottom: 12px; line-height: 30px !important; font-size: 15px; min-width: 94px; text-align: center; }

/*.cartoon a{
    position: relative;
    top: -50px;
}*/

/*.cartoon:hover{
    background: blue;
}*/

.navbar-nav>li>a:hover { color: #FFFFFF !important; }
.nav-left { margin-left: -15px; }
.nav-right { float: right; margin-right: -15px; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { background-color: transparent; }

/*.icon-img0{
    vertical-align: middle;
}
.icon-img1{
    position: absolute !important;
    top: 0;
}*/
.search { float: left;    /*margin-left: 15px;*/ }
.search>div { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; width: 26px; height: 50px; cursor: pointer; background: url(../images/topSearchNormal.png) no-repeat; background-position: 0px 17px; }
.search>div.current { background: url(../images/topSearchSelected.png) no-repeat; background-position: 0px 17px; }
.icon-img2, .icon-img { position: absolute; top: 17px; }
.icon-img2 { width: 22px; height: 42px; background: url(../images/languageSelectedCn.png)no-repeat !important; background-size: 100% 100%; display: none; }
.icon-img2.cn { background: url(../images/languageSelectedEn.png)no-repeat !important; background-size: 100% 100%; }
.icon-img2.en { background: url(../images/languageSelectedCn.png)no-repeat !important; background-size: 100% 100%; }
.icon-img2>div { width: 100%; height: 50%; line-height: 18px; text-align: center; }
.icon-img2>div>a { display: inline-block; width: 100%; height: 100%; color: #FAFAFA; font-size: 12px; }
.search-language { position: absolute; right: -60px; top: 0; width: 55px; }
.language { float: right;    /*margin-left: 15px;*/ cursor: pointer; overflow: visible !important; display: block; }
.language>div { width: 26px; height: 50px; }
.mall { padding-left: 5px; }

/*.icon-img1{
    position: absolute;
    top: 0;
    left: 15px;
    display: none;
}*/

/*一级导航栏结束*/

/*隐藏导航栏*/

.navigation { background: #fff; width: 100%; min-height: 500px; position: absolute; top: 100%; z-index: 999; display: none; }
.television-img {    /*position: absolute;
        right: 5.2%;
        top: 10px;*/
float: right !important;    /*margin-right: 87px;*/ }
.Periphery, .sound, .service { display: none; }
.television, .sound, .Periphery, .service { position: relative; }
.television_describe, .sound_describe, .Periphery_describe, .service_describe {    /*height: 100%;*/
margin: 40px auto; overflow: hidden; width: 84%; max-width: 1320px;    /*display: inline-block;*/ }
.television_describe li, .sound_describe li, .Periphery_describe li, .service_describe li { float: left; margin-left: 80px; }
.television_describe li:first-child, .sound_describe li:first-child, .Periphery_describe li:first-child, .service_describe li:first-child { margin-left: 15px; padding-left: 0px; }

/*.television_describe>li>dl>dt,.sound_describe>li>dl>dt,.Periphery_describe>li>dl>dt{
    line-height:40px;
}*/
.television_describe>li>dl>dd, .sound_describe>li>dl>dd, .Periphery_describe>li>dl>dd, .service_describe>li>dl>dd { margin-top: 16px; }
.television_describe>li>dl>dt>a, .sound_describe>li>dl>dt>a, .Periphery_describe>li>dl>dt>a, .service_describe>li>dl>dt>a { color: #505050; text-align: left; display: block; }

/* .television_describe>li>dl>dd>a,.sound_describe>li>dl>dd>a,
.Periphery_describe>li>dl>dd>a,.service_describe>li>dl>dd>a{
    font-size: 13px;
} */
.nav-show dt a { font-size: 16px !important; }
.nav-show a:hover { color: #2E71F7; }

/*隐藏导航栏结束*/

/*  下拉搜索菜单*/

.SS { width: 100%; height: 64px; position: absolute; top: 100%; background: #f0f0f0; display: none; overflow: hidden; padding-top: 16px; z-index: 999; }
.SS li { float: left; }
.SS li img { vertical-align: middle; cursor: pointer; }
.SS ul { width: 84%; max-width: 1320px; margin: 0 auto; }
.SS-one { margin-left: 15px; }
.SS-two { margin-left: 30px; }
.SS-input { border: 0; outline: none; border: 0; width: 300px; height: 35px; font-size: 28px; color: #a0a0a0; line-height: 35px; vertical-align: middle; background: #f0f0f0; }
.input::-webkit-input-placeholder { color: #a0a0a0; letter-spacing: 0.74px; }
.SS-three { float: right !important;    /*margin-right: 87px;*/ }

/*.disan{
    position: relative;
    width: 100%;
    height: 50px;
    background: yellowgreen;
}*/

/*下拉搜索菜单结束*/

/*导航栏小动画*/

.cartoon::before { border-radius: 50%; position: absolute; background: #2E71F7; content: ""; display: block; margin: auto; height: 54px; width: 56px; left: -28px; top: 10%; opacity: 0; }
.cartoon::after { border-radius: 50%; position: absolute; background: #2E71F7; content: ""; display: block; margin: auto; height: 54px; width: 56px; right: -28px; bottom: 10%; opacity: 0; z-index: -1; }
.cartoon:hover::before { animation: in 0.6s forwards; -webkit-animation: in 0.6s forwards; -moz-animation: in 0.6s forwards; -ms-animation: in 0.6s forwards; -o-animation: in 0.6s forwards; }
.cartoon:hover::after { animation: in 0.6s forwards; -webkit-animation: in 0.6s forwards; -moz-animation: in 0.6s forwards; -ms-animation: in 0.6s forwards; -o-animation: in 0.6s forwards; }
@keyframes in {
    0% { transform: scale(0); opacity: 0; }
    100% { opacity: 1; transform: scale(2); }
}
@-webkit-keyframes in {
    0% { transform: scale(0); opacity: 0; }
    100% { opacity: 1; transform: scale(2); }
}
@-moz-keyframes in {
    0% { transform: scale(0); opacity: 0; }
    100% { opacity: 1; transform: scale(2); }
}
@-ms-keyframes in {
    0% { transform: scale(0); opacity: 0; }
    100% { opacity: 1; transform: scale(2); }
}
@-o-keyframes in {
    0% { transform: scale(0); opacity: 0; }
    100% { opacity: 1; transform: scale(2); }
}

/*导航栏小动画结束*/

/*全部导航栏结束*/

/*这是导航栏下面的目录标题*/
.catalogue_case { width: 100%; background: #FAFAFA; height: 40px; }
.catalogue { width: 84%; max-width: 1320px; margin: 0 auto; padding-left: 15px; line-height: 40px; height: 40px; }
.catalogue > li { float: left; color: #A0A0A0; font-size: 12px; }

/*这是导航栏下面的目录标题结束！！*/

/*底部*/

.footer { background: #272729;    /*overflow: hidden;*/ }
.footer-content { margin: 0 auto; width: 84%; max-width: 1320px; }
.footer-content>li { float: left; margin-left: 6%; line-height: 24px; width: 10%; }
.footer-content>li dt, .footer-content>li dd { color: #fff; font-size: 14px; line-height: 24px; }
.footer-content>li>ul>li:nth-child(2) { margin-top: 10px; }
.jump_to_shop { cursor: pointer; }
.footer-content a, .jump_to_shop span { font-size: 14px; color: #FFFFFF; text-align: left; cursor: pointer; }
.footer-left { margin-left: 0 !important; }
.title a { font-size: 14px; font-weight: 700; color: #FAFAFA }
.string { width: 6.5em; height: 2px; background: #FFFFFF; margin-top: 8px; }
.footer-content>li.input_T { height: 60px; width: 220px; position: relative; float: right; margin-top: 128px}
.footer-input { border-radius: 3px; background: #272729; outline: none; border: 0; height: 28px; width: 190px; color: #FAFAFA; float: left; }
.serch-case { height: 30px; border: 1px solid #FAFAFA; border-radius: 3px; }
.serch-icon { cursor: pointer; width: 25px; height: 28px; float: left; background: url(../images/SearchIcon.png)no-repeat; background-position: 6px 5px; }
.footer-input::-webkit-input-placeholder { font-size: 16px; color: #FFFFFF; letter-spacing: 0.74px; }
.hr { margin: 30px auto; width: 84%; max-width: 1320px; }
.copyright { color: #FAFAFA; font-size: 13px; width: 84%; max-width: 1320px; padding-bottom: 40px; text-align: left; margin: 0 auto; }
.copyright-left { float: left;    /*display: inline-block;*/ }
.copyright-left .copyright-text { display: inline-block; }
.copyright-left .copyright-text > a { color: #FAFAFA; }
.copyright-left .copyright-contact { display: inline-block; padding-right: 20px; }
.copyright-right { position: relative; float: right; width: 160px; height: 26px;    /* border: 1px solid #FFFFFF; */ border-radius: 2px; line-height: 23px; cursor: pointer; min-width: 150px; }
.copyright-right:hover { background: #1868FF;    /* border: 1px solid #1868FF; */ }
.copyright-right>ul { position: absolute; top: -285px; width: 100%; background: #505050; z-index: 10; display: none; }
.copyright-right>ul>li { width: 100%; height: 25px; font-size: 13px; line-height: 25px; }
.copyright-right>ul>li:last-child { margin-bottom: 10px; }
.copyright-right>ul>li:hover { background: #A0A0A0; }
.copyright-right>ul>li:hover>a { color: #FAFAFA; }
.copyright-right>ul>li>a { color: #CACACA; padding-left: 8%; font-size: 13px; }
.membe { position: relative; }
.member .arrow { display: inline-block; vertical-align: middle; width: 8px; height: 8px; margin-left: 60px; border-right: 2px solid #FAFAFA; border-bottom: 2px solid #FAFAFA; transform: rotate(-135deg); -ms-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.member .arrow-block { display: inline-block; vertical-align: middle; width: 8px; height: 8px; margin-left: 60px; border-right: 2px solid #FAFAFA; border-bottom: 2px solid #FAFAFA; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.copyright-right>span { color: #FAFAFA; padding-left: 8%; }
.copyright span, .copyright span a { font-size: 13px; color: #FAFAFA; }
.Tu {    /*overflow: hidden;
        position: absolute;
        right: 0;
        bottom: 0;*/
margin-top: 10px; text-align: right; margin-bottom: 10px}
.Tu>a { display: inline-block; vertical-align: middle; margin-left: 20px; width: 21px; height: 21px; }
.Tu>a:first-child { margin-left: 0 !important; background: url(../images/coocaa.png)no-repeat; }
.Tu>a:first-child:hover { background: url(../images/coocaaSelected.png)no-repeat; }
.Tu>a:nth-child(3) { background: url(../images/Weibo.png)no-repeat; }
.Tu>a:nth-child(3):hover { background: url(../images/WeiboSelected.png)no-repeat; }
.Tu>a:nth-child(2) { background: url(../images/Wechat.png)no-repeat; }
.Tu>a:nth-child(2):hover { background: url(../images/WechatSelected.png)no-repeat; }
.Tu>a:nth-child(2):active { background: url(../images/WechatSelected.png)no-repeat!important; }
.wechat_qrcode { width: 120px; position: absolute; left: -50px; bottom: 30px; z-index: 99999999999; }
.wechat_qrcode img { width: 120px; height: 120px; }

/*.television,.tappliance,.intellect{
    position: absolute;
    left: 0;
    top: 56px;
    width: 100%;
    height: 300px;
    background: #FFFFFF;
    z-index: 1;
    display: none;
}
.television img,.tappliance img,.intellect img{
    height: auto;
}
.written{
    float: left;
    padding-top: 42px;
    padding-left: 7%;
}
.caption{
    padding-top: 42px;
    float: right !important;
    padding-right: 4%;
}*/

/*媒体查询部分*/
@media screen and (min-width:1500px) {

    /*.navbar,.television_describe,.sound_describe,
        .Periphery_describe,.service_describe,.SS ul{
            width: 76%;
        }
        .catalogue{
            width: 76% !important;
        }*/
    .swiper-box { height: 48vw; }
}
@media screen and (max-width:1400px) {
    .navbar, .television_describe, .sound_describe, .Periphery_describe, .service_describe, .SS ul { width: 91%; }
    .footer-content, .hr, .copyright { width: 92%; }
    .input_T { width: 200px; }
    .footer-input { width: 165px; }
    .keyword { font-size: 25px; }
    .crosshead, .recommend { font-size: 22px; }
    .footer { padding-top: 24px; }
    .copyright { padding-bottom: 30px; }
    .hr { margin: 18px auto; }
}
@media screen and (max-width:1080px) {
    .navbar-header { float: none; }
    .navbar-left, .navbar-right { float: none !important; }
    .navbar-toggle { display: block; }
    .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
    .navbar-fixed-top { top: 0; border-width: 0 0 1px; }
    .navbar-collapse.collapse {        /*display: none!important;*/ }
    .navbar-nav { float: none !important; margin-top: 7.5px; }
    .navbar-nav>li { float: none; }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }

    /*.collapse.in:before{
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 375px;
        height: 667px;
        background-color: rgba(0,0,0,0.5);
        z-index: -1;
    }*/

    /*.collapse.in {
        display: block !important;
    }
    .logo{
        top: 0;
    }*/
    .navbar-toggle { float: left; }
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: transparent; }
    .search {        /*position: absolute;
            top: 0;
            right: 4%;*/
    float: left; }
    .keyword { font-size: 23px; }
}
.edition { position: absolute; left: 58%; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); color: #ccc; font-size: 9px; }
@media screen and (max-width:676px) {
    .edition { left: 72%; }
}
.sound_describe>.am-fl { width: 60%; display: flex; flex-direction: row; flex-wrap: wrap; }
.sound_describe>.am-fl a { text-align: center; width: 16%; color: black }
.sound_describe>.am-fl a:hover { color: #3cb9ff }
.sound_describe>.am-fl a:hover img {-webkit-filter: brightness(100%); filter: brightness(100%); }
.sound_describe>.am-fl a img { display: block; margin: 0 auto; width: 100px; height: 100px ;-webkit-filter: brightness(0%); filter: brightness(0%); }
.sound_describe>.am-fr { width: 400px; position: relative; padding: 20px 0 0; }
.sound_describe>.am-fr:before { content: ""; width: 1px; height: 190px; left: -30px; top: 30px; background: #e5e5e5; position: absolute; }
.chanpin1 { }
.chanpin1 img { width: 220px; height: 220px; display: block; }
.chanpin1 p { width: 130px; margin: 30px 0 0 10px }
.chanpin1 p span:nth-child(1) { font-size: 23px; display: block; }
.chanpin1 p span:nth-child(2) { font-size: 15px; display: block; margin: 1em 0 }
.chanpin1 p h4 { font-size: 15px; margin: 0 }
.chanpin1 p button { font-size: 14px; margin: 0; background: transparent; border-radius: 1em; border: 1px solid #d9d9d9; }
.chanpin1:hover { color: black !important }
.chanpin1:hover p button { color: white; background: blue; border: 0px solid #d9d9d9; }
.footlink { padding: 44px 0 }
.footlink div { padding: 0 !important }
.footlink { background: #272729; text-align: center; }
.footlink div a { color: white; font-size: 16px; transition: .3s; padding: 14px }
.footlink div a:last-child { }
.footlink div a:hover { transform: scale(1.05, 1.05); }
.footlink div a img { vertical-align: -13px; margin-right: 10px }
.footlink .am-u-sm-6 { padding: 14px 0; border-right: 1px solid #656565 }
.footlink .am-u-sm-6:last-child { border-right: 0px solid #656565 }

 @media screen and (max-width: 1080px) {
      .footlink div a {font-size: 14px}
      .footlink div a img { vertical-align: middle; margin-right: 10px ;width: 36px;}
		 .footer{padding-top: 0px;}
}
@media screen and (max-width: 980px) {
      .footlink div a {font-size:0.26rem;padding: 10px 0;display: block;}
      .footlink div a img { vertical-align: middle; margin-right: 10px ;width: 0.5rem;}
      .footer{padding-top: 0px;}
      .footlink{padding: 0.3rem 0}

}
@media screen and (max-width: 1025px) {
     #xiahuaxian{display: none}
}



.navbar-inverse .navbar-nav>li>a{color: white}

/*@ming -S*/
@media screen and (max-width:1370px) {
  .sound_describe>.am-fl{ width: 50%; }
  .sound_describe>.am-fl a { width: 20%; }
}
@media screen and (min-width: 1080px) and (max-width: 1250px) {
  .sound_describe>.am-fl{ width: 40%; }
  .sound_describe>.am-fl a { width: 33.33%; }
}
/*@ming -E*/