@charset "utf-8";
/* CSS Document */

/*Reset start*/
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, form, legend, button, p/* ,th,td */{border:0;font-size:100%;margin:0;outline:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
fieldset, img{border:none;}
img{vertical-align:top; border:0}
a{ text-decoration:none; outline:none; color:#000;}
a:hover{ color:#000;}
a:focus{outline:none; color:#000;}
a:hover,a:visited,a:active,a:link{text-decoration: none;}
ol, ul{list-style:none outside none; padding:0; margin:0}
/*table{border-collapse:collapse;border-spacing:0;}*/
sub,sup{font-size:80%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
br{font-size: 0;line-height:0;}
var{ font-style:normal;}
var{ padding-left:3px;}
input,select{ outline:none;}
body,button,input,select,textarea{font:12px/1.5 Arial, Helvetica, sans-serif; padding:0; margin:0; font-style:normal;}
body{width: 100%;}
.clearfix:after {content:"\20"; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{display:inline-block; }
.clearfix{display:block;}
.clearbox{border-top:transparent 0px solid;clear:both;font-size:0;margin-top:0px;visibility:hidden; overflow:hidden;height:0;}

body {color: #333;font: 14px/1.5 Arial, Helvetica, sans-serif; margin: 0 auto; padding-top: 78px;}
a {color: #333333;}
a:hover {color: #333333;}

label{ max-width: initial;}

.edit-container{ width: 1680px; margin-right: auto; margin-left: auto; position: relative;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent;}
.visible-xs{ display: none !important;}

.bodymain{ width:100%; overflow: hidden; position: relative; left:0;}
.swiper-container{ width: 100%; height: 100%;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 30px;}
.swiper-pagination{ font-size: 0;}
.swiper-pagination-bullet{ width: 36px; height: 4px; border-radius: 2px; background-color: #fff; opacity: 0.5; margin: 0 7px;}
.swiper-pagination-bullet-active{ opacity: 1;}

select{
	/* 解决select下拉箭头在ios上不兼容的问题 */
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	/* background: url('../../assets/arrow_drop_down.png') no-repeat scroll right center transparent; */
	background: transparent;
	border: 1px solid #749ccb;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }


/* 动画 */
.js-m {
	opacity: 0;
	-webkit-transform: translate(0, 30px);
	-ms-transform: translate(0, 30px);
	transform: translate(0, 30px);
	-webkit-transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
	transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
}
.delay1 {
	-webkit-transition-delay: .1s !important;
	transition-delay: .1s !important;
}
.delay2 {
	-webkit-transition-delay: .2s !important;
	transition-delay: .2s !important;
}
.delay3 {
	-webkit-transition-delay: .3s !important;
	transition-delay: .3s !important;
}
.delay4 {
	-webkit-transition-delay: .4s !important;
	transition-delay: .4s !important;
}
.delay5 {
	-webkit-transition-delay: .5s !important;
	transition-delay: .5s !important;
}
.delay6 {
	-webkit-transition-delay: .6s !important;
	transition-delay: .6s !important;
}
.delay7 {
	-webkit-transition-delay: .7s !important;
	transition-delay: .7s !important;
}
.delay8 {
	-webkit-transition-delay: .8s !important;
	transition-delay: .8s !important;
}
.js-m.animate {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

/*浏览器升级提示*/
.browser-tips{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; font-size: 14px; background-color: #fff; padding: 15px;}
.browser-tips .alert-warning{ padding-right: 25px;}
.browser-tips .alert-warning a{ color: #e0002a;}
.browser-tips .close{ background-color: transparent; font-size: 24px; line-height: 20px; position: absolute; top: 15px; right: 15px;}

.header{ width: 100%; height: 78px; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 100;}
.header .logo{ float: left; height: 36px; margin-top: 21px; position: relative; z-index: 5;}
.header .logo img{ display: block; height: 100%;}
.header-right{ float: right; margin-top: 28.5px; position: relative; z-index: 5;}
.header-right .language{ float: left; line-height: 20px; font-size: 0; text-align: center;}
.header-right .language a{ display: inline-block; vertical-align: top; font-size: 16px; padding: 0 10px; position: relative;}
.header-right .language a::before{ content: ''; width: 1px; height: 15px; background-color: #6b6b6b; position: absolute; top: 50%; margin-top: -7.5px; right: -0.5px;}
.header-right .language a:last-child::before{ display: none;}
.header-right .language a.active,.header-right .language a:hover{ color: #d22a31;}

.header-search{ float: left; margin-left: 20px; display: none;}
.header-search .icon{ width: 21px; height: 21px; background: url(/statics/images/en_dcits/icon/icon-header-search.png) center no-repeat; background-size: cover; cursor: pointer;}

.header .nav{ width: 100%; position: absolute; top: 0; left: 0; text-align: center; font-size: 0;}
.header .nav li{ display: inline-block; vertical-align: top; margin: 0 25px; font-size: 18px; line-height: 78px; position: relative;}
.header .nav li a{ display: block; position: relative;}
.header .nav li .first::before{ content: ''; width: 0; height: 2px; background-color: #e0002a; position: absolute; left: 0; bottom: 0; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.header .nav li.active .first::before,.header .nav li:hover .first::before{ width: 100%;}

.nav-open{ width: 100%; background-color: #fff; position: fixed; top: 78px; left: 0; text-align: left; padding: 30px 0 45px 0; display: none;}
.nav-open::before{ content: ''; width: 100%; height: 1px; background-color: #e6e6e6; position: absolute; top: 0; left: 0;}
.nav-open .s-nav-left{ float: left; width: 20%;border-right: #e6e6e6 solid 1px;}
.nav-open .s-nav-left li{ display: block; margin: 0; font-size: 18px; line-height: 48px; cursor: pointer;}
.nav-open .s-nav-left li span{ padding-right: 20px;}
.nav-open .s-nav-left li.active span{ color: #e0002a; background: url(/statics/images/en_dcits/icon/icon-arrow-links-right-active.png) right center no-repeat; background-size: 12px; border-bottom: 1px solid #e0002a;}
.nav-open .s-nav-content{ float: left; width: 80%; padding-left: 20px;}
.nav-open .s-nav-content .box{ display: none;}
.nav-open .s-nav-content ul{ margin: 0 -15px;}
.nav-open .s-nav-content li{ float: left; width: 33.333%; margin: 0; font-size: 16px; line-height: 1.5; padding: 0 15px; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top: 10px;}
.nav-open .s-nav-content li a:hover{ color: #e0002a;}


.footer-top{ background-color: #fff;}
.footer-friendly-links{ padding: 90px 0 70px 0; font-size: 0; text-align: center;}
.footer-friendly-links ul{ margin: 0 -30px;}
.footer-friendly-links li{ display: inline-block; vertical-align: top; width: 20%; padding: 0 30px; font-size: 16px; text-align: left;}
.footer-friendly-links li .block-box .top-title{ font-size: 18px; font-weight: bold;}
.footer-friendly-links li .block-box .top-title a{ display: block;}
.footer-friendly-links li .block-box dl{ padding-top: 10px;}
.footer-friendly-links li .block-box dl dd{ margin-top: 5px;}
.footer-info{ height: 140px; position: relative; border-top: 1px solid #d4d4d4;}
.footer-info .logo{ float: left; height: 42px; margin-top: 49px; position: relative; z-index: 5;}
.footer-info .logo img{ display: block; height: 100%;}
.footer-info .footer-tel{ float: right; font-size: 18px; color: #7c7c7c; padding-left: 27px; background: url(/statics/images/en_dcits/icon/icon-footer-tel.png) left center no-repeat; background-size: 20px; margin-top: 52px; position: relative; z-index: 5;}
.footer-info .footer-tel a{ font-size: 24px; font-weight: bold; font-style: italic;}
.footer-info .footer-share{ width: 100%; position: absolute; left: 0; top: 50%; transform:translateY(-50%); text-align: center; font-size: 0;}
.footer-info .footer-share li{ display: inline-block; vertical-align: top; width: 40px; margin: 0 15px; cursor: pointer; position: relative;}
.footer-info .footer-share li .icon img{ display: block; width: 100%;}
.footer-info .footer-share li .hidden-box{ width: 200px; position: absolute; left: 50%; transform:translateX(-50%); bottom: 120%; background: #fff; padding: 10px; border: 1px solid #d4d4d4; display: none;}
.footer-info .footer-share li .hidden-box img{ display: block; width: 100%;}
.footer-info .footer-share li:hover .hidden-box{ display: block;}


.copyright{ height: 60px; line-height: 60px; background-color: #ededed; text-align: center; font-size: 14px;}

/*侧边导航*/
.menu-layer{ width: 100%; height: calc(100% - 1.2rem); position: fixed; top: 1.2rem; left: 0; z-index: 9999; display: none;}
.menu-layer-inner{ width: 100%; height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; padding: 0.45rem 0.4rem; overflow-y: auto;}
.menu-layer-inner::before{ content: ''; width: 100%; height: 0.15rem; background:linear-gradient( to top,transparent,rgba(000, 000, 000, 0.5)); position: absolute; top: 0; left: 0; opacity: 0.1;}
.menu-layer-inner .subnav li{ line-height: 0.98rem; font-size: 0.3rem; font-weight: bold; border-bottom: 0.02rem solid #cacaca; position: relative;}
.menu-layer-inner .subnav li .trigger{ position: relative;}
.menu-layer-inner .subnav li a{ display: block; color: #000;}
.menu-layer-inner .subnav li .icon{ width: 0.2rem; height: 0.2rem; background: url(/statics/images/en_dcits/icon/icon-arrow-links-right.png) center no-repeat; background-size: cover; position: absolute; top: 50%; margin-top: -0.1rem; right: 0; transition:all 0.3s ease;}
.menu-layer-inner .subnav li.active a{ color: #d22a31;}
.menu-layer-inner .subnav li.active .trigger .icon{ transform: rotate(-90deg);}

.menu-layer-inner .subnav li .secondNav{ display: none; border-top: 0.01rem solid #cacaca;}
.menu-layer-inner .subnav li .secondNav li{ font-size: 0.26rem; font-weight: normal; line-height: 0.86rem; border-bottom: 0.01rem solid #cacaca;}
.menu-layer-inner .subnav li .secondNav li:last-child{ border-bottom: 0;}
.menu-layer-inner .subnav li .secondNav li a{ display: block; padding: 0 0.25rem; color: #000;}
.menu-layer-inner .subnav li .secondNav li.active .s-trigger a{ color: #d22a31;}
.menu-layer-inner .subnav li .secondNav li.active .s-trigger .icon{ transform: rotate(-90deg);}


.menu-layer-inner .subnav li .s-trigger{ position: relative;}
.menu-layer-inner .subnav li .s-secondNav{ display: none; border-top: 0.01rem solid #cacaca;}
.menu-layer-inner .subnav li .s-secondNav li{ line-height: 1.5; padding: 0.24rem 0;}
.menu-layer-inner .subnav li .s-secondNav li:last-child{ border-bottom: 0;}
.menu-layer-inner .subnav li .s-secondNav li a{ padding: 0 0.5rem;}


.menu-layer-inner .language{ margin-top: 0.7rem; font-size: 0; text-align: center;}
.menu-layer-inner .language a{ font-size: 0.28rem; padding: 0 0.4rem; position: relative;}
.menu-layer-inner .language a::before{ content: ''; width: 0.02rem; height: 0.28rem; background-color: #6b6b6b; position: absolute; top: 50%; margin-top: -0.14rem; right: -0.01rem;}
.menu-layer-inner .language a:last-child::before{ display: none;}
.menu-layer-inner .language a.active{ color: #d22a31;}

.m-qr-code-layer{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none;}
.m-qr-code-layer .opacity{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.8;}
.m-qr-code-layer .layer-container{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.m-qr-code-layer .layer-close{ width: 0.7rem; height: 0.7rem; background: url(/statics/images/en_dcits/icon/layer-close.png) center no-repeat; background-size: 0.5rem; position: absolute; top: 0.3rem; right: 0.3rem; z-index: 11; cursor: pointer;}
.m-qr-code-layer .layer-inner{ width: 100%; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.m-qr-code-layer .layer-inner img{ display: block; width: 60%; margin: 0 auto;}


.home-banner .swiper-slide{ position: relative;}
.home-banner .swiper-slide img{ display: block; width: 100%;}
.home-banner .banner-inner{ width: 100%; position: absolute; top: 50%; transform:translateY(-50%); text-align: center; color: #fff; text-shadow: 1px 1px 0 #000;}
.home-banner .banner-inner .title{ font-size: 42px; font-weight: bold;}
.home-banner .banner-inner .btn-box{ font-size: 0; margin-top: 40px;}
.home-banner .banner-inner .btn-box a{ display: inline-block; vertical-align: top; font-size: 18px; color: #fff; width: 170px; line-height: 43px; border: 1px solid #fff; border-radius: 4px; margin: 0 15px;}

.home-banner-label{ background-color: #fafafa; padding: 45px 0; position: relative;}
.home-banner-label-swpier{ margin: 0 -30px; position: relative;}
.home-banner-label-swpier .swiper-wrapper{ display: block;}
.home-banner-label-swpier .swiper-slide{ float: left; width: 20%; padding: 0 30px; font-size: 0;}
.home-banner-label-swpier .swiper-slide .block-box .icon{ display: inline-block; vertical-align: middle; width: 32%;}
.home-banner-label-swpier .swiper-slide .block-box .icon img{ display: block; width: 100%;}
.home-banner-label-swpier .swiper-slide .block-box .cont-box{ display: inline-block; vertical-align: middle; width: 68%; font-size: 18px; line-height: 1.2; padding-left: 20px;}
.home-banner-label-swpier .swiper-slide .block-box .cont-box .title{ font-size: 30px; line-height: 1; margin-bottom: 10px;}
.home-banner-label-swpier .swiper-slide .block-box .cont-box .title span{ font-size: 40px; font-weight: bold;}

.home-title-box{ text-align: center; font-size: 18px;}
.home-title-box .title{ font-size: 35px; font-weight: bold;}
.home-title-box .cont{ margin-top: 5px;}

.home-product{ padding: 75px 0;}
.home-product-inner{ margin-top: 25px;}
.home-product-inner-swiper{ margin: 0 -20px;}
.home-product-inner-swiper .swiper-wrapper{ display: block;}
.home-product-inner-swiper .swiper-slide{ float: left; padding: 0 20px; margin-top: 40px;}
.home-product-inner-swiper .swiper-slide .block-box{ position: relative;}
.home-product-inner-swiper .swiper-slide .block-box .pic-box{ height: 370px; border-radius: 8px; overflow: hidden; position: relative;}
.home-product-inner-swiper .swiper-slide .block-box .pic-box img{ display: block; width: 100%; height: 100%; object-fit: cover; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.home-product-inner-swiper .swiper-slide .block-box .pic-box::before{ content: ''; width: 100%; height: 100%; background: -webkit-linear-gradient(to top, rgba(000, 000, 000, 0.5), transparent); background: linear-gradient(to top, rgba(000, 000, 000, 0.5), transparent); position: absolute; top: 0; left: 0; z-index: 3;}
.home-product-inner-swiper .swiper-slide .block-box .cont-box{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 5; padding: 0 105px 40px 40px; font-size: 18px; color: #fff; line-height: 1.2;}
.home-product-inner-swiper .swiper-slide .block-box .cont-box .title{ font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.home-product-inner-swiper .swiper-slide .block-box .icon{ width: 25px; position: absolute; bottom: 45px; right: 40px; z-index: 5;}
.home-product-inner-swiper .swiper-slide .block-box .icon img{ display: block; width: 100%;}
.home-product-inner-swiper .swiper-slide .block-box:hover .pic-box img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}

.home-product-inner-swiper .swiper-slide:nth-of-type(1){ width: 63%;}
.home-product-inner-swiper .swiper-slide:nth-of-type(2){ width: 37%;}
.home-product-inner-swiper .swiper-slide:nth-of-type(3){ width: 31.5%;}
.home-product-inner-swiper .swiper-slide:nth-of-type(4){ width: 31.5%;}
.home-product-inner-swiper .swiper-slide:nth-of-type(5){ width: 37%;}

.home-product-inner .btn-more-box{ margin-top: 50px; text-align: center;}
.home-product-inner .btn-more-box a{ display: inline-block; vertical-align: top; width: 170px; line-height: 43px; font-size: 18px; border: 1px solid #000; border-radius: 4px;}

.home-partners{ padding: 75px 0;}
.home-partners-label{ margin-top: 75px; font-size: 0; text-align: center;}
.home-partners-label ul{ margin: 0 -30px;}
.home-partners-label li{ display: inline-block; vertical-align: top; width: 20%; font-size: 18px; color: #7a7a7a; line-height: 1.2; position: relative; padding: 0 30px;}
.home-partners-label li .block-box .title{ font-size: 35px; color: #585858; font-weight: bold; line-height: 1; margin-bottom: 10px;}
.home-partners-label li::before{ content: ''; width: 1px; height: 34px; background-color: #b7b7b7; position: absolute; right: 0; top: 50%; transform:translateY(-50%);}
.home-partners-label li:last-child::before{ display: none;}

.home-partners-inner{ padding-top: 45px;}
/* .home-partners-swiper .swiper-wrapper{ display: block;} */
.home-partners-swiper .swiper-slide{ /* float: left; */ /* width: 215px; */ width: 12.5%; padding: 0 15px;}
.home-partners-swiper .swiper-slide .pic-box{ border: 1px solid #eeeeee; border-radius: 8px; overflow: hidden; margin-top: 30px; padding: 0 15px; background-color: #fff;}
.home-partners-swiper .swiper-slide .pic-box img{ display: block; width: 100%;}
.home-partners-swiper .swiper-pagination{ position: initial; transform: translateX(0) !important; margin: 55px auto 0 auto;}
.home-partners-swiper .swiper-pagination-bullet{ background-color: #aeaeae;}
.home-partners-swiper .swiper-pagination-bullet-active{ background-color: #e0002a;}

.home-contactus{ padding: 75px 0; background: url(/statics/images/en_dcits/home-contactus-bg.jpg) center no-repeat; background-size: cover;}
.home-contactus-cont{ width: 50%; padding-right: 65px; position: absolute; left: 0; top: 50%; transform:translateY(-50%); font-size: 18px;}
.home-contactus-cont .home-title-box{ text-align: left;}
.home-contactus-cont .cont p{ margin-top: 30px;}
.home-contactus-form{ float: right; width: 50%; padding-left: 40px;}
.home-contactus-form .form-inner{ background-color: #fff; border-radius: 8px; padding: 60px 105px;}
.home-contactus-form .form-inner li{ margin-top: 15px;}
.home-contactus-form .form-inner li:first-child{ margin-top: 0;}
.home-contactus-form .form-inner li .input-text{ display: block; width: 100%; height: 56px; border: 1px solid #000; border-radius: 4px; padding: 0 20px; font-size: 18px;}
.home-contactus-form .form-inner li textarea{ display: block; width: 100%; border: 1px solid #000; border-radius: 4px; padding: 15px 20px; font-size: 18px;}
.home-contactus-form .form-inner .btn-box{ margin-top: 30px;}
.home-contactus-form .form-inner .btn-box button{ width: 170px; height: 45px; line-height: 45px; background-color: #000; border-radius: 4px; font-size: 18px; color: #fff; text-align: center; cursor: pointer;}

.home-contactus-form img{ display: block; width: 100%; border-radius: 8px;}

.breadcrumb{ line-height: 48px; background-color: #f7f7f7; font-size: 14px;}
.breadcrumb a,.breadcrumb span{ display: inline-block; vertical-align: middle;}
.breadcrumb a{ color: #000;}
.breadcrumb .separate{ margin: 0 8px; color: #000;}
.breadcrumb span{ color: #e0002a;}

.sub-banner{ position: relative;}
.sub-banner .swiper-slide img{ display: block; width: 100%;}
.sub-banner .banner-inner{ width: 100%; position: absolute; top: 50%; transform:translateY(-50%); text-align: center; color: #fff; text-shadow: 1px 1px 0 #000;}
.sub-banner .banner-inner .title{ font-size: 42px; font-weight: bold;}

.page-tabs{ width: 100%; background-color: rgba(255, 255, 255, 0.85);}
.page-tabs li{ float: left; width: 25%; height: 80px; line-height: 80px; font-size: 20px; text-align: center; cursor: pointer; border-right: 2px solid #fff;}
.page-tabs li a{ display: block;}
.page-tabs li:last-child{ border-right: 0;}
.page-tabs li.active,.page-tabs li:hover{ background-color: #fff; color: #e0002a;}
.page-tabs li.active a,.page-tabs li:hover a{ color: #e0002a;}
.page-tabs.fixed{ position: fixed; left: 0; top: 78px; z-index: 99;}
.page-tabs-hidden{ height: 80px; display: none;}

.page-tabs-aboutus li{ width: 33.333%;}

/* .grey-bg{ background-color: #f7f7f7;} */

.page-container{ position: relative; z-index: 5; margin-top: -80px;}
.product-list-section{ padding: 60px 0 80px 0;}
.product-list-section:nth-of-type(odd){ background-color: #f7f7f7;}
.product-list-section .list-top-title{ font-size: 28px; font-weight: bold;}
.product-list-inner{ padding-top: 10px;}
.product-list-inner ul{ margin: 0 -20px;}
.product-list-inner li{ float: left; width: 33.333333%; padding: 0 20px; margin-top: 40px;}
.product-list-inner li .block-box{ position: relative;}
.product-list-inner li .block-box .pic-box{ border-radius: 8px; position: relative; overflow: hidden;}
.product-list-inner li .block-box .pic-box img{ display: block; width: 100%; height: 100%; object-fit: cover; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.product-list-inner li .block-box .pic-box::before{ content: ''; width: 100%; height: 50%; background: -webkit-linear-gradient(to top, rgba(000, 000, 000, 0.5), transparent); background: linear-gradient(to top, rgba(000, 000, 000, 0.5), transparent); position: absolute; bottom: 0; left: 0; z-index: 3;}
.product-list-inner li .block-box .title{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 5; padding: 0 40px 40px 40px; font-size: 24px; color: #fff; line-height: 1.2; font-weight: bold;}
.product-list-inner li .block-box:hover .pic-box img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}

.details-tabs-container{ width: 100%; background-color: #ededed;}
.details-tabs-container .tabs{ float: left;}
.details-tabs-container .tabs li{ float: left; height: 80px; line-height: 80px; font-size: 18px; font-weight: bold; margin-right: 85px; cursor: pointer;}
.details-tabs-container .tabs li:last-child{ margin-right: 0;}
.details-tabs-container .tabs li.active,.details-tabs-container .tabs li:hover{ color: #e0002a;}
.details-tabs-container .btn-box{ float: right; width: 170px; line-height: 38px; font-size: 16px; color: #e0002a; text-align: center; border: 1px solid #e0002a; border-radius: 4px; margin-top: 20px;}
.details-tabs-container .btn-box a{ display: block; color: #e0002a;}
.details-tabs-container.fixed{ position: fixed; left: 0; top: 78px; z-index: 99;}
.details-tabs-container-hidden{ height: 80px; display: none;}

.product-details-section:nth-of-type(even){ background-color: #f7f7f7;}

.product-introduction-section{ padding: 75px 0;}
.product-introduction-section .edit-container{ width: 1200px;}
.product-introduction-section .product-introduction-inner{ font-size: 18px; padding-top: 20px;}
.product-introduction-section .product-introduction-inner p{ margin-top: 25px;}
.product-introduction-section .product-introduction-inner .img{ width: 80%; margin: 40px auto 0 auto;}
.product-introduction-section .product-introduction-inner .img img{ display: block; width: 100%;}

.product-features-section{ padding: 75px 0;}
.product-features-swiper{ margin: 60px -20px 0 -20px; text-align: center;}
.product-features-swiper .special-wrapper{display: block!important;}
.product-features-swiper .swiper-slide{ padding: 0 20px; display: inline-block; vertical-align: top; width: 25%; text-align: left;}
.product-features-swiper .swiper-slide .block-box{ position: relative;}
.product-features-swiper .swiper-slide .block-box .pic-box{ border-radius: 8px; position: relative; overflow: hidden;}
.product-features-swiper .swiper-slide .block-box .pic-box img{ display: block; width: 100%; height: 100%; object-fit: cover; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.product-features-swiper .swiper-slide .block-box .pic-box::before{ content: ''; width: 100%; height: 50%; background: -webkit-linear-gradient(to top, rgba(000, 000, 000, 0.5), transparent); background: linear-gradient(to top, rgba(000, 000, 000, 0.5), transparent); position: absolute; bottom: 0; left: 0; z-index: 3;}

.product-features-swiper .swiper-slide .block-box .cont-inner{ width: 100%; position: absolute; left: 0; bottom: 30px; z-index: 5; padding: 0 40px; font-size: 18px; color: #fff;}
.product-features-swiper .swiper-slide .block-box .cont-inner .title{ font-size: 24px; font-weight: bold; line-height: 1.2;}
.product-features-swiper .swiper-slide .block-box .cont-inner .cont-box{ margin-top: 20px; display: none;}
.product-features-swiper .swiper-slide .block-box .cont-inner .cont-box .more-btn-box{ margin-top: 30px;}
.product-features-swiper .swiper-slide .block-box .cont-inner .cont-box .more-btn-box a{ display: inline-block; vertical-align: top; width: 102px; line-height: 28px; border: 1px solid #fff; border-radius: 4px; font-size: 16px; color: #fff; text-align: center;}

.product-features-swiper .swiper-slide .block-box:hover .pic-box img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.product-features-swiper .swiper-slide .block-box:hover .pic-box::before{ height: 100%; background-color: rgba(000, 000, 000, 0.5);}
.product-features-swiper .swiper-slide .block-box:hover .cont-inner{ bottom: auto; top: 50%; transform:translateY(-50%);}
.product-features-swiper .swiper-slide .block-box:hover .cont-inner .cont-box{ display: block;}

.product-features-swiper .swiper-pagination{ position: inherit; margin-top: 55px;}
.product-features-swiper .swiper-pagination-bullet{ background-color: #aeaeae;}
.product-features-swiper .swiper-pagination-bullet-active{ background-color: #e0002a;}

.product-value-section{ padding: 75px 0;}
.product-value-section .edit-container{ width: 1200px;}
.product-value-inner{ margin-top: 60px; position: relative;}
.product-value-inner .edit-container{ width: 1200px;}
.product-value-pic{ float: left; width: 50%; padding-right: 20px;}
.product-value-pic .pic-box{ border-radius: 8px; overflow: hidden;}
.product-value-pic .pic-box img{ display: block; width: 100%;}
.product-value-cont{ width: 50%; padding-left: 20px; position: absolute; right: 0; top: 50%; transform:translateY(-50%); font-size: 18px;}
.product-value-cont p{ padding: 15px 0;}

.product-value-section-right .product-value-pic{ float: right; padding: 0 0 0 20px;}
.product-value-section-right .product-value-cont{ padding: 0 20px 0 0; right: auto; left: 0;}


.main-customers-section{ padding: 75px 0;}
.main-customers-inner{ margin-top: 60px;}
.main-customers-tabs{ font-size: 0; text-align: center;}
.main-customers-tabs ul{ margin: 0 -45px;}
.main-customers-tabs li{ display: inline-block; vertical-align: top; margin: 0 45px; font-size: 18px; font-weight: bold; padding-bottom: 10px; position: relative; cursor: pointer;}
.main-customers-tabs li.active::before{ content: ''; width: 100%; height: 2px; background-color: #e0002a; position: absolute; left: 0; bottom: 0;}
.main-customers-content{ margin-top: 35px;}
.main-customers-content .box{ display: none;}
.main-customers-content .list-box ul{ margin: 0 -15px;}
.main-customers-content .list-box li{ float: left; width: 12.5%; padding: 0 15px; margin-top: 30px;}
.main-customers-content .list-box li .pic-box{ border: 1px solid #eeeeee; border-radius: 8px; overflow: hidden; padding: 0 15px; background-color: #fff;}
.main-customers-content .list-box li .pic-box img{ display: block; width: 100%;}

.do-next-section{ padding: 75px 0; background: url(/statics/images/en_dcits/donext-bg.jpg) center no-repeat; background-size: cover;}
.do-next-inner{ margin-top: 35px; font-size: 0; text-align: center;}
.do-next-inner ul{ margin: 0 -15px;}
.do-next-inner li{ display: inline-block; vertical-align: top; width: 288px; line-height: 43px; border: 1px solid #868686; border-radius: 4px; font-size: 18px; text-align: center; margin: 0 15px;}
.do-next-inner li a{ display: block;}

.aboutus-container{ padding: 75px 0; background-color: #f7f7f7;}
.aboutus-container .edit-container{ width: 1200px;}
.company-introduction-inner .top-title{ font-size: 35px; font-weight: bold; text-align: center;}
.company-introduction-inner .content-inner{ font-size: 18px; padding-top: 20px;}
.company-introduction-inner .content-inner img{ display: block; width: 100%; border-radius: 8px;}
.company-introduction-inner .content-inner .img,.company-introduction-inner .content-inner p{ margin-top: 30px;}

.investor-ralations-container .edit-container{ width: 1200px;}
.investor-ralations-info{ padding: 75px 0;}
.investor-ralations-info .info-box{ margin-top: 60px;}
.investor-ralations-info .info-box:first-child{ margin-top: 0;}
.investor-ralations-info .info-box .top-title{ font-size: 20px; font-weight: bold; line-height: 1.2; padding-left: 30px; background: url(/statics/images/en_dcits/icon/icon-identifying1.png) 0 3px no-repeat; background-size: 18px;}
.investor-ralations-info .info-box .cont-box{ margin-top: 35px; padding-left: 30px;}
.investor-ralations-info .info-box .links-box .btn-box{ float: left; width: 228px; line-height: 43px; position: relative; font-size: 0; border: 1px solid #e0002a; border-radius: 4px; overflow: hidden; margin-right: 40px;}
.investor-ralations-info .info-box .links-box .btn-box:last-child{ margin-right: 0;}
.investor-ralations-info .info-box .links-box .btn-box::before{ content: ''; width: 45px; height: 45px; background: url(/statics/images/en_dcits/icon/icon-links.png) center no-repeat #e0002a; background-size: 20px; border-radius: 4px; position: absolute; top: -1px; right: -1px;}
.investor-ralations-info .info-box .links-box .btn-box a{ display: block; color: #e0002a; padding-right: 48px; text-align: center; position: relative;}
.investor-ralations-info .info-box .links-box .btn-box .icon{ display: inline-block; vertical-align: middle; width: 23px;}
.investor-ralations-info .info-box .links-box .btn-box .icon img{ display: block; width: 100%;}
.investor-ralations-info .info-box .links-box .btn-box span{ display: inline-block; vertical-align: middle; font-size: 20px; font-weight: bold; margin-left: 12px;}

.investor-ralations-info .info-box .c-block{ font-size: 18px; margin-top: 5px; position: relative; padding-left: 15px;}
.investor-ralations-info .info-box .c-block:first-child{ margin-top: 0;}
.investor-ralations-info .info-box .c-block strong{ font-weight: bold; margin-right: 10px;}
.investor-ralations-info .info-box .c-block::before{ content: ''; width: 5px; height: 5px; background-color: #e0002a; border-radius: 100%; position: absolute; left: 0; top: 10px;}
.investor-ralations-info .info-box .c-block a:hover{ text-decoration: underline;}

.investor-ralations-label{ padding: 55px 0; background-color: #f7f7f7;}
.investor-ralations-label ul{ margin: 0 -15px;}
.investor-ralations-label li{ float: left; width: 50%; padding: 0 15px; margin: 20px 0; font-size: 16px;}
.investor-ralations-label li .top-title{ font-size: 20px; font-weight: bold; line-height: 1.2; height: 2.4em; padding-left: 30px; background: url(/statics/images/en_dcits/icon/icon-identifying1.png) 0 3px no-repeat; background-size: 18px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.investor-ralations-label li .cont{ padding-left: 30px; color: #7a7a7a; margin-top: 10px;}
.investor-ralations-label li .cont a{ text-decoration: underline; color: #7a7a7a;}

.contactus-container{ padding: 50px 0; background-color: #f7f7f7;}
.contactus-list ul{ margin: 0 -25px;}
.contactus-list li{ float: left; width: 33.333333%; padding: 0 25px; margin: 25px 0;}
.contactus-list li .block-box{ background-color: #fff; border-radius: 8px; padding: 40px; font-size: 16px;}
.contactus-list li .block-box .icon{ height: 52px;}
.contactus-list li .block-box .icon img{ display: block; height: 100%;}
.contactus-list li .block-box .title{ font-size: 20px; font-weight: bold; margin-top: 20px; height: 1.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.contactus-list li .block-box .cont p{ margin-top: 15px; padding-left: 25px; background-repeat: no-repeat; background-size: 17px; background-position: 0 2px;}
.contactus-list li .block-box .cont .address{ background-image: url(/statics/images/en_dcits/icon/icon-address.png); height: 4.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.contactus-list li .block-box .cont .phone{ background-image: url(/statics/images/en_dcits/icon/icon-phone.png); height: 1.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.contactus-list li .block-box .cont a:hover{ text-decoration: underline;}


.company-history-container{ padding: 75px 0; background: url(/statics/images/en_dcits/company-history-bg.jpg) fixed no-repeat; background-size: cover; position: relative;}
.company-history-inner .top-title{ font-size: 35px; font-weight: bold; text-align: center;}

.company-history-list{ width: 1200px; margin: 0 auto;}
.company-history-list .list-container{ margin-top: 50px; position: relative;}
.company-history-list .list-container::before{ content: ''; width: 6px; height: 100%; background-color: rgba(255, 255, 255, 0.95); position: absolute; left: -70px; top: 0; border-radius: 3px;}
.company-history-list .list-container .list-block{ background-color: rgba(255, 255, 255, 0.8); padding: 15px 40px; margin-top: 50px; font-size: 20px; position: relative;}
.company-history-list .list-container .list-block:first-child{ margin-top: 0;}
.company-history-list .list-container .list-block::after{ content: ''; width: 0; height: 0; border-right: 15px solid rgba(255, 255, 255, 0.8); border-top: 10px solid transparent; border-bottom: 10px solid transparent; position: absolute; left: -15px; top: 40px;}
.company-history-list .list-container .list-block::before{ content: ''; width: 28px; height: 28px; background: url(/statics/images/en_dcits/date-icon.png) center no-repeat; background-size: 100%; position: absolute; left: -81px; top: 35px;}
.company-history-list .list-container .list-block:first-child::before{ content: ''; width: 57px; height: 48px; background-image: url(/statics/images/en_dcits/date-icon-first.png); left: -96px; top: 23px;}
.company-history-list .list-container .list-block .date{ font-size: 35px; font-weight: bold; line-height: 1; position: absolute; left: -196px; top: 30px;}
.company-history-list .list-container .list-block li{ margin: 15px 0; padding: 0 30px; position: relative;}
.company-history-list .list-container .list-block li::before{ content: ''; width: 10px; height: 10px; background-color: #e00021; border-radius: 100%; position: absolute; left: 0; top: 8px;}

.history-slideMenu{ position: fixed; z-index: 120; width: 25px; top: 50%; transform: translateY(-50%); right: 0; display: none;}
.history-slideMenu li{ height: 24px; position: relative; }
.history-slideMenu li a{ height: 24px; display: block; white-space: nowrap; position: absolute; padding-left: 55px; top: 0; right: 0; color: #bfbfbf; padding-right: 50px; font-size: 14px; line-height: 24px;}
.history-slideMenu li a:hover, .history-slideMenu li a.on{ font-size: 18px; font-weight: bold; color: #e00021; padding-right: 70px; }
.history-slideMenu li a:before{ content: ""; background: #E6E6E6; height: 1px; width: 24px; position: absolute; top: 50%; right: 0px; transition: all 0.5s ease-in-out; }
.history-slideMenu li a:hover:before, .history-slideMenu li a.on:before{ background: #e00021; width: 48px; }














@media (max-width: 1680px){
	/* 缩小80% */
	.edit-container{ width: 1344px;}
	
	body{ padding-top: 70px;}
	
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 25px;}
	.swiper-pagination-bullet{ width: 30px;}
	
	.header{ height: 70px;}
	.header .logo{ margin-top: 17px;}
	.header-right{ margin-top: 25px;}
	.header-search{ margin-left: 15px;}
	.header .nav li{ line-height: 70px; font-size: 16px; margin: 0 20px;}
	
	.nav-open{ top: 70px; padding: 25px 0 35px 0;}
	.nav-open .s-nav-left li{ margin: 0; font-size: 16px; line-height: 40px;}
	.nav-open .s-nav-left li span{ padding-right: 16px;}
	.nav-open .s-nav-left li.active span{ background-size: 10px;}
	.nav-open .s-nav-content li{ margin: 0; font-size: 14px; line-height: 1.5; margin-top: 10px;}
	
	.footer-friendly-links{ padding: 72px 0 56px 0;}
	.footer-friendly-links ul{ margin: 0 -25px;}
	.footer-friendly-links li{ padding: 0 25px; font-size: 14px;}
	.footer-friendly-links li .block-box .top-title{ font-size: 16px;}
	.footer-info{ height: 112px;}
	.footer-info .logo{ margin-top: 35px;}
	.footer-info .footer-tel{ font-size: 16px; background-size: 18px; padding-left: 24px; margin-top: 42px;}
	.footer-info .footer-tel a{ font-size: 20px;}
	.footer-info .footer-share li{ width: 36px; margin: 0 12px;}
	.footer-info .footer-share li .hidden-box{ width: 160px;}
	
	.copyright{ height: 48px; line-height: 48px; font-size: 13px;}
	
	
	.home-banner .banner-inner .title{ font-size: 34px;}
	.home-banner .banner-inner .btn-box{ margin-top: 32px;}
	.home-banner .banner-inner .btn-box a{ width: 153px; line-height: 38px; font-size: 16px; margin: 0 12px;}
	
	.home-banner-label{ padding: 36px 0;}
	.home-banner-label-swpier{ margin: 0 -25px;}
	.home-banner-label-swpier .swiper-slide{ padding: 0 25px;}
	.home-banner-label-swpier .swiper-slide .block-box .cont-box{ font-size: 16px; padding-left: 15px;}
	.home-banner-label-swpier .swiper-slide .block-box .cont-box .title{ font-size: 24px;}
	.home-banner-label-swpier .swiper-slide .block-box .cont-box .title span{ font-size: 32px;}
	
	.home-title-box{ font-size: 16px;}
	.home-title-box .title{ font-size: 28px;}
	
	.home-product{ padding: 60px 0;}
	.home-product-inner{ margin-top: 20px;}
	.home-product-inner-swiper{ margin: 0 -15px;}
	.home-product-inner-swiper .swiper-slide{ padding: 0 15px; margin-top: 30px;}
	.home-product-inner-swiper .swiper-slide .block-box .pic-box{ height: 296px;}
	.home-product-inner-swiper .swiper-slide .block-box .cont-box{ padding: 0 84px 30px 30px; font-size: 16px;}
	.home-product-inner-swiper .swiper-slide .block-box .cont-box .title{ font-size: 20px;}
	.home-product-inner-swiper .swiper-slide .block-box .icon{ width: 22px; bottom: 36px; right: 30px;}
	.home-product-inner .btn-more-box{ margin-top: 40px;}
	.home-product-inner .btn-more-box a{ width: 153px; line-height: 38px; font-size: 16px;}
	
	.home-partners{ padding: 60px 0;}
	.home-partners-label{ margin-top: 60px;}
	.home-partners-label ul{ margin: 0 -25px;}
	.home-partners-label li{ padding: 0 25px; font-size: 16px;}
	.home-partners-label li::before{ height: 28px;}
	.home-partners-label li .block-box .title{ font-size: 28px;}
	.home-partners-inner{ padding-top: 36px;}
	.home-partners-swiper .swiper-slide{ padding: 0 12px;}
	.home-partners-swiper .swiper-slide .pic-box{ margin-top: 24px; padding: 0 12px;}
	.home-partners-swiper .swiper-pagination{ margin-top: 45px;}
	
	.home-contactus{ padding: 60px 0;}
	.home-contactus-cont{ padding-right: 52px; font-size: 16px;}
	.home-contactus-cont .cont p{ margin-top: 25px;}
	.home-contactus-form{ padding-left: 32px;}
	.home-contactus-form .form-inner{ padding: 48px 84px;}
	.home-contactus-form .form-inner li .input-text{ height: 45px; padding: 0 15px; font-size: 16px;}
	.home-contactus-form .form-inner li textarea{ padding: 12px 15px; font-size: 16px;}
	.home-contactus-form .form-inner .btn-box{ margin-top: 25px;}
	.home-contactus-form .form-inner .btn-box button{ width: 153px; height: 38px; line-height: 38px; font-size: 16px;}
	
	
	.sub-banner .banner-inner{ /* padding-bottom: 64px; */}
	.sub-banner .banner-inner .title{ font-size: 34px;}
	.page-tabs li{ height: 64px; line-height: 64px; font-size: 18px;}
	.page-tabs.fixed{ top: 70px;}
	.page-tabs-hidden{ height: 64px;}
	
	.page-container{ margin-top: -64px;}
	.product-list-section{ padding: 48px 0 64px 0;}
	.product-list-section .list-top-title{ font-size: 22px;}
	.product-list-inner{ padding-top: 5px;}
	.product-list-inner ul{ margin: 0 -15px;}
	.product-list-inner li{ padding: 0 15px; margin-top: 30px;}
	.product-list-inner li .block-box .title{ padding: 0 30px 30px 30px; font-size: 20px;}
	
	.details-tabs-container .tabs li{ height: 72px; line-height: 72px; font-size: 16px; margin-right: 68px;}
	.details-tabs-container .btn-box{ width: 153px; line-height: 38px; font-size: 14px; margin-top: 16px;}
	.details-tabs-container.fixed{ top: 70px;}
	.details-tabs-container-hidden{ height: 72px;}
	
	.product-introduction-section{ padding: 60px 0;}
	.product-introduction-section .edit-container{ width: 1080px;}
	.product-introduction-section .product-introduction-inner{ font-size: 16px; padding-top: 15px;}
	.product-introduction-section .product-introduction-inner p{ margin-top: 20px;}
	.product-introduction-section .product-introduction-inner .img{ margin-top: 30px;}
	
	.product-features-section{ padding: 60px 0;}
	.product-features-swiper{ margin: 48px -15px 0 -15px;}
	.product-features-swiper .swiper-slide{ padding: 0 15px;}
	.product-features-swiper .swiper-slide .block-box .cont-inner{ bottom: 25px; padding: 0 32px; font-size: 16px;}
	.product-features-swiper .swiper-slide .block-box .cont-inner .title{ font-size: 20px;}
	.product-features-swiper .swiper-slide .block-box .cont-inner .cont-box{ margin-top: 15px;}
	.product-features-swiper .swiper-slide .block-box .cont-inner .cont-box .more-btn-box{ margin-top: 25px;}
	.product-features-swiper .swiper-slide .block-box .cont-inner .cont-box .more-btn-box a{ width: 92px; font-size: 14px;}
	.product-features-swiper .swiper-pagination{ margin-top: 45px;}
	
	.product-value-section{ padding: 60px 0;}
	.product-value-section .edit-container{ width: 1080px;}
	.product-value-inner{ margin-top: 48px;}
	.product-value-inner .edit-container{ width: 1080px;}
	.product-value-cont{ font-size: 16px;}
	.product-value-cont p{ padding: 12px 0;}
	
	.main-customers-section{ padding: 60px 0;}
	.main-customers-inner{ margin-top: 48px;}
	.main-customers-tabs ul{ margin: 0 -35px;}
	.main-customers-tabs li{ margin: 0 35px; font-size: 16px; padding-bottom: 8px;}
	.main-customers-content{ margin-top: 30px;}
	.main-customers-content .list-box ul{ margin: 0 -12px;}
	.main-customers-content .list-box li{ padding: 0 12px; margin-top: 24px;}
	.main-customers-content .list-box li .pic-box{ padding: 0 12px;}
	
	.do-next-section{ padding: 60px 0;}
	.do-next-inner{ margin-top: 30px;}
	.do-next-inner ul{ margin: 0 -12px;}
	.do-next-inner li{ width: 245px; line-height: 38px; font-size: 16px; margin: 0 12px;}
	
	.aboutus-container{ padding: 60px 0;}
	.aboutus-container .edit-container{ width: 1080px;}
	.company-introduction-inner .top-title{ font-size: 28px;}
	.company-introduction-inner .content-inner{ font-size: 16px; padding-top: 15px;}
	.company-introduction-inner .content-inner .img,.company-introduction-inner .content-inner p{ margin-top: 25px;}
	
	.investor-ralations-container .edit-container{ width: 1080px;}
	.investor-ralations-info{ padding: 60px 0;}
	.investor-ralations-info .info-box{ margin-top: 48px;}
	.investor-ralations-info .info-box .top-title{ font-size: 18px; padding-left: 25px; background-position: 0 1px; background-size: 16px;}
	.investor-ralations-info .info-box .cont-box{ margin-top: 30px; padding-left: 25px;}
	.investor-ralations-info .info-box .links-box .btn-box{ width: 205px; line-height: 38px; margin-right: 32px;}
	.investor-ralations-info .info-box .links-box .btn-box::before{ width: 40px; height: 40px; background-size: 18px;}
	.investor-ralations-info .info-box .links-box .btn-box a{ padding-right: 40px;}
	.investor-ralations-info .info-box .links-box .btn-box .icon{ width: 20px;}
	.investor-ralations-info .info-box .links-box .btn-box span{ font-size: 18px; margin-left: 10px;}
	.investor-ralations-info .info-box .c-block{ font-size: 16px;}
	
	.investor-ralations-label{ padding: 45px 0;}
	.investor-ralations-label li{ margin: 15px 0; font-size: 14px;}
	.investor-ralations-label li .top-title{ font-size: 18px; padding-left: 25px; background-position: 0 1px; background-size: 16px;}
	.investor-ralations-label li .cont{ padding-left: 25px; margin-top: 8px;}
	
	.contactus-container{ padding: 40px 0;}
	.contactus-list ul{ margin: 0 -20px;}
	.contactus-list li{ padding: 0 20px; margin: 20px 0;}
	.contactus-list li .block-box{ padding: 32px; font-size: 14px;}
	.contactus-list li .block-box .icon{ height: 42px;}
	.contactus-list li .block-box .title{ font-size: 18px; margin-top: 15px;}
	.contactus-list li .block-box .cont p{ margin-top: 12px; padding-left: 22px; background-size: 16px; background-position: 0 1px;}
	
	.company-history-container{ padding: 60px 0;}
	.company-history-inner .top-title{ font-size: 28px;}
	
	.company-history-list{ width: 1080px;}
	.company-history-list .list-container{ margin-top: 40px;}
	.company-history-list .list-container::before{ width: 5px; left: -56px;}
	.company-history-list .list-container .list-block{ font-size: 16px; padding: 12px 32px; margin-top: 40px;}
	.company-history-list .list-container .list-block::after{ border-right: 12px solid rgba(255, 255, 255, 0.8); border-top: 8px solid transparent; border-bottom: 8px solid transparent; left: -12px; top: 28px;}
	.company-history-list .list-container .list-block::before{ width: 22px; height: 22px; left: -65px; top: 25px;}
	.company-history-list .list-container .list-block:first-child::before{ width: 46px; height: 38px; left: -78px; top: 18px;}
	.company-history-list .list-container .list-block .date{ font-size: 28px; left: -156px; top: 22px;}
	.company-history-list .list-container .list-block li{ margin: 12px 0; padding: 0 25px;}
	.company-history-list .list-container .list-block li::before{ width: 8px; height: 8px; top: 7px;}
	
	.history-slideMenu li{ height: 22px;}
	.history-slideMenu li a{ height: 22px; line-height: 22px;}
	.history-slideMenu li a:before{ width: 22px;}
	
	
	
	
}
@media (max-width: 1440px){
	/* 缩小70% */
	.edit-container{ width: 1176px;}
	
	body{ padding-top: 62px;}
	
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 20px;}
	.swiper-pagination-bullet{ width: 28px;}
	
	.header{ height: 62px;}
	.header .logo{ margin-top: 13px;}
	.header-right{ margin-top: 21px;}
	.header-search{ margin-left: 10px;}
	
	.header .nav li{ line-height: 62px; margin: 0 15px;}
	
	.nav-open{ top: 62px; padding: 20px 0 30px 0;}
	.nav-open .s-nav-left li{ margin: 0; font-size: 14px; line-height: 38px;}
	.nav-open .s-nav-left li span{ padding-right: 14px;}
	.nav-open .s-nav-left li.active span{ background-size: 8px;}
	.nav-open .s-nav-content li{ margin: 0; font-size: 13px; line-height: 1.5; margin-top: 10px;}
	
	.footer-friendly-links{ padding: 62px 0 50px 0;}
	.footer-friendly-links ul{ margin: 0 -20px;}
	.footer-friendly-links li{ padding: 0 20px;}
	.footer-info{ height: 98px;}
	.footer-info .logo{ margin-top: 28px;}
	.footer-info .footer-tel{ font-size: 14px; background-size: 16px; margin-top: 35px;}
	.footer-info .footer-tel a{ font-size: 18px;}
	
	.footer-info .footer-share li{ margin: 0 10px;}
	/* .footer-info .footer-share li .hidden-box{ width: 140px;} */
	
	
	.home-banner .banner-inner .title{ font-size: 30px;}
	.home-banner .banner-inner .btn-box{ margin-top: 25px;}
	.home-banner .banner-inner .btn-box a{ width: 136px; line-height: 35px; font-size: 14px; margin: 0 10px;}
	
	.home-banner-label{ padding: 32px 0;}
	.home-banner-label-swpier{ margin: 0 -20px;}
	.home-banner-label-swpier .swiper-slide{ padding: 0 20px;}
	.home-banner-label-swpier .swiper-slide .block-box .cont-box{ font-size: 14px;}
	.home-banner-label-swpier .swiper-slide .block-box .cont-box .title{ font-size: 20px;}
	.home-banner-label-swpier .swiper-slide .block-box .cont-box .title span{ font-size: 28px;}
	
	.home-title-box{ font-size: 14px;}
	.home-title-box .title{ font-size: 25px;}
	
	.home-product{ padding: 52px 0;}
	.home-product-inner{ margin-top: 15px;}
	.home-product-inner-swiper{ margin: 0 -12px;}
	.home-product-inner-swiper .swiper-slide{ padding: 0 12px; margin-top: 24px;}
	.home-product-inner-swiper .swiper-slide .block-box .pic-box{ height: 260px;}
	.home-product-inner-swiper .swiper-slide .block-box .cont-box{ font-size: 14px;}
	.home-product-inner-swiper .swiper-slide .block-box .cont-box .title{ font-size: 18px;}
	.home-product-inner-swiper .swiper-slide .block-box .icon{ width: 20px; bottom: 32px;}
	.home-product-inner .btn-more-box{ margin-top: 35px;}
	.home-product-inner .btn-more-box a{ width: 136px; line-height: 35px; font-size: 14px;}
	
	.home-partners{ padding: 52px 0;}
	.home-partners-label{ margin-top: 52px;}
	.home-partners-label ul{ margin: 0 -20px;}
	.home-partners-label li{ padding: 0 20px; font-size: 14px;}
	.home-partners-label li::before{ height: 24px;}
	.home-partners-label li .block-box .title{ font-size: 25px;}
	.home-partners-inner{ padding-top: 30px;}
	.home-partners-swiper .swiper-slide{ padding: 0 10px;}
	.home-partners-swiper .swiper-slide .pic-box{ margin-top: 20px; padding: 0 10px;}
	.home-partners-swiper .swiper-pagination{ margin-top: 35px;}
	
	.home-contactus{ padding: 52px 0;}
	.home-contactus-cont{ padding-right: 45px; font-size: 14px;}
	.home-contactus-cont .cont p{ margin-top: 20px;}
	.home-contactus-form{ padding-left: 28px;}
	.home-contactus-form .form-inner{ padding: 42px 72px;}
	.home-contactus-form .form-inner li .input-text{ height: 40px; padding: 0 12px; font-size: 14px;}
	.home-contactus-form .form-inner li textarea{ padding: 10px 12px; font-size: 14px;}
	.home-contactus-form .form-inner .btn-box{ margin-top: 20px;}
	.home-contactus-form .form-inner .btn-box button{ width: 136px; height: 35px; line-height: 35px; font-size: 14px;}
	
	
	.sub-banner .banner-inner{ /* padding-bottom: 56px; */}
	.sub-banner .banner-inner .title{ font-size: 30px;}
	.page-tabs li{ height: 56px; line-height: 56px; font-size: 16px;}
	.page-tabs.fixed{ top: 62px;}
	.page-tabs-hidden{ height: 56px;}
	
	.page-container{ margin-top: -56px;}
	.product-list-section{ padding: 42px 0 56px 0;}
	.product-list-section .list-top-title{ font-size: 20px;}
	.product-list-inner{ padding-top: 5px;}
	.product-list-inner ul{ margin: 0 -12px;}
	.product-list-inner li{ padding: 0 12px; margin-top: 24px;}
	.product-list-inner li .block-box .title{ padding: 0 25px 25px 25px; font-size: 18px;}
	
	.details-tabs-container .tabs li{ height: 64px; line-height: 64px; margin-right: 60px;}
	.details-tabs-container .btn-box{ width: 122px; line-height: 34px; margin-top: 14px;}
	.details-tabs-container.fixed{ top: 62px;}
	.details-tabs-container-hidden{ height: 64px;}
	
	.product-introduction-section{ padding: 52px 0;}
	.product-introduction-section .edit-container{ width: 960px;}
	.product-introduction-section .product-introduction-inner{ font-size: 14px; padding-top: 10px;}
	.product-introduction-section .product-introduction-inner p{ margin-top: 15px;}
	.product-introduction-section .product-introduction-inner .img{ margin-top: 25px;}
	
	.product-features-section{ padding: 52px 0;}
	.product-features-swiper{ margin: 42px -10px 0 -10px;}
	.product-features-swiper .swiper-slide{ padding: 0 10px;}
	.product-features-swiper .swiper-slide .block-box .cont-inner{ bottom: 20px; padding: 0 25px; font-size: 14px;}
	.product-features-swiper .swiper-slide .block-box .cont-inner .title{ font-size: 18px;}
	.product-features-swiper .swiper-slide .block-box .cont-inner .cont-box{ margin-top: 10px;}
	.product-features-swiper .swiper-slide .block-box .cont-inner .cont-box .more-btn-box{ margin-top: 20px;}
	.product-features-swiper .swiper-slide .block-box .cont-inner .cont-box .more-btn-box a{ width: 82px;}
	.product-features-swiper .swiper-pagination{ margin-top: 35px;}
	
	.product-value-section{ padding: 52px 0;}
	.product-value-section .edit-container{ width: 960px;}
	.product-value-inner{ margin-top: 42px;}
	.product-value-inner .edit-container{ width: 960px;}
	.product-value-cont{ font-size: 14px;}
	.product-value-cont p{ padding: 10px 0;}
	
	.main-customers-section{ padding: 52px 0;}
	.main-customers-inner{ margin-top: 42px;}
	.main-customers-tabs ul{ margin: 0 -30px;}
	.main-customers-tabs li{ margin: 0 30px;}
	.main-customers-content{ margin-top: 25px;}
	.main-customers-content .list-box ul{ margin: 0 -10px;}
	.main-customers-content .list-box li{ padding: 0 10px; margin-top: 20px;}
	.main-customers-content .list-box li .pic-box{ padding: 0 10px;}
	
	.do-next-section{ padding: 52px 0;}
	.do-next-inner{ margin-top: 25px;}
	.do-next-inner ul{ margin: 0 -10px;}
	.do-next-inner li{ width: 202px; line-height: 34px; font-size: 14px; margin: 0 10px;}
	
	.aboutus-container{ padding: 52px 0;}
	.aboutus-container .edit-container{ width: 960px;}
	.company-introduction-inner .top-title{ font-size: 25px;}
	.company-introduction-inner .content-inner{ font-size: 14px; padding-top: 12px;}
	.company-introduction-inner .content-inner .img,.company-introduction-inner .content-inner p{ margin-top: 20px;}
	
	.investor-ralations-container .edit-container{ width: 960px;}
	.investor-ralations-info{ padding: 52px 0;}
	.investor-ralations-info .info-box{ margin-top: 42px;}
	.investor-ralations-info .info-box .top-title{ font-size: 16px; padding-left: 20px; background-position: 0 1px; background-size: 14px;}
	.investor-ralations-info .info-box .cont-box{ margin-top: 25px; padding-left: 20px;}
	.investor-ralations-info .info-box .links-box .btn-box{ width: 182px; line-height: 36px; margin-right: 25px;}
	.investor-ralations-info .info-box .links-box .btn-box::before{ width: 38px; height: 38px; background-size: 16px;}
	.investor-ralations-info .info-box .links-box .btn-box a{ padding-right: 38px;}
	.investor-ralations-info .info-box .links-box .btn-box .icon{ width: 18px;}
	.investor-ralations-info .info-box .links-box .btn-box span{ font-size: 16px; margin-left: 10px;}
	.investor-ralations-info .info-box .c-block{ font-size: 14px;}
	
	.investor-ralations-label{ padding: 40px 0;}
	.investor-ralations-label li{ margin: 12px 0; font-size: 14px;}
	.investor-ralations-label li .top-title{ font-size: 16px; padding-left: 20px; background-position: 0 1px; background-size: 14px;}
	.investor-ralations-label li .cont{ padding-left: 20px; margin-top: 8px;}
	
	.contactus-container{ padding: 35px 0;}
	.contactus-list ul{ margin: 0 -15px;}
	.contactus-list li{ padding: 0 15px; margin: 15px 0;}
	.contactus-list li .block-box{ padding: 28px; font-size: 14px;}
	.contactus-list li .block-box .icon{ height: 36px;}
	.contactus-list li .block-box .title{ font-size: 16px; margin-top: 15px;}
	.contactus-list li .block-box .cont p{ margin-top: 12px; padding-left: 22px; background-size: 16px; background-position: 0 1px;}
	
	.company-history-container{ padding: 52px 0;}
	.company-history-inner .top-title{ font-size: 25px;}
	
	.company-history-list{ width: 960px;}
	.company-history-list .list-container{ margin-top: 35px;}
	.company-history-list .list-container::before{ width: 4px; left: -38px;}
	.company-history-list .list-container .list-block{ font-size: 14px; padding: 10px 28px; margin-top: 35px;}
	.company-history-list .list-container .list-block::after{ border-right: 10px solid rgba(255, 255, 255, 0.8); border-top: 7px solid transparent; border-bottom: 7px solid transparent; left: -10px; top: 25px;}
	.company-history-list .list-container .list-block::before{ width: 20px; height: 20px; left: -46px; top: 22px;}
	.company-history-list .list-container .list-block:first-child::before{ width: 40px; height: 34px; left: -57px; top: 18px;}
	.company-history-list .list-container .list-block .date{ font-size: 24px; left: -120px; top: 20px;}
	.company-history-list .list-container .list-block li{ margin: 10px 0; padding: 0 20px;}
	.company-history-list .list-container .list-block li::before{ width: 7px; height: 7px; top: 6px;}
	
	.history-slideMenu li{ height: 20px;}
	.history-slideMenu li a{ height: 20px; line-height: 20px;}
	.history-slideMenu li a:before{ width: 20px;}
	
	
	
	
}
@media (max-width: 1200px){
	/* 缩小60% */
	.edit-container{ width: 960px;}
	
	.company-history-list{ width: 720px;}
	
	
	
}

@media (max-width: 992px){
	/* 缩小60% */
	
	.edit-container{ width: 100%;}
	.visible-xs{ display: block !important;}
	.hidden-xs{ display: none !important;}
	
	body{ min-width: 100%; padding-top: 1.2rem;}
	
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0.4rem;}
	.swiper-pagination-bullet{ width: 0.42rem; height: 0.05rem; margin: 0 0.075rem;}
	
	.header{ height: 1.2rem; padding: 0 0.35rem;}
	.header .logo{ height: 0.5rem; margin-top: 0.35rem;}
	.header-right{ margin-top: 0.4rem; margin-right: 1.1rem;}
	.header-right .language{ display: none;}
	.header-search{ margin-left: 0;}
	.header-search .icon{ width: 0.4rem; height: 0.4rem;}
	
	.header .nav{ display: none;}
	
	.header-menu{ width: 1.2rem; height: 1.2rem; background: url(/statics/images/en_dcits/icon/icon-menu.png) center no-repeat; background-size: 0.4rem; position: absolute; top: 0; right: -0.4rem;}
	.header-menu.current{ background-image: url(/statics/images/en_dcits/icon/icon-menu-close.png);}
	
	.footer-top{ padding: 0.7rem 0.4rem; background-color: #f2f2f2;}
	.footer-friendly-links{ padding: 0;}
	.footer-friendly-links li{ float: none; width: 100%; font-size: 0.26rem; margin-top: 0.2rem;}
	.footer-friendly-links li:first-child{ margin-top: 0;}
	.footer-friendly-links li .block-box .top-title{ padding: 0.2rem 0; font-size: 0.3rem; border-bottom: 0.01rem solid #cacaca; position: relative;}
	.footer-friendly-links li .block-box .top-title .icon{ width: 0.2rem; height: 0.2rem; background: url(/statics/images/en_dcits/icon/icon-arrow-links-bottom.png) center no-repeat; background-size: cover; position: absolute; top: 50%; margin-top: -0.1rem; right: 0; transition:all 0.3s ease;}
	.footer-friendly-links li .block-box dl{ padding-top: 0; display: none;}
	.footer-friendly-links li .block-box dd{ margin: 0.2rem; padding: 0.2rem 0; border-bottom: 0.01rem solid #d4d4d4;}
	
	.footer-friendly-links li.active .block-box .top-title .icon{ transform: rotate(-180deg);}
	.footer-friendly-links li.active .block-box dl{ display: block;}
	
	.footer-info{ height: auto; padding: 0.7rem 0 0 0; border-top: 0;}
	.footer-info .logo{ display: none;}
	.footer-info .footer-tel{ float: none; margin-top: 0; font-size: 0.28rem; padding-left: 0.5rem; background-size: 0.36rem; margin-left: 11%;}
	.footer-info .footer-tel a{ font-size: 0.36rem;}
	.footer-info .footer-share{ position: initial; transform:translateY(0); margin-top: 0.5rem;}
	.footer-info .footer-share ul{ margin: 0 -0.15rem;}
	.footer-info .footer-share li{ width: 0.7rem; margin: 0 0.15rem;}
	.footer-info .footer-share li:hover .hidden-box{ display: none;}
	
	.copyright{ height: auto; line-height: 1.5; padding: 0.4rem; font-size: 0.24rem;}
	.copyright span{ display: block;}
	
	
	
	.home-banner .banner-inner{ padding: 0 0.4rem;}
	.home-banner .banner-inner .title{ font-size: 0.42rem;}
	.home-banner .banner-inner .btn-box{ margin-top: 0.55rem;}
	.home-banner .banner-inner .btn-box a{ width: 2.4rem; line-height: 0.7rem; font-size: 0.26rem;}
	
	.home-banner-label{ padding: 0;}
	.home-banner-label-swpier{ padding: 0.4rem 0;}
	.home-banner-label-swpier .swiper-wrapper{ display: flex;}
	.home-banner-label-swpier .swiper-container{ width: auto; margin: 0 -40%;}
	.home-banner-label-swpier::after,.home-banner-label-swpier::before{ content: ''; width: 30%; height: 100%; position: absolute; top: 0; z-index: 5;}
	.home-banner-label-swpier::after{ right: 0; background: -webkit-linear-gradient(to left, rgba(250, 250, 250, 1), transparent); background: linear-gradient(to left, rgba(250, 250, 250, 1), transparent);}
	.home-banner-label-swpier::before{ left: 0; background: -webkit-linear-gradient(to right, rgba(250, 250, 250, 1), transparent); background: linear-gradient(to right, rgba(250, 250, 250, 1), transparent);}
	
	.home-banner-label-swpier .swiper-slide{ float: none; width: 100%; padding: 0 0.4rem;}
	.home-banner-label-swpier .swiper-slide .block-box .cont-box{ font-size: 0.26rem; padding-left: 0.2rem;}
	.home-banner-label-swpier .swiper-slide .block-box .cont-box .title{ font-size: 0.4rem;}
	.home-banner-label-swpier .swiper-slide .block-box .cont-box .title span{ font-size: 0.45rem;}
	.home-banner-label-swpier .swiper-arrow{ width: 0.4rem; height: 0.4rem; background-position: center; background-size: cover; position: absolute; top: 50%; transform:translateY(-50%); z-index: 9; opacity: 0.8;}
	.home-banner-label-swpier .swiper-arrow-prev{ left: 10%; background-image: url(/statics/images/en_dcits/icon/icon-arrow-left.png);}
	.home-banner-label-swpier .swiper-arrow-next{ right: 10%; background-image: url(/statics/images/en_dcits/icon/icon-arrow-right.png);}
	
	.home-title-box{ font-size: 0.28rem;}
	.home-title-box .title{ font-size: 0.4rem;}
	
	.home-product{ padding: 0.7rem 0.4rem;}
	.home-product-inner{ margin-top: 0.5rem;}
	.home-product-inner-swiper{ margin: 0 -0.15rem;}
	.home-product-inner-swiper .swiper-wrapper{ display: flex;}
	.home-product-inner-swiper .swiper-slide{ padding: 0 0.15rem; margin-top: 0;}
	.home-product-inner-swiper .swiper-slide:nth-of-type(1),.home-product-inner-swiper .swiper-slide:nth-of-type(2),.home-product-inner-swiper .swiper-slide:nth-of-type(3),.home-product-inner-swiper .swiper-slide:nth-of-type(4),.home-product-inner-swiper .swiper-slide:nth-of-type(5){ width: 100%;}
	.home-product-inner-swiper .swiper-slide .block-box .pic-box{ height: 5rem;}
	.home-product-inner-swiper .swiper-slide .block-box .cont-box{ font-size: 0.26rem; padding: 0 1.6rem 0.8rem 0.6rem;}
	.home-product-inner-swiper .swiper-slide .block-box .cont-box .title{ font-size: 0.35rem;}
	.home-product-inner-swiper .swiper-slide .block-box .icon{ width: 0.4rem; right: 0.6rem; bottom: 0.98rem;}
	.home-product-inner .btn-more-box{ margin-top: 0.5rem;}
	.home-product-inner .btn-more-box a{ width: 2.4rem; line-height: 0.7rem; font-size: 0.26rem;}
	
	.home-partners{ padding: 0.7rem 0.4rem;}
	.home-partners-label{ margin-top: 0.2rem;}
	.home-partners-label li{ width: 50%; font-size: 0.26rem; padding: 0 0.15rem; margin-top: 0.4rem;}
	.home-partners-label li::before{ height: 0.34rem;}
	.home-partners-label li .block-box .title{ font-size: 0.45rem;}
	.home-partners-label li:nth-of-type(even)::before{ display: none;}
	
	.home-partners-inner{ padding-top: 0.4rem; margin: 0 -0.1rem;}
	.home-partners-swiper .swiper-slide{ width: 33.333333%; padding: 0 0.1rem;}
	.home-partners-swiper .swiper-slide .pic-box{ margin-top: 0.2rem; padding: 0 0.2rem;}
	.home-partners-swiper .swiper-pagination{ margin-top: 0.5rem;}
	
	.home-contactus{ padding: 0.7rem 0.4rem;}
	.home-contactus-cont{ width: 100%; position: initial; transform: translateY(0); font-size: 0.26rem; padding-right: 0;}
	.home-contactus-cont .home-title-box{ text-align: center;}
	.home-contactus-cont .cont p{ margin-top: 0.3rem;}
	.home-contactus-form{ float: none; width: 100%; padding-left: 0; margin-top: 0.5rem;}
	.home-contactus-form .form-inner{ padding: 0.6rem;}
	.home-contactus-form .form-inner li .input-text{ height: 0.8rem; padding: 0 0.3rem; font-size: 0.26rem;}
	.home-contactus-form .form-inner li textarea{ padding: 0.2rem 0.3rem; font-size: 0.26rem;}
	.home-contactus-form .form-inner .btn-box{ text-align: center; margin-top: 0.4rem;}
	.home-contactus-form .form-inner .btn-box button{ width: 2.4rem; line-height: 0.7rem; font-size: 0.26rem;}
	
	.breadcrumb{ line-height: 1.5; padding: 0.3rem 0.4rem;}
	
	.sub-banner .banner-inner{ /* padding-bottom: 0.9rem; */}
	.sub-banner .banner-inner .title{ font-size: 0.45rem;}
	.page-tabs{ font-size: 0;}
	.page-tabs ul{ display: block; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap;}
	.page-tabs li{ float: none; display: inline-block; vertical-align: top; width: auto; font-size: 0.28rem; height: 0.8rem; line-height: 0.8rem; padding: 0 0.4rem; border-width: 0.02rem;}
	.page-tabs-hidden{ height: 0.9rem;}
	
	.page-tabs.fixed{ top: 1.2rem;}
	
	.page-container{ margin-top: -0.8rem;}
	.product-list-section{ padding: 0.7rem 0.4rem;}
	.product-list-section .list-top-title{ font-size: 0.35rem;}
	.product-list-inner{ padding-top: 0.1rem;}
	.product-list-inner li{ float: none; width: 100%; margin-top: 0.4rem;}
	.product-list-inner li .block-box .title{ padding: 0 0.4rem 0.4rem 0.4rem; font-size: 0.32rem;}
	
	.details-tabs-container{ padding: 0.3rem 0; height: 2.22rem;}
	.details-tabs-container .tabs{ float: none; width: 100%; padding: 0 0.4rem; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; display: block; white-space: nowrap;}
	.details-tabs-container .tabs li{ float: none; display: inline-block; vertical-align: top; height: auto; line-height: 2; font-size: 0.28rem; margin-right: 0.4rem;}
	.details-tabs-container .tabs li:last-child{ margin-right: 0.4rem;}
	.details-tabs-container .btn-box{ float: none; width: 2.2rem; line-height: 0.7rem; font-size: 0.26rem; margin: 0.3rem auto 0 auto;}
	.details-tabs-container.fixed{ top: 1.2rem;}
	.details-tabs-container-hidden{ height: 2.22rem;}
	
	.product-introduction-section{ padding: 0.7rem 0.4rem;}
	.product-introduction-section .edit-container{ width: 100%;}
	.product-introduction-section .product-introduction-inner{ font-size: 0.26rem; padding-top: 0.1rem;}
	.product-introduction-section .product-introduction-inner p{ margin-top: 0.3rem;}
	.product-introduction-section .product-introduction-inner .img{ width: 100%; margin-top: 0.4rem;}
	
	.product-features-section{ padding: 0.7rem 0.4rem;}
	.product-features-swiper{ margin: 0.5rem -65% 0 -65%;}
	.product-features-swiper .special-wrapper{display: flex!important;}
	.product-features-swiper .swiper-slide{ padding: 0 0.15rem;}
	.product-features-swiper .swiper-slide .block-box .cont-inner{ padding: 0 0.4rem; font-size: 0.26rem;}
	.product-features-swiper .swiper-slide .block-box .cont-inner .title{ font-size: 0.35rem;}
	.product-features-swiper .swiper-slide .block-box .cont-inner .cont-box{ margin-top: 0.2rem;}
	.product-features-swiper .swiper-slide .block-box .cont-inner .cont-box .more-btn-box{ margin-top: 0.3rem;}
	.product-features-swiper .swiper-slide .block-box .cont-inner .cont-box .more-btn-box a{ width: 1.8rem; line-height: 0.5rem; font-size: 0.24rem;}
	.product-features-swiper .swiper-pagination{ transform: translateX(0) !important; margin: 0.5rem auto 0 auto;}
	
	.product-value-section{ padding: 0.7rem 0.4rem;}
	.product-value-section .edit-container{ width: 100%;}
	.product-value-inner{ margin-top: 0.5rem;}
	.product-value-inner .edit-container{ width: 100%;}
	.product-value-pic{ float: none; width: 100%; padding-right: 0;}
	.product-value-cont{ width: 100%; position: initial; transform: translateY(0); padding-left: 0;}
	.product-value-cont p{ padding: 0.3rem 0 0 0;}
	
	.product-value-section-right .product-value-pic{ float: none; padding: 0;}
	.product-value-section-right .product-value-cont{ padding: 0; position: initial; right: auto; left: 0;}
	
	.main-customers-section{ padding: 0.7rem 0.4rem;}
	.main-customers-inner{ margin-top: 0.5rem;}
	.main-customers-tabs{ width: 100%; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; display: block; white-space: nowrap;}
	.main-customers-tabs ul{ margin: 0 -0.4rem;}
	.main-customers-tabs li{ float: none; display: inline-block; vertical-align: top; height: auto; line-height: 2; font-size: 0.28rem; margin: 0 0.4rem; padding-bottom: 0;}
	.main-customers-content{ margin-top: 0.3rem;}
	.main-customers-content .list-box ul{ margin: 0 -0.1rem;}
	.main-customers-content .list-box li{ width: 33.333333%; padding: 0 0.1rem; margin-top: 0.2rem;}
	.main-customers-content .list-box li .pic-box{ padding: 0 0.2rem;}
	
	.do-next-section{ padding: 0.7rem 0.4rem;}
	.do-next-inner{ margin-top: 0.2rem;}
	.do-next-inner li{ width: 65%; line-height: 0.7rem; font-size: 0.26rem; margin-top: 0.3rem;}
	
	.aboutus-container{ padding: 0.7rem 0.4rem;}
	.aboutus-container .edit-container{ width: 100%;}
	.company-introduction-inner .top-title{ font-size: 0.35rem;}
	.company-introduction-inner .content-inner{ font-size: 0.26rem; padding-top: 0.2rem;}
	.company-introduction-inner .content-inner .img,.company-introduction-inner .content-inner p{ margin-top: 0.3rem;}
	
	.investor-ralations-container .edit-container{ width: 100%;}
	.investor-ralations-info{ padding: 0.7rem 0.4rem;}
	.investor-ralations-info .info-box{ margin-top: 0.5rem;}
	.investor-ralations-info .info-box .top-title{ font-size: 0.28rem; padding-left: 0.4rem; background-position: 0 0.02rem; background-size: 0.26rem;}
	.investor-ralations-info .info-box .cont-box{ margin-top: 0.4rem; padding-left: 0.4rem;}
	.investor-ralations-info .info-box .links-box .btn-box{ width: 45%; line-height: 0.62rem; border-width: 0.01rem; margin-right: 5%;}
	.investor-ralations-info .info-box .links-box .btn-box::before{ width: 0.64rem; height: 0.64rem; top: -0.01rem; right: -0.01rem;}
	.investor-ralations-info .info-box .links-box .btn-box a{ padding-right: 0.64rem;}
	.investor-ralations-info .info-box .links-box .btn-box .icon{ width: 0.36rem;}
	.investor-ralations-info .info-box .links-box .btn-box span{ font-size: 0.28rem; margin-left: 0.15rem;}
	.investor-ralations-info .info-box .c-block{ font-size: 0.26rem; padding-left: 0.2rem;}
	.investor-ralations-info .info-box .c-block::before{ width: 0.08rem; height: 0.08rem; top: 0.14rem;}
	
	.investor-ralations-label{ padding: 0.7rem 0.4rem;}
	.investor-ralations-label li{ float: none; width: 100%; margin: 0.3rem 0 0 0; font-size: 0.26rem;}
	.investor-ralations-label li:first-child{ margin-top: 0;}
	.investor-ralations-label li .top-title{ font-size: 0.28rem; padding-left: 0.4rem; background-position: 0 0.02rem; background-size: 0.26rem; height: auto; -webkit-line-clamp: initial;}
	.investor-ralations-label li .cont{ padding-left: 0.4rem; margin-top: 0.15rem;}
	
	.contactus-container{ padding: 0.7rem 0.4rem;}
	.contactus-list li{ float: none; width: 100%; margin: 0.3rem 0 0 0;}
	.contactus-list li:first-child{ margin-top: 0;}
	.contactus-list li .block-box{ padding: 0.4rem; font-size: 0.26rem;}
	.contactus-list li .block-box .icon{ height: 0.7rem;}
	.contactus-list li .block-box .title{ font-size: 0.28rem; margin-top: 0.3rem; height: auto; white-space: initial;}
	.contactus-list li .block-box .cont p{ margin-top: 0.2rem; padding-left: 0.4rem; background-size: 0.28rem; background-position: 0 0.02rem;}
	.contactus-list li .block-box .cont .address{ height: auto; -webkit-line-clamp: initial;}
	.contactus-list li .block-box .cont .phone{ height: auto; white-space: initial;}
	
	.company-history-container{ padding: 0.7rem 0.4rem; background-image: url(/statics/images/en_dcits/company-history-bg-mobile.jpg); background-position: 0 2rem; background-size: 100% auto;}
	.company-history-inner .top-title{ font-size: 0.35rem;}
	.company-history-list{ width: 100%;}
	.company-history-list .list-container{ margin-top: 0.5rem;}
	.company-history-list .list-container::before{ display: none;}
	
	.company-history-list .list-container .list-block{ font-size: 0.26rem; background-color: transparent; padding: 0.6rem 0 0 0.5rem; margin-top: 0.5rem;}
	.company-history-list .list-container .list-block::after{ display: none;}
	.company-history-list .list-container .list-block::before{ width: 0.32rem; height: 0.32rem; left: 0; top: 0.08rem;}
	.company-history-list .list-container .list-block:first-child::before{ width: 0.54rem; height: 0.42rem; left: -0.15rem; top: 0.04rem;}
	.company-history-list .list-container .list-block .date{ font-size: 0.5rem; left: 0.5rem; top: 0; color: #e0002a;}
	.company-history-list .list-container .list-block ul{ padding-top: 0.1rem;}
	.company-history-list .list-container .list-block li{ margin: 0.2rem 0; padding: 0 0.4rem;}
	.company-history-list .list-container .list-block li::before{ width: 0.12rem; height: 0.12rem; top: 0.12rem;}
	
	
	
	.history-slideMenu{ display: none !important;}
	
}

@media (max-width: 768px){
	
}

/* 超小屏 */
@media (max-width: 640px){
	
}

/* 特殊缩放 */
@media (min-width: 1201px) and (max-width: 1280px){
	/* 缩小70% */
	
	
}