/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family:'Microsoft YaHei'; color:#333;}
a{ color:#666;}
a:hover{ color:#f60; text-decoration:none;}
:hover{ transition:all .3s ease;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper1{ width:1200px; margin:0 auto;}
input,textarea,select{outline:none}
input,input:link,input:visited,input:hover,input:active,input:focus{ outline:none;}
img{object-fit: cover;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}
@media(max-width:768px){
.wapper1{ width:90%; }

}
.side-search #search{
position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 35px;
    background: #000;
    cursor: pointer;
    background-image: url(../images/ss2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}

.img-wrap img{ width:100%;}
/*common end*/
.top-right #search_keywords {
        padding: 0px;
    width: 0;
    border: none;
    /* height: 75%; */
    outline: 0;
    border-radius: 3px;
    transition: width .3s;
    display: inline-block;
    line-height: 30px;
    text-indent: 1rem;
    height: 35px;
    /* vertical-align: middle; */
    margin-top: 5px;
}
.search-wrap form{display: flex;
}
.top-right #search{
	 padding: 0px 20px;
    border-left: 1px solid #505050;
    border-right: 1px solid #505050;
    line-height: 44px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-left: 10px;
    background-image: url(../images/ss.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    background-color: transparent;
}
.search-wrap:hover #search_keywords{ width:200px}

/*logo*/
.header .wapper{ display: flex; justify-content: space-between;}
.logo{ /*width: 160px;*/}
.logo img{ display:block; max-width:100%;}
.nav_open{ display: none;}
/*menu*/
.menu{height: 75px;line-height: 75px;background: #fff;}
.menu>ul{}
.menu>ul>li{float:left;position:relative;line-height: 75px;}
.menu>ul>li>a{color: #000;display:block;font-size:14px;font-weight:bold;padding:0 20px;}
.menu>ul>li>a:hover,.menu>ul>li:hover>a{ color:#f60;}
.menu>ul>li>ul{ width:120px; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,.1); position:absolute; top:100%; left:0; z-index:5; display:none;}
.menu>ul>li:hover>ul{ display:block;}
.menu>ul>li>ul li{ line-height:22px; position:relative;}
.menu>ul>li>ul li a{ color:#666; display:block; font-size:12px; font-weight:normal; padding:10px 10px;}
.menu>ul>li>ul li a:hover,.menu>ul>li>ul li:hover>a{ color:#f60;}
.menu>ul>li>ul li ul{ width:100%; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,.1); position:absolute; top:0; left:100%; display:none;}
.menu>ul>li>ul li:hover>ul{ display:block;}
@media(max-width:768px){
.menu{ display:none;}
.nav_open{ display: block;}
}

/*nav*/
.nav_open{ width:40px; height:40px; background:url(../images/ico_nav.png) center no-repeat; cursor:pointer;/* display:none;*/}
.nav_box{ display:none;}
.nav_close1{ width:100%; height:100%; background:rgba(0,0,0,.9); position:fixed; left:0; top:0; z-index:998;}
.navbg{ width:100%; height:100%; background:#fff; position:fixed; left:0; top:0; z-index:999;}
.nav{ padding:60px 20px 20px 20px; position:relative;}
.nav_close2{ width:40px; height:40px; background:url(../images/ico_close.png) center no-repeat; cursor:pointer; position:absolute; top:10px; right:10px;}
.nav_list{ height:calc(100vh - 80px); overflow-y:auto;}
.nav_list ul{ padding:10px 0 10px 14px;}
.nav_list ul li{}
.nav_list ul li span{ display:block; position:relative;}
.nav_list ul li span a{ display:inline-block; font-size:14px; line-height:34px;}
.nav_list ul li span i{ width:100%; height:100%; background:url(../images/ico_down1.png) right center no-repeat; position:absolute; top:0; right:0;}
.nav_list ul li ul{ display:none;}
.nav_list ul li.active>span>i{ background:url(../images/ico_up1.png) right center no-repeat;}
@media(max-width:768px){
.nav_open{/* display:block;*/     padding-top: 8%;}
}


/*banner*/
.swiper-container1 { }
.swiper-container1 .swiper-slide { position:relative; }
.swiper-container1 .swiper-slide img{ display:block; width:100%;}
.swiper-container1 .swiper-slide .txtbg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:5;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.swiper-container1 .swiper-slide .txt{ text-align:center; color:#fff;}
.swiper-container1 .swiper-slide .txt .h2{ font-size:48px; line-height:58px; font-weight:bold;}
.swiper-container1 .swiper-slide .txt .h3{ font-size:24px; line-height:34px; margin:10px 0 0 0;}
.swiper-container1 .swiper-pagination1{}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; opacity:.5;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#007aff; opacity:1;}
.swiper-container1 .swiper-button-prev1,.swiper-container1 .swiper-button-next1{}
.swiper-container1 .swiper-button-prev1{ left:10px;}
.swiper-container1 .swiper-button-next1{ right:10px;}
@media(max-width:768px){
.swiper-container1 .swiper-slide .txt .h2{ font-size:24px; line-height:34px; }
.swiper-container1 .swiper-slide .txt .h3{ font-size:12px; line-height:22px; margin:10px 0 0 0;}
.swiper-container1 .swiper-button-prev1,.swiper-container1 .swiper-button-next1{ display:none;}
}


/*pro1*/
.index_product1{ padding:40px 0; background:#f2f2f2;}
.index_product1 ul li{ float:left; width:calc((100% - 40px)/3); margin:0 20px 20px 0; text-align:center; background:#fff;}
.index_product1 ul li:nth-child(3n){ margin-right:0;}
.index_product1 ul li .nr_box{ border:1px solid #f2f2f2;}
.index_product1 ul li .img{ padding-bottom:100%; position:relative;}
.index_product1 ul li .img img{ max-width:100%;  max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.index_product1 ul li .txtbg{}
.index_product1 ul li .txt{ padding:20px 10px;}
.index_product1 ul li .txt .h2{ font-size:24px; line-height:34px; height:34px; overflow:hidden;}
.index_product1 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:10px 0 0 0;}
@media(max-width:768px){
.index_product1 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 20px 0; }
.index_product1 ul li:nth-child(3n){ margin-right:20px;}
.index_product1 ul li:nth-child(2n){ margin-right:0;}
}


/*news1*/
.index_news1{ padding:40px 0; background:#f2f2f2;}
.index_news1 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 20px 0; background:#fff;}
.index_news1 ul li:nth-child(2n){ margin-right:0;}
.index_news1 ul li .nr_box{ border:1px solid #f2f2f2;}
.index_news1 ul li .imgbg{ float:left; width:25%;}
.index_news1 ul li .img{ position:relative; height:166px;}
.index_news1 ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.index_news1 ul li .txtbg{ float:right; width:75%;}
.index_news1 ul li .txt{ padding:20px 20px;}
.index_news1 ul li .txt .h2{ font-size:24px; line-height:34px; height:34px; overflow:hidden;}
.index_news1 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:10px 0 0 0;}
.index_news1 ul li .txt .time{ font-size:14px; line-height:24px; color:#999; padding-left:24px; position:relative; margin:10px 0 0 0;}
.index_news1 ul li .txt .time i{ width:20px; height:24px; background:url(../images/ico_time.png) center no-repeat; position:absolute; left:0; top:0;}
@media(max-width:768px){
.index_news1 ul li{ float:left; width:100%; margin:0 0 20px 0; }
}


/*news2*/
.index_news2{ padding:40px 0;}
.index_news2 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 0 0; border-bottom:1px solid #ccc; padding:20px 0;}
.index_news2 ul li:nth-child(2n){ margin-right:0;}
.index_news2 ul li .txt{}
.index_news2 ul li .txt .h2{ font-size:16px; line-height:26px; height:26px; overflow:hidden; padding-left:25px; position:relative;}
.index_news2 ul li .txt .h2:before{ content:""; width:6px; height:6px; background:#000; position:absolute; left:0; top:10px;}
.index_news2 ul li .txt .h2 a{ float:left; width:70%; height:26px; overflow:hidden; color:#333;}
.index_news2 ul li .txt .h2 span{ float:right; color:#999;}
.index_news2 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:5px 0 0 0;}
@media(max-width:768px){
.index_news2 ul li{ float:left; width:100%; margin:0 0 20px 0; }
}


/*news3*/
.index_news3{ padding:40px 0;}
.index_news3 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 20px 0; }
.index_news3 ul li:nth-child(2n){ margin-right:0;}
.index_news3 ul li .date{ float:left; width:80px; height:80px; background:#f2f2f2; color:#999; text-align:center;}
.index_news3 ul li .date strong{ display:block; font-size:36px; line-height:36px; padding:15px 0 2px 0;}
.index_news3 ul li .date span{ display:block; font-size:12px; line-height:12px;}
.index_news3 ul li .txt{ float:right; width:calc(100% - 100px); }
.index_news3 ul li .txt .h2{ font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.index_news3 ul li .txt .h2 a{ color:#333;}
.index_news3 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:5px 0 0 0;}
@media(max-width:768px){
.index_news3 ul li{ float:left; width:100%; margin:0 0 20px 0; }
}


/*footnav*/
.f_nav{ padding: 0;}
.f_nav>ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
justify-content: space-between;}
.f_nav ul li{flex-grow:1;flex-shrink:1; margin-bottom:10px;}
.f_nav ul li a{ display:block; font-size:14px; line-height:24px;}
.f_nav>ul>li>a{ font-size:16px; line-height:26px; font-weight:bold; margin-bottom:10px;}

/*Add------------------------------------------------------------------------------*/

/*inner_news1*/
.inside_news1{ padding:40px 0; background:#f2f2f2;}
.inside_news1 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 20px 0; background:#fff;}
.inside_news1 ul li:nth-child(2n){ margin-right:0;}
.inside_news1 ul li .nr_box{ border:1px solid #f2f2f2;}
.inside_news1 ul li .imgbg{ float:left; width:25%;}
.inside_news1 ul li .img{ position:relative; height:166px;}
.inside_news1 ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.inside_news1 ul li .txtbg{ float:right; width:75%;}
.inside_news1 ul li .txt{ padding:20px 20px;}
.inside_news1 ul li .txt .h2{ font-size:24px; line-height:34px; height:34px; overflow:hidden;}
.inside_news1 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:10px 0 0 0;}
.inside_news1 ul li .txt .time{ font-size:14px; line-height:24px; color:#999; padding-left:24px; position:relative; margin:10px 0 0 0;}
.inside_news1 ul li .txt .time i{ width:20px; height:24px; background:url(../images/ico_time.png) center no-repeat; position:absolute; left:0; top:0;}
@media(max-width:768px){
    .inside_news1 ul li{ float:left; width:100%; margin:0 0 20px 0; }
}


/*inner_news2*/
.inside_news2{ padding:40px 0;}
.inside_news2 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 0 0; border-bottom:1px solid #ccc; padding:20px 0;}
.inside_news2 ul li:nth-child(2n){ margin-right:0;}
.inside_news2 ul li .txt{}
.inside_news2 ul li .txt .h2{ font-size:16px; line-height:26px; height:26px; overflow:hidden; padding-left:25px; position:relative;}
.inside_news2 ul li .txt .h2:before{ content:""; width:6px; height:6px; background:#000; position:absolute; left:0; top:10px;}
.inside_news2 ul li .txt .h2 a{ float:left; width:70%; height:26px; overflow:hidden; color:#333;}
.inside_news2 ul li .txt .h2 span{ float:right; color:#999;}
.inside_news2 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:5px 0 0 0;}
@media(max-width:768px){
    .inside_news2 ul li{ float:left; width:100%; margin:0 0 20px 0; }
}


/*inner_news3*/
.inside_news3{ padding:40px 0;}
.inside_news3 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 20px 0; }
.inside_news3 ul li:nth-child(2n){ margin-right:0;}
.inside_news3 ul li .date{ float:left; width:80px; height:80px; background:#f2f2f2; color:#999; text-align:center;}
.inside_news3 ul li .date strong{ display:block; font-size:36px; line-height:36px; padding:15px 0 2px 0;}
.inside_news3 ul li .date span{ display:block; font-size:12px; line-height:12px;}
.inside_news3 ul li .txt{ float:right; width:calc(100% - 100px); }
.inside_news3 ul li .txt .h2{ font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.inside_news3 ul li .txt .h2 a{ color:#333;}
.inside_news3 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:5px 0 0 0;}
@media(max-width:768px){
    .inside_news3 ul li{ float:left; width:100%; margin:0 0 20px 0; }
}

/*inpic1*/
.inside_picList1{ padding:40px 0; }
.inside_picList1 ul li{ float:left; width:calc((100% - 60px)/4); margin:0 20px 20px 0; text-align:center; background:#fff;}
.inside_picList1 ul li:nth-child(4n){ margin-right:0;}
.inside_picList1 ul li .nr_box{ border:1px solid #f2f2f2;}
.inside_picList1 ul li .img{ padding-bottom:100%; position:relative;}
.inside_picList1 ul li .img img{ max-width:100%;  max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.inside_picList1 ul li .txtbg{}
.inside_picList1 ul li .txt{ padding:20px 10px;}
.inside_picList1 ul li .txt .h2{ font-size:24px; line-height:34px; height:34px; overflow:hidden;}
.inside_picList1 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:10px 0 0 0;}
@media(max-width:768px){
.inside_picList1 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 20px 0; }
.inside_picList1 ul li:nth-child(4n){ margin-right:20px;}
.inside_picList1 ul li:nth-child(2n){ margin-right:0;}
}


/*inphoto1*/
.inside_photo1{ padding:40px 0; }
.inside_photo1 ul li{ float:left; width:calc((100% - 60px)/4); margin:0 20px 20px 0; text-align:center; background:#fff;}
.inside_photo1 ul li:nth-child(4n){ margin-right:0;}
.inside_photo1 ul li .nr_box{ border:1px solid #f2f2f2;}
.inside_photo1 ul li .imgbg{ position:relative;}
.inside_photo1 ul li .img{ padding-bottom:75%; position:relative;}
.inside_photo1 ul li .img img{ max-width:100%;  max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.inside_photo1 ul li i{ width:40px; height:40px; background:url(../images/ico_search1.png) center no-repeat; background-size:contain; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.inside_photo1 ul li .txtbg{ background:#eee;}
.inside_photo1 ul li .txt{ padding:20px 10px;}
.inside_photo1 ul li .txt .h2{ font-size:24px; line-height:34px; height:34px; overflow:hidden;}
.inside_photo1 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:10px 0 0 0;}
@media(max-width:768px){
.inside_photo1 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 20px 0; }
.inside_photo1 ul li:nth-child(4n){ margin-right:20px;}
.inside_photo1 ul li:nth-child(2n){ margin-right:0;}
}

/*inpro1*/
.inside_product1{ padding:40px 0; background:#f2f2f2;}
.inside_product1 ul li{ float:left; width:calc((100% - 40px)/3); margin:0 20px 20px 0; text-align:center; background:#fff;}
.inside_product1 ul li:nth-child(3n){ margin-right:0;}
.inside_product1 ul li .nr_box{ border:1px solid #f2f2f2;}
.inside_product1 ul li .img{ padding-bottom:100%; position:relative;}
.inside_product1 ul li .img img{ max-width:100%;  max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.inside_product1 ul li .txtbg{}
.inside_product1 ul li .txt{ padding:20px 10px;}
.inside_product1 ul li .txt .h2{ font-size:24px; line-height:34px; height:34px; overflow:hidden;}
.inside_product1 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:10px 0 0 0;}
@media(max-width:768px){
.inside_product1 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 20px 0; }
.inside_product1 ul li:nth-child(3n){ margin-right:20px;}
.inside_product1 ul li:nth-child(2n){ margin-right:0;}
}

/*innewsClass1*/
.itit1{}
.itit1 .h2{ height:20px; line-height:20px; font-size:20px;}
.itit1 .h2 strong{ float:left; font-weight:bold; border-left:5px solid #f60; padding-left:5px;}
.itit1 .h2 a{ float:right; font-size:14px; color:#f60;}
.inside_newsClass1{}
.inside_newsClass1_box{ padding:20px 0; border-bottom:1px solid #eee;}
.inside_newsClass1 .ilist{ padding:10px 10px 0 10px;}
.inside_newsClass1 .ilist ul li{ height:40px; line-height:40px; padding-left:15px; position:relative;}
.inside_newsClass1 .ilist ul li:before{ content:""; width:6px; height:6px; border-radius:100%; background:#ccc; position:absolute; left:0; top:17px;}
.inside_newsClass1 .ilist ul li a{ float:left; width:70%; height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size:16px;}
.inside_newsClass1 .ilist ul li span{ float:right; font-size:14px; color:#999;}

/*inproClass1*/
.imore1{}
.imore1 span{ display:inline-block; vertical-align:top; border:1px solid #fff; height:38px; line-height:38px; padding:0 20px; font-size:14px;}
.imore1 span:hover{ background:#fff; color:#333;}
.inside_proClass1{ padding:40px 0; background:#f2f2f2;}
.inside_proClass1 ul li{ float:left; width:calc((100% - 40px)/3); margin:0 20px 20px 0; text-align:center; background:#fff; position:relative;}
.inside_proClass1 ul li:nth-child(3n){ margin-right:0;}
.inside_proClass1 ul li .nr_box{ border:10px solid #eee;}
.inside_proClass1 ul li .img{ padding-bottom:100%; position:relative;}
.inside_proClass1 ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.inside_proClass1 ul li .txtbg{ width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; top:0; left:0;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.inside_proClass1 ul li .txt{ padding:20px 5%; width:90%; color:#fff;}
.inside_proClass1 ul li .txt .h2{ font-size:24px; line-height:34px; height:34px; overflow:hidden;}
.inside_proClass1 ul li .txt .h3{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:10px 0 0 0;}
@media(max-width:768px){
.inside_proClass1 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 20px 0; }
.inside_proClass1 ul li:nth-child(3n){ margin-right:20px;}
.inside_proClass1 ul li:nth-child(2n){ margin-right:0;}
}

.head-top{z-index:9999;width:100%;height:44px;background:#2e2e2e;color:#FFF;font-size:14px}
.head-top .common-wrapper{height:100%;display:flex;justify-content:space-between}
.head-top .top-left{height:100%;line-height:40px}
.head-top .top-left a{color:#FFF}
.head-top .top-right{line-height:40px}
.head-top .top-right,.head-top .top-right .search-wrap{height:100%;display:flex;align-items:center}

.head-contact{display:flex;min-width:160px;margin-left:50px}
.head-contact .phone{margin-top:10px;white-space:nowrap}
.head-contact p:first-of-type{font-size:12px;font-weight:var(--fontbold6)}
.head-contact p:nth-of-type(2){font-size:16px}
.head-contact img{width:30px;height:30px;position:relative;top:5px;left:-20px}
.head-top {
    background: #6cb772;
}
.common-wrapper {
    width: 1600px;
    margin: 0px auto;
}

.que{position:relative;display:flex;top:-5px;z-index:2}
.que article{font-size:14px;line-height:1.5;margin:20px 0px;max-width:448px}
.que-item{display:block;flex:1;padding:70px;box-sizing:border-box;position:relative}
.que-item:first-of-type{background:#24292f}
.que-item:nth-of-type(2){background:#6CB772}
.que-item:nth-of-type(2) .more-btn i:after,.que-item:nth-of-type(2) .more-btn em:after{border-color:var(--color)}
.que-item:nth-of-type(3){background:#FBFBFB}
.que-item:nth-of-type(3) .more-btn,.que-item:nth-of-type(3) .que-num,.que-item:nth-of-type(3) .que-title,.que-item:nth-of-type(3) article{color:#1F2B41}
.que-item:nth-of-type(3) .more-btn i,.que-item:nth-of-type(3) .more-btn em{background:#1F2B41}
.que-item:nth-of-type(3) .more-btn i::after,.que-item:nth-of-type(3) .more-btn em::after{border-color:#FFF}
.que-item:nth-of-type(3):after,.que-item:nth-of-type(3):before{border-color:var(--color)}
.que-item:before{bottom:0px;transition:opacity .5s ease 0s,transform .5s ease 0s;border-top:2px solid #FFF;border-bottom:2px solid #FFF;transform:scaleX(0);-webkit-transform:scaleX(0)}
.que-item:after,.que-item:before{content:"";position:absolute;width:94%;height:92%;top:4%;left:3%;opacity:0;box-sizing:border-box}
.que-item:after{transition:opacity .3s ease 0s,transform .3s ease 0s;border-left:2px solid #FFF;border-right:2px solid #FFF;transform:scaleY(0);-webkit-transform:scaleY(0)}
.que-item:hover:after,.que-item:hover:before{opacity:1;transform:scale(1)}
.que-item:hover .more-btn{margin-left:14px}
.que-num{font-size:24px;color:#FFF;margin-bottom:20px}
.que-num,.que-title{color:#FFF;font-weight:var(--fontbold6)}
.que-title{font-size:25px}
.que .more-btn,.que article{color:#FFF}
.que .more-btn{font-size:14px;text-transform:uppercase;transition:margin .2s}
.que .more-btn i,.que .more-btn em{display:inline-block;width:14px;height:14px;background:#FFF;position:relative;top:1.5px;left:3px}
.que .more-btn i::after,.que .more-btn em::after{content:"";display:inline-block;position:absolute;top:4px;left:3px;width:4px;height:4px;}
.adv{margin:50px 0}
.advance-list{margin-top:30px}
.advance-list .common-wrapper{display:flex;flex-wrap:wrap;width:1400px}
.adv-list .common-wrapper{display:flex;flex-wrap:wrap}
.adv-item{width:33%;box-sizing:border-box;padding:70px;display:flex;flex-direction:column;align-items:center;transition:box-shadow .2s}
.adv-item img{margin-bottom:40px;width:90px;height:90px}
.adv-item article{color:#555;line-height:1.8;font-size:14px;display:-webkit-box;display:-moz-box;max-height:60px;line-height:20px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.adv-item:hover{box-shadow:0 1px 10px rgba(34,25,25,.15)}
.adv-t{font-size:18px;font-weight:var(--fontbold6);margin-bottom:20px}
.cate-list{display:flex}
.cate-item{width:25%;position:relative}
.cate-item:hover .cate-name,.cate-item:hover .cate-num{opacity:0}
.cate-item:hover .cate-btn{opacity:1;transform:translateZ(0) scale(1)}
.cate-name{font-size:26px;font-weight:var(--fontbold6);margin-bottom:24px}
.cate-name,.cate-num{transition:opacity .3s}
.cate-num{font-size:16px}
.cate-img{background-color:#000}
.cate-img img{opacity:.28}
.cate-info{position:absolute;transition:top .4s ease;top:0px;left:0px;width:100%;height:100%}
.cate-info a{position:relative;display:flex;justify-content:center;align-items:center;color:#FFF;width:100%;height:100%;flex-direction:column}
.cate-btn{width:160px;height:55px;background:#6CB772;border-radius:3px;position:absolute;line-height:55px;text-align:center;transition:opacity .35s,transform .35s;transform:translate3d(0,20px,0) scale(1.1);opacity:0;bottom:20%}
.common-tip,.common-title{text-align:center;margin-bottom:10px}
.common-title{font-size:40px;text-transform:uppercase}
.common-tip{color:#4c4c4c;line-height:2}

.pro{padding:50px 0px;background-color:#F4F4F4}
.pro-img{position:relative}
.pro-img:after{content:"";display:block;padding-top:100%}
.pro .img-wrap{position:absolute;top:0px;left:0px;bottom:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.pro-item{width:calc(25% - 41.25px);margin-right:55px;background-color:#FFF;position:relative;margin-bottom:40px}
.pro-item:nth-of-type(4n){margin-right:0px}
.pro-item:hover{margin-bottom:-18px;transition:box-shadow .3s;box-shadow:-1px 2px 32px 0 rgba(174,175,177,.55);z-index:2}
.pro-item:hover .pro-name{color:var(--color)}
.pro-item:hover .pro-btn{height:50px;transition:height .3s;color:#FFF !important}
.pro-info{padding:24px;background-color:#FFF;border-top:1px solid #E5E5E5}
.pro-info article{color:#666;font-size:14px;display:-webkit-box;display:-moz-box;line-height:20px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;overflow:hidden;max-height:40px;-webkit-line-clamp:2}
.pro-name{font-size:16px;color:#333;margin-bottom:20px}
.pro-btn,.pro-name{font-weight:var(--fontbold6);display:block}
.pro-btn{overflow:hidden;width:100%;background-color:#6CB772;text-align:center;line-height:50px;color:transparent;height:0px;text-transform:uppercase;font-size:14px}
.pro-btn:hover{color:#FFF}
.pro-list{margin-top:70px;display:flex;flex-wrap:wrap;align-items:flex-start}
.pro .more-btn{width:200px;height:50px;line-height:50px;text-transform:uppercase;font-weight:var(--fontbold6);color:#FFF;display:block;font-size:14px;margin:30px auto 0;background:#282828;border-radius:3px;text-align:center}

.about{width:100%;display:flex;flex-wrap:wrap;overflow:hidden}
.about>div{width:50%}
.about-tip{font-size:16px;margin-bottom:20px}
.about .about-con .about-title{font-size:34px;font-weight:var(--fontbold6);max-width:500px;text-transform:uppercase;line-height:1.3}
.about article{max-width:630px;font-size:14px;color:#FFF;margin:30px 0px;line-height:1.8}
.about-con{background:url(../images/dot-map.jpg) no-repeat;background-size:cover;display:flex;justify-content:center;color:#FFF;flex-direction:column;padding-left:160px;box-sizing:border-box}
.about-img{position:relative}
.about-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:73px;height:73px;background:var(--color);border-radius:50%}
.about-icon i,.about-icon em{position:relative;left:3px;color:#FFF;font-size:45px}
.about-icon:after{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;content:"";border-radius:50%;display:block;width:95px;height:95px;border:2px solid var(--color)}
.about-img img{display:block}
.about .about-sel{display:inline-block;margin-right:24px}
.about .about-sel img{position:relative;top:3px}
.about ul li{font-size:14px;margin-bottom:20px}
.about .more-btn{width:160px;height:55px;line-height:55px;font-size:14px;display:inline-block;font-weight:var(--fontbold6);text-align:center;background:#6CB772;margin-top:20px;color:#FFF;border-radius:3px}
.about-list{padding:74px 0px;background:#FBFBFB;box-sizing:border-box}
.about-list .common-wrapper{display:flex}
.about-ri{padding-left:24px}
.about-item{width:25%;display:flex;justify-content:center;align-items:center}
.about-num{color:#09162a;font-weight:var(--fontbold6);font-size:48px}
.about-text{margin-top:10px;text-transform:uppercase;font-size:14px}
.about .about-list{width:100%}

.news{padding:50px 0px}
.news-title{font-size:20px;font-weight:var(--fontbold6);color:#000;margin-bottom:10px;display:block;display:-webkit-box;display:-moz-box;max-height:48px;line-height:24px}
.news article,.news-title{text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news article{color:#666;font-size:14px;display:-webkit-box;display:-moz-box;max-height:52px;line-height:26px;margin-bottom:30px}
.news-info{padding:20px;border-top:none}
.news-more{text-transform:uppercase;color:#0D0D0D;font-weight:var(--fontbold6);font-size:14px;padding:15px;transition:background-color .3s;border-radius:3px}
.news-more i{font-size:12px;margin-left:12px;position:relative;top:-2px}
.news-item:hover .news-more{background-color:#111;color:#FFF}
.news-item:hover .news-more i{color:#FFF}
.news-date{padding:10px 22px;background:var(--color);color:#FFF;font-size:12px;display:inline-block;position:absolute;top:0px;left:0px}
.news-img{position:relative}
.news-img img{display:block;width:100%}
.news-item{display:flex;outline:1px solid #DFDFDF;box-sizing:border-box}
.news-item:first-of-type{width:30%;flex-direction:column;height:100%}
.news-item:first-of-type .news-info{height:100%}
.news-item:nth-of-type(2),.news-item:nth-of-type(3){width:66%;height:46%}
.news-item:nth-of-type(2) .news-img,.news-item:nth-of-type(3) .news-img{flex:1}
.news-item:nth-of-type(2) .news-img img,.news-item:nth-of-type(3) .news-img img{height:100%;max-width:none;object-fit:cover}
.news-item:nth-of-type(2) .news-info,.news-item:nth-of-type(3) .news-info{flex:1.5}
.news-list{margin:50px 0 20px;display:flex;height:550px;flex-wrap:wrap;flex-direction:column;justify-content:space-between}
.news-l{flex:.93;margin-right:46px}
.news-r{flex:2;flex-direction:column;justify-content:space-between}
.news-r,.news-r .news-item{display:flex}
.news-r .news-info{padding:54px 40px;border-top:1px solid #DFDFDF}
.news-r .news-img{width:auto;height:100%}
.news-r .news-img img{height:100%;max-width:none}
.part{padding:25px 0px;border-top:2px solid #F2F2F2}
.part-item,.part-list{display:flex}
.part-item{padding:25px 0px;width:16.66667%;justify-content:center;align-items:center;transition:box-shadow .3s,transform .3s}
.part-item:hover{box-shadow:0 1px 10px rgba(34,25,25,.15);border-radius:5px;transform:translateY(-2px)}
.part-item:hover img{transform:scale(1.05)}
.part-item img{max-width:100%;max-height:100%;transition:transform .25s}
#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev{transition:background .3s ease}
#swiper-banner .swiper-button-next:hover,#swiper-banner .swiper-button-prev:hover{background:var(--color)}
#swiper-banner .swiper-slide img{width:100%}
@charset "utf-8"; 
.head-top{background:#6cb772;}
.head-top .icon-email, .head-top .icon-phone1,.head-top .top-left a,.head-top .search-btn i,.head-top .top-left{color:#000;font-size:17px;}
.lang-icon span{color:#000;}
.lang-icon span:before,.lang-icon span:after{background:#000;}
.head-contact div p,.head-contact p:nth-of-type(2),.head-contact .phone{    font-size: 12px;
    margin-top: 3px;
    line-height: normal;
    padding: 0;}
:root{--color:#6cb772;}
.part-list {position:relative;padding:30px 60px;}
.part-list .swiper-pagination {display:none;}
.part-list .swiper-pagination-bullet {margin:0 5px;background:#ccc}
.part-list .swiper-pagination-bullet-active {background:var(--color)}
.part-item {padding:0;}
.part-btn>div {width:36px;height:36px;position:absolute;top:50%;margin-top:-18px;background:#eee;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.part-btn>div.part-prev {left:0;}
.part-btn>div.part-next {right:0;}
.part-btn>div i {font-size:25px;}
.part-btn>div:hover{background:var(--color);color:#fff}
.part-item:hover {box-shadow:0 0 0;border-radius:0;transform:translateY(0)}
@media (max-width:480px){.part-btn{display:none}
.part-list{padding:10px 0}
.part-list .swiper-container{padding-bottom:30px;}
.part-list .swiper-pagination{display:block;}}
@media (min-width:1501px){.news-list{height:680px}}
.que .more-btn {font-weight:bold;}
.que article {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;height:84px;}
@media (max-width:768px){.que article{height:auto;display:block;-webkit-line-clamp:inherit;}}
.common-title {color:#6cb772;font-weight:bold;}
.cate-img img{display:block;width:100%;opacity:.5;}
.cate-name{padding:0 5px;text-align:center}
.about-img img{width:100%;}

.foot{width:100%}
.foot .common-wrapper{display:flex;align-items:center}
.foot .text{width:300px;line-height:60px}
.mobile-bottom{display:none;z-index:500;width:100%;left:0px;bottom:0px;background:#FCFCFCFB;justify-content:space-evenly;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
.foot-list{padding-bottom:50px;background-color:#20232c}
.foot-l{width:100%;height:100%;display:flex}
.foot-l .foot-u{margin-top:30px}
.foot-l .foot-u .foot-cate a:before{position:relative;top:-2px;content:"-";margin-right:10px}
.foot-l .foot-u .foot-cate a:hover{color:#FFF;opacity:1;padding-left:10px}
.foot-l .foot-u li{margin:20px 0px}
.foot-l .foot-u li a{transition:all .3s ease;color:#EEE;opacity:.6;font-size:14px;line-height:1.3}
.foot-l .lfr,.foot-l .lfr ul{display:flex}
@keyframes hvr-pulse-grow{to{transform:scale(1.1)}}
.foot-l .lfr li{margin-right:10px;display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}
.foot-l .lfr li:last-child i,.foot-l .lfr li:last-child em{font-size:24px}
.foot-l .lfr li:first-child i,.foot-l .lfr li:first-child em{font-size:22px}
.foot-l .lfr li:active,.foot-l .lfr li:focus,.foot-l .lfr li:hover{animation-name:hvr-pulse-grow;animation-duration:.28s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}
.foot-l .lfr a{width:32px;height:32px;display:flex;justify-content:center;align-items:center}
.foot-l .lfr i,.foot-l .lfr em{color:#FFF;font-size:18px}
.foot-l .lfr i:hover,.foot-l .lfr em:hover{color:var(--color);font-size:18px}
.foot-item{padding-top:50px;height:100%;width:25%}
.foot-title{font-size:20px;font-weight:var(--fontbold6);color:#F3F3F3;line-height:1.5;text-transform:uppercase;position:relative}
.foot-title:after{content:"";position:absolute;width:54px;height:3px;background:var(--color);top:120%;display:block;left:0px}
.foot-cate,.foot-nav{padding-left:100px}
.foot-cate ul,.foot-nav ul{margin-top:30px}
.foot-cate ul li,.foot-nav ul li{margin:10px 0px}
.foot-cate ul li a,.foot-nav ul li a{transition:all .3s ease;color:#FFF;font-size:14px;line-height:2}
.foot-cate ul li a:before{position:relative;top:-2px;content:"";display:inline-block;width:5px;height:5px;border-right:2px solid #FFF;border-bottom:2px solid #FFF;margin-right:10px;transform:rotate(-45deg)}
.foot-cate ul li a:hover{color:#FFF;opacity:1;padding-left:10px}
.foot-right p a{margin-left:10px;color:#D1D1D1}
.foot-right{width:100%;height:60px;background-color:#20232c;color:#D1D1D1;border-top:1px solid #44464e}
.foot-right .common-wrapper{display:flex;justify-content:space-between;align-items:center;height:100%}
.foot-right ul{display:flex}
.foot-right ul a{padding:0px 10px;font-size:14px;color:#D1D1D1;text-transform:capitalize;position:relative;transition:color .3s ease}
.foot-right ul a:after{content:"";position:absolute;display:block;right:0px;height:10px;width:1px;top:6px;background:#FFF;opacity:.1}
.foot-right ul a:hover{color:#FFF}
.foot-right ul li:last-child a:after{display:none}
.foot-intro{color:#FFF;font-size:14px;line-height:1.7;margin:20px 0px}
.foot-intro+p{margin-bottom:20px;color:#FFF}
.foot-letter .send-letter{margin-top:30px}
.foot-letter .send-letter p{width:250px;font-size:14px;color:#FFF;line-height:2}
.foot-letter .send-letter input{margin:20px 0px;color:#FFF;transition:border .3s ease}
.foot-letter .send-letter input:focus{outline:0;border:1px solid var(--color)}
.foot-letter .send-letter .eput{height:45px;background:#20232c;border:1px solid #505050;box-sizing:border-box;width:280px;padding-left:14px}
.foot-letter .send-letter .eput::-webkit-input-placeholder{color:#898989;font-size:14px}
.foot-letter .send-letter .eput:-moz-placeholder,.foot-letter .send-letter .eput::-moz-placeholder{color:#898989;font-size:14px}
.foot-letter .send-letter .eput:-ms-input-placeholder{color:#898989;font-size:14px}
.foot-letter .send-letter .ebtn{width:150px;height:40px;background:var(--color);box-sizing:border-box;color:#FFF;display:flex;justify-content:center;align-items:center;cursor:pointer}
.foot-letter .send-letter .ebtn i{margin-left:14px}

.wapper{ width: 100%; max-width: 1600px; margin: 0 auto;}
@media(max-width:768px){

.head-contact{ display: none;}
}
.nybanner{ width: 100%; background-color: #000000; min-height: 150px; position: relative;}

.banner-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.banner-wrap {
    max-width: 1600px;
    transform: translateX(-50%);
    left: 50%;
}
.banner-title {
    text-transform: uppercase;
    font-size: 28px;
    color: #FFF;
    margin-bottom: 22px;
}
.bPosition {
    position: absolute;
    bottom: -1px;
    left: 0px;
    background: #FFF;
    min-height: 30px;
    line-height: 2;
    color: #333;
    padding: 0px 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.bPosition {
    font-size: 14px;
    
}
.con{ padding: 60px 0;}
.prolist-0,.prolist-0 .pro-item{display:flex;flex-direction:column}
.prolist-0 .pro-item{width:100%;height:280px;margin-right:0px;flex-wrap:wrap;justify-content:center;align-content:flex-start}
.prolist-0 .pro-item:hover{margin-bottom:40px}
.prolist-0 .pro-item .pro-btn,.prolist-0 .pro-item .pro-btn .arr{line-height:38px;height:38px;color:#FFF !important;cursor:pointer}
.prolist-0 .pro-item .pro-btn{width:150px;order:1}
.prolist-0 .pro-img{width:280px;height:280px;margin-right:50px}
.prolist-0 .pro-img a{display:flex;width:100%;height:100%}
.prolist-0 .pro-img img{display:block;margin:auto}
.prolist-0 .pro-img:after{display:none}
.prolist-0 .pro-info{padding-left:0px}
.prolist-0 .pro-info article{max-width:400px}
.prolist-1{display:flex;flex-wrap:wrap}
.prolist-1 .img-wrap{position:absolute;top:0px;left:0px;bottom:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.prolist-1 .pro-item{width:calc(33% - 36px)}
.prolist-1 .pro-item:nth-of-type(4n){margin-right:54px}
.prolist-1 .pro-item:nth-of-type(3n){margin-right:0px}
.prolist-1 .pro-info{border-top:1px solid #E5E5E5}
.prolist-1 .pro-item:hover .pro-btn .arr{transition:height .3s;height:50px}
.prolist-1 .pro-btn{position:relative;cursor:pointer}
.prolist-1 .pro-btn .arr{position:absolute;top:0px;right:0px;height:0px;width:50px;background:#000;color:#FFF}
.pro-item.checked{outline:2px solid var(--color)}
.prolist-bottom{margin-top:30px}
.pro-main{padding:40px 0px 60px;background:#FBFBFB}
.pro-main .common-wrapper{display:flex}
.prolist-top{display:flex;flex-wrap:wrap;justify-content:space-between}
.prolist-top h1{height:50px;line-height:50px;font-size:22px;font-weight:var(--fontbold6);padding-left:10px;border-left:4px solid var(--color);max-width:70%;border-bottom:1px solid #CCC;overflow:hidden;margin-bottom:20px}
.bottom-wrap{box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:5px;padding:10px;line-height:1.7em;color:#2B2B2B;background-color:#FFF}
.content-list1{display:flex;flex-wrap:wrap}
.content-item{width:calc(25% - 27.75px);margin:0px 37px 50px 0px}
@media (min-width:1381px){
.common-left{width:calc(100% - 418px)}}
.common-right{width:350px;margin-left:68px}
.common-pages{display:flex;align-items:center;justify-content:flex-end;margin-bottom:20px;width:auto;color:#3C3C3C;margin-left:auto}
.common-pages .tip{margin-right:10px}
.common-pages .tol{margin-left:10px}
.common-pages .tip,.common-pages .tol{padding:0px;opacity:1;border:none;font-weight:400;background:0 0}
.common-pages a,.common-pages span{padding:12px 16px;display:flex;justify-content:center;align-items:center;color:#3C3C3C;font-weight:var(--fontbold6);border-top:1px solid #D7D7D7;border-bottom:1px solid #D7D7D7;border-left:1px solid #D7D7D7;background:#FFF}
.common-pages span:last-child{border-left:none;border-right:1px solid #D7D7D7}
.common-pages span{opacity:.8}
.common-pages span.ctxt{opacity:1;background:var(--color);border-color:var(--color);color:#FFF}
.common-pages a:hover{background-color:var(--color);border-color:var(--color);color:#FFF}
.common-pages .last{border-right:1px solid #D7D7D7}
.side-search{width:100%;background:var(--color);padding:20px;box-sizing:border-box;position:relative}
.side-search input{width:95%;height:35px;outline:0;border:none;padding-left:14px}
.side-search .btn{position:absolute;top:21px;right:20px;width:40px;height:35px;background:#000;cursor:pointer}
.side-search .btn i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#FFF}
.side>div{margin-bottom:30px}
.side-title{width:100%;height:50px;line-height:50px;font-size:18px;font-weight:var(--fontbold6);background-color:var(--color);color:#FFF;padding-left:20px;text-transform:uppercase;box-sizing:border-box;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.side-cate>ul{padding:10px 20px;background:#FFF;font-size:14px}
.side-cate .type-active{color:var(--color)}
.side-cate>ul li{position:relative;border-bottom:1px solid #EEE;line-height:45px}
.side-cate>ul li:hover>a{color:var(--color)}
.side-cate>ul li a{width:100%;height:100%;display:block;padding-right:50px;transition:color .3s;line-height:45px;box-sizing:border-box;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.side-cate>ul>li:last-child{border:none}
.side-cate>ul>li i{position:absolute;content:"";top:0px;right:0px;width:45px;height:45px;cursor:pointer;display:block}
.side-cate>ul>li i:before{position:absolute;content:" ";top:16px;right:8px;width:8px;height:8px;border:2px solid #707070;border-top:none;border-left:none;transform:rotate(45deg);transition:transform .15s;cursor:pointer}
.side-cate>ul>li i.active:before{transform:rotate(-45deg) rotateX(180deg)}
.side-cate>ul>li>ul{display:none}
.side-cate>ul>li>ul li{padding-left:40px;position:relative}
.side-cate>ul>li>ul li:last-child{border:none}
.side-cate>ul>li>ul li:before{content:"-";position:absolute;left:30px}
.side-cate>ul .pro-menu{display:none}
.side-pro{background:#FFF}
.side-pro li{margin:0px 10px;padding:10px;display:flex;height:100px;border-bottom:1px solid #EEE}
.side-pro li:last-child{border:none}
.side-pro li:hover img{transform:scale(1.05)}
.side-pro-img{width:40%}
.side-pro-img img{transition:transform .2s;max-height:100%;max-width:100%}
.side-pro-info{padding:0px;width:60%;display:flex;flex-direction:column;justify-content:space-around}
.side-pro-name{color:#333;font-size:14px;display:-webkit-box;display:-moz-box;max-height:36px;line-height:18px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.side-pro-more{color:var(--color);font-size:14px;text-transform:uppercase;font-weight:var(--fontbold6)}
.side-pro-more:hover{color:var(--color)}
.side-pro>a{width:100%;height:100%;display:block}
.proCateTags{width:100%;padding:0px;box-sizing:border-box}
.proCateTags span{width:100%;height:100%;display:flex;display:block}
.proCateTags a{background:#FFF;border:1px solid #E9E9E9;padding:5px;color:grey;margin:5px;font-size:14px;display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;transition:color .3s,border-color .3s}
.proCateTags a:hover{animation-name:hvr-pop;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1;color:var(--color);border-color:var(--color)}
.common-link{width:100%;display:flex}
.common-link>div{flex:1;display:flex;align-items:center;height:50px;font-size:18px;padding-left:20px}
.common-link>div a{height:100%;line-height:50px;max-width:400px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.common-link .prev{background-color:var(--color);color:#000}
.common-link .prev a{color:#000}
.common-link .prev i{margin-right:20px}
.common-link .next{background-color:#000;color:var(--color)}
.common-link .next a{color:var(--color)}
.common-link .next i{margin-left:20px}
.level_1{line-height: 45px;
    padding-left: 20px;
    font-size: 14px;}
	
	
	.pro-c-main{padding:50px 0px;background:#F8F8F8}
	.pro-c-top{display:flex}
	.pro-c-info{padding:24px 200px 0px 55px;box-sizing:border-box;flex:1;margin-left:50px;background-color:#FFF}
	.pro-c-name{color:#111;font-size:24px;display:-webkit-box;display:-moz-box;max-height:112px;line-height:28px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
	.pro-c-con{font-size: 16px;color:#2B2B2B;padding:15px 0px;line-height:1.8;border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;margin:14px 0}
	.pro-c-main article{padding:0px 100px}
	.pro-c-main article p,.pro-c-main article li{font-size:16px;color:#111;line-height:1.8}
	.pro-c-main .pro-rel-item{flex-direction:column;width:auto}
	.pro-c-main .pro-rel-item .img-wrap{position:absolute;top:0px;left:0px;bottom:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
	.pro-c-main .pro-rel-item .pro-info{border-top:1px solid #E5E5E5}
	.pro-c-art{background:#FFF;margin-top:54px;padding-bottom:50px}
	.pro-c-art .link-wrap{padding:0px 100px;box-sizing:border-box}
	.pro-c-art .link-wrap .link-l:after,.pro-c-art .link-wrap .link-r:after{width:135px}
	.pro-c-art .content-c-tit{font-size:24px;font-weight:var(--fontbold6);margin:30px 0px}
	.pro-c-art .inquiry{padding:0px 100px;box-sizing:border-box}
	.pro-c-art article table{margin:10px 0px;border-collapse:collapse}
	.pro-c-art article .table td{padding:5px;border:1px solid #CCC}
	.pro-art-tit{width:100%;height:66px;line-height:66px;text-align:center;color:#111;font-size:24px;font-weight:var(--fontbold6);margin-bottom:30px;border-bottom:1px solid #DCDCDC}
	.btn-list{display:flex;flex-wrap:wrap;max-width:360px;justify-content:space-between}
	.addToCart,.btn-list .btn{cursor:pointer}
	.addToCart span{display:inline-block;background:url(/images/m405/addtocart.png) no-repeat right center;background-size:20px;padding-right:26px}
	.btn-list>*{margin-bottom:20px}
	.addToCart,.btn-list .LayImAhrefNode,.btn-list .btn,.pdown1,.pdown2,.pdown3{width:166px;height:50px;line-height:50px;text-align:center;background:#292929;color:#FFF;border-radius:3px}
	.pdown1 a,.pdown2 a,.pdown3 a{width:100%;height:100%;display:block;color:#FFF}
	.hov-c{transition:background .3s}
	.hov-c:hover{background:var(--color)}
	.pro-rel-top{margin:48px 0px;display:flex}
	.pro-rel-top .pro-rel-btn{min-width:50px;display:flex;justify-content:space-between;align-items:center}
	.pro-rel-top .pro-rel-btn .rel-btn-l,.pro-rel-top .pro-rel-btn .rel-btn-r{height:100%;display:flex;align-items:center;justify-content:center;line-height:100%;cursor:pointer}
	.pro-rel-top .pro-rel-btn .rel-btn-l:active,.pro-rel-top .pro-rel-btn .rel-btn-r:active{transform:scale(.7)}
	.pro-rel-top .pro-rel-btn i{font-weight:var(--fontbold6);transform:scale(1.3)}
	.pro-rel-top .line{position:relative;flex:1;height:1px;background:#DCDCDC;top:15px;margin:0 20px}
	.pro-rel-top .pro-rel-tit{font-size:24px;font-weight:var(--fontbold6);color:#000}
	.pro-rel-item .pro-info article{padding:0px}
	.pro-rel-img{width:100%;background:#FFF;position:relative}
	.pro-rel-img:after{content:"";display:block;padding-bottom:100%}
	.pro-rel-img a{position:absolute;display:block;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
	.contact-main,.feedback-main{background:#F2F6F7;padding-bottom:50px}
	.contact-box{margin:0px auto;width:100%;height:600px;background-color:#FFF;z-index:1;display:flex}
	.contact-box .box-l{width:100%;padding:40px 50px 56px 100px}
	.contact-box .box-r{width:190px;height:100%;background-color:var(--color);display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}
	.contact-box .box-t{display:block;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;text-transform:uppercase;font-size:26px;font-weight:var(--fontbold6);color:#FFF;width:28px}
	.contact-box .box-icon{width:64px;height:64px;background-color:#FFF;position:relative;border-radius:50%;margin-top:33px}
	.contact-box .box-icon em,.contact-box .box-icon i,.contact-box .box-icon em{color:var(--color);position:absolute;top:45%;font-weight:var(--fontbold6);left:50%;font-size:30px;transform:translate(-50%,-50%)}
	.contact-box .title-s{color:var(--color);line-height:1}
	.contact-box .title-m{font-size:40px;color:#0a0a0a;font-weight:var(--fontbold6);line-height:1;text-transform:uppercase}
	.contact-box .feedback-tips p{color:#828282;font-size:16px;line-height:1.5}
	.contact-wrap{position:relative;margin:210px 0px 50px}
	.contact-list{margin:0px auto;width:100%;height:170px;z-index:1;background-color:#F2F6F7;display:flex}
	.contact-item{width:25%;height:100%}
	.contact-icon,.contact-item{display:flex;justify-content:center;align-items:center}
	.contact-icon{width:55px;height:55px;background-color:var(--color)}
	.contact-info{min-height:55px;padding-left:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-around}
	.contact-t{text-transform:uppercase;color:#111;font-weight:var(--fontbold6)}
	.contact-c{color:#666;font-size:16px}
	.share-btn-list {
	    width: 100%;
	    height: 35px;
	    display: flex;
	    align-items: center;
	}
	.share-btn-list .facebook {
	    background: url(/images/share-facebook.webp) no-repeat;
	    background-size: 25px 25px;
	}
	.share-btn-list .twitter {
	    background: url(/images/share-twitter.webp) -4px -4px no-repeat;
	    background-size: 30px 30px;
	    background-position: -3px -3px;
	}
	.share-btn-list .share-btn {
	    position: relative;
	    height: 26px;
	    width: 26px;
	    transition: .4s all;
	    transition-delay: 30ms;
	    cursor: pointer;
	    overflow: hidden;
	    border-radius: 2px;
	}
	.link-wrap{margin-top:30px;width:100%;display:flex;height:70px;justify-content:space-between}
	.link-wrap .link-l,.link-wrap .link-r{width:47%;height:100%;background:#FBFBFB;display:flex;align-items:center;box-sizing:border-box;line-height:1.3;position:relative;overflow:hidden}
	.link-wrap .link-l:after,.link-wrap .link-r:after{content:"";position:absolute;display:block;border-bottom:50px solid var(--color);border-left:10px solid transparent;border-right:10px solid transparent;height:0px;width:120px}
	.link-wrap .link-sign{position:absolute;font-size:14px;color:#FFF}
	.link-wrap .link-sign a{color:#FFF}
	.link-wrap .link-l{padding:0px 78px 0px 130px}
	.link-wrap .link-l .link-sign{left:12px;z-index:1}
	.link-wrap .link-l:after{left:-30px}
	.link-wrap .link-r{padding:0px 130px 0px 78px}
	.link-wrap .link-r .link-sign{right:12px;z-index:1}
	.link-wrap .link-r:after{right:-30px}
	.pro-c-art .link-wrap{padding:0px 100px;box-sizing:border-box}
	.pro-c-art .link-wrap .link-l:after,.pro-c-art .link-wrap .link-r:after{width:135px}
	.pro-c-art .content-c-tit{font-size:24px;font-weight:var(--fontbold6);margin:30px 0px}
	.pro-c-art .inquiry{padding:0px 100px;box-sizing:border-box}
	
	.message1 ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
	.message1 ul li{ width: 49%; margin-bottom: 20px; }
	.message1 ul li.cxc{ width: 100%;}
	.message1 ul li input{height: 50px;
    font-size: 14px;width: 98%;text-indent: 1rem;    background: #f7f7f7;}
	.message1 ul li textarea{width: 98%;text-indent: 1rem;  height: 120px; padding-top: 15px;   background: #f7f7f7; border: 0;}
	.input_button{width: 170px !important;
    height: 50px !important;
    line-height: 50px;
    text-align: center;
    background: #24292f !important;
    color: #FFF;
    border-radius: 3px;
	margin: 0 auto;
	display: block;
    cursor: pointer;}
	.pro-rel-top{margin:48px 0px;display:flex}
	.pro-rel-top .pro-rel-btn{min-width:50px;display:flex;justify-content:space-between;align-items:center}
	.pro-rel-top .pro-rel-btn .rel-btn-l,.pro-rel-top .pro-rel-btn .rel-btn-r{height:100%;display:flex;align-items:center;justify-content:center;line-height:100%;cursor:pointer}
	.pro-rel-top .pro-rel-btn .rel-btn-l:active,.pro-rel-top .pro-rel-btn .rel-btn-r:active{transform:scale(.7)}
	.pro-rel-top .pro-rel-btn i{font-weight:var(--fontbold6);transform:scale(1.3)}
	.pro-rel-top .line{position:relative;flex:1;height:1px;background:#DCDCDC;top:15px;margin:0 20px}
	.pro-rel-top .pro-rel-tit{font-size:24px;font-weight:var(--fontbold6);color:#000}
	.pro-rel-item .pro-info article{padding:0px}
	.pro-rel-img{width:100%;background:#FFF;position:relative}
	.pro-rel-img:after{content:"";display:block;padding-bottom:100%}
	.pro-rel-img a{position:absolute;display:block;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
	.pro-rel-img img{ width: 100%;}
	.pro-rel-item .pro-name{margin-bottom:0px}
	.pro-rel-item:hover{transform:translatey(-5px);transition:.3s transform;box-shadow:-1px 1px 28px 0 rgb(174 175 177 / 55%)}
	
	.content-main{padding:80px 0px 30px}
	.content-main .common-c-title{margin:10px 0px 30px;color:#111;font-size:28px;font-weight:var(--fontbold6);position:relative}
	.content-main .common-c-title:after{position:absolute;top:125%;content:"";display:block;width:100px;height:2px;background:var(--color)}
	.content-main .content-top{margin:20px 0px}
	.content-main .content-c-date{position:relative;margin-right:15px}
	.content-main .content-c-date:after{content:"";display:block;position:absolute;right:-10px;height:19px;background:#D0D0D0;width:2px;top:0px}
	.content-main .content-c-date,.content-main .content-c-view{color:var(--color);font-size:14px}
	.content-main .content-c-view i,.content-main .content-c-view em{margin-right:5px;color:#000}
	.content-main .common-content article p{color:#111;font-size:16px;line-height:1.8}
	.content-main .content-c-tit{font-size:26px;font-weight:var(--fontbold6);margin:30px 0px}
	.link-wrap{margin-top:30px;width:100%;display:flex;height:70px;justify-content:space-between}
	.link-wrap .link-l,.link-wrap .link-r{width:47%;height:100%;background:#FBFBFB;display:flex;align-items:center;box-sizing:border-box;line-height:1.3;position:relative;overflow:hidden}
	.link-wrap .link-l:after,.link-wrap .link-r:after{content:"";position:absolute;display:block;border-bottom:50px solid var(--color);border-left:10px solid transparent;border-right:10px solid transparent;height:0px;width:120px}
	.link-wrap .link-sign{position:absolute;font-size:14px;color:#FFF}
	.link-wrap .link-sign a{color:#FFF}
	.link-wrap .link-l{padding:0px 78px 0px 130px}
	.link-wrap .link-l .link-sign{left:12px;z-index:1}
	.link-wrap .link-l:after{left:-30px}
	.link-wrap .link-r{padding:0px 130px 0px 78px}
	.link-wrap .link-r .link-sign{right:12px;z-index:1}
	.link-wrap .link-r:after{right:-30px}
	.contant-c-main .common-wrapper{display:flex}
	.content-list0{display:flex;flex-direction:column}
	.content-list0 .content-item{width:100%;margin-bottom:50px;height:230px;display:flex}
	.content-list0 .content-img{height:100%}
	.content-list0 .content-img img{width:auto;height:100%;max-width:none}
	.content-list0 .content-info{width:100%;padding:30px 30px 30px 50px;border:1px solid #F1F1F1}
	.content-list0 .content-info article{max-width:800px}
	.content-list1 .content-title{display:block;height:45px;display:-webkit-box;display:-moz-box;max-height:40px;line-height:20px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
	.content-list1 .content-info{display:flex;flex-direction:column}
	.content-list1 .content-more{margin-top:10px}
	.content-img img{width:100%}
	.content-date{position:absolute;width:116px;height:31px;line-height:31px;text-align:center;color:#FFF;right:15px;top:0px;transform:translateY(-50%);font-size:12px;background:var(--color)}
	.content-bottom .common-pages{justify-content:center}
	.content-more{display:inline-block;margin-top:25px;width:160px;height:50px;line-height:50px;text-align:center;transform:translateX(-20px);transition:transform .3s;font-weight:var(--fontbold6);border-radius:3px; font-size: 16PX;}
	.content-more i{font-weight:var(--fontbold6);margin-left:12px}
	.content-item:nth-of-type(4n){margin-right:0px}
	.content-item:hover .content-more{background:var(--color);color:#FFF;transform:translateX(0)}
	.content-title{font-size:18px;color:#000;font-weight:var(--fontbold6)}
	.content-img {
	    position: relative;
	}
	.common-content h2{    margin: 10px 0px 30px;
    color: #111;
    font-size: 28px;
    font-weight: var(--fontbold6);
    position: relative;}
	.common-content h2::after{
		    position: absolute;
		    top: 125%;
		    content: "";
		    display: block;
		    width: 100px;
		    height: 2px;
		    background: var(--color);
	}
	.contact-wrap{position:relative;margin:50px 0px 50px}
	.contact-list{margin:0px auto;width:100%;height:170px;z-index:1;background-color:#F2F6F7;display:flex}
	.contact-item{width:25%;height:100%}
	.contact-icon,.contact-item{display:flex;justify-content:center;align-items:center}
	.contact-icon{width:55px;height:55px;background-color:var(--color)}
	.contact-info{min-height:55px;padding-left:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-around}
	.contact-t{text-transform:uppercase;color:#111;font-weight:var(--fontbold6)}
	.contact-c{color:#666;font-size:16px}
	
	.common-main{position:relative}
	.about-main{background-color:#F2F6F7}
	.feedback-main .contact-box{margin-top:50px;height:auto}
	.feedback-main .contact-box p{margin-bottom:20px}
	.feedback-main {
	    background: #F2F6F7;
	    padding-bottom: 50px;
	}
	
	@media (max-width: 768px){  .head-top{ display: none;}
	.que {
	    position: relative;
	    display: flex;
	    top: -5px;
	    z-index: 2;
	    flex-wrap: wrap;
	}
	.que-item{ width: 100%; padding: 10px;    flex: auto;}
	.common-title{ font-size: 26px;}
	.advance-list .common-wrapper{ width: 95%;}
	.adv-item{ width: 48%; padding: 5px;    box-shadow: 0 1px 10px rgba(34,25,25,.15)}
	.cate-item{ width: 48%;}
	.pro-item {
	    width: 47%;
	}
	.common-wrapper{ width: 100%;}
	.about .about-con, .about .about-img {
	    width: 100%;
	}
	}
	@media(max-width:1240px){
	.advance-list .common-wrapper,.common-main .common-wrapper,.common-wrapper,.head-wrapper{max-width:99.8%}
	.head-wrapper{justify-content:space-between}
	.news-l{display:none}
	.adv-item{width:50%}
	.pro-item{width:calc(50% - 20px);margin-right:40px}
	.pro-item:nth-of-type(2n){margin-right:0px}
	.news-list{height:auto}
	.news-item{width:100%!important;margin-bottom:40px}
	.news-item:first-of-type{flex-direction:row}
	.news-item:first-of-type .news-img{flex:1}
	.news-item:first-of-type .news-img img{height:100%;max-width:none}
	.news-item:first-of-type .news-info{flex:1.5}
	.part-list{flex-wrap:wrap}
	.part-item{width:33%}
	.foot-right ul{display:none}
	.content-item,.document-main .project-item,.prolist-1 .pro-item{margin-right:40px;width:calc(33% - 30px)}
	.content-item:nth-of-type(4n),.document-main .project-item:nth-of-type(4n),.prolist-1 .pro-item:nth-of-type(4n){margin-right:40px}
	.content-item:nth-of-type(3n),.document-main .project-item:nth-of-type(3n),.prolist-1 .pro-item:nth-of-type(3n){margin-right:0px}
	.document-main .project-info{padding:15px}
	.pro-c-top{flex-direction:column}
	.preview-container{margin-left:100px}
	.pro-c-info{width:800px;margin:30px auto;padding:0px}
	.link-wrap .link-l{margin-bottom:30px}
	.link-wrap .link-l,.link-wrap .link-r{width:100%;height:110px}
	.link-wrap{height:auto;flex-wrap:wrap}}
	@media(max-width:1024px){
	.head-nav{position:relative;width:44px;height:44px;background:var(--color);overflow:hidden}
	.head-nav:after{content:"☰";font-size:16px;width:1em;line-height:1;text-align:center;position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px;color:#FFF}
	.head-nav>ul{position:absolute;top:0px;left:0px;width:250px;background:var(--color);padding-top:44px}
	.head-nav.active{overflow:visible}
	.head-nav.active:after{content:"✕"}
	.head-nav.active ul{height:auto;flex-direction:column;left:auto;right:0px}
	.head-nav.active ul>li{height:44px}
	.head-nav.active ul>li>a{color:#FFF}
	.head-nav.active ul>li .inmenu_1,.head-nav.active ul>li>a:hover{text-decoration:underline}
	.head-nav.active>ul .submenu{left:100%;top:0px;padding-top:0px}
	.head-nav.active>ul .submenu a{color:#333;line-height:44px}
	.head-nav.active>ul .submenu a:hover{color:#FFF}}
	@media screen and (max-width:768px){
	.advance-list .common-wrapper,.common-main .common-wrapper,.common-wrapper,.head-wrapper{width:100%;margin:0px auto}
	.common-wrapper{padding:0vw 3vw;box-sizing:border-box}
	.about .about-con .about-title{font-size:20px}
	#swiper-banner{margin-top:13.3333333333vw}
	#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev{width:20px;background:0 0}
	#swiper-banner .swiper-button-next i,#swiper-banner .swiper-button-prev i{color:var(--color)}
	#swiper-banner .swiper-button-next:hover,#swiper-banner .swiper-button-prev:hover{background:0 0}
	#swiper-banner .swiper-button-next,#swiper-banner .swiper-container-rtl .swiper-button-prev{right:5px}
	.que{flex-wrap:wrap;flex-direction:column}
	.adv{padding:0px;margin:5.3333333333vw 0}
	.advance-list .common-wrapper,.adv-list .common-wrapper{justify-content:space-between}
	.que-item{width:100%;padding:6.6666666667vw 4vw 10.6666666667vw}
	.que-num{margin-right:10px;margin-bottom:0px}
	.que-num,.que-title{display:inline-block;font-size:24px}
	.que-item:hover:after,.que-item:hover:before{opacity:0}
	.common-title{font-size:26px}
	.adv-item{width:48%;padding:2.4vw;border:1px solid #e1e1e1;margin-bottom:4vw}
	.adv-t{font-size:14px;margin-bottom:2.6666666667vw;line-height:1.3}
	.adv-item img{width:16vw;height:16vw;margin:5.3333333333vw 0}
	.adv-item article{font-size:12px;margin-top:auto;display:-webkit-box;display:-moz-box;max-height:48px;line-height:16px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
	.cate{display:none}
	.pro-list{justify-content:space-between;margin-top:6vw}
	.pro-item{width:47%}
	.pro-item,.pro-item:nth-of-type(4n){margin-right:0px}
	.about-title{font-size:18px}
	.about .about-con{padding:66vw 4vw 4vw;color:#151515}
	.about{position:relative}
	.about article{color:#151515;margin:4vw 0px}
	.about .more-btn{display:inline-block}
	.about ul li{font-size:12px;background:url(imgs/home-sel_blue.png) no-repeat;background-position:10px;margin-bottom:8px;line-height:2}
	.about .about-sel img{visibility:hidden}
	.about-title{color:var(--color)}
	.about .about-img{width:92vw;left:4vw;position:absolute;top:4vw}
	.con-wrap{background:#FFF;padding:5.3333333333vw}
	.about-list .common-wrapper{flex-wrap:wrap;justify-content:space-between}
	.about-item{width:47%;justify-content:flex-start;margin-bottom:4vw}
	.about-text{font-size:12px;color:#FFF}
	.about-num{font-size:20px;color:#FFF}
	.about-ic img{width:40px;height:40px}
	.about .about-list{background:#24292f;padding:4vw 0px}
	.news article{margin:4vw 0px}
	.news{padding:6.6666666667vw 0 0}
	.news-item:first-of-type .news-info{height:auto}
	.news-item:first-of-type .news-img,.news-item:nth-of-type(2) .news-img,.news-item:nth-of-type(3) .news-img{flex:1.3}
	.news-item:first-of-type .news-img img,.news-item:nth-of-type(2) .news-img img,.news-item:nth-of-type(3) .news-img img{object-fit:cover}
	.news-item{height:30vw!important}
	.news-item .news-title{white-space:pre-wrap;font-size:16px;display:-webkit-box;display:-moz-box;max-height:40px;line-height:20px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
	.news-item .news-info{flex:0;width:60%;padding:4vw;height:auto}
	.news-item .news-info article{display:none}
	.news-item .news-img{flex:1.3;width:40%}
	.news-item .news-img a{display:block;width:100%;height:100%}
	.news-item .news-more{font-size:12px}
	.news-item .news-date{padding:2vw}
	.part{padding:0px}
	.part-item{width:33%;padding:4vw;box-sizing:border-box}
	.part-list{flex-wrap:wrap}}
	@media screen and (max-width:768px){
	.content-item{width:47%;margin-right:0px}
	.content-list1{justify-content:space-between}
	.content-list0 .content-item{width:47%;display:block;margin-bottom:50px}
	.content-item:nth-of-type(4n){margin-right:0px}
	.content-list0{flex-direction:row;flex-wrap:wrap;justify-content:space-between}
	.content-list0 .content-info{padding:4vw 0px 0px}
	.content-main{padding:8vw 0px;background:#f7f7f7}
	.content-date{right:10px}
	.content-info{padding-top:4vw}
	.content-title{font-size:16px;display:-webkit-box;display:-moz-box;max-height:40px;line-height:20px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
	.content-date{padding:1.3333333333vw 2.6666666667vw;width:auto;height:auto;line-height:16px}
	.content-more{margin-top:3vw;padding:3vw;font-size:12px;width:auto;height:auto;transform:translateX(0);line-height:18px;background:#EBEBEB}
	.content-main .common-c-title{font-size:24px;line-height:1.4}
	.link-wrap .link-l,.link-wrap .link-r{width:100%}
	.link-wrap .link-l{margin-bottom:4vw;padding:0px 28px 0px 130px}
	.link-wrap .link-r{padding:0px 130px 0px 28px}
	.link-wrap{flex-direction:column}
	.link-a,.link-a a{-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
	.contant-c-main{background:#FFF}
	.content-list1 .content-info{height:40vw}}
	@media screen and (max-width:768px){
	.pro-main{padding:4vw 0px}
	.prolist-top{display:none}
	.prolist-0,.prolist-1{justify-content:space-between}
	.prolist-0{flex-direction:row;flex-wrap:wrap}
	.prolist-0 .pro-info{padding:4vw}
	.prolist-0 .pro-item .pro-btn{width:100%}
	.prolist-0 .pro-img{width:100%;height:auto;margin-right:0px;position:relative}
	.prolist-0 .pro-img:after{display:block}
	.prolist-0 .img-wrap{position:absolute;top:0px;left:0px;bottom:0px;justify-content:center;align-items:center}
	.prolist-0 .pro-item{display:flex;flex-direction:column;height:auto}
	.prolist-0 .pro-item:hover{margin-bottom:4vw}
	.prolist-0 .pro-item .pro-btn .arr{display:none}
	.prolist-0 .pro-item,.prolist-1 .pro-item{width:47%;margin-right:0px;margin-bottom:4vw}
	.prolist-1 .pro-item:nth-of-type(3n),.prolist-1 .pro-item:nth-of-type(4n){margin-right:0px}
	.common-left{width:100%}
	.common-pages{width:100%;flex-wrap:wrap;justify-content:flex-start;margin-bottom:4vw}
	.common-pages a,.common-pages span{margin-bottom:4vw;border-right:1px solid #D7D7D7}
	.common-pages .last{border-right:none}
	.common-pages .last a{border-right:1px solid #D7D7D7}
	.pro-item{display:flex;flex-direction:column}
	.pro-item .pro-btn{height:38px;color:#FFF !important;order:1}
	.prolist-1 .pro-item .pro-btn .arr{display:none}
	.pro-info{padding:4vw}
	.pro-name{display:-webkit-box;display:-moz-box;max-height:40px;line-height:20px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
	.pro-c-main{margin-top:13.3333333333vw;padding:0px}
	.pro-c-main .common-wrapper{padding:0px}
	.pro-c-top{flex-direction:column}
	.pro-c-top .pro-preview-left{width:100%;min-width:100%;height:auto}
	.pro-c-top .pro-preview-left .preview-container{visibility:hidden;width:100%}
	.pro-c-top .pro-preview-left .preview-container .small-box{display:none}
	.pro-c-top .pro-preview-left .preview-container .thumbnail-box{margin:0px}
	.pro-c-top .pro-preview-left .preview-container .thumbnail-box a{display:none}
	.pro-c-top .pro-preview-left .preview-container .thumbnail-box .list,.pro-c-top .pro-preview-left .preview-container .thumbnail-box .list .wrapper{width:100%}
	.pro-c-top .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item{height:auto;border:none;margin:0px;outline:0}
	.pro-c-top .pro-preview-left .preview-container .thumbnail-box .list .wrapper .item img{width:100%}
	.pro-c-top .pro-preview-left .preview-container .thumbnail-box .list .banner-page{display:flex}
	.pro-c-top .pro-preview-right{margin-bottom:0px;padding:4vw 0px}
	.pro-c-top .pro-preview-right .pro-name{font-size:4vw}
	.pro-c-top .pro-preview-right .pro-price,.pro-c-top .pro-preview-right .pro-views{font-size:4vw;margin:1.3333333333vw 0}
	.pro-c-top .pro-preview-right .share-btn-list{margin:4vw 0px}
	.pro-c-top .pro-preview-right article{font-size:3.2vw;line-height:4.8vw;margin-right:0px}
	.pro-c-top .pro-preview-right .btn-list{justify-content:space-between;margin-top:4vw}
	.pro-c-top .pro-preview-right .btn-list .btn-list .LayImAhrefNode,.pro-c-top .pro-preview-right .btn-list .btn-list .btn,.pro-c-top .pro-preview-right .btn-list .pdown1,.pro-c-top .pro-preview-right .btn-list .pdown2,.pro-c-top .pro-preview-right .btn-list .pdown3{width:47%}
	.pro-c-top .pro-preview-right .btn-list .btn,.pro-c-top .pro-preview-right .btn-list .pdown2{height:6.6666666667vw;width:40vw;margin:4vw 0px}
	.pro-c-top .pro-preview-right .btn-list .btn span,.pro-c-top .pro-preview-right .btn-list .pdown2 span{font-size:4vw}
	.pro-c-top .singglepic{width:100%!important;height:auto!important;margin-bottom:0!important;border:none!important}
	.pro-c-top .singglepic img{border:0px;max-width:100%;max-height:100%;height:auto}
	.pro-c-info{margin:0px;padding:4vw}
	.pro-c-name{font-size:20px;margin:4vw 0px}
	.product-content-price{margin-bottom:10px}
	#gallery .swiper-pagination-bullet{background:#000;opacity:.2}
	#gallery .swiper-pagination-bullet-active{background:var(--color);opacity:1}
	.pro-c-main article{padding:0 4vw}
	.pro-c-art{margin-top:4vw}
	.pro-c-art .inquiry,.pro-c-art .link-wrap{padding:0 4vw}
	.pro-rel-top{margin:4vw 0px}
	.pro-c-art .content-c-tit,.pro-rel-top .pro-rel-tit{font-size:20px}
	.pro-rel{padding:4vw}
	.preview-container{margin-left:0px}
	.pro-c-info{width:100%}
	.pro-c-con{margin:0px 0px 4vw}
	.pro-c-banner{display:none}
	.addToCart,.btn-list .LayImAhrefNode,.btn-list .btn,.pdown1,.pdown2,.pdown3{width:47%}
	.btn-list .LayImAhrefNode>a,.btn-list .btn>a,.pdown1>a,.pdown2>a,.pdown3>a{width:100%}}
	.pro-rel-item .pro-name{margin-bottom:0px}
	.pro-c-main .pro-rel-item:hover{transform:translatey(-5px);transition:.3s transform;box-shadow:-1px 1px 28px 0 rgb(174 175 177 / 55%)}
	.head-wrapper{height:100%}
	.head-logo img{max-height:100%}
	.head-logo a{height:100%;display:block}
	.head-logo a{display:flex;align-items:center}
	.part-list{flex-wrap:wrap}
	.prolist-top+.bottom-wrap{margin-bottom:35px}
	.singglepic{width:450px!important;height:450px!important}
	@media screen and (max-width:768px){
	.content-list0 .content-img{height:auto}
	.content-list0 .content-img img{width:100%;height:auto}
	.content-list0 .content-img a{display:flex;width:100%;height:100%}
	.content-list0 .content-item{height:auto}
	.content-list0 .content-more{width:100%;box-sizing:border-box}}
	
	@media(max-width:768px){
	.top-btn{display:none!important}
	.mobile-bottom-item .top-btn{display:flex!important;position:absolute;bottom:auto;right:auto;left:50%;top:50%;transform:translate(-50%,-50%);transition:none;background:none}}
	@media screen and (max-width:768px){
		.foot-l{ flex-wrap: wrap;}
	.banner{margin-top:0.3333333333vw;height:40vw;background-size:100%}
	.banner img{display:none}
	.banner-wrap{padding-right:4.5333333333vw;align-items:flex-end;box-sizing:border-box}
	.banner-title{font-size:36px}
	.about-main{padding-top:4vw}
	.about-main article .about-title{margin:4vw 0 0!important;font-size:28px!important;line-height:1.3}
	.about-main article .a-line{margin:4vw auto!important}
	.tab-content{padding:5.3333333333vw}
	.tab-content p{margin:4vw 0!important}
	.tab-content img{margin-bottom:4vw!important}
	.tabs-top{flex-wrap:wrap}
	.tabs-title{width:50%;border-bottom:2px solid #FFF;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;box-sizing:border-box;padding:2.6666666667vw;height:auto;line-height:8.6666666667vw}
	#tabs{margin-bottom:4vw}
	.about-main article .adv-t{line-height:1.3}
	.head-contact,.head-top{display:none}
	.head-nav{width:auto;height:auto}
	.foot .common-wrapper{width:100%}
	.foot-l .foot-item .foot-logo,.foot-l .foot-item .foot-intro{display:none}
	.foot-letter .send-letter{margin-top:5.3333333333vw}
	.foot-l .foot-item,.foot-l .foot-item:nth-of-type(2n){padding:0px;margin-bottom:3vw;width:100%}
	.foot-l .foot-letter{display:none}
	.foot-cate ul,.foot-nav ul{display:flex;flex-wrap:wrap}
	.foot-cate ul li,.foot-nav ul li{margin:1vw 0 1vw 3.2vw}
	.foot-l{padding:4vw 0px 0px}
	.cu li i,.cu li em{margin-right:5px}
	.foot-title{font-size:18px}
	.foot-cate ul,.foot-nav ul{margin-top:5.3333333333vw}
	.foot-letter .send-letter .eput{margin:10px 0px}
	.foot-list{padding-bottom:0px}
	.foot-right{padding:4vw 0;height:auto}
	.foot-right p{font-size:12px;text-align:center;width:100%}
	.foot-right ul{display:none}
	.foot{padding-bottom:55px}
	.bPosition{padding-left:4vw;line-height:1.4}
	.link-wrap .link-l,.link-wrap .link-r{height:20vw}
	.search-wrap{display:flex;padding:0vw;margin:4vw;position:relative}
	.search-wrap input{padding:0px 0px 0px 10px;width:91vw;height:10.6666666667vw;font-size:16px;background-color:#FFF;outline:0;border:1px solid #CCC}
	.search-wrap .search-btn{height:100%;position:absolute;right:1vw;width:10vw}
	.search-wrap .search-btn i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
	#toast-container{padding-top:150px}
	.head-wrapper{height:100%}
	.head{height:13.3333333333vw;position:fixed;top:0px;left:0px;right:0px;box-shadow:none;z-index:999;border-bottom:solid 1px #EEE}
	.head-nav{position:absolute}
	.head-nav>ul{background-color:#FFF;top:13.3333333333vw;right:-100vw;left:unset;position:fixed;flex-direction:column;width:100vw;overflow-y:auto;overflow-x:hidden;padding-top:0px;height:calc(100vh - 13.333vw);justify-content:flex-start}
	.head-nav>ul>li{position:relative;height:auto;margin:0px;display:block;padding:4vw;border-bottom:1px solid #EEE}
	.head-nav>ul>li a{width:100%;height:auto;display:flex;justify-content:space-between;color:#111;font-size:16px;padding:0px}
	.head-nav>ul>li .inmenu_1{color:var(--color)}
	.head-nav>ul>li .inmenu_1:after{content:none}
	.head-nav>ul>li:last-child{border-bottom:none}
	.head-nav>ul>li i{position:absolute;box-sizing:border-box;right:4vw;top:4vw;color:#111;transform:scale(1.4) rotate(-90deg);transform-origin:center center;transition:all .3s}
	.head-nav>ul>li .slide-active{transform:scale(1.4) rotate(90deg)}
	.head-nav>ul>li:hover>a,.head-nav>ul>li:hover>i{color:#111;background-color:transparent}
	.head-nav>ul>li:hover>a:after,.head-nav>ul>li:hover>i:after{transform:translateX(-50%) rotateY(90deg)}
	.head-nav>ul .submenu{transition:none;position:relative;width:100%;right:0px;transform-origin:top;transform:rotateX(0);opacity:1;height:auto;background:#FFF;top:0px;list-style-type:square;display:none;padding-top:5px}
	.head-nav>ul .submenu li{position:relative;list-style-type:none;padding:1.3333333333vw 0 0;margin:0 0 0 4vw;border-bottom:none}
	.head-nav>ul .submenu li a{font-size:16px;line-height:24px;padding:0px}
	.head-nav>ul .submenu li a:hover{background:0 0}
	.nav-btn{display:flex}
	.head-wrapper{justify-content:space-between;position:relative;padding:0vw 3vw;margin:0px}
	.head-logo{width:37.3333333333vw;justify-content:flex-start}
	.mobile-bottom .mobile-bottom-item{flex-direction:column;justify-content:space-around;width:16vw;height:55px;font-size:12px;box-sizing:border-box;position:relative}
	.mobile-bottom .mobile-bottom-item a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:#333}
	.mobile-bottom .mobile-bottom-item i{font-size:18px;line-height:1.4}
	.table-responsive{touch-action:auto;width:100%;margin:1.3333333333vw 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
	#gmap{height:59.0666666667vw;position:relative;top:0px;left:-4vw}
	.contact-wrap{margin-top:4vw}
	.contact-list{flex-wrap:wrap;height:auto;padding:4vw;box-sizing:border-box}
	.contact-item{width:100%;justify-content:flex-start;margin-bottom:4vw}
	.contact-box,.contact-box .box-r{flex-direction:column-reverse;height:auto}
	.contact-box .box-r{padding:4vw 0;width:100%}
	.contact-box .box-t{width:100%;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;text-align:center;margin-top:4vw;font-size:20px}
	.contact-box .box-icon{margin-top:0px;width:10.6666666667vw;height:10.6666666667vw}
	.contact-box .box-icon i,.contact-box .box-icon em{font-size:24px}
	.contact-box .box-l{padding:4vw;box-sizing:border-box}
	.contact-box .title-m{font-size:22px}
	.contact-main{padding-top:0px}
	.common-main{overflow-x:hidden}
	.feedback-main p{line-height:1.5}
	.document-main .video-list>li{width:100%;margin-right:0px}
	.document-main .video-list{flex-direction:column}
	.document-main .video-list .video-info{padding-top:4vw}
	.document-main .download-item{padding:4vw 0px}
	.document-main .download-info{font-size:12px;display:-webkit-box;display:-moz-box;max-height:80px;line-height:16px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
	.document-main .download-title{position:relative;padding-right:20px;font-size:14px;margin-bottom:4vw;line-height:1.5}
	.document-main .download-title i{position:absolute;top:5px;right:10px}
	.document-main .download-list{top:0px}
	.document-main{padding:4vw 0px}
	.document-main .project-list{justify-content:space-between}
	.document-main .project-item{width:47%;margin-right:0px}
	.document-main .project-info .info-r{min-width:30px;height:30px}
	.document-main .project-info{padding:2vw}
	.document-main .project-info .info-l p:nth-child(2){display:none}
	.document-main .project-info .info-l .title{font-size:12px;display:-webkit-box;display:-moz-box;max-height:28px;line-height:14px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
	.document-main .faq-list .faq-item{width:100%;margin-right:0px;margin-bottom:4vw}
	.document-main .faq-list .faq-title{padding:4vw 5vw 4vw 4vw}
	.document-main .faq-list .faq-con{padding:4vw}
	.document-main .faq-list .faq-title:after{top:45%}
	.document-main .faq-list .faq-title.active:after{top:35%}
	.document-main .project-item:nth-of-type(4n){margin-right:0px}
	.btn-list{display:flex;justify-content:space-between}
	.btn-list a,.btn-list div{width:47%}
	.common-right{ display: none;}
	.common-left{ width: 100%;}
	#tsShopContainer{ overflow: hidden;}
	}
.telicon{    padding-left: 20px !important;
    background-image: url(../images/telephone.png);
    background-position: center left 5px;
    background-repeat: no-repeat;}
.emailicon{    padding-left: 20px !important;
    background-image: url(../images/email.png);
    background-position: center left 5px;
    background-repeat: no-repeat;}