/* CSS Reset */
html{-webkit-text-size-adjust:none;font-size: 62.5%;} 
body{color: #1e1e1e;overflow-x:hidden;margin:0; padding:0;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
a,*::before,*::after {text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:#ccc;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.clamp4 {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.clamp5 {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}
.send-mark {position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;background: rgba(255,255,255,0.5);}
.send-mark.cur {display: none;}
.send-mark i {display: block;width: 4.8rem;height: 4.8rem;background:url('../images/loading.gif') center no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50,-50%);}
 


/* header */
.header {position:fixed;left: 0;top: 0;z-index: 3500;width: 100%;transition:all .4s ease;}
.header::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: #fff;opacity: .2;}
.header * {transition:all .4s ease;}
.header-content {width:100%;height: 6.6rem;margin: auto;position: relative;z-index: 8;font-size: 0;}
.header-content ul,.header-content li {list-style: none;margin: 0;padding: 0;}
.header-left {position: absolute;left: 2%;top: 50%;transform: translateY(-50%);z-index: 5;display: flex;align-items: center;}
.header-center {position: absolute;left: 5%;top: 50%;transform: translateY(-50%);z-index: 3;width: 90%;text-align: center;}
.header-right {position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 10;text-align: right;}
.header-logo {max-height: 80%;width: 10.8rem;overflow: hidden;}
.header-logo a {display: block;width: 100%;height: 100%;} 
.header-logo img {max-width: 100%;filter: grayscale(1) invert(1) brightness(5);}
.header-nav {display: flex;}
.header-nav-list {padding: 0 2rem;}
.header-nav-list ul {display: flex;}
.header-nav-list ul li {position: relative;}
.header-nav-list ul li a::after {content: '';width: 0;height: 1px;position: absolute;left: 0;bottom: 0;background: #e6081f;z-index: 1;}
.header-nav-list ul li a{display: block;color: #fff;line-height: 6.6rem;margin: 0 2rem;position: relative;}
.header-nav-list ul li a:hover,.header-nav-list ul li.on a{color: #e6081f;}
.header-nav-list ul li.cur a::after,.header-nav-list ul li.on a::after,.header-nav-list ul li a:hover::after,.header-nav-list ul li.on a::after {width: 100%;}
.header-link {display: flex;align-items: center;}
.header-link .link-1 {position: relative;width: 100%;height: 100%;}
.header-link .link-1 a.icon {height: 6.6rem;display: flex;justify-content: center;align-items: center;border-left: 1px solid rgba(255,255,255,.2);padding: 0 2rem;}
.header-link .link-1 i {position: relative;width: 2.5rem;height: 2.5rem;display: block;}  
.header-link .link-1 i svg,.header-link .link-1 i svg * {fill: #fff!important;}
.header-link .link-1 a:hover i svg,.header-link .link-1 a:hover i svg * {fill: #e6081f!important;}
.header-link .link-1 span {color: #fff;margin: 0 .5rem;}
.header-link .link-1 span.drop {padding-right: 1.5rem;position: relative;}
.header-link .link-1 span.drop::after {content: '';width: 1rem;height: .5rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url('../images/drop.png') center no-repeat;background-size: 100%;filter: invert(1);}
.header-link .link-1:last-child a.icon {padding: 0 3rem;}

.header-language-list {position: absolute;left: 0;top: 100%;z-index: 11;width: 100%;box-shadow: 0px 10px 70px 0px rgba(0, 0, 0, 0.08);display: none;}
.header-language-list ul {display: block;background: #fff;overflow: hidden;padding: 5% 10%;text-align: center;} 
.header-language-list ul li{position: relative;padding: .5rem 0;}
.header-language-list ul li a{position: relative;color: #1d1d1d;line-height: normal!important;}
.header-language-list ul li a:hover {color: #e6081f;}
.header-link .link-1:hover .header-language-list {display: block;}


.header.hover,.header.scroll-down,.detial .header {background: #fff;}
.header.hover::after,.header.scroll-down::after,.detial .header::after {background: #000;opacity: .1;}
.header.hover .header-logo img,.header.scroll-down .header-logo img,.detial .header .header-logo img {filter: none;}
.header.hover .header-nav-list ul li a,.header.hover .header-link .link-1 span,
.detial .header .header-nav-list ul li a,.detial .header .header-link .link-1 span,
.header.scroll-down .header-nav-list ul li a,.header.scroll-down .header-link .link-1 span  {color: #000;}
.header.hover .header-nav-list ul li a:hover,.header.hover .header-nav-list ul li.on a,
.detial .header .header-nav-list ul li.on a,.detial .header .header-nav-list ul li a:hover,
.header.scroll-down .header-nav-list ul li a:hover,.header.scroll-down .header-nav-list ul li.on a {color: #e6081f;}
.header.hover .header-link .link-1 a:hover i svg, .header.hover .header-link .link-1 a:hover i svg * ,
.header.scroll-down .header-link .link-1 a:hover i svg, .header.scroll-down .header-link .link-1 a:hover i svg * ,
.header.hover .header-link .link-1 i svg,.header.hover .header-link .link-1 i svg * ,
.detial .header .header-link .link-1 i svg,.detial .header .header-link .link-1 i svg * ,
.header.scroll-down .header-link .link-1 i svg,.header.scroll-down .header-link .link-1 i svg *{fill: #000!important;}
.header.hover .header-link .link-1 a.icon,.header.scroll-down .header-link .link-1 a.icon,
.detial .header .header-link .link-1 a.icon,.detial .header .header-link .link-1 a.icon {border-left: 1px solid rgba(0,0,0,.1);}
.header.hover .header-link .link-1 span.drop::after,.header.scroll-down .header-link .link-1 span.drop::after,
.detial .header .header-link .link-1 span.drop::after,.detial .header .header-link .link-1 span.drop::after {filter: none;}
 



.header-show-mark.cur  {display: block;opacity: 1;z-index: 1100;}
.header-show-mark {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index:-1;overflow: hidden;transition:all .4s ease;background: rgba(0,0,0,.7);opacity: 0;}
.header-nav-show {position: fixed;left: 0;top: 0;width: 100%;z-index:2111;overflow: hidden;transition:all .4s ease;}
.header-nav-show.Hide {opacity:0;height: 0;z-index:111;}
.header-nav-show-content {width:100%;position: relative;overflow: hidden;transition:all .4s ease;background: #fff;overflow: hidden;margin-top:6.6rem;}

.header-nav-general {display: flex;position: relative;}
.header-nav-general::before {content: '';width: 1px;height: 100%;position: absolute;left: 30%;top: 0;background: #ededed;}
.header-nav-general-left {float: left;width: 20%;padding: 3% 5% 5% 5%;overflow: hidden;}
.header-nav-general-right {float: left;width: 65%;}
.header-nav-general-left .text {width: 80%;}
.header-nav-general-left .text .title-1 {color: #333;}
.header-nav-general-left .text .text-1 {color: #666;margin-top: 2rem;}
.header-nav-general-list {display: flex;flex-wrap: wrap;padding: 5% 0 1% 5%;}
.header-nav-general-item {width: 23.5%;margin-right: 2%;margin-bottom: 2%;}
.header-nav-general-item.mr0 {margin-right: 0;}
.header-nav-general-item a {display: block;overflow: hidden;}
.header-nav-general-item .pic {background-color: #b3adad;}
.header-nav-general-item .title-1 {display: flex;align-items: center;font-size: 0;margin-top: 1.5rem;}
.header-nav-general-item .title-1 span {display: inline-block;vertical-align: middle;color: #333;margin-right: 1rem;}
.header-nav-general-item .title-1 i {width: 1.2rem;height: 1rem;background: url('../images/r2.svg') center no-repeat;background-size: 100%;display: inline-block;vertical-align: middle;}
.header-nav-general-item a:hover .title-1 span {color: #e6081f;}
.header-nav-general-item a:hover .title-1 i {transform: translateX(1rem);}

.header-nav-general-bottom {overflow: hidden;border-top: 1px solid #ddd;width: 95%;padding: 2% 0 5% 0;margin-left: 5%;}
.header-nav-general-bottom .title-1 {color: #333;}
.header-nav-solutions {display: flex;flex-wrap: wrap;padding: 1% 0;}
.header-nav-solutions li {list-style: none;margin: 0;padding: 0;width: 50%;padding: .5rem 0;}
.header-nav-solutions li a{display: block;}
.header-nav-solutions li span{display: inline-block;vertical-align: middle;color: #333;margin-right: 1rem;}
.header-nav-solutions li i{width: 1.2rem;height: 1rem;background: url('../images/r2.svg') center no-repeat;background-size: 100%;display: inline-block;vertical-align: middle;}
.header-nav-solutions li a:hover span {color: #e6081f;}
.header-nav-solutions li a:hover i {transform: translateX(1rem);}

.header-nav-news-content {display: flex;padding: 5% 0 5% 5%;width: 95%;}
.header-nav-news-type {float: left;width: 20%;}
.header-nav-news-type li{list-style: none;margin: 0;padding: 0;padding: 1rem 0;}
.header-nav-news-type li a{display: inline-block;position: relative;color: #666;overflow: hidden;}
.header-nav-news-type li a::before {content: '';width: 1.2rem;height: 1rem;background: url('../images/r2.svg') center no-repeat;background-size: 100%;position: absolute;left:-2rem;top: 50%;transform: translateY(-50%);opacity: 0;}
.header-nav-news-type li a:hover,.header-nav-news-type li.cur a{padding-left: 2rem;color: #e6081f;}
.header-nav-news-type li a:hover::before,.header-nav-news-type li.cur a::before {opacity: 1;left: 0;}

.header-nav-news-pic {float: left;width: 75%;margin-left: 5%;}
.header-nav-news-pic li {list-style: none;margin: 0;padding: 0;display: none;}
.header-nav-news-pic li.cur {display: block;}
.header-nav-news-pic li a {display: block;}
 




.header-nav-search {padding: 5%;overflow: hidden;background: #fff;text-align: center;width: 90%;}
.header-nav-search-from {display: flex;align-items: center;justify-content: center;}
.header-nav-search-from .input-1 {position: relative;width: 80%;}
.header-nav-search-from .search-2 {width: 6rem;height: 100%;position: absolute;right: 0;top: 0;z-index: 1;}
.header-nav-search-from .search-2 i {width: 2rem;height: 2rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../images/s.png') center no-repeat;background-size: 100%;}
.header-nav-search-from .search-2 button {border: none;width: 100%;height: 100%;background: none;cursor: pointer;position: relative;z-index: 11;}
.header-nav-search-from input {display: block;width: 100%;border: 2px #f0f0f0 solid;border-radius: .4rem;overflow: hidden;background: #fff;padding: 0 2rem;color: #000;box-sizing: border-box;line-height: 6rem;}
.header-nav-search-from input::placeholder {color: #bcbcbc;}
.header-nav-search-from .close-1 {margin-left: 1rem;} 
.header-nav-search-from .close-1 a {width: 6rem;height: 6rem;background: #e6081f;border: 2px #e6081f solid;border-radius: .4rem;overflow: hidden;display: block;position: relative;} 
.header-nav-search-from .close-1 i {width: 1.4rem;height: 1.4rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../images/x.png') center no-repeat;background-size: 100%;}
.header-nav-search-from .close-1 a:hover {background: #e6081f;border: 2px #e6081f solid;}







/* footer */
.footer {position: relative;clear: both;overflow: hidden;background:#292929;position: relative;z-index: 1111;color: #fff;padding-top: 3%;}
.footer ul,.footer li {list-style: none;margin: 0;padding: 0;}
.footer a  {color: #fff;}
.footer a:hover {color: #e6081f;}
.footer-content {width: 70%;margin: auto;font-size: 0;position: relative;}  
.footer-content-top {display: flex;justify-content: space-between;}
.footer-content-top-left {width: 30%;display: flex;flex-wrap: wrap;align-content: space-between;}
.footer-content-top-left .title-1{color: #fff;}
.footer-content-top-left .email-1{display: flex;align-items: center;}
.footer-content-top-left .email-1 .icon-1{position: relative;width: 4rem;height: 4rem;border: 1px solid rgba(255,255,255,.1);}
.footer-content-top-left .email-1 .text-1{margin-left: 1rem;}
.footer-content-top-right {width: 50%;}
.footer-from {overflow: hidden;} 
.footer-from.click-from input, .footer-from.click-from textarea{background: none;border-radius: 0;border-bottom: 1px solid rgba(255,255,255,.15);padding: 1rem 0;color: #fff;}
.footer-from.click-from textarea {min-height: 6rem;}
.footer-from.click-from span {left: 0;}
.footer-from.click-from .send-1 {margin-top: 1rem;}
.footer-from.click-from .send-1 a {background: #3f3f3f;}
.footer-content-center {border-top: 2px solid #e6081f;padding: 1rem 0 0 0;margin-top: 2rem;display: flex;align-items: center;justify-content: space-between;}
.footer-nav {display: flex;width: 60%;}
.footer-nav a {margin-right: 3rem;}
.footer-socialize {display: flex;width: 40%;flex-direction: row;justify-content: flex-end;}
.footer-socialize li {margin-left: 1rem;position:relative;}
.footer-socialize li a {width: 3rem;height: 3rem;}
.footer-socialize li i {position: relative;width: 3rem;height: 3rem;display: block;}
.footer-socialize li i img {max-width: 60%;max-height: 60%;}
.footer-socialize li a:hover i {opacity: .6;}
.footer-socialize .ewm-show {position: absolute;left: 50%;bottom: 100%;width: 12rem;height: 12rem;background: #fff;border-radius: .4rem;box-sizing: border-box;overflow: hidden;transform: translateX(-50%);display: none;}
.footer-socialize .ewm-show img{width: 100%;height: 100%;display: block;}
.footer-socialize li:hover .ewm-show{display: block;}
.footer-content-bottom {overflow: hidden;display: flex;justify-content: space-between;padding: 2% 0;position: relative;color: #999;}
.footer-content-bottom .copy-1 {width: 50%;}
.footer-content-bottom .link-1 {width: 50%;text-align: right;}
.footer-content-bottom a {color: #999;}







/* index */  

.index-banner{width: 100%;position: relative;background: #fff;z-index: 1;}
.index-banner::before {content: '';width: 20%;height: 100%;left: 0;top: 0;z-index: 11;background: url('../images/l.png') center no-repeat;background-size: 100% 100%;position: absolute;pointer-events:none;}
.index-banner-content{width:100%;margin: auto;}
.index-banner-item {overflow: hidden;position: relative;}
.index-banner-item a {display: block;position: relative;}
.index-banner-item .text {position: absolute;left: 5%;bottom: 10%;width: 70%;z-index: 11;overflow: hidden;}
.index-banner-item .num-1 {color: #fff;}
.index-banner-item .num-1 span {opacity: .3;}
.index-banner-item .title-1 {margin-top: 1rem;overflow: hidden;color: #fff;}
.index-banner-item .text-1 {color: #fff;margin-top: 2rem;}
.index-banner-item .botton-1 {overflow: hidden;margin-top: 4rem;font-size: 0;}
.index-banner-item .botton-1 .link {color: #fff;display: flex;background: #e6081f;display: inline-block;padding: 1.5rem 2rem;}
.index-banner-item .botton-1 span {margin-right: 3rem;display: inline-block;vertical-align: middle;}
.index-banner-item .botton-1 i {width: 1.2rem;height: 1rem;background: url('../images/r1.svg') center no-repeat;background-size: 100%;display: inline-block;vertical-align: middle;}
.index-banner-item .botton-1 .link:hover {background: #fff;}
.index-banner-item .botton-1 .link:hover span {color: #e6081f;}
.index-banner-item .botton-1 .link:hover i {filter: invert(1);}
.index-banner-item .pic {transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition-property: filter, opacity;filter: brightness(2);animation: srmgani 8s 1 ease-in forwards; animation-play-state: paused;opacity: 0;}

.index-banner-swiper {width: 100%;}
.index-banner-swiper .swiper-slide-active .title-1,
.index-banner-swiper .swiper-slide-active .text-1,
.index-banner-swiper .swiper-slide-active .num-1,
.index-banner-swiper .swiper-slide-active .botton-1 {transform: translateY(0);opacity: 1;}
.index-banner-swiper .swiper-slide-active .index-banner-item .pic {filter: brightness(1);opacity: 1;animation-play-state: running;}

.index-banner .swiper-pagination {width: auto;left: 5%;bottom: 5%;z-index: 30;position: absolute;}
.index-banner .swiper-pagination span.swiper-pagination-bullet {border-radius: 2rem;opacity: 1;margin-right:1rem;background:none;border: 1px solid #fff;transition:all .4s ease;margin-left: .3rem;}
.index-banner .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {width: 2rem;background: #fff;}

@keyframes srmgani{0%{transform:scale(1.0);} 100%{transform:scale(1.2);}}

.index-updown {position: absolute;right: 3%;bottom: 10%;z-index: 11;animation: updown 2s infinite;opacity: .5;}
.index-updown i {width: 2rem;height: 2rem;background: url('../images/r5.png') center no-repeat;background-size: 100%;filter: invert(1);transform: rotate(90deg);display: block;}
 

@keyframes updown {
	0% {-webkit-transform: translateY(0);transform: translateY(0);opacity: .5; }
	50% {-webkit-transform: translateY(20px);transform: translateY(20px);opacity: 1; }
	100% {-webkit-transform: translateY(0);transform: translateY(0); opacity: .5;} 
}
	


/* Magnetic Components */  
.click-page-container {overflow: hidden;}
.click-page-container-banner {overflow: hidden;position: relative;text-align: center;background: #000;}
.click-page-container-banner .text {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;width: 60%;color: #fff;}
.click-page-container-banner .title-1 {overflow: hidden;}
.click-page-container-banner .text-1 {margin-top: 2rem;}
.click-page-container-banner .pic {overflow: hidden;}

.click-page-container-nav {position: absolute;left: 0;bottom: 0;width: 100%;z-index: 1;}
.click-page-container-nav::before {content: '';width: 100%;height: 3px;position: absolute;left: 0;top: 0;background: rgba(255,255,255,.2);z-index: 1;}
.click-page-container-nav ul,.click-page-container-nav li {list-style: none;padding: 0;margin: 0;position: relative;z-index: 10;}
.click-page-container-nav ul {display: flex;width: 90%;margin: auto;align-items: center;}
.click-page-container-nav .nav-1.num3 li {width: 33.333%;}
.click-page-container-nav li {width: 25%;text-align: center;}
.click-page-container-nav li.cur a::before {width: 100%;}
.click-page-container-nav li.cur a:hover {color: #fff;} 
.click-page-container-nav a {display: block;padding: 2.5rem 0;color: #fff;}
.click-page-container-nav a::before {content: '';width: 0;height: 3px;position: absolute;left: 0;top: 0;background: #e6081f;z-index: 10;}
.click-page-container-nav a:hover {color: #e6081f;} 

.bgf5f5f5 {background-color: #f5f5f5;}
.click-container {width: 80%;margin: auto;position: relative;}
.click-page-container-section {overflow: hidden;}
.click-classify-top {position: relative;padding: 3% 0;border-bottom: 1px solid #ddd;}
.click-classify {overflow: hidden;position: relative;}
.click-classify .title-1 {padding: 1rem 0;display: flex;align-items: center;}
.click-classify .title-1 i{width: 1.8rem;height: 1.2rem;background: url('../images/class.svg') center no-repeat;background-size: 100%;margin-right: 1rem;}
.click-classify .title-1 span {color: #333;}
.click-classify .class-1 {display: flex;flex-wrap: wrap;padding: 1rem 0 0 0;}
.click-classify .class-1 a {display: block;padding: 1rem 1.5rem;text-align: center;color: #333;background: #ebebeb;margin-right: 1rem;margin-bottom: 1rem;}
.click-classify .class-1 a.cur {background: #e6081f;color: #fff;}
.click-classify .class-1 a:hover {background: #000;color: #fff;}
.click-classify .total-1 {position: absolute;right: 0;bottom: 5%;}
.click-classify .total-1 span:first-child {color: #e6081f;}
.click-classify .total-1 span{color: #333;margin-right: 1rem;}
.click-page-container-section .click-container {width: 67%;}  
.click-classify-list {overflow: hidden;padding: 4% 0;display: flex;flex-wrap: wrap;}
.click-classify-item {width: 49%;margin-right: 2%;margin-bottom: 2%;overflow: hidden;background: #fff;}
.click-classify-item.mr0 {margin-right: 0;}
.click-classify-item a {display: block;overflow: hidden;}
.click-classify-item a:hover .viewdetails-1 .link-1 span {color: #e6081f;}
.click-classify-item a:hover .viewdetails-1 .link-1 i {filter: none;opacity: 1;}
.click-classify-item a:hover .text-1 {color: #333;}
.click-classify-item a:hover .title-1 span {background-position: left bottom;background-size: 100% 1px;}
.click-classify-item .top-1 {display: flex;flex-direction: row-reverse;padding-top: 4%;overflow: hidden;}
.click-classify-item .pic {float: right;width: 40%;position: relative;}
.click-classify-item .pic .img-center {max-width: 80%;max-height: 80%;}
.click-classify-item .text {float: right;width: 60%;color: #333;}
.click-classify-item .title-1 {overflow: hidden;position: relative;padding-left: 10%;margin-top: 10%;}
.click-classify-item .title-1::before {content: '';width: 2px;height: 100%;position: absolute;left: 0;top: 0;background: #e6081f;}
.click-classify-item .title-1 span{background: linear-gradient(to right,#333,#333) no-repeat;background-size: 0 1px;background-position: right bottom;transition:background-size 1s;}
.click-classify-item .text-1 {margin-top: 2rem;margin-left: 10%;overflow: hidden;color: #666;}
.click-classify-item .text-1 ul {list-style: none;margin: 0;padding: 0;}
.click-classify-item .text-1 li {list-style: none;margin: 0;padding: 0;position: relative;padding-left: 1rem;}
.click-classify-item .text-1 li::before {content: '';width: 3px;height: 3px;position: absolute;left: 0;top: 1rem;background: #999;border-radius: 100%;z-index: 11;}
.click-classify-item .text-1 p {margin:0;padding:0;}
.click-classify-item .bottom-1 {overflow: hidden;position: relative;border-top: 1px solid #ddd;padding: 1rem 0;clear: both;margin: 1rem 6%;}
.viewdetails-1 {overflow: hidden;margin-top: 1rem;}
.viewdetails-1 .link-1 {display: flex;align-items: center;}
.viewdetails-1 .link-1 span {margin-right: 1rem;color: #888;}
.viewdetails-1 .link-1 i {width: 1.2rem;height: 1rem;background: url('../images/r2.svg') center no-repeat;background-size: 100%;filter: grayscale(1);opacity: .6;}
 
.click-pageturn {overflow: hidden;text-align: center;clear: both;width: 100%;padding: 3% 0;}
.click-pageturn a {display: inline-block;vertical-align: middle;width: 4rem;height: 4rem;line-height: 4rem;position: relative;overflow: hidden;border-radius: 100%;}
.click-pageturn a i {width: 1.2rem;height: 1rem;background: url('../images/r1.svg') center no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.click-pageturn a span {color: #666;}
.click-pageturn a.prev i {transform: translate(-50%,-50%) rotate(180deg);}
.click-pageturn a.prev {background: #a4a4a4;}
.click-pageturn a.next {background: #4a4a4a;}
.click-pageturn a.cur span {color: #e6081f;}
.click-pageturn a:hover {background: #e6081f;} 
.click-pageturn a:hover span {color: #fff;} 

.click-detial-container {overflow: hidden;}
.click-product-detial-top {overflow: hidden;position: relative;background: url('../upload/pdetial.jpg') center no-repeat;background-size: 100% 100%;margin-top: 6.6rem;display: flex;align-items: center;}
.click-product-top-left,.click-product-top-right {width: 50%;position: relative;}
.click-product-top-left .text {width: 70%;overflow: hidden;margin-left: 8%;} 
.click-product-top-left .class-1 {overflow: hidden;} 
.click-product-top-left .class-1 span {display: inline-block;position: relative;padding-left: 1rem;} 
.click-product-top-left .class-1 span::before {content: '';width: 2px;height: 100%;position: absolute;left: 0;top: 0;background: #e6081f;z-index: 1;}
.click-product-top-left .title-1  {margin-top: 2rem;} 
.click-product-top-left .click-contact {margin-top: 5rem;}
.click-product-top-right .pic {width: 100%;height: 100%;overflow: hidden;}
.click-contact {overflow: hidden;}
.click-contact a {background: #333;padding: 1.4rem 2rem;display: inline-block;overflow: hidden;font-size: 0;} 
.click-contact span {color: #fff;margin-right: 2rem;display: inline-block;vertical-align: middle;} 
.click-contact i {display: inline-block;vertical-align: middle;width: 1.2rem;height: 1rem;background: url('../images/r1.svg') center no-repeat;background-size: 100%;}
.click-contact a:hover {background: #e6081f;}

.click-product-detial-section {overflow: hidden;}
.click-product-detial-section .click-container{width: 67%;}
.click-product-detial-section .title-1 {color: #333;}
.click-product-detial-features {padding: 5% 0;overflow: hidden;}
.click-product-detial-features-list {display: flex;flex-wrap: wrap;margin-top: 4%;}
.click-product-features-item {width: 32%;overflow: hidden;position: relative;margin-right: 2%;margin-bottom: 2%;}
.click-product-features-item.mr0 {margin-right: 0;}
.click-product-features-item a {display: flex;background: #f5f5f5;width: 100%;height: 100%;align-items: center;box-sizing: border-box;padding: 5%;}
.click-product-features-item .icon-1  {overflow: hidden;}
.click-product-features-item .icon-1 i {position: relative;width: 9rem;height: 9rem;border-radius: 100%;background: #fff;display: block;}
.click-product-features-item .text-2  {width: 65%;margin-left: 5%;}

.click-product-detial-parameters {padding-bottom: 7%;position: relative;overflow: hidden;}
.click-product-detial-parameters-table {overflow: hidden;margin-top: 4%;color: #666;}
.click-product-detial-parameters-table img {max-width:100%;height:auto!important;}
.click-product-detial-parameters-table table {width: 100%!important;border: none!important;border-color:#e8eaed!important;outline: none;margin: 0;padding: 0;overflow: hidden; border-spacing: 0;border-collapse: collapse;}
.click-product-detial-parameters-table table td {margin: 0;padding: 0;padding: 1.5rem 2rem;color: #444;box-sizing: border-box;font-size: 1.6rem;border-right: 1px solid #e8eaed;border-bottom: 1px solid #e8eaed;word-break: break-word;}
.click-product-detial-parameters-table table tr:first-child td {border-top: 2px solid #e6081f;background: #f7f7f7;border-bottom: 1px solid #333;}
.click-product-detial-parameters-table table strong {color: #333;font-weight: normal;}

.click-product-detial-related {padding: 7% 0;overflow: hidden;background: #f5f5f5;}
.click-product-detial-related-top {position: relative;width: 67%;margin: auto;}
.click-product-detial-related-top .click-jiantou {position: absolute;right: 0;top: 0;}
.click-jiantou {overflow: hidden;}
.click-product-detial-related-list {margin-top: 3%;overflow: hidden;}
.click-product-detial-related-swiper {margin-left: 16.5%;overflow: hidden;}
.click-product-detial-related-swiper .click-classify-item {width: 100%;margin-right: 0;margin-bottom: 0;}
.swiper-prev,.swiper-next {position: relative;transform: none;left: auto;top: auto;bottom: auto;right: auto;margin: auto ;display: inline-block;vertical-align: middle;width: 4rem;height: 4rem;border-radius: 100%;margin-left: 1rem;background: #4a4a4a;}
.swiper-prev::after,.swiper-next::after {content: '';width: 1.2rem;height: 1rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../images/r1.svg') center no-repeat;background-size: 100%;}
.swiper-prev::after {transform: translate(-50%,-50%) rotate(180deg);}

.click-product-detial-message {padding: 5% 0;overflow: hidden;}
.click-product-detial-message .title-1{width: 40%;}
.click-product-detial-message-from {margin-top: 3%;overflow: hidden;}
.click-from input,
.click-from textarea {width: 100%;border: none;background: #f7f7f7;border-radius: 1rem;overflow: hidden;box-sizing: border-box;padding: 1.5rem 2rem;color: #000;}
.click-from textarea {min-height: 15rem;}
.click-from span {position: absolute;left: 2rem;top: 50%;transform: translateY(-50%);pointer-events: none;}
.click-from span.textarea-1 {transform: none;top: 1.1rem;}
.click-from i {color: #e6081f;}
.click-from .from-1,.click-from  .from-2 {position: relative;overflow: hidden;margin-bottom: 1%;}
.click-from .from-2 {display: flex;justify-content: space-between}
.click-from .from-2 li {list-style: none;padding: 0;margin: 0;position: relative;width: 49.5%;}
.click-from .send-1 {overflow: hidden;width: 100%;}
.click-from .send-1 a {display: inline-block;padding: 1rem 2rem;background-color: #1e1e1e;overflow: hidden;}           
.click-from .send-1 strong {color: #fff;display: inline-block;vertical-align: middle;margin-right: 2rem;font-weight: normal;}      
.click-from .send-1 i {display: inline-block;vertical-align: middle;width: 1.2rem;height: 1rem;background: url('../images/r1.svg') center no-repeat;background-size: 100%;}   
.click-from .send-1 a:hover {background: #e6081f;}




/* power-supply */  
.click-page-solutions-container {overflow: hidden;background: #fff;}
.click-page-solutions-container .click-container {width: 90%;}
.click-page-section-nav {padding: 5% 0 4% 0;overflow: hidden;}
.click-page-section-nav ul {display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.click-page-section-nav ul,.click-page-section-nav li {list-style: none;margin: 0;padding: 0;}
.click-page-section-nav li  {text-align: center;width: 49.5%;margin-bottom: 1%;}
.click-page-section-nav li.cur a {color: #e6081f;border: 1px solid #e6081f;}
.click-page-section-nav a {color: #9a9a9a;border: 1px solid #ddd;padding: 1.5rem 0;display: block;width: 100%;box-sizing: border-box;} 
.click-page-section-nav a:hover {color: #000;border: 1px solid #000;}

.click-application-scenarios {position: relative;padding-bottom: 6%;overflow: hidden;}
.click-application-scenarios .title-1 {text-align: center;}
.click-application-scenarios-list {position: relative;margin-top: 3%;}
.click-application-scenarios-swiper {width: 90%;margin: auto;overflow:hidden;}
.click-application-scenarios-item {overflow: hidden;}
.click-application-scenarios-item a {display: block;position: relative;}
.click-application-scenarios-item .pic {background-color: #f5f5f5;position: relative;}
.click-application-scenarios-item .pic::after {content: '';width: 0;height: .5rem;position: absolute;left: 0;bottom: 0;z-index: 1;background: #e6081f;}
.click-application-scenarios-item .pic .img-center {max-width: 80%;max-height: 80%;}
.click-application-scenarios-item .text {margin-top: 2rem;}
.click-application-scenarios-item .title-2 {color: #333;}
.click-application-scenarios-item a:hover .pic::after {width: 100%;}
.click-application-scenarios-item a:hover .title-2 {color: #e6081f;}
.click-application-scenarios-top {position: relative;}
.click-application-scenarios-top .click-container {position: relative;width: 70%;}
.click-application-scenarios-top .title-1 {text-align:left;}
.click-application-scenarios-top .click-jiantou {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.click-application-scenarios-swiper .swiper-pagination{bottom:auto;position: relative;left: auto;margin: 0;transform:none;margin-top: 4%;right: auto;width: 100%;} 
.click-application-scenarios-swiper .swiper-pagination-progressbar {background-color: rgb(242, 242, 242);}
.click-application-scenarios-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: #333;}
.click-application-scenarios-bottom .click-container {position: relative;width: 70%;}
.click-application-scenarios-bottom .click-application-scenarios-swiper {width: 100%;}


.click-application-other {padding: 6% 0;overflow: hidden;background: #f8f8f9;}
.click-application-other .click-container {width: 70%;margin: auto;}
.click-application-other-content {background: #fff;border-radius: 2rem;overflow: hidden;padding: 1% 2%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 1%;}
.click-application-other-item {width: 46%;position: relative;}
.click-application-other-item .title-1{border-bottom: 2px solid #333;padding: 1.5rem 0;}
.click-application-other-item .item-2 {overflow: hidden;margin-top: .5rem;color: #666;}
.click-application-other-item .item-2 p {border-bottom: 1px solid #ededed;margin: 0;padding: 1.2rem 0;}
.click-application-other-item .item-2 p:last-child {border: none;}
.click-application-other-item .item-2 img {max-width: 100%;width: auto;height: auto;}
.click-application-other-item:first-child::after {content: '';width: 5rem;height: 3rem;position: absolute;right: -12%;bottom: 13%;background: url('../upload/jiantou.png') center no-repeat;background-size: 100%;}

.click-application-feature {background: #fff;border-radius: 2rem;overflow: hidden;padding: 1% 2%;}
.click-application-feature-type {overflow: hidden;border-bottom: 1px solid #eaeaea;}
.click-application-feature-type a {display: inline-block;vertical-align: middle;text-align: center;margin-right: 2rem;}
.click-application-feature-type span {padding: 2rem 0;position: relative;color: #999;display: block;}
.click-application-feature-type span::after {content: '';width: 0;height: 1px;position: absolute;left: 0;bottom: 0;background: #e6081f;}
.click-application-feature-type a.cur span {color: #000;}
.click-application-feature-type a.cur span::after {width: 100%;}
.click-application-feature-type a:hover span {color: #000;}
.click-application-feature-content {padding: 1rem 0;overflow: hidden;}
.click-application-feature-item {display: flex;flex-wrap: wrap;display: none;}
.click-application-feature-item.cur {display: flex;}
.click-application-feature-item .item-1 {width: 25%;padding: 2rem 0;border-bottom: 1px solid #eaeaea;}
.click-application-feature-item .title-1 {color: #333;}
.click-application-feature-item .text-1 {color: #666;margin-top: 1rem;width: 80%;}
.click-application-feature-item .text-1 p {margin: 0;padding: 0;}
.click-application-feature-item.num6 .item-1.ita5,.click-application-feature-item.num6 .item-1.ita6 {width: 50%;border: none;}
.click-application-feature-item.num6 .item-1.ita5 .text-1,.click-application-feature-item.num6 .item-1.ita6 .text-1 {width: 90%;}
.click-application-feature-item.num5 .item-1.ita5 {width: 100%;border-bottom:none;}
.click-application-feature-item.num5 .item-1.ita5 .text-1{width: 100%;}

.click-intelligent-charging-curve {overflow: hidden;padding: 8% 0;background-position: center;background-repeat: no-repeat;background-size: cover;}
.click-intelligent-charging-curve .click-container {text-align: center;}
.click-intelligent-charging-curve .title-1 {color: #fff;}
.click-intelligent-charging-curve .pic-1 {margin-top: 2%;overflow: hidden;}
.click-intelligent-charging-curve .pic-1 img {max-width: 100%;}

.click-application-solution {background: #f5f8fa;padding: 6% 0;overflow: hidden;}
.click-application-solution .click-container {width: 70%;margin: auto;}
.click-application-solution-item {text-align: center;}
.click-application-solution-item .title-1{color: #333;padding-bottom: 3%; }
.click-application-solution-item .pic-1{overflow: hidden;padding: 0 0 5% 0;position: relative;}
.click-application-solution-item .pic-1 img {max-width: 100%;}
.click-application-solution .click-application-feature {margin-top: 3%;background: none;}

.click-related-products {padding: 6% 0;overflow: hidden;} 
.click-related-products-top {position: relative;width: 70%;margin: auto;}
.click-related-products-top .title-1 {overflow: hidden;}
.click-related-products-top .click-jiantou{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.click-related-products-bottom {overflow: hidden;} 
.click-related-products-bottom .click-product-detial-related-swiper {margin-left: 15%;}
.click-related-products-bottom .click-product-detial-related-swiper .click-classify-item {background: #f5f5f5;}




/* quality */ 
.click-quality-control {padding: 5% 0;overflow: hidden;background-position: center top;background-repeat: no-repeat;background-size: 100%;}
.click-quality-control .click-container {width: 70%;}
.click-quality-management-system {overflow: hidden;}
.click-quality-management-system .title-1{color: #000;}
.click-quality-management-system-top {margin: 4% auto;position: relative;display: flex;justify-content: space-between;align-items: center;}
.click-quality-management-system-top .pic {width: 49%;}
.click-quality-management-system-top .text {overflow: hidden;width: 46%;height: 100%;position: absolute;right: 0;top: 0;z-index: 22;}
.click-quality-management-system-top .text-1 {color: #666;}
.click-text-rolling-area {width: 95%;height: 75%;overflow: auto;padding-right: 5%;position: absolute;top: 10%;z-index: 11;}
.click-text-rolling-area::-webkit-scrollbar {width: 3px;background: #ddd;}
.click-text-rolling-area::-webkit-scrollbar-thumb {background-color:#e6081f;}
.click-quality-management-system-bottom {padding: 3% 0;overflow: hidden;}
.click-quality-management-system-title {position: relative;}
.click-quality-management-system-title .title-1 {color: #000;width: 55%;}
.click-quality-management-system-title .click-jiantou {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.click-quality-management-system-content {padding: 3% 0;overflow: hidden;margin-top: 1%;}
.click-quality-management-system-swiper {position: relative;width: 100%;height: 100%;}
.click-quality-management-system-swiper .swiper-wrapper {align-items: initial;}
.click-quality-management-system-item {overflow: hidden;width: 100%;height: 100%;background: #f7f7f7;}
.click-quality-management-system-item a {display: block;padding: 5%;width: 100%;height: 100%;box-sizing: border-box;}
.click-quality-management-system-item .title-2 {padding: 1.5rem 0;overflow: hidden;position: relative;}
.click-quality-management-system-item .title-2::before {content: '';width: 8%;height: 1px;position: absolute;left: 0;bottom: 0;background: #e6081f;z-index: 2;}
.click-quality-management-system-item .title-2::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: #e6e6e6;z-index: 1;}
.click-quality-management-system-item .title-2 span{color: #333;}
.click-quality-management-system-item .text-2 {color: #666;padding: 2rem 0;overflow: hidden;}
.click-quality-management-system-item a:hover {background: #e6081f;}
.click-quality-management-system-item a:hover .text-2 {color: #fff;}
.click-quality-management-system-item a:hover .title-2 span {color: #fff;}
.click-quality-management-system-item a:hover .title-2::before {width: 100%;background: #000;}
.click-quality-control-certificate {padding: 6% 0;overflow: hidden;background-position: center top;background-repeat: no-repeat;background-size: cover;}
.click-quality-control-certificate .click-container {width: 100%;}
.click-quality-certificate {position: relative;width: 100%;margin: auto;}
.click-quality-certificate-title {position: relative;width: 70%;margin: auto;}
.click-quality-certificate-title .title-1{color: #fff;}
.click-quality-certificate-title .click-jiantou {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.click-quality-certificate-list {margin-top: 4%;margin-left: 15%;width: 85%;padding-bottom: 2%;}
.click-quality-certificate-swiper {position: relative;}
.click-quality-certificate-item {position: relative;}
.click-quality-certificate-item a {display: block;position: relative;color: #fff;border-bottom: 1px solid #fff;}
.click-quality-certificate-item .year-1 {position: absolute;width: 100%;left: 0;top: 0;z-index: 1;}
.click-quality-certificate-item .year-1::before {content: '';width: 13%;height: 1px;position: absolute;left: 0;top: 0;background: #e6081f;z-index: 3;}
.click-quality-certificate-item .year-1::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;top: 0;background: #fff;z-index: 1;}
.click-quality-certificate-item .year-1 span {margin-top: 1rem;display: block;opacity: .5;}
.click-quality-certificate-item .title-1 {position: absolute;top: 40%;width: 100%;z-index: 2;}
.click-quality-certificate-item .title-1 span {overflow: hidden;}
.click-quality-certificate-item .title-1 span::before {content: '';width: 3.2rem;height: 2.7rem;display: block;background: url('../upload/yd.png') center no-repeat;background-size: 100%;margin-bottom: 1rem;}
.click-quality-certificate-item .k-1 {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 90%;z-index: 1;background: url('../upload/k2.png') center no-repeat;background-size: 70%;}
.click-quality-certificate-item .k-1 img {opacity: 0;}
.click-quality-certificate-item a:hover .k-1 {background: url('../upload/k1.png') center no-repeat;background-size: 70%;}
.click-quality-certificate-item a:hover .year-1::before  {width: 100%;}
.click-quality-certificate-item a:hover .year-1 span {opacity: 1;}
.click-quality-certificate-item .pic-1 {max-width: 40%;overflow: hidden;position: absolute;z-index: 1;pointer-events: none;top:0;left: 0;opacity: 0;}
.click-quality-certificate-item .pic-1 img.img-block {max-width: 100%;max-height: 100%;width: auto;height: auto;}
.click-quality-certificate-item .pic-1.show {z-index: 10;opacity: 1;}
#certificate-pic{position: absolute;transition: none; display: none;z-index: 66;}
#certificate-img{ width: 90%; height: auto;  }


.click-quality-management-system .text-2  {margin-top: 2rem;width: 65%;color: #666;}
.click-quality-management-system-tab {width: 45%;}
.click-quality-tab-item {margin-bottom: 2%;overflow: hidden;}
.click-quality-tab-item .item-2 {margin-bottom: 3rem;position: relative;padding-left: 2rem;}
.click-quality-tab-item .item-2::before {content: '';width: 2px;height: 3.5rem;position: absolute;left: 0;top: 0;background: #e6081f;z-index: 2;display: none;}
.click-quality-tab-item .item-2::after {content: '';width: 2px;height: 100%;position: absolute;left: 0;top: 0;background: #ededed;}
.click-quality-tab-item .title-1  {position: relative;cursor: pointer;}
.click-quality-tab-item .title-1 span {color: #999;}
.click-quality-tab-item .text-3  {display: none;padding: 2rem 0 0 0;overflow: hidden;color: #666;}
.click-quality-tab-item .item-2.cur .text-3 {display: block;}
.click-quality-tab-item .item-2.cur .title-1 span {color: #000;}
.click-quality-tab-item .item-2.cur::before {display: block;}

.click-research-and-development {overflow: hidden;}
.click-research-and-development-class {overflow: hidden;position: relative;}
.click-research-and-development-class::after {content: '';position: absolute;left: 0;bottom: 0;background: #ddd;z-index: 1;width: 100%;height: 2px;}
.click-research-and-development-class a {position: relative;display: inline-block;vertical-align: middle;margin-right: 2rem;}
.click-research-and-development-class a::after {content: '';position: absolute;left: 0;bottom: 0;background: #e6081f;z-index: 2;width: 100%;height: 2px;opacity: 0;}
.click-research-and-development-class span  {color: #666;padding: 0 0 2rem 0;display: block;}
.click-research-and-development-class a.cur span {color: #000;}
.click-research-and-development-class a.cur::after {opacity: 1;}
.click-research-and-development-list {overflow: hidden;}
.click-research-and-development-item {padding: 3% 0 0 0;overflow: hidden;display: none;}
.click-research-and-development-item.cur {display: block;}
.click-research-and-development-item .text-1 {color: #333;}
.click-research-and-development-item img {max-width: 100%;}

.click-it-system {padding: 5% 0;overflow: hidden;position: relative;background-position: center;background-size: cover;}
.click-it-system-container {width: 40%;margin: auto;position: relative;}
.click-it-system-list {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 11;}
.click-it-system-container .title-1 {color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.click-it-system-container .title-1 span {display: block;}
.click-it-system-list .item-1 {position: absolute;z-index: 1;}
.click-it-system-list .item-1.cur i {background: #e6081f;}
.click-it-system-list .item-1 a {display: block;width: 10rem;height: 10rem;border-radius: 100%;border: 1px solid rgba(255,255,255,.2);overflow: hidden;}
.click-it-system-list .item-1 span ,.click-it-system-list .item-1 i {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} 
.click-it-system-list .item-1 span {z-index: 5;text-align: center;color: #fff;}
.click-it-system-list .item-1 i {width: 80%;height: 80%;background: rgba(255,255,255,.2);border-radius: 100%;z-index: 1;}
.click-it-system-list .item-1.item1 {left: 33%;bottom: -1%;}
.click-it-system-list .item-1.item2 {left: 8%;bottom: 18%;}
.click-it-system-list .item-1.item3 {left: 2%;bottom: 48%;}
.click-it-system-list .item-1.item4 {left: 16%;top: 12%;}
.click-it-system-list .item-1.item5 {left: 45%;top: 1%;}
.click-it-system-list .item-1.item6 {right: 12%;top: 11%;}
.click-it-system-list .item-1.item7 {right: -2%;top: 38%;}
.click-it-system-text {position: absolute;overflow: hidden;z-index: 1;width: 55%;bottom: 10%;right: -13%;}
.click-it-system-text .item-1 {color: #fff;opacity: 0;transform: translateY(50%);display: none;}
.click-it-system-text .item-1 .title-2 {overflow: hidden;}
.click-it-system-text .item-1 .text-1 {margin-top: 2rem;}
.click-it-system-text .item-1.cur {display: block;opacity: 1;z-index: 5;transform: translateY(0);}







/* service */ 
.border-none {border: none;}
.click-service-list {overflow: hidden;padding-bottom: 4%;}
.click-service-list-container {display: flex;flex-wrap: wrap;justify-content: space-between;overflow: hidden;}
.click-service-list-container::after {content: '';width: 32.5%;}
.click-service-item {width: 32.5%;overflow: hidden;margin-bottom: 5%;}
.click-service-item a {display: block;overflow: hidden;border-top: 1px solid #ddd;}
.click-service-item .top-1 {position: relative;display: flex;justify-content: space-between;padding: 1.5rem 0;}
.click-service-item .class-1 {width: 50%;overflow: hidden;color: #333;}
.click-service-item .date-1 {color: #a1a1a1;}
.click-service-item .img {overflow: hidden;position: relative;}
.click-service-item .img::after {content: '';width: 0;height: 3px;position: absolute;left: 0;bottom: 0;z-index: 1;background: #e6081f;}
.click-service-item .title-1 {margin-top: 1rem;overflow: hidden;width: 80%;} 
.click-service-item a:hover .title-1,.click-service-item a:hover .class-1 {color: #e6081f;}
.click-service-item a:hover .pic {transform: scale(1.05);}
.click-service-item a:hover .img::after {width: 100%;}





/* career */ 
.joinus-show-windows {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 2111;background: rgba(0, 0, 0, 0.5);transform: translateY(0);transition:all .4s ease;}
.joinus-show-windows.hide {transform: translateY(-100%);}
.joinus-show-container {width: 40%;position: absolute;left: 50%;top: 50%;background: #fff;transform: translate(-50%,-50%);z-index: 1;}
.joinus-container {padding: 8% 10%;overflow: hidden;}
.joinus-container .text {text-align: center;}
.joinus-container .title-1  {overflow: hidden;}
.joinus-container .text-1  {color: #666;margin-top: 1rem;}
.joinus-container .from-container {overflow: hidden;margin-top: 2rem;}
.joinus-container .from-container li {list-style: none;margin: 0;padding: 1rem 0;position: relative;overflow: hidden;}
.joinus-container .from-container .title-2 {color: #1d1d1d;}
.joinus-container .from-container .input-1 {position: relative;overflow: hidden;margin-top: 1rem;}
.joinus-container .from-container .input-1 input{width: 100%;border: none;box-sizing: border-box;background: #fff;padding: 1rem 2rem;border: 1px solid #ddd ;}
.joinus-container .from-container .title-2 span {color: #999;}
.joinus-container .from-container .uploadfile-1 {position: absolute;width: 8rem;padding: 1.5rem 0;background: #e6081f;text-align: center;color: #fff;right: 1%;top: 50%;transform: translateY(-50%);}
.joinus-container .from-container .uploadfile-1 span {color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.joinus-container .from-container .input-1 .uploadfile {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 11;opacity: 0;box-sizing: border-box;cursor: pointer;}
.joinus-container .from-container .uploadfile-1:hover {background: #e6081f;}
.joinus-container .from-container .send-1 {width: 100%;text-align: center;}
.joinus-container .from-container .send-1 a {color: #fff;background: #e6081f;padding: 2rem 0;display: block;}
.joinus-container .from-container .send-1 a:hover {background: #e6081f;}

.joinus-close {position: absolute;right: 0;top: 0;z-index: 111;}
.joinus-close a {display: block;width: 8rem;height: 8rem;position: relative;background: #fff;}
.joinus-close a i {width: 2rem;height: 2rem;position: absolute;z-index: 11;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);}
.joinus-close a i::before,.joinus-close a i::after {content: '';width: 100%;height: 2px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #000; }
.joinus-close a i::after {transform: translate(-50%,-50%) rotate(90deg);}
.joinus-close a:hover i {transform: translate(-50%,-50%) rotate(-45deg);}




/* search */ 
.click-search {overflow: hidden;position: relative;margin-top: 6.6rem;}
.click-search-top {overflow: hidden;text-align: center;padding: 5% 0;} 
.click-search-top .click-container {width: 70%;}
.click-search-top .input-1 {position: relative;width: 100%;overflow: hidden;}
.click-search-top .search-2 {overflow: hidden;}
.click-search-top .search-2 {width: 6rem;height: 100%;position: absolute;right: 0;top: 0;z-index: 1;}
.click-search-top .search-2 i {width: 2rem;height: 2rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../images/s.png') center no-repeat;background-size: 100%;opacity: .5;}
.click-search-top .search-2:hover i {opacity: 1;}
.click-search-top .search-input {display: block;width: 100%;border: 2px #f0f0f0 solid;border-radius: .4rem;overflow: hidden;background: #fff;padding: 0 2rem;color: #000;box-sizing: border-box;line-height: 6rem;}
.click-search-top .search-input::placeholder {color: #bcbcbc;}
.click-search-bottom {padding: 3% 0;overflow: hidden;background: #f5f5f5;}
.click-search-bottom .click-container {display: flex;flex-wrap: wrap;} 
.click-search-nav {width: 70%;margin: auto;position: relative;}
.click-search-nav .search-nav {list-style: none;margin: 0;padding: 0;display: flex;position: relative;}
.click-search-nav .search-nav::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;z-index: 1;background: #bcbcbc;}
.click-search-nav .search-nav li {list-style: none;margin: 0;padding: 0;margin-right: 2rem;position: relative;z-index: 11;}
.click-search-nav .search-nav li a span {color: #999;padding: 2rem 0;position: relative;display: block;}
.click-search-nav .search-nav li a span::after {content: '';width: 0;height: 2px;position: absolute;left: 0;bottom: 0;background: #e6081f;z-index: 11;}
.click-search-nav .search-nav li.cur a span,.click-search-nav .search-nav li a:hover span {color: #000;}
.click-search-nav .search-nav li.cur a span::after {width: 100%;} 
.click-search-nav .search-total {color: #666;position: absolute;right: 0;top: 50%;z-index: 1;transform: translateY(-50%);}
.click-search-nav .search-total strong {font-weight: normal;color: #e6081f;}
.click-search-container {padding: 2% 0;overflow: hidden;width: 70%;margin: auto;}
.click-search-container .click-classify-list {padding: 0;}





/* mobile */ 
.menu-toggle {display: none;padding: 0 2rem;height: 6.6rem;border-left: 1px solid rgba(0,0,0,.2);position: relative;}
.menu-toggle a {width: 2.5rem;position: relative;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.cd-nav-trigger {display: inline-block;position: relative;}
.menu-toggle i:before {display: inline-block;vertical-align: middle;color: #000;font-size: 1.6rem;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:100%;height:2px;background:#000;position:absolute;top:50%;margin-top:-2px;left:50%;margin-left:-50%;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-6px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:6px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross {display: inline-block;vertical-align: middle;position: relative;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:100%;height:2px;background:#000;position:absolute;top:50%;margin-top:0;left:50%;margin-left:-50%;-webkit-transform:translateY(-7rem) translateX(-7rem) rotate(45deg);transform:translateY(-7rem) translateX(-7rem) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(7rem) translateX(-7rem) rotate(-45deg);transform:translateY(7rem) translateX(-7rem) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-7rem) translateX(7rem) rotate(-45deg);transform:translateY(-7rem) translateX(7rem) rotate(-45deg);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(7rem);transform:translateX(7rem);transition-delay:0.12s;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
.menu-toggle span.hamburger {display: inline-block;vertical-align: middle;position: relative;left: auto;margin: 0;top: auto;} 
.menu-toggle .menu-text {display: inline-block;vertical-align: middle;margin-left: .4rem;position: relative;overflow: hidden;z-index: 11;}
.menu-toggle em {font-style: normal;color: #fff;display: block;}
.menu-toggle em:last-child {position: absolute;left: 0;top:0;opacity: 0;transform: translateY(100%);}
.no-touch .menu-toggle em:first-child {transform: translateY(-100%);}
.no-touch .menu-toggle em:last-child {transform: translateY(0);opacity: 1;} 
.mobile-nav {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1222;background: #fff;transform: translateX(100%);transition:all .4s ease;opacity: 0;}
.mobile-nav-list {width: 96%;margin: auto;margin-top: 7rem;box-sizing: border-box;height: 100%;}
.mobile-nav-list ul {list-style: none;margin: 0;padding: 0;width: 100%;height: 100%;overflow-x: hidden;overflow: auto;}
.mobile-nav-list ul li{list-style: none;margin: 0;padding: 0;border-bottom: 1px solid #ddd;}
.mobile-nav-list ul li a.nav-1{padding: 2rem 0;overflow: hidden;color: #000;display: block;position: relative;}
.mobile-nav-list ul li a.nav-1 i {width: 2rem;height: 2rem;position: absolute;right: 1%;top: 50%;transform: translateY(-50%);}
.mobile-nav-list ul li a.nav-1 i::after,.mobile-nav-list ul li a.nav-1 i::before {content: '';width: 100%;height: 1px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #333;}
.mobile-nav-list ul li a.nav-1 i::after {transform: translate(-50%,-50%) rotate(90deg);}
.mobile-nav-list ul li a.nav-1.cur {color: #e6081f;}
.mobile-nav-list ul li a.nav-1.cur i::after {display: none;}
.mobile-navshow {padding: 1% 0;overflow: hidden;display: none;margin-top: -1%;}
.mobile-navshow a {display: block;color: #666;padding: 1rem 2rem;position: relative;}
.mobile-navshow a::before {content: '';width: .5rem;height: .5rem;border-radius: 100%;background: #ccc;left:0;top: 50%;transform: translateY(-50%);position: absolute;}

 




/* other */ 
.click-bggundong-pic {padding: 17% 0;background-position: center top;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;overflow: hidden;background-color: #000;}
.tanimation {opacity: 0;transition: opacity .8s ease-in-out,transform .8s cubic-bezier(.215,.61,.355,1);}
.tformY {transform:translateY(160px);}
.tformX {transform:translateX(50%);}
.tformXX {transform:translateX(-50%);}
.tdelay1 {transition-delay: .1s;}
.tdelay2 {transition-delay: .2s;}
.tdelay3 {transition-delay: .3s;}
.tdelay4 {transition-delay: .4s;}


.social-share{font-size:16px;font-style:normal;display: inline-block;vertical-align: middle;}
.social-share a{position:relative;text-decoration:none;margin-left:10px;display:inline-block;outline:none;}
.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #ccc;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}
.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}
.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f1f1f1;margin:0;padding:0;}
.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}
.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}
.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share .icon-wechat:hover .wechat-qrcode{display:block}
.social-share-icon {display: inline-block;width: 4rem;height: 4rem;position: relative;box-sizing: border-box;}
.social-share-icon:hover {opacity: 1;}  
.social-share-icon:hover::after {background: #0c4ea1;}
.social-share-icon:hover::before {filter: none;opacity: 1;}
.social-share-icon::before {opacity: 1;content: '';width: 4rem;height:4rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;filter: invert(1);opacity: .3;}  
.social-share-icon::after {z-index: 1;content: '';width: 4rem;height:4rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) ;background: #fff;border-radius: 100%;}
.icon-share::before{background: url('../images/in-deta-icon0001.png') center no-repeat;background-size: 30%;}
.icon-linkedin::before{background: url('../images/f31.png') center no-repeat;background-size: 35%;}
.icon-wechat::before  {background: url('../images/f5.png') center no-repeat;background-size: 33%;} 
.icon-twitter::before {background: url('../images/f10.png') center no-repeat;background-size: 40%;}   
.icon-weibo::before {background: url('../images/f11.png') center no-repeat;background-size: 35%;}   
.icon-facebook::before {background: url('../images/f1.png') center no-repeat;background-size: 20%;}   
.icon-whatapp::before {background: url('../images/f12.png') center no-repeat;background-size: 45%;}   

.aside-top {position: fixed; width: 5rem;bottom:3%;right:1%; z-index:8199;display: none;}
.aside-top a {width: 5rem;height: 5rem;display: block;overflow: hidden; background: #e6081f;border-radius: 100%;background-size: 30%;}
.aside-top a:before {content:'';left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(-90deg);position: absolute;background: url('../images/r1.png') center no-repeat;background-size: 30%;width: 100%;height: 100%;}

.right-contact  {position: fixed; width: 5rem;bottom:10%;right:1%; z-index:8199;display: block;}
.right-contact a {width: 5rem;height: 5rem;display: block;}
.right-contact a i {width: 5rem;height: 5rem;display: block;overflow: hidden; background: #e6081f;border-radius: 100%;background-size: 30%;position: relative;z-index: 11;}
.right-contact a i:before {content:'';left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;background: url('../images/c.svg') center no-repeat;background-size: 30%;width: 100%;height: 100%;}
.right-contact a::before,.right-contact a::after {content: '';border-radius: 100%;position: absolute;left: 50%;top: 50%;background: #e6081f;}
.right-contact a::before {width: 60px;height: 60px;margin: -30px 0 0 -30px;z-index: 2;opacity: .3;animation: yuanfangda 1500ms infinite ease;}
.right-contact a::after {width: 80px;height: 80px;margin: -40px 0 0 -40px;z-index: 1;opacity: .1;animation: yuanfangda 2000ms infinite ease;}
@keyframes yuanfangda{0%{transform:scale(0.1);opacity:1;}100%{transform:scale(1.2);opacity: 0;}}
 
 
@keyframes fadeInBigs{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}0%{transform:scale(1.0);filter: brightness(2);}30%{filter: brightness(1);}100%{transform:scale(1.06);}}
.fadeInBigs{-webkit-animation-name:fadeInBigs;animation-name:fadeInBigs;-webkit-animation-duration:4s;animation-duration:4s}

@keyframes fadeInWidth{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}0%{width: 0%;}100%{width: 100%;}}
.fadeInwidth{-webkit-animation-name:fadeInWidth;animation-name:fadeInWidth;-webkit-animation-duration:2s;animation-duration:1s}



.click-product-detial-features-list.item2x2 {justify-content: space-between;}
.click-product-detial-features-list.item2x2 .click-product-features-item {margin-right: 0;width: 49%;}
.click-product-features-item .text-2 {word-break: break-word;}
.click-business-content .item .txt-3 p {margin:0;padding:0;}



@media screen and (max-width: 5120px) { 
}
@media screen and (max-width: 3840px) {}
@media screen and (max-width: 2560px) { 
	.index-banner-item .text {width: 90%;}
}
@media screen and (max-width: 2048px) {}
@media screen and (max-width: 1920px) { 
	.index-banner-item .text {width: 70%;}
}
@media screen and (max-width: 1860px) {  
}
@media screen and (max-width: 1680px) { 
    .click-page-container-nav a {max-width: 60%;margin: auto;}
    .click-product-detial-section .click-container,.click-product-detial-related-top ,.footer-content{width:80%;}
    .click-product-detial-related-swiper {margin-left: 10%;}
}
@media screen and (max-width: 1580px) {
	 .click-page-container-nav a {max-width: 70%;}
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
	
}
@media screen and (max-width: 1280px) {
	 .click-product-detial-section .click-container,.click-product-detial-related-top ,.footer-content,.click-Products .click-Products-content,.click-latest-news .title,.click-latest-news-bottom,.click-partners-top-content,.click-partners-bottom,.click-page-container-section .click-container,.click-quality-policy .click-container,.click-quality-center-laboratory .click-container,.click-quality-detial-content,.click-blurb1,.click-news-section-content,.click-panel-content,.click-magnetic-content,.click-equipment .title-1,.click-history .click-history-content,.click-duty .click-duty-content,.click-ltd-content,.click-equipment2 .title,.click-search-nav,.click-search-container,.click-application-scenarios-bottom .click-container,.click-application-scenarios-top .click-container,.click-application-other .click-container,.click-application-solution .click-container,.click-related-products-top,.click-application-solution-item{width:90%!important;}
	 .click-product-detial-related-swiper,.click-related-products-bottom .click-product-detial-related-swiper {margin-left: 5%;}
	 .click-application-solution-item {margin:auto;}
	 .click-scheme .click-scheme-content {width:90%!important;}
	 .click-scheme .click-scheme-left {width: 60%;}
	 .click-scheme .click-scheme-content { justify-content: flex-start!important;}
	 .click-scheme .click-scheme-right {margin-left:1%;}
	 .click-manufacturing-map-top {left: 5%!important;}
	 
}

@media screen and (max-width: 1152px) {

}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 980px)  {
    .click-page-container-nav a {max-width: 100%;margin: auto;}
}
@media screen and (max-width: 640px) {
	.pcshow,.header-nav,.footer-nav{display: none!important;}
	.mbshow,.menu-toggle{display: block!important;}   
	.no-touch .mobile-nav {transform: translateX(0);opacity: 1;}
	.header, .detial .header {background: #fff;}
	.header::after {background: #000;}
	.header-logo img {filter: none;}
	.header-link .link-1 span {color: #000;}
	.header-link .link-1 a.icon {border-left: 1px solid rgba(0,0,0,.2);}
	.header-link .link-1 i svg, .header-link .link-1 i svg * {fill: #000 !important;}
	.footer {padding-top: 10%;}
	.footer-content,.click-page-container-section .click-container,.click-quality-control .click-container,
	.click-search-nav,.click-search-container,.click-application-other .click-container,.click-quality-certificate-title,
	.click-product-detial-section .click-container,.click-container,.click-search-top .click-container,.click-application-solution .click-container,.click-application-scenarios-bottom .click-container,
	.index-banner-item .text,.click-page-container-banner .text,.click-product-detial-related-top,.click-related-products-top,.joinus-show-container,.click-application-scenarios-top .click-container {width: 90%;}
	.footer-content-top-left ,.footer-content-top-right,.click-product-top-left, .click-product-top-right,.click-page-section-nav li,.click-quality-management-system-top .pic,
	.click-application-feature-item.num6 .item-1.ita5 .text-1,.click-quality-management-system-tab,
	 .click-application-feature-item.num6 .item-1.ita6 .text-1,.click-service-item,.click-quality-management-system .text-2,
	.click-product-detial-message .title-1,.click-application-feature-item.num6 .item-1.ita5, .click-application-feature-item.num6 .item-1.ita6{width: 100%;}
	.footer-content-top-right,.footer-content-top-left .email-1 {margin-top: 4%;}
	.footer-content-top,.footer-content-top-left,.click-quality-management-system-top  {display: block;}
	.footer-socialize {width: 100%;justify-content: flex-start;}
	.footer-socialize li {margin-left: 0;margin-right: 1rem;}
	.index-banner-item .title-1,.click-page-container-banner .title-1 {font-size: 4rem;line-height: 5rem;}
	.click-quality-management-system .title-1 {font-size: 4rem;}
	.click-page-container-nav ul {overflow-x: auto;white-space: nowrap;}
	.click-page-container-nav li {width: auto;padding: 0 2rem;}
	.click-classify .total-1 {top: 5%;bottom: auto;}
	.click-application-other-item:first-child::after {display: none;}
	.click-product-detial-top,.click-product-detial-features-list,.click-page-section-nav ul {display: block;}
	.click-classify-item,.click-product-features-item {width: 100%;margin-right: 0;}
	.click-product-top-left .text {width: 90%;margin-left: 5%;padding: 5% 0;}
	.click-product-detial-features,.click-product-detial-related,.click-application-solution,.click-related-products,
	.click-product-detial-message,.click-application-scenarios,.click-application-other,.click-quality-control {padding: 10% 0;}
	.click-quality-control-certificate,.click-it-system {padding: 15% 0;}
	.click-product-detial-related-top .click-jiantou {top: 50%;transform: translateY(-50%);}
	.click-product-detial-related-swiper,.click-related-products-bottom .click-product-detial-related-swiper {margin-left: 5%;}
	.click-product-detial-message-from,.click-quality-management-system-tab {margin-top: 5%;}
	.click-application-feature-item .item-1 {width: 50%;}
	.click-application-feature-item.num6 .item-1.ita5 {border-bottom: 1px solid #eaeaea;}
	.click-service-list-container {display: block;}
	.click-quality-management-system-top .text {width: 100%;position: relative;right: auto;top: auto;padding: 5% 0;}
	.click-text-rolling-area {width: 100%;height: auto;overflow: hidden;padding-right:0;position: relative;top: auto;}
	.click-quality-management-system-title .title-1 {width: 75%;}
	.click-quality-certificate-list {margin-top: 0;margin-left: 5%;width: 95%;padding: 5% 0; }
	.click-quality-certificate-title {padding: 5% 0;}
	.click-it-system-container {width: 90%;}
	.click-it-system-list .item-1 a {width: 7rem;height: 7rem;}
	.click-it-system-text {width: 60%;bottom: auto;right: auto;text-align: center;top: 50%;transform: translate(-50%,-50%);left: 50%;}
	.click-it-system-container .title-1 {left: auto;top: auto;transform: none;right: 5%;bottom: 7%;}
	.click-bggundong-pic {padding: 25% 0;}
	.click-product-detial-features-list.item2x2  {display:block;}
	.click-product-detial-features-list.item2x2 .click-product-features-item {margin-right: 0;width: 100%;}
}


 

/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	
}

/* iPad x*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) { 

}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
 
}