*{padding: 0px;margin: 0px;}
*, ::after, ::before { box-sizing: border-box; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none; font-family:'Noto Sans SC'; font-size:12px; font-weight: normal;}
html{ background-color:#fff; }
h3,h4,h5,h6,a,span,p{ display: block;}
img { display: block;}
li {list-style: none;}
a {text-decoration: none; display: block;}
body,html {height: 100%;width: 100%;font-size: 10px;}
.imgbox {overflow: hidden;position: relative;}




 
/* 字体 */

@font-face {
    /* 思源黑体 - Regular */
    font-family: 'Num';
    src: url('../../style/font/Num.ttf');
    src: url('../../style/font/Num.woff') format('truetype');
}
 

 

input{ -webkit-appearance:none; } 


 

 

.icenter { width:1500px; margin:0 auto; }
 

   
.newspage_show_bottom{padding: 80px 0; overflow: hidden; border-top: 1px solid #eee; margin-top: 60px;}
.newspage_show_bottom .more{ margin: 0 auto; }
.newspage_show_bottom .aboutnews{ margin: 30px auto; }

 


 
.footer_bb{ background: #f8f8f8; display: block; overflow: hidden; padding:40px 0; }
.footer_bb .icenter{ display: flex; }
.footer_bb .icenter p{ color: #999; font-size: 14px; }
.footer_bb .icenter a{ color: #999; font-size: 14px; margin: 0 0 0 40px; }
.footer_bb .icenter a:hover{ color: #333; }

.footer_aa{ display: block; overflow: hidden; padding: 80px 0; background: #f8f8f8; border-radius: 4em 4em 0 0;  }
.footer_aa .icenter{ display: flex ; justify-content: space-between; }
.footer_aa .icenter li{}
.footer_aa .icenter li span{ display: block; margin: 0 0 20px 0; }
.footer_aa .icenter li span a{color: #333; font-size: 20px; font-weight: bold;}
.footer_aa .icenter li p{}
.footer_aa .icenter li p font{}
.footer_aa .icenter li p font a{ padding:10px 0; color: #999; font-size: 16px; font-weight: bold;}
.footer_aa .icenter li p font a:hover,.footer_aa .icenter li span a:hover{ color: #f3c90a;}

.footer_aa .icenter .f_a_contact .logopic{ margin-bottom: 30px; }
.footer_aa .icenter .f_a_contact .logopic img{ display: block; width: auto; height:52px; }
.footer_aa .icenter .f_a_contact dd{ display: block; overflow: hidden; margin: 30px 0 0; }
.footer_aa .icenter .f_a_contact dd a{ display: block; margin: 0 0 20px 0; }
.footer_aa .icenter .f_a_contact dd a span{ margin: 0; color: #999; font-size: 14px; }
.footer_aa .icenter .f_a_contact dd a font{color: #333; font-size: 16px; max-width: 280px; display: block;}
.footer_aa .icenter .f_a_contact dd .t1 font{ font-size: 26px; }
 
.footer_aa .icenter .f_a_contact .s_icon{ display: flex ; }
.footer_aa .icenter .f_a_contact .s_icon a{ position: relative; cursor:pointer;  margin: 0 20px 0 0; z-index: 3; }
.footer_aa .icenter .f_a_contact .s_icon a i{ display: flex ; width: 42px; height: 42px; border: 1px solid #444; border-radius: 50%; align-items: center; justify-content: center; }
.footer_aa .icenter .f_a_contact .s_icon a i img{ display: block; width: auto; height: 24px; -webkit-filter: grayscale(100%); }
.footer_aa .icenter .f_a_contact .s_icon a:hover i img{ filter: none; filter: grayscale(1) brightness(30);}
.footer_aa .icenter .f_a_contact .s_icon a:hover i{ border: 1px solid #333;  background: #333; }
.footer_aa .icenter .f_a_contact .s_icon a p{ display:none;position:absolute;top:42px;padding:10px;overflow:hidden;left:50%;transform:translate(-50%, 0%); }
.footer_aa .icenter .f_a_contact .s_icon a p img{ display: block;width: auto;height: 120px; position: relative; z-index: 3; margin-top: 10px; }
.footer_aa .icenter .f_a_contact .s_icon a p font{text-align:center;color: #333;display:block;font-size:12px;margin-top:0;position:relative;z-index:3;}
.footer_aa .icenter .f_a_contact .s_tt{ margin: 0 0 0 20px; }
.footer_aa .icenter .f_a_contact .s_tt strong{ display: block; color: #fff; font-size: 18px; font-weight: normal; }
.footer_aa .icenter .f_a_contact .s_tt span{ display: block; color: #999; font-size: 16px; margin: 10px 0; }
.footer_aa .icenter .f_a_contact .s_icon a:hover p{ display: block; }

.footer_aa .icenter .f_a_contact .s_icon a p:after{content: ""; background: #fff; backdrop-filter: blur(5px); border-radius: 4px; position: absolute; width: 100%; height: calc(100% - 6px); top: 6px; left: 0;}
.footer_aa .icenter .f_a_contact .s_icon a p:before{ content: ""; display: block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; width: 6px; margin: 0 auto; position: absolute; top: 0;    left: 50%;transform: translate(-50%, 0%); }


 
.pchearch{position: fixed; top: 0; left: 0; width: 100%; height: 80px;  background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1);  z-index: 99999;  }
.pchearch .icenter{display: flex; justify-content: space-between; align-items: center;  margin: 0 auto; }
.pchearch .logo{display: block; overflow: hidden;}
.pchearch .logo img{ display: block; width: auto; height:52px;}
.pchearch .pcnav{display: flex;  position: relative;}
.pchearch .pcnav .act{display: flex; align-items: center; position: relative; }
.pchearch .pcnav .act span{position: relative; height: 80px; display: flex; align-items: center; margin: 0 20px;}
.pchearch .pcnav .act span a{display: block; color: #333; font-size: 20px; font-weight: bold; position: relative; height: 80px; display: flex; align-items: center;}
.pchearch .pcnav .act span:hover a{color: #f3c90a;}
.pchearch .pcnav .act span:after{  content: ""; position: absolute; width: 0; height: 2px;background:#f3c90a; bottom: 0; left: 0; transition: all .3s; } 
.pchearch .pcnav .act:hover span:after{width: 100%; }


.pchearch .rh{display: flex; align-items: center;}
.pchearch .rh .global{cursor:pointer;position: relative; }
.pchearch .rh .global span{display: flex; align-items: center; justify-content: center; font-size: 16px; color: #333;     height: 70px;}
.pchearch .rh .global span img{  display: block; width: auto; height: 20px; margin: 0 5px 0 0;}
.pchearch .rh .global span i{display: block; font-size: 18px; margin: 0 0 0 5px;}
.pchearch .rh .global:hover span,.pchearch .rh .global:hover i{color: #f3c90a !important;}
.pchearch .rh .global p{display:block; position:absolute; top:70px; background:#fff; width:180px; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);  text-align:center; opacity:0; visibility:hidden; transition: all .1s; overflow: hidden; right:0; padding:10px 0; }
.pchearch .rh .global:hover p{opacity: 1;visibility: visible;}
.pchearch .rh .global p a{display: block; color: #333; font-size: 14px; line-height: 20px; padding: 10px 0; position: relative;}
.pchearch .rh .global p a:after{ content: ""; position: absolute; width: 2px; height: 100%; top: 0; right: 0; background: #000; opacity: 0; }
.pchearch .rh .global p a:hover{color: #f3c90a; background: #f2f2f2;}
.pchearch .rh .global p a:hover:after{opacity: 1;}





  

.pchearch .icenter2{ width:98%; }


 

.pchearch .pcnav .act .n_d{ position: absolute; width:200px; height:auto; top:80px; left:0; opacity: 0; visibility: hidden; transition: all .1s; background: #fff; border-radius:0 0 6px 6px; padding:20px 0; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); }
.pchearch .pcnav .act:hover .n_d{ opacity: 1; visibility: visible; }
.pchearch .pcnav .act .n_d a{ display: block; color: #666; font-size: 16px;  padding: 12px 20px; }
.pchearch .pcnav .act .n_d a:hover{ background: #f3c90a; color: #fff; }

.nav_application{ position: fixed; width: 100%; height: auto; max-height: calc(90% - 80px); top: 80px; left: 0; opacity: 0; visibility: hidden; transition: all .1s; background: #fff; border-radius: 0 0 6px 6px; padding: 20px 0; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1);}
.pchearch .pcnav .act:hover .nav_application{ opacity: 1; visibility: visible; }
.nav_application .icenter{ display: flex ; padding: 0 200px; align-items: stretch; }
.nav_application .icenter .pro_tt{ display: block; width: 25%; }
.nav_application .icenter .pro_tt a{ padding: 8px 20px; color: #333; font-size: 16px; display: flex ; align-items: center; background: #f8f8f8; border-radius: 3em; margin: 0 0 10px 0; }
.nav_application .icenter .pro_tt a .fa{ margin: 0 10px 0 0; color: #666; }
.nav_application .icenter .pro_tt .active{ background: #f3c90a; color: #fff;}
.nav_application .icenter .pro_tt .active .fa{ color: #fff; }
.nav_application .icenter .apppro_bb{ display: block; width: 70%; border-left: 1px solid #eee; padding-left: 5%; }
.nav_application .icenter .apppro_bb .a_d_l{ display: none; width: 39%; min-height: 500px; }
.nav_application .icenter .apppro_bb .a_d_l:nth-child(1){ display: block; }
.nav_application .icenter .apppro_bb .a_d_l a{ padding: 8px 20px; color: #333; font-size: 16px; display: flex ; align-items: center;  border-radius: 3em; margin: 0 0 6px 0; }
.nav_application .icenter .apppro_bb .a_d_l a:hover{  background: #f3c90a; color: #fff; }

 


 


.banner{ display: block; overflow: hidden; height: calc(100% - 80px); max-height:100%;  margin-top: 80px;  position: relative;  z-index: 3;}
.banner img, .banner video{ display: block;     position: relative; width: 100%; height: 100%; object-fit: cover; }
.banner::after{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000;opacity: 0.4;}
.banner .txt{position: absolute;z-index: 9; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.banner .txt h3{display: block; color: #f3c90a; font-size: 76px;font-weight: bold;}
.banner .txt h4{display: block; color: #fff; font-size: 66px; line-height: 76px; font-weight: bold;}

.banner .sc { z-index: 2; cursor: pointer; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;    height: 100px;     z-index: 4; }
.banner .sc img{     position: relative; animation: down 1.3s linear infinite;  display: block; text-align: center; width: auto; height: 60px; }
@keyframes down { 0% { top: 10%; } 25% { top: 0%; } 50% { top: -10%; } 75% { top: 0%; } 100% { top: 10%; } }

 



 
 

 
.in_tt{ display: flex; align-items: center; }
.in_tt strong{ display: block; color: #333; font-size: 42px; }
.in_tt span{ display: block; color: #666; font-size: 18px;   } 

  
 

.inpro{ display: block; overflow: hidden; padding: 100px 0; position: relative; }

.prosearch{  display: flex ; width:700px; margin: 0 0 0 150px; align-items: center; justify-content: space-between; }
.prosearch form{ width:25%; position: relative; transition: all .6s; }
.prosearch .active{ width: 70%;}
.prosearch form input{ display: block; width: 100%; height: 60px; background: #f3c90a; border: 0; border-radius: 3em; padding: 0 0 0 30px; font-size: 16px; color: #000; }
.prosearch form .btnsubmit{ cursor: pointer; border: 0; display: flex ; align-items: center; justify-content: center; background: none;position: absolute; top: 50%; right: 12px; margin-top: -12px; }
.prosearch form .btnsubmit img{ display: block; width: auto; height: 20px; }
.prosearch form input:focus{ outline:none; }

.prosearch .active input{ background:#f8f8f8; }
 
 
 
.tolr{ display: flex ; align-items: center; justify-content: space-between; position: relative;  top: -98px; cursor: pointer; }
.tolr .fa{ color: #333; width: 40px; height: 40px; display: flex ; justify-content: center; align-items: center; border: 1px solid #eee; border-radius: 50%; font-size: 18px; cursor:pointer; position: relative; z-index: 6;}
 




    
.more{ width: 140px; height: 46px; background: #fff; border: 2px solid #f3c90a; display: flex ; align-items: center; justify-content: space-around; transition: all .3s; padding: 0 20px;     border-radius: 3em; }
.more .mt{display: block; color: #f3c90a; font-size: 14px; font-weight: bold; } 
.more .fa{display: block; color: #f3c90a; font-size: 16px; }
.more:hover{ background: #f3c90a;     padding: 0 10px; }
.more:hover .mt,.more:hover .fa{ color: #fff; }

.innews{ display: block; overflow: hidden; padding: 80px 0; }
.innews .in_tt{display: flex ; justify-content: space-between;     margin-bottom: 30px;}
.innews .more{ width: 160px;  }

 





.inapplication{ display: block; overflow: hidden; background: #f8f8f8; padding: 80px 0; }
.inapplication .inap_side{  margin-top: 20px; border-radius: 12px;    }
.inapplication .inap_side .tb{ width: 100%; display: block; overflow: hidden; }
.inapplication .inap_side .tb .swiper-slide{ padding: 0; background: #f8f8f8; border-radius: 12px; overflow: hidden;  }
.inapplication .inap_side .tb .swiper-slide:hover{ background: #eee; }
.inapplication .inap_side .tb .swiper-slide .picta{border-radius: 12px; overflow: hidden; margin-bottom: 0; border: 1px solid #eee; position: relative; }
.inapplication .inap_side .tb .swiper-slide .picta .p_l{ display: block; position: absolute; bottom: 0; left: 0; z-index: 3; padding: 20px 40px; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(15px); }
.inapplication .inap_side .tb .swiper-slide .picta .p_l strong{ display: block; color: #fff; font-size: 32px; margin: 0 0 10px 0; }
.inapplication .inap_side .tb .swiper-slide:hover .picta .p_l strong{ color:#f3c90a; }
.inapplication .inap_side .tb .swiper-slide .picta .p_l p{ display: block; color: #fff; font-size: 16px; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.inapplication .inap_side .tb .swiper-slide .picta .p_r{ display: block;   }
.inapplication .inap_side .tb .swiper-slide .picta .p_r img{ display: block; width: 100%; border-radius: 12px; transition: all .6s; }
.inapplication .inap_side .tb .swiper-slide:hover .picta .p_r img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);  }
.inapplication .inap_side .tb .swiper-slide .pictb{ margin: 0; padding: 20px 40px; background: #fff; height: 240px; }
.inapplication .inap_side .tb .swiper-slide .pictb dl{ display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 10px 10px; }
.inapplication .inap_side .tb .swiper-slide .pictb a{ display:block; color: #333; font-weight:bold;background: #f8f8f8;padding:6px 20px;border-radius:2em;font-size:16px; transition: all .3s;}
.inapplication .inap_side .tb .swiper-slide .pictb a:hover{  background: #f3c90a;  color:#fff;   -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);  }
.inapplication .in_tt{ display: flex ; justify-content: space-between; }
.inapplication .inapp_swiper_pagination{ margin: 30px auto; display: flex ; align-items: center; justify-content: center; }
.inapplication .inapp_swiper_pagination span{ width: 10px; height: 10px; opacity: 1; margin: 0 5px; background: #ccc; } 
.inapplication .inapp_swiper_pagination span:hover,.inapplication .inapp_swiper_pagination .swiper-pagination-bullet-active{ background: #f3c90a; }


 
.navform{ position: relative; display: block; overflow: hidden; width: 280px; margin-right: 30px; }
.navform *:focus{ outline:none; }
.navform input{ display: block; width: 100%; height: 42px; border: 1px solid #eee; background: #f8f8f8; border-radius: 3em; padding: 0 0 0 20px; font-size: 14px; color: #333; }
.navform .btnsubmit{ position: absolute; top: 0; right: 0; border: 0; width: 42px; height: 42px; background: none; display: flex ; align-items: center; justify-content: center; cursor:pointer; }
.navform .btnsubmit img{ display: block; width: auto; height: 18px; }
 


 .totop{  position: fixed; z-index: 99; right:10px; bottom: 130px; cursor: pointer; -webkit-box-shadow: 3px 3px 11px 1px rgba(0, 0, 0, 0.12); box-shadow: 3px 3px 11px 1px rgba(0, 0, 0, 0.12); background: #fff; width:40px; height:40px; display: none; overflow: hidden; border-radius: 50%; }
.totop img{ display: block; width: 20px; margin:10px;}



 


.newsinfo{ display: flex; justify-content: space-between; align-items: flex-start; overflow: hidden; margin-bottom: 24px; }
.newsinfo p{display: block; overflow: hidden; border-radius: 6px; width: 32%;}
.newsinfo p img{ display: block; width: 100%; transition: all .3s;  }
.newsinfo:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.newsinfo dl{ width: 64%;}
.newsinfo dl strong{ display: block; color: #333; font-size: 22px; }
.newsinfo:hover dl strong,.newsinfo:hover dl span{color: #f3c90a;}
.newsinfo dl span{display: block; color: #666; font-size: 14px; margin: 16px 0;}
.newsinfo dl .nt{ display: flex; align-items: center; position: relative; padding-bottom: 4px;  width: 86px;}
.newsinfo dl .nt .t{ display: block; color: #f3c90a; font-size: 16px;}
.newsinfo dl .nt .fa{ display: block; color: #f3c90a; font-size: 16px; margin-left: 10px; transition: all .3s; left: 0; position: relative; }
.newsinfo:hover dl .nt .fa{ left: 5px;}
.newsinfo dl .nt:hover .t,.newsinfo dl .nt:hover .fa{}
.newsinfo dl .nt::after{  content: ""; position: absolute; width: 0%; height: 1px; background: #f3c90a; left: 0; bottom: 0; transition: all .3s; }
.newsinfo:hover dl .nt::after{ width: 100%; }

.innews .i_n_a_list{  display: flex ; position: relative; overflow: hidden; justify-content: space-between;}
.innews .i_n_a_list .lf{ display: block; overflow: hidden; width: 40%; }
.innews .i_n_a_list .lf .newsinfo{ display: block; margin-bottom: 0; }
.innews .i_n_a_list .lf .newsinfo p{ width: 100%; margin-bottom: 40px;     border: 1px solid #eee; }
.innews .i_n_a_list .lf .newsinfo dl{ width: 100%;}

.innews .i_n_a_list .rh{ display: block; overflow: hidden; width: 60%;  padding-left:30px; position: absolute; top: 0; right: 0; height: 100%;}
.innews .i_n_a_list .rh .newsinfo{  position: relative; height: 100%;  margin-bottom: 0;}
.innews .i_n_a_list .rh .newsinfo p{ position: relative; height: 100%;   overflow: hidden;  border: 1px solid #eee;}
.innews .i_n_a_list .rh .newsinfo p img{ position: relative; height: 100%; }
.innews .i_n_a_list .rh .innews_swiper{ height: 100%; overflow: hidden; position: relative; padding-right: 10px; }
.innews .i_n_a_list .rh .innews_swiper .newsinfo dl{ padding-right: 30px;}
.innews .i_n_a_list .rh .innews_swiper .swiper-slide{    }
.innews .i_n_a_list .rh .newsscrollbar{ position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; cursor:pointer; }
.innews .i_n_a_list .rh .newsscrollbar .swiper-scrollbar-drag{ width: 7px; background: linear-gradient(#f3c90a, #52660f) !important; border-radius: 4px 4px 4px 4px; z-index: 33;}
.innews .i_n_a_list .rh .newsscrollbar:after{ content: ""; position: absolute; top: 0; left: 50%; background-color: #E6E6E6; width: 3px; height: 100%; border-radius: 2px;}

.newsscrollbar_pagination{ display: none;}

 

.i_protable{ padding: 0; overflow: hidden; position: relative; margin: 30px 0; }
.i_protable .mid{ margin-bottom: 30px;     overflow: hidden;}
.i_protable .mid .swiper-slide{ cursor:pointer; }
.i_protable .mid .swiper-slide .iconpic{}
.i_protable .mid .swiper-slide .iconpic span{  display: block; text-align: center; color: #333; font-size:20px; font-weight: bold; border-bottom: 3px solid #eee; padding-bottom: 20px; position:relative; }
.i_protable .mid .swiper-slide .iconpic span:after{  content: ""; display: block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #f3c90a; width: 6px; margin: 0 auto; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0%); opacity: 0; }
.i_protable .mid .ac_go .iconpic span{color: #f3c90a;  border-bottom:3px solid #f3c90a;  }
.i_protable .mid .ac_go .iconpic span:after{ opacity:1; }


.pro_tbbb{}
.pro_tbbb .box{display: none; min-height: 240px;}
.pro_tbbb .box:nth-child(1){display: block;}
.pro_tbbb .box dd{ display: grid ; grid-template-columns: repeat(4, 1fr); grid-gap: 20px 20px; }
.pro_tbbb .box dd a{  background: #f8f8f8; display: block; position: relative; padding: 16px; padding-left: 40px; border-radius: 6px; color: #333; font-size: 16px; font-weight: bold; transition: all .3s; }
.pro_tbbb .box dd a:hover{ background: #f3c90a; color: #fff;}
.pro_tbbb .box dd a:after{  content: ""; display: block; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 4px solid #333; width: 6px; margin: 0 auto; position: absolute; top: 50%; left: 20px; transform: translate(0%, -50%);  }
.pro_tbbb .box dd a:hover:after{ border-left: 4px solid #fff;  }

.procatall_table_aaa{margin: 30px auto; display: flex ; cursor:pointer; }
.procatall_table_aaa a{display: flex ; background: none; width: 33.33%; padding: 16px; border-radius: 4px; border: 1px solid #ddd;}
.procatall_table_aaa a img{ display: block; width: auto; height: 32px; margin: 0 16px 0 0; }
.procatall_table_aaa a span{ display: block; color: #333; font-weight: bold; font-size: 20px;}
.procatall_table_aaa a.act{ background: #ddd; }
.procatall_table_aaa a.act span{  }
.procatall_table_aaa a.act img{  }

.procatall_table_bbb{}
.procatall_table_bbb .i_protable{display: none;}
.procatall_table_bbb .i_protable:nth-child(1){display: block;}

 

.intech{  display: block; position: relative; padding: 80px 0;  }
 

.intech .i_n_b{display: block; overflow: hidden; margin-top:30px; }
.intech .i_n_b dl{ overflow: hidden;   display: grid ; grid-template-columns: repeat(4, 1fr); grid-gap: 0 20px; } 
.intech .i_n_b dl a{display: block; overflow: hidden;}
.intech .i_n_b dl a p{display: block; overflow: hidden; border-radius: 10px;  }
.intech .i_n_b dl a p img{display: block; width: 100%; position: relative; height: 100%; object-fit: cover; transition: all .3s;  }
.intech .i_n_b dl a dd{display: block; overflow: hidden; padding: 20px 0;}
.intech .i_n_b dl a dd strong{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #333; font-size: 20px; text-align: left;   }
.intech .i_n_b dl a dd span{display: block; color: #666; font-size: 12px; margin: 18px 0;}
.intech .i_n_b dl a dd font{display: block; overflow: hidden;}
.intech .i_n_b dl a dd font i{display: block; color: #666; font-style: inherit; border: 1px solid #ddd; float: left; border-radius: 3em; font-size: 14px; padding: 7px 20px; }
.intech .i_n_b dl a:hover dd strong{ color: #f3c90a;}
.intech .i_n_b dl a:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.intech .more{    margin: 20px auto;}
 
.inabout{  display: block; position: relative; padding: 80px 0 220px; background: url(/style/img/inapp_bg4.jpg?v=2); background-size: cover;   }
.inabout .ica{  position: relative; z-index: 3; }
.inabout .lf dl{  position: relative; z-index: 3; width: 100%;  display: flex ; align-items: center; justify-content: space-between;}
.inabout .lf dl dd{display: block; overflow: hidden;  margin-bottom:0;}
.inabout .lf dl dd p{display: flex ; align-items: center;   }
.inabout .lf dl dd p span{ font-size:90px; line-height: 90px; font-family: "Num"; color: #f3c90a;  }
.inabout .lf dl dd p i{color: #f3c90a; display: block; font-style: inherit; font-size: 26px; margin: 0 0 0 10px; }
.inabout .lf dl dd font{ display: block; color: #333; font-size: 18px; font-weight: bold; }
.inabout .lf{ position: relative;  padding:40px 0; overflow: hidden;  }
 
.inabout .rh{ position: relative; z-index: 3; overflow: hidden; padding: 0 0 0; width: 100%;  }
.inabout .rh dd{ padding:0; }
.inabout .rh dd strong{ display: block; color: #333; font-size: 46px;    margin-bottom: 20px; }
.inabout .rh dd strong i{ color: #f3c90a;     font-style: inherit;}
.inabout .rh dd p{ display: block; color: #333; font-size: 18px;   text-align: justify; line-height: 30px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.inabout .more{ background: none; margin-top: 0;}
.inabout .more:hover{  background: #f3c90a;}
.inabout .rh dl{  display: block; width: 100%; padding: 0 0;}

 
 

.pagebanner{ width: 100%; overflow: hidden; position: relative; margin: 80px 0 0 0;  }
.pagebanner img{ display: block; width: 100%;     animation: mysacle 4s ease both;}
.pagebanner .text{ position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%); }
.pagebanner .text h3{ display: block; font-size:50px; color: #fff; font-weight: bold;}
.pagebanner .text h3:after{ content: ""; display: block; width: 100px; height: 4px; background: #fff; margin-top: 20px; }

@keyframes mysacle {0% {transform: scale(1.15);}}
 
 
.mbx{  border-bottom: 1px solid #eee; padding: 16px 0; display: block; overflow: hidden; }
.mbx .ct{ display: flex ; align-items: center; }
.mbx .ct a{ display: block; color: #666; font-size: 14px;}
.mbx .ct .fa{ display: block; color: #999; font-size: 12px; margin: 0 10px; }
.mbx .ct span{ display: block; color: #333; font-size: 14px;}

.mbx2{ margin-top:80px; }

 

.contact2_taa{ display: flex ; margin: 50px auto; border-bottom: 1px solid #eee; }
.contact2_taa a{ cursor:pointer;display: block; font-size: 24px; font-weight: bold; color: #666; padding: 10px 40px; margin: 0 0 0 0; position: relative; }
.contact2_taa a:after{  content: ""; display: block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #f3c90a; width: 6px; margin: 0 auto; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0%); opacity: 0; }
.contact2_taa .active{ color:#f3c90a;  }
.contact2_taa .active:after{ opacity: 1; }
.contact2_taa a:before{  content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background: #f3c90a; opacity: 0; }
.contact2_taa .active:before{ opacity: 1; }

.contact2_tbb{ margin: 5px auto 100px;   }
.contact2_tbb dl{ display: none;}
.contact2_tbb dl .act{ display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 20px 20px; }
.contact2_tbb dl dd{ background: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .1); padding: 30px; border-radius: 8px; }
.contact2_tbb dl dd span{ background: #f3c90a; font-size: 14px; display: flex ; width: 80px; color: #fff; justify-content: center; align-items: center; border-radius: 3em; height: 24px; font-weight: bold; }
.contact2_tbb dl dd strong{color: #f3c90a; display: block; border-bottom: 1px solid #eee; font-size: 22px; margin: 20px 0; position: relative; padding-bottom: 10px;}
.contact2_tbb dl dd strong:after{  content: ""; background: #f3c90a; position: absolute; width:80px; height: 3px; bottom: -2px; left: 0;  }
.contact2_tbb dl dd p{ display: block; color: #666; font-size: 16px; line-height: 28px; }

.contact2_tbb dl:nth-child(1){ display: block; }

.corss_nodata{ display: block; color: #f00; font-size: 24px; margin: 100px auto; text-align: center; } 

.websearch{}
.websearch .nst{ display: block; overflow: hidden; position: relative; width: 50%; margin: 50px 0; border-radius: 3em;border: 1px solid #eee; }
.websearch .nst input{ display: block; width: 100%; height: 50px; border: 0; background: #f8f8f8; padding: 20px; font-size: 16px; color: #000;  }
.websearch .nst .btnsubmit{ position: absolute; top: 0; right: 0; height: 50px; border: 0; width: 50px; display: flex ; align-items: center; background:none; justify-content: center; }
.websearch .nst .btnsubmit img{ display: block; width: auto; height: 22px; cursor: pointer; }
.websearch *:focus{ outline:none; }
 

.contact_1_list{}
.contact_1_list .c_a{ display: block; margin: 50px auto; }
.contact_1_list .c_a dl{ background: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .1); border-radius: 8px; display: flex ; justify-content: space-between; align-items: stretch; }
.contact_1_list .c_a dl .lf{ display: block; width: 50%; overflow: hidden; position: relative; padding: 80px; }
.contact_1_list .c_a dl .lf span{ color: #f3c90a; display: block; font-size: 20px; }
.contact_1_list .c_a dl .lf strong{ color: #f3c90a; display: block; font-size: 30px; margin: 20px 0; position: relative;  }
.contact_1_list .c_a dl .lf i{ position: absolute; width: 1px; height: 100%; top: 0; left: 40px; background: #eee; }
.contact_1_list .c_a dl .lf i:after{  content: ""; background: #f3c90a; position: absolute; width: 3px; height: 80px; top: 60px; }
.contact_1_list .c_a dl .lf p{ display: block; color: #666; font-size: 18px; line-height: 20px; }
.contact_1_list .c_a dl .rh{ display: block; width: 50%; border-radius: 8px; overflow: hidden; }
.contact_1_list .c_a dl .rh img{ display: block; width: 100%; }

.contact_1_list .c_b{ display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 20px 20px; }
.contact_1_list .c_b dl{ display: block;}
.contact_1_list .c_b dl .lf{ width: 100%; padding: 40px; }
.contact_1_list .c_b dl .lf i{ position: relative; width: 100%; display: block; left: auto; top: auto; height: 1px; margin: 20px 0; }
.contact_1_list .c_b dl .lf i:after{ width: 80px; height: 3px; top: -2px; left: auto; }
.contact_1_list .c_b dl .lf strong{ font-size: 22px; line-height: 26px; }
.contact_1_list .c_b dl .lf p{ font-size: 16px; line-height: 18px; }
.contact_1_list .c_b dl .lf span{ font-size: 18px; }
 


.contact1_form{ background: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .1); border-radius: 8px; display: block; overflow: hidden; margin: 100px auto; padding: 30px; }
.contact1_form .in_tt strong{color: #f3c90a; font-size: 32px;}
.contact1_form .in_tt span{ font-size: 16px; }


.contact1_form .wpcf7{ margin: 30px 0; }
.contact1_form .wpcf7 .two{ display: grid ; grid-template-columns: repeat(2, 1fr); grid-gap: 20px 20px; }
.contact1_form .wpcf7 .two dd{}
.contact1_form .wpcf7 .two dd font{ display: block; color: #333; font-weight: bold; margin: 0 0 10px 0; font-size: 16px; }
.contact1_form .wpcf7 .two dd input,.contact1_form .wpcf7 .one dd textarea{ width: 100%; display: block; border: 0; height: 50px; color: #333; font-size: 16px; padding: 0 0 0 20px;  border: 1px solid #eee; }
.contact1_form .wpcf7 .two dd span{ position: relative; }
.contact1_form .wpcf7 .two dd span span{ position: absolute; top: 0; right: 20px; line-height: 50px; color: #f00; }

.contact1_form .wpcf7 .one{ display: block;  margin: 20px 0; position: relative;}
.contact1_form .wpcf7 .one dd textarea{ padding: 20px; height: 150px; }

.contact1_form .wpcf7 .wpcf7-submit{ display: block; width: 220px; height: 56px; margin: 30px auto; position: relative; border-radius: 3em; color: #fff; border: 2px solid #f3c90a; background: #f3c90a; font-size: 20px; font-weight: bold; cursor: pointer; transition: all .6s; }
.contact1_form .wpcf7 .wpcf7-submit:hover{ color: #f3c90a; border: 2px solid #f3c90a; background:none;  }

.contact1_form .wpcf7 *:focus{ outline:none; }
.screen-reader-response{ display: none; }

.wpcf7-response-output,.wpcf7-validation-errors{display: block; color: #f00; text-align: center; font-weight: bold; font-size: 18px;}

.yzm2026{ display: block;  margin: 20px 0;}
.yzm2026 .yc{ width: 50%; display: flex; margin-bottom:5px; }
.yzm2026 .yc .y1{display: block; color: #333;  font-size: 16px; font-weight: bold; margin:0 10px 0 0;}
.yzm2026 .yc p{}
.yzm2026 .yc p img{}
.yzm2026 .yc span{ width: 100%; position: relative;  }
.yzm2026 .yc span span{ position: absolute; top: 0; right: 10px; line-height: 42px; color: #f00; width: auto;font-size: 12px; }
.yzm2026 .yc .wpcf7-captchar{ display: block; width: 100%; height: 50px; padding: 0 0 0 18px; font-size: 14px; color: #333; border: 1px solid #eee; }

 

.about_zs{ display: block; overflow: hidden; padding: 80px 0; position: relative; background: #f4f9ff;  }
.about_zs .swipercontainer_abryzz{ width: 98%; margin: 0 auto; overflow: hidden;     padding: 12px; }
.about_zs .swipercontainer_abryzz .swiper-slide{  position: relative; overflow: hidden; border-radius: 12px; background: #fff; box-shadow: 0 .5rem .8rem -2px #526a804f; }
.about_zs .swipercontainer_abryzz .swiper-slide .bg{  display: block; width: 100%; position: absolute; bottom: 0; left: 0;  }
.about_zs .swipercontainer_abryzz .swiper-slide .pic{ display: block; width: auto; max-width:90%; margin: 26px auto 0; }
.about_zs .swipercontainer_abryzz .swiper-slide p{  padding: 30px; font-size: 18px; text-align: center; font-weight: bold; color: #333;  }

.about_zs .in_tt{ margin: 0 auto 30px; }

.lr_swiper{ display: flex ; align-items: center; justify-content: center; margin: 30px 0; }
.lr_swiper .fa{ background: #eee; width: 50px; height: 50px; display: flex ; align-items: center; justify-content: center; border-radius: 50%; font-size: 24px; color: #333; cursor:pointer; }
.lr_swiper .fa:hover{ background: #f3c90a; color:#fff; }
.lr_swiper .swiper_pagi{ margin: 0 20px; }
.lr_swiper .swiper_pagi span{ width: 10px; height: 10px; opacity: 1; margin: 0 5px; background: #ccc; }
.lr_swiper .swiper_pagi .swiper-pagination-bullet-active{ background:#f3c90a; }
 
.inabout_company{ background: #fff; padding: 50px 0 100px; }
.inabout_company .lf{ padding: 0; }
 

.ab_one{display: block; overflow: hidden; padding: 100px 0 0; position: relative; display: flex ; align-items: flex-start; justify-content: space-between; }	
.ab_one .innum{margin: 0 auto;}	

.ab_one .text{display: block; overflow: hidden; width: 48%; }
.ab_one .text h3{display: block; color: #333; font-size: 46px; font-weight: bold; margin-bottom: 50px;}
.ab_one .text .txt{}
.ab_one .text .txt p{display: block; color: #333; font-size: 18px; margin: 0;  line-height: 28px; text-align: justify;}
.ab_one .text .aa{cursor:pointer; display: inline-block; margin:30px 0 0; color: #f3c90a; font-size: 18px; font-weight: bold;}
.ab_one .text .aa span,.ab_one .text .aa font{float: left;}
.ab_one .text .aa font{ display:none; }
.ab_one .text .aa i{margin-left: 5px; font-size: 36px; line-height: 26px; position: relative;transition: all .3s;}
.ab_one .text .on i{transform: rotate(180deg);}
.ab_one .text .on span{display: none;}
.ab_one .text .on font{display: block; }
.ab_one .text .txt .bb{display: none;}


.abvideo {  position: relative; border-radius: 8px; margin-bottom:0;     width: 48%; }
.abvideo video { border-radius: 1.2rem; z-index: 1; overflow: hidden; width: 100%; height: auto; position: relative; object-fit: cover; border-radius: 10px; overflow: hidden; z-index: 1; }
.abvideo .bo { cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; }
.abvideo .bo img { width: auto; filter: grayscale(1000) brightness(1000); display: block; margin-bottom: 5px; }
.abvideo .bo span{display: block; text-align: center; color: #fff; font-size: 18px;}
.abvideo .mask { -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; z-index: 1; }
.abvideo .mask:before { position: relative; content: ""; display: block; margin-top: 100%; }
.abvideo .mask:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.abvideo:hover .mask { -webkit-animation: anim-out 1s; animation: anim-out 1s; }
.abvideo:hover .mask:after { -webkit-animation: anim-out-pseudo 1s; animation: anim-out-pseudo 1s; }
@-webkit-keyframes anim-out {	0% { width: 0%; }	100% { width: 100%; }}
@keyframes anim-out {	0% { width: 0%; }	100% { width: 100%; }}
@-webkit-keyframes anim-out-pseudo {	0% { background: rgba(255, 255, 255, 0.5); }	100% { background: 0 0; }}
@keyframes anim-out-pseudo {	0% { background: rgba(255, 255, 255, 0.5); }	100% { background: 0 0; }}

.vi_box { top: 0px; left: 0px; display: none; position: fixed; width: 100%; height: 100%; z-index: 999; background-color: rgba(0, 0, 0, 0.8); }
.vi_box .box { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; }
.vi_box .box video { width: 100%; height: 100%; position: relative; object-fit: cover; display: block; }
.vi_box .box .video { position: relative; width:60%; height: auto; max-height: 85%; }
.vi_box .box .video img.close { cursor: pointer; width: auto; position: absolute; right: -40px; top: -40px; transition: all 0.3s; pointer-events: painted; }
.vi_box .box .video .close:hover { transform: rotate(135deg); }	
 

.ab_histroy{background: url(/style/img/ab_histroy_bg.jpg); background-size: cover; display: block; overflow: hidden; padding: 100px 0; position: relative;}
.ab_histroy .in_tt{ margin: 0 auto 30px; }
.ab_histroy .swipercontainer_abhistroy{ display: block; overflow: hidden; }
.ab_histroy .swipercontainer_abhistroy .swiper-slide{ background: rgb(255, 255, 255, .4); display: block; overflow: hidden; padding: 20px; border-radius: 6px; }
.ab_histroy .swipercontainer_abhistroy .swiper-slide h3{ display: block; color: #333; font-weight: bold; font-size: 26px; margin: 0 0 20px 0; text-align: center;}
.ab_histroy .swipercontainer_abhistroy .swiper-slide h4{ font-size: 36px; line-height: 36px; font-family: "Num"; color: #fff; background: #f3c90a; text-align: center; padding:6px; border-radius: 4px; }
.ab_histroy .swipercontainer_abhistroy .swiper-slide i{ display: block; color: #333; font-size: 18px; margin: 20px 0; font-style: initial;text-align: center; }
.ab_histroy .swipercontainer_abhistroy .swiper-slide dd{}
.ab_histroy .swipercontainer_abhistroy .swiper-slide dd p{ display: flex ; align-items: flex-start; margin: 18px 0; padding: 20px; background:#fff;    justify-content: space-between; border-radius: 6px;  }
.ab_histroy .swipercontainer_abhistroy .swiper-slide dd p span{ display: block; color: #333; font-weight: bold; font-size: 28px; width: 65px; font-family: "Num"; border-right: 1px solid #ddd; }
.ab_histroy .swipercontainer_abhistroy .swiper-slide dd p font{ display: block; color: #333; font-size: 16px; width: calc(100% - 80px); }



 

.aboutnews{ display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 30px 30px; margin: 60px auto; }
.aboutnews .newsinfo{ display: block; position: relative; overflow: hidden; border-radius: 6px; background: #fff; box-shadow: 0 .5rem .8rem -2px #526a804f; }
.aboutnews .newsinfo p{ width: 100%; }
.aboutnews .newsinfo dl{ width: 100%; padding: 26px; }
.aboutnews .newsinfo dl span{ margin: 20px 0;}
.aboutnews .newsinfo dl strong{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.newefy{ display: flex ; align-items: center; justify-content: center; margin: 50px auto; }
.newefy a{ background: #eee; width: 50px; height: 50px; display: flex ; align-items: center; justify-content: center; border-radius: 50%; margin: 0 10px; color: #333; font-size: 14px; }
.newefy a:hover,.newefy .active{ background: #f3c90a; color: #fff; }

 

.jobbottom{ margin:80px auto; }
.jobbottom .act{display: grid ; grid-template-columns: repeat(2, 1fr); grid-gap: 30px 30px; margin: 30px 0; }
.jobbottom dl{  border-radius: 6px; background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); padding:36px; display: flex ; justify-content: space-between;  }
.jobbottom dl strong{ color: #f3c90a; display: block; font-size: 20px; }
.jobbottom dl dd{ display: flex ; align-items: flex-start; justify-content: space-between; width: calc(100% - 150px); }
.jobbottom dl dd p{    width: 33.33%;}
.jobbottom dl dd p span{ display: block; color: #999; font-size: 16px; }
.jobbottom dl dd p font{display: block; color: #333; font-size: 16px; font-weight: bold;}


	
.joblist{display: block;  margin: 100px auto;}
.joblist .jb_le{display: block; overflow: hidden; background: #fff; box-shadow: 0px 4px 12px 0 rgba(0, 0, 0, 0.15); margin: 0 0 36px; border-radius: 4px;}
.joblist .jb_le .tp{display: flex; padding: 26px; overflow: hidden; border-radius: 4px; justify-content: space-between; align-items: center;cursor:pointer;transition: all .3s;}
.joblist .jb_le .on{ background: #f3c90a; }
.joblist .jb_le .tp .lf{ display: block; width: calc(100% - 100px); overflow: hidden;}
.joblist .jb_le .tp .lf h3{ display: block; color: #333; font-size:24px; font-weight: bold; border-bottom: 1px solid #eee; margin: 0 0 10px 0; padding-bottom: 10px; transition: all .3s;}
.joblist .jb_le .tp .lf dd{display: flex; align-items: center;}
.joblist .jb_le .tp .lf dd p{display: block; width: 26%;}
.joblist .jb_le .tp .lf dd p span,.joblist .jb_le .tp .lf dd p font{display: block; float: left; color: #666; font-size: 14px; font-weight: bold; transition: all .3s;}
.joblist .jb_le .tp .lf dd p font{    color: #333;}
.joblist .jb_le .tp .rh{width: 40px; height: 40px; background: #f3c90a; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 24px; position: relative;}
.joblist .jb_le .tp .rh span,.joblist .jb_le .tp .rh font{display: block; position: absolute; opacity: 1; transition: all .3s; }
.joblist .jb_le .tp .rh font{opacity: 0;}
.joblist .jb_le .on .rh span{opacity: 0;}
.joblist .jb_le .on .rh font{ opacity: 1; }
.joblist .jb_le .on .rh{background:#fff;}
.joblist .jb_le .on .rh span,.joblist .jb_le .on .rh font{color:#f3c90a;}
.joblist .jb_le .on .lf h3,.joblist .jb_le .on .lf dd p span,.joblist .jb_le .on .lf dd p font{ color:#fff;}
.joblist .jb_le .on .lf h3{border-bottom: 1px solid #ffec93; }
.joblist .jb_le .bt{ display: none; padding: 26px; overflow: hidden;}
.joblist .jb_le .bt dt{}
.joblist .jb_le .bt dt p{display: block; overflow: hidden; margin: 0 0 30px 0;}
.joblist .jb_le .bt dt p span{display: block; color: #333; font-size: 16px; line-height: 30px; font-weight: bold;}
.joblist .jb_le .bt dt p font{display: block; color: #666; font-size: 14px; line-height: 26px;}
 
.joblistact{ margin: 80px auto 120px; }
.joblistact .joblist{ margin: 30px auto; }


 
.quality_1{ display: block; margin: 60px auto; }
.quality_1 .in_tt{}
.quality_1 dl{ display: grid ; grid-template-columns: repeat(2, 1fr); grid-gap: 30px 30px; margin: 30px 0 0 0; }
.quality_1 dl dd{ display: block; border: 1px solid #f5f5f5; border-radius: 6px; padding: 40px; transition: all .6s; }
.quality_1 dl dd i{}
.quality_1 dl dd i img{}
.quality_1 dl dd strong{ display: block; color: #333; font-size: 24px; margin: 20px 0; position: relative; }
.quality_1 dl dd strong:after{ content: ""; display: block; background: #ddd; width:94px; height: 2px; margin-top: 5px;  }
.quality_1 dl dd p{display: block; color: #333; font-size: 16px; text-align: justify;}
.quality_1 dl dd:hover{  box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); }

 

.quality_2{ display: block; overflow: hidden; padding: 80px 0; background: #f5f5f5; }
.quality_2 .in_tt{ margin: 0 auto 30px; display: block; }
.ablscss {display: block;position: relative;}
.ablscss dd {display: flex;  position: relative;}
.ablscss dd a { cursor: pointer; font-size: 14px; margin-right: 20px; position: relative; font-weight: bold; color: #333; background: #fff; box-shadow: 0px 0px 12px 0 rgba(0, 0, 0, 0.15); height: 42px; border-radius: 3em; display: flex ; align-items: center; justify-content: center; padding: 0 30px;}
.ablscss dd .active {color: #fff;   background: #f3c90a;  }
.ablscss dl {display: block;  width: 100%;  }
.ablscss dl dt {display: none;    margin-top: 28px; }
.ablscss dl dt:nth-child(1) {display: block;} 
.ablscss dl dt .act{ display: grid ; grid-template-columns: repeat(4, 1fr); grid-gap: 20px 20px; }
.ablscss dl dt a{display: block; position: relative; padding: 10px; background: #fff; box-shadow: 0px 0px 12px 0 rgba(0, 0, 0, 0.15); overflow: hidden; border-radius: 6px; }
.ablscss dl dt a i{   width: 100%; height:280px; position: relative; display: flex ; justify-content: center; align-items: stretch; overflow: hidden; margin-top: 10px; }
.ablscss dl dt a i img{display: block; width: auto; max-width: 100%; transition: all .6s; }
.ablscss dl dt a span{display: block; color: #666; text-align: center; font-size: 16px; margin: 20px 0;     font-weight: bold;}
.ablscss dl dt a:hover i img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.ablscss dl dt a:hover span{ color:#f3c90a; }

.quality_3{ margin:0 auto; padding:80px 0; }

.quality_4{background: #eef9f9;}

 

.pageteach_3{ padding: 80px 0; display: block; }
.pageteach_3 .in_tt{ display: block;  }

.webtop_tt{ display: flex; margin: 30px auto; }
.webtop_tt a{ padding: 5px 26px; background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); display: flex ; justify-content: center; align-items: center; border-radius: 3em; font-size: 16px; color: #333; margin: 0 20px 0 0; font-weight: bold; }
.webtop_tt a:hover,.webtop_tt .active{ background: #f3c90a; color: #fff; }

.showpdflist{}
.showpdflist dl{ display: block; margin-bottom: 30px; }
.showpdflist dl span{ display: block; color: #333; font-weight: bold; font-size: 20px; margin: 0 0 10px 0; }
.showpdflist dl .show{background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); padding: 20px; overflow: auto; max-height: 280px; }
.showpdflist dl .show p{ display: grid ; grid-template-columns: repeat(5, 1fr); grid-gap: 12px 12px; }
.showpdflist dl .show a{ display: block; color: #666; font-size: 14px; text-decoration-line: underline; }
.showpdflist dl .show a:hover{ color:#f3c90a; }



.showpdflist dl .show::-webkit-scrollbar { width:10px;height:10px;}
.showpdflist dl .show::-webkit-scrollbar-track {background: #f1f1f1;}
.showpdflist dl .show::-webkit-scrollbar-thumb {background: #f3c90a;}
.showpdflist dl .show::-webkit-scrollbar-thumb:window-inactive {background: #f3c90a;}
.showpdflist dl .show::-webkit-scrollbar-thumb:vertical:hover {background: #f3c90a;}

 
*:focus{ outline:none; }


.pagecrosssearch{ width: 800px; margin: 50px auto 16px; overflow: hidden; position: relative; display: block; }
.pagecrosssearch h3{color: #f3c90a; display: block; text-align: center; font-size: 40px;}
.pagecrosssearch h4{text-align: center; display: block; margin:10px 0 20px; font-size: 14px; color: #666;}
.pagecrosssearch form{ display: flex ; align-items: center; justify-content: space-between; overflow: hidden; border-radius: 3em; border: 1px solid #eee; }
.pagecrosssearch form input{display: block; width: 100%; height: 50px; border: 0 solid #eee; padding: 20px; font-size: 14px; color: #333;}
.pagecrosssearch form button{ border: 0; cursor:pointer;  width: 50px; height: 50px; padding: 14px; background: #fff;}
.pagecrosssearch form button img{display: block; width: 100%;}

.cross_s_tip{text-align: center; display: flex ; justify-content: center; align-items: center; font-size: 16px; color: #666;}
.cross_s_tip span{color: #f3c90a;  margin: 0 0 0 10px; font-size: 18px;}

.corss_prolist{display: block;  margin: 50px auto;background-color: rgb(255, 255, 255); box-shadow: 0px 13px 36.86px 1.14px rgba(40, 43, 109, 0.08);}
.corss_prolist dd{ display: flex ; justify-content: space-between; align-items: center; background: #f3c90a; position: -webkit-sticky; top: 80px; position: sticky; }
.corss_prolist dd span{display: block; width: 33.33%; font-size: 14px; font-weight: bold; padding: 12px 26px; border-right: 1px solid #ddd; color: #fff; }
.corss_prolist dd span:last-child{ border-right:0; }
.corss_prolist dt{ display: flex ; align-items: center; justify-content: space-between; }
.corss_prolist dt span{display: block; width: 33.33%; padding: 12px 26px; color: #333; font-size: 14px; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.corss_prolist dt span:last-child{ border-right:0; }
.corss_prolist dt span a{ display: inline-block; color: #333; text-decoration-line: underline;font-weight: bold;}
.corss_prolist dt span a:hover{ color:#f3c90a; }
.corss_prolist dt i{position: absolute; opacity: 0;}

.webcross_bottom{ margin-bottom: 150px; display: block; overflow: hidden; }
.webcross_bottom .c_p_404{display: flex ; align-items: center;}
.webcross_bottom .c_p_404 font{display: block; color: #333; font-size: 16px;}
.webcross_bottom .c_p_404 i{color: #f3c90a; display: block; font-size: 20px; font-style: initial; font-weight: bold; margin: 0 0 0 10px; }

.corss_nodata{display: block; text-align: center; font-size: 24px; color: #f00; margin: 50px auto;}

 
 
.page_inapplication{ background: #fff; }
.page_inapplication .swiper-wrapper{ display: grid ; grid-template-columns: repeat(2, 1fr); grid-gap: 30px 30px; }
.page_inapplication .inap_side .tb .swiper-slide{ border: 1px solid #eee;}
.page_inapplication .inap_side .tb .swiper-slide .picta{ border:0; }



 
 

.applicationscat{ padding: 80px 0; display: block; overflow: hidden; }
.applicationscat .in_tt{ margin-bottom: 60px; }


.applicationscat{ display: block; overflow: hidden; padding: 60px 0; }
.applicationscat .category_act{ border: 1px solid #eee;  overflow: hidden; margin: 60px auto; border-top: 1px solid #eee; padding: 0; display: flex ; justify-content: space-between; }
.applicationscat .category_act .lf{ display: block; width: 20%; background: #f8f8f8; }
.applicationscat .category_act .lf a{ display: block; border-bottom: 1px solid #eee; padding: 14px 20px; color: #333; font-size:20px; font-weight: bold; }
.applicationscat .category_act .lf a:hover,.applicationscat .category_act .lf a.active{ background: #f3c90a; color: #fff; }
.applicationscat .category_act .rh{ width:80%; display: block; overflow: hidden; padding: 30px 5%;  }
.applicationscat .category_act .rh dl{}
.applicationscat .category_act .rh dl dt{ display: flex ; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee; margin: 0 0 60px 0; padding-bottom: 60px;  }
.applicationscat .category_act .rh dl dt p{ display: block;width: 45%; }
.applicationscat .category_act .rh dl dt p strong{ display: block; color: #333;  font-size: 30px; margin: 0 0 20px 0; }
.applicationscat .category_act .rh dl dt p span{ display: block; color: #333; font-size: 16px; }
.applicationscat .category_act .rh dl dt i{ display: block; width: 50%; overflow: hidden; border-radius: 6px; }
.applicationscat .category_act .rh dl dt i img{ display: block;width:100%; }
.applicationscat .category_act .rh dl dd{ display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 20px 20px; margin-bottom: 60px;  }
.applicationscat .category_act .rh dl dd a{ display: block; background: #f8f8f8; padding: 16px 30px; border-radius: 3em; color: #000; font-size: 18px; }
.applicationscat .category_act .rh dl dd a:hover{ background: #f3c90a; color: #fff;   }
 
 

 

 


.appshow_table_aaa{ display: flex ; flex-wrap: wrap; align-items: flex-start; border-bottom: 1px solid #eee; padding: 0 0 30px 0; margin-top: 60px; }
.appshow_table_aaa a{  display: block; color: #b29309; border: 2px solid #eee; padding: 10px 14px; font-size: 16px; margin: 0 10px 10px 0; cursor: pointer; border-radius: 4px;   }
.appshow_table_aaa a.active,.appshow_table_aaa a:hover{ border: 2px solid #b29309; background: #b29309; color: #fff; }

.appshow_table_bbb{ display: block; overflow: hidden; }
.appshow_table_bbb .tb_bar{ display: none; }
.appshow_table_bbb .tb_bar:nth-child(1){display: block; }
.appshow_table_bbb .tb_bar .lf{ padding: 30px 0; display: block; width:70%; overflow: hidden; position: relative; }
.appshow_table_bbb .tb_bar .lf img{ display: block; width: 100%; }
.appshow_table_bbb .tb_bar .lf dd{}
.appshow_table_bbb .tb_bar .lf dd a{ position: absolute; background: #999; padding: 6px 10px; font-weight: bold; color: #fff; cursor:pointer; }
.appshow_table_bbb .tb_bar .lf dd .active,.appshow_table_bbb .tb_bar .lf dd a:hover{ background: #b29309; color: #fff; }

.appshow_table_bbb .tb_bar .rh{ padding: 30px 0; width: 30%;}

.appshow_table_bbb .tb_bar .bic{ display: flex ; justify-content: space-between; align-items: flex-start; position: relative;   }
.appshow_table_bbb .tb_bar .bic:after{  content: ""; position: absolute; width: 1px; height: 100%; top: 0; left: 70%; background: #eee;  }
.appshow_table_bbb .tb_bar .bic .rh dl{ display: none; }
.appshow_table_bbb .tb_bar .bic .rh dl:nth-child(1){display: block; }
.appshow_table_bbb .tb_bar .bic .rh dl dt h3{background: #b29309; color: #fff; padding: 10px; font-size: 16px; margin: 0 0 6px 0; display: flex ; align-items: center; }
.appshow_table_bbb .tb_bar .bic .rh dl dt h3 i{ font-style: initial; font-size: 12px; width: 24px; height: 24px; display: flex ; border: 1px solid #fff; align-items: center; justify-content: center; border-radius: 50%; line-height: 1; zoom: 0.8; opacity: 0.5;    margin: 0 0 0 10px;  }
.appshow_table_bbb .tb_bar .bic .rh dl dd{ display: flex ; overflow: hidden; justify-content: space-between; margin-bottom: 40px;  }
.appshow_table_bbb .tb_bar .bic .rh dl dd p{ width: 36%; }
.appshow_table_bbb .tb_bar .bic .rh dl dd p:nth-child(2n){ width: 64%;}
.appshow_table_bbb .tb_bar .bic .rh dl dd p span,.appshow_table_bbb .tb_bar .bic .rh dl dd p font{display: block; color: #333; font-size: 13px; padding:8px;border-bottom: 1px solid #eee;  }
.appshow_table_bbb .tb_bar .bic .rh dl dd p font{ color:#999; }
 
 
.proshow_tt{ display: block; overflow: hidden; margin: 40px auto; position: relative; }
.proshow_tt h3{display: block; color: #333; font-weight: bold; font-size: 36px; margin: 0 0 16px 0;}
.proshow_tt h4{ display: block; color: #333; font-size: 16px; text-align: justify; line-height: 30px; }

 

.appshow_listall{ border: 1px solid #eee; display: block; overflow: hidden; padding:60px 0; }
.appshow_listall dl{  display: grid ; grid-template-columns: repeat(4, 1fr); grid-gap: 20px 20px; margin: 30px 0; }
.appshow_listall dl dd{ background: #fff; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, .1); display: block; overflow: hidden; border-radius: 4px; }
.appshow_listall dl dd strong{ display: block; background: #f8f8f8; font-size: 20px;   padding: 16px; }
.appshow_listall dl dd p{ display: block; overflow: hidden; padding: 8px 0 30px; }
.appshow_listall dl dd p a{ display: block; overflow: hidden; padding: 10px 16px; color: #333; border-bottom: 1px solid #eee; font-size: 16px; }
.appshow_listall dl dd p a:hover{ background: #f3c90a; color: #fff; border-bottom: 1px solid #f3c90a; }
.appshow_listall dl dd i{ display: block; overflow: hidden; height: 136px; border-radius: 4px; background: #f8f8f8; }
.appshow_listall dl dd i img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all .6s; }
.appshow_listall dl dd:hover i img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);  }

 



 

.newpro_show{ display: flex ; justify-content: space-between; }
.newpro_show .fl{ display: block; width: 25%; padding: 30px 0; }
.newpro_show .fl dl{ position: -webkit-sticky; position: sticky; top: 120px; }
.newpro_show .fl dl h3{ display: block; color: #333; font-weight: bold; font-size: 24px; margin: 0 0 20px 0; border-bottom: 1px solid #eee; padding-bottom: 20px; }
.newpro_show .fl dl h4{ display: block; overflow: hidden; margin: 0 0 20px 0; }
.newpro_show .fl dl h4 span{ display: block; color: #333; font-size: 14px; margin: 0 0 10px 0; }
.newpro_show .fl dl i{ border: 1px solid #eee; display: block; overflow: hidden; border-radius: 6px; }
.newpro_show .fl dl i img{ display: block; width: 100%; }
.newpro_show .rh{ display: block; width: 70%; }
.newpro_show .rh iframe{ border: 1px solid #eee; }

 






 
@media screen and (max-width:1600px) {   
  
.pchearch .icenter2{ width: 99%; }
.icenter{ width:1200px; }

.pagebanner .text h3,.in_tt strong,.ab_one .text h3,.inabout .rh dd strong{ font-size: 34px; }
.contact_1_list .c_a dl .lf strong,.inapplication .inap_side .tb .swiper-slide .picta .p_l strong{ font-size: 26px; }
.contact2_taa a,.ab_histroy .swipercontainer_abhistroy .swiper-slide h3,.quality_1 dl dd strong{ font-size:22px; }
.contact2_tbb dl dd strong,.contact_1_list .c_b dl .lf strong,.joblist .jb_le .tp .lf h3,.newsinfo dl strong{ font-size:20px; }
.pchearch .pcnav .act span a,.jobbottom dl strong,.intech .i_n_b dl a dd strong{ font-size: 18px; }
.contact_1_list .c_a dl .lf p,.ab_one .text .txt p,.in_tt span,.ab_histroy .swipercontainer_abhistroy .swiper-slide i{font-size:16px; }
.contact2_tbb dl dd p,.joblist .jb_le .bt dt p span,.jobbottom dl dd p font,.jobbottom dl dd p span,.ablscss dl dt a span{ font-size: 14px; line-height: 24px; }




.pchearch .pcnav .act span{ margin: 0 12px; }
.navform{ width: 240px; margin-right: 0; }
.pchearch .logo img,.footer_aa .icenter .f_a_contact .logopic img{ height: 46px;}

.pagebanner .text h3:after{ height: 2px; margin-top: 10px; }
.contact2_tbb dl dd{ padding: 26px; border-radius: 6px; }
.contact_1_list .c_b dl .lf p{font-size: 14px; line-height: 16px; }


.contact_1_list .c_a dl .lf{padding: 52px;}
.contact_1_list .c_a dl .lf i{ left: 26px; }


.contact_1_list .c_b dl .lf{ padding: 26px; }
.contact_1_list .c_b dl .lf i{left: 0;}


.contact1_form .wpcf7 .wpcf7-submit{ width: 200px; height: 50px; }

.joblist .jb_le .tp .rh{ width: 36px; height: 36px; }
.jobbottom .act{ grid-gap: 20px 20px;}
.jobbottom dl{padding: 24px; }
.jobbottom dl dd{ width: calc(100% - 100px);}
.jobbottom dl dd p{ width: auto; }


.aboutnews{ grid-gap: 20px 20px; }
.aboutnews .newsinfo{ margin-bottom: 0; }
.aboutnews .newsinfo dl{ padding: 20px; }
.aboutnews .newsinfo p{  height: 200px;}
.aboutnews .newsinfo p img{ height: 100%; object-fit: cover; }


.inabout .lf dl dd p span{ font-size: 70px; line-height: 70px; }
.inabout .lf dl dd p i{ font-size: 22px; }
.ab_histroy .swipercontainer_abhistroy .swiper-slide{ padding: 16px; }
.ab_histroy .swipercontainer_abhistroy .swiper-slide h4{ font-size: 28px; line-height: 28px; }
.ab_histroy .swipercontainer_abhistroy .swiper-slide dd p{ margin: 12px 0; padding: 16px; }
.ab_histroy .swipercontainer_abhistroy .swiper-slide dd p span{ font-size: 26px; width: 50px; }
.ab_histroy .swipercontainer_abhistroy .swiper-slide dd p font{ font-size: 14px; width: calc(100% - 60px); }

.lr_swiper .fa{ width: 42px; height: 42px; font-size: 20px; }

.about_zs .swipercontainer_abryzz .swiper-slide p{ padding: 16px; font-size: 16px; }

.quality_1 dl dd{ padding: 24px; }

.applicationscat .category_act .rh dl dd a{ padding: 12px 26px }

.appshow_listall dl dd p a{ padding: 6px 16px; font-size: 14px; }


.inabout{ padding: 20px 0 260px; }
.inapplication .inap_side .tb .swiper-slide .pictb,.inapplication .inap_side .tb .swiper-slide .picta .p_l{ padding: 20px 20px; }
.inapplication .inap_side .tb .swiper-slide .pictb a{ font-size: 15px; }

.inpro{ padding-bottom: 0; }
.pro_tbbb .box dd a{ padding-left: 30px; }
.pro_tbbb .box dd a:after{ left: 15px; }
.pro_tbbb .box dd{ grid-gap: 14px 14px; }
.procatall_table_aaa a{ padding: 12px; }

.i_protable .mid .swiper-slide .iconpic span{ font-size: 18px; padding-bottom: 16px; }

.banner .txt h3{ font-size: 70px;}
.banner .txt h4{ font-size: 56px; line-height: 60px;}






}