
.product-container{width:1470px;  margin:0 auto 60px;padding-bottom:30px;border-bottom: 2px solid #ccc}
.product-pic{width:100%; float: left; margin-bottom:70px}
.product-pic{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.product-pic.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.product-pic img{max-width:100%;height: auto;display: block;margin: 0;}
.product-slip{float:left;width:100%;padding-top:0;outline:none!important}
.product-slip .product-listing{margin-top:0;margin-bottom:0;opacity:0}
.product-slip .product-listing.slick-initialized{opacity:1}
.product-slip .product-listing .product--producttile .product-image{margin-bottom:0px;outline:none!important;}
.product-slip .product-listing .product--producttile .product-image img{height:830px;margin:0 auto}

.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.ui--carousel .slick-dots{position:absolute;bottom:-40px;padding:0;margin:0;text-align:center;left:0;right:0;background:0 0!important;width:auto!important}
.ui--carousel .slick-dots li{list-style:none;display:inline-block}
.ui--carousel .slick-dots li.slick-active button{color:#000}
.ui--carousel .slick-dots button{border:none;background:0 0;color:#cccccc;cursor:pointer;padding-right:5px;padding-left:5px;outline:none}
.ui--carousel .slick-dots button span{display:none}
.ui--carousel .slick-dots button:before{font-size:1em;font-family:FontAwesome;display:inline-block;letter-spacing:normal;line-height:normal;content:"\f111"}
.productdt-subtitle{ width:100%; float:left; margin-bottom:60px;text-align: center;letter-spacing: 0.1em;}
.productdt-subtitle h2{ font-size:36px;margin-bottom: 25px}
.productdt-subtitle p{ font-size:19px;color: #444;line-height: 1.8em}
.video-content{width:100%; float:left;margin:0 0 60px}
.video-content{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.video-content.show{opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; }
.video-container iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-container img{max-width:100%;height: auto;} 
.productwrap{width: 100%; float: left; margin:50px 0 0;}
.productdt-title{width:100%; float:left;margin:0 0 50px;text-align: center}
.productdt-title h2{font-size:38px;font-weight: 600;color: #1c4966}
.social{width:100%; float: left; margin: 0 0 30px; text-align: right;}
.social span{font-size:12px; font-weight:700; margin:0 8px 0 0;}
.social a{display: inline-block;width: 30px;height: 30px;margin:0 10px 0 0;font-size:16px; text-align:center;padding:0;line-height:30px;transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;-o-transition: 0.4s; border-radius:99em;color:#fff; background-color: #888}
.social a:hover{background-color:#8b282d; }
.toppic{width:100%;float: left;margin:0 0 70px; text-align:center}
.toppic img{max-width:800px; height: auto;margin: 0 auto; display: block}
.productdt-wrap{width:100%;float: left;}
.productdt-row{width:1200px;margin: 0 auto;}
.tx-title{ font-size: 14px; margin: 0 0 12px; line-height:1.5em;color: #000;}
.st{font-size: 11px; color: #7a6c6c;line-height:1.2em; margin-bottom: 5px;}
.itemdate{width:10%; float: left; writing-mode: vertical-rl;text-orientation: sideways;transform: rotate(-180deg);font-size: 14px; margin-top: 35%;}
.featurebox{float:left; width:100%; margin:0}
  .featurebox ul{list-style-type:none; padding: 0;margin:0; text-align:center;}
  .featurebox li{margin:0 15px; padding:0; display: inline;}
  .featurebox img{max-height:35px;height: auto; margin-bottom:15px;} 
.tx-content{width:100%; float:left;margin:0 0 65px;font-size: 18px; line-height:2em; text-align:justify;}
.tx-content{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.tx-content.show{opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}

@media screen and (max-width: 1600px) {
.productwrap{margin:40px 0 0;}
.product-container{width:1200px;  margin:0 auto 50px;padding-bottom:15px;}
}
@media screen and (max-width: 1200px) {
.productwrap{margin:30px 0 0;}
.product-container{width:90%; margin:0 auto 40px;padding-bottom:15px;}
.productdt-subtitle{margin-bottom:45px}
.productdt-row{width:90%}
.toppic{margin:0 0 40px}
.toppic img{max-width:700px}
.productdt-title{margin:0 0 40px}	
 .product-pic{margin-bottom:60px}
.video-content{margin:0 0 45px}
.tx-content{margin:0 0 45px}
}
@media screen and (max-width: 980px) {
.productwrap{margin:30px auto 0;}
.product-container{margin:0 auto 35px;padding-bottom:10px;}
.productdt-title{margin:0 0 30px}
.productdt-title h2{font-size:28px}
.toppic{margin:0 0 30px}
.toppic img{max-width:80%}
.featurebox img{max-height:30px} 
.productdt-subtitle{margin-bottom:35px}
.productdt-subtitle h2{ font-size:30px;margin-bottom:15px}
.productdt-subtitle p{ font-size:18px}
.video-content{margin:0 0 40px}
 .product-pic{margin-bottom:50px}
.tx-content{margin:0 0 40px}
}
@media screen and (max-width: 550px) {
.productwrap{margin:20px auto 0;}
.product-container{margin:0 auto 25px;}
.productdt-title{margin:0 0 15px;}
.productdt-title h2{font-size:24px;}
.toppic{margin:0 0 50px}
.toppic img{max-width:100%}
.video-content{margin:0 0 25px}
.featurebox li{margin:0 12px}
.featurebox img{max-height:25px} 
.productdt-subtitle{margin-bottom:20px}	
.productdt-subtitle h2{ font-size:24px;margin-bottom:10px}
.productdt-subtitle p{ font-size:17px;line-height: 1.7em}
 .product-pic{margin-bottom:30px}
.tx-content{margin:0 0 25px;font-size: 17px; line-height:1.8em}
}

.standardwrap{width:100%;float: left;padding:60px 0 40px; margin:0;background-color: #f6f6f6}
.standard-title{width: 100%;float: left;position:relative;font-size:26px; padding-left:35px; letter-spacing: 1px;margin-bottom: 30px}
  .standard-title:before{content:'';position:absolute;width:25px;height:7px;background:#8b282d;top:15px;left:0px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.productdt-info{width: 100%;float: left;border-top: 1px solid #cacaca;}
.productdt-info ul{list-style-type:none; padding: 0;margin:0;}
.productdt-info li{margin:0; padding:15px 0;border-bottom: 1px solid #cacaca;letter-spacing: 0.1em}
.productdt-info li .item{width: 22%;margin-left:4%; color: #000;font-weight: 500;display: inline-block}
.productdt-info li .norm{width: 74%;display: inline-block}
.downloadwrap{width:100%;float: left;padding:0 0 60px; margin:0;background-color: #f6f6f6}
.download{width: 200px;float: left; margin-left: 4%}
.download-icon{width: 50px;float: left;font-size:24px;margin-top:5px}
.download-tx{width: 150px;float: left}
.download-tx .cn{font-size: 16px;font-weight: 500;margin-bottom: 5px}
.download-tx .en{font-size: 15px;color: #555}
.download-icon:hover i{color:#8b282d}

@media screen and (max-width: 1200px) {
.productdt-info li .item{width: 25%;margin-left:4%}
.productdt-info li .norm{width: 71%}
.downloadwrap{padding:0 0 45px}
}
@media screen and (max-width: 980px) {
.standardwrap{padding:40px 0 30px;}
.productdt-info li .item{width: 27%;margin-left:6%}
.productdt-info li .norm{width: 57%}
.download{margin-left: 6%}
.downloadwrap{padding:0 0 30px}
}
@media screen and (max-width: 550px) {
.standardwrap{padding:30px 0 20px}
.standard-title{font-size:22px; margin-bottom: 20px}
.standard-title:before{top:12px;}
.productdt-info li{padding:13px 0}
.productdt-info li .item{width:90%;margin:0 5% 8px}
.productdt-info li .norm{width:80%;margin: 0 5%}
.downloadwrap{padding:0 0 25px}
}

/*column*/
.column{width:100%; float:left; }
.column-content{width:1470px; margin: 60px auto 75px}
.columntitle{float:none; width:100%;font-size:26px; margin:0 0 50px 0;padding-left: 30px; text-align:center; letter-spacing:0.05em;font-weight: 500}
.columntitle span{position:relative;}
.columntitle span:before{content:"\f009";font-family:"Font Awesome 5 Free";font-weight: 900; position:absolute;top:2px;left:-30px;font-size:18px;color: #8b282d}
.columntitle{opacity: 0;-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-webkit-transform: translateY(-20px);transform: translateY(-20px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.columntitle.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.img-fluid{max-width:100%;height:auto}
.product-item{width:33.333333%;float: left; padding:0 15px;margin:0; display:inline-block;position:relative;}
.product-item{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.product-item.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.product-box {width: 100%; float: left; overflow: hidden;position: relative;margin: 0}
.product-box .product-box-img {position: relative;overflow: hidden;background-color: #f6f6f6}
.product-box .pproduct-box-img:after {content: " ";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;
    -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);-moz-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
    -o-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);}
.product-box .product-box-img > img {-webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);-moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
    -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);margin:0;display:block}
.product-box:hover .product-box-img:after {background:rgba(101, 101, 101, 0.4);}
.product-box .product-boxinfo{width: 100%; padding:10px 0 0; box-sizing: border-box; display:block}
.product-box .product-boxinfo h2{position:relative;display:inline-block;margin:5px 0;font-size:18px; letter-spacing:0.05em;font-weight:500}
.product-box .product-boxinfo p{font-size: 14px; letter-spacing:0.05em;color: #555}
.product-box .product-boxinfo h2::after{content:" ";display:block; width: 0%;height: 2px;background-color: #000;transition: .3s .2s;}
.product-item:hover .product-boxinfo h2::after{width:100%;}
.banneritem{position:absolute; left:32px; top:15px;z-index:2;padding:3px 8px; border-radius:2px; color:#fff; font-size:12px;letter-spacing: 0.1em; text-align:center;width: auto;background-color: #1c4966}

@media screen and (max-width: 1600px) {	
.column-content{width:90%; margin:60px auto 65px}
.columntitle{font-size:26px; margin:0 0 40px 0}
}
@media screen and (max-width: 1200px) {
.column-content{width: 93%; margin:45px auto 50px}
.columntitle{font-size: 24px; }
.product-item{padding:0 15px}
}
@media screen and (max-width: 980px) {
.column-content{margin:40px auto 45px;}
.columntitle{margin:0 0 30px 0}
.product-item{width: 50%; padding:0 15px}
.product-item:last-child{display: none;}
}
@media screen and (max-width: 550px) {
.column-content{width: 90%; margin:30px auto 5px}
.columntitle{font-size:22px; margin:0 0 25px}
.columntitle span:before{position:absolute;top:2px;left:-30px;font-size:16px}
.product-item{width:100%;padding:0;margin-bottom: 30px}
.product-item:last-child{display:block}
}