@charset "utf-8";
@import "/fonts/webfont.css";

body{font-size:14px;font-weight:normal;color:#000;margin:0px;padding:0px; background:#fff;font-family:Normal_En-Regular;}

html, body {margin:0;}
p,form,h1,h2,h3,h4,h5,h6,input,dl,dd,table,td,input,ul,li{margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6{ font-weight:normal}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
img{border:none;}
li{list-style:none}
a{color:#333;text-decoration:none; outline: none;}
a:hover{color: #000;}
.clear{clear:both;}
input,button,select,textarea{outline: none;border:none;}
select::-ms-expand {display: none;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
@font-face {
  font-family: 'lsfont';  /* Project id 752944 */
  src: url('//at.alicdn.com/t/font_752944_vjiej1e6u7.woff2?t=1649815465930') format('woff2'),
       url('//at.alicdn.com/t/font_752944_vjiej1e6u7.woff?t=1649815465930') format('woff'),
       url('//at.alicdn.com/t/font_752944_vjiej1e6u7.ttf?t=1649815465930') format('truetype');
}
.iconfont{font-family:"lsfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.lsfont{font-family:"lsfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.content{width:1400px; margin:0 auto;position:relative;}
.content12{width:1200px; margin:0 auto;position:relative;}
.content10{width:1000px; margin:0 auto;position:relative;}

.noselect{
-webkit-touch-callout: none;-webkit-user-select: none;
-khtml-user-select: none; -moz-user-select: none;
-ms-user-select: none; user-select: none; outline:none;
}


.page_bg{background-image:url(/en/images/page_bg.jpg); background-size:cover;width:100%; height:100%;background-repeat: no-repeat;background-position: center 0; position:relative;justify-content: center;display: flex;}
.html_logo{position:absolute;left: 30px;top: 20px;}
.html_logo img{height:60px;}
.page_bg .content{height:420px;position:absolute; top:50%; margin-top:-210px;align-items: center;display: flex; }
.page_bg .l{width:calc(100% - 550px); float:left;}
.page_bg .l h2{font-size:40px;font-family:Normal_En-Bold; text-transform:uppercase; padding-bottom:10px;}
.page_bg .l p{font-size:17px;font-family:Normal_En-Light; padding-top:15px;line-height: 26px;}
.page_bg .r{width:520px; float:right; padding-left:30px;}
.page_bg .r img{width:520px;}


.nav_ph{display:none;}
.top{position: fixed;height:90px;width:100%; display: flex;justify-content: center;align-items: center; z-index:10;border-bottom: 1px solid rgba(255,255,255,0.2);transition: all 0.3s;}
.top .logo{position:absolute; left:40px;}
.top .logo a{display: block;width: 205px;background: url(/en/images/logo_white.png) no-repeat 0 0; background-size: contain; height:60px;}

.top .nav li{float:left;padding: 0 20px;}	
.top .nav li a{color:#fff;font-size: 18px; position:relative;height: 90px;line-height: 90px;transition: all .3s; display:block;}
.top .nav li a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 0px;
    height: 2px;
    background: #fff;
    margin-top:0px;
    transition: all 0.3s;
}

.top .nav li:hover a:after {width: 100%;}

/*.top .nav li:after {content: "\e827";font-size: 14px;font-family: "lsfont";color: #fff;padding: 0 15px;}*/
.top .nav li:last-child:after {display:none;}
.top .lan{position:absolute; right:40px;color:#fff;font-size:16px;display: flex;justify-content: center;align-items: center; line-height:90px;}
.top .lan:before {
    content: "\e9ee";
    font-family: "lsfont";
    color: #fff;
	margin-right: 8px;
    font-size: 20px;
}
.top .lan:after {
    content: "\e726";
    font-family: "lsfont";
    color: #fff;
    font-size: 28px;
	transition: all .3s;
}
.top .lan .lan_list{position:absolute; background-color:#007ec1;top:85px;visibility: hidden; opacity: 0; transition: all .3s;width:150px;}
.top .lan .lan_list:before {
    position: absolute;
    content: "\e72d";
    font-family: "lsfont";
    color: #007ec1;
    font-size:42px;
	line-height: normal;
    top:-25px;
	left:50px;
}
.top .lan:hover:after {transform: rotate(180deg);transition: all .3s;}
.top .lan:hover .lan_list {
    top:90px;
    transition: all .3s;
    opacity: 1;
    visibility: visible;
    display: block;
}
.top .lan .lan_list ul{padding:10px 0;}
.top .lan .lan_list li{line-height:normal;}
.top .lan .lan_list li a{display:block; padding:8px 20px; color:#fff; font-family:'Normal_En-Light';transition: all .3s;}
.top .lan .lan_list li a:hover{background-color:#006faa;transition: all .3s;}
.top.fix_top{height:82px; background-color:#fff;transition: all 0.3s;box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.15); border-bottom:0;z-index: 30;}
.top.fix_top .logo a{background: url(/en/images/logo.png) no-repeat 0 0;}


.top.fix_top .nav li a{color:#333;}
.top.fix_top .nav li a:after{background: #177cc1;margin-top: -6px;}
.top.fix_top .lan{color:#333;}
.top.fix_top .lan:before{color:#177cc1;}
.top.fix_top .lan:after{color:#333;}
.top.fix_top .lan a{color:#000;}
.top.fix_top .lan a:first-child:after{color:#000;}
.top.fix_top .lan:hover .lan_list{top:86px;}


.top.other{height:82px; background-color:#fff;transition: all 0.3s;box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.15); border-bottom:0;z-index: 30;}
.top.other .logo a{background: url(/en/images/logo.png) no-repeat 0 0;}
.top.other .nav li a{color:#333;}
.top.other .nav li a:after{background: #177cc1;margin-top: -6px;}
.top.other .lan{color:#333;}
.top.other .lan:before{color:#177cc1;}
.top.other .lan:after{color:#333;}
.top.other .lan a{color:#000;}
.top.other .lan a:first-child:after{color:#000;}
.top.other .lan:hover .lan_list{top:86px;}


.b-scroll{position: absolute;left:50%;bottom:40px; margin-left:-40px;z-index:1;display: flex;display:-webkit-flex;-webkit-flex-flow: column;flex-flow: column;align-items: center;-webkit-align-items: center;}
.b-scroll strong{height: 60px;display: block;width: 1px;margin-bottom: 10px;background-color: transparent;position: relative;overflow: hidden;}
.b-scroll p{font-size: 12px; font-weight:bold; color: #FFFFFF; font-family: PingFang SC,Helvetica Neue,Helvetica,Microsoft YaHei,Arial,Hiragino Sans GB,sans-serif; letter-spacing:1px;}
.b-scroll strong:after{content: '';display: block;width: 100%;height: 100%;-webkit-animation: scrollline 2s ease-out .5s infinite;animation: scrollline 2s ease-out .5s infinite;position: absolute;left: 0;top: 0;background-color: #FFFFFF;}

@keyframes scrollline{
0%{height: 0%;bottom: initial;top: 0;}
25%{height: 100%;}
50%{height: 100%;}
70%{top: initial;bottom: 0;}
80%{height: 0%;}
100%{height: 0%;}
}
@-webkit-keyframes scrollline{
0%{height: 0%;bottom: initial;top: 0;}
25%{height: 100%;}
50%{height: 100%;}
70%{top: initial;bottom: 0;}
80%{height: 0%;}
100%{height: 0%;}
}
.index_swiper{width: 100%;height:70vh;--swiper-navigation-size: 50px;  margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;} 
.index_swiper .swiper-slide{background-size: cover; position:relative; background-position:center center;display: flex; justify-content: center; align-items: center;}
.index_swiper .swiper-slide a{display:block; width:100%; height:100%;}
.index_swiper .swiper-pagination-bullets{right:50px;}
.index_swiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #fff;
  opacity: .3;
  margin:16px 6px!important;
  border-radius: 20px;
  transition: opacity .5s, background-color .5s, width .5s;
  transition-delay: .5s, .5s, 0s;
  outline: none;
  transition: all .3s;
}
.index_swiper .swiper-pagination-bullet-active {
  opacity: 1;
  background: #ffffff;
  height:25px;
  transition-delay: 0s;
  outline: none;
  transition: all .3s;
}
.banner_txt{color:#fff; text-align:center; position:absolute;}
.banner_txt h1{font-weight:bold; font-size:50px; clear:both;}
.banner_txt h2{font-weight:bold; font-size:24px; clear:both;}

.index_tit{border-left: 1px solid #dddddd;padding: 20px 0 20px 25px;}
.index_tit h1{font-size:36px;color: #000;padding:5px 0 10px; position:relative;text-transform:uppercase;font-family: Normal_En-SemiBold;}
.index_tit h1:before{
    content: '';
    display: inline-block;
    width: 3px;
    height: 36px;
    background-color: #177cc1;
    top: 15px;
    left: -27px;
    transition: all .3s;
    position: absolute;
}
.index_tit .txt{font-size:16px; line-height:30px; color:#333; padding-bottom:30px;font-family:Normal_En-Light;}

.more{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 150px;height:42px;line-height: 42px;text-align: center;box-sizing: border-box;position: relative;z-index: 0;font-size: 14px;color: #FFFFFF;border-radius:2px;overflow: hidden;background-color:#177cc1;border:none;border: 1px solid #177cc1;font-family:Normal_En-Light;}
.more:hover{color: #177cc1;}
.more:before{content: '';display: block;width: 0%;height: 100%;transition: all .3s;background-color: #FFFFFF;position: absolute;left: 0;top: 0;z-index: -1;}
.more:hover:before{width: 100%;}
.more:after{content: "\eb8b";font-family: "lsfont";color: #fff;font-size:26px;margin-right: -10px;}
.more:hover:after{color:#177cc1;}
.more.center_btn{margin:0 auto; clear:both;}

.index02{padding:60px 0; display:flex;}
.index02 .l{width:calc(50% - 20px); padding-right:20px; float:left;}
.index02 .r{width:calc(50% - 20px); padding-left:20px; float:right;}
.index02 .r .r01{background: url(/en/images/index_r01.jpg) no-repeat 0 0; background-size:cover; width:50%; height:420px; float:left;}
.index02 .r .r01 a{background:rgba(23,124,193,0.7);font-family: Normal_En-SemiBold; font-size:24px; height:100%; width:100%; display:block;position: relative; color:#fff;
justify-content: center; align-items: center;display: flex;}
.index02 .r .r01 a i{font-style:normal;margin-top:130px;font-size:24px; opacity:0;transition: all .3s;}
.index02 .r .r01 a:before{content: "\e722";font-family: "lsfont";color: #fff;font-size:90px;display: block; position:absolute;margin-top:0px;transition: all .3s;}
.index02 .r .r01 a:after{border: 1px solid rgba(255,255,255,0.7);content: '';display: block;width:calc(100% - 42px);height:calc(100% - 42px); margin:20px; position:absolute;}
.index02 .r .r01 a:hover:before{margin-top:-60px;font-size:100px;transition: all .3s;}
.index02 .r .r01 a:hover i{opacity:1;font-size:26px; margin-top:90px;transition: all .3s;}
.index02 .r .r02{background: url(/en/images/index_r02.jpg) no-repeat 0 0; background-size:cover; width:50%; height:420px; float:right;position: relative;}
.index02 .r .r02 a{display:block; padding:20px; position:absolute; bottom:0; color:#fff;}
.index02 .r .r02 a h2{font-size:18px;font-family: Normal_En-SemiBold; padding-bottom:5px;}
.index02 .r .r02 a p{font-size:13px;font-family:Normal_En-Light; line-height:18px; height:72px; overflow:hidden;transition: all .3s;}
.index02 .r .r02 a:hover p{height:110px;transition: all .3s;}

.nei_ban .bg {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position:center center!important;
	background-size:cover!important;
    -webkit-animation: ani_scaleIn 2.5s cubic-bezier(0.23, 1, 0.32, 1)!important;
    animation: ani_scaleIn 2.5s cubic-bezier(0.23, 1, 0.32, 1)!important;
}
.nei_ban {
    position: relative;
    line-height: 0;
    overflow: hidden;
    height:65vh;
    background: #000;
}
.nei_ban .head{
	margin: 0;
    padding: 0;
    position: absolute;
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 3;
    text-align: center;
    white-space: nowrap;
    line-height: 1.2;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.nei_ban .head .up{font-size:45px;display: block;font-weight: bold;}
.nei_ban .head .up:before{
	content: '';
    display: inline-block;
    width: 80px;
    height: 2px;
    background-color: #c3c4c5;
    bottom: -15px;
    transition: all .3s;
    position: absolute;
	left: 50%;
    margin-left: -40px;
}
.title h2{font-size: 32px;color: #000;padding: 5px 0 20px; position:relative; font-family:Normal_En-SemiBold;}
.title h2:before {
    content: '';
    display: inline-block;
    width: 70px;
    height: 2px;
    background-color: #177cc1;
    bottom: 0px;
    transition: all .3s;
    position: absolute;
}
.title.center h2{display: flex;justify-content: center;align-items: center; font-family:Normal_En-SemiBold;}
.title.center.white h2{color:#fff;}
.title.center.white h2:before{background-color:#fff;}
.title.center p{text-align:center; margin:0 auto;font-family: 'Normal_En-Light'; font-size:16px;line-height: 26px;}
.title p{font-size:16px; line-height:30px; color:#333; padding-top:20px;letter-spacing: 0.5px;}

.about01{padding:60px 0; display:flex;}
.about01 .info{line-height:26px; margin:0 auto; text-align:center; padding:30px 0;}
.about01 .info em{font-size:16px; font-style:normal;text-transform: uppercase;}
.about01 .info p{color:#333; font-size:16px;font-family: Normal_En-Light; padding-top:10px;}
.about01 .countNum ul{display: flex;justify-content: center;align-items: center;}
.about01 .countNum li{display:inline-block; border-left:1px solid #c8c8c8; width:calc((100% - 4px) / 6); text-align: center; margin:0 0px;}
.about01 .countNum li i{color:#197dc1;}
.about01 .countNum li i.icon-ouyuan2{font-size:60px;}
.about01 .countNum li i.icon-earth-full{font-size:58px;}
.about01 .countNum li i.icon-a-tuanduizuzhijiagoushequn-07{font-size:56px;}
.about01 .countNum li i.icon-dunshu{font-size:60px;}
.about01 .countNum li i.icon-qiche{font-size:68px;}
.about01 .countNum li:first-child{border-left:0;}
.about01 .countNum li h2{font-size:16px;font-family:Normal_En_OS-Medium;color:#000; padding:4px 0 2px;}
.about01 .countNum li p{color:#666; font-size:12px;font-family: Normal_En-Light;}
.about02{
	background: linear-gradient(rgba(23,124,193, 1), rgba(23,124,193, 0.9), rgba(0, 0, 0, 0.5)), #000 url(/images/about02_bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
	padding:60px 0;
	display: block;
}
.about02 .info{line-height:30px; margin:0 auto; text-align:center; padding:30px 0; color:#fff; font-size:16px;font-family: 'Normal_En-Light';}
.about02 .pic{margin:0 auto;}
.about02 .pic ul{display: flex;justify-content: center;align-items: center; padding-top:30px;}
.about02 .pic li{display:inline-block; width:calc((100% - 120px) / 4); text-align: center; margin:0 0px;padding:0 20px;}
.about02 .pic li img{border-radius:50%; border:3px solid #fff;transition: all 0.3s; width:calc(100% - 6px);}


.about02 .pic li img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);transition: all 0.3s;}

.about03{padding:60px 0; display:flex;}
.about03 .kuang{border:1px solid #ddd; margin:50px 0;height:415px;}
.about03 .kuang .l{width:720px; float:left;}
.about03 .kuang .l img{width:100%;}
.about03 .kuang .r{width:calc(100% - 720px); float:right;height:415px; display: flex;justify-content: center;align-items: center;}
.about03 .kuang .r .info{}
.about03 .kuang .r .info h2{color:#333; font-size:26px;font-family: 'Normal_En-SemiBold'; border-bottom:1px solid #e8e8e8; padding-bottom:20px; margin-bottom:20px;}
.about03 .kuang .r .info p{font-size:16px;color:#222; line-height:28px;}
.about03 .kuang .r .info p b{font-family: 'Normal_En-Medium'; font-weight:normal;}

.products01{padding:60px 0; display:flex;}
.products01 .l{float:left;width:50%;}

.left_tit{border-left: 1px solid #dddddd;padding: 20px 0 20px 25px;}
.left_tit h2{font-size:32px;color: #000;position:relative;text-transform:uppercase;font-family: Normal_En-SemiBold; line-height:32px;}
.left_tit h2:before{
    content: '';
    display: inline-block;
    width: 3px;
    height: 36px;
    background-color: #177cc1;
    left: -27px;
    transition: all .3s;
    position: absolute;
}
.left_tit p{font-size:18px; padding:20px 0; line-height:30px;}
.left_tit .txt{font-size:16px; line-height:30px; color:#333; padding-bottom:30px;font-family:Normal_En-Light;}

.products01 .r{float:right;width:calc(50% - 40px); padding-left:40px;}
.products01 .r img{max-width:100%;}
.products02{
	background: linear-gradient(rgba(23,124,193, 0.6), rgba(23,124,193, 0.6)), #177cc1 url(/en/images/products02.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
	height:380px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.products02 .info{line-height:36px;text-align:center; padding:30px 0; color:#fff; font-size:28px;}

.products03{padding:80px 0 20px; display:flex;}
.products03 .box{padding:50px; background-color:#177dc1; margin-bottom:60px;display: flex;justify-content: center;align-items: center;}
.products03 .box .l{width:50%;float:left;position: relative;}
.products03 .box .r{width:calc(50% - 50px);float:left; padding-left:50px;}
.products03 .box .r h2{color:#fff; font-size:24px; font-family:'Normal_En-Medium'; padding-bottom:25px;}
.products03 .box .r .txt{color:#fff; font-size:18px; line-height:40px;}
.box_swiper{width:calc(100% - 80px); --swiper-navigation-size: 50px;margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1; } 
.box_swiper .swiper-slide{background-size: cover; position:relative; background-position:center center;display: flex; justify-content: center; align-items: center;}
.box_swiper .swiper-slide img{width:100%;}
.box_swiper .swiper-slide a{display:block; width:100%; height:100%;}
.box_swiper .swiper-pagination-bullets{bottom: 0;}
.box_swiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #000;
  opacity: .3;
  margin:16px 6px!important;
  border-radius: 20px;
  transition: opacity .5s, background-color .5s, width .5s;
  transition-delay: .5s, .5s, 0s;
  outline: none;
  transition: all .3s;
}
.box_swiper .swiper-pagination-bullet-active {
  opacity: 1;
  background: #002339;
  width:10px;
  transition-delay: 0s;
  outline: none;
  transition: all .3s;
}
.box_next,.box_prev{position:absolute; margin: 0;padding: 0;background-image: none;outline: none;height:80px; margin-top:-40px;}
.box_prev:after{
	content:'';border-width: 3px 0 0 3px;border-color: #a2cfec;
    width: 20px;height: 20px;border-style: solid;
    -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
	transition:all .2s;
}
.box_prev:hover:after{border-color: #fff;margin-left: -5px;transition:all .2s;}
.box_next:after{
	content:'';border-width: 0 3px 3px 0;border-color: #a2cfec;
    width: 20px;height: 20px;border-style: solid;
    -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
	transition:all .2s;
}
.box_next:hover:after{opacity: 1;border-color: #fff;margin-right: -5px;transition:all .2s;}

.tech01{padding:60px 0 120px; display:flex;}
.tech_swiper{margin-top:50px;}
.tech_swiper .cont{width:100%;display: flex;justify-content: center;align-items: center;background-color: #ebebeb;}
.tech_swiper .cont .l{width:calc(50% - 80px); padding:0 30px 0 50px; float:left;}
.tech_swiper .cont .l h2{font-size:28px;font-family:'Normal_En-SemiBold';}
.tech_swiper .cont .l .txt{font-size:14px;font-family:'Normal_En-Light'; padding-top:5px;line-height: 26px;max-height:320px;}
.tech_swiper .cont .r{float:right;width:50%;background-size:cover; height:450px;}
.tech_swiper .cont .r img{max-width:100%;}
.tech_box_next,.tech_box_prev{position:absolute; margin: 0;padding: 0;background-image: none;outline: none;width:50px;height:80px; margin-top:20px;}
.tech_box_prev{left:-10px;}
.tech_box_next{right:-10px;}
.tech_box_prev:after{
	content:'';border-width: 3px 0 0 3px;border-color: #d5d5d5;
    width: 40px;height: 40px;border-style: solid;
    -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
	transition:all .2s;
}
.tech_box_prev:hover:after{border-color: #008fd5;margin-left: -5px;transition:all .2s;}
.tech_box_next:after{
	content:'';border-width: 0 3px 3px 0;border-color: #d5d5d5;
    width: 40px;height: 40px;border-style: solid;
    -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
	transition:all .2s;
}
.tech_box_next:hover:after{opacity: 1;border-color: #008fd5;margin-right: -5px;transition:all .2s;}
.tech01 .swiper-pagination-bullets{bottom:-60px;}
.tech01 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #666;
  opacity: .3;
  margin:16px 4px!important;
  border-radius: 20px;
  transition: opacity .5s, background-color .5s, width .5s;
  transition-delay: .5s, .5s, 0s;
  outline: none;
  transition: all .3s;
}
.tech01 .swiper-pagination-bullet-active {
  opacity: 1;
  background: #008fd5;
  width: 20px;
  height:10px;
  transition-delay: 0s;
  outline: none;
  transition: all .3s;
}

.tech02{
	background: linear-gradient(rgba(73,102,118, 0.85), rgba(73,102,118, 0.85)), #000 url(/images/tech02_bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
	padding:60px 0;
	height:520px;
	position:relative;
}
.tech02 .info{line-height:30px; margin:0 auto; text-align:center; padding:30px 0; color:#fff; font-size:16px;font-family: 'Normal_En-Light';}

.tech02 .slide02{padding-top:140px;height:calc(100% - 140px);width:calc(100% - 240px); margin:0 120px;}
.tech02 .slide02:before{content:''; border-bottom: 1px solid #8ca7b5;display: block;}
.tech02 .slide02 .time_cont:before{
	content:'';border-width: 2px 0 0 2px;background-color: #ffffff; border-radius:15px;
    width: 20px;height: 20px; opacity:0.35;position: absolute; top:-10px; left: 69px;
	transition:all .3s;
}
.tech02 .slide02 .time_cont:after{
	content:'';border-width: 2px 0 0 2px;background-color: #ffffff; border-radius:15px;
    width: 12px;height: 12px;position: absolute; top:-6px; left: 73px;
	transition:all .3s;
}
.tech02 .slide02 .time_cont{position:relative;}
.tech02 .slide02 .time_cont h2{font-size:30px;color:#fff; position:absolute;top:15px;left: 66px; font-family:'Normal_En-SemiBold';}
.tech02 .slide02 .time_cont .txt{bottom:26px; position:absolute;color:#666;background-color: #fff;display: block;width:120px; padding:20px; border-radius:5px;text-align: center;word-wrap:break-word;}
.tech02 .slide02 .time_cont .txt:before{content: "\e72e";font-family: "lsfont";color: #fff;font-size:36px;bottom: -20px; position:absolute;left: 61px;}
.tech02 .slide02 .time_cont.down h2{top:-55px;}
.tech02 .slide02 .time_cont.down .txt{bottom:initial;top:27px;}
.tech02 .slide02 .time_cont.down .txt:before{content: "\e72d";font-family: "lsfont";color: #fff;font-size:36px;top: -22px; position:absolute;left: 61px;}
.tech02 .slide02_next,.slide02_prev{position:absolute; top:calc(50% + 38px);margin: 0;padding: 0;background-color: rgba(0,0,0, 0.3); outline: none;width:42px; height:42px;border-radius: 50%;transition:all .3s;}
.tech02 .slide02_prev{left:60px;}
.tech02 .slide02_next{right:60px;}
.tech02 .slide02_prev:after{
	content:'';border-width: 2px 0 0 2px;border-color: #fff;
    width: 10px;height: 10px;border-style: solid;
    -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
	transition:all .2s;
	margin-left: 4px;
}
.tech02 .slide02_prev:hover,.slide02_next:hover{background-color: rgba(0,0,0,0.5);transition:all .3s;}

.tech02 .slide02_next:after{
	content:'';border-width: 0 2px 2px 0;border-color: #fff;
    width: 10px;height: 10px;border-style: solid; margin-right: 4px;
    -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
	transition:all .3s;
}
.tech03{padding:80px 0; display:flex;}
.tech03 .swiper-button-next,.tech03 .swiper-button-prev{width: 40px;height: 60px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: rgba(0,0,0, 0.7);font-size: 20px;color: #FFFFFF;background-image: none;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);margin: 0;transition:background-color .3s;}
.tech03 .swiper-button-next:hover,.tech03 .swiper-button-prev:hover{background-color: rgba(0,0,0, 0.9);transition:background-color .3s;}
.tech03 .swiper-button-next{right: 0;}
.tech03 .swiper-button-prev{left: 0;}
.tech03_box_prev_one:after{width:20px; height:20px;margin-left: 9px;border-width:2px 0 0 2px;border-color:rgba(255,255,255, 0.5);transition:background-color .3s;}
.tech03_box_next_one:after{width:20px; height:20px;margin-right: 9px;border-width: 0 2px 2px 0;border-color:rgba(255,255,255, 0.5);transition:background-color .3s;}
.tech03_box_prev_one:hover:after{margin-left: 9px;border-color:rgba(255,255,255, 0.8);transition:background-color .3s;}
.tech03_box_next_one:hover:after{margin-right: 9px;border-color:rgba(255,255,255, 0.8);transition:background-color .3s;}
.tech03 .tech03_swiper_big {width: 100%;background-color: #f4f4f4;overflow: hidden;}
.tech03 .tech03_swiper_big .swiper-slide{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.tech03 .tech03_swiper_big .swiper-slide img{display: block;max-width: 100%;max-height: 100%;width: 100%;height: auto;}
.tech03_swiper_small{width: 100%;box-sizing: border-box;padding: 10px 180px;background-color: rgba(0,0,0,.8);position: absolute;bottom: 0;left: 0;z-index: 2;}
.tech03 .gallery-thumbs img{display: block; width: auto;height: auto;max-width: 100%;max-height:100px;}
.tech03 .gallery-thumbs .swiper-slide{height: 100%;border: 2px solid transparent;    display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.tech03 .gallery-thumbs .swiper-slide:after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);opacity: 1;position: absolute;top: 0;left: 0;}
.tech03 .gallery-thumbs .swiper-slide-thumb-active,.tech03 .gallery-thumbs .swiper-slide:hover{opacity: 1;border-color: #ffffff;}
.tech03 .gallery-thumbs .swiper-slide-thumb-active:after{opacity: 0;}
.tech03 .swiper_pagination_num{width: 180px;left: 0;margin: 0;text-align: center;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);bottom: initial;font-size: 23px;color: #ffffff;font-family: Normal_En_OS-Medium;}
.tech03 .swiper_pagination_num span{font-size: 25px;font-family: 'Normal_En-Medium';}
.tech03 .swiper_pagination_num span:first-child{font-size: 25px; font-family: 'Normal_En-Medium';}

.csr01{padding:60px 0 80px; display:flex;}
.csr01 .list{margin-top:50px;}
.csr01 .list ul{margin:0 -20px;}
.csr01 .list li{float:left; margin:0 20px; width:calc((100% - 120px) / 3); box-shadow: 0px 3px 15px rgba(34,34,34,0.15);}
.csr01 .list li img{max-width:100%;}
.csr01 .list li p{padding:20px; font-size:14px;font-family: 'Normal_En-Light'; line-height:24px;min-height:190px; height:200px;}
.csr02{
	background: linear-gradient(rgba(23,124,193, 0.6), rgba(23,124,193, 0.6)), #177cc1 url(/images/csr02.jpg);
	/*background: url(/images/csr02.jpg);*/
    background-size:cover;
    background-position: bottom center;
    background-repeat: no-repeat;
	height:400px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.csr02 .info{line-height:36px;text-align:center; padding:30px 0; color:#fff; font-size:28px;}
.csr03{padding:80px 0; display:flex;}
.csr03 .total{width:calc(50% - 140px); text-align:center; padding:0 35px; height:160px; float:left; margin:0 35px;display: flex;justify-content: center;align-items: center; color:#fff; font-size:18px;font-family: 'Normal_En-Medium';}
.csr03 .total b{font-size:22px; display:block;}
.csr03 .total.up{background-image: linear-gradient(0deg, #007ec1,#00406e);}
.csr03 .total.down{background-image: linear-gradient(180deg, #007ec1,#00406e);}

.compliance01{padding:60px 0 80px; display:flex;}
.compliance01 .list{margin-top:50px;}
.compliance01 .list ul{margin:0 -20px;}
.compliance01 .list li{float:left; margin:0 20px; width:calc((100% - 120px) / 3); box-shadow: 0px 3px 15px rgba(34,34,34,0.15);background-image: linear-gradient(0deg, #007ec1, #00406e);}
.compliance01 .list li a{padding:20px; font-size:22px; line-height:26px;height:200px;display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;transition:all .3s;}
.compliance01 .list li a:hover{font-size:24px;transition:all .3s;}


.hr{padding:80px 0; display:flex;}
.hr .info{text-align:center; padding:50px 0;}
.hr .info p{color:#00406e; font-family:Normal_En-Medium; font-size:22px;}
.customer{padding:80px 0 0; display:flex;}
.customer01{width:1000px; margin:0 auto;position:relative;}



.foot{background-color:#1e1e1e;clear: both;padding: 60px 0;display: flex;}
.foot .up{color:#afafaf;}
.foot .up a:hover{text-decoration:underline;}
.foot .up ul{/*display: flex;*/justify-content: center;}
.foot .up li{float: left; border-left:1px solid #585858; padding:0 50px 20px 30px;display: table;}
.foot .up li.none{border-left:none; text-align:center; line-height:22px;width:150px;}
.foot .up li.none img{width:150px;}
.foot .up li .parent{color:#fff; font-size:16px; line-height:26px; font-family: Normal_En-Medium; padding-bottom:5px;}
.foot .up li .parent a{color:#fff;}
.foot .up li .parent_two{color:#fff; font-size:14px;line-height:20px;font-family: Normal_En-Light; padding:5px 0;}
.foot .up li .child a,.foot .up li .child p{display:table; line-height:26px; color:#cccccc; font-size:14px; font-family: Normal_En-Light;}
.foot .up li:last-child{float:right; padding-right:0;}

.copyright{background-color:#0e0e0e; height:50px; line-height:50px; color:#939393;font-family: Normal_En-Light; font-size:13px;display: flex;}
.copyright .l{float:left;}
.copyright .r{float:right;}
.copyright .r a{font-family: Normal_En-Light; font-size:13px; color:#939393;}
.copyright .r a:hover{text-decoration:underline;}


.other_single{padding:110px 0 90px;}
.other_single .info{padding-top:20px;}
.other_single .info .one{font-size:30px;font-family: Normal_En-Medium;}
.other_single .info .one p{font-size:18px;}
.other_single .info .one p a{color:#177cc1;}
.other_single .info h1{padding:10px 0;}
.other_single .info h2{padding:5px 0;}
.other_single .info p{font-family: Normal_En-Light; padding:5px 0;word-break: break-word;}
.other_single .info p a{color:#177cc1;}