锘
@font-face {
	font-family: 'DINCond-Bold'; 
	src: url('../fonts/DINCond-Bold.eot');
	src: url('../fonts/DINCond-Bold.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/DINCond-Bold.ttf')  format('truetype'),
        url('../fonts/DINCond-Bold.otf') format('otf'); 
}

.top{ width: 100%; height: 333px; background: url(../uploadfiles/top.jpg) no-repeat left; }
.bottom{ width: 100%; height: 158px; background: url(../uploadfiles/bottom.jpg) no-repeat left; }


/* banner */
.Banner002975{position: relative; z-index: 1; }
.Banner002975 .auto{ max-width: 1140px; text-align: center; }
.Banner002975 .txt-area{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;color: #fff;}
.Banner002975 .txt-area .ytable{height: 100%;}
.Banner002975 .txt-area aside.t-1{ font-size: 24px; margin:0 0 30px 0; }
.Banner002975 .txt-area .more{font-size: 14px; line-height: 2.445em; border: solid 1px #ffffff; padding: 0 1.389em 0 1.778em;display: inline-block; text-transform: uppercase;color: #fff;position: relative; overflow: hidden;transition: 0.5s;}
.Banner002975 .txt-area .more span{display: block;position: relative; z-index: 3;}
.Banner002975 .txt-area .more span:after{display: inline-block; content: '>'; font-size: 16px;font-family: '瀹嬩綋';margin-left: 30px;}
.Banner002975 .txt-area .more:before{position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; border-radius: 50%; background: #e60000; margin: -15px 0 0 -15px; opacity: 0; content: '';transition: 0.5s;}
.Banner002975 .txt-area .more:hover{border-color:transparent;}
.Banner002975 .txt-area .more:hover:before{transform: scale(8);-webkit-transform: scale(8);-ms-transform: scale(8);opacity: 0.8;}
@media(min-width:769px){
.Banner002975 .slider-pic .slick-dots{display: none!important;}
.Banner002975 .wap{display: none;}
.Banner002975 .txt-area aside{  }
.Banner002975 .slick-arrow{display: none!important;}
.Banner002975 .slick-arrow{  z-index: 20; position: absolute; top: 50%; width: 16px; height: 16px; border: 1px solid #fff; border-right: 0; border-bottom: 0; margin-top: -8px;}
.Banner002975 .slick-prev{left: 2.92vw; transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.Banner002975 .slick-next{right: 2.92vw; transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.Banner002975 .slider-txt{position: absolute; left: 0; width: 100%; bottom: 3.07vw; z-index: 10; display: none; }
.Banner002975 .slider-txt li{color: #fff; opacity: 0.5; cursor: pointer;}
.Banner002975 .slider-txt li.slick-current{opacity: 1;}
.Banner002975 .slider-txt li span{display: inline-block; width: 16px; margin-right: 15px;position: relative;background: rgba(255,255,255,0.5); opacity: 0; height: 1px; vertical-align: middle;}
.Banner002975 .slider-txt li.slick-current span{opacity: 1;}
.Banner002975 .slider-txt li span:before{position: absolute; left: 0; top: 0; height: 100%; width: 0;background: #fff; content: '';}
.Banner002975 .slider-txt li.slick-current span:before{width: 100%; transition: 6s;}
}
@media(min-width:769px) and (max-width:1366px){
.Banner002975 .txt-area aside{font-size: 2.2vw; }
.Banner002975 .txt-area aside.t-2{font-size: 3.2vw; }
.Banner002975 .txt-area .more{font-size: 1.5vw;}
}
@media(max-width:768px){
.Banner002975 .slider-txt,
.Banner002975 .pc{display: none;}
.Banner002975 .txt-area{height: 45%; text-align: center;}
.Banner002975 .txt-area aside.t-3 {margin-bottom: 2.5em;}
.Banner002975 .slider-pic .slick-dots{position: absolute; left: 50%; transform: translateX(-50%); z-index: 20; bottom: 3%;}
.Banner002975 .slider-pic .slick-dots li button{display: none;}
.Banner002975 .slider-pic .slick-dots li{float: left; width: 20px; height: 2px; background: #e60000; margin: 0 4px; opacity: 0.5;}
.Banner002975 .slider-pic .slick-dots li.slick-active{opacity: 1;}
.Banner002975 .txt-area aside{font-size: 4vw; }
.Banner002975 .txt-area aside.t-2{font-size: 4.5vw; }
.Banner002975 .txt-area .more{font-size: 3vw;}
}

.icon-yx{font-size:34px !important;height:37px;margin-top:2px;}

/* 浼佷笟鍚嶇墖 */
.column_title{ position:relative; z-index:3; text-align:center; padding-bottom: 40px; } 
.column_title h4{font-size:30px; font-weight:normal; margin: 0; position: relative; color: #000;  }
.column_title h4 span{ color: #e60000;  }
.column_title h4::after{ display:block; content:''; width:35px; height:4px; background:#e60000; margin:20px auto 10px;}
@media(max-width:640px){
.column_title{ padding-bottom: 25px; } 
.column_title h4{ font-size:20px;}
} 

/* 浼佷笟鍚嶇墖 */
.Business_card{ padding: 3vw 0; }


.Business_card .info{ padding-top: 30px;  }
.Business_card .info-num li{float: left;width: 25%; text-align: center;  }
.Business_card .info-num li aside{display: inline-block;position: relative;}
.Business_card .info-num li aside b{font-family:"DINCond-Bold";font-size: 86px;color: #e60000;display: block;}
.Business_card .info-num li aside sub{ color: #333; position: absolute; left: 100%; word-break: keep-all; bottom: 15%;font-size: 18px;font-weight: 200;margin-left: 10px;}
.Business_card .info-num li aside sub.sub2{bottom:40%;}
.Business_card .info-num li p{font-size: 16px;color: #333; margin-bottom: 0;margin-top: 5px;}
@media(min-width:1025px) and (max-width:1200px){
.Business_card .info-num li aside b{font-size: 60px;}
}
@media(min-width:641px) and (max-width:769px){
.Business_card .info-num li aside b{font-size: 60px;}
}

.Business_card dd{ float: left; width: 49.5%; margin: 0 1% 1% 0; padding: 50px; background: #67bbe7;  color: #fff; font-size: 20px; background-size: cover; background-repeat: no-repeat; background-position: center;  }
.Business_card dd span h2{ font-size: 58px; margin: 0; }
.Business_card dd span h2 em{   }
.Business_card dd:nth-of-type(2n){ margin-right: 0; }
.Business_card .info p{  line-height: 32px; font-size: 16px; }

/* 涓氬姟闆嗙兢 */
.Floor002873{padding-bottom:20px;}
.Floor002873 .auto_1140{ max-width: 1320px;}

/*slick Basic*/
.Floor002873 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.Floor002873 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;}
.Floor002873 .slick-list:focus {outline: none}
.Floor002873 .slick-list.dragging {cursor: pointer;cursor: hand;}
.Floor002873 .slick-slider .slick-track, 
.Floor002873 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.Floor002873 .slick-track {position: relative; top: 0; left: 0;  }
.Floor002873 .slick-track:before, 
.Floor002873 .slick-track:after{display: table; content: '';}
.Floor002873 .slick-track:after{ clear: both;}
.Floor002873 .slick-loading .slick-track { visibility: hidden;}
.Floor002873 .slick-slide{ display: none; float: left;min-height: 1px;}
[dir = 'rtl'] .slick-slide {float: right;}
.Floor002873 .slick-slide .slick-loading img { display: none;}
.Floor002873 .slick-slide .dragging img { pointer-events: none;}
.Floor002873 .slick-initialized .slick-slide { display: block; text-align: center; }
.Floor002873 .slick-loading .slick-slide { visibility: hidden;}
.Floor002873 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.Floor002873 .slick-arrow .slick-hidden { display: none;}
/*slick Basic End*/

.Floor002873 .inner{padding: 20px;background: #fff;}
@media(max-width:640px){
.Floor002873 .inner{padding: 10px;}
}
.Floor002873 .slider{padding: 0 60px;}
.Floor002873 .slider li a{display: block; color: #333; padding: 0 10px;}
.Floor002873 .slider li .icon{text-align:center; }
.Floor002873 .slider li .icon img{display: inline-block; }
.Floor002873 .slider li .cn{font-size: 18px;font-weight: bold; padding: 15px 0; color: #e60000; }
.Floor002873 .slider li .txt{ font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; }
.Floor002873 .slick-arrow{position: absolute; top: 40%; height: 20%;background: #d6d6d6; cursor: pointer;padding: 0; font-size: 0;border: 0; width: 38px;border-radius: 4px;}
.Floor002873 .slick-arrow:hover{ background: #e60000; }
.Floor002873 .slick-arrow:before{position: absolute; width: 20px; height: 20px; border-right: 1px solid #fff;border-top: 1px solid #fff; transform: rotate(45deg); content: ''; left: 50%; top: 50%; margin: -10px 0 0 -15px;}
.Floor002873 .slick-prev{left: 0;}
.Floor002873 .slick-prev:before{transform: rotate(-135deg); margin-left: -5px; }
.Floor002873 .slick-next{right: 0;}
@media(max-width:1024px){
.Floor002873 .slider{padding: 0 50px;}
.Floor002873 .slider li a{margin: 0 5px;color: #fff; padding: 3vw;}
}
@media(max-width:480px){
.Floor002873 .slider li a{text-align: center;}
}

/* 瑙ｅ喅鏂规 */
.Floor002350{ padding-bottom: 4vw; }
.Floor002350 dd{ position: relative; width: 32%; margin-right: 2%; float: left; }
.Floor002350 dd .link{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; }
.Floor002350 dd::after{ position: absolute; width: 100%; height: 100%; display: block; content: ''; top: 0; left: 0; z-index: 1; background:rgba(0,0,0,0.5); }
.Floor002350 dd:last-of-type{ margin-right: 0;}
.Floor002350 dd .Ispic{ width: 100%; padding-bottom: 60%; } 
.Floor002350 dd .txt{ position: absolute; width: 100%; text-align: center; top: 43%; font-size: 15px; color: #fff; z-index: 2; transition: all .3s ease-in-out;  }
.Floor002350 dd:hover .txt{  top: 25%; }
.Floor002350 dd .txt h1{ margin: 0 0 15px;  font-weight: normal; font-size: 24px;  } 
.Floor002350 dd .txt .info{ display: none; transition: all .3s ease-in-out; } 
.Floor002350 dd .txt .info p{ line-height: 24px; margin: 0;  } 
.Floor002350 dd:hover .txt .info{ display: block; } 

/* 鍒涙柊椹卞姩 鎸佺画涓哄鎴锋彁渚涢鍏堟妧鏈柟妗堢殑鍏抽敭鍔ㄥ姏*/
.Innovation_driven{ position: relative; background-color: #202020; padding: 5vw 0; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.Innovation_driven .column_title h4{ color: #fff;  }
.Innovation_driven li{color: #fff; font-size: 16px; width: 33.3334%; padding:20px 0 ; margin: 0 auto; position: relative; z-index: 3;text-align: center; float: left; width:50%;} 
.Innovation_driven li span{ font-size: 20px; } 
.Innovation_driven li em{ font-size: 16px; line-height: 26px; height: 52px; font-style: normal; } 
.Innovation_driven li p{  border: 2px solid rgba(255,255,255,0.2);  margin: 0 auto 30px;width: 130px; height:130px;border-radius: 130px;}
.Innovation_driven li p b{ font-size: 60px; font-family: arial; display: block; padding: 44px 0 10px}
@media only screen and (min-width:768px){
   .Innovation_driven .fz_60{ font-size:40px;}
   .Innovation_driven li{width:33.33%; }
   .Innovation_driven li p{width: 180px; border-radius:180px; height:180px;}
}
@media only screen and (min-width:1024px){
   .Innovation_driven .fz_60{ font-size:50px;} 
   .Innovation_driven li{width:25%; }
}
@media only screen and (min-width:1200px){
   .Innovation_driven .fz_60{ font-size:60px;}  
}

/* 鍥剧墖杞挱 */
.Floor001696{ padding:3% 0;}
.Floor001696 .auto li a{ display:block; }
.Floor001696 .auto li figure{ padding-bottom:68%; background-size:contain;}
.Floor001696 .bx-wrapper{ position:relative; z-index:1;}


.Floor001696 .bx-controls-direction a{ position: absolute; top: 20%; height: 60%;background: #d6d6d6; cursor: pointer;padding: 0; font-size: 0;border: 0; width: 38px;border-radius: 4px; }
.Floor001696 .bx-controls-direction a:hover{ background: #e60000; }
.Floor001696 .bx-controls-direction a:before{position: absolute; width: 20px; height: 20px; border-right: 1px solid #fff;border-top: 1px solid #fff; transform: rotate(45deg); content: ''; left: 50%; top: 50%; margin: -10px 0 0 -15px;}
.Floor001696 .bx-controls-direction a.bx-prev{ left:-6%;}
.Floor001696 .bx-controls-direction a.bx-next{ right:-6%;}
.Floor001696 .bx-controls-direction a.bx-prev:before{transform: rotate(-135deg); margin-left: -5px; }  

@media(max-width:1440px){
.Floor001696 .bx-controls-direction a.bx-prev{ left:-1%;}
.Floor001696 .bx-controls-direction a.bx-next{ right:-1%}
}
@media(max-width:480px){
.Floor001696 .auto li a{padding:3px;}
.Floor001696 .bx-controls-direction a{width:30px; height:30px;margin-top:-15px;}
}

/* 鍗撹秺渚涘簲閾 路 鍔犻€熶粠鈥滃埗閫犫€濊繄鍚戔€滄櫤閫犫€ */
.Floor002732{overflow-x: hidden;}
.Floor002732 .column_title h3{ font-size: 24px; font-weight: normal; margin: 25px 0 5px; }
.Floor002732 .column_title h2{ margin: 0; font-size: 14px; font-weight: normal; color: #999; }
.Floor002732 .column_title p{ color: #333; }  

.Floor002732 .main{position: relative; }
.Floor002732 .main:before,
.Floor002732 .main:after{position: absolute; content: ''; width: 100%; height: 1px; background: #e5e5e5; left: 0;}
.Floor002732 .main:before{ top: 0;}
.Floor002732 .main:after{bottom: 0;} 
.Floor002732 .ul{position: relative; z-index: 10;}
.Floor002732 .ul li{position: relative; height: auto; float: left; width: 16.666667%;}
.Floor002732 .ul li:before{position: absolute; content: ''; left: -19px;top: 0; height: 0; background: #e90214; right:-19px;opacity: 0; -webkit-opacity: 0; transition: 0.3s ease-in-out;}
.Floor002732 .ul li:hover:before{ opacity: 1; -webkit-opacity: 1; height: 100%;}
.Floor002732 .ul li a{ position: relative; z-index: 10; text-align: center; height: 280px;}
.Floor002732 .ul li p{height: 0; opacity: 0; -webkit-opacity: 0;  color: #fff;}
.Floor002732 .ul li .icon img{width: 75px; height: 75px;}
.Floor002732 .ul li .icon .off{display: none;}
.Floor002732 .ul li .title{max-width: 90%; margin: 0 auto; font-size: 16px; color: #555;}
.Floor002732 .ul li h2{ margin-bottom: 10px; font-size: 20px; color: #e90214;}
.Floor002732 .ul li a:hover .title h2,
.Floor002732 .ul li a:hover .title{color: #fff;}
.Floor002732 .ul li a:hover .icon .on{display: none;}
.Floor002732 .ul li a:hover .icon .off{display:inline-block;}
.Floor002732 .ul li a:hover p{height:78px;opacity: 1; -webkit-opacity: 1;  line-height: 26px;transition: 0.3s ease-in-out;}
.Floor002732 .slick-dots{position: absolute; left: 0; bottom: -40px; width: 100%; z-index: 10;}
@media(max-width:1100px){
.Floor002732 .main{margin-bottom: 50px;}
}

/* 鍒嗗叕鍙稿伐鍘 */
.Floor002958{ padding: 3.5vw 0 ;}
.Floor002958 .ul{ width: 65%; float: left; }
.Floor002958 .right{ width: 30%; float: right; }
.Floor002958 .right h1{ color: #e90214; font-size: 18px; }
.Floor002958 .right p{ line-height: 24px; font-size: 14px;  }
.Floor002958 li{float: left; position: relative; z-index: 1;}
.Floor002958 li .pic{overflow: hidden;}
.Floor002958 li .Ispic{padding-bottom: 127.973%; transition: 0.3s;}
.Floor002958 li a:hover .Ispic{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);}
.Floor002958 li .txt{position: absolute; width: 100px; height: 30px; text-align: center; bottom:10%; left: 50%; background: rgba(233, 2, 20, 0.7); margin-left: -50px;z-index: 20;color: #fff;transition: 0.3s;}
.Floor002958 li .txt aside{font-size: 16px; text-align: center; line-height: 1.5em; }
.Floor002958 li .txt .ytable{height: 100%;}
@media(min-width:641px) {
.Floor002958 li{width: 23.833%;margin-bottom: 1.556%; }
.Floor002958 li:not(:nth-child(4n)){margin-right: 1.556%;}
}
@media(min-width:641px) and (max-width:1024px){
.Floor002958 li{padding-top: 7vw; }
.Floor002958 li .txt{width: 14vw; height:14vw;margin-left: -7vw;}
.Floor002958 li .txt aside{font-size: 2.2vw;}
}
@media(max-width:640px){
.Floor002958 li{width: 48%;margin-bottom:4%; }
.Floor002958 li:not(:nth-child(2n)){margin-right: 4%;}
}
@media(max-width:480px){
.Floor002958 li{padding-top: 14vw; }
.Floor002958 li .txt{width: 28vw; height:28vw;margin-left: -14vw;}
.Floor002958 li .txt aside{font-size: 4.5vw;}
}

.Technical_care{ padding-bottom: 4vw;  }


/* 20210118 */
@media(max-width:960px){
   .Business_card .info-num li{width: 50%;margin-bottom: 20px;}
   .Business_card .info-num li aside b{font-size: 43px;}
   .Business_card .info{padding-top: 0;}
   .Floor002350 dd .txt h1{font-size: 18px;}
   .Innovation_driven li p b{padding: 30px 0 0;font-size: 40px;}
   .Innovation_driven li em{display: block;}
   .Floor002732 .ul li{width: 33.333334%;}
   .Floor002732 .ul li a{height: auto;padding: 20px 0 0;}
   .Floor002732 .ul li h2{margin-top: 0;}
   .Floor002732 .main{margin-bottom: 20px;padding-bottom: 25px;}
   .Floor002958 .ul{width: 100%;}
   .Floor002958 .right{width: 100%;}
   .Floor002958 li .txt{height: 10vw;}
   .Floor002958 li{padding-top: 0;}
   .Business_card .info-num li aside sub{font-size: 14px;}
   .Floor002873 .slider li .txt{color: #000;}
   .Floor002350 dd{width: 100%;margin-right: 0;margin-bottom: 15px;}
   .Floor002350 dd .txt .info{display: block;}
   .Floor002873{padding-bottom: 0;}
   .Business_card .info-num li p{font-size: 14px;}
   .column_title h4{font-size: 18px;}
   .column_title h4 span{display: inline-block;}
}

 .videobox{
        position: absolute;
        width: 100%;
        height: 100%;
        display: none;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 99;
    }
    .videobox video{
        max-width: 100%;
        height: 100%;
        margin: 0 auto;
		display: block;
    }
	 .closevideo{
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
        height: 20px;
        background: rgba(255.255.255.0.8);
        color: #000;
        font-size: 20px;
        line-height: 20px;
        text-align: center;
        display: block;
    }






.slick-slider {position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; z-index: 1;display: block; overflow: hidden;}
.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);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.slick-track {position: relative; top: 0; left: 0; display: block;}
.slick-track:before, 
.slick-track:after{display: table; content: '';}
.slick-track:after{ clear: both;}
.slick-loading .slick-track { visibility: hidden;}
.slick-slide{ display: none; float: left; min-height: 1px;}
[dir = 'rtl'] .slick-slide {float: right;}
.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;}



.Banner002826 .slick-dots{position:absolute;left:0;bottom:10%;text-align:center;width:100%;z-index:10}
.Banner002826 .slick-dots li{ cursor: pointer;display:inline-block;line-height:100px;overflow:hidden;width:18px;height:18px;margin:0 5px;position:relative;border-radius:50%;border:1px solid rgba(255,255,255,0)}
.Banner002826 .slick-dots li:after{content:"";display:block;position:absolute;left:4px;top:4px;width:8px;height:8px;background:#fff;border-radius:50%}
.Banner002826 .slick-dots li.slick-active{border:1px solid #fff}
.Banner002826 .slick-dots li button{display: none;}