@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;border:0;outline:none}
@font-face{font-family:"Impact";src:url(../fonts/Impact.ttf) format('woff');font-weight:normal;font-style:normal;font-display:swap}
body,html{font-family:Arial,Helvetica,sans-serif;height:100%;}
body{margin:0 auto;padding:0;background:#ffffff;font-size:14px;color:#333;width:100%;width:expression(document.body.clientWidth <= 360? "360px":"auto");min-width:360px;text-align:left;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
select,input,img{vertical-align:middle}
ul,ol,li{list-style:none}
table{table-layout:fixed !important;width:100% !important;border-collapse:collapse;border-spacing:0}
table,td,input,select,input,textarea{font-size:15px;padding:0;border-color:#ddd;font-family:Arial,Helvetica,sans-serif;}
input::-moz-focus-inner{border:none;padding:0px}
select,input{vertical-align:middle}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none}
.clear{display:block;height:0px;visibility:hidden;clear:both}
.clearfix{zoom:1}
.box{width:94%;max-width:1400px;margin:0 auto;text-align:left;}
.clearfix:after,.max:after{content:"";display:block;height:0px;visibility:hidden;clear:both}
h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4,h5{font-size:14px;}
/* 默认链接颜色 */
a{outline-style:none;color:#000;text-decoration:none}
a:hover{color:#e00024;text-decoration:none}
/*清除链接虚框*/
a,area{blr:expression(this.onFocus=this.blur())}
:focus{-moz-outline-style:none}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b6b6b6}
input::-moz-input-placeholder,textarea::-moz-input-placeholder{color:#b6b6b6}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#b6b6b6}

.flexa{display:-webkit-flex;-webkit-flex-wrap:wrap;display:flex;flex-wrap:wrap;}
.itema{-webkit-align-items:center;align-items:center;}
.iteme{-webkit-align-items:flex-end;align-items:flex-end;}
.justb{-webkit-justify-content:space-between;justify-content:space-between;}
.justc{-webkit-justify-content:center;justify-content:center;}
.juste{-webkit-justify-content:flex-end;justify-content:flex-end;}

.wbg{background:#ffffff;}
.bbg{background:#f8f8f8;}
.cbg{background:#eeeeee;}
.fbg{background:#0b017e;border-top:15px solid #e00024;}


/*--正式--*/
body{padding-top:97px;box-sizing:border-box}
.header{width:100%;box-sizing:border-box;position:fixed;left:0;top:0;z-index:90;background:#fff;border-bottom:15px solid #e00024;transition:all .5s ease}
.head_logo{width:160px}
.head_logo img{display:block;max-height:82px;max-width:100%}
.head_nav{width:calc(100% - 330px)}
.head_nav ul{width:100%}
.head_nav ul li{position:relative;text-transform:uppercase}
.head_nav ul li a{display:block;font-size:20px;height:82px;line-height:82px;padding:0 25px;transition:all .5s ease 0s;color:#0b017e}
.head_nav ul li a:hover{color:#e00024}
.head_menu{display:none;width:30px;height:82px;background:url(../images/mue.webp) no-repeat center center;background-size:80% auto;transition:all .4s ease 0s}
.language_t{cursor:pointer;position:relative;height:82px}
.language_t img{display:block;width:22px;height:16px}
.language_t span{display:block;font-size:14px;background:url(../images/dw.webp) no-repeat right center;background-size:10px auto;padding-right:15px;padding-left:5px}
.language_t .lga{position:absolute;width:400px;background:#fff;top:100%;right:0;border-radius:0 0 10px 10px;box-shadow:0 2px 5px rgba(0,0,0,.1);display:none}
.language_t .lga ul{width:100%;box-sizing:border-box;padding:15px}
.language_t .lga ul li{width:32.2%;margin-right:1.7%;line-height:1.5;padding:5px 0}
.language_t .lga ul li:nth-of-type(3n){margin-right:0}
.language_t .lga ul li a{display:flex;flex-wrap:wrap;align-items:center}
.language_t .lga ul li span{width:calc(100% - 22px);box-sizing:border-box;padding-right:0;background:none}
.header.default{box-shadow:0 1px 5px rgba(0,0,0,.1);border-bottom:0;background:rgba(255,255,255,.95)}

.swiperb{width:100% !important;height:auto !important;position:relative;overflow:hidden}
.swiperb .swiper-slide img{display:block;width:100%;margin:0 auto}
.swiperb .swiper-bdian{position:absolute;bottom:15px;z-index:9;text-align:center}
.swiperb .swiper-bdian span{width:12px;height:12px;background:rgba(0,0,0,.15);opacity:1}
.swiperb .swiper-bdian span.swiper-pagination-bullet-active{background:#fea501;opacity:1}
.swiperb .swiper-bprev,.swiperb .swiper-bnext{position:absolute;top:50%;width:50px;height:50px;margin-top:-25px;z-index:9;cursor:pointer;opacity:.5;border-radius:50%}
.swiperb .swiper-bprev{left:5%;background:url(../images/btn_prev.webp) no-repeat center center rgba(0,0,0,1);background-size:12px auto}
.swiperb .swiper-bnext{right:5%;background:url(../images/btn_next.webp) no-repeat center center  rgba(0,0,0,1);background-size:12px auto}
.swiperb .swiper-bprev:hover,.swiperb .swiper-bnext:hover{opacity:1}
.swiperb:before{content:'';display:block;width:100%;height:85px;background:url(../images/banner_ft_cover.webp) no-repeat center bottom;background-size:100% auto;position:absolute;left:0;bottom:-2px;z-index:2}

.htit{padding:80px 0 60px;line-height:1.1;text-align:center}
.htit .tw{font-size:76px;font-weight:400;color:#000000;font-family:"Impact","Arial Black",Gadget,sans-serif}
.htit .tn{font-size:15px;padding-bottom:5px}
.htit .t1{color:#000000}
.htit .t2{color:#e00024}

.product_h{padding-bottom:60px}
.product_h dl{background:#fff;width:23.5%;margin-right:2%;margin-bottom:2%;position:relative}
.product_h dl:nth-of-type(4n){margin-right:0}
.product_h dl dt{width:100%;padding-top:75%;height:0;overflow:hidden;position:relative}
.product_h dl dt a{display:block;width:100%;height:100%;position:absolute;left:0;top:0}
.product_h dl dt img{display:block;display:block;width:100%;height:100%;object-fit:cover;object-position:center center;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.product_h dl dd{padding:20px 15px 65px;}
.product_h dl dd a.tt{display:block;font-size:22px;color:#0b017e;line-height:30px;font-family:"Impact","Arial Black",Gadget,sans-serif;overflow:hidden}
.product_h dl dd a.bt{display:block;position:absolute;width:100%;left:0;bottom:0;height:44px;line-height:44px;text-align:center;font-size:16px;color:#fff;background:#0b017e}
.product_h dl dd p{font-size:16px;line-height:26px;padding-top:12px; max-height:182px; overflow:hidden;}
.product_h dl dt a:after{content:"";position:absolute;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-webkit-transform:scale(0,0);transform:scale(0,0);z-index:2;background:url(../images/add.webp) no-repeat center center rgba(0,0,0,.6);left:0;top:0;width:100%;height:100%;opacity:0}
.product_h dl dd a.tt:hover{color:#e00024}
.product_h dl dd a.bt:hover{background:#e00024}
.product_h dl:hover dt img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.product_h dl:hover dt a:after{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1}

.about-h{padding-bottom:100px}
.company_img{width:43%;box-sizing:border-box;margin-left:30px;position:relative}
.company_img:after{content:"";position:absolute;width:100%;height:100%;background:#0b017e;left:-20px;top:20px}
.company_img .swiperi{width:100% !important;height:auto !important;position:relative;overflow:hidden}
.company_img .swiperi .swiper-slide img{display:block;width:100%;margin:0 auto}
.company_img .swiperi .swiper-idian{position:absolute;bottom:15px;z-index:9;text-align:center}
.company_img .swiperi .swiper-idian span{width:12px;height:12px;background:rgba(0,0,0,.15);opacity:1}
.company_img .swiperi .swiper-idian span.swiper-pagination-bullet-active{background:#fea501;opacity:1}
.company_cont{width:calc(57% - 30px);box-sizing:border-box;padding:20px 30px 0 50px}
.company_cont .tit{font-size:24px;line-height:32px;font-weight:400;color:#0b017e;font-family:"Impact","Arial Black",Gadget,sans-serif}
.company_cont .txt{font-size:18px;line-height:32px;color:#000;padding-top:20px}
.company_cont .sbt{padding-top:30px;text-align:right}
.company_cont .sbt a{display:inline-block;font-size:18px;color:#fff;background:#0b017e;padding:0 25px;line-height:36px}

.news_h{padding-bottom:50px}
.news_h dl{width:48.5%;background:#fff;box-shadow:0 2px 15px rgba(0,0,0,.1);margin-bottom:3%}
.news_h dl dt{width:200px;height:220px;overflow:hidden;position:relative}
.news_h dl dt a{display:block;width:100%;height:100%;position:absolute;left:0;top:0}
.news_h dl dt img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.news_h dl dd{width:calc(100% - 200px);padding:20px;box-sizing:border-box}
.news_h dl dd a{font-size:22px;font-weight:400;color:#0b017e;font-family:"Impact","Arial Black",Gadget,sans-serif;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.news_h dl dd p{font-size:16px;line-height:28px;color:#000;padding-top:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}

.footer{color:#fff;padding:60px 0;font-size:15px;line-height:29px}
.footer .tt{font-size:26px;font-weight:600;line-height:32px;padding-bottom:15px}
.footer .lnt{width:25%}
.footer .lnt img{display:block;max-width:100%;max-height:130px}
.footer .cnt{width:35%}
.footer .cnt p{padding:0 0 6px 25px}
.footer .cnt p.add{background:url(../images/co_r5.webp) no-repeat 3px 5px}
.footer .cnt p.tel{background:url(../images/co_r1.webp) no-repeat 2px 6px}
.footer .cnt p.eml{background:url(../images/co_r3.webp) no-repeat 1px 11px;background-size:16px auto}
.footer .rnt{width:25%}
.footer .rnt a{font-size:16px;color:#fff;display:inline-block;padding:0 20px 0 45px;box-shadow:0 0 10px rgba(0,0,0,.1);margin-top:20px;background:url(../images/co_r3.webp) no-repeat 15px center #e00024}
.footer .rnt a:hover{background:url(../images/co_r7.webp) no-repeat 15px center #e00024}

/*----*/
.swiperv{width:100% !important;height:auto !important;position:relative;overflow:hidden}
.swiperv .swiper-slide img{display:block;width:100%;margin:0 auto}
.swiperv .swiper-vdian{position:absolute;bottom:15px;z-index:9;text-align:center}
.swiperv .swiper-vdian span{width:12px;height:12px;background:rgba(0,0,0,.75);opacity:1}
.swiperv .swiper-vdian span.swiper-pagination-bullet-active{background:#fea501;opacity:1}

.location{font-size:15px;color:#333;padding:20px 0 16px;line-height:26px;border-bottom:1px solid #ccc;font-weight:600}
.location a{display:inline-block;padding:0 3px;color:#333}
.location a:nth-of-type(1){background:url(../images/sy.webp) no-repeat 2px 6px;background-size:13px auto;padding-left:20px}

.cent_box{padding-top:30px;padding-bottom:60px}
.cent_box .lft{width:280px}
.cent_box .lft .tit{font-size:22px;padding:5px 15px;line-height:32px;font-family:"Impact","Arial Black",Gadget,sans-serif;background:#0b017e;color:#fff}
.cent_box .lft .lei{padding-bottom:20px}
.cent_box .lft .lei a{display:block;font-size:15px;line-height:28px;padding:6px 15px;background:#f8f8f8;margin-top:10px}
.cent_box .lft .lei a.on{ color:#e00024}
.cent_box .lft .list dl{width:100%;padding-top:15px}
.cent_box .lft .list dl dt{width:115px;height:90px;overflow:hidden}
.cent_box .lft .list dl dt img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.cent_box .lft .list dl dd{width:calc(100% - 115px);box-sizing:border-box;padding-left:10px;padding-top:5px}
.cent_box .lft .list dl dd a{display:block;font-size:15px;line-height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.cent_box .rgt{width:calc(100% - 320px)}
.cent_box .rgt .rtit{border-bottom:1px solid #ccc}
.cent_box .rgt .rtit h1,.cent_box .rgt .rtit span{display:block;font-size:26px;font-weight:600;color:#000;line-height:42px;text-transform:uppercase}

.product_n{padding-top:25px}
.product_n dl{background:#f8f8f8;width:31.6%;margin-right:2.6%;margin-bottom:2.6%;position:relative}
.product_n dl:nth-of-type(3n){margin-right:0}
.product_n dl dt{width:100%;padding-top:75%;height:0;overflow:hidden;position:relative}
.product_n dl dt a{display:block;width:100%;height:100%;position:absolute;left:0;top:0}
.product_n dl dt img{display:block;display:block;width:100%;height:100%;object-fit:cover;object-position:center center;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.product_n dl dd{padding:20px 15px 65px;}
.product_n dl dd a.tt{display:block;font-size:22px;color:#0b017e;line-height:30px;font-family:"Impact","Arial Black",Gadget,sans-serif;overflow:hidden}
.product_n dl dd a.bt{display:block;position:absolute;width:100%;left:0;bottom:0;height:44px;line-height:44px;text-align:center;font-size:16px;color:#fff;background:#0b017e}
.product_n dl dd p{font-size:16px;line-height:26px;padding-top:12px; max-height:182px; overflow:hidden;}
.product_n dl dt a:after{content:"";position:absolute;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-webkit-transform:scale(0,0);transform:scale(0,0);z-index:2;background:url(../images/add.webp) no-repeat center center rgba(0,0,0,.6);left:0;top:0;width:100%;height:100%;opacity:0}
.product_n dl dd a.tt:hover{color:#e00024}
.product_n dl dd a.bt:hover{background:#e00024}
.product_n dl:hover dt img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.product_n dl:hover dt a:after{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1}

.news_n{padding-bottom:20px;padding-top:25px}
.news_n ul li{line-height:1.5;font-size:16px;color:#999;border-bottom:1px dashed #ddd;padding:25px 15px;position:relative}
.news_n ul li a{display:block;font-size:24px}
.news_n ul li span{display:block;padding-top:8px}
.news_n ul li p{padding-top:10px;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news_n ul li:nth-of-type(odd){background:#f9f9f9}
.news_n ul li:after{content:"";position:absolute;width:0;height:2px;background:#000;left:0;bottom:0;transition:all .3s ease 0s}
.news_n ul li:hover:after{width:100%}

.nrtit h1{display:block;font-size:26px;line-height:1.75;font-weight:600;color:#000}
.nrtim{font-size:14px;color:#999;line-height:1.5;padding:14px 0;border-bottom:1px solid #ddd}
.nrtxt{font-size:17px;line-height:2;padding:15px 0;color:#333}
.nrtxt img{max-width:100% !important;height:auto !important}
.nrtxt td,.nrtxt th{box-sizing:border-box;padding:10px 5px;border:1px solid #ddd}
.nrtxt a {
    text-decoration: underline;
    color: #0b017e
}

.nrtab{width:100%;background:#fff;box-shadow:0 0 10px rgb(0,0,0,.1);margin-top:10px}
.nrtab .tit{background:#013e5a;line-height:55px;color:#fff;font-size:16px;padding:0 20px;font-weight:normal}
.nrtab ul{padding:15px 20px 25px}
.nrtab ul li{padding:7px 0}
.nrtab ul li input,.nrtab ul li textarea,.nrtab ul li select{display:block;box-sizing:border-box;width:100%;border:1px solid #eee;border-left:3px solid #013e5a;font-size:13px}
.nrtab ul li input,.nrtab ul li select{height:39px;padding:0 10px;line-height:39px}
.nrtab ul li textarea{height:100px;padding:10px}
.nrtab ul li.yzm input{width:calc(100% - 130px);margin-right:10px;}
.nrtab ul li.yzm img{ display:block; width:120px; height:39px; line-height:39px;border:1px solid #eee;box-sizing:border-box}
.nrtab ul li input.btn{background:#ff6f00;font-size:15px;color:#fff;border:none;cursor:pointer}
.nrtab ul li input.btn:hover{background:#013e5a}

.product-view{width:40%;position:relative}
.product-view .gallery-top{width:100% !important;height:360px !important;margin:0 auto;position:relative;overflow:hidden}
.product-view .gallery-top .swiper-slide{overflow:hidden}
.product-view .gallery-top .swiper-slide img{display:block;position:relative;width:100%;height:100%;object-fit:cover;object-position:center center}
.product-view .gallery-thumbs{width:calc(100% - 40px) !important;height:80px !important;margin:20px auto 0;position:relative;overflow:hidden}
.product-view .gallery-thumbs .swiper-slide{overflow:hidden;box-sizing:border-box}
.product-view .gallery-thumbs .swiper-slide img{display:block;position:relative;width:100%;height:100%;object-fit:cover;object-position:center center}
.product-view .gallery-thumbs .swiper-slide-thumb-active{border:1px solid #f00}
.product-view .swiper-nnext,.product-view .swiper-nprev{width:14px;height:80px;opacity:1;line-height:80px;font-size:28px;background:none;font-weight:bold;z-index:2;top:auto;bottom:0;text-align:center;position:absolute}
.product-view .swiper-nprev{left:0px;background:url(../images/btn_prev.webp) no-repeat center center rgba(0,0,0,.5);background-size:60% auto}
.product-view .swiper-nnext{right:0px;background:url(../images/btn_next.webp) no-repeat center center rgba(0,0,0,.5);background-size:60% auto}
.product-summary{position:relative;width:57%}
.product-summary h1{font-size:24px;font-weight:normal;color:#000;line-height:1.5;border-bottom:1px solid #ddd;padding-bottom:15px}
.product-summary .txt{line-height:1.8;font-size:16px;color:#002140;padding-top:20px}
.product-summary .btn{padding-top:25px}
.product-summary .btn a{display:inline-block;font-size:15px;color:#fff;line-height:31px;border-radius:5px}
.product-summary .btn a.email{background:url(../images/co_r3.webp) no-repeat 12px center #0b017e;padding:0 20px 0 40px}
.product-summary .btn a.skype{margin-left:15px;background:url(../images/co_r6.webp) no-repeat 12px center #0b017e;padding:0 25px 0 35px}

.ntit{padding-top:40px;border-bottom:1px solid #ddd;margin-bottom:10px}
.ntit h2{display:inline-block;font-size:16px;color:#fff;line-height:46px;background:#0b017e;padding:0 30px}

.product_lt dl{background:#f8f8f8;width:23.5%;margin-right:2%;margin-top:2%;position:relative}
.product_lt dl:nth-of-type(4n){margin-right:0}
.product_lt dl dt{width:100%;padding-top:75%;height:0;overflow:hidden;position:relative}
.product_lt dl dt a{display:block;width:100%;height:100%;position:absolute;left:0;top:0}
.product_lt dl dt img{display:block;display:block;width:100%;height:100%;object-fit:cover;object-position:center center;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.product_lt dl dd{padding:20px 15px 65px;}
.product_lt dl dd a.tt{display:block;font-size:20px;color:#0b017e;line-height:28px;font-family:"Impact","Arial Black",Gadget,sans-serif;overflow:hidden}
.product_lt dl dd a.bt{display:block;position:absolute;width:100%;left:0;bottom:0;height:41px;line-height:41px;text-align:center;font-size:15px;color:#fff;background:#0b017e}
.product_lt dl dd p{font-size:15px;line-height:26px;padding-top:10px; max-height:182px; overflow:hidden;}


/*--------分页-------*/
.next_fy{text-align:center;font-size:14px;padding-top:20px}
.next_fy a{height:32px;line-height:32px;margin:2px;display:inline-block;padding:0 12px;color:#092c47;border:1px solid #ccc;cursor:pointer;border-radius:3px}
.next_fy a:hover,.next_fy a.active{background:#0b017e;border-color:#0b017e;color:#fff}
.next_fp{font-size:15px;line-height:33px;color:#000;border-top:1px solid #ddd;padding-top:15px}
.next_fp p{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.next_fp a{color:#333;font-weight:400}
.next_fp a:hover{color:#fea501}



@media (max-width:1360px) {
body{ padding-top:92px}
.header,.fbg{ border-width:10px}
.head_nav ul li a{ font-size:18px; padding:0 22px;}
.htit{ padding:70px 0 50px}
.htit .tw{ font-size:70px}
.product_h{ padding-bottom:55px}
.company_img:after{left:-15px; bottom:15px}
.about-h{ padding-bottom:95px}
.news_h{ padding-bottom:45px}
.footer{ padding:50px 0 60px}
.footer .lnt{ width:20%}
.footer .cnt{ width:40%}
.cent_box .lft .tit{ font-size:20px;}
.cent_box .rgt .rtit h1,.cent_box .rgt .rtit span{ font-size:24px;}
.product_n dl dd a.tt{ font-size:20px}
.product_n dl dd p{ font-size:15px; line-height:25px;}
.product_n dl dd a.bt{ font-size:14px;}
.news_n ul li a,.product-summary h1{ font-size:22px;}


}

@media (max-width:1160px) {
.htit .tw{ font-size:60px}
.head_nav ul li a{ font-size:17px; padding:0 15px}
.cent_box{ padding-top:5px;}
.cent_box .lft{ width:100%; display:none}
.cent_box .lft .tit,.cent_box .lft .list{ display:none}
.cent_box .lft .lei{display:flex;flex-wrap:wrap;}
.cent_box .lft .lei a{ width:32.4%; margin-right:1.4%; box-sizing:border-box}
.cent_box .lft .lei a:nth-of-type(3n){margin-right:0}
.cent_box .rgt{ width:100%;}
.cent_box .rgt .rtit{ display:none}
.next_fy{ padding-top:15px;}
.cent_box{ padding-bottom:50px;}
.nrtit{ padding-top:20px;}
.nrtit h1{ font-size:22px;}
.nrtim{ padding:12px 0}
.nrtxt{ font-size:16px;}
.product-intro{ padding-top:25px;}

}


@media (max-width:1060px) {
.head_nav{ position:absolute; width:175px; right:0; top:100%; background:#fff; box-sizing:border-box; text-align:center; display:none}
.head_nav ul li{ width:100%; padding:7px 0; border-bottom:1px solid #f9f9f9}
.head_nav ul li a{ height:auto; line-height:27px; padding:0; font-size:15px;}
.head_menu{ display:block; position:absolute; right:3%;}
.language_t{ margin-right:45px;}
.swiperb .swiper-bprev,.swiperb .swiper-bnext{ width:36px; height:36px; background-size:12px auto}
.htit{ padding:60px 0 40px;}
.htit .tn{ font-size:14px;}
.htit .tw{ font-size:52px;}
.company_cont{ padding:15px 0 0 40px; width:calc(57% - 15px)}
.company_cont .sbt{ padding-top:20px;}
.company_cont .sbt a{ font-size:14px; line-height:32px;}
.company_cont .txt{ font-size:16px; line-height:28px; padding-top:15px;}
.company_img{ margin-left:15px;}
.product_h{ padding-bottom:45px;}
.product_h dl dd,.product_lt dl dd{ padding:15px 10px 60px}
.product_h dl dd a.tt,.product_lt dl dd a.tt{ font-size:20px; line-height:28px;}
.product_h dl dd p,.product_lt dl dd p{ font-size:15px; line-height:25px; padding-top:10px;}
.product_h dl dd a.bt,.product_lt dl dd a.bt{ font-size:14px; line-height:40px; height:40px;}
.company_cont .tit{ font-size:22px;}
.news_h{ padding-bottom:35px;}
.news_h dl dd{ padding:15px;}
.news_h dl dd a{ font-size:20px;}
.news_h dl dd p{ font-size:15px;}
.about-h{ padding-bottom:90px;}
.footer{ font-size:14px; line-height:28px; padding:45px 0 50px}
.footer .tt{ font-size:22px;}
.footer .rnt a,.news_n ul li{ font-size:15px;}
.news_n ul li a{ font-size:20px;}
.product-summary h1{ font-size:20px;}
.product-view{ width:46%}
.product-summary{ width:51%}


}

@media (max-width:860px) {
body{ padding-top:77px;}
.head_logo img{ max-height:66px;}
.language_t,.head_menu{ height:72px;}
.header,.fbg{ border-width:5px;}
.swiperb .swiper-bprev,.swiperb .swiper-bnext{ width:30px; height:30px; background-size:8px auto; margin-top:-15px;}
.swiperb .swiper-bprev{ left:3%}
.swiperb .swiper-bnext{ right:3%}
.htit{ padding:45px 0 30px;}
.htit .tn{ font-size:13px;}
.product_h{ padding-bottom:30px;}
.product_h dl{ width:32%;}
.product_h dl:nth-of-type(4n){ margin-right:2%}
.product_h dl:nth-of-type(3n){ margin-right:0}
.product_h dl:nth-of-type(7),.product_h dl:nth-of-type(8){ display:none}
.company_img{ width:100%; margin:0 auto}
.company_img:after{ display:none}
.company_cont{ width:100%; padding:20px 0 0}
.company_cont .tit{ font-size:20px;}
.company_cont .txt{ font-size:15px; padding-top:10px; line-height:27px;}
.company_cont .sbt{ text-align:center}
.about-h{ padding-bottom:40px;}
.htit .tw{ font-size:42px;}
.news_h{ padding-bottom:25px;}
.news_h dl{ width:100%;}
.news_h dl dt{ height:200px}
.footer{ padding-top:40px; padding-bottom:45px;}
.footer .lnt{ display:none}
.footer .cnt{ width:100%}
.footer .rnt{ width:100%; padding-top:25px;}
.product_n dl dd{ padding:15px 10px 55px;}
.product_n dl dd a.tt{ font-size:18px; line-height:28px;}
.product_n dl dd p{ font-size:14px; line-height:24px; padding-top:10px;}
.product_n dl dd a.bt{ height:40px; line-height:40px;}
.nrtit h1{ font-weight:400; font-size:20px;}
.product-view .gallery-top{ height:300px !important}
.product-view .gallery-thumbs{ height:70px !important;}
.product-view .swiper-nnext,.product-view .swiper-nprev{ height:70px; line-height:70px;}
.product-summary h1{ font-size:18px;}
.product-summary .txt{ font-size:15px; padding-top:15px;}
.product_lt dl{ width:49%;}
.product_lt dl:nth-of-type(4n){ margin-right:2%}
.product_lt dl:nth-of-type(even){ margin-right:0;}


}

@media (max-width:768px) {




}

@media (max-width:640px) {
.language_t{ position:static}
.language_t .lga{ width:100%;}
.product_h dl{ width:49%;}
.product_h dl:nth-of-type(3n){ margin-right:2%}
.product_h dl:nth-of-type(even){ margin-right:0}
.htit .tw{ font-size:36px;}
.footer .tt{ font-size:20px;}
.head_nav{ width:160px;}
.head_nav ul li a{ font-size:14px;}
.swiperb .swiper-bdian{ bottom:10px}
.swiperb .swiper-bdian span{ width:8px; height:8px;}
.cent_box{ padding-bottom:35px;}
.product_n{ padding-top:15px;}
.product_n dl{ width:49%; margin-right:2%; margin-bottom:2%}
.product_n dl:nth-of-type(3n){ margin-right:1.6%}
.product_n dl:nth-of-type(even){ margin-right:0}
.next_fy{ font-size:13px;}
.location{ font-weight:400; padding:16px 0 10px; font-size:13px;}
.news_n{ padding-top:5px; padding-bottom:10px;}
.news_n ul li{ padding:20px 0; font-size:14px; background:none !important}
.news_n ul li a{ font-size:18px;}
.nrtit h1{ font-size:18px;}
.nrtxt,.next_fp{ font-size:15px;}
.nrtim{ font-size:13px;}
.product-view{ width:100%;}
.product-summary{ width:100%; padding-top:25px;}
.product-summary .btn{-webkit-justify-content:start;justify-content:start;}
.ntit h2{ font-weight:400; font-size:15px; line-height:42px;}
.nrtab .tit{ font-size:15px; line-height:45px;}
.nrtab ul{ padding:15px 15px 20px;}

}

@media (max-width:441px) {
body{ padding-top:65px;}
.head_logo img{ height:52px;}
.language_t,.head_menu{ height:62px;}
.header,.fbg{ border-width:3px;}
.htit{ padding:35px 0 20px;}
.product_h dl dd{ padding-bottom:50px;}
.product_h dl dd a.tt{ font-size:18px; line-height:26px;}
.product_h dl dd p{ font-size:14px; line-height:22px;}
.product_h dl dd a.bt{ font-size:12px; line-height:36px; height:36px;}
.company_cont .tit{ font-size:18px; line-height:26px;}
.company_cont .txt{ font-size:14px; line-height:24px;}
.company_cont .sbt{ padding-top:15px;}
.company_cont .sbt a{ font-size:12px;}
.about-h{ padding-bottom:35px;}
.htit .tw{ font-size:30px;}
.htit .tn{ font-size:12px;}
.news_h dl dt{ width:160px;}
.news_h dl dd{ width:calc(100% - 160px); padding:10px 12px;}
.news_h dl dd a{ font-size:18px;}
.news_h dl dd p{ font-size:14px; line-height:22px;-webkit-line-clamp:4}
.footer{ padding-top:30px; padding-bottom:35px; font-size:13px; line-height:27px;}
.footer .tt{ font-size:18px; line-height:28px;}
.footer .rnt a{ margin-top:15px;}
.location{ padding:14px 0 8px; font-size:12px;}
.location a:nth-of-type(1){ background-size:12px auto}
.product_n dl dd{ padding-bottom:50px;}
.product_n dl dd a.bt{ font-size:12px; height:36px; line-height:36px;}
.next_fy{ font-size:12px;}
.next_fy a{ height:29px; line-height:29px; padding:0 11px;}
.news_n ul li a{ font-size:17px;}
.nrtit{ padding-top:15px;}
.nrtit h1{ font-size:16px;}
.nrtxt,.next_fp{ font-size:14px;}
.product-intro{ padding-top:15px;}
.product-summary h1{ font-size:16px; padding-bottom:12px;}
.product-summary .txt{ font-size:14px; padding-top:12px;}
.product-summary .btn{ padding-top:20px;}
.ntit{ padding-top:30px;}
.ntit h2{ padding:0 25px;}
.product_lt dl dd{ padding-bottom:55px}
.product_lt dl dd a.tt{ font-size:18px; line-height:26px;}
.product_lt dl dd p{ font-size:14px; line-height:24px;}
.product_lt dl dd a.bt{ font-size:12px; height:36px; line-height:36px}

}

@media (max-width:375px) {
.product_h dl dd a.bt,.product_n dl dd a.bt{ font-size:11px}
.footer .rnt{ padding-top:20px;}

}




















