html{ scroll-behavior:smooth; }
    
    .clearfix { display: block; zoom: 1; }
    em{ font-style: normal;}
    ul{ margin: 0; padding: 0;}
    li{ list-style: none;}
    .fl{ float:left;}
    .fr{ float:right;}
    .clear{ clear:both;}
    .cl:after{ content: ''; clear: both; display: table;}
    a{ text-decoration: none !important;}
    .container{ position:relative;}
    .h3{ position: relative; margin: 0;}
    
    @font-face {
        font-family: 'BOD_BI';
        src: url('../fonts/bod_bi.ttf');
        font-weight: normal;
        font-style: normal;
    }
    

.s_banner .swiper1 .swiper-slide a{ display:block; padding-top: 35.6%;  width:100%; position:relative;}

.s_banner .swiper1 .swiper-pagination1{ bottom: 50px;}
.s_banner .swiper1 .swiper-pagination1 .swiper-pagination-bullet{ background:#fff; width: 70px; border-radius: 0; height: 1px; transition: all 0.6s; opacity: 1; margin: 0; margin-right: 23px;}
.s_banner .swiper1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #ca9257;}
.s_banner .swiper-button-prev{ left: 3%;}
.s_banner .swiper-button-next{ right: 3%;}
.s_banner .swiper-button-prev, .s_banner .swiper-button-next{ font-size: 22px; height: 58px; width: 58px; line-height: 58px; text-align: center; color: rgba(255,255,255,1); background: rgba(0,0,0,0.8); border-radius: 50%; opacity: 0; transition: all 0.3s;}
.s_banner .swiper-button-prev i{ display: inline-block; transform: rotateY(180deg); font-size: 30px;}
.s_banner:hover .swiper-button-prev, .s_banner:hover .swiper-button-next{ opacity: 1;}

    
.s_product{ padding: 60px 0;}
.tit6{ font-size: 30px; color: #333; text-align: center; margin-bottom: 40px;}
.tit6 strong{ font-size: 30px; font-weight: normal; text-transform: uppercase; display: inline-block;}
.tit6 em{ font-style: normal; display: inline-block; margin-left: 15px;}

.s_product .swiper-container .swiper-slide a{ padding-top: 50%; display: block;}
.s_product #thumbs{ margin-top: 30px;}
.s_product #gallery .swiper-button-prev, .s_product #gallery .swiper-button-next{ font-size: 22px; height: 58px; width: 58px; line-height: 58px; text-align: center; color: rgba(255,255,255,1); background: rgba(0,0,0,0.8); border-radius: 50%; transition: all 0.3s;}
.s_product #gallery .swiper-button-prev i, .s_product #gallery .swiper-button-next i{ font-size: 30px;}
.s_product #gallery .swiper-button-prev i{ display: inline-block; transform: rotateY(180deg);}
.s_product #thumbs .swiper-slide{ background: #fff;}
.s_product #thumbs .swiper-slide a{ opacity: 0.75; transition: all 0.3s;}
.s_product #thumbs .swiper-slide.swiper-slide-thumb-active a{ opacity: 1;}

.s_guanggao{ margin-top: 80px;}
.s_guanggao .swiper-container .swiper-slide a{ padding-top: 62%; display: block; position: relative; overflow: hidden;}
.s_guanggao .swiper-container .swiper-slide a span{ position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.75); color: #fff; padding: 10px 0; text-align: center; opacity: 0; transition: all 0.3s; transform: translateY(100%);}
.s_guanggao .swiper-container .swiper-slide:hover a span{ transform: translateY(0); opacity: 1;}


.s_zhaoshang{ background: #efefef; padding-top: 80px;}
.tit1{ text-align: center; margin-bottom: 60px;}
.tit1 strong{ font-size: 46px; color: #333; text-transform: uppercase; display: block;}
.tit1 em{ font-style: normal; display: block; font-size: 26px;}

.snew_row{ margin: 0 -10px;}
.snew_row .col-md-6{ padding: 0 10px;}

.snew a.snew_a{ position: relative; display: block; overflow: hidden;}
.snew a.snew_a span{ color: #fff; font-size: 16px; position: absolute; right: 5%; bottom: 8%; z-index: 2;}
.snew a.snew_a img{ transition: all 0.3s;}
.snew a.snew_a:hover img{ transform: scale(1.05);}

.snew ul li{ border-bottom: 1px solid #Dedede; padding-right: 100px; position: relative; font-size: 16px;}
.snew ul{ padding: 10px 20px; background: #fff; padding-bottom: 5px;}
.snew ul li span{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #999; transition: all 0.3s;}
.snew ul li a{ padding: 9px 0; display: block; font-size: 16px; color: #666; line-height: 24px; transition: all 0.3s;}
.snew ul li:hover a{ color: #000;}
.snew ul li:last-child{ border: none;  text-align: right; padding: 0;}
.snew ul li:hover span{ color: #000;}


.svideo a.svideo_a{ position: relative; display: block; overflow: hidden; margin-bottom: 20px;}
.svideo a.svideo_a span{ color: #fff; font-size: 16px; position: absolute; right: 5%; bottom: 8%; z-index: 2;}
.svideo a.svideo_a i{ display: block; width: 96px; height: 96px; border-radius: 50%; background: rgba(0,0,0,0.5); position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2;}
.svideo a.svideo_a i:after{ content: ''; width: 0; height: 0; border-left: 20px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; position: absolute; top: 50%; left: 50%; transform: translateX(-40%) translateY(-50%);}
.svideo a.svideo_a img{ transition: all 0.3s;}
.svideo a.svideo_a:hover img{ transform: scale(1.105);}

.s_form{ background: #fff; margin-top: 30px; margin-bottom: 30px;}
.s_form .form-control{ border-radius: 0; height: 46px;}
.s_form button.form-control{ background: #000; color: #fff; box-shadow: none; font-size: 16px;}
.s_form .btn.form-control{ background: #000; color: #fff; box-shadow: none; font-size: 16px;}
.s_form>.row{ margin: 0;}
.s_form>.row>.col-md-6{ padding: 0;}
.s_form .caption{ padding:30px; transition: all 0.3s;}
.s_form .caption:hover{ background: #444;}
.s_form .caption:hover .tit2{ color: #fff;}
.s_form .caption:hover .btn.form-control{ background: #ca9257;}

.s_product .s_form .caption{ padding: 0;}
.s_product .s_form .caption:hover{ background: none;}
.s_product .s_form .caption:hover .tit2{ color: #000;}
.s_product .s_form .caption:hover .btn.form-control{ background: #000;}


.tit2{ color: #000; font-size: 22px; margin-bottom: 20px; transition: all 0.3s;}
.tit2 strong{ text-transform: uppercase; margin-right:15px; font-weight: normal;}
.tit2 em{ font-style: normal;}
.tit2 i{ display: inline-block; margin-right: 10px; font-size: 24px;}


.footer { padding-top: 30px; background: rgb(239, 239, 239); border-top: 2px solid rgb(0, 0, 0);}
.footer .caption h5 { margin-bottom: 20px;}
.footer .caption h5 a { color: rgb(0, 0, 0); font-weight: bold;}
.footer .caption p a { color: rgb(102, 102, 102);}
.footer .caption p a:hover{ color: #ca9257;}
.ft_lx { text-align: right; color: rgb(0, 0, 0);}
.ft_lx h5 { margin-top: 30px; font-size: 16px; margin-bottom: 15px;}
.ft_lx p a { margin-left: 15px; width: 40px; height: 40px; text-align: center; line-height: 40px; color: rgb(0, 0, 0); display: inline-block; transition: all 0.3s ease 0s; border-radius: 50%; background: rgb(159, 160, 160); position: relative;}
.ft_lx p a span{ position: absolute; right: 50%; transform: translateX(50%); top: calc(100% + 5px); width: 120px; display: none; padding: 5px; border: 1px solid #dedede; background: #fff;}
.ft_lx p a:hover span{ display: block;}
.ft_lx p a span img{ display: block; width: 100%;}

.footer_di { margin-top: 20px; color: rgba(255, 255, 255, 0.75); background: rgb(0, 0, 0); padding: 30px 0px;}
.footer_di a { color: rgba(255, 255, 255, 0.75);}
.footer_di span { margin-left: 15px; display: inline-block;}
.footer_di a#top { color: rgb(0, 0, 0); padding: 2px 10px; background: rgba(255, 255, 255, 0.75);}



.n_banner { position: relative; z-index: 5; padding-top: 35.625%;}
.n_banner .nban_text { position: absolute; top: 50%; left: 0px; right: 0px; transform: translateY(-50%); z-index: 2; color: rgb(255, 255, 255);}
.n_banner .nban_text .h3 { font-size: 72px; font-weight: bold; line-height: 70px; font-family: Arial; text-transform: uppercase; margin-bottom: 26px;}
.h3 { position: relative; margin: 0px;}
.n_banner .nban_text .p { font-size: 30px; line-height: 1; margin-bottom: 54px;}
.n_banner .nban_text .m { width: 50px; height: 50px; border-width: 1px; border-style: solid; border-color: rgb(255, 255, 255); border-image: initial; overflow: hidden; border-radius: 50%;}
.n_banner .nban_text .m i { display: block; line-height: 48px; text-align: center; font-size: 22px; cursor: pointer;}
.about_nav { position: absolute; z-index: 7; bottom: 0px; left: 0px; right: 0px; margin: 0px auto;}
.about_nav ul { border-bottom: 1px solid rgb(219, 219, 219);}
.about_nav ul.fen2 li { width: 50%;}
.about_nav ul.fen4 li { width: 25%;}
.about_nav li { width: 20%;    float: left;}
.about_nav .pd:hover, .about_nav .curr .pd { color: rgb(255, 255, 255); background: rgb(68, 68, 68);}
.about_nav .pd { display: block; height: 80px; line-height: 80px; text-align: center; background: rgb(255, 255, 255); border-right: 1px solid rgb(219, 219, 219); transition: all 0.3s ease 0s;
 color: #000;}
.about_nav i { width: 38px; height: 38px; text-align: center; line-height: 36px; font-size: 20px; margin-right: 10px; display: inline-block; border-width: 1px; border-style: solid; border-color: rgb(222, 222, 222);
 border-image: initial; border-radius: 50%;}
.about_nav strong { font-size: 14px; font-weight: normal;}
.about_nav li:last-child .pd { border-right: none;}
.about_nav ul::after { content: ""; clear: both; display: table;}



/* about */
.mbz{ padding-top: 80px;}
.mbz, .nab_gmxz{ background: #efefef;}
.nab_gmxz .row .col-sm-4{ margin-bottom: 60px;}
.nab_gmxz .caption{ background: #fff; padding-top: 30px; text-align: center;}
.nab_gmxz h2 strong.abwz{font-size: 24px; display: flex;
    display: -webkit-flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;}
.nab_gmxz h2 strong.abwz em{ width: 25%; display: block;}
.nab_gmxz .caption span{ font-size: 56px; line-height: 56px; color: #444;}
/* .nab_gmxz .caption span strong.abwz{ font-size: 46px;} */
.nab_gmxz .caption span sup{ font-size: 30px;}
.nab_gmxz .caption h4{ color: #333;}
.nab_gmxz .caption img{ margin: 30px 0;}
.nab_gmxz h5{ line-height: 24px; color: #666;}
.nab_gmxz .container .row:nth-child(2) .col-sm-4:last-child h5 span{ display: block; width: 100%; padding-left: 85px; position: relative;}
.nab_gmxz .container .row:nth-child(2) .col-sm-4:last-child h5 span em{ position: absolute; top: 0; left: 0; width: 85px; text-align: justify; display: block;}
.nab_gmxz .container .row:nth-child(2) .col-sm-4:last-child h5 span em::after {
            display: inline-block;
            width: 100%;
            content: '';
            height: 0;
        }


.nab_lc{ padding: 40px 0;}
.nab_lc ul{ position: relative;}
.nab_lc ul:after{ content: ''; width: 1px; height: 100%; background: #333; position: absolute; left: 50%; top: 0;}
.nab_lc ul li:nth-child(2n-1){ padding-right: 58%; text-align: right;}
.nab_lc ul li:nth-child(2n){ padding-left: 58%; text-align: left;}
.nab_lc ul li{ position: relative;}
.nab_lc ul li h2{ font-size: 36px; color: #333; line-height: 36px; margin: 0;}
.nab_lc ul li h5{ color: #666;}
.nab_lc ul li:after{ content: ''; width: 6.8%; height: 1px; background: #333; position: absolute; top: 50%; transform: translateY(-50%);}
.nab_lc ul li:nth-child(2n-1):after{ left: 43%;}
.nab_lc ul li:nth-child(2n):after{ right: 43%;}
.nab_lc ul li:before{ content: ''; width: 10px; height: 10px; border-radius: 50%; background: #333; position: absolute; top: 50%; transform: translateY(-50%);}
.nab_lc ul li:nth-child(2n-1):before{ left: calc(50% - 5px);}
.nab_lc ul li:nth-child(2n):before{ right: calc(50% - 5px);}

.lc_bottom{ line-height: 24px; color: #666; padding-top: 60px; position: relative;}
.lc_bottom:after{ content: ''; width: 0; height: 50px; border-left: 1px dashed #333; position: absolute; left: 50%; top: 0%;}
.lc_bottom strong{ font-size: 24px; display: inline-block; padding: 8px 25px; margin-bottom: 10px; border: 1px solid #333; border-radius: 30px; text-align: center; color: #333;}

.nab_honor{ padding: 60px 0; background: #efefef; padding-bottom: 100px;}
.nab_honor .swiper-container{ padding: 40px 0; background: #000;}
.nab_honor .swiper-container .swiper-slide a{ display: block; position: relative; padding-top: 65%;}
.nab_honor .swiper-container .swiper-slide a img{ position: absolute; max-width: 100%; max-height: 100%; display: block; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto;}


/* 案例 */

.nban_text2{ position: absolute; right: 17%; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.95); padding: 50px 45px; border: 1px solid #c59c62;}
.nban_text2 h3{ line-height: 36px; font-size: 28px; margin: 0; color: #000;}
.nban_text2 h6{ line-height: 18px; color: #999; text-transform: uppercase;}
.nban_text2 h4{ padding-top: 50px; margin-top: 30px; position: relative;}
.nban_text2 h4:after{ content: ''; width: 60px; height: 4px; background: #333; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}

.nanli_content{ position: relative; z-index: 10;}
.nanli_list{ padding:6% 10%; padding-right: 20.8%; background: #fff;}
.nanli_list .en_img{ position: absolute; left: 5%; top: 9.5%; height:83%; display: none;}
.nanli_list .en_img img{ height: 100%; display: block;}
.nanli_list .nanli_text{ position: absolute; right: 0; top: 9.5%; padding:0 40px; width: 20.8%; color: #333;}
.nanli_list .nanli_text h4{ line-height: 30px; margin: 0;}
.nanli_list .nanli_text h5{ color: #666; text-transform: uppercase; line-height: 24px;}
.nanli_content .nanli_bj:nth-child(1){ margin-top: -3%;}
.nanli_content .nanli_bj:nth-child(2n-1){ padding: 0;}
.nanli_content .nanli_bj:nth-child(2n) .nanli_list{ padding-left: 20.8%; padding-right: 10%;}
.nanli_content .nanli_bj:nth-child(2n) .nanli_list .en_img{ right: 5%; left: auto;}
.nanli_content .nanli_bj:nth-child(2n) .nanli_list .nanli_text{ left: 0; right: auto;}
.nanli_content .nanli_bj:nth-child(2n) .nanli_list .nanli_fan{ left: 0; right: auto;}
.nanli_list .gallery .swiper-slide a{ padding-top: 62%; display: block;}
.nanli_list .thumbs{ margin-top: 15px;}
.nanli_list .thumbs .swiper-slide a{ padding-top: 62%; display: block; position: relative;}
.nanli_list .thumbs .swiper-slide a:after{ content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; z-index: 2;}
.nanli_list .thumbs .swiper-slide.swiper-slide-thumb-active a:after{ display: none;}
.nanli_list .nanli_fan{ position: absolute; right: 0; width: 20.8%; top: 50%; transform: translateY(-50%); padding-left: 40px;}
.nanli_list .nanli_fan .swiper-button-prev, .nanli_list .nanli_fan .swiper-button-next{ display: inline-block; background: #fff; width: 65px; height: 40px; border: 1px solid #dedede; line-height: 38px; text-align: center; position: static; margin: 0; margin-right: 10px; outline: none;}
.nanli_list .nanli_fan .swiper-button-prev i, .nanli_list .nanli_fan .swiper-button-next i{ display: inline-block;}
.nanli_list .nanli_fan .swiper-button-prev i{ transform: rotateY(180deg);}

.nanli_content .nanli_bj{ padding: 5% 0;}


/* 產品中心 */
.n_banner .hui{ position: absolute; top: 0; left: 8%; height: 100%;}
.n_banner .hui img{ display: block; height: 100%;}

.npro_lei{ text-align: center; padding-top: 60px;}

.npro_lei ul{ font-size: 0;}
.npro_lei ul li{ display: inline-block;}
.npro_lei ul li a{ padding: 15px 40px; background: #fff; font-size: 22px; color: #000; display: block; border: 1px solid #444444;}
.npro_lei ul li.active a{ background: #444444; color: #fff;}

.npro_lei_2{ margin: 40px 0;}
.npro_lei_2.active{ position: fixed; top: 80px; left: 0; right: 0; z-index: 80; margin: 0;}
.npro_lei_2 ul li a{ display: block; padding: 10px 0; text-align: center; font-size: 18px; color: #333; border: 1px solid #333; background: #fff;}
.npro_lei_2 ul li a{ border-right: none;}
.npro_lei_2 ul li.active a{ background: #333; color: #fff;}
.npro_lei_2 ul li:last-child a{ border-right: 1px solid #333;}
.lei_mao{ position: absolute; top: -80px; left: 0;}

.npro_zong .npro_list:nth-child(2n){ background: #efefef;}
.npro_list{ position: relative; padding: 40px 0;}
.npro_list .caption{ margin-bottom: 50px;}
.npro_list .caption a{ color: #000; transition: all 0.3s;}
.npro_list .caption:hover a{ color: #c59c62;}

.npro_content .s_product .thumbs{ margin-top: 30px;}
.npro_content .s_product h2{ margin: 40px 0;}
.s_product .swiper-container .swiper-slide a{ padding-top: 50%; display: block;}
.s_product .gallery .swiper-button-prev, .s_product .gallery .swiper-button-next{ font-size: 22px; height: 58px; width: 58px; line-height: 58px; text-align: center; color: rgba(255,255,255,1); background: rgba(0,0,0,0.8); border-radius: 50%; transition: all 0.3s;}
.s_product .gallery .swiper-button-prev i, .s_product .gallery .swiper-button-next i{ font-size: 30px;}
.s_product .gallery .swiper-button-prev i{ display: inline-block; transform: rotateY(180deg);}
.s_product .thumbs .swiper-slide{ background: #fff;}
.s_product .thumbs .swiper-slide a{ opacity: 0.75; transition: all 0.3s;}
.s_product .thumbs .swiper-slide.swiper-slide-thumb-active a{ opacity: 1;}


/* 視頻 */
.nvd_list{ padding: 100px 0; background: #f9f9f9;}
.nvd_list .row{ margin: 0 -30px;}
.nvd_list .row .col-md-6{ padding: 0 30px;}
.nvd_list .caption{ overflow: hidden; position: relative; margin-bottom: 60px;}
.nvd_list .caption a{ padding-top: 69%; display: block; position: relative;}
.nvd_list .caption .nvd_text{ position: absolute; bottom: 0; left: 0; right: 0; background: #444444; color: #fff; padding: 5px 0; text-align: center; transform: translateY(100%); opacity: 0; transition: all 0.3s;}
.nvd_list .caption:hover .nvd_text{ opacity: 1; transform: translateY(0%);}
.nvd_text h5, .nvd_text h4{overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}

.nvd_list .caption a i{ display: block; width: 86px; height: 86px; border-radius: 50%; border: 1px solid #fff; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; box-shadow: 0px 0px 4px rgba(0,0,0,0.3); transition: all 0.3s;}
.nvd_list .caption a i:after{ content: ''; width: 0; height: 0; border-left: 20px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; position: absolute; top: 50%; left: 50%; transform: translateX(-40%) translateY(-50%);}
.nvd_list .caption:hover a i{ background: rgba(255,255,255,0.35);}








.nnew_img a{ display: block; padding-top: 55%; display: block;}
.nnew_text{ padding-left: 90px; position: relative; margin: 30px 0;}
.nnew_text span{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding: 10px 12px; background: #444444; color: #fff; text-align: center; font-size: 12px;}
.nnew_text span b{ display: block; font-size: 30px;}
.nnew_text h3{ line-height: 36px; margin-top: 10px; color: #333;}
.nnew_text h6{ color: #333;}
.nnew_text h6 i{ color: #999; font-style: normal;}
.nnew_li p{ line-height: 24px; color: #666;}
.nnew_li{ margin-bottom: 50px;}
.new_content{ padding: 120px 0; background: #f9f9f9;}
.nnew_content{ padding: 60px 0; background: #f9f9f9;}
.nnew_more{ margin-top: 30px;}
.nnew_more a{ display: inline-block; padding: 10px 30px; border: 1px solid #DEdede; color: #666;}
.nnew_more a:hover{ color: #fff; background: #c59c62; border: 1px solid #c59c62;}


.nnew_right{ margin-left: 20%;}
.nnew_dingzhi{ padding: 20px 30px; background: #fff; border: 1px solid #e5e5e5;}
.nnew_dingzhi .form-control{ border-radius: 0; height: 40px;}
.nnew_dingzhi h4{ border-left: 2px solid #333; padding-left: 10px; margin-bottom: 15px;}


.nnew_tuijian{ padding: 30px; background: #fff; margin-top: 30px; border: 1px solid #e5e5e5;}
.nnew_tuijian h4{ border-left: 2px solid #333; padding-left: 10px; margin-bottom: 15px;}
.nnew_tuijian .caption{ margin-bottom: 30px;}
.nnew_tuijian .caption h3{ font-size: 18px; color: #000; border-left: 2px solid #000; padding-left: 10px;}
.nnew_tuijian .caption:last-child{ margin-bottom: 0;}

.nnew_hot{ padding: 20px 30px; background: #fff; margin-top: 30px; border: 1px solid #e5e5e5;}
.nnew_hot h4{ border-left: 2px solid #333; padding-left: 10px; margin-bottom: 0;}
.nnew_hot .hot_li:last-child{ border: none;}
.hot_li{ padding: 20px 0; border-bottom: 1px dashed #dedede;}
.hot_li h6{ color: #999;}
.hot_li h6 span{ display: inline-block;}
.hot_li h6 span:last-child{ margin-left: 15px;}
.hot_li h5{ color: #333; line-height: 24px;}
.nnew_hot .hot_li:hover h5{ color: #c59c62;}

.nnew_case{ padding: 20px 30px; background: #fff; margin-top: 30px; border: 1px solid #e5e5e5;}
.nnew_case h4{ border-left: 2px solid #333; padding-left: 10px; margin-bottom: 0; position: relative; margin-bottom: 15px;}
.nnew_case h4 .swiper-pagination{ right: 0; width: 60%; bottom: 0; text-align: right;}
.nnew_case h4 .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; margin-left: 10px;}
.nnew_case .swiper-container .swiper-slide a{ padding-top: 62%; display: block;}
.nnew_case .swiper-container .swiper-slide h5{ color: #333; margin-top: 15px;}
.nnew_case h4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #000;}

.nnew_tit{ margin-bottom: 30px;}
.nnew_tit h3{ line-height: 30px;}
.nnew_tit h5{ color: #666; margin-top: 15px;}

.ncp_img{ padding-top: 62%;}
.title2 { text-align: center; color: rgb(0, 0, 0); padding-top: 20px; position: relative; margin: 40px 0px;}
.title2 strong { font-size: 56px; text-transform: uppercase; display: block;}
.title2 span { font-size: 36px; display: block;}
.title2::after { content: ""; width: 60px; height: 4px; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); background: rgb(0, 0, 0);}




.nzs_fuchi, .nzs_tiaojian, .nzs_liucheng{ padding-top: 80px;}
.nzs_fuchi ul{display: flex;
    display: -webkit-flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
    }
.nzs_fuchi ul li{ width: 47%; margin-right: 6%; margin-bottom: 30px; position: relative; padding:40px 30px; padding-left: 100px; background: #fff; font-size: 16px; color: #333; line-height: 24px; border: 1px solid #Dedede;}
.nzs_fuchi ul li span{ position: absolute; top: 50%; transform: translateY(-50%); left: 20px; font-size: 40px; font-weight: bold; opacity: 0.3;font-family: 'BOD_BI';}
.nzs_fuchi ul li:nth-child(2n){ margin-right: 0;}
.bai_bj{ background: #fff; box-shadow: 0px 0px 6px rgba(0,0,0,0.2);}

.nzs_tiaojian .bai_bj{ background: #fff;}
.nzs_tiaojian .caption{ text-align: center; padding-top: 30px;}
.nzs_tiaojian .caption i{ width: 68px; height: 68px; display: block; transition: all 0.3s; margin: 0 auto; text-align: center; line-height: 66px; border-radius: 50%; border: 1px solid #dedede; color: #333; font-size: 24px;}
.nzs_tiaojian .caption:hover i{ background: #333; color: #fff;}

.nzs_liucheng{ padding-bottom: 40px;}
.nzs_liucheng ul{display: flex;
    display: -webkit-flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}
.nzs_liucheng ul li{ transition: all 0.3s; width: 23%; margin-right: 2.66%; margin-bottom: 20px; position: relative; padding:30px 20px; padding-bottom: 50px; background: #fff; color: #333; line-height: 24px; border: 1px solid #Dedede;}
.nzs_liucheng ul li span{ position: absolute; bottom: 25px; right: 15px; font-size: 56px; font-weight: bold; opacity: 0.3; font-family: 'BOD_BI'; color: rgba(208,208,208,0.5);}
.nzs_liucheng ul li:nth-child(4n){ margin-right: 0;}

.nzs_liucheng ul li i{ width: 68px; height: 68px; display: block; transition: all 0.3s; margin: 0 auto; text-align: center; line-height: 66px; border-radius: 50%; border: 1px solid #dedede; color: #333; font-size: 30px;}
.nzs_liucheng ul li:hover i{ background: #444444; color: #fff;}
.nzs_liucheng ul li h4{ text-align: center; transition: all 0.3s; margin: 15px 0;}
.nzs_liucheng ul li p{ line-height: 24px; font-size: 14px; color: #333; transition: all 0.3s; text-align: center;}
.nzs_liucheng ul li:hover{ background: #444444;}
.nzs_liucheng ul li:hover h4{ color: #fff;}
.nzs_liucheng ul li:hover p{ color: #fff;}


.lx_content{ background: #f8f8f8; padding-top: 120px;}
.lx_content .title2{ text-align: left; padding-top: 0; padding-bottom: 20px; margin-top: -40px; color: #333;}
.lx_content h5 span{ display: inline-block; text-align: center;}
.lx_content h5{ margin-top: 50px;}
.lx_content h3{ margin-bottom: 30px;}
.lx_content p{ padding-left: 40px; position: relative; margin: 20px 0;}
.lx_content p i{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 20px;}
.lx_content .title2::after{ top: auto; bottom: 0; left: 0; transform: translateX(0%);}
.lx_bai{ background: #fff;}


/* 门店 */


.nshop{ padding:124px 0; background:url(../images/nshop_bg.png) no-repeat top center #f8f8f8;}
.tit7{ margin-bottom:10px;}
.tit7 img{ max-width:70%; height:auto; margin:0 auto; display:block;}
.nshop_form{ float:left; width:320px; padding-top:110px;}
.nshop_form .wpd{ padding:30px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.3);}
.nshop_tit{ font-size:24px; margin-bottom:20px;}
.nshop_tit i{ font-size:24px; color:#ca9257; margin-right:5px;}
.nshop_tit strong{ text-transform:uppercase; margin-right:5px;}
.nshop_con{}
.nshop_con li{ margin-bottom:25px;}
.nshop_con .ipt_b1{ background:#ca9257; border-color:#ca9257;}
.nshop_map{ float:right; width:650px;}
.nshop_con1{ margin-bottom:60px;}

.nshop_con2{ margin-right:-40px;}
.nshop_con2 .wpd{ float:left; width:50%;}
.nshop_con2 dl{ margin-right:40px; background:#fff; overflow:hidden;}
.nshop_con2 dt{ width:220px; float:left;}
.nshop_con2 dt img{ width:100%; height:auto; display:block;}
.nshop_con2 dd{ padding:25px 30px 0 30px; margin-left:220px;}

.tit8{ font-size:18px; color:#ca9257; line-height:1; margin-bottom:25px;}
.nshop_service{ font-size:14px; color:#25211e;}
.nshop_service .h3{ margin-bottom:10px;}
.nshop_service .em{ font-size:30px; line-height:1; padding-bottom:15px; position:relative; margin-bottom:15px;}
.nshop_service .em:after{ content:'\20'; width:8px; height:1px; background:#25211e; position:absolute; left:0px; bottom:0px; display:none;}
.nshop_service .p{ margin-bottom:15px;}
.nshop_service .m{}
.nshop_service .m a{ width:138px; height:38px; border:1px solid #bebebe; display:block; text-align:center; line-height:38px; color: #333;}

.nshop_reserve{}
.nshop_reserve ul{ margin-right:-14px; overflow:hidden;}
.nshop_reserve li{ width:50%; float:left; margin-bottom:20px;}
.nshop_reserve .pd{ margin-right:14px;}
.nshop_reserve .ipt_t1{ background:#f8f8f8; border-color:#f8f8f8;}
.nshop_reserve .ipt_s1{ background-color:#f8f8f8 !important; border-color:#f8f8f8;}
.nshop_reserve .ipt_b1{ background:#fff; color:#25211e; border:1px solid #bebebe;}
.nshop_reserve .ipt_b1:hover{background:#ca9257 !important; border-color:#ca9257 !important; color:#fff;}
.nshop_reserve .form-control{ border-radius: 0; height: 40px;}
.nshop_reserve .btn.form-control{ border: 1px solid #dedede; color: #333; box-shadow: none; outline: none;}

.nshop_tab{ background:#fff; margin-bottom:60px; padding:30px;}
.nshop_tab_tit{ float:left; position:relative; padding-left:40px; margin-right:40px;}
.nshop_tab_tit i{ font-size:40px; line-height:1; position:absolute; left:0px; top:0px;}
.nshop_tab_tit em{ text-transform:uppercase; font-size:12px; display:block; line-height:1; margin-bottom:5px;}
.nshop_tab_tit strong{ font-size:20px; font-weight:normal; line-height:1;}
.nshop_tab_con{ border-left:1px solid #d1d1d1; overflow:hidden; padding-left:30px; min-height:45px;}
.nshop_tab_con a{ border:1px solid #dddddd; background:#f8f8f8; float:left; padding:0 15px; margin:7px 15px 7px 0; color: #333; height:30px; line-height:30px;}
.nshop_tab_con a.curr{ background:#25211e; color:#fff; border-color:#25211e;}

.nshop_list{}
.nshop_list ul{ margin-right:-40px;}
.nshop_list li{ width:50%; float:left; margin-bottom:40px;}
.nshop_list .pd{ background:#fff; display:block; padding:40px 100px 0px 40px; margin-right:40px; color:#25211e; position:relative; min-height:170px; transition: all 0.5s;}
.nshop_list .h3{ font-size:18px; margin-bottom:10px;}
.nshop_list .p{ font-size:12px; margin-bottom:5px;}
.nshop_list .em{ font-size:14px;}
.nshop_list .em span{ color:#ca9257; transition: all 0.3s;}
.nshop_list .m{ position:absolute; right:22px; text-align:center; top:40px; width:60px; height:90px; box-sizing:border-box; border:1px solid #fff; opacity:0; color:#fff;}
.nshop_list .m i{ display:block; line-height:24px; font-size:24px; padding-top:10px; margin-bottom:6px;}
.nshop_list .m strong{ line-height:1.3; font-weight:normal; display:block;}

.nshop_list .pd:hover{ background:#ca9257; color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.3); transform:translateY(-5px)}
.nshop_list .pd:hover .em span{ color:#fff;}
.nshop_list .pd:hover .m{ opacity:1;}

.mapabox{width:650px; height:540px; position:relative;}
.sign{ position:absolute;width:650px; height:540px; left:30px; top:5px;}
.mapabox a{position:absolute; color:#000; z-index:2; font-size:12px; pointer-events: none;}
.mapabox a.curr{ color:#fff;}
.mapabox a.mapa4.curr,
.mapabox a.mapa32.curr,
.mapabox a.mapa31.curr,
.mapabox a.mapa33.curr,
.mapabox a.mapa25.curr,
.mapabox a.mapa30.curr,
.mapabox a.mapa21.curr,
.mapabox a.mapa0.curr{ color:#000;}

.mapa28 {right:80px; top:70px; }
.mapa27 {right:80px; top:130px; }
.mapa26 {right:110px; top:170px; }
.mapa24 {right:260px; top:190px; }
.mapa30 {right:188px; top:185px; }
.mapa25 {right:160px; top:210px; }
.mapa22 {right:195px; top:228px; }
.mapa19 {right:230px; top:240px; }
.mapa21 {right:300px; top:240px; }
.mapa29 {right:320px; top:284px; }
.mapa18 {right:420px; top:270px; }
.mapa23 {left:120px; top:170px; }
.mapa17 {right:270px; top:290px; }
.mapa16 {right:210px; top:290px; }
.mapa13 {right:210px; top:335px; }
.mapa7 {right:220px; top:380px; }
.mapa15 {right:130px; top:310px; }
.mapa11 {right:120px; top:360px; }
.mapa3 {right:260px; bottom:80px; }
.mapa2 {right:360px; bottom:90px; }
.mapa32 {right:180px; bottom:60px; }
.mapa31 {right:190px; bottom:40px; }
.mapa20 {right:160px; top:250px; }
.mapa1 {right:200px; bottom:80px; }
.mapa6 {right:290px; bottom:120px; }
.mapa9 {right:350px; bottom:180px; }
.mapa10 {left:150px; bottom:190px; }
.mapa8 {right:175px; bottom:140px; }
.mapa14 {right:160px; bottom:200px; }
.mapa12 {right:277px; bottom:156px; }
.mapa5 {right:145px; bottom:120px; }
.mapa33 {right:95px; bottom:200px; }
.mapa0 {right:225px; bottom:10px; }
.mapa4 {right:80px; bottom:90px; }

.tit7{ text-align: center;}
.tit7 strong{ font-size: 56px; text-transform: uppercase; display: block; margin: 0 auto;}
.tit7 em{ font-size: 30px;}


.fw_liucheng{ padding: 40px 0;}
.fw_liucheng .title2{ padding-top: 0; padding-bottom: 20px; color: #333;}
.fw_liucheng .title2::after{ top: auto; bottom: 0;}

.fwlc ul{ position: relative; margin-top: 70px;}
.fwlc ul:after{ content: ''; clear: both; display: table;}
.fwlc ul:before{ content: ''; width: calc(100% - 16.66%); height: 2px; background: #000; position: absolute; top: 34px; left: 8.33%;}
.fwlc ul li{ width: 16.66%; float: left; position: relative;}
.fwlc ul li:after{ content: ''; left: 100%; transform: translateX(-50%) translateY(-50%); width: 0; height: 0; border-left: 12px solid #333; border-top: 6px solid transparent; border-bottom: 6px solid transparent; position: absolute; top: 35px;}
.fwlc ul li:last-child:after{ display: none;}
.fwlc ul li i{ display: block; width: 72px; height: 72px; border-radius: 50%; border: 1px solid #ccc; text-align: center; line-height: 70px; color: #333; background: #Fff; margin: 0 auto; font-size: 30px; font-style: normal;}
.fwlc ul li h3{ margin-top: 10px; text-align: center; color: #333; font-size: 22px;}
.fwlc ul li em{ font-size: 12px; clear: #666; display: block; line-height: 24px;}




/* 产品内页 */
.weizhi{ background: #f8f8f8; padding: 15px 0;}
  
.cpny_right .caption{ padding-bottom:62px; border-bottom:1px dashed #cecece;}
.cpny_right .caption a{ background:#444; display:block; height:50px; line-height:50px; text-align:center; color:#fff;}
.cpny_right .caption a span{ font-size:18px; font-weight:bold;}
.cpny_right .caption a i{ font-size:24px; margin-right:5px;}
.cpny_right .y span{ float:left; width:33.3333%; line-height:42px; font-size:16px;}
.cpny_right .y i{ border:1px solid #ca9257; color:#ca9257; width:40px; height:40px; line-height:40px; text-align:center; float:left; border-radius:50%; font-size:30px; margin-right:6px;}

.cpny{ padding: 60px 0;}
.cpny_left{ padding: 0 6%;}
.cpny_right h2{ margin-top: 0; margin-bottom: 20px; line-height: 40px; font-weight: bold; color: #ca9257;}
.cpny_right h5{ margin-bottom: 20px;}
.cpny_right h5 span{ font-size: 18px; color: #ca9257; display: inline-block; margin-right: 15px;}
.cpny_right .caption{ padding: 30px 0; border-top: 1px dashed #dedede; border-bottom: 1px dashed #dedede; margin-bottom: 30px;}

.cpny_bottom { padding: 60px 0; background: #f8f8f8;}
.pro_tab{ border-bottom:1px solid #e8e8e8; padding-bottom:25px; margin-bottom:50px;}
.pro_tab:after{ content: ''; clear: both; display: table;}
.pro_tab strong{ display: inline-block; font-size:24px; color:#25211e; font-weight:bold; text-transform:uppercase; margin-right:5px;}
.pro_tab em{ display: inline-block; font-size:24px; color:#ca9257;}
.pro_tab ul{ float:right;}
.pro_tab ul:after{ content: ''; clear: both; display: table;}
.pro_tab li{ float:left; margin:0 5px;}
.pro_tab li a{ height:40px; line-height:40px; color:#888888; font-size:14px; padding:0 10px; display:block; float:left; position:relative; margin:0 22px;}
.pro_tab li a:before{ content:'\20'; position:absolute; height:1px; width:100%; background:#ca9257; bottom:-26px; right:0px; opacity:0;}
.pro_tab li a:hover,.pro_tab li.active a{ color:#ca9257; background: none;}
.pro_tab li a:hover:before,.pro_tab li.active a:before{ opacity:1;}
.pro_tab li span{ color:#b6b6b6; float:left; height:40px; line-height:40px;}


.cpny_left .swiper-container .swiper-slide a{ padding-top: 50%; display: block;}
.cpny_left .gallery .swiper-button-prev, .cpny_left .gallery .swiper-button-next{ font-size: 22px; height: 58px; width: 58px; line-height: 58px; text-align: center; color: rgba(255,255,255,1); background: rgba(0,0,0,0.8); border-radius: 50%; transition: all 0.3s;}
.cpny_left .gallery .swiper-button-prev i, .cpny_left .gallery .swiper-button-next i{ font-size: 30px;}
.cpny_left .gallery .swiper-button-prev i{ display: inline-block; transform: rotateY(180deg);}
.cpny_left .thumbs{ margin-top: 5px;}
.cpny_left .thumbs .swiper-slide{ background: #fff;}
.cpny_left .thumbs .swiper-slide a{ opacity: 0.75; transition: all 0.3s;}
.cpny_left .thumbs .swiper-slide.swiper-slide-thumb-active a{ opacity: 1;}







.news_infobg {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
}
.nanli_content{ position: relative; z-index: 2;}
  .news_infobg img {
    height: 576px;
}
.newsi_tit {
  margin-top: 60px;
    margin-bottom: 100px;
}
.newsi_tit .h3 {
    font-size: 30px;
    margin-bottom: 15px;
    color: #fff;
}
.newsi_tit .em {
  font-style: normal;
    color: #82b3ff;
}
.newsi_con {
    background: #fff;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
    padding: 0 41px 100px 41px;
}
.newsi_con .img {
    position: relative;
    transform: translateY(-40px);
}
.newsi_con .img img {
    width: 100%;
    height: auto;
    display: block;
}
.anli_weizhi{ padding: 30px 0; border-bottom: 1px solid rgba(255,255,255,0.35); color: #82b3ff;}
.anli_weizhi a{ color: #82b3ff;}
.anli_weizhi a:last-child{ color: #fff;}

.an_fan{ margin: 40px 0; margin-bottom: 60px;}
.an_fan a{ display: block; background: #fff; padding: 25px 0; padding-left: 35px; position: relative; box-shadow: 0px 0px 4px rgba(0,0,0,0.1);}
.an_fan a i{ display: inline-block; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #c59c62; font-size: 18px;}
.an_fan a span{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: normal; color: #333;}
.an_fan .row .col-sm-6:first-child a i{ transform: rotateY(180deg) translateY(-50%);}
.an_fan .row .col-sm-6:last-child a{ padding-left: 0; padding-right: 35px;}
.an_fan .row .col-sm-6:last-child a i{ left: auto; right: 10px;}
.an_fan .row .col-sm-6:last-child a span{ text-align: right;}
.an_fan a:hover span{ color: #c59c62;}


















/* 通用样式 */
.ty_content p{ font-size: 15px; color: #333; line-height: 24px;}
.ty_content img{ max-width: 100%;}


.tabel_content table{ max-width: 100% !important;}
#code{ transform: translateY(-2px);}

.fanye{ padding:30px 0; margin-top: 30px;}
.fanye a{ display:inline-block; padding:8px 14px; background:#eeeeee; color:#666; text-decoration:none; margin: 0 5px; border-radius: 3px;}
.fanye a:hover{ color:#ca9257;}
.fanye a.active{ background:#ca9257; color:#fff;}
.fanye a.active:hover{ color:#fff;}
.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none}

.fanye02{ padding:20px 0;}
.fanye02 a{ background: #ca9257; color: #fff; border-radius: 0;}
.fanye02 a i{ display: inline-block; transform: translateY(2px); margin-right: 10px;}
.fanye02 a:hover{ color: #fff; }

		
#bsWXBox{height: 256px !important; width: 232px !important;}	

.my-map { margin: 0 auto; width: 100%; height: 700px; }
.my-map .icon { background: url(../images/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}







@media (max-width:767px){


.s_banner .swiper1 .swiper-pagination1{ bottom: 15px;}
.s_product, .s_zhaoshang{ padding: 35px 0;}
.tit6{ font-size: 20px; margin-bottom: 20px;}
.tit6 strong{ font-size: 20px;}
.s_product #gallery .swiper-button-prev, .s_product #gallery .swiper-button-next{ width: 36px; height: 36px; line-height: 36px;}
.s_product #gallery .swiper-button-prev i, .s_product #gallery .swiper-button-next i{ font-size: 20px;}
.s_product #thumbs{ margin-top: 5px;}
.s_guanggao{ margin-top: 20px;}
.tit1{ margin-bottom: 20px;}
.tit1 strong{ font-size: 20px;}
.tit1 em{ font-size: 20px ;}
.snew ul li a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.snew ul li a, .snew ul li span{ font-size: 14px;}
.snew ul li{ padding-right: 90px;}
.svideo a.svideo_a i{ width: 65px; height: 65px;}
.s_form{ margin-bottom: 0;}
.s_form .caption{ padding: 15px;}
.tit2{ font-size: 20px;}
.tit2 strong{ font-size: 20px;}
.s_form .row .col-md-6:nth-child(2) .caption .tit2 em{ display: inline-block; margin-left: 35px;}
.s_form .form-control{ height: 40px;}
.footer{ padding-top: 0;}
/* .footer>.container{ display: none;} */
.footer>.container .row .row{ margin: 0 -5px;}
.footer>.container .row .row .col-sm-2{ width: 20%; float: left; padding: 0 5px;}
.ft_lx{ text-align: left;}
.ft_lx h5{ margin: 10px 0;}
.ft_lx p a{ margin-left: 0; margin-right: 15px;}
.footer_di{ margin-top: 0; padding: 15px 0;}
.footer_di span{ display: none;}

.n_banner{ margin-bottom: 0px;}
.n_banner .nban_text .h3{ font-size: 16px; line-height: 20px; margin-bottom: 10px;}
.n_banner .nban_text .p{ font-size: 18px; margin-bottom: 0px;}
.n_banner .nban_text .m{ width: 36px; height: 36px; display: none;}
.about_nav{ bottom: -60px;}
.about_nav .container{ padding: 0;}
.about_nav i{ font-size: 16px; line-height: 24px; width: 26px; height: 26px; margin-right: 0;}
.about_nav strong{ display: block;}
.about_nav .pd{ line-height: 24px; padding-top: 8px; height: 60px;}
.mbz{ padding-top: 80px;}
.title2 strong{ font-size: 24px;}
.title2 span{ font-size: 20px;}
.title2{ padding-top: 10px; margin: 20px 0;}
.title2::after{ width: 40px; height: 2px;}
.nab_gmxz .caption span{ font-size: 36px; line-height: 36px;}
.nab_gmxz .caption span sup{ font-size: 18px;}
.nab_gmxz .caption{ padding-top: 15px;}
.nab_gmxz .caption h4{ font-size: 16px;}
.nab_gmxz .caption img{ margin: 15px 0;}
.nab_gmxz .row .col-sm-4{ margin-bottom: 30px;}
.nab_gmxz .caption span strong.abwz{ font-size: 30px;}
.nab_gmxz h2{ font-size: 18px; margin-top: 15px;}
.nab_lc ul li h2{ font-size: 24px;}
.lc_bottom strong{ font-size: 16px; padding: 5px 20px;}
.nab_honor{ padding: 30px 0; padding-bottom: 0;}
.nab_honor .swiper-container{ padding: 15px 0;}

.nban_text2{ padding: 10px 20px; right: 50%; transform: translateX(50%) translateY(-50%);}
.nban_text2 h3{ font-size: 16px; line-height: 24px;}
.nban_text2 h4{ display: none;}
.nban_text2 h6{ display: none;}
.nanli_list{ padding: 0; padding-top: 15px;}
.nanli_list .en_img{ display: none;}
.nanli_list .nanli_text{ position: static; width: auto; padding: 0;}
.nanli_list .nanli_text h5{ margin-top: 0px;}
.nanli_list .nanli_fan{ top: 20px; z-index: 2; padding-left: 0; width: auto; transform: translateY(0);}
.nanli_list .nanli_fan .swiper-button-prev, .nanli_list .nanli_fan .swiper-button-next{ width: 36px; margin-right: 15px;}
.nanli_list .nanli_fan .swiper-button-prev{ margin-right: 5px;}
.nanli_content .nanli_bj:nth-child(1){ margin-top: 0;}
.nanli_content .nanli_bj:nth-child(2n-1){ background: #fff; padding-bottom: 15px;}
.nanli_list{ background: none;}

.npro_lei{ padding-top: 30px;}
.npro_lei ul li a{ padding: 5px 15px; font-size: 18px;}
.npro_lei_2{ padding: 15px 0; margin: 0; background: #fff;}
.npro_lei_2 ul li a{ padding: 5px 5px; border-right: 1px solid #333; font-size: 14px;}
.npro_lei_2 ul li{ display: inline-block;}
.npro_list{ padding: 15px 0;}
.npro_list h2{ font-size: 20px; margin-bottom: 15px;}
.npro_lei_2.active{ top: 50px;}
.npro_list .caption h3{ font-size: 18px;}
.npro_content .s_product h2{ margin: 30px 0; margin-top: 20px; font-size: 20px;}
.s_product{ padding: 50px 0;}
.tit7 strong{ font-size: 24px;}
.tit7 em{ font-size: 16px;}
.nshop{ padding: 30px 0;}
.nshop_form{ padding-top: 30px; width: 100%;}
.nshop_map{ display: none;}
.nshop_tab { padding: 15px; margin-bottom: 40px;}
.nshop_con1{ margin-bottom: 40px;}
.nshop_tab_tit{ float: none; margin-bottom: 15px;}
.nshop_tab_con{ border: none; padding-left: 0;}
.nshop_tab_con a{ margin: 0; margin-bottom: 5px; margin-right: 5px; padding: 0 10px;}
.nshop_list ul{ margin-right: 0;}
.nshop_list li{ width: 100%; margin-bottom: 15px;}
.nshop_list .pd{ margin-right: 0; padding: 20px 15px; min-height: auto;}
.nshop_list .h3{ font-size: 16px;}
.nshop_tit{ font-size: 20px;}
.nshop_con2 .wpd{ width: 100%;}
.nshop_con2 dt{ width: 120px; padding-right: 15px;}
.nshop_con2 dd{
    margin-left: 0;
    padding: 20px;}
.nshop_con2 .wpd:nth-child(2) dt{ display: none;}
.tit8{ margin-bottom: 10px;}
.nshop_service .h3{ font-size: 14px; margin-bottom: 10px;}
.nshop_service .em{ font-size: 18px; padding-bottom: 0; margin-bottom: 10px;}
.nshop_service .p{ margin-bottom: 10px;}
.nshop_service .m a{ width: 100px; height: 30px; line-height: 28px;}
.nshop_reserve .form-control{ height: 34px;}
.nshop_reserve li{ margin-bottom: 10px;}
.fwlc ul{ margin-top: 30px;}
.fwlc ul:last-child{ margin-top: 0;}
.fwlc ul li{ width: 33.33%; margin-bottom: 15px;}
.fwlc ul li em{ white-space: nowrap; transform: scale(0.8); display: none;}
.fwlc ul li h3{ font-size: 16px;}
.fwlc ul:before{ display: none;}
.fwlc ul li i{ width: 46px; height: 46px; line-height: 44px; font-size: 24px;}
.fwlc ul li:after{ top: 23px;}
.fwlc ul li:nth-child(3n):after{ display: none;}
.fw_liucheng{ padding: 20px 0;}
.nvd_list .caption a i{ width: 60px; height: 60px; top: 35%;}
.nvd_list .caption .nvd_text{ opacity: 1; transform: translateY(0);}
.nvd_text h4{ font-size: 16px;}
.nvd_list .caption{ margin-bottom: 20px;}
.nzs_fuchi ul li{ width: 100%; margin: 0; margin-bottom: 20px; padding: 20px 15px; padding-left: 80px; font-size: 14px;}
.nzs_fuchi ul li span{ font-size: 36px;}
.nzs_tiaojian{ padding-top: 30px;}
.nzs_tiaojian .caption h4{ line-height: 24px; font-size: 16px;}
.nzs_liucheng ul li{ margin: 0; margin-bottom: 15px; width: 100%;}
.lx_content{ padding-top: 80px;}
.nnew_text h3{ font-size: 18px; line-height: 30px;}
.nnew_text{ margin: 15px 0;}
.new_content .nnew_right{ display: none;}
.fanye{ padding: 0;}
.about_nav strong{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

iframe{ height:300px !important;}
.fanye{ text-align: center;}
.fanye a{ padding: 4px 8px;}


.s_banner .swiper1 .swiper-pagination1 .swiper-pagination-bullet{ width: 20px;}
.top_nav li .iconfont{ font-size: 18px;}
.menu-link{ width: 40px; height: 40px;}
.menu-link span, .menu-link span:before, .menu-link span:after{ height: 1px; border-radius: 0;}
.menu-link span{ width: 80%;}
.menu-link span:before { width: 115%;}
.menu-link span:after{ width: 75%;}
.cpny_right .y i{ width: 34px; height: 34px; font-size: 24px; line-height: 32px;}
.cpny_right .y span{ font-size: 14px; line-height: 34px;}
.pro_tab{ padding-bottom: 10px; margin-bottom: 20px;}
.pro_tab li{ margin: 0 5px;}
.pro_tab li a{ margin: 0; padding: 0;}
.pro_tab li span{ display: none;}
.pro_tab li a:before{ bottom: -10px;}
.pro_tab ul{ float: none;}
}


@media (min-width:768px) and (max-width:991px) {


.s_banner .swiper1 .swiper-pagination1{ bottom: 15px;}
.s_product, .s_zhaoshang{ padding: 35px 0;}
.tit6{ font-size: 20px; margin-bottom: 20px;}
.tit6 strong{ font-size: 20px;}
.s_product #gallery .swiper-button-prev, .s_product #gallery .swiper-button-next{ width: 36px; height: 36px; line-height: 36px;}
.s_product #gallery .swiper-button-prev i, .s_product #gallery .swiper-button-next i{ font-size: 20px;}
.s_product #thumbs{ margin-top: 5px;}
.s_guanggao{ margin-top: 20px;}
.tit1{ margin-bottom: 20px;}
.tit1 strong{ font-size: 20px;}
.tit1 em{ font-size: 20px ;}
.snew ul li a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.snew ul li a, .snew ul li span{ font-size: 14px;}
.snew ul li{ padding-right: 90px;}
.svideo a.svideo_a i{ width: 65px; height: 65px;}
.s_form{ margin-bottom: 0;}
.s_form .caption{ padding: 15px;}
.tit2{ font-size: 20px;}
.tit2 strong{ font-size: 20px;}
.s_form .row .col-md-6:nth-child(2) .caption .tit2 em{ display: inline-block; margin-left: 35px;}
.s_form .form-control{ height: 40px;}
.footer{ padding-top: 0;}
.footer>.container{ display: none;}
.footer_di{ margin-top: 0; padding: 15px 0;}
.footer_di span{ display: none;}
    




iframe{ height:300px !important;}
.fanye{ text-align: center;}
.fanye a{ padding: 4px 8px; }

}


@media (min-width:991px) and (max-width:1200px) {

.s_banner .swiper1 .swiper-slide a{ padding-top: 45% !important; height: auto !important;}
.s_banner .swiper1 .swiper-slide .container h2{ font-size: 24px !important;}
.s_banner .swiper1 .swiper-slide .container h3{ font-size: 16px !important;}
.s_banner .swiper1 .swiper-pagination1{ bottom: 5px !important; padding-left: 0 !important; padding-right: 15px !important; text-align: right !important;}
.s_banner .swiper1 .swiper-pagination1 .swiper-pagination-bullet{ width: 4px !important; height: 8px !important; margin-right: 10px !important; border-radius: 4px !important;}
.s_banner .swiper1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ height: 12px !important;}

/* 内页样式开始 */

iframe{ height:300px !important;}
.fanye{ text-align: center;}
.fanye a{ padding: 4px 8px; }
}

@media (min-width:1200px) and (max-width:1440px) {

    .n_banner .nban_text{ padding-left: 10%;}

    
}
@media (min-width:991px) {




.fancybox-button {  width: 60px !important;  height: 60px !important;}
.fancybox-navigation button {  width: 80px !important; height:120px !important;}
.fancybox-navigation button:before { width: 60px !important; height: 60px !important;}

}


@media (min-width:1440px){


.container{ width:1200px; padding: 0;}

}