*{list-style: none;text-decoration: none;font-family:Source Han Sans,Helvetica Neue,Helvetica,Arial,sans-serif,Regular; }

ol,ul{margin-bottom: 0;padding-left: 0;}
.nav_ul{padding-left: 0;}
._black{background:#0f0e0e;}
.nav_ul li{float: left;font-size: 18px;line-height: 116px;padding: 0 25px;position: relative}
.nav_ul li a{color:#999999; display: block}
.last_li a{background: #ffffff;}
a:hover{text-decoration: none;}
/*.nav_ul li:hover{color:#ffffff;border-bottom: 3px solid #ffffff;}*/
.nav_ul li.on a{color:#ffffff;}
.on:after{content:"";width:70%;color: #ffffff; border-bottom: 2px solid #ffffff;position: absolute;top:101%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.yuyan{margin-left: 20px; width: 50px;background: #ffffff;border-radius: 5px;line-height: 25px; margin-top: 45px;text-align: center;}
.navbar{border:none;border-radius: inherit;margin-bottom: 0;}
.nav_ul li:hover a{color:#ffffff;}
.border{border-bottom:1px solid #8c8c8c;}
.yuyan a{color:#999999;display: block;}
.yuyan:hover a{color: #ea0000;}
/*header end*/

/*footer*/
.footer_nav{border-bottom: 1px solid #3f3d3d;}
.footer_p{text-align: center;color:#999999;font-size: 14px;line-height: 50px;margin: 0 0 0 0;}
.footer_ul ul li a{font-size: 12px;color:#999999;display: block;padding-right:40px;margin: 10% 0;}
.footer_ul ul  li:first-child a{color:#cccccc;border-right:1px solid #3f3d3d;font-size: 14px;margin: 25% 0; }
.footer_ul ul{padding-left: 50px;}
.footer_ul ul:first-child{padding-left: 0;}
.footer_ul{padding: 2% 0 4% 0; }
.footer_ul ul:last-child li a:first-child{border:none;}
.footer_right{margin-top: 4%;}
.weixin_icon,.weibo_icon{margin-right: 30px;}
.footer_bor{border:1px solid #454444;line-height: 35px;font-size: 16px;}
.footer_right_text{text-align: center;color: #ffffff;opacity: 0.5;}
.footer_right_p{font-size: 14px;margin-top: 10px;}
.footer_right_p span{display: inline-block;padding-right: 7px;}
.footer_right_email span{padding-right: 10px;}
.footer_right_p p:nth-child(2){padding-left: 28px;}
.footer_right_p p:nth-child(3){padding-left: 12px;}
.footer_right_p p{margin: 0 0 5px 0;}
.footer_ul ul li a:hover{color:#ffffff;}
/*footer*/

/*banner  */
.banner_img img{width:100%;/*margin-left: -10px;*/}
.swiper-pagination-bullet-active{background: #ffffff;}
.swiper-slide .container{position: relative;}
.banner_text1{position: absolute;top:22%;left:10%;color: #ffffff;}
.banner_text1 h2{font-size: 36px;font-weight:bold;margin-bottom: 25px;}
.banner_text1 p{font-size: 20px;opacity: 0.9;}
.banner_text2{position: absolute;top:11%;left:10%;color: #ffffff;}
.banner_text2 h2{font-size: 36px;font-weight:bold;margin-bottom: 30px;}
.banner_text2 p{font-size: 20px;line-height: 30px;opacity: 0.9;}
.banner_text2 p:nth-child(2){width:100%;}
.banner_text2 p:nth-child(3){width:100%;}
.banner_text3{position: absolute;top:13%;left:9%;color: #ffffff;}
.banner_text3 h2{font-size: 36px;font-weight:bold;margin-bottom: 25px;}
.banner_text3 p{font-size: 20px;opacity: 0.9;}
.banner_text4{position: absolute;top:12%;left: 20%;color: #ffffff;text-align: right;}
.banner_text4 h2{font-size: 36px;font-weight: bold;}
.banner_text4 p{margin: 14px 0;font-size: 20px;opacity: 0.9;}
.banner_text5{position: absolute;top:18%;left:9%;color: #ffffff;}
.banner_text5 h2{font-size: 36px;font-weight: bold;margin-bottom: 25px;}
.banner_text5 p{font-size: 20px;opacity: 0.9;}
.banner_text6{position: absolute;top:16%;left:15%;color: #ffffff;}
.banner_text6 h2{font-size: 36px;font-weight: bold;margin-bottom: 40px;}
.banner_text6 p{font-size: 20px;opacity: 0.9;}
/*.banner_text6 p:last-child:after{content: "";width:20%;height:2px;position: absolute;top:110%;left: 0;background: white;opacity: 0.9;}*/
/*banner  */

.ind_top{margin-top: 30px;margin-bottom: 30px;}
.ind_pic1 img,.ind_pic2 img,.ind_pic3 img{width:100%;}
.ind_pic1,.ind_pic3{width:32%}
.ind_pic2{width:34%;}
.ind_pic1,.ind_pic2{margin-right: 1%}
.ind_pic3{margin-right: auto;}
.top_pic{margin-top: 5%;}
.ind_pic1,.ind_pic2,.ind_pic3{position: relative;color:#ffffff;font-size: 20px;}
.ind_pic1 ._p1 p{position: absolute;left: 5%;top:33%;}
.ind_pic1 ._p2 p{position: absolute;left:5%;top:85%;}
.ind_pic3 ._p4 p{position: absolute;left:5%;top:33%;}
.ind_pic3 ._p5 p{position:absolute;left: 5%;top:85%;}
.ind_pic2 p{position: absolute;top: 85%;left: 5%;color: #ffffff;font-size: 20px;}
.ind_pic1 ._p1 div{position: absolute;left: 80%;top:32%;}
.ind_pic1 ._p2 div{position: absolute;left:80%;top:84%;}
.ind_pic3 ._p4 div{position: absolute;left:82%;top:33%;}
.ind_pic3 ._p5 div{position:absolute;left: 82%;top:84%;}
.ind_pic2 div{position: absolute;top: 84%;left: 80%;}
.ind_pic1 a,.ind_pic2 a,.ind_pic3 a{color: #ffffff;}
.ind_pic1 ._p1:hover,.ind_pic1 ._p2:hover,.ind_pic3 ._p4:hover,.ind_pic3 ._p5:hover,.ind_pic2:hover{box-shadow: black 2px 2px 15px;transition: 0.2s;}
.icon_jt{width:11%;}
.img-h{display: none;}
.ind_pic1 ._p1:hover .img-b, .ind_pic1 ._p2:hover .img-b, .ind_pic3 ._p4:hover .img-b, .ind_pic3 ._p5:hover .img-b, .ind_pic2:hover .img-b{display: none;}
.ind_pic1 ._p1:hover .img-h, .ind_pic1 ._p2:hover .img-h, .ind_pic3 ._p4:hover .img-h, .ind_pic3 ._p5:hover .img-h, .ind_pic2:hover .img-h{display: block;}




/*index end*/
.product_ul{width:100%;border-bottom:1px solid #999999;padding-left: 0;margin-top: 20px;}
.product_ul li{float: left;text-align: center;width:12.5%;}
.product_ul li a{display: block;color: #333333;font-size: 16px;font-weight:bold;}
.product_ul li div{margin: 10px auto;height:40px;}
.product_ul li div img{height:100%;}
.product_ul2{padding-left: 0;float: left;}
.product_ul2 li{float: left;width:24.625%;margin-right: 0.5%;margin-bottom:25px;}
.product_ul2 li a{display: block;width:100%;margin: 0 auto;color:#666666;overflow: hidden;background: #f4f4f4;}
.product_ul2 li a img{width:100%;margin: 15px 0 25px 0;}
.product_ul2 li:nth-child(4),.product_ul2 li:nth-child(8){margin-right: auto;}
.product-list_img{margin: 30px auto;}
.product_ul2 li p{line-height:1.7;font-size: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;}
/*.product_ul2 li:hover{background: #cccccc;transition: 0.4s;}*/
.product_ul2 li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transition: 0.4s}
/*product-list end*/
/*.product-nav-bor li a:hover{border-bottom: 2px solid  red;}*/
.border-red{border-bottom: 2px solid red;}
.product-nav-bor li{position: relative;}
.product-nav-bor li:hover div img{transform: scale(1.1);transition: 0.2s;}
.bor-red:after{content: "";position: absolute;width:78%;height:2px;background: red;top:98%;left:12%;}
.product_hifi_box{margin-top: 40px;}
.product_hifi_left{width:100%;height:405px;overflow: auto;margin-top: 40px;margin-bottom: 50px}
.product_hifi_left ul{padding-right: 10px;}
.product_hifi_left li{position: relative;margin: 0 0 2% 0;width:49%;margin-right: 2%;float: left;}
.product_hifi_left li:nth-of-type(even){margin-right: 0;}
.product_hifi_left li a img{width:100%;border-radius: 30px;}
.product_hifi_left li a div{background: #f1c40f;color:#ffffff;position: absolute;top:75%;line-height: 1.7;padding: 0 10px;border-radius: 50px;font-size: 18px;left:5%;}
.product_hifi_left li a span{display: block;background: url("../img/product-icon_white.png")  no-repeat ;width:39px;height:40px;position: absolute;top:70%;left: 85%;background-size: 100%;}
.product_hifi_left li:hover div{background: #f1c40f;color: #333333;}
.product_hifi_left li:hover span{background:url("../img/product-icon_black.png")  no-repeat ;background-size: 100%;transition: 0.4s;}
.product_hifi_right{width:100%;background: #ffffff;box-shadow: 2px 2px 10px #e6e6e6}
.product_hifi_right div{width:95%;margin: 0 auto;padding: 30px 0;}
.product_hifi_right div h2{font-size: 30px;position: relative;font-weight:bold;padding-bottom: 15px;}
.product_hifi_right div h2:after{content: "";position: absolute;width:20%;height:3px;left: 0;top:120%;background: #f39800;}
.product_hifi_right div h3{font-size: 24px;position: relative;padding: 0px 10px 20px;margin: 0;font-weight: bold;line-height: 40px;}
/*.product_hifi_right div h3:after{content: "";position: absolute;width:20%;height:3px;left: 0;top:120%;background: #2c2c2c;}*/

.div-p{padding: 0 15px;margin-bottom: 25px;}
.div-p p{color:#666666;font-size: 22px;}
.div-p span{background: #f1c40f;font-size: 14px;color:#666666;background: #f1c40f;border-radius: 50px;display: block;text-align: center;padding: 7px 0;}

/*.product_hifi_right div p{font-size: 20px;color: #666666;width:30%;display: inline-block;}*/
.product_hifi_right div ul{}
.product_hifi_right div ul li{width:33.3333333%;float: left;font-size: 18px;color: #666666;padding:0 10px;margin-bottom: 10px;}


/*.product_hifi_right div p:first-of-type{margin-top: 40px;}*/
.down-text-right{padding-left: 10px;display: table-cell;
    float: none!important;
    vertical-align: middle;}
.down-text-left{float: none!important;}
.down-text-right p:first-child{color:#666666;margin: 0 0;font-size: 14px;}
.down-text-right p:last-child{font-size: 12px;margin: 0 0;color: #666666;}
/*.down-text>p{font-size: 16px;color: #333333;margin: 20px 0;}*/
.down-text li{width:33.3%;float: left;position: relative;}
/*.down-text li:after{content: "";width:2px;height:100%;position: absolute;border:1px solid #999999;left:60%;}*/
.down-text li:last-child:after{content: none;}

.down-text li a{display: table;/*transform: translateX(100%);*/width:40%;margin: 0 auto;}
.down-text li:after{content: "";width:2px;height:100%;position: absolute;border:1px solid #999999;left:100%;top:0;}
.down-text>p{font-size: 16px;color: #333333;margin: 20px 0;padding: 12px 10px;background: #e6e4e4;}

/*.down-text li:last-child{border: none;}*/
/*product  end*/
.product-top{margin-bottom: 100px;}
.product_case_box{padding: 4em 2em;background: #2d2b2b;color: #ffffff;float: left;margin: 20px 0 40px;}
.product_case_box .case_text_left{width:30%;padding: 0 15px}
.product_case_box .case_text_right{width:70%;padding: 0 15px;}
.product_case_box .case_text_left p{font-size: 26px;}
.product_case_box .case_text_right p{font-size: 16px;line-height: 28px;}
.case_tedian li{float: left;width:33.33333%;text-align: center;padding: 30px 0;height: 12em;}
.case_tedian li span{display: block;width:20%;height:4px;background: #f1c40f;margin: 10px auto}
.product_case_nav .nav-tabs{background: #cccccc;border:none;}
.product_case_nav .nav-tabs li{width:33.333333%;text-align: center;color: white;font-size: 16px;margin-bottom: 0;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background: #f1c40f;border:none;color:white}
.nav-tabs>li>a{border:none;}
.nav-tabs>li>a{color:white;margin-right: 0;border-radius: 0;padding: 14px 15px;}
.nav-tabs>li.active>a:after{content: "";width:20%;height:3px;position: absolute;background: white;top:95%;left: 40%;}
.case_tedian li p:first-child{color:#333333;font-size: 16px; font-weight: bold;}
.case_tedian li p:last-child{color:#666666;font-size: 16px;}
.case_guige table{width:100%;}
.case_guige table tr th{width:33.333333%;padding: 10px 0;padding-top: 30px;font-size: 16px;color: #333333;font-weight: bold;position: relative;border-bottom:none;}
.case_guige table tr td{padding: 10px 0;}
.case_guige table tr th:after{content: "";width:85%;border:1px solid #333333;position: absolute;top:100%;left:0;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-bottom: 1px solid #ddd;border-top: none;padding-left: 5px;}
.case_gonneng li{width:33.333333%;float: left;text-align: center;padding: 55px 0 20px;}
.case_gonneng li h4{font-size: 20px;font-weight: bold;color: #333333;}
.case_gonneng li p{font-size: 16px;color:#666666;line-height: 30px;padding: 0 1em;height:6em;}
.case_gonneng li span{width:25%;border:2px solid #f1c40f;display: inline-block;}
.case_gonneng li div{height:48px;}
.case_gonneng li div img{height:100%;}
.product_ul2 li:hover .div-p span{color:#ffffff;}
/*.cc{background: #f1c40f;}*/
.nav>li>a:focus, .nav>li>a:hover{background: #f1c40f;}

/*contact*/
.contact-top{margin: 50px auto;}
.contact-text{width:15%;background: #8c8c8c;color: #ffffff;padding: 8px 0;font-size: 18px;text-align: center;margin-top: 50px;}
.bor{height:2px;background: #acacac;}
.contact-left{width:48%;}
.contact-left h3{font-size: 20px;color:#333333;font-weight: bold;margin: 0 0 30px;}
.contact-left p{font-size: 16px;color: #666666;}
.contact-right{width:48%;}
.contact-left p span{float: left;}
.contact-left p span:last-child{width:85%;}
#contact_map{height:275px;}


/*about*/
.about-nav{margin-top: 30px;border-bottom: 1px solid #999999;}
.about-nav li{float: left;width:12%;text-align: center;}
.about-nav .acc-bor{border-bottom: 2px solid #e60012;}
.about-nav li a{font-size: 16px;color: #333333;}
/*.about-nav li p .ic1{background: url("../img/wh_03.png") no-repeat;background-size: 100%;width:70px;height:70px;display: block}*/
/*.about-nav li p .ic2{background: url("../img/wh_03.png") no-repeat;background-size: 100%;width:70px;height:70px;display: block}*/
.about-text{margin-bottom: 70px;}
.about-text h4{font-size: 18px;font-weight: bold;color:#333333;line-height: 30px;margin-top: 30px;}
.about-text p{font-size: 16px;color: #666666;line-height: 30px;text-indent: 2em;margin-bottom: 5px;}
.about-text>img{width:100%;margin:25px 0}
.div-li{margin: 30px 0 20px 0;}
.about-text .div-li .div-left{width:50%;text-align: justify;margin-top: 45px;}
.about-text .div-li .div-right{width:45%;}
.about-text .div-li:nth-child(odd) .div-right{float: right;text-align: right}
/*.about-text .div-li:nth-child(even) .div-left{float: right;}*/
.about-text .div-li:nth-child(even) .div-right{float: left;}
.about-text .div-li:nth-child(odd) .div-left{float: left}
.about-text .div-li:nth-child(even) .div-left{float: right}
.about-text .div-li>p{width:100%;font-size: 20px;color: #333333;line-height: 48px;position: relative;text-indent: 0;margin-bottom: 30px;}
.about-text .div-li>p:after{content: "";width:20%;height:2px;position: absolute;bottom:0;background: #f39700;left: 0;}
.about-text .div-li .div-left p{font-size: 16px;line-height: 30px;color: #666666;}
.about-yw h4:nth-of-type(2){margin-top: 25px;}
.about-text .div-li .div-right img{width:100%;}
.shouhou>h4{font-size: 16px;line-height: 30px;color:#333333;background: #ececec;font-weight: bold;margin-top: 25px;padding: 0 8px;}
.shouhou>p{padding: 10px 15px;color: #666666;font-size: 16px;line-height: 30px;}
.shouhou{margin-bottom: 50px;}
.xiazai>ul li{width:33.3333%;float: left;padding: 15px 30px;}
.xiazai>ul li a{display: table;color: #666666;width:210px;}
.xiazai>ul li a icon{display: table-cell;}
.xiazai>ul li a span{display: block;}
.xiazai>ul li a i{font-style: normal;}
.xiazai>ul li a p{display: table-cell;vertical-align: middle;padding-left: 10px;}
//.xiazai>ul li:nth-of-type(2) a{margin:auto}
.xiazai>ul li:nth-of-type(3) a{margin-left:auto}
.xiazai>h4{margin: 20px 0;}

.newss .newss-nav{margin: 20px 0;border-bottom: 1px solid #cccccc;}
.newss-nav .acc-bor{border-bottom: 2px solid #e60012}
.newss-nav li{display: inline-block;padding: 0px 0;}
.newss-nav li a{padding: 0 20px;font-size: 18px;line-height: 30px;color:#666666;position: relative;}
.newss-nav li a:after{content: "";position: absolute;right:0;width:1px;height:80%;background: #8c8c8c;transform: translateY(43%);}
.newss-nav li:last-of-type a:after{position: initial;}
.newss-nav li.acc-bor a{color: #333333;}

.news-list{}
.news-list>ul li{border-bottom: 2px dashed #eeeeee;padding: 20px;margin: 10px 0;}
.news-list>ul li .news-list-img{float: left;overflow: hidden;}
.news-list>ul li .news-list-text{padding-left: 310px;}
.news-list>ul li .news-list-text h4{font-size: 18px;line-height: 60px;color: #666666;padding-right: 15%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-list>ul li .news-list-text span{font-size: 14px;color: #666666;margin: 5px 0;display: block;}
.news-list>ul li .news-list-text p{font-size: 16px;color:#999999;padding-right: 15%;height:50px;line-height: 1.6;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-list>ul li .butt{text-align: right;}
.news-list>ul li .butt button{font-size: 16px;color:#ffffff;border: none;background: #999999;padding: 2px 10px;}
.news-list>ul li:hover button{background: #f1c40f;}
.news-list>ul li:hover{box-shadow: 0 0 5px #dedede;}
.news-list>ul li:hover .news-list-img img{transform: scale(1.1);transition: 0.3s;}
.fenye{text-align: right;margin: 15px 0;}
.fenye .pagination>li>a,.fenye .pagination>li>span{background: #ececec;color:#666666;}
.fenye .pagination>.active>a,.fenye .pagination>.active>a:hover,.fenye .pagination>.active>span:hover{background-color: #f1c40f;;color: #ffffff;border-color: inherit}
.pagination>li>a:hover{background-color: #f1c40f;;color: #ffffff;}
/*news-detail*/
.news-detail{margin: 25px auto 50px}
 .news-detail .news-detail-nav{border-bottom: 2px solid #acacac;}
.news-detail-nav .abc-bac{background:#8c8c8c; }
.news-detail-nav li a{color: #333333;}
/*.news-detail-nav li:last-of-type a:after{position: absolute;}*/
.news-detail-nav .abc-bac a{color:#ffffff;}
.news-detail-text{text-align: center;}
.news-detail-text>h3{font-size: 24px;color: #333333;margin-top: 65px;}
.news-detail-text>span{font-size: 14px;color: #666666;margin: 25px 0;display: block;}
.news-detail-text>p{font-size: 16px;color: #666666;text-indent: 2em;padding-top: 20px;text-align: left;line-height: 28px;}
.news-detail-text>div p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-detail-text>div p a{font-size: 14px;color: #999999;}
.news-detail-text>div p:first-of-type{float: left;width:35%;text-align: left}
.news-detail-text>div p:last-of-type{float: right;width:35%;text-align: right}
.news-detail-text>div{margin: 55px 0 20px 0;}
/*news-kj*/
.news-kj{margin-top: 20px;margin-bottom: 40px;}
.news-kj-list{}
.news-kj-list>ul>li{margin-top: 15px;border-bottom: 1px dashed #a1a1a1;}
.news-kj-list>ul>li a{display: block;padding: 15px 0;}
.news-kj-list>ul>li a p{font-size: 16px;color:#666666;float: left;margin: 0;width:70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-kj-list>ul>li a span{font-size: 14px;color: #999999;float: right;}
.news-kj-list>ul>li:hover a p,.news-kj-list>ul>li:hover a span{color: #333333;}
.product-ull>li{position: relative;}
.product-ull>li:hover:after{border-bottom: 2px solid red;content: "";position: absolute;bottom:0;height:1px;width:78%;left: 0;right:0;margin: auto;}
/*::-webkit-scrollbar{*/
    /*display:none;*/
/*}*/
.product-nav-bor li:hover:after{content: "";
 position: absolute;
 width: 78%;
 height: 2px;
 background: red;
 top: 98%;
 left: 12%;}



 /*new*/
.product_ul li:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transition: 0.4s}