ul,ol,li,dl,dd,dt{ list-style-type: none; line-height: normal;}
address,caption,cite,code,dfn,i,em,th,var{ font-style: normal; font-weight: normal;}
a{ text-decoration:none; color:#333;}
a:hover{ cursor: pointer;}
img{ border: 0; max-width: 100%;}
table{ border-collapse: collapse; border-spacing: 0;}
h1,h2,h3,h4,h5,h6{ margin: 0; font-weight: normal;}
h1{ font-size: 36px;}
h2{ font-size: 24px;}
h3{ font-size: 22px;}
h4{ font-size: 18px;}
h5{ font-size: 14px;}
h6{ font-size: 12px;}
input,table,tr,td{ margin: 0; padding: 0; border: none;}
p{ margin: 0; padding: 0;}
button,table{ border: none; background: none; margin: 0; padding: 0;}
select{ margin: 0; padding: 0; outline: none;}
textarea{ border: 0; background: none; resize: none; outline: 0;}
input{ outline: 0; border: 0; background: none;}
button{ outline: none; border: 0; background: none;} 
body{ text-align:justify;}
.w_1600{ display:block; max-width:1600px; margin-right: auto; margin-left: auto; position:relative; z-index:6;}
.ctext{ float:left; width:100%; padding-left:90px; padding-right:90px;}
@media  screen and (max-width:1024px){
.ctext{ padding-left:15px; padding-right:15px;}
}

.head{ float:left; width:100%; position:absolute; left:0; top:20px; z-index:18; padding-top:12px; padding-bottom:12px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.head.on{ top:-160px; background:#002060;}
.head.active{ position:fixed; background:#002060; top:0; }
.head.Active{ background:#fff;}
.head .box{ float:left; width:100%; position:relative;}
.head .logo{ float:left; line-height:0;}
.head .logo img{ max-width:none; height:120px;}
.head .logo .show{ display:block;}
.head .logo .hide{ display:none;}
.head.Active .logo .show{ display:none;}
.head.Active .logo .hide{ display:block;}
.head .lang{ float:right; margin-top:34px;}
.head .lang a{ float:left; border-radius:50%; text-align:center; background:#007de8; color:#fff; width:55px; height:55px; font-size:20px; line-height:55px; white-space:nowrap;}
.head .so_box{ float:right; position:relative; z-index:5; margin-top:34px; margin-left:20px; width:55px;}
.head .so_box .Search{ float:right; position:relative; z-index:2; width:100%; border-radius:55px; color:#fff; font-size:20px; line-height:34px; height:55px; background:none; padding:10px 0; opacity:0;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.head .so_box .sear_sub{ float:right; width:55px; height:55px; border-radius:55px; border:1px solid #fff; background:url(../_im_g/sub.png) center no-repeat; position:absolute; right:0; top:0; z-index:8;}
.head .so_box:hover .Search{ width:270px; background:#007de8; border:1px solid #007de8; box-shadow:0 5px 10px rgba(0,0,0,0.2); opacity:1; padding:10px 80px 10px 30px;}
.head .so_box:hover .sear_sub{ background:url(../_im_g/sub.png) center no-repeat #007de8;}
.head .so_box ::-webkit-input-placeholder{color:#fff;}
.head .so_box :-moz-placeholder{color:#fff;}
.head .so_box ::-moz-placeholder{color:#fff;}
.head .so_box :-ms-input-placeholder{color:#fff;}


.menu{ float:right; margin-top:34px;}
.menu .ul{ float:left;}
.menu .nli{ float:left; position:relative; margin:0 100px 0 12px;}
.menu .nli span a{ float:left;  position:relative; color:#fff; font-size:24px; line-height:55px;}
.menu .nli span a:after{ float:left; width:0; height:2px; content:''; position:absolute; bottom:0; z-index:2; left:50%; background:#fff; -oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%)}
.menu .nli:hover span a:after{ width:100%;}
.menu .nli.on span a:after{ width:100%;}

.menuph{ display:none; float: right; width:22px; cursor: pointer; text-align: center; margin-top:21px;}
.menuph .point { float:left; width:100%;  height:18px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width:100%;}
.menuph .navbtn { position: absolute; top: 8px; right: 0; display: inline-block; width:100%; height: 2px; background:#fff;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 100%; height: 2px; content: ''; background:#fff;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after { top: -8px;}
.menuph .navbtn::before { top: 8px;}
.menuph .point.active .navbtn{ background: transparent;}
.menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}

.head.Active .menuph .navbtn,
.head.Active .menuph .navbtn::after,
.head.Active .menuph .navbtn::before { background:#000;}
.head.Active .menuph .point.active .navbtn{ background: transparent;}

.xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding:76px 0; display: none; z-index:15; background:#fff;}
.xialaph .ul2,
.xialaph .ul3{ display: none;}
.xialaph h4 a{ float: left; width:100%; color: #333; font-size:16px; line-height:40px;}
.xialaph h4 a span{ padding-left: 6px; color: #ccc; font-size: 14px;}
.xialaph h4{ float: left; width: 100%; position: relative; padding:0 15px;}
.xialaph h4 i{ float:left; width:8px; height:8px; position:absolute; right:18px; top:50%; border-top:1px solid #003794; border-right:1px solid #003794; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.xialaph h4.active i{ transform:translate(0,-50%) rotate(-45deg); -ms-transform:translate(0,-50%) rotate(-45deg); margin-top:2px; }
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #d9d9d9;}
.xialaph h4:hover a{ color: #003794;}
.xialaph h5:hover a{ color: #003794;}
.xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #d9d9d9;}
.xialaph h5 a{ float: left; width:100%; color: #333; font-size: 12px; line-height:22px; text-transform: uppercase;}
.xialaph h5{ float: left; width: 100%; position: relative; padding:0 15px;}
.xialaph .ul1{ float: left; width: 100%;}
.xialaph .ul2{ float: left; width: 100%; padding:10px 0; background:#d9d9d9;}
._lang{ float:left; width:100%; position:relative; text-align:center; display: flex;  justify-content:center; margin-top:40px; color: #333; font-size: 12px; line-height:32px; text-transform:uppercase;}
._lang a{ float:left; color: #333; position:relative; padding:0 19px;}
._lang a:first-child:after{ float:left; width:1px; height:16px; content:''; position:absolute; left:100%; top:50%; margin-top:-8px; background:#a5a5a5;}
._lang a:hover{ color:#003794;}

@media  screen and (max-width:1600px){
.menu .nli{ margin:0 70px 0 0;}	
}
@media  screen and (max-width:1350px){
.menu .nli{ margin:0 40px 0 0;}
.menu .nli span a{ font-size:18px;}
}
@media  screen and (max-width:1024px){
.menuph{ display:block;}
.head{ position:fixed; top:0; padding-top:8px; padding-bottom:8px;}	
.head.on{ top:0;}
.head.active{ background:#fff; }
.head .logo img{ height:60px;}	
.head.active .logo .show{ display:none;}
.head.active .logo .hide{ display:block;}
.head .lang{ display:none; float:right; margin-top:13px;}
.head .lang a{ width:44px; height:44px; font-size:16px; line-height:44px;}
.head .so_box{ display:none;}
.menu{ display:none;}
.head.active .menuph .navbtn,
.head.active .menuph .navbtn::after,
.head.active .menuph .navbtn::before { background:#000;}
.head.active .menuph .point.active .navbtn{ background: transparent;}
}


@keyframes arrMove {
form {transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px); -o-transform:translateY(-20px);    
-ms-transform:translateY(-10px); }
to {transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px); -o-transform:translateY(20px);    
-ms-transform:translateY(20px);}
}
/*banner*/
._banner{ float:left; width:100%; position:relative; z-index:6;}
._banner:after,
._banner:before{ float:left; width:100%; content:''; position:absolute; left:0; z-index:5;}
._banner:after{ top:0; height:238px; background:url(../_im_g/top1.png) center top repeat-x; background-size:100% 100%;}
._banner:before{ bottom:0; height:122px; background:url(../_im_g/top2.png) center bottom repeat-x;}
.slide_banner{ float:left; width:100%; position:relative; overflow:hidden;}
.slide_banner .div{ float:left; width:100%; line-height:0;}
.slide_banner .bg{ float:left; width:100%; height:100vh;}
.slide_banner .img1,
.slide_banner .img2,
.slide_banner .img3{ float:left; position:absolute; width:100%; text-align:center; left:0; top:30vh;}
.slide_banner .img1 img{ width:45.15%;}
.slide_banner .img2 img{ width:43.33%;}
.slide_banner .img3 img{ width:26.87%;}
._banText{ float:left; width:100%; position:absolute; left:0; bottom:5%; z-index:5;}
._banText .cont{ width:100%;flex-wrap:wrap; display: flex; justify-content: space-between; flex-direction:row-reverse; align-items: flex-end;}
._banText .COPYRIGHT{ float:left; color:#fff; font-size:16px; line-height:30px;}
/*20220523start*/
._banText .addr{ float:right; width:660px;}
._banText .addr li{ float:left; width:100%; color:#fff; font-size:14px; line-height:22px; text-transform:uppercase; display: flex; margin-top:4px; }
._banText .addr li span{ white-space:nowrap;}
._banText .addr li img{ max-width:none; width:22px; height:22px; margin-top:0; margin-right:8px;}
._banText .box{ float:left; width:100%; display: flex;  justify-content:center; margin-bottom:5vh;}
/*20220523end*/
._banText .box .xiazai{ float:left; color:#fff; background:#003794; font-size:20px; line-height:44px; padding:10px 42px; border-radius:66px; white-space:nowrap;}
._banText .so_box1{ float:left; position:relative; z-index:5; margin-right:20px; width:36%;}
._banText .so_box1 .Search{ float:right; position:relative; z-index:2; width:100%; border-radius:55px; color:#fff; font-size:20px; line-height:44px; height:66px; background:none; border:1px solid rgba(255,255,255,0.3); overflow:hidden;white-space: nowrap; text-overflow:ellipsis; padding:10px 70px 10px 35px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
._banText .so_box1 .sear_sub{ float:right; width:66px; height:66px; background:url(../_im_g/sub.png) center no-repeat; position:absolute; right:12px; top:0; z-index:8;}
._banText .so_box1 ::-webkit-input-placeholder{color:#fff;}
._banText .so_box1 :-moz-placeholder{color:#fff;}
._banText .so_box1 ::-moz-placeholder{color:#fff;}
._banText .so_box1 :-ms-input-placeholder{color:#fff;}
.indexBut1{ float:left; position:absolute; left:50%; line-height:0; bottom:1.85%; z-index:6; width:24px; margin-left:-12px; animation:arrMove 2s infinite linear;}
.slide_banner .slick-dots{ text-align:left; width:800px; margin-left:-800px; left:50%; bottom:5%; margin-bottom:100px;}
.slide_banner .slick-dots li{ width:42px; height:auto; text-align:center; position:relative; z-index:6; margin:0 4px 0 0; cursor:pointer; padding-bottom:67px;}
.slide_banner .slick-dots li:after{ float:left; width:42px; height:42px; content:''; border-radius:50%; border:1px solid rgba(235,238,243,0.8); position:absolute; left:0; bottom:0; opacity:0;}
.slide_banner .slick-dots li:before{ float:left; width:1px; height:24px; content:''; background:#fff; position:absolute; left:21px; bottom:42px; opacity:0;}
.slide_banner .slick-dots li button{ width:100%; height:auto; margin:0; padding:0; color:#fff; font-size:18px; line-height:38px; font-weight:bold;}
.slide_banner .slick-dots li button:after{ float:left; content:''; position:absolute; left:0; bottom:0; width:12px; height:12px; border-radius:12px; background:rgba(235,238,243,0.4); margin:16px;}
.slide_banner .slick-dots li.slick-active:after{ opacity:1;}
.slide_banner .slick-dots li.slick-active:before{ opacity:1;}
.slide_banner .slick-dots li.slick-active button:after{ background:#ebeef3;}

.slide_banner .bg1{ float:left; width:100%; height:366px;}
._banTit{ float:left; width:100%; position:absolute; left:0; bottom:0; z-index:6; overflow:hidden;}
/*20220514start*/
._banTit .tit{ float:left; line-height:0.9; color:#fff; font-size:52px;}
._banTit .slide{ float:right; width:80%; flex-wrap:wrap; display: flex; justify-content:flex-end;}
/*20220517start*/
._banTit .slide li{ float:left; width:25%; background:rgba(28,80,125,0.9); display: flex; align-items: center;}
/*20220517end*/
._banTit .slide li a{ float:left; width:100%; text-align:center; /*text-transform:uppercase;*/ color:#fff; font-size:20px; line-height:1.6; padding:16px 15px;}
._banTit .slide li.on a,
._banTit .slide li:hover a{ background:#ffffff; color:#003794;}
._banTit1{ overflow:hidden;}
/*20220519start*/
._banTit1 .slide{ float:right; width:80%; }
._banTit1 .slide li{ float:left; position:relative;}
._banTit1 .slide li a{ float:left; text-align:center; /*text-transform:uppercase;*/ color:#555555; font-size:18px; line-height:1.6; padding:17px 25px;}
/*20220519end*/
._banTit1 .slide li:after{ float:left; width:1px; height:20px; content:''; position:absolute; right:0; top:50%; margin-top:-10px; background:#b2b2b2;}
._banTit1 .slide li:last-child:after{ display:none;}
._banTit1 .slide li.on a,
._banTit1 .slide li:hover a{ color:#003794;}

@media screen and (max-width:1780px){
.slide_banner .slick-dots{ width:auto; margin-left:0; left:90px;}
._banTit .tit{ font-size:38px;}	
._banTit .slide li a{ font-size:14px;}
._banTit1 .slide li a{ font-size:14px;}
/*20220523start**/
._banText .box{ margin-bottom:6vh;}
._banText .so_box1 .Search{ border-radius:46px; font-size:16px; line-height:34px; height:46px; padding:6px 60px 6px 30px; }
._banText .so_box1 .sear_sub{ width:46px; height:46px;}
._banText .box .xiazai{font-size:16px; line-height:34px; padding:6px 42px; border-radius:46px;}
/*20220523end*/
}
@media screen and (max-width:1440px){
._banTit .tit{ font-size:34px;}	
/*20220517start*/
._banText .box{ margin-bottom:5vh;}
/*20220517end*/
}
@media screen and (max-width:1350px){	
/*20220517start*/
._banText .box{ margin-bottom:4vh;}
/*20220517end*/
._banText .box .xiazai{ font-size:14px; line-height:30px; padding:5px 20px;}
._banText .so_box1{ margin-right:15px;}
._banText .so_box1 .Search{font-size:14px; line-height:28px; height:40px; padding:5px 50px 5px 18px;}
._banText .so_box1 .sear_sub{width:40px; height:40px; right:6px;}
._banText .COPYRIGHT{ font-size:14px; line-height:24px;}
/*20220523start*/
._banText .addr{ width:430px;}
._banText .addr li{ font-size:12px; line-height:18px;}
._banText .addr li img{ margin-top:-2px; margin-right:5px;}
/*20220523end*/
}
@media screen and (max-width:1024px){	
._banner:after{ height:120px;}
.slide_banner .img1,
.slide_banner .img2,
.slide_banner .img3{ top:26vh;}
.slide_banner .slick-dots{ left:15px; bottom:8px; margin-bottom:0;}
.slide_banner .slick-dots li{ width:20px; padding-bottom:30px;}
.slide_banner .slick-dots li:before{ bottom:20px; left:10px; height:10px;}
.slide_banner .slick-dots li:after{ width:20px; height:20px;}
.slide_banner .slick-dots li button{ font-size:14px; line-height:24px;}
.slide_banner .slick-dots li button:after{ width:8px; height:8px; border-radius:12px; margin:6px;}
._banText{ bottom:70px;}
._banText .COPYRIGHT{ font-size:12px; line-height:20px; width:100%; margin-top:10px;}
._banText .addr{ width:100%;}
/*20220523start*/
._banText .box{ margin-bottom:2.5vh;}
._banText .addr li{ font-size:12px; line-height:18px;}
._banText .addr li img{ margin-top:-2px}
/*20220523end*/
._banText .so_box1{ width:40%; margin-right:8px;}
._banText .so_box1 .Search{ font-size:12px; line-height:24px; height:36px; }
._banText .so_box1 .sear_sub{width:36px; height:36px; right:6px;}
._banText .box .xiazai{ font-size:12px; line-height:26px; padding:5px 12px;}
.indexBut1{ bottom:15px;}

.slide_banner .bg1{ height:220px;}
._banTit .tit{ font-size:24px; line-height:1.3}	
._banTit .slide{height: 42px; display:block; white-space:nowrap; overflow-x:auto; overflow-y:hidden;}
/*20220517start*/
._banTit .slide li{ width:24%; float:none; min-width:inherit; display:inline-block;}
/*20220517end*/
._banTit .slide li a{ font-size:16px; line-height:26px; padding:8px 10px;white-space: nowrap;}
._banTit1 .slide{ height: 42px; display:block; white-space:nowrap; overflow-x:auto; overflow-y:hidden;}
/*20220514start*/
._banTit1 .slide li{ display:inline-block; float:none; width:auto; padding-right:3%; margin-right:3%;}
._banTit1 .slide li:after{ height:10px; margin-top:-5px;}
._banTit1 .slide li a{ font-size:16px; line-height:26px; padding:8px 0;white-space: nowrap;}
/*20220514end*/
}
@media screen and (max-width:767px){
._banText .so_box1{ width:-webkit-calc(100% - 104px); width:-moz-calc(100% - 104px); width:calc(100% - 104px); }
.slide_banner .img1{ top:29vh;}
.slide_banner .img2{ top:28.5vh;}
.slide_banner .img3{ top:25.5vh;}
.slide_banner .img1 img{ width:90.3%;}
.slide_banner .img2 img{ width:86.66%;}
.slide_banner .img3 img{ width:53.74%;}
._banTit{ padding-left:0; padding-right:0;}
._banTit .slide{ width:100%; text-align:center; position:relative; justify-content:center;}
._banTit .slide li{ width:auto;}
._banTit .slide li a{ font-size:14px;}
._banTit .tit{ width:100%; text-align:center; line-height:1.4; margin-bottom:45px;}	
/*20220519start*/
._banTit1 .slide{ width:100%;}
/*20220519end*/
._banTit1 .slide li a{ font-size:14px;}
}


.index1{ position:relative; overflow:hidden; min-height:100vh;}
.index1 .box{ float:left; width:100%; min-height:100vh; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center; padding-top:30px; padding-bottom:30px;}
.indexBut2{ float:left; position:absolute; left:50%; line-height:0; bottom:1.56%; z-index:6; width:24px; margin-left:-12px; animation:arrMove 2s infinite linear;}
.index1:after{ float:left; width:50%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#e5e5e5;}
.indextit1{ float:left; width:100%; text-align:center; position:relative; z-index:3;}
.indextit1 h1{ float:left; width:100%; font-weight:bold; text-transform:uppercase; color:#e8e8e8; line-height:1; font-size:60px; }
.indextit1 h4{ float:left; width:100%; font-weight:bold; text-transform:uppercase; color:#333333; line-height:1.5; font-size:30px;  letter-spacing:3px; position:absolute; left:0; bottom:0; z-index:3; }
.Applicat .indextit1 h1{ color:#ffffff;}
.Applicat{ float:left; position:relative; width:48%;}
.Applicat .list{ float:left; width:100%; position:relative; z-index:3; margin-top:3.9%;}
.Applicat .list ul{flex-wrap:wrap; display: flex; margin:-1.9%;}
.Applicat .list li{ float:left; width:50%; padding:1.9%;}
.Applicat .list li a{ float:left; width:100%; position:relative; background:#000000; overflow:hidden;}
.Applicat .list li i{ float:left; width:100%; line-height:0; opacity:0.5;}
.Applicat .list li i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Applicat .list li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.Applicat .list li h2{ float:left; width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); color:#fff; flex-direction:column; display: flex;  justify-content:center; align-items: center;font-size:20px; }
.Applicat .list li h2 img{ max-width:none; width:65px; height:65px;}
.Applicat .list li h2 span{ line-height:1; margin-top:18px; }

.Product{ float:right; width:48%;}
.Product .list{ float:left; width:100%; margin-top:3.9%;}
.Product .list ul{flex-wrap:wrap; display: flex; margin:-1.9%;}
.Product .list li{ float:left; width:50%; padding:1.9%;}
.Product .list li:nth-child(1){ width:100%;}
.Product .list li a{ float:left; width:100%; position:relative; background:#007de8; overflow:hidden;}
.Product .list li:nth-child(3n+2) a{ background:#41a300;}
.Product .list li:nth-child(3n+3) a{ background:#da5800;}
.Product .list li i{ float:left; width:100%; line-height:0; opacity:0.4;}
.Product .list li i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Product .list li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.Product .list li h2{ float:left; max-width:100%; position:absolute; right:0; bottom:34px; /*text-transform:uppercase;*/ color:#fff; line-height:1.6; font-size:18px; padding:0 40px;}
.Product .list li h2:after{ float:left; width:8px; height:8px; content:''; position:absolute; left:20px; top:0; background:#fff;}

@media screen and (max-width:1600px){	
.indextit1 h1{ font-size:48px; }
.indextit1 h4{ font-size:24px; }
/*20220514start*/
.Product .list li h2{ padding:0 25px 0 32px; font-size:16px;}
/*20220514end*/
}
@media screen and (max-width:1024px){	
.index1{ height:auto !important;}
.indextit1 h1{ font-size:36px; }
.indextit1 h4{ line-height:1.5; font-size:18px; }
.Applicat .list li h2 img{ width:50px; height:50px;}
.Applicat .list li h2 span{ font-size:16px; margin-top:15px;}
.Applicat .list ul{ margin:-1.2%;}
.Applicat .list ul li{ padding:1.2%;}
.Product .list ul{ margin:-1.2%;}
.Product .list ul li{ padding:1.2%;}
.Product .list li h2{ bottom:15px; padding:0 15px 0 30px; font-size:16px;}
.Product .list li h2:after{ left:15px;}
.indexBut2{ bottom:20px;}
.index1 .box{ min-height:auto;}
}
@media screen and (max-width:767px){
.index1{ padding-top:0; padding-bottom:30px;}	
.index1:after{ display:none;}	
.index1 .box{padding-top: 50px;}	
.Applicat{ width:100%; margin-bottom:45px;}	
.Applicat .list{ position:relative; margin-top:20px; padding:30px 0 30px 0;}
.Applicat .list:after{ float:left; width:130%; height:100%; content:''; position:absolute; left:-15%; top:0; z-index:1; background:#e5e5e5;}
.Applicat .list ul{ position:relative; z-index:3;}
.Product{ width:100%;}
.Product .list{ margin-top:4.5%;}

/*20220524start*/
.Applicat .list li h2{ padding:0 10px; text-align:center;}
.Applicat .list li h2 span{ font-size:12px;}
.Product .list li h2{ bottom:15px; padding:0 10px 0 20px; font-size:12px; white-space:break-spaces;}
.Product .list li h2:after{ width:5px; height:5px; left:10px;}
/*20220524end*/

}


.footer1{ padding-top:20px; padding-bottom:20px;}
.footer1 .COPYRIGHT{ float:left; width:100%; text-align:center; color:#555555; font-size:16px; line-height:1.6;}
.footer1 .COPYRIGHT a{ color:#555555;}
.footer1 .COPYRIGHT a:hover{ color:#2467fb;}
/*20220428start*/
.footer{ background:#002060; padding-top:64px; padding-bottom:64px;}
/*20220428start*/
.footer .box{ float:left; width:100%; display: flex; justify-content: space-between; }
.footer .addr{ float:right;flex-wrap:wrap; display: flex; flex-direction:column ;}
.footer .addr li{ float:left; width:100%; color:#fff; font-size:20px; line-height:30px; display: flex; text-transform:uppercase; margin:10px 0px; }
.footer .addr li span{ white-space:nowrap;}
.footer .addr li img{ max-width:none; width:22px; height:22px; margin-top:4px; margin-right:15px;}
.footNav{ float:left;flex-wrap:wrap; display: flex;flex-direction:column ; margin-right:4%;}
.footNav h4{  display:flex; white-space:nowrap; color:#fff; font-size:20px; line-height:30px; margin:10px 0;}
.footNav ul{ display:flex; flex-wrap:wrap; display: flex;flex-direction:column ;}
.footNav ul li{ display:flex; margin:4px 0px;}
.footNav ul li a{ display:flex; white-space:nowrap; color:#fff; font-size:18px; line-height:30px;}
.footNav ul li a:hover{ color:#2467fb;}
@media screen and (max-width:1350px){	
.footer .addr li{ font-size:15px; line-height:26px;}
.footer .addr li img{ margin-top:2px; margin-right:10px;}
.footNav h4{ font-size:17px; line-height:28px;}
.footNav ul li a{ font-size:15px; line-height:26px;}
}
@media screen and (max-width:1024px){
.footer1{ padding-top:15px; padding-bottom:15px;}
.footer1 .COPYRIGHT{ font-size:14px;}
.footer{ padding-top:25px; padding-bottom:25px;}
.footNav h4{ margin:4px 0;}
.footNav ul li{ margin:2px 0;}
.footer .addr{ width:100%;}
.footer .addr li{ font-size:13px; line-height:24px; margin:4px 0;}
.footer .addr li img{ margin-top:1px; margin-right:6px;}
}
@media screen and (max-width:767px){
.footer{ padding-top:18px; padding-left:0; padding-right:0;}	
.footer .box{flex-wrap:wrap; width:100%; }	
.footer .box div:nth-child(3){ margin-right:0;}
.footer .addr{ padding:15px 15px 0 15px;}
.footNav{ width:100%; margin-right:0;}
.footNav h4{ font-size:15px; line-height:28px; margin:0; border-bottom:1px solid #7f7f7f; padding:6px 15px; position:relative;}
.footNav h4:after{ float:left; content:'+'; font-size:18px; position:absolute; right:15px; top:5px;}
.footNav h4.active:after{ content:'-';}
.footNav ul{ width:100%; display:none; background:#7f7f7f; padding:10px 15px;}
.footNav ul li a{ font-size:12px; line-height:24px;}
}

.pord1{ background:#f5f5f5; padding-top:50px; padding-bottom:45px;}
.pordtit{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; font-weight:bold; position:relative; padding-left:44px;}
.pordtit a{ float:right; color:#2467fb; font-weight:normal; font-size:18px; padding-left:30px; background:url(../_im_g/ico7.png) left center no-repeat;}
.pordtit img{ position:absolute; left:0; top:-3px; height:40px;}
.pordCont{ float:left; width:100%; color:#555555; font-size:16px; line-height:32px; padding-left:44px; margin-top:16px;}
@media screen and (max-width:1600px){
.pordCont{ line-height:30px;}
}
@media screen and (max-width:1024px){
.pord1{ padding-top:30px; padding-bottom:30px;}		
.pordtit{ font-size:18px; line-height:28px; padding-left:37px;}
.pordtit a{ font-size:12px; padding-left:26px;}
.pordtit img{ top:-6px;}
.pordCont{ font-size:14px; line-height:26px;}

}

.pord2{ padding-top:50px; padding-bottom:70px;}
.pordtable{ float:right; width: -webkit-calc(100% - 44px); width: -moz-calc(100% - 44px); width: calc(100% - 44px); border:1px solid #e5e5e5; margin-top:18px; color:#555555; font-size:14px; text-align:center;}
.pordtable tr{ border-bottom:1px solid #fff;}
.pordtable tr:nth-child(1),
.pordtable tr:nth-child(2),
.pordtable tr:nth-child(3){ border-bottom:1px solid #fff;}
.pordtable tr:last-child{ border-bottom:none;}
.pordtable th{ color:#fff;border-right:1px solid #e5e5e5; padding:5px 12px; font-size:18px; line-height:1.4;}
/*20220429start*/
.pordtable th a{ position:relative; color:#fff;}
.pordtable th a:after { content: '▼'; opacity:1; font-size:10px; margin-left:5px; font-family:"宋体";}
.pordtable th a.desc:after { content: '▲'; }
/*20220429end*/
.pordtable td{ border-right:1px solid #fff; padding:12px 12px; line-height:1.6;}
.pordtable tr:nth-child(3) td{ border-right:1px solid #e5e5e5; white-space:nowrap;}
.pordtable th:last-child,
.pordtable td:last-child{ border-right:none;}
/*20220428start*/
.pordtable .so_box2{ margin:0 auto; display:block; position:relative; width:180px;}
.pordtable .so_box2 .Search{ float:left; position:relative; z-index:2; width:100%; color:#888888; font-size:14px; line-height:24px; height:32px; background:none; border:1px solid #e5e5e5; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; padding:3px 42px 3px 12px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.pordtable .so_box2 .sear_sub{ float:right; width:32px; height:32px; color:#fff; font-size:14px; line-height:32px; text-align:center; background:#2467fb; position:absolute; right:0; top:0; z-index:8;}
.pordtable .so_box2 ::-webkit-input-placeholder{color:#888888;}
.pordtable .so_box2 :-moz-placeholder{color:#888888;}
.pordtable .so_box2 ::-moz-placeholder{color:#888888;}
.pordtable .so_box2 :-ms-input-placeholder{color:#888888;}

.pordtable .sbox2{ margin:0 5px; position: relative; width:66px; display: inline-block; }
.pordtable .sbox2 span.max,
.pordtable .sbox2 span.min { display: block; position: absolute; left: 14px;}
.pordtable .sbox2 span.max { top: 0; }
.pordtable .sbox2 span.min { bottom: -4px; }
.pordtable .sbox2 .maxBtn,
.pordtable .sbox2 .minBtn { display: block; position: absolute; left: 14px; font-size:12px; color:#333; z-index:3; display:none;}
.pordtable .sbox2 .maxBtn { top: 0; }
.pordtable .sbox2 .minBtn { bottom: -4px; }
.pordtable .tr3 div.sbox .scroll_box,
.pordtable .tr3 div.sbox .scroll_box .scroll_cont{ width:100%;}

.pordtable .tr3 div.sbox label { display: block; min-width:90px;}
.pordtable .tr3 div.sbox label > input { margin-left: 0; margin-right:4px; word-wrap:break-word; word-break:break-all;}
.pordtable .tr3 div.sbox label span { position:relative; top: -2px; word-wrap:break-word; word-break:break-all;}
.pordtable .tr3 .ui-slider-vertical { width:4px !important;border: 1px solid #ddd; background:#eee; border:none !important; }
.pordtable .tr3 .ui-slider .ui-slider-handle { background:#fff !important; width: 13px !important; height: 13px !important; border-radius: 2px !important; left:-5px !important; }


@media screen and (max-width:1600px){
.pordtable th{ font-size:16px;}	
}
@media screen and (max-width:1024px){
.pord2{ padding-top:30px; padding-bottom:30px;}		
.pordtable{ font-size:12px; overflow-x:scroll;}
.pordtable th{ font-size:13px; white-space:nowrap;}
.pordtable td{ padding:7px 8px;}
}
@media screen and (max-width:767px){
.pordtable{ width:100%;}
}


#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 10000;
}
#pictureViewer > .content{
    background-color: #fff;
    position: absolute;
    width:800px;
    height:600px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    background-color: #003794;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../_im_g/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../_im_g/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../_im_g/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../_im_g/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../_im_g/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../_im_g/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../_im_g/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../_im_g/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #003794;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../_im_g/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../_im_g/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #333;
    font-size:16px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}
@media screen and (max-width:1024px){
#pictureViewer > .content{
    width:90%;
    height:60vh;}
}


.MainNav{ float:left; width:178px; margin-top:49px; border-left:1px solid #c4c4c4;}
.MainNav.active{ position:fixed; top:0; margin-top:144px; z-index:6;}
.MainNav li{ float:left; width:100%; margin-bottom:13px;}
.MainNav li:last-child{ margin-bottom:0;}
.MainNav li a{ float:left; width:100%; color:#888888; position:relative; font-size:18px; line-height:38px; padding:0 22px;}
.MainNav li a:after{ float:left; width:9px; height:9px; content:''; position:absolute; left:-5px; top:0; background:#003794; border-radius:50%; opacity:0;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s; }
.MainNav li a.active{ color:#003794;}
.MainNav li a.active:after{ opacity:1; margin-top:14px;}
.pordA{ background:#f5f5f5;}
.pordA-1{ padding-top:14px;}
.pordR{ float:right; width:-webkit-calc(100% - 178px); width:-moz-calc(100% - 178px); width:calc(100% - 178px);}
.pord3{ float:left; width:100%; }
.pord3 .textL{ float:left; width:45%; }
.pord3 .textR{ float:right; width:50%; position:relative; z-index:3; }
.pord3 .pordCont{ margin-top:30px;}
.pord3 .textR .tit{ float:left; width:100%; text-align:center; color:#333333; font-size:20px; line-height:30px; font-weight:bold; margin-bottom:34px; }
.pord3 .image-list{ float:left; width:100%; border:1px solid #e5e5e5; position:relative; cursor:pointer;}
.pord3 .image-list .cover,
.pord3 .image-list .img{ float:left; width:100%; line-height:0; position:relative;}
.pord3 .image-list .img:after{ float:left; width:25px; height:25px; content:''; position:absolute; right:12px; bottom:12px; z-index:6; background:url(../_im_g/ico8.png) center no-repeat;}
#pord3{ padding:50px 0 74px 0;}
#pord4{ padding:0 0 80px 0;}
.pord3-1{ margin-bottom:-10px;}
/*20220421start*/
.pord3 .image-list .slick-dots{ bottom:12px;}
.pord3 .image-list .slick-dots li{ width:12px; height:12px; background:#003794; margin:0 5px; border-radius:50%; opacity:0.3;}
.pord3 .image-list .slick-dots li.slick-active{ opacity:1;}
/*20220421end*/
@media screen and (max-width:1600px){
.pord3 .pordCont{ margin-top:20px;}
}
@media screen and (max-width:1024px){
.pord3 .textL{ width:100%;}
.pord3 .textR{ width:100%; margin-top:20px;}
.pord3 .pordCont{ margin-top:10px;}
.pord3 .textR .tit{ font-size:16px; line-height:26px; margin-bottom:10px;}
#pord3{ padding:30px 0 30px 0;}
#pord4{ padding:0 0 30px 0;}
.pord3-1{margin-bottom:0;}
.MainNav.active{ margin-top:76px;}
}
@media screen and (max-width:767px){
.pordR{ width:100%;}
.pordCont{ padding-left:0;}
.MainNav{ width:100%; left:0; margin-top:0; border-left:none; border-bottom:1px solid #c4c4c4; background:#f5f5f5;}
.MainNav li{ width:auto; margin-bottom:0;}
.MainNav li:last-child{ margin-bottom:0;}
.MainNav li a{ font-size:13px; line-height:32px; padding:4px 10px;}
.MainNav li a:after{ left:50%; top:100%; margin-left:-5px;}
.MainNav li a.active:after{ opacity:1; margin-top:-5px;}
}



.pordB{ padding-top:60px; padding-bottom:3px; position:relative; z-index:3;}
.pord5{ float:left; width:100%;}
.pord5 .image-list{ float:left; width:-webkit-calc(100% + 14px); width:-moz-calc(100% + 14px); width:calc(100% + 14px); padding:25px 0 0 0;}
.pord5 .image-list .cover{ float:left; width:25%; padding-left:44px; padding-right:14px; margin-top:20px;}
.pord5 .image-list .cover .img{ float:left; width:100%; line-height:0; position:relative; cursor:pointer;}
.pord5 .image-list .cover .img:after{ opacity:0; float:left; width:45px; height:45px; border-radius:50%; box-shadow:0 0 5px rgba(0,0,0,0.2); content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); background:url(../_im_g/ico8.png) center no-repeat #fff;}
.pord5 .image-list .cover span{ float:left; width:100%; position:absolute; left:0; bottom:0; line-height:0; color:#888888; font-size:18px; line-height:1.6; padding:20px 39px 20px 24px; background:#f5f5f5; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.pord5 .image-list .cover span:after{ float:left; content:'>'; position:absolute; right:20px; top:20px; color:#2467fb;}
.pord5 .image-list .cover:hover .img:after{ opacity:1;}
.pord5 .image-list .cover:hover span{ background:#2467fb; color:#fff;}
.pord5 .image-list .cover:hover span:after{ color:#fff;}
@media screen and (max-width:1600px){
.pord5 .image-list{ width:100%;}
.pord5 .image-list .cover{ padding-right:0;}	
.pord5 .image-list .cover span{ padding:20px 30px 20px 15px;}
.pord5 .image-list .cover span:after{ right:11px;}
}
@media screen and (max-width:1024px){
.pordB{ padding-top:30px;}
.pord5 .image-list{ padding:5px 0 0 30px;}
.pord5 .image-list .cover{ width:50%; margin-top:15px; padding-left:14px;}
.pord5 .image-list .cover span{ font-size:14px; padding:10px 20px 10px 12px;}
.pord5 .image-list .cover span:after{ right:12px; top:10px;}
}
@media screen and (max-width:767px){
.pord5 .image-list{ padding:5px 0 0 0; width:-webkit-calc(100% + 14px); width:-moz-calc(100% + 14px); width:calc(100% + 14px);}	
.pord5 .image-list .cover{ width:50%; padding-left:0; padding-right:14px;}
}


.pordtable0{ float:right; width:-webkit-calc(100% - 44px); width:-moz-calc(100% - 44px); width:calc(100% - 44px); border:1px solid #e5e5e5; text-align:center; margin-top:24px;}
.pordtable0 .dl{ float:left; width:100%; margin-bottom:4px; position:relative; background:#2467fb;}
.pordtable0 .dl:before{ float:right; width:1px; height:100%; content:''; background:#fff; position:absolute; right:56%; top:0; z-index:1;}
.pordtable0 .dl dd{ float:left; width:44%; color:#fff; font-size:22px; line-height:32px; padding:16px 44px;}
.pordtable0 .dl dd:nth-child(2n){ width:56%;}
.pordtable0 .ul{ float:left; width:100%; position:relative; background:#deebf7; border-top:1px solid #fff;flex-wrap:wrap; display: flex;  align-items: center;}
.pordtable0 .ul:after{ float:right; width:56%; height:100%; content:''; background:#eaeff7; position:absolute; right:0; top:0; z-index:1;}
.pordtable0 .ul:before{ float:right; width:1px; height:100%; content:''; background:#fff; position:absolute; right:56%; top:0; z-index:1;}
.pordtable0 .ul li{ float:left; position:relative; z-index:3; width:44%; color:#555555; font-size:16px; line-height:2; padding:22px 44px;}
.pordtable0 .ul li:nth-child(2n+1){ font-size:22px; color:#2467fb;}
.pordtable0 .ul li:nth-child(2n){ width:56%; text-align:left;}
@media screen and (max-width:1600px){
.pordtable0 .dl dd{ padding:16px 24px;}
.pordtable0 .ul li{ font-size:14px; padding:22px 24px;}	
.pordtable0 .ul li:nth-child(2n+1){ font-size:18px;}
}
@media screen and (max-width:1024px){
.pordtable0 .dl{ margin-bottom:2px;}	
.pordtable0 .dl dd{ padding:8px 12px; font-size:16px; line-height:26px;}	
.pordtable0 .ul li{ padding:10px 12px; font-size:14px; line-height:26px;}
.pordtable0 .ul li:nth-child(2n+1){ font-size:16px;}
}
@media screen and (max-width:767px){
.pordtable0{ width:100%;}
}

.pordtable1{ float:right; width:-webkit-calc(100% - 44px); width:-moz-calc(100% - 44px); width:calc(100% - 44px); border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; position:relative; margin-top:45px; margin-bottom:-10px; color:#555555; font-size:20px; text-align:center;}
.pordtable1:after{ float:left; width:1px; height:100%; content:''; position:absolute; left:0; top:0; background:#e5e5e5;}
.pordtable1 tr{ border-bottom:1px solid #fff;}
.pordtable1 tr:last-child{ border-bottom:none;}
.pordtable1 th{ position:relative; color:#fff;border-left:1px solid #fff; padding:24px 8px; font-size:24px; line-height:1.5;}
.pordtable1 th:nth-child(1){ padding:15px 20px; line-height:1.1;}
.pordtable1 th  .l,
.pordtable1 th  .r{ font-size:20px;}
.pordtable1 th  .l{ padding-right:55px;}
.pordtable1 th  .r{ position:absolute; right:20px; top:15px; text-align:right;}
.pordtable1 td{ border-left:1px solid #fff; padding:21px 8px; line-height:1.2;}
.pord5-1{ padding-bottom:65px !important;}
.pord5-1 .pordCont{ margin-top:37px;}
.pord5-1 .pordtable1{ margin-top:12px;}
.pord6{ float:left; width:100%; padding:0 0 65px 0;}
.pord7{ float:left; width:100%; padding:0 0 80px 0;}
.pordCont{ padding-right:10px;}
._hei1,
._hei2{ overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;}
._hei1::-webkit-scrollbar,
._hei2::-webkit-scrollbar{ width:1px; background:#fff;}
._hei1::-webkit-scrollbar-track,
._hei2::-webkit-scrollbar-track{background-color:#c4c4c4;border-radius:1px;}
._hei1{ max-height:384px;}
._hei2{ max-height:384px;}

@media screen and (max-width:1600px){
.pordtable1{ font-size:14px;}	
.pordtable1 th{ font-size:16px;}	
.pordtable1 th:nth-child(1){ padding:12px 12px; line-height:1.1;}
.pordtable1 th  .r{ right:12px; top:12px;}
.pordtable1 th  .l,
.pordtable1 th  .r{ font-size:16px;}
._hei1{ max-height:330px;}
._hei2{ max-height:270px;}
}
@media screen and (max-width:1400px){
._hei1{ max-height:270px;}
._hei2{ max-height:210px;}	
}
@media screen and (max-width:1024px){		
.pordtable1{ margin-top:20px; margin-bottom:0; font-size:12px; overflow-x:scroll;}
.pordtable1 th{  padding:12px 8px;font-size:13px; white-space:nowrap;}
.pordtable1 th:nth-child(1){ padding:8px 8px; line-height:1.1;}
.pordtable1 th  .r{ right:8px; top:8px;}
.pordtable1 th  .l,
.pordtable1 th  .r{ font-size:12px;}
.pordtable1 td{ padding:10px 8px; line-height:1.6;}
.pord5-1{ padding-bottom:25px !important;}
.pord5-1 .pordCont{ margin-top:20px;}
.pord6{ padding:0 0 25px 0;}
.pord7{ padding:0 0 25px 0;}
._hei1{ max-height:inherit;}
._hei2{ max-height:inherit;}
}
@media screen and (max-width:767px){
.pordtable1{ width:100%;}
}



/*20220428*/
.pordtable table tr.screen div.sbox2 .maxBtn .mSearch,
.pordtable table tr.screen div.sbox2 .minBtn .mSearch {
  width: 60px; background:#fff;
  padding-right: 18px;
  position: relative;
  overflow: hidden;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}
.pordtable table tr.screen div.sbox2 .maxBtn .mSearch .mSearchk,
.pordtable table tr.screen div.sbox2 .minBtn .mSearch .mSearchk {
  width: 100%;
  height: 18px;
  border: solid 1px #cbcbcb;
    border-right-color: rgb(203, 203, 203);
    border-right-style: solid;
    border-right-width: 1px;
  line-height: 16px;
  padding-left: 4px;
  font-size: 10px;
  color: #333;
  border-right: 0;
  float: left;
  text-transform: uppercase;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: 0;
}
.pordtable table tr.screen div.sbox2 .maxBtn .mSearch .mSearchb,
.pordtable table tr.screen div.sbox2 .minBtn .mSearch .mSearchb {
  width: 18px;
  height: 18px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  background: #2467fb;
  line-height: 18px;
  color: white;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: 0;
}



/*20230203start*/
._banTit .slide-01{ justify-content:center;}