@charset "utf-8";
@import url(https://css01.v15cdn.com/language.css);
:root{--color:#2981de;--fontcolor:#000;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700}
html{overflow-x:auto;overflow-y:scroll;box-sizing:border-box}
div,p{margin:0px}
blockquote,body,dd,dl,dt,fieldset,form,input,li,ol,p,pre,td,th,ul{font-weight:var(--fontbold4);margin:0px;padding:0px}
h1,h2,h3,h4,h5{margin:0px;padding:0px}
body{font-family:Helvetica,Arial,sans-serif;padding:0px}
select{font-size:12px}
table{border-collapse:collapse}
fieldset,img{border:0 none;max-width:100%}
img{height:auto}
fieldset{margin:0px;padding:0px}
fieldset p{margin:0px;padding:0px 0px 0px 8px}
legend{border:none;width:auto}
address,caption,em,i,th{font-style:normal;font-weight:var(--fontbold4)}
table caption{margin-left:-1px}
hr{border-bottom:1px solid #FFF;border-top:1px solid #e4e4e4;border-width:1px 0px;clear:both;height:2px;margin:5px 0px;overflow:hidden}
ol,ul{list-style-image:none;list-style-position:outside;list-style-type:none}
caption,th{text-align:left}
blockquote:after,blockquote:before,q:after,q:before{content:””}
.container1{margin-right:auto;margin-left:auto}
@media (min-width:768px){
.container{width:750px}
.container1{width:768px}
.header-bottom-list{font-size:16px}}
@media (min-width:992px){
.container{width:970px}
.container1{width:992px}}
@media (min-width:1200px){
.container{width:1170px}
.container1{width:1200px}}
@media (min-width:1400px){
.container{width:1170px}
.container1{width:1296px}}
.header-bottom-list>li{position:relative;width:14%;text-align:center}
.header-bottom-list>li>a{display:block;padding:19px 0px;text-align:center}
.header-bottom-list .submenu{position:absolute;top:100%;left:0px;width:initial;padding:0px}
.header-bottom-list .submenu a{padding:5px 25px;white-space:nowrap;display:block}
.submenu>li{margin:0px}
.header-bottom-list .submenu a:hover{color:#FFF;background:var(--color)}
.header-top{width:100%;height:40px;background-color:var(--color)}
.header-top>div{margin:0px auto;display:flex;justify-content:space-between}
.header-top-left{font-size:14px;color:#FFF;line-height:40px}
.header-top-right{background-color:#236fc0;padding:0px 20px;color:#FFF;font-size:14px;line-height:55px}
.header-top-right>span{margin:0px 4px}
.header-center{margin:0px auto;text-align:center;padding:36px 0px}
.head_hr{width:100%;height:1px;background-color:#dadada}
.header-bottom{height:62px;margin:0px auto;display:flex;justify-content:space-between;align-items:center;padding:0px}
.header-bottom-left{width:65px;background-color:var(--color)}
.header-bottom-left>a{display:block;width:100%;height:62px;text-align:center;line-height:70px}
.header-bottom-list{width:80%;height:100%;display:flex;font-size:18px;justify-content:space-between;align-items:center}
.header-bottom-item{transition:all .3s ease-in-out;position:relative;width:16%;text-align:center;padding:2.5% 1%}
.header-bottom-item:hover{background-color:var(--color)}
.header-bottom-item:hover .header-bottom-item-a{color:#FFF}
.header-bottom-item:hover .index_l1-item-a{color:#FFF}
.header-bottom-item a{transition:all .3s ease-in-out;color:#000}
.header-bottom-item a:hover{border:none}
.header-bottom-item:hover .header-bottom-item-list{display:block}
.header-bottom-item-list{display:none;width:100%;position:absolute;top:100%;left:0px;z-index:2;background-color:#FFF;padding-left:20px;text-align:left}
.header-bottom-item-list-item{margin:10px 0px;font-size:16px}
.header-bottom-right{width:20%}
.header-bottom-right>input{width:80%;height:25px;border:none;border-left:1px solid #ddd;text-indent:20px;outline:0}
.header-bottom-right>input::placeholder{font-size:15px;color:#b1b1b1}
.jiyinav{background-color:#F2F2F2;padding:32px 0px;font-size:18px}
.jiyinav a{color:#7c7c7c;transition:all .3s ease-in-out}
.jiyinav a:hover{color:var(--color)}
.foot-top{width:100%;height:3px;background-color:var(--color)}
.foot-box{background-color:#323230;padding-top:30px}
.foot-box>div{display:flex;justify-content:space-between}
.foot-box-left{width:85%}
.foot-list{display:flex;flex-wrap:wrap}
.foot-item{width:25%;margin:6px 0px}
.foot-item span{display:inline-block;font-size:17px}
.foot-item span a{color:#FFF;transition:all .3s ease-in-out}
.foot-item span a:hover{color:var(--color)}
.foot-item span:nth-child(1){width:8px;height:8px;transform:rotate(45deg);background-color:#FFF;margin-right:20px}
.erwei{padding:10px;background-color:#FFF}
.con{text-align:center;margin:20px 0px 0px 0px}
.con a span{display:inline-block;width:40px;height:40px;border-radius:50%;background-color:#FFF;text-align:center;line-height:46px;margin:0px 10px;color:#000;transition:all .3s ease-in-out}
.con a span:hover{background-color:var(--color);color:#FFF}
.hr{width:100%;height:1px;background-color:#444;margin:20px 0px}
.foot-list2{display:flex;width:100%;margin:10px 0px;justify-content:space-between}
.foot-item2{width:25%;display:flex;padding:0px}
.foot-item2 p:nth-child(1){width:12%;color:#FFF;font-size:20px}
.foot-item2 p:nth-child(2){width:80%;font-size:16px;color:#CCCCCC;word-wrap:break-word;padding-top:4px}
.foot-item2 p:nth-child(2)>a{font-size:14px;color:#ccc}
ul.foot-list2 a{color:#ccc}
.foot-foot{text-align:center;font-size:12px;color:#8a8a8a;padding:10px 0px;background-color:#232323}
.pagation{width:600px;display:flex;margin:80px auto}
.pagation-item{padding:13px 21px;border:1px solid #d1d1d1;font-size:20px;color:#c5c5c5;margin:0px 10px;border-radius:4px;cursor:pointer;transition:all .3s ease-in-out}
.pagation-item:hover{background-color:var(--color);color:#FFF}
.pagation-item-active{background-color:var(--color);color:#FFF}
.banner{position:relative}
.banner-img{width:100%}
.banner-list{width:100%}
.banner-item{width:100%}
.banner-item img{width:100%}
.banner-arr-left{width:50px;position:absolute;left:0px;top:50%;margin-top:-3%;background:#FFF;z-index:3;font-size:30px;text-align:center;padding:1% 0;transition:all .3s ease-in-out;outline:0}
.banner-arr-left:hover{background:var(--color);color:#FFF}
.banner-arr-right{width:50px;position:absolute;right:0px;top:50%;margin-top:-3%;background:#FFF;z-index:3;font-size:30px;text-align:center;padding:1% 0;transition:all .3s ease-in-out;outline:0}
.banner-arr-right:hover{background:var(--color);color:#FFF}
.banner-box{position:absolute;top:22%;right:0px;left:0px;padding:0px 30px;text-align:center;z-index:3}
.banner-box-text1{font-size:90px;color:#FFF;letter-spacing:15px}
.banner-box-text2{display:flex;align-items:center;font-size:48px;color:#dbdbdb;letter-spacing:6px;font-weight:100;margin-top:10px;font-family:Lato Regular;padding:0px 18px}
.banner-box-text2>span:nth-child(2){margin:0px 10px}
.line{display:block;width:178px;height:3px;background-color:#FFF}
.index_pagation{width:90px;position:absolute;bottom:110px;left:0px;right:0px;margin:0px auto;display:flex;z-index:3}
.index_pagation span{width:20px;height:20px;border-radius:50%;border:1px solid #FFF;margin:0px 5px;padding:0px;opacity:1}
.swiper-pagination-bullet-active{opacity:1;background:#FFF}
.index_l1{margin:0px auto;background-color:#FFF;box-shadow:#c4c4c4 0 5px 11px 3px;position:relative;top:-86px;padding-bottom:50px;z-index:3}
.index_l1-title{font-size:45px;color:#000;text-align:center;font-family:Lato Bold;padding-top:76px;text-transform:uppercase}
.index_l1-title>span{color:var(--color)}
.index_l1-text1{text-align:center;padding:4px 0px}
.index_l1-text2{font-size:16px;color:#757575;text-align:center;margin-bottom:50px}
.index_l1-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.index_l1-item{width:32%;border:1px solid #e0e0e0;margin-bottom:52px}
.index_l1-item-img{position:relative;overflow:hidden;height:360px;line-height:360px;display:flex;align-items:center;justify-content:center}
.index_l1-item-img img{max-width:100%}
.index_l1-item-img-ceng{transition:all .3s ease-in-out;opacity:0;position:absolute;top:0px;left:0px;width:100%;height:360px;background-color:rgba(53,135,222,.8)}
.index_l1-item-img-ceng>p{width:48px;height:48px;border-radius:50%;background-color:#FFF;position:absolute;top:50%;left:50%;margin-top:-24px;margin-left:-24px;text-align:center;line-height:55px}
.index_l1-item>a>p{transition:all .3s ease-in-out;background-color:#e0e0e0;padding:5px;text-align:center;font-size:14px;color:#202020}
.index_l1-item:hover .index_l1-item-p{background-color:#666666;color:#FFF}
.index_l1-item:hover .index_l1-item-img-ceng{opacity:1}
.index_l1-arr-right{position:absolute;bottom:-30px;left:0px;right:0px;margin:0px auto;width:62px;height:62px;border-radius:50%;background:#dfdfdf;text-align:center;font-size:24px;line-height:62px}
.index_l1-arr-right i{color:#333333}
.index-q2-top{background:url(image/l2_1.jpg) no-repeat center;padding-bottom:172px;position:relative}
.index-q2-layer{width:100%;height:100%;background-color:rgba(53,135,222,.8);position:absolute;top:0px;left:0px}
.index-q2-center{margin:0px auto;background-color:#FFF;box-shadow:#c4c4c4 0 5px 11px 3px;position:relative;top:-170px;padding:42px 2%;z-index:100;display:flex;justify-content:space-between}
.index-q2-center>div{width:50%;display:flex;justify-content:space-between}
.index-q2-center-left{width:50%}
.index-q2-center-left>img{width:100%}
.index-q2-center-right{width:46%}
.index-q2-center-box{width:50%;padding:0px 4%}
.index-q2-center-box-item{font-size:16px;height:0px;overflow:hidden}
.index-q2-center-box-item-active{height:auto}
.index-q2-center-right-item{font-size:18px;display:flex;padding:10% 0;border-bottom:2px solid transparent}
.index-q2-center-right-item>p{margin-right:10px}
.index-q2-center-right-item-active{color:var(--color);border-bottom:2px solid var(--color)}
.index-q2-center-left-item{font-size:20px;padding:16px 0px;display:flex;border-bottom:2px solid transparent;transition:all .3s ease-in-out}
.index-q2-center-left-item>span{display:block}
.index-q2-center-left-item>span:nth-child(1){width:30px;height:30px;margin-right:10px;text-align:center}
.index-q2-center-left-item-active{border-bottom:2px solid var(--color)}
.index-q2-center-right-list{width:60%;position:relative}
.index-q2-center-right2{font-size:16px;color:#4a4a4a;padding:10px 30px;line-height:26px}
.index-q2-bottom{margin-top:-3%}
.index-q2-bottom>h2{font-size:40px;color:#000;text-align:center}
.index_q2-bottom-list{display:flex;justify-content:space-between}
.index_q2-bottom-item{width:24%;text-align:center;padding:100px 0px}
.index_q2-bottom-item>p:nth-child(1){font-size:45px;color:#000;font-weight:var(--fontbold6)}
.index_q2-bottom-item>p:nth-child(2){font-size:22px;color:#9a9a9a;margin:6px 0px 20px 0px}
.index_q2-bottom-item>p:nth-child(3){width:44px;height:5px;background-color:var(--color);margin:0px auto}
.index_q2-bottom-item>p:nth-child(4){font-size:16px;color:#686868;line-height:28px;margin-top:40px}
.index_l3{background-color:#F1F1F1}
.index_l3>div{display:flex;padding:0px 40px 6%;justify-content:space-around;align-items:center}
#swiper2{width:87%}
.index_l3-list{width:100%;display:flex;justify-content:space-between}
.index_l3-item{width:23%;background-color:#FFF;text-align:center;position:relative}
.index_l3-item>a>p{font-size:16px;color:#0b0b0b;padding:5px}
.index_l3-item-img{height:300px;line-height:300px;overflow:hidden}
.index_l3-item:hover .index_l3-item-img-ceng{opacity:1}
.index_l3-item-img-ceng{transition:all .3s ease-in-out;opacity:0;width:100%;height:300px;position:absolute;top:0px;left:0px;background-color:rgba(0,0,0,.5);text-align:center;line-height:300px}
.index_l3-item img{width:100%}
.index_l3-arr-left{width:44px;height:44px;background:#464e57;font-size:30px;text-align:center;color:#FFF;transition:all .3s ease-in-out}
.index_l3-arr-left:hover{background-color:var(--color)}
.index_l3-arr-right{width:44px;height:44px;background:#464e57;font-size:30px;text-align:center;color:#FFF;transition:all .3s ease-in-out}
.index_l3-arr-right:hover{background-color:var(--color)}
.index_l4-box{display:flex;justify-content:space-between}
.index_l4-left{width:33.3%}
.index_l4-left>img{height:100%}
.index_l4-right{width:66.7%;display:flex;flex-wrap:wrap}
.index_l4-right-item{width:50%;border:1px solid #cacaca;padding:20px 20px 0px;text-align:center}
.index_l4-item-top-icon{width:82px;height:82px;border-radius:50%;margin:0px auto}
.icon1{background:var(--color) url(image/index_l4_icon1.png) no-repeat center}
.icon2{background:var(--color) url(image/index_l4_icon2.png) no-repeat center}
.icon3{background:var(--color) url(image/index_l4_icon3.png) no-repeat center}
.icon4{background:var(--color) url(image/index_l4_icon4.png) no-repeat center}
.index_l4-item-top-icon,.index_l4-right-item,.index_l4-right-item-line,.index_l4-right-item-p1{transition:all .3s ease-in-out}
.index_l4-right-item:hover{background-color:var(--color)}
.index_l4-right-item:hover .index_l4-right-item-p1{color:#FFF}
.index_l4-right-item:hover .index_l4-right-item-line{background-color:#FFF}
.index_l4-right-item:hover .icon1{background:#FFF url(image/index_l4_icon1_blue.png) no-repeat center}
.index_l4-right-item:hover .icon2{background:#FFF url(image/index_l4_icon2_blue.png) no-repeat center}
.index_l4-right-item:hover .icon3{background:#FFF url(image/index_l4_icon3_blue.png) no-repeat center}
.index_l4-right-item:hover .icon4{background:#FFF url(image/index_l4_icon4_blue.png) no-repeat center}
.index_l4-right-item>a>p:nth-child(2){font-size:20px;color:#000;margin:20px 0px 10px}
.index_l4-right-item>a>p:nth-child(3){width:88px;height:2px;background-color:var(--color);margin:0px auto}
.index_l4-right-item>a>p:nth-child(4){font-size:16px;color:#000;margin:20px 0px}
.index_l4-bottom{margin:60px 0px}
.index_l5-list{display:flex;justify-content:space-between}
.index_l5-item{width:32%;border:1px solid #d8d8d8}
.index_l5-item-box{display:flex}
.index_l5-item-box-left{width:15%;background-color:#f6f5f2;text-align:center;padding:20px 0px}
.index_l5-item-box-left>p:nth-child(1){font-size:27px;color:#757575}
.index_l5-item-box-left>p:nth-child(2){font-size:12px;color:#757575}
.index_l5-item-box-right{width:85%;padding:20px 10px}
.index_l5-item-box-right>p:nth-child(1){font-size:20px;line-height:28px;color:#000;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.index_l5-item-box-right>p:nth-child(2){font-size:16px;line-height:25px;color:#757575;margin:10px 0px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.index_l5-more{width:180px;height:50px;background-color:#444;text-align:center;line-height:50px;font-size:15px;margin:56px auto}
.index_l5-more a{color:#FFF}
.about_l1{padding:90px 0px}
.about_l1>div{display:flex}
.about_l1-left{width:45%}
.about_l1-left>img{height:100%}
.about_l1-right{width:55%;padding:0px 40px 0px 20px}
.about_l1-right>h4{font-size:22px;margin-bottom:14px;color:#424242}
.about_l1-right>p{font-size:16px;line-height:25px;margin-bottom:40px;color:#6d6d6d}
.about_l1-right-bottom>.about_l1-right-bottom-item:nth-child(1){margin-bottom:26px}
.about_l1-right-bottom-item-left{margin-right:20px}
.about_l1-right-bottom-item{display:flex}
.about_l1-right-bottom-item-right>h4{font-size:18px;color:#1296db;margin-bottom:10px}
.about_l1-right-bottom-item-right>p{font-size:16px;color:#6d6d6d;line-height:25px}
.about_l1>p{font-size:16px;line-height:30px;color:#6d6d6d;margin:40px 0px}
.about_l2>div:nth-child(1){width:100%;display:flex}
.about_l2-left{width:50%;background-color:var(--color);padding:4% 0 4% 19%}
.about_l2-left h2{font-size:45px;color:#FFF}
.about_l2-line{width:66px;height:2px;background-color:#FFF;margin:20px 0px}
.about_l2-text{font-size:15px;line-height:25px;color:#FFF;padding-right:20px}
.about_l2-more{width:192px;height:60px;background-color:#FFF;text-align:center;line-height:60px;margin-top:40px;font-size:16px;font-weight:var(--fontbold6)}
.about_l2-more>a{color:#1296db}
.about_l2-right{width:50%}
.about_l2-right>img{height:100%}
.about_l2>div:nth-child(2){font-size:16px;line-height:30px;color:#424242;margin:50px auto}
.contact_l1{padding:50px 0px}
.contact_l1>p{font-size:16px;color:#484848;line-height:24px;font-family:Myriad Pro Regular}
.contact_l1-box{display:flex;justify-content:space-between;margin:30px 0px 50px}
.contact_l1-box-left{width:40%}
.contact_l1-box-right{width:55%}
.contact_l1-list{display:flex;justify-content:space-between;padding:20px 0px}
.contact_l1-item{width:23%;display:flex}
.contact_l1-item-left{padding:30px;width:60px;height:60px;border-radius:50%;margin-right:4%}
.contact_l1-item-right{width:74%;word-wrap:break-word}
.contact_l1-item-right>h4{font-size:18px;color:var(--color);font-weight:var(--fontbold6)}
.contact_l1-item-right>p{font-size:16px;color:#878787}
.news_list1{padding-bottom:50px}
.news_list0{padding:50px 0px}
.news_list1 .news_l1-item{width:100%;border:1px solid #d5d5d5;margin-top:50px}
.news_list0 .news_l1-item{width:100%;border-bottom:1px solid #d5d5d5;margin-top:0px}
.news_l1-item>a{display:block;width:100%;display:flex;justify-content:space-between}
.news_l1-item-left{width:23%}
.news_list1 .news_l1-item-right{width:77%;padding:2% 2% 1%}
.news_list0 .news_l1-item-right{width:100%;padding:2% 2% 1%}
.news_l1-item-right>h4{font-size:20px;color:#1a1a1a;line-height:28px}
.news_list1 .news_l1-item-right>p{font-size:16px;color:#8f8f8f;line-height:24px;margin:10px 0px}
.news_list0 .news_l1-item-right>p{font-size:16px;color:#8f8f8f;line-height:24px;margin:10px 0px 0px 0px}
.details{display:flex;justify-content:space-between;align-items:center}
.news_list1 .details>p:nth-child(1){font-size:14px;color:#1a1a1a}
.news_list0 .details>h4{width:80%}
.news_list0 .details>p{width:20%;text-align:right;font-size:14px}
.news_list0 .news_l1-item-right .news_arr_r{font-size:14px;text-align:right;margin:0px}
.fa-long-arrow-right{color:#d2d2d2}
.npage_l1{padding:40px 0px}
.npage_l1>h1{font-size:24px;color:#000;text-align:center}
.npage_l1>p{font-size:16px;color:#686868;padding:10px 0px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;text-align:center;margin:20px 0 30px 0px}
.npage_l1-box>p{font-size:16px;line-height:30px;color:#424242;margin:5px 0px;font-family:Lato Regular}
.npage_l1-img{display:flex;justify-content:space-between;margin-bottom:30px}
.npage_l1-img>div{width:32%}
.npage_l1-img>div>img{width:100%}
.npage_l1-tag{display:flex;justify-content:space-between;align-items:center;margin:40px 0px}
.npage_l1-tag-left{display:flex;font-size:14px;color:#424242;font-weight:var(--fontbold6)}
.npage_l1-tag-left>p{cursor:pointer;padding:10px;background-color:#F2F2F2;margin:0px 10px;transition:all .3s ease-in-out}
.npage_l1-tag-left>p:hover{background-color:#e2e2e2}
.npage_l1-tag-right{display:flex}
.npage_l1-tag-right-img{margin-left:10px}
.news_page{border-top:1px solid #CCC;border-bottom:1px solid #CCC;display:flex;justify-content:space-between}
.news_page-left{width:50%;border-right:1px solid #CCC;display:flex;padding:30px 20px}
.news_page_left_l{display:inline-block;width:40px;height:40px;text-align:center;line-height:40px;border:1px solid #a0a0a0;margin-right:10px}
.news_page_left_r>p:nth-child(1){font-size:13px;color:#757575}
.news_page_left_r>p:nth-child(2){font-size:15px;color:#333333}
.news_page-right{width:50%;display:flex;padding:30px 20px;justify-content:flex-end}
.news_page_right_r{display:inline-block;width:40px;height:40px;text-align:center;line-height:40px;border:1px solid #a0a0a0;margin-left:10px}
.news_page_right_l>p:nth-child(1){font-size:13px;color:#757575;text-align:right}
.news_page_right_l>p:nth-child(2){font-size:15px;color:#333333}
.jiyiflex{display:flex;justify-content:space-between;align-items:center}
.jiyinav-left{font-size:18px;color:#7c7c7c}
.jiyinav-right{display:flex}
.jiyinav-right>a>p{width:130px;height:46px;border-radius:4px;font-size:16px;color:#000;text-align:center;line-height:46px;transition:all .3s ease-in-out}
.jiyinav-right>a>p:hover{background-color:var(--color);color:#FFF}
.product_l1-list{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;padding-bottom:50px}
.pro_lb1 .product_l1-item{width:31%;border:1px solid #cfcfcf;margin:50px 1% 0;position:relative}
.pro_lb0 .product_l1-item{width:100%;border-bottom:1px solid #cfcfcf;margin:0px;position:relative;display:flex;padding:1% 0;justify-content:space-between}
.pro_lb1 .product_l1-item-img{text-align:center;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}
.pro_lb0 .product_l1-item>a:nth-child(1){display:block;width:30%}
.pro_lb0 .product_l1-item>a:nth-child(1)>img{width:100%}
.pro_lb0 .product_l1-item-img{width:68%}
.pro_lb0 .product_l1-item-img>a:nth-child(1){font-size:19px;line-height:26px;display:block;margin:8px 0px;color:#333333}
.pro_lb0 .product_l1-item-img>a:nth-child(1):hover{color:var(--color)}
.pro_lb0 .product_l1-item-img p{color:#666666;font-size:14px}
.pro_lb0 .product_l1-item-img .cate_readmore{display:inline-block;border-radius:4px;margin-top:18px;font-size:16px;padding:6px 15px;border:1px solid #666666;color:#666666;transition:all .3s ease-in-out}
.pro_lb0 .product_l1-item-img .cate_readmore:hover{color:#FFF;background-color:var(--color);border:1px solid transparent}
.product_l1-item-img>img{max-width:100%}
.product_l1-item-box{text-align:center;padding:16px 10px;background-color:#F1F1F1;color:#202020;font-size:16px;transition:all .3s ease-in-out}
.product_l1-item-img-ceng{transition:all .3s ease-in-out;opacity:0;position:absolute;top:0px;left:0px;bottom:0px;right:0px;background-color:rgba(53,135,222,.8)}
.product_l1-item-img-ceng>p{width:48px;height:48px;border-radius:50%;background-color:#FFF;position:absolute;top:50%;left:50%;margin-top:-24px;margin-left:-24px;text-align:center;line-height:55px}
.product_l1-item:hover .product_l1-item-box{background-color:#666666;color:#FFF}
.product_l1-item:hover .product_l1-item-img-ceng{opacity:1}
.ppage_l1{display:flex;justify-content:space-between;margin:50px auto}
.ppage_l1-left{width:50%}
.ppage_l1-right{width:50%;padding:36px 10px 0px;overflow:hidden}
.ppage_l1-right>h3{font-size:23px;color:#000}
.ppage_l1-right>div:nth-child(2){font-size:16px;line-height:25px;color:#232323;margin:20px 0px}
.ppage_l1-right-but{width:76%}
.chatnow a{height:60px;border:1px solid #6d6d6d;font-size:16px;text-align:center;line-height:60px;border-radius:30px;margin:30px 0px;display:block}
.chatnow>a{text-transform:uppercase}
.ppage_l1-active{transition:all .3s ease-in-out}
.ppage_l1-active>a{color:#000;text-transform:uppercase}
.ppage_l1-active:hover a{background-color:var(--color);border:1px solid transparent}
.ppage_l1-active:hover a{color:#FFF}
.send a{height:60px;border:1px solid #6d6d6d;font-size:16px;text-align:center;line-height:60px;border-radius:30px;display:block}
.pdown1,.pdown2,.pdown3,.pdown4{width:100%;font-size:16px;color:#0f0f0f;font-family:Lato Regular;padding:4px 6px;margin:30px 0px}
.pdown1 a,.pdown2 a,.pdown3 a,.pdown4 a{height:60px;border:1px solid #6d6d6d;font-size:16px;text-align:center;line-height:60px;border-radius:30px;display:block;color:#000}
.pdown1 a:hover,.pdown2 a:hover,.pdown3 a:hover,.pdown4 a:hover{background:var(--color);color:#FFF;border-color:var(--color)}
.pdown1 a span,.pdown2 a span,.pdown3 a span,.pdown4 a span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0px 15px}
.share{font-size:16px;color:#484848;font-family:Lato Regular}
.share span{display:inline-block;width:40px;height:40px;background-color:#c7c7c7;text-align:center;line-height:40px;margin:0px 4px;color:#FFF;font-size:20px;transition:all .3s ease-in-out}
.share span:hover{background-color:var(--color);border-radius:50%}
.ppage_l2{background-color:#f7f7f7}
.ppage_l2-box{padding:40px 0px}
.ppage_l2-box img{max-width:100%}
.ppage_l2-box>h3{font-size:26px;color:#333333;margin-bottom:30px}
.ppage_l2-img{display:flex;justify-content:space-between;margin:40px 0px}
.ppage_l2-img>div{width:49%}
.ppage_l2-img>div img{width:100%}
.ppage_l1-tag{display:flex;justify-content:space-between;align-items:center;margin:40px 0px}
.ppage_l1-tag-left{display:flex;font-size:14px;color:#424242;font-weight:var(--fontbold6)}
.ppage_l1-tag-left>p{cursor:pointer;padding:10px;background-color:#F2F2F2;margin:0px 10px}
.ppage_l1-tag-left>p:hover{background-color:#e2e2e2}
.ppage_l1-tag-right{display:flex}
.ppage_l1-tag-right-img{margin-left:10px}
.news_page{border:1px solid #CCC;display:flex;justify-content:space-between;margin-bottom:40px}
.news_page-left{width:50%;display:flex;padding:30px 20px}
.news_page_left_l{width:40px;height:40px;text-align:center;line-height:40px;border:1px solid #a0a0a0;margin-right:10px;transition:all .3s ease-in-out}
.news_page_left_r>p:nth-child(1){font-size:14px;color:#757575}
.news_page_left_r>p:nth-child(2)>a{font-size:15px;color:#333333}
.news_page-right{width:50%;display:flex;padding:30px 20px;justify-content:flex-end}
.news_page_right_r{width:40px;height:40px;text-align:center;line-height:40px;border:1px solid #a0a0a0;margin-left:10px;transition:all .3s ease-in-out}
.news_page_right_l>p:nth-child(1){font-size:13px;color:#757575;text-align:right}
.news_page_right_l>p:nth-child(2)>a{font-size:15px;color:#333333}
.ppage_l3>h2{font-size:36px;color:#333333;text-align:center;margin:0px;font-weight:var(--fontbold6);text-transform:uppercase}
.ppage_l3-list{display:flex;justify-content:space-between;margin:60px 0px}
.ppage_l3-item{width:15%}
.ppage_l3-item>a>p{font-size:16px;color:#202020;text-align:center;padding:4px 0px;background-color:#e0e0e0}
.ppage_l3-item:hover .ppage_l3-item>a>p{color:#FFF}
.header-bottom-list>li:hover{background-color:var(--color)}
.header-bottom-list>li:hover .inmenu,.header-bottom-list>li:hover .inmenu_1{color:#FFF}
.header-bottom-list>li a{transition:all .3s ease-in-out;color:#000}
.header-bottom-list>li a:hover{border:none}
.submenu{display:none;width:100%;position:absolute;top:100%;left:0px;z-index:9;background-color:#FFF;padding-left:20px;text-align:left;font-size:16px}
.submenu>li{margin:10px auto}
.foot-list>li{width:25%;margin:6px 0px;font-size:17px}
.foot-list>li:hover .foot-list>li a{color:var(--color)}
.foot-list>li>a{color:#FFF}
.erwei{width:146px;height:146px}
.erwei>img{width:100%}
.foot-list>li:before{content:' ';display:inline-block;width:8px;height:8px;transform:rotate(45deg);background-color:#FFF;margin-right:20px}
.sub-menu{display:none;position:absolute;top:100%;text-align:center;background:#FFF}
.sub-menu>li{margin:10px 0px}
.pages{margin:0px 0 60px;text-align:center}
.pages .ctxt{background:var(--color);color:#FFF;border:1px solid transparent}
.pages a,.pages span{display:inline-block;padding:6px 14px;border:1px solid #d1d1d1;font-size:17px;color:#c5c5c5;margin:8px 5px;border-radius:4px;cursor:pointer;transition:all .3s ease-in-out}
.pages a:hover,.pages span:hover{background:var(--color);color:#FFF;border:1px solid transparent}
.addthis_inline_share_toolbox{margin-top:30px}
.singglepic img{width:100%}
.topbar-title{margin:30px 0px}
.contact-us{display:flex;justify-content:space-between}
.contact-us>div{width:40%}
.contact-us>div>img{width:100%}
.contact-list{width:54%}
.contact-list>li{margin:20px 0px}
.contact-text{font-size:18px}
.contact-text a{font-size:16px}
.feedbackForm{margin:30px 0px;font-size:16px}
.at-share-btn-elements{display:flex;align-items:center;margin:30px 0px}
.at-share-btn-elements:before{content:'Share on:';font-size:16px;color:#484848;font-family:Lato Regular;margin-right:10px}
.foot-list>li>a{transition:all .3s ease-in-out}
.foot-list>li>a:hover{color:var(--color)}
.ppage_l1-left .singglepic{border:1px solid transparent}
.table{border:1px solid #333333}
.pro-category{display:flex;justify-content:flex-end;align-items:center;margin:30px 0px;font-size:18px}
.current-category{font-size:16px;position:relative;display:inline-block;padding:10px 35px 10px 15px;color:#FFF;cursor:pointer;background-color:var(--color)}
.current-category:before{content:' ';position:absolute;top:50%;right:15px;border:1px transparent solid;border-bottom-color:#FFF;border-left-color:#FFF;transform:rotate(-45deg) translateY(-50%);margin-top:-1px;width:5px;height:5px}
.category-select{margin-left:10px;position:relative}
.category-ul{display:none;position:absolute;top:100%;right:0px;z-index:99;font-size:14px}
.category-ul li a{display:block;line-height:32px;color:#FFF;background-color:var(--color);padding:0px 20px;white-space:nowrap}
.LiLevel1 a:hover{color:#FFF}
.category-ul .currentProType,.category-ul a:hover{background:#2e2e2ee6!important}
@media (max-width:1200px){
.index_l3-item>a>p{font-size:16px}
.product_l1-item-box{font-size:14px}
.ppage_l3-item>a>p{font-size:14px}
.about_l2-left h2{font-size:35px}
.about_l2-text{font-size:14px}
.about_l1-right>p{font-size:14px;margin-bottom:20px}
.about_l1-right>h4{font-size:20px}
.about_l1-right-bottom-item-right>p{font-size:14px}
.index_l1-item>a>p{font-size:14px}
.index_l1-title{font-size:40px}
.index-q2-center-right2{font-size:14px}
.index-q2-bottom-item>p:nth-child(1){font-size:40px}
.index-q2-bottom-item>p:nth-child(2){font-size:20px}
.index-q2-bottom-item>p:nth-child(4){margin-top:30px}
.index-q2-bottom-item{padding:80px 0px}
.index_l5-item-box-right>p:nth-child(1){font-size:18px}
.about_l1{padding:70px 0px}
.npage_l1-box>p{font-size:14px}
.contact-text{font-size:16px}
.contact-text a{font-size:14px}
.pro-category{font-size:16px}
.category-ul{display:none;position:absolute;top:42px;right:0px;z-index:99;font-size:14px}}
@media (max-width:976px){
.header-bottom-list{font-size:16px}
.index-q2-center-right2{padding:0px 10px;font-size:12px}
.index_l1-item .index_l1-item-p{height:45px;font-size:14px}
.index_l3-item>a>p{font-size:14px;padding:10px 0px}
.product_l1-item-box{font-size:14px}
.pages a,.pages span{font-size:16px}
.sf-menu>li{font-size:14px}
.ppage_l3-item>a>p{font-size:12px}
.about_l2-text{font-size:12px}
.about_l1-right>h4{font-size:18px;margin-bottom:10px}
.about_l1-right>p{margin-bottom:10px}
.about_l1-right-bottom>.about_l1-right-bottom-item:nth-child(1){margin-bottom:10px}
.about_l2-left h2{font-size:30px}
.about_l2-more{margin-top:20px}
.index_l1-title{font-size:35px}
.index_l1-text2{font-size:14px}
.index-q2-center-left-item{font-size:16px}
.index-q2-bottom>h3{font-size:35px}
.index-q2-bottom-item>p:nth-child(1){font-size:35px}
.index-q2-bottom-item>p:nth-child(4){font-size:14px;margin-top:20px}
.index-q2-bottom-item>p:nth-child(2){font-size:20px}
.index-q2-bottom-item{padding:70px 0px}
.index_l4-right-item{padding:10px 10px 0px}
.index_l4-right-item>a>p:nth-child(2){font-size:18px}
.index_l4-right-item>a>p:nth-child(4){font-size:14px}
.index_l5-item-box-right>p:nth-child(1){font-size:16px;line-height:24px}
.index_l5-item-box-right>p:nth-child(2){font-size:14px}
.foot-item2 p:nth-child(2)>a{font-size:14px}
.foot-list>li{font-size:14px}
.about_l1-right{padding:0px 20px 0px 20px}
.about_l2-line{margin:10px 0px}
.about_l1{padding:50px 0px}
.ppage_l1-right{padding:10px 10px 0px}
.ppage_l1-right>h3{font-size:20px}
.ppage_l1-right>div:nth-child(2){font-size:14px}
.chatnow{font-size:14px}
.send{font-size:14px}
.news_page_right_l>p:nth-child(2)>a{font-size:14px}
.news_l1-item-right>h4{font-size:18px}
.news_l1-item-right>p{font-size:14px}
.npage_l1>h1{font-size:20px}
.npage_l1>p{font-size:14px}
.npage_l1-box>p{font-size:14px}
.news_page_left_r>p:nth-child(2)>a{font-size:14px}
.contact-text{font-size:16px}
.contact-text a{font-size:14px}}
@media (min-width:976px){
.index_l1-item-p{height:45px}}
.index-q2-title{text-align:center}
.index-q2-title>h2{font-size:40px;color:#FFF;text-align:center;font-family:Lato Bold;padding-top:4%;text-transform:uppercase;position:relative;z-index:10}
.index-q2-title>p{font-size:16px;color:#FFF;text-align:center;margin:10px 0px;position:relative;z-index:10}
.procontent-title{font-size:23px;color:#000}
.table td,.table th{border:1px solid #cdcdcd!important}
.table{border-collapse:collapse!important}
.sf-menu li:hover>.sub-menu{display:block;right:100%;top:0px;background:0 0}
.sf-menu li{position:relative}
.sf-menu li{margin:0px}
.ppage_l2{background-color:#FFF}
.ppage_l2-box{font-size:16px;line-height:1.6}
.ppage_l2-box>p{margin:0px;line-height:1.5}
.index_l1-item>a>p,.index_l3-item>a>p,.pro_lb1 .product_l1-item-box{display:flex;align-items:center;justify-content:center}
.index-q2-center-box{padding:2% 4%}
.index_l3-item>a>p{height:45px}
.jiyinav .pro-category{margin:0px}
.current-category{padding:7px 32px 7px 15px}
.pro_lb1 .product_l1-item-img{height:270px}
.pro_lb1 .product_l1-item-box{height:45px;padding:0px}
.ppage_l1{align-items:center}
#tagContent {padding-top:20px}
#tags:after {content:'';display:block;clear:both;visibility:hidden;height:0px}
#tags li {float:left}
#tags li a {text-decoration:none;display:block;line-height:50px;padding:0px 18px;margin-right:8px;color:#222;font-size:22px}
ul#tags li.selectTag a,ul#tags li:hover a {color:#FFF;background:var(--color)}
.tagContent {display:none;width:100%;color:#333333;padding-top:10px;font-size:14px;line-height:28px}
#tagContent div.selectTag {display:block}
#tags {border-bottom:1px solid #ddd}
.proty-tit {font-size:30px;line-height:1.2;padding:20px 0px}
.proIntro{clear:both;margin:10px auto 30px;padding:0px;line-height:1.6;color:#555}
.proIntro a {color:#555}
.ppage_l2-box,.ppage_l2-box a {color:#333333}
.productsTags {margin:10px 0px}
.ppage_l2-box >div,.ppage_l2-box p {padding:2px 0px}
.ppage_l3-item>a>p {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;line-height:52px;padding:0px 6px;height:52px}
.ppage_l3-item-img {height:170px;display:flex;align-items:center;justify-content:center;border:1px solid #CCC}
.ppage_l3-item-img img {max-height:100%;max-width:100%}
.ppage_l3-item>a:hover>p {background:var(--color)!important;color:#FFF!important}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:bold}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:1.7}
ol.cate-ulli, ol.pro-ulli {clear:both;padding:10px 0px 10px 30px}
ol.cate-ulli li, ol.pro-ulli li {list-style-type:decimal;line-height:1.7}
.prohome-content{clear:both;margin:20px auto;padding:0px;line-height:1.6;box-sizing:border-box;max-width:1350px}
.prolist-content{clear:both;margin:0px auto;padding:0px;line-height:1.6;box-sizing:border-box}
.prolist-content .kche-wrap-width{padding-left:0px!important;padding-right:0px!important}
.prolist-bottom{clear:both;margin:20px auto;padding:0px;line-height:1.6;box-sizing:border-box;max-width:1350px}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
.ck-widget-toc{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:var(--fontbold7);margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
article.blogcontent{clear:both;margin:0px auto 40px;padding:0px}
article.blogcontent h2{margin:20px 0px 0px 0px;font-size:24px;line-height:1.3}
article.blogcontent h3{margin:20px 0px 0px 0px;font-size:22px;line-height:1.3}
article.blogcontent h4{margin:20px 0px 0px 0px;font-size:20px;line-height:1.3}
article.blogcontent h5{margin:20px 0px 0px 0px;font-size:18px;line-height:1.3}
article.blogcontent img{margin:0px 0px 10px 0px;padding:0px;max-width:49%;margin-right:1%;border:solid 1px #EEEEEE;vertical-align:top}
article.blogcontent p{margin:0px 0px 10px 0px;padding:0px;line-height:1.6}
article.blogcontent p a{color:var(--color)}
article.blogcontent p a:hover{text-decoration:underline}
article.blogcontent ul{margin:0px;padding:5px 0px 0px 20px}
article.blogcontent ul li{margin:0px 0px 5px 0px;list-style-type:disc}
.blogflex-info{display:flex;align-items:flex-start;font-family:Lato Regular;background:#f7f7f7;padding:20px 15px;margin-bottom:30px}
.blogflex-info .img{width:55px;height:55px;border-radius:50%;border:1px solid #EEEEEE;overflow:hidden}
.blogflex-info .img img{width:100%;height:100%;object-fit:cover}
.blogflex-info .info{flex:1;padding-left:10px}
.blogflex-info .info-name{font-size:18px;font-weight:700}
.blogflex-info .info-content{line-height:1.4;color:#666666;font-size:15px;margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:30;overflow:hidden}
.lang{z-index:99999;text-align:left;position:relative;line-height:1.4;position:absolute;top:3px;right:10%;}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:var(--fontsize16);user-select:none;white-space:nowrap}
.lang-icon span{position:relative;padding-right:18px;color:var(--headercolor,#fff);margin-left:8px;font-size:var(--fontsize14,14px)}
.lang-icon span::before{content:"";position:absolute;right:4px;top:9px;width:8px;height:1px;background:var(--headercolor,#fff);transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:9px;width:8px;height:1px;background:var(--headercolor,#fff);transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFFFFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(20%)}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 7px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFFFFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-drop.lang-flex .lang-arrow{left:80%}
.lang-wrap{list-style:none;width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33.3333%}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{display:block;color:var(--fontcolor,#333);font-size:var(--fontsize12,12px);padding:10px 12px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media(max-width:1024px){
.lang{transition:all .2s linear}
.lang-icon img{width:32px;height:auto;}
.lang-icon span{display:none}
.lang-drop{display:none}
.lang-drop.active{display:block;top:calc(100% + 12px)}}