@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;border:0;outline:none}
@font-face{font-family:"Open-Sans";src:url(../fonts/Open-Sans.woff) format('woff');font-weight:normal;font-style:normal;font-display:swap}
body,html{font-family:"Open-Sans",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:"Open-Sans",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:1240px;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:#fea501;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;}
.hbg{background:#f3f3f3;}
.bbg{background:url(../images/featured_bg.webp) no-repeat center bottom;background-size:cover}
.cbg{background:url(../images/index_ad_bg.webp) no-repeat center bottom;background-size:cover}
.dbg{background:url(../images/index_product_bg.webp) no-repeat center bottom;background-size:cover}
.fbg{background:#1c3341;}
.rbg{background:#203647;}


/*--正式--*/
body{padding-top:100px;box-sizing:border-box}
.header{width:100%;box-sizing:border-box;position:fixed;left:0;top:0;z-index:90;background:#fff;}
.header_box{ padding:0 3%; margin:0 auto}
.head_logo{ width:160px;}
.head_logo img{ display:block; max-height:80px; max-width:100%;}
.head_nav{ width:calc(100% - 330px);}
.head_nav ul{ width:100%;}
.head_nav ul li{ position:relative;}
.head_nav ul li.at:before{content:'';width:20px;height:27px;background:url(../images/menu_hover.webp) no-repeat center top; background-size:auto 100%;position:absolute;left:50%;margin-left:-10px;top:0;display:none}
.head_nav ul li.at:hover:before{display:block}
.head_nav ul li a{ display:block; font-size:17px; height:100px; line-height:100px; padding:0 25px;transition:all .5s ease 0s;}
.head_nav ul li ul{ width:250px;background-color:#343a40;position:absolute;left:0;top:100%;margin-top:-4px;z-index:999;padding:15px 0;box-shadow:4px 4px 0 rgba(0,0,0,.1);border-radius:5px; display:none}
.head_nav ul li ul li{ width:100%;}
.head_nav ul li ul li a{ height:auto; line-height:1.8; font-size:13px; padding:6px 15px; color:#aeb1be}
.head_nav ul li ul li a:hover{color:#fff;background-color:rgba(255, 255, 255, .06);}
.head_nav ul li ul li ul{ left:100%;top:0;display:none}
.head_menu{ display:none; width:30px; height:80px; 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:100px;}
.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);}
.header.default .head_nav ul li a{ height:80px; line-height:80px;}
.header.default .head_nav ul li ul li a{ height:auto; line-height:1.8}
.header.default .language_t{ height:80px;}

.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}

.company_h{ padding:70px 0 80px}
.company_lt{ width:57%;}
.company_lt .im{ border-radius:10px; position:relative; overflow:hidden; background:#000; height:395px;}
.company_lt .im img{width:100%;height:100%;object-fit:cover;object-position:center center; display:block}
.company_lt .ima{ width:53%; margin-right:1.5%}
.company_lt .imb{ width:44%;}
.company_lt .im:hover{ box-shadow:0 15px 15px -10px rgba(0,0,0,.35);}
.company_lt .im:hover img{ opacity:.6}
.company_rt{ width:43%; padding-top:30px}
.company_rt .cnt{ background:#1085cf; padding:30px; border-radius:10px; color:#fff; position:relative; margin-left:-20%; box-sizing:border-box;}
.company_rt .tt_a{ font-size:48px; line-height:1.2; font-weight:600;}
.company_rt .tt_b{ font-size:25px; line-height:1.2; opacity:.8; position:relative; padding:10px 0 20px;}
.company_rt .tt_c{ font-size:17px; line-height:1.5; opacity:.8; padding-top:12px;}
.company_rt a{ position:absolute; font-size:15px; right:0; bottom:-40px; background:url(../images/ico_arrow_down.webp) no-repeat right center; line-height:32px; display:block; color:#1085cf; padding:10px 20px 0 0;}
.company_rt .tt_b:before{content:""; position:absolute; width:100%; height:4px; background:url(../images/index_intr_line.webp) no-repeat left center;bottom:0;left:-30px;}

.htit{ text-align:center; line-height:1.5; padding-top:60px;}
.htit h2{ font-size:42px; text-transform:capitalize; font-weight:600; color:#000}
.htit p{ font-size:16px; padding-top:3px;}
.htit h2.w{ color:#fff;}
.htit p.w{ color:rgba(255,255,255,.8)}

.product_h{ padding-top:50px; padding-bottom:150px;}
.swiperc{width:100% !important;height:auto !important;position:relative; overflow:hidden}
.swiperc .swiper-slide dl{ width:100%; background:#fff; border-radius:10px; overflow:hidden}
.swiperc .swiper-slide dl dt{ width:100%; height:0; padding-top:100%; overflow:hidden; position:relative}
.swiperc .swiper-slide dl dt a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden}
.swiperc .swiper-slide dl dt img{ display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.swiperc .swiper-slide dl dd{ padding:10px 15px 20px; position:relative}
.swiperc .swiper-slide dl dd a{font-size:17px;line-height:25px;height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.swiperc .swiper-slide dl dd:after{content:""; display:block; width:60px; height:2px; background:#1eb0e8; margin-top:13px;transition:all .4s ease 0s;}
.swiperc .swiper-slide dl:hover dd a{ color:#1eb0e8;}
.swiperc .swiper-slide dl:hover dd:after{ width:100%;}
.swiperc .swiper-cprev,.swiperc .swiper-cnext{ position:absolute; top:50%; width:30px; height:60px; margin-top:-30px; z-index:9; cursor:pointer; opacity:.5;}
.swiperc .swiper-cprev{left:0; background:url(../images/btn_prev.webp) no-repeat center center rgba(0,0,0,1); background-size:12px auto; border-radius:0 50% 50% 0;}
.swiperc .swiper-cnext{right:0; background:url(../images/btn_next.webp) no-repeat center center  rgba(0,0,0,1);background-size:12px auto; border-radius:50% 0 0 50%;}
.swiperc .swiper-cprev:hover,.swiperc .swiper-cnext:hover{ opacity:1}
.product_h .butt{ padding-top:60px; text-align:center}
.product_h .butt a{ display:inline-block; font-size:18px; padding:10px 60px; border:2px solid #fff; color:#fff; border-radius:30px;transition:all .4s ease 0s; background-position:80% center}
.product_h .butt a:hover{ background:url(../images/tta.webp) no-repeat 90% center #fff; color:#333; padding:10px 80px 10px 40px;}

.advantage_h{ padding-top:55px; padding-bottom:100px}
.advantage_h .lit{ text-align:center; width:31%; margin-right:3.5%;}
.advantage_h .lit:nth-of-type(3n){ margin-right:0}
.advantage_h .lit .im{display:inline-block;width:162px;height:162px;border:1px solid #1085cf;border-radius:50%;-webkit-box-sizing:content-box;box-sizing:content-box;background-clip:content-box;position:relative;}
.advantage_h .lit .im:before{content:'';display:inline-block;height:162px;vertical-align:middle}
.advantage_h .lit .im:after{content:'';display:block;width:150px;height:150px;background-color:#1085cf;border-radius:50%;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}
.advantage_h .lit .im img{height:100px;width:auto;position:relative;z-index:1;}
.advantage_h .lit .tt{font-size:22px; line-height:1.5; padding-top:20px; font-weight:600}
.advantage_h .lit .nr{font-size:17px; padding-top:20px; color:#666; line-height:1.5}
.advantage_h .lit:hover .im:after{width:140px;height:140px;}
.advantage_h .lit:hover .im{-webkit-animation:swing 1s ease;-o-animation:swing 1s ease;animation:swing 1s ease;}

@-webkit-keyframes swing{20%{-webkit-transform:rotate(40deg);transform:rotate(40deg)}40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}60%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}80%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
@keyframes swing{20%{-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg)}40%{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}60%{-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}80%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}

.news_h{ padding-top:40px; padding-bottom:100px;}
.swiperx{width:100% !important;height:auto !important;position:relative;overflow:hidden; padding-bottom:80px}
.swiperx .swiper-slide a{ width:100%; text-align:center}
.swiperx .swiper-slide .im{position:relative;width:100%;height:0;padding-top:60%;overflow:hidden; border-radius:10px;}
.swiperx .swiper-slide .im img{ display:block;width:100%;height:100%;object-fit:cover;object-position:center center; position:absolute; left:0; top:0}
.swiperx .swiper-slide .tb{ margin-top:-20px; position:relative; z-index:2}
.swiperx .swiper-slide .tb span{display:block; font-size:15px; height:40px; line-height:40px; width:125px; margin:0 auto; background:#000; color:#fff;transition:all .4s ease 0s;}
.swiperx .swiper-slide .tt{font-size:17px;line-height:25px;height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; padding:15px 10px 0}
.swiperx .swiper-slide:hover .tb span{ border-radius:20px; background:#1eb0e8}
.swiperx .swiper-xdian{ position:absolute; bottom:0; z-index:9; text-align:center;}
.swiperx .swiper-xdian span{ width:26px; height:26px; background:url(../images/sd1.webp) no-repeat center center; opacity:1;}
.swiperx .swiper-xdian span.swiper-pagination-bullet-active{ background:url(../images/sd2.webp) no-repeat center center; opacity:1}

.footer{ color:#fff; padding:60px 0}
.footer a{ color:#fff}
.footer .tit{ font-size:24px; line-height:1.5;}
.footer .lft{ width:46%; text-align:left}
.footer .lft .cnt{ padding-top:25px; font-size:15px; line-height:33px; opacity:.9}
.footer .lft .cnt span{ display:inline-block; font-size:18px;}
.footer .lft .share_a{ padding-top:20px;}
.footer .lft .share_a a{display:block;line-height:20px;border:2px solid rgba(255,255,255,.1);border-radius:50%;padding:12px; margin-right:10px;}
.footer .lft .share_a a:hover{background-color:#1eb0e8;-webkit-animation:swing .6s ease;-o-animation:swing .6s ease;animation:swing .6s ease;}
.footer .lft .share_a img{display:block;height:20px;width:auto;margin:0 auto}
.footer .rft{ width:46%; text-align:right}
.footer .rft .cnt{ padding-top:25px; font-size:18px; line-height:36px; opacity:.9}
.footer .rft .but{ padding-top:20px;}
.footer .rft .but a{ display:inline-block; min-width:50%; font-size:16px; color:#333; height:44px; line-height:44px; background:url(../images/ra1.webp) no-repeat 90% center #e3e3e3; border-radius:22px; padding:0 50px 0 30px; text-align:right; box-sizing:border-box;transition:all .4s ease 0s;}
.footer .rft .but a:hover{ padding:0 65px 0 30px;background:url(../images/ra2.webp) no-repeat 86% center #1eb0e8; color:#fff;}

.copyright{ font-size:14px; line-height:1.5; padding:25px 0; text-align:center;color:rgba(255,255,255,.6);}
.copyright a{ color:rgba(255,255,255,.6);}

/*----*/
.nbanner_n{display:flex;flex-wrap:wrap;align-items:center;justify-content:center; min-height:200px; position:relative}
.nbanner_n:before{content:""; position:absolute; width:100%; height:100%; background:rgba(0,0,0,.5)}
.nbanner_n .nr{ padding:20px 3%; position:relative; z-index:2}
.nbanner_n .tt{ display:block; font-size:26px; line-height:1.5; font-weight:600; color:#fff; text-transform:capitalize}

.weizhi{ font-size:14px; color:#666; padding:15px 0; line-height:26px; border-bottom:1px solid #eee}
.weizhi a{ display:inline-block; padding:0 3px; color:#666;}
.weizhi a:nth-of-type(1){ background:url(../images/ww.webp) no-repeat 2px 5px; background-size:15px auto; padding-left:25px;}

.page_main{ padding-top:60px; padding-bottom:70px;}
.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 #eee}
.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 #eee;}

#tab2{ margin-top:30px; border-radius:10px; overflow:hidden}
.tab_box{ position:relative; box-shadow:0 0 10px rgb(0,0,0,.1)}
.tab_box .tit{background:#013e5a;height:55px;line-height:55px;color:#fff;margin:0;padding:0;font-size:16px;padding:0 20px;font-weight:normal;}
.tab_box .tit h2{ font-weight:400}
.tab_box .tab{ border:1px solid #eee; padding:20px;}
.tab_box .tab ul{ width:100%}
.tab_box .tab ul li{ padding-bottom:15px;}
.tab_box .tab ul li input,.tab_box .tab ul li textarea,.tab_box .tab ul li select{display:block; box-sizing:border-box; width:100%; border:1px solid #eee; border-left:3px solid #013e5a; font-size:13px;}
.tab_box .tab ul li input,.tab_box .tab ul li select{height:39px;padding:0 10px;line-height:39px;}
.tab_box .tab ul li textarea{height:95px;padding:10px;}
.tab_box .tab ul li input.submit_btn{ background:#ff6f00; font-size:15px; color:#fff; border:none}
.tab_box .tab ul li input.submit_btn:hover{background:#013e5a}

.ntit{ height:56px; line-height:56px; padding-top:50px; border-bottom:1px solid #eee; padding-bottom:10px;}
.ntit h2{ font-size:22px; font-weight:600; color:#000}
.ntit a{ font-size:15px; color:#666}
.ntit2{ margin-bottom:10px;}

.news_list dl{ background:#f9f9f9; box-sizing:border-box; padding:25px 20px; border-bottom:1px dashed #ddd; position:relative}
.news_list dl:nth-of-type(even){ background:#fff}
.news_list dl dt a{font-size:24px;line-height:44px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_list dl dd{ font-size:14px; line-height:22px; color:#999; padding-top:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news_list dl:after{content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:#ff6f00;transition:all .4s ease 0s;}
.news_list dl:hover:after{ width:100%}

.list_main{ padding-bottom:80px}
.product_list dl{ width:23.8%; margin-right:1.6%; margin-top:1.6%; background:#fff; border-radius:10px; overflow:hidden; border:1px solid #ddd; box-sizing:border-box}
.product_list dl:nth-of-type(4n){ margin-right:0}
.product_list dl dt{ width:100%; height:0; padding-top:100%; overflow:hidden; position:relative}
.product_list dl dt a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden}
.product_list dl dt img{ display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.product_list dl dd{ padding:10px 15px 20px; position:relative}
.product_list dl dd a{font-size:17px;line-height:25px;height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.product_list dl dd:after{content:""; display:block; width:60px; height:2px; background:#1eb0e8; margin-top:13px;transition:all .4s ease 0s;}
.product_list dl:hover dd a{ color:#1eb0e8;}
.product_list dl:hover dd:after{ width:100%;}

.news_box ul{ width:100%; padding-top:20px;}
.news_box ul li{ width:48.5%; padding:10px 0}
.news_box ul li a{font-size:17px;line-height:36px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background:url(../images/ra1.webp) no-repeat left center; background-size:auto 10px; padding-left:15px;}

.product_box{ border:1px solid #ddd; box-sizing:border-box}
.product-view{ width:45%;position:relative; padding-bottom:20px;overflow:hidden}
.product-view .gallery-top{width:100% !important;height:360px !important;margin:0 auto;position:relative}
.product-view .gallery-top .swiper-slide{overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.product-view .gallery-top .swiper-slide img{display:block;max-width:100%;max-height:100%;}
.product-view .gallery-thumbs{width:calc(100% - 100px) !important;height:100px !important;margin:20px auto 0;position:relative}
.product-view .gallery-thumbs .swiper-slide{overflow:hidden;box-sizing:border-box;padding:10px;border:1px solid #eee;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.product-view .gallery-thumbs .swiper-slide img{display:block;max-width:100%;max-height:100%;}
.product-view .gallery-thumbs .swiper-slide-thumb-active { border:2px solid #1085cf}
.product-view .swiper-wnext,.product-view .swiper-wprev{width:30px;height:30px;margin-top:-15px;opacity:1;line-height:30px;font-size:30px;background:none;top:auto;bottom:50px; position:absolute}
.product-view .swiper-wprev,.product-view .swiper-container-rtl .swiper-wprev {left:10px; background:url(../images/ra3.webp) no-repeat center center;}
.product-view .swiper-wnext,.product-view .swiper-container-rtl .swiper-wnext {right:10px; background:url(../images/ra1.webp) no-repeat center center;}
.product-intro{ width:55%;border-left:1px solid #ddd; box-sizing:border-box; padding:20px}
.product-intro .nr_tit{position:relative;font-size:22px;line-height:1.75;color:#000;}
.product-intro .nr_txt{line-height:1.8;font-size:14px;padding-top:20px; color:#666}
.product-intro .nr_txt span{ display:block; font-weight:600; padding-bottom:10px;}
.product-intro .nr_btn{ padding-top:35px;}
.product-intro .nr_btn a{ display:inline-block; font-size:15px; line-height:33px; color:#1085cf; border:2px solid #1085cf; background:url(../images/yx1.webp) no-repeat 20px center; padding:0 25px 0 50px; border-radius:20px}

.ztit{ padding-top:30px; position:relative; z-index:1}
.ztit h2{ font-size:18px; line-height:52px; display:inline-block; padding:0 30px; border:1px solid #ddd; border-bottom:none; border-radius:10px 10px 0 0; background:#fff; font-weight:400}

.pro_txt{ box-sizing:border-box; padding:25px; border:1px solid #ddd; border-radius:0 10px 10px 10px; margin-top:-1px; font-size:16px; line-height:2; color:#333}
.pro_txt img{ max-width:100% !important; height:auto !important}
.pro_txt td,.pro_txt th{ box-sizing:border-box; padding:10px 5px; border:1px solid #eee;}

.cbox_v{border:1px solid #ddd; border-radius:0 8px 8px 8px; margin-top:-1px; padding:5px 20px 25px; box-sizing:border-box}
.cbox_v dl{ width:32.2%; margin-right:1.7%; margin-top:1.7%;}
.cbox_v dl:nth-of-type(3n){ margin-right:0}
.cbox_v dl dt{display:block; width:100%; position:relative;height:0; padding-top:75%; overflow:hidden}
.cbox_v dl dt a{display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.cbox_v dl dt img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;}
.cbox_v dl dd{ padding-top:10px; text-align:center}
.cbox_v dl dd a{ display:block; font-size:18px; line-height:32px; color:#333}


/*--------分页-------*/
.next_fy{text-align:center;font-size:14px;padding-top:45px;}
.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:#0076cf; border-color:#0076cf; color:#fff;}
.next_fp{font-size:15px;line-height:33px;color:#000; border-top:1px solid rgba(0,0,0,.1); padding-top:15px}
.next_fp p{width:49%; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.next_fp p:nth-of-type(2){ text-align:right}
.next_fp a{color:#333; font-weight:400;}
.next_fp a:hover{color:#fea501}


@media (max-width:1600px) {
.head_nav ul li a{ font-size:16px; padding:0 20px;}

}

@media (max-width:1460px) {
.head_nav ul li a{ padding:0 15px;}

}

@media (max-width:1360px) {
.head_nav ul li a{ font-size:15px;}
.company_rt .tt_a{ font-size:44px;}
.company_rt .tt_b{ font-size:22px;}
.company_rt .tt_c,.swiperc .swiper-slide dl dd a{ font-size:16px;}
.htit h2{ font-size:38px;}
.product_h{ padding-top:45px; padding-bottom:130px;}
.product_h .butt{ padding-top:55px;}
.product_h .butt a{ font-size:16px;}
.advantage_h{ padding-top:50px; padding-bottom:95px;}
.advantage_h .lit .tt{ font-size:20px;}
.advantage_h .lit .nr{ font-size:16px; padding-top:16px;}
.news_h{ padding-bottom:95px;}

}

@media (max-width:1260px) {
.head_nav ul li a{ padding:0 10px;}
.swiperb .swiper-bprev,.swiperb .swiper-bnext{ width:44px; height:44px; margin-top:-22px; background-size:10px auto !important}
.company_h{ padding:50px 0 65px;}
.company_rt .tt_a{ font-size:40px;}
.company_rt .tt_b{ font-size:20px;}
.htit{ padding-top:50px;}
.htit h2{ font-size:35px;}
.product_h{ padding-top:40px; padding-bottom:110px;}
.product_h .butt{ padding-top:45px;}
.advantage_h{ padding-bottom:90px;}
.advantage_h .lit .tt{ font-size:18px;}
.advantage_h .lit .nr{ font-size:15px;}
.advantage_h .lit .im{ width:146px; height:146px;}
.advantage_h .lit .im:before{ height:146px;}
.advantage_h .lit .im:after{ width:134px; height:134px;}
.advantage_h .lit .im img{ height:80px;}
.news_h{ padding-bottom:90px;}
.swiperx{ padding-bottom:75px;}
.swiperx .swiper-slide .tt{ font-size:16px;}
.footer .tit{ font-size:20px;}
.footer .lft .cnt{ font-size:14px; padding-top:20px;}
.footer .lft .cnt span{ font-size:16px;}
.footer .rft .cnt{ padding-top:20px; font-size:16px;}
.footer .rft .but a{ font-size:15px; min-width:45%; background-size:auto 14px;}
.footer .lft .share_a a{ padding:9px;}
.page_main{ padding-top:45px; padding-bottom:60px;}
.ntit{ height:52px; line-height:52px;}
.ntit h2{ font-size:20px;}


}

@media (max-width:1160px) {
body{ padding-top:80px}
.head_nav{ position:fixed;width:55%;height:100%;left:-150%;top:0;background:#fff;box-sizing:border-box;padding:30px 0;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:all .4s ease 0s; z-index:999}
.head_nav ul{ display:block; height:100%; box-sizing:border-box; padding:0 20px; overflow:auto}
.head_nav ul li a,.header.default .head_nav ul li a{ height:auto; line-height:27px; padding:10px 0}
.head_nav ul li.at:before,.head_nav ul li.at:hover:before{display:none}
.head_nav ul li ul{ display:block; background:none; box-shadow:none; border-radius:0; position:static; width:100%; padding:5px 0; height:auto}
.head_nav ul li ul li a{ color:#333; padding:6px 0 6px 10px; background:url(../images/hro.png) no-repeat 0 17px;}
.header.default .head_nav ul li ul li a{ color:#333;padding:6px 0 6px 10px;}
.head_nav ul li ul li a:hover{ color:#333;}
.head_nav ul li ul li ul{ display:block; height:auto}
.head_nav ul li ul li ul li a,.header.default .head_nav ul li ul li ul li a{padding:6px 0 6px 20px; background-position:10px 17px}
.head_menu{ display:block; position:absolute; right:3%; z-index:9}
.head_nav.on{left:0}
.language_t{ height:80px; padding-right:45px;}
.page_main{ padding-top:40px; padding-bottom:50px;}
.nbanner_n{ min-height:170px;}
.nbanner_n .tt{ font-size:22px;}
.next_fp p{ width:100%;}
.next_fp p:nth-of-type(2){ text-align:left}
.product-view .gallery-thumbs{ height:80px !important}
.news_list dl dt a{ font-size:20px;}

}

@media (max-width:1060px) {
.company_rt .cnt{ padding:30px 20px}
.company_rt .tt_b:before{left:-20px;}
.company_rt .tt_a{ font-size:35px;}
.company_rt .tt_b{ font-size:18px}
.company_rt .tt_c{ font-size:15px;}
.htit h2{ font-size:32px;}
.advantage_h .lit .im{ width:126px; height:126px;}
.advantage_h .lit .im:before{ height:126px;}
.advantage_h .lit .im:after{ width:108px; height:108px;}
.advantage_h .lit .im img{ height:60px;}
.news_h{ padding-bottom:70px}
.swiperx{ padding-bottom:55px}
.next_fy{ padding-top:35px;}
.ntit{ padding-top:40px; height:46px; line-height:46px;}
.ntit h2{ font-size:18px;}
.ntit a{ font-size:14px;}
.news_box ul li{ padding:8px 0}
.news_box ul li a{ font-size:16px; line-height:34px;}
.product_list dl dd{ padding:10px 10px 20px;}
.product_list dl dd a{ font-size:15px;}



}

@media (max-width:860px) {
.company_rt .tt_a{ font-size:32px;}
.company_rt .tt_b{ font-size:17px;}
.nbanner_n{ min-height:150px;}
.nbanner_n .tt{ font-size:18px;}
.page_main{ padding-top:25px; padding-bottom:40px;}
.nrtxt{ font-size:15px;}
.product-intro .nr_tit{ font-size:18px; line-height:1.5;}
.product-intro .nr_txt{ padding-top:16px;}
.pro_txt{ padding:20px;}
.ztit h2,.cbox_v dl dd a,.tab_box .tit h2{ font-size:16px;}
.news_list dl{ padding:20px 15px;}
.news_list dl dt a{ font-size:18px; line-height:36px;}
.next_fy{ padding-top:30px;}
.ntit{ padding-top:30px; padding-bottom:5px;}
.news_box ul li{ width:100%}
.list_main{ padding-bottom:50px}
.product_list dl{ width:49.2%;}
.product_list dl:nth-of-type(4n){ margin-right:1.6%}
.product_list dl:nth-of-type(even){ margin-right:0}

}

@media (max-width:768px) {
.swiperb .swiper-bprev,.swiperb .swiper-bnext{ width:32px; height:32px; margin-top:-16px; background-size:8px auto !important}
.swiperb .swiper-bprev{left:3%}
.swiperb .swiper-bnext{right:3%}
.company_h{ padding-top:35px; padding-bottom:45px;}
.company_lt{ width:100%;-webkit-box-ordinal-group:2!important;-ms-flex-order:2!important;order:2!important;}
.company_lt .im{ width:49% !important;}
.company_lt .ima{ margin-right:2%}
.company_rt{ width:100%; padding-top:0; padding-bottom:2%}
.company_rt .tt_a,.htit h2{ font-size:30px;}
.company_rt .cnt{ box-sizing:border-box; margin-left:0}
.company_rt a{ position:static; background:none; padding-right:0; display:inline-block; padding:0 20px; border-radius:20px; background:rgba(255,255,255,1); margin-top:20px; font-size:14px;}
.htit{ padding-top:40px;}
.htit p{ font-size:14px;}
.product_h{ padding-top:30px; padding-bottom:80px;}
.product_h .butt{ padding-top:30px;}
.product_h .butt a{ font-size:15px; padding:10px 35px;}
.product_h .butt a:hover{ padding:10px 55px 10px 25px;}
.advantage_h{ padding-top:40px; padding-bottom:65px;}
.advantage_h .lit .im{ width:106px; height:106px;}
.advantage_h .lit .im:before{ height:106px;}
.advantage_h .lit .im:after{ width:92px; height:92px;}
.advantage_h .lit .im img{ height:60px;}
.advantage_h .lit .nr{ font-size:14px;}
.news_h{ padding-top:30px; padding-bottom:50px;}
.swiperx .swiper-xdian span{ width:20px; height:20px; background-size:auto 100% !important;}
.swiperx .swiper-slide .tt{ font-size:15px;}
.footer .lft,.footer .rft{ width:48%;}
.copyright{ font-size:13px; padding:20px 0}
.product-view{ width:100%;}
.product-intro{ width:100%; padding-bottom:25px;}
.product-intro .nr_btn{ padding-top:15px;}
.ztit{ padding-top:25px;}
.pro_txt,.cbox_v dl dd a{ font-size:15px;}
.cbox_v dl{ width:49.2%; margin-right:1.6%; margin-top:1.6%;}
.cbox_v dl:nth-of-type(3n){ margin-right:1.6%}
.cbox_v dl:nth-of-type(even){ margin-right:0}
.cbox_v dl dd{ padding-top:5px;}
#tab2{ margin-top:25px;}
.cbox_v{ padding-top:10px;}



}

@media (max-width:640px) {
body{ padding-top:66px;}
.language_t,.head_menu,.header.default .language_t{ height:66px;}
.head_logo img{ max-height:62px;}
.company_rt .tt_a,.htit h2{ font-size:28px;}
.company_lt .im{ height:320px;}
.head_nav{ width:70%}
.nbanner_n{ min-height:120px;}
.cbox_v{ padding-left:15px; padding-right:15px;}
.news_list dl{ padding:16px 10px;}
.news_list dl dt a{ font-size:16px; line-height:32px;}
.news_list dl dd{ font-size:13px;}
.news_box ul{ padding-top:15px;}
.news_box ul li{ padding:5px 0}
.news_box ul li a{ font-size:15px; background-size:auto 8px; line-height:31px;}
.ntit{ height:36px; line-height:36px;}
.ntit h2{ font-size:16px;}
.ntit a{ font-size:12px;}
.list_main{ padding-bottom:45px;}

}

@media (max-width:441px) {
.head_logo img{ max-height:52px;}
.head_menu{ background-size:70% auto}
.head_nav ul li a,.header.default .head_nav ul li a{ padding:7px 0}
.language_t .lga{ position:fixed; width:100%; left:0; top:66px;}
.company_h{ padding-top:30px; padding-bottom:35px;}
.company_rt .cnt{ padding:30px 15px;}
.company_rt .tt_b:before{ left:-15px;}
.company_rt .tt_a,.htit h2{ font-size:25px;}
.company_rt .tt_b{ font-size:15px;}
.company_rt .tt_c{ font-size:14px;}
.company_lt .im{ height:260px;}
.htit{ padding-top:30px;}
.product_h{ padding-top:20px; padding-bottom:60px;}
.swiperc .swiper-slide dl dd{ padding:10px 10px 20px}
.swiperc .swiper-slide dl dd a{ font-size:14px;}
.product_h .butt{ padding-top:25px;}
.product_h .butt a{ font-size:14px; border-width:1px; padding:8px 30px;}
.product_h .butt a:hover{ padding:8px 55px 8px 25px;}
.advantage_h{ padding-top:20px; padding-bottom:25px;}
.advantage_h .lit{ width:100%; margin-right:0; padding:20px 0}
.news_h{ padding-top:20px; padding-bottom:45px;}
.swiperx{ padding-bottom:35px;}
.footer{ padding:35px 0}
.footer .lft,.footer .rft{ width:100%;}
.footer .rft{ padding-top:30px; text-align:left}
.footer .rft .cnt{ line-height:32px; padding-top:15px;}
.footer .rft .but a{ text-align:center; height:38px; line-height:38px; padding:0 35px 0 15px; min-width:40%; background-position:86% center}
.footer .rft .but a:hover{ padding:0 35px 0 15px;}
.nbanner_n .tt{ font-size:17px;}
.page_main{ padding-top:10px; padding-bottom:30px;}
.product_box{ margin-top:5px;}
.product-view{ padding-bottom:10px;}
.product-view .gallery-thumbs{ height:60px !important}
.product-view .swiper-wnext,.product-view .swiper-wprev{ bottom:23px;}
.product-intro{ padding:20px 15px 25px;}
.ztit{ padding-top:20px;}
.ztit h2{ font-size:15px; line-height:45px; padding:0 20px;}
.pro_txt{ padding:20px 15px; font-size:14px;}
.pro_txt, .cbox_v dl dd a{ font-size:14px; line-height:28px;}
.cbox_v{ padding-left:12px; padding-right:12px;}
.product-view .gallery-top{ height:300px !important}
.news_list{ padding-top:10px;}
.next_fy{ font-size:12px; padding-top:20px;}
.next_fy a{ height:30px; line-height:30px; padding:0 10px;}
.list_main{ padding-bottom:35px;}
.product_list{ padding-top:5px;}
.product_list dl{ border-radius:5px}
.product_list dl dd{ padding:10px 5px 15px;}
.product_list dl dd a{ font-size:14px; line-height:24px; height:48px;}
.product_list dl dd:after{ margin-top:10px;}
.ntit2{ margin-bottom:5px;}

}

@media (max-width:375px) {
body{ padding-top:62px}
.language_t .lga{top:62px}
.language_t,.head_menu, .header.default .language_t{ height:62px}
.head_logo img{ min-height:46px;}
.company_rt .tt_a,.htit h2{ font-size:22px;}
.company_rt a{ font-size:13px;}
.company_lt .im{ height:220px}
.product_h .butt a{ font-size:13px}
.advantage_h .lit .nr{ padding-top:12px;}
.footer .tit{ font-size:18px;}
.footer .lft .cnt{ font-size:13px; padding-top:15px;}
.footer .rft .cnt{ font-size:14px; padding-top:12px;}
.footer .rft .but a{ font-size:14px;}
.cbox_v{ padding-left:8px; padding-right:8px;}
.cbox_v dl dd{ padding-top:3px;}
.cbox_v dl dd a{ font-size:13px;}
.product-view .swiper-wnext,.product-view .swiper-wprev{ width:20px;}
.product-view .gallery-thumbs{ width:calc(100% - 80px) !important}
.news_list dl dt a{ font-size:15px; line-height:31px;}
.ntit{ padding-top:25px;}
.news_box ul li a{ font-size:14px; line-height:28px; padding-left:10px; background-size:auto 6px;}

}