*{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: PingFang SC,Microsoft Yahei,Arial,Hiragino Sans; font-size:12px; font-weight: normal;}
html{ background-color:#fff; }
h3,h4,h5,h6,a,span,p{ display: block;}
img {width: 100%;object-fit: cover; 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;}
:root {
 --dex:#f6a20f
}


a:focus{ outline:none; }

 

.clearfix {zoom:1}
.clearfix:after {content: '\20'; display: block; clear: both;}
.fl { float: left; }
.fr { float: right; }
input{ -webkit-appearance:none; } 


 

@font-face {
    font-family: "Num";
    src: url("../font/Num.eot") format("eot"),
        url("../font/Num.woff") format("woff"),
        url("../font/Num.ttf") format("truetype");
}




 


/* h5 */
.drawer-nav { display: none; }
.drawer-hamburger{display: none;} 

.icenter {width: 1400px;margin: auto;position: relative;}



/* more */ 
.more { display: block; width: 150px; text-align: center; height: 36px; color: #fff; background-image: linear-gradient(67deg, #f17c1a, #f3b946); line-height: 36px; border-radius: 2em; font-size: 14px;     font-weight: bold;}
.more:hover{    opacity: 0.7;}  



*:focus{ outline:none; }





#dh2{position: fixed; top: 0; left: 0; z-index: 999; height: 80px;width: 100%;}

#dh2 .pc_nav{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;height: 80px; margin: 0 auto;}

#dh2 .logo{}
#dh2 .logo img{filter: none; filter: grayscale(1) brightness(30); display: block; width: auto; height: 40px;}

#dh2 .rh{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;}
#dh2 .rh .fasearch{display: block; overflow: hidden;     margin-right: 30px;}
#dh2 .rh .fasearch img{filter: none; filter: grayscale(1) brightness(30); display: block; width: auto; height: 20px;}
#dh2 .rh .zh{ font-weight: bold; }
#dh2 .rh .zh .glob{filter: invert(1); display: block; width: auto; float: left; height: 20px;}
#dh2 .rh .zh span{display: block; color: #fff; font-size: 16px; margin: 0 5px; float: left;}
#dh2 .rh .zh .fa{display: block; color: #fff; float: left; font-size: 18px;}

#dh2 .p_n{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;}
#dh2 .p_n dl{}
#dh2 .p_n dl h4{}
#dh2 .p_n dl h4 a{height: 80px; display: flex; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; padding: 0 30px;}
#dh2 .p_n dl h4 a span{font-size: 20px; color: #fff; font-weight: bold;}
#dh2 .p_n dl h4 a .fa{color: #fff; font-size: 18px; margin-left: 5px;}


#dh2.dh2_1{ background: #fff; box-shadow: 0 10px 35px 0 rgba(0,0,0,.1);}


#dh2.dh2_1 .p_n dl h4 a span,#dh2.dh2_1 .p_n dl h4 a .fa,#dh2.dh2_1 .rh .zh span,#dh2.dh2_1 .rh .zh .fa{ color:#333;  }
#dh2.dh2_1 .rh .fasearch img,#dh2.dh2_1 .rh .zh .glob{    filter: none;}

#dh2.dh2_1 .logo img{filter: initial;}

 

#dh2:hover{ background: #fff; box-shadow: 0 10px 35px 0 rgba(0,0,0,.1);}
#dh2:hover .logo img{    filter: initial;}
#dh2:hover .p_n dl h4 a span, #dh2:hover .p_n dl h4 a .fa, #dh2:hover .rh .zh span, #dh2:hover .rh .zh .fa{    color: #333;}
#dh2:hover .rh .fasearch img, #dh2:hover .rh .zh .glob {filter: none;}



#dh2 .p_n dl{}
#dh2 .p_n dl .navab{position: fixed; top: 80px; left: 0; z-index: 3; background: #fff; width: 100%; box-shadow:0 6px 12px 0 rgba(0, 0, 0, 0.15); opacity: 0;visibility: hidden;}
#dh2 .p_n dl:hover .navab{    opacity: 1;visibility: visible;}
#dh2 .p_n dl .navab .nav_ab{margin: 40px auto; display: flex; justify-content: space-between; align-items: flex-start; }
#dh2 .p_n dl .navab .nav_ab .lf{display: block; width: 70%; padding-right: 50px; overflow: hidden;}
#dh2 .p_n dl .navab .nav_ab .lf p{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 40px;; margin-bottom: 20px;}
#dh2 .p_n dl .navab .nav_ab .lf p a{display: block;  border-bottom: 1px solid #eee; color: #333; font-weight: bold; font-size: 18px; padding-bottom: 10px; margin: 0 0 26px 0;}
#dh2 .p_n dl .navab .nav_ab .lf p a:hover{ color: #f6a20f; border-bottom: 1px solid #f6a20f; }

#dh2 .p_n dl .navab .nav_ab .rh{display: block; overflow: hidden; width: 30%; border-left: 1px solid #eee; padding-left: 50px; box-sizing: border-box;}
 


#dh2 .p_n dl .navab .nav_pro{margin: 40px auto; display: flex;}
#dh2 .p_n dl .navab .nav_pro dd{}
#dh2 .p_n dl .navab .nav_pro dd h3{display: block; border-bottom: 1px solid #eee; color: #333;  font-size: 14px; padding-bottom: 10px;}
#dh2 .p_n dl .navab .nav_pro dd h3 a{ display: block;color: #333;}
#dh2 .p_n dl .navab .nav_pro dd h3 a:hover{color: #f6a20f;}
#dh2 .p_n dl .navab .nav_pro dd p{ overflow: hidden; margin: 20px 0 0 0;  display: block;  margin-bottom: 0; }
#dh2 .p_n dl .navab .nav_pro dd p font{ display: block;overflow: hidden;margin-bottom: 30px;}
#dh2 .p_n dl .navab .nav_pro dd p font:last-child{ margin-bottom:0}
#dh2 .p_n dl .navab .nav_pro dd p font>a{ display: block;color: #333;font-weight: bold;font-size: 18px;margin-bottom: 10px;}
#dh2 .p_n dl .navab .nav_pro dd p font span{ display: block; overflow: hidden;}
#dh2 .p_n dl .navab .nav_pro dd p font span a{ display: block; color: #333; margin: 0 12px 10px 0; font-size: 14px; float: left; border: 1px solid #ccc; padding: 2px 10px; border-radius: 2em; min-width: 80px; text-align: center;}

#dh2 .p_n dl .navab .nav_pro dd p .a_no>a{margin-bottom: 20px;}

#dh2 .p_n dl .navab .nav_pro dd p font>a:hover{ color: #f6a20f; }
#dh2 .p_n dl .navab .nav_pro dd p font span a:hover{ color: #f6a20f; border: 1px solid #f6a20f;  }

#dh2 .p_n dl .navab .nav_pro .lfa{   width: 70%; padding-right: 50px; overflow: hidden; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 40px;; margin-bottom: 20px;}
#dh2 .p_n dl .navab .nav_pro .rha{display: block; overflow: hidden; width: 30%; border-left: 1px solid #eee; padding-left: 50px; box-sizing: border-box;}
#dh2 .p_n dl .navab .nav_pro .rha a,#dh2 .p_n dl .navab .nav_ab .rh a{display: block; overflow: hidden; }
#dh2 .p_n dl .navab .nav_pro .rha a i,#dh2 .p_n dl .navab .nav_ab .rh a i{display: block; border-radius: 10px; height: 180px; overflow: hidden;}
#dh2 .p_n dl .navab .nav_pro .rha a i img,#dh2 .p_n dl .navab .nav_ab .rh a i img{display: block; width: 100%; height: 100%; position: relative; object-fit: cover; transition: all .3s; }
#dh2 .p_n dl .navab .nav_pro .rha a:hover i img,#dh2 .p_n dl .navab .nav_ab .rh a:hover i img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
#dh2 .p_n dl .navab .nav_pro .rha a p,#dh2 .p_n dl .navab .nav_ab .rh a p{ display: block;overflow: hidden;margin: 18px 0 0 0;}
#dh2 .p_n dl .navab .nav_pro .rha a p strong,#dh2 .p_n dl .navab .nav_ab .rh a p strong{ font-size: 20px;font-weight: normal;color: #666;margin: 0 10px 0 0;}
#dh2 .p_n dl .navab .nav_pro .rha a p span,#dh2 .p_n dl .navab .nav_ab .rh a p span{    color: #666;font-size: 20px;}
#dh2 .p_n dl .navab .nav_pro .rha a:hover p strong,#dh2 .p_n dl .navab .nav_pro .rha a:hover p span,#dh2 .p_n dl .navab .nav_ab .rh a:hover p strong,#dh2 .p_n dl .navab .nav_ab .rh a:hover p span{color: #f6a20f;}

#dh2 .p_n dl:hover h4 a span,#dh2 .p_n dl:hover h4 a .fa{ color: #f6a20f; }






.ibanner{position: relative; width: 100%; height: 100%; overflow: hidden;}
.ibanner video{display: block; width: 100%; height: 100%; object-fit: cover;}
.ibanner:after{ content: ""; position: absolute; width: 100%; height: 100%; background: #000; top: 0; left: 0; opacity: 0.1; }
.ibanner .text{transform: translate(-50%, -50%); position: absolute; z-index: 3;  top: 52%; left: 50%;}
.ibanner .text h3{display: block; color: #fff; font-size: 36px; font-weight: bold;}
.ibanner .text h4{-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #f17a18, #f17a18 50%, #f3ba47); font-style: inherit; font-size: 66px; font-weight: bold;    margin: 20px 0;}
.ibanner .text h5{display: block; color: #fff; font-size: 40px; font-weight: bold;}
.ibanner .text a{display: block; width: 160px; text-align: center; height: 46px; line-height: 44px; color: #fff; border-radius: 6px; background: rgba(255, 255, 255,0.4); font-size: 16px;margin-top: 30px;    font-weight: bold;}
.ibanner .text a:hover{ background-image: linear-gradient(67deg, #f17a18,#f3ba47);}

.ibanner .sc { z-index: 2; cursor: pointer; position: absolute; left: 50%; transform: translateX(-50%); bottom: 30px; }
.ibanner .sc .dots { border: 1px solid #fff; border-radius: 50%; width: 40px; height: 40px; font-size: 30px; line-height: 1; color: #fff; margin: 0 auto; }
.ibanner .sc .dots i { animation: down 1.3s linear infinite; display: block; position: relative; text-align: center; }
.ibanner .sc span { font-size: 14px; line-height: 1; color: #fff; margin-top: 1.7rem; }
@keyframes down {
	0% { top: 10%; }
	25% { top: 0%; }
	50% { top: -10%; }
	75% { top: 0%; }
	100% { top: 10%; }
}




.in_pro{display: block; overflow: hidden; padding: 100px 0 150px; background:url(../../style/img/in_pro_bg.jpg); background-size: cover; position: relative;}

.i_p_sar{display: block; margin-bottom: 100px; overflow: hidden;}
.i_p_sar h3{display: block; color: #333; font-size: 40px;     font-weight: bold;   margin-bottom: 10px;}
.i_p_sar form{display: block; position: relative;}
.i_p_sar form input,.i_p_sar form input:focus{display: block; width: 100%; border: 1px solid #ddd; height: 60px; padding: 0 0 0 50px;; font-size: 16px;    background-image: none; border-radius: 0;}
.i_p_sar form .fa{display: block; color: #999; border: 0; background: none; position: absolute; top: 0; width: 50px; line-height: 60px;     padding: 0; font-size: 18px;}
.i_p_sar h4{display: block; overflow: hidden; margin-top: 20px;}
.i_p_sar h4 span{display: block; float: left; font-size: 16px; margin-right: 0; color: #999;}
.i_p_sar h4 i{}
.i_p_sar h4 i a{display: block; float: left; color: #333; font-size: 16px; font-style: initial;font-weight: bold; margin-right: 20px;}
.i_p_sar h4 i a:hover{ color:#fd7300; }




 

.home_pic{display: block; overflow: inherit; position: relative;margin-bottom: 250px;}
.home_pic p{display: block; overflow: hidden; max-height: 600px;}
.home_pic video{display: block; width: 100%;}
.home_pic:after{ content:""; }
.home_pic .txt {position: absolute; top: 70%; left: 50%; transform: translate(-50%, 0%); z-index: 3;}
.home_pic .txt dd{background: #fd7300; width: 50%; border-radius: 20px; padding: 50px;}
.home_pic .txt h3{font-size: 46px; line-height: 1; color: #fff; font-weight: bold; position: relative;}
.home_pic .txt h4{display: block; color: #fff; font-size: 24px; margin: 30px 0;}
.home_pic .txt .more{background: none; border: 1px solid #fff;}
 








.i_p_pic{ min-height: 700px;}
.i_p_pic .lf{position: absolute; top: 0; left: 0;}
.i_p_pic .lf .tt{display: block; overflow: hidden; margin-bottom: 100px;}
.i_p_pic .lf .tt h3{-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #f17a18, #f17a18 50%, #f3ba47); font-style: inherit; display: block; font-weight: bold; font-size: 46px; margin-bottom: 20px;}
.i_p_pic .lf .tt h4{display: block; color: #333; font-size: 22px;   }

.i_p_pic .lf .tab_tt{display: block; position: relative;}
.i_p_pic .lf .tab_tt a{display: flex; justify-content: flex-start; align-items: center;margin-bottom: 50px;cursor:pointer;position: relative; z-index: 3;}
.i_p_pic .lf .tab_tt a .p{display: block; width: 70px; height: 70px;  border-radius: 50%;display: flex; align-content: center; justify-content: center; align-items: center;     background: #e1f1fe;  position: relative;  border: 2px solid transparent;}
.i_p_pic .lf .tab_tt a .p img{display: block; width: 36px; }
.i_p_pic .lf .tab_tt .active .p{      }
.i_p_pic .lf .tab_tt .active .p img{  }
.i_p_pic .lf .tab_tt a span{display: block; color: #666; font-size: 24px; font-weight: bold; margin-left: 10px;}
.i_p_pic .lf .tab_tt .active span{ color:#f17a18; }

.i_p_pic .lf .tab_tt a .p .wrapper { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70px; height: 70px; position: absolute; clip: rect(0, 70px, 70px, 35px);     }
.i_p_pic .lf .tab_tt a .p .left, .i_p_pic .lf .tab_tt a .p .right, .i_p_pic .lf .tab_tt a .p .wrapper { -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; }
.i_p_pic .lf .tab_tt a .p .circle { width: 70px; height: 70px; border: 2px solid #f17a18; border-radius: 50%; position: absolute; clip: rect(0, 35px, 70px, 0); }
.i_p_pic .lf .tab_tt .active .p .wrapper { -webkit-animation-duration: 0ms; -webkit-animation-delay: 5s; -webkit-animation-name: close-wrapper; }
.i_p_pic .lf .tab_tt .active .p .left { -webkit-animation-duration: 10s; -webkit-animation-name: left-spin; }
.i_p_pic .lf .tab_tt .active .p .right { -webkit-animation-duration: 5s; -webkit-animation-name: right-spin; }
@keyframes left-spin {0% { -webkit-transform: rotate(0); }100% { -webkit-transform: rotate(1turn); }}
@keyframes right-spin {0% { -webkit-transform: rotate(0); }100% { -webkit-transform: rotate(180deg); }}
@keyframes close-wrapper {100% { clip: rect(auto, auto, auto, auto); }}


.i_p_pic .lf .tab_tt a .p .circle { width: 70px; height: 70px; border: 2px solid #f17a18; border-radius: 50%; position: absolute; clip: rect(0, 35px, 70px, 0); }
.i_p_pic .lf .tab_tt .active .p{ border-color: #ccc;} 
.i_p_pic .lf .tab_tt:after{height: 120%; content: ""; position: absolute; top: -10%; left: 35px; transform: translateX(-50%); border-right: 1px dashed rgba(58, 177, 180, 0.4);}


 


.i_p_pic .i03Swiper{display: block; overflow: hidden; width: 70%; position: relative;margin-left: 30%;}
.i_p_pic .i03Swiper .swiper-slide .box{ display: none;opacity: 0;}
.i_p_pic .i03Swiper .swiper-slide .box{} 
.i_p_pic .i03Swiper .swiper-slide-active .box { display: block; animation: eq_fa 0.3s linear forwards; }
@keyframes eq_fa {100% { opacity: 1; }}

.i_p_pic .i03Swiper .swiper-slide .box img{display: block; width: 56%; margin: 0 auto 0;}
.i_p_pic .i03Swiper .swiper-slide .box dd{display: block; overflow: hidden; padding-top: 30px; border-top: 1px solid #ddd;}
.i_p_pic .i03Swiper .swiper-slide .box dd .t_l{display: block; overflow: hidden; float: left; width: 35%;}
.i_p_pic .i03Swiper .swiper-slide .box dd .t_l span{display: block; color: #333; font-size: 40px;    font-weight: bold; margin-bottom: 20px; }
.i_p_pic .i03Swiper .swiper-slide .box dd .t_l font{display: block; color: #666; font-size: 18px;}
.i_p_pic .i03Swiper .swiper-slide .box dd .t_r{display: block; overflow: hidden; float: right; width: 65%;}
.i_p_pic .i03Swiper .swiper-slide .box dd .t_r a{display: block; min-width: 100px; padding: 0 30px; height: 36px; background: #eee; text-align: center; line-height: 36px; font-size: 16px; border-radius: 2em; float: left; margin: 0 20px 20px 0; color: #333;     font-weight: bold; }
.i_p_pic .i03Swiper .swiper-slide .box dd .t_r a:hover{ color: #fff; background-image: linear-gradient(67deg, #f17c1a, #f3b946); }


.i_p_pic .i03Swiper .swiper-slide .box img{ transform-origin: center; -webkit-animation-name: up-and-down-oa; animation-name: up-and-down-oa; -webkit-animation-iteration-count: infinite; 
animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 5s; animation-duration: 5s;}

 @-webkit-keyframes up-and-down-oa{0%{transform:translateY(0)}50%{transform:translateY(50px) rotate(0deg)}to{transform:translateY(0)}}
 @keyframes up-and-down-oa{0%{transform:translateY(0)}50%{transform:translateY(50px) rotate(0deg)}to{transform:translateY(0)}}





 





.i06 { position: relative; background-color: #fff; padding:100px 0 0; }
.i06 .icenter { position: relative; }
.i06 .icenter .wen { font-family: "arial"; font-weight: bold; font-size: 31.6rem; color: #f6f7f9; position: absolute; left: -9%; top: 34%; text-transform: uppercase; }
.i06 .icenter .bot {  display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 2; }
.i06 .icenter .bot .le { margin-bottom: 0;width: 45%; }
.i06 .icenter .bot .le h3 { width: fit-content; font-weight: bold; font-size:50px; line-height: 60px; color: var(--dex); margin-bottom: 2.8rem; -webkit-background-clip: text; 
background-clip: text; background-image: linear-gradient(45deg, #f17a18 0%, #f3ba47 50%, #f17a18 100%); background-image: -webkit-linear-gradient(45deg, #f17a18 0%, #f3ba47 50%, #f17a18 100%); -webkit-text-fill-color: transparent; text-fill-color: transparent; animation: bg2 3s linear infinite; }
.i06 .icenter .bot .le h4 { font-size: 26px; line-height: 1; color: #666; margin-bottom:30px; }
.i06 .icenter .bot .ri { width: 50%; display: block; overflow: hidden; border-radius: 3rem; border-top-left-radius: 0px; height: 40rem;position: relative; }
.i06 .icenter .bot .ri img,.i06 .icenter .bot .ri video { display: block; width: 100%; height: 100%; object-fit: cover; position: relative; }
.i06 .top { position: relative; display: flex; justify-content: flex-end; align-items: center;height: 25.6rem;  }
.i06 .top .ri{ height: 100%; width: 50%; padding-left: 5%; float: right;}
.i06 .top .ri p{ font-size: 20px; line-height: 26px; color: #666;  text-align: justify;}
.i06 .top .wen1 { font-family: "arial"; font-weight: bold; font-size: 38.6rem; color: #000; opacity: 0.04; position: absolute; left: 0px; bottom: -1px; line-height: 10px; }
.i06 .top .le { height: 100%; position: relative; width: 30%; float: left; margin-left: 20%; }
.i06 .top .le .imgbox {height: 100%; display: block; overflow: hidden; position: relative; border-radius: 3em 3em 0 3em; }
.i06 .top .le .imgbox img { height: 100%;     width: 100%; border-radius: 3rem; border-bottom-right-radius: 0px; }
.i06 .top .le .cc { height: 25.9rem; width: 40.6rem; }
.i06 .top .le .bo { cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; }
.i06 .top .le .bo img { width: 7.3rem; }

.i06 .i_h3 {font-size: 46px; line-height: 1; color: #333; font-weight: bold;   position: relative;}
.i06 .i_h3:after {display: block; content: ""; width: 80px; height: 4px; margin: 30px 0;  background-image: linear-gradient(67deg, #f17a18,#f3ba47);}

@keyframes bg {100% {background-position: -340px;}}
@keyframes bg2 {100% {background-position: -370px;}}


.innum{display: block; overflow: hidden;margin-bottom: 100px;}
.innum h3{display: block; color: #333; font-size: 18px; margin-bottom: 10px;}
.innum dl{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: top; -webkit-align-items: top;}
.innum dl dd{display: block; overflow: hidden;}
.innum dl dd p{display: block; overflow: hidden;display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: flex-start; align-items: center; -webkit-align-items: center;}
.innum dl dd p span{color: #e22938; font-size: 70px; font-family: num; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #f17a18, #f17a18 50%, #f3ba47); font-style: inherit;}
.innum dl dd p font{color: #f3ba47; font-size: 20px; font-weight: bold;}
.innum dl dd strong{ color: #666; font-size: 20px; font-weight: bold; line-height: 24px;max-width: 260px; display: block; }






.innews{display: block; overflow: hidden; padding: 100px 0; position: relative;}
.innews .newstt{position: relative; display: block; overflow: hidden; margin-bottom:50px;}
.innews .newstt h3{display: block; color: #333; font-size: 46px; font-weight: bold; border-bottom: 2px solid #eee; padding-bottom: 20px;}
.innews .newstt h4{position: absolute; top:20px; right: 0; z-index: 3;}
.innews .newstt h4 a{display: block; width: 150px; height: 36px; background: #f5f5f5; text-align: center; line-height: 36px; font-size: 16px; border-radius: 2em; float: left; margin: 0 0 0 20px; color: #333;     font-weight: bold; }
.innews .newstt h4 a:hover{ color:#fff; background-image: linear-gradient(67deg, #f17c1a, #f3b946);}

.innews .n_pic{position: absolute; height: 80%; width: auto; top: 0; left: 0;
transform-origin: center; -webkit-animation-name: up-and-down-o; animation-name: up-and-down-o; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 7s; animation-duration: 7s; }
.innews .rh{left: auto; right: 0; top:auto; bottom: -25%;}

.innews .inbt{display: block; overflow: hidden; position: relative; z-index: 3;    margin-top: 30px;}
.innews .inbt .more{ float: right; }

 @-webkit-keyframes up-and-down-o{0%{transform:translateY(0)}50%{transform:translateY(120px) rotate(0deg)}to{transform:translateY(0)}}
 @keyframes up-and-down-o{0%{transform:translateY(0)}50%{transform:translateY(120px) rotate(0deg)}to{transform:translateY(0)}}
 
.innews .innews_Swiper{overflow: hidden; }
.innews .innews_Swiper .swiper-slide a{display: block; overflow: hidden; position: relative;   padding-bottom: 20px;}
.innews .innews_Swiper .swiper-slide a:after{   content: ""; position: absolute; width: 0%; height: 2px;background-image: linear-gradient(67deg, #f17c1a, #f3b946); bottom: 0; left: 0; transition: all .3s;}
.innews .innews_Swiper .swiper-slide a:hover:after{width: 100%;}
.innews .innews_Swiper .swiper-slide p{display: block; overflow: hidden; position: relative; height: 200px;    border-radius: 10px;}
.innews .innews_Swiper .swiper-slide p img{ transition: all .3s;display: block; width: 100%; height: 100%; position: relative; object-fit: cover;}
.innews .innews_Swiper .swiper-slide a:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.innews .innews_Swiper .swiper-slide span{display: block; color: #333; font-size: 20px;font-weight: bold; margin: 26px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.innews .innews_Swiper .swiper-slide a:hover span{  color: #f17c1a; }
.innews .innews_Swiper .swiper-slide font{display: block; color: #666; font-size: 16px; margin-bottom: 20px;}
.innews .innews_Swiper .swiper-slide .rt{display: block; overflow: hidden;}
.innews .innews_Swiper .swiper-slide .rt img{display: block; height: 20px; width: auto; float: left; margin-right: 10px; -webkit-filter: grayscale(100%); }
.innews .innews_Swiper .swiper-slide a:hover .rt img{  -webkit-filter: grayscale(0%);  }
.innews .innews_Swiper .swiper-slide .rt i{font-style: inherit; color: #666; font-weight: bold; font-size: 14px;}

.innews_Swiper_pagination{background: #f5f5f5; display: block; overflow: hidden; height: 4px; margin-top: 50px;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: none;background-image: linear-gradient(67deg, #f17c1a, #f3b946);}

.lhnav{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.lhnav .fa{display: block; width:50px; height: 50px; border: 1px solid #ddd; text-align: center; line-height: 50px; border-radius: 50%; position: absolute; top: 0; left: -80px; cursor: pointer;color: #666; font-size: 26px;}
.lhnav .innews_S_b_next{left: auto; right: -80px;}
.lhnav .fa:hover{ border: 1px solid #f17c1a; color: #f17c1a;   }






/* footer */
.fline{display: block; background: #dadde0; height: 4px; width: 100%;}
.footer {padding: 80px 0;position: relative;overflow: hidden; background-image: linear-gradient(67deg, #fff, #d4d8db);    background-size: cover; background-position: center;}
.footer .fo01 {margin-bottom: 50px;}
.footer .fo01 ul {display: flex;justify-content: space-between;}
.footer .fo01 ul li {}
.footer .fo01 ul li h3 {margin-bottom: 26px;}
.footer .fo01 ul li h3 a { display: inline-block; font-size: 24px; color: #333;     font-weight: bold; }
.footer .fo01 ul li p a{font-size: 18px;color: #666;margin-bottom: 20px;     font-weight: bold; }
.footer .fo01 ul li p a:hover {color: var(--dex);}
.footer .fo01 ul li p a:last-child {margin-bottom: 0px;}
.footer .fo01 ul li .lx{display: block; overflow: hidden; margin-bottom: 20px;    display: flex; }
.footer .fo01 ul li .lx i{width:36px;border:2px solid #666;height:36px;display:flex;align-content:center;justify-content:center;align-items:center;border-radius:50%;    margin-right:10px;}
.footer .fo01 ul li .lx i img{ display: block; -webkit-filter: grayscale(100%); float: left; height: 20px; width: auto; }
.footer .fo01 ul li .lx span{display: block; overflow: hidden;  color: #666;     font-weight: bold; font-size: 18px; line-height:22px;margin-top: 5px;}
.footer .fo01 ul li .ewm{display: block; overflow: hidden;}
.footer .fo01 ul li .ewm p{display: block; overflow: hidden; float: left; margin-right: 20px; }
.footer .fo01 ul li .ewm img{display: block; width: auto; height: 100px;}
.footer .fo01 ul li .ewm font{display: block; color: #333; text-align: center;     font-weight: normal; font-size: 14px; margin: 10px 0 0 0;}

.footer .fo02 {display: flex;justify-content: space-between;align-items: center;}
.footer .fo02 .le {display: flex;align-items: center;}
.footer .fo02 .le a {font-size: 16px;color: #666;margin-right: 24px;}
.footer .fo02 .rh{    display: flex;}
.footer .fo02 .rh a{display: block; height: 36px; width: 120px; text-align: center; font-size: 16px; color: #333; background: #eeeff0;; margin:0 0 0 20px; line-height: 36px; border-radius: 2em;    font-weight: bold; }
.footer .fo02 .rh a:hover{  color: #fff;     background-image: linear-gradient(67deg, #f17c1a, #f3b946); } 







 
.newsshow{display: block; overflow: hidden; padding: 180px 0;}
.newsshow .s_n_tt{display: block; overflow: hidden; border-bottom: 1px solid #ddd; padding-bottom: 50px; margin-bottom: 50px; position: relative;}
.newsshow .s_n_tt h3{display: block; color: #333; font-weight: bold; font-size: 40px; margin-bottom: 20px;}
.newsshow .s_n_tt h4{display: block; overflow: hidden; }
.newsshow .s_n_tt h4 span{display: block; color: #666; float: left; margin-right: 20px; font-size: 16px;}

.newsshow .iact{}
.newsshow .iact .lf{display: block; overflow: hidden; float: left; width: 60%;}

.newsshow .lf *{ font-size: 18px; color: #333; line-height: 32px;}
.newsshow .lf h1{font-size: 42px;margin-bottom: 10px;}
.newsshow .lf h2{font-size: 31px;margin-bottom: 10px;}
.newsshow .lf h3{font-size: 26px;margin-bottom: 10px;}
.newsshow .lf h4{font-size: 22px;margin-bottom: 10px;} 
.newsshow .lf h5{font-size: 19px;margin-bottom: 10px;}
.newsshow .lf h6{font-size: 17px;margin-bottom: 10px;}
.newsshow .lf img{width: auto; border-radius: 10px; max-width: 100%; display: block; height: auto; margin: 0 auto 20px; }
.newsshow .lf .aligncenter{    margin: 0 auto;}

.newsshow .lf{ display: block; float: left; width: 60%; overflow: hidden; }


.newsshow .iact .rh{display: block; overflow: hidden; float: right; width: 30%;}
.newsshow .iact .rh h3{display: block; color: #333; font-size: 32px; font-weight: bold; margin-bottom: 30px;}
.newsshow .iact .rh dd{}
.newsshow .iact .rh dd a{ display: flex; overflow: hidden; justify-content: space-between; border-bottom: 1px solid #eee; padding-bottom: 30px; margin-bottom: 30px; }
.newsshow .iact .rh dd a i{display: block; overflow: hidden; width: 30%; border-radius: 6px;}
.newsshow .iact .rh dd a i img{ display: block; width:100%;transition: all .3s; }
.newsshow .iact .rh dd a p{display: block; overflow: hidden; width: 65%;}
.newsshow .iact .rh dd a p strong{display: block; color: #333; font-weight: bold; font-size: 18px;}
.newsshow .iact .rh dd a p span{display: block; color: #666; font-size: 12px; margin-top: 10px;}
.newsshow .iact .rh dd a:hover i img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.newsshow .iact .rh dd a:hover p strong{ color:#f6a20f; }
.newsshow .iact .rh dd a:hover{ border-bottom: 1px solid #f6a20f;}

.newsshowbottom{margin: 0 auto 100px; overflow: hidden; border-top: 1px solid #ddd; padding-top: 50px;}
.newsshowbottom .lf{display: block; overflow: hidden;}
.newsshowbottom .lf a{display: block; overflow: hidden; margin: 0 0 20px 0;}
.newsshowbottom .lf a span{display: block; float: left; color: #666; font-size: 14px; margin-right: 10px;}
.newsshowbottom .lf a p{display: block; float: left; color: #333; font-weight: bold; font-size: 16px;}
.newsshowbottom .lf a:hover p{color:#f6a20f;}
.newsshowbottom .rh{display: block; overflow: hidden;}
.newsshowbottom .rh a{display: block;width: 150px;text-align:center;height:36px; background-image:linear-gradient(67deg, #f17c1a, #f3b946); line-height:36px; border-radius: 2em; font-size: 14px; font-weight: bold;}
.newsshowbottom .rh a span{color: #fff;display: inline-block; margin-left: 5px;}
.newsshowbottom .rh a .fa{color: #fff;}
.newsshowbottom .rh a:hover{ opacity: 0.7; }

 

 

.webnewstt{overflow: hidden; margin: 70px auto; display: block; border-bottom: 1px solid #eee; padding-bottom: 20px; }
.webnewstt dd{ display:none; }
.webnewstt a{ font-size: 24px; position: relative; float: left; margin: 0 50px 0 0; color: #333; font-weight: bold; display: block; }
.webnewstt a:hover{ color: #f17a18;}
.webnewstt a:after{  content: ""; display: block; width: 0; height: 2px; background-image: linear-gradient(67deg, #f17c1a, #f3b946); transition: all .3s;}
.webnewstt .active,.webnewstt a:hover{ color:#f6a20f; }
.webnewstt .active:after,.webnewstt a:hover:after{ width: 100%; }






.webnewslist{}
.webnewslist .icenter{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0 40px;;     margin-bottom: 20px;}
.webnewslist .icenter a{display: block; overflow: hidden; position: relative; padding-bottom: 20px;     margin-bottom: 50px;}
.webnewslist .icenter a:after{   content: ""; position: absolute; width: 0%; height: 2px;background-image: linear-gradient(67deg, #f17c1a, #f3b946); bottom: 0; left: 0; transition: all .3s;}
.webnewslist .icenter a:hover:after{width: 100%;}
.webnewslist .icenter a p{display: block; overflow: hidden; position: relative; height: 190px;    border-radius: 10px;}
.webnewslist .icenter a p img{ transition: all .3s;display: block; width: 100%; height: 100%; position: relative; object-fit: cover;}
.webnewslist .icenter a:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.webnewslist .icenter a span{display: block; color: #333; font-size: 20px;font-weight: bold; margin: 20px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.webnewslist .icenter a:hover span{  color: #f17c1a; }
.webnewslist .icenter a font{display: block; color: #666; font-size: 16px; margin-bottom: 10px;}
.webnewslist .icenter a .rt{ display: block; overflow: hidden;}
.webnewslist .icenter a .rt img{display: block; height: 20px; width: auto; float: left; margin-right: 10px; -webkit-filter: grayscale(100%); }
.webnewslist .icenter a:hover .rt img{  -webkit-filter: grayscale(0%);  }
.webnewslist .icenter a .rt i{font-style: inherit; color: #666; font-weight: bold; font-size: 14px;}

.fy{display: block; overflow: hidden; margin-bottom: 100px;}
.fy .screen-reader-text{  display: none; }
.fy .navigation.pagination{ width:100%; }
.fy .nav-links{display: flex; justify-content: center; align-items: center; overflow: hidden;}
.fy .nav-links .dots{}
.fy .nav-links a,.fy .nav-links span{width: 40px; height: 40px; background: #eee; display: flex; justify-content: center; align-items: center; margin: 0 5px; border-radius: 50%; color: #333; font-size: 16px; display: flex; }
.fy .nav-links a:hover,.fy .nav-links .current{color: #fff; background-image: linear-gradient(67deg, #f17c1a, #f3b946);display: flex;font-size: 16px;}
.fy .nav-links .next.page-numbers{padding: 0; border-radius: 50%; display: flex;    background: #eee;}

 


.zizhilist{}
.zizhilist .icenter a p{  border: 1px solid #ddd; height: auto; }


 
.qualityone02{ position: relative;display: block;overflow: hidden;}
.qualityone02 li{display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #eee; align-content: center; overflow: hidden;}	
.qualityone02 li .imgbox{width: 50%;}
.qualityone02 li .imgbox img{}
.qualityone02 li .text{display: block; overflow: hidden; width: 50%; padding: 0 5%;}
.qualityone02 li .text h3{    display: block; color: #333; font-size: 40px; margin: 0 0 20px 0; font-weight: bold;}
.qualityone02 li .text h4{    display: block;color: #666;font-size: 16px;}

.qualityone02 li:nth-child(2n){     flex-direction: row-reverse; }
 


 

.webbar{display: block; overflow: hidden; position: relative;}
.webbar img{display: block; width: 100%;}
.webbar .txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3;}
.webbar .txt h3{display: block; color: #fff; font-size: 46px; font-weight: bold;}
.webbar .txt h3:after{  content: ""; background-image: linear-gradient(to right, #f17a18, #f17a18 50%, #f3ba47); display: block; width: 100px; height: 2px; margin-top: 10px; }
.webbar .txt h4{display: block; color: #fff; font-size: 18px; margin-top: 20px; width: 50%; font-weight: bold;}
 
 
.webbar .appcat{position: absolute; bottom: 0; left: 0; height: 80px; display: flex; justify-content: flex-end; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.3); }
.webbar .appcat a{ display: flex; justify-content: center; align-items: center; padding: 0 50px;   position: relative;}
.webbar .appcat a:after{ content: ""; background: #f17a18; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-right: 1px solid rgba(255, 255, 255, 0.3); z-index: 1;transform: skew(-10deg);}
.webbar .appcat a span{color: #fff; font-size: 26px; font-weight: normal; position: relative; z-index: 3; }
.webbar .appcat i{display: block; width: 25%; background: #f17a18; transform: skew(-10deg);}
.webbar .appcat i:after{ content: ""; background: #f17a18; position: absolute; width: 100%; height: 100%; top: 0; right: 0; transform: skew(10deg);  }
.webbar .appcat .on{}
.webbar .appcat .on span{ color: #f17a18; }
.webbar .appcat a:hover:after{ background: #f0974f; }
.webbar .appcat .on:after,.webbar .appcat .on:hover:after{ background: #fff;border-bottom: 1px solid #eee;}






.contact_two{display: block; overflow: hidden; padding:20px 0 100px;}
.contact_two .icenter{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 40px;;}
.contact_two dd{display: block; background: #fff; box-shadow: 0 10px 35px 0 rgba(0,0,0,.1); margin-bottom: 30px; border-radius: 10px; padding: 40px; overflow: hidden;}
.contact_two dd h3{display: block; font-size: 26px; font-weight: bold; margin-bottom: 10px;}
.contact_two dd p{display: block; color: #333; font-size: 16px; line-height: 32px;}

.conform{display: block; overflow: hidden; padding: 100px 0; background: #f5f5f5;}
.conform h3{display: block; color: #333; font-size: 46px; font-weight: bold; margin-bottom: 20px;}
.conform h4{display: block; color: #333; font-size: 20px;  margin-bottom: 30px;}
.conform form{}
.conform form .two{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 40px;;}
.conform form .two dd{display: block; overflow: hidden; margin-bottom: 15px;}
.conform form .two font{display: block; color: #333; font-size: 18px; margin-bottom: 5px;}
.conform form input,.conform form textarea{display: block; border: 0; background: #fff; width: 100%; height: 46px; padding: 20px; box-sizing: border-box; color: #333; font-size: 16px;}
.conform form span{    position: relative;}
.conform form span span{position: absolute; width: auto;   right: 20px; color: #f00; top: 40%;}

.conform form  .wpcf7-submit{background-image: linear-gradient(67deg, #f17c1a, #f3b946); display: block; width: 180px; height: 40px; color: #fff; line-height: 40px; padding: 0; border-radius: 2em; margin: 50px auto 0; font-size: 18px; font-weight: bold; cursor: pointer;}

.conform form .one{display: block;}
.conform form textarea{height: 120px;}

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




.contact_top{display: block; padding: 100px 0 0; position: relative; z-index: 3; }
.contact_top h3{display: block; color: #333; font-size: 46px; margin: 0 0 20px 0; font-weight: bold; }
.contact_top h4{display: block; color: #333; font-size: 20px; margin-bottom: 50px;}
.contact_top dl{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: top; -webkit-align-items: top; box-shadow: 0px 0px 20px 5px #ccc; padding: 80px 40px;position: relative;background: #fff; border-radius: 10px; overflow: hidden; }
.contact_top dl:after{  content: ""; position: absolute; background-image:  linear-gradient(to right, #f17a18, #f17a18 50%, #f3ba47); display: block; width: 100%; height: 0px; top: 0; left: 0;  }
.contact_top dl dd{display: block; overflow: hidden; width: 28%;}
.contact_top dl dd i{}
.contact_top dl img{display: block; width: auto; height: 36px;}
.contact_top dl dd span{display: block; font-weight: bold; font-size: 24px; margin-bottom: 10px; color: #333;}
.contact_top dl dd font{display: block; color: #666; font-size: 20px;}


/* map */
#dituContent_x{    width: 100%; height: 500px;} 
.iw_poi_title {color: rgb(79, 138, 240); font-weight: bold; overflow: hidden;}
.iw_poi_content {font: 13px arial, sans-serif;overflow: visible;padding-top: 4px;white-space: -moz-pre-wrap;word-wrap: break-word}
.dot { display: flex;justify-content: center;align-items: center;   box-shadow: 5px 0px 24px rgb(102 102 102 / 20%); width:250px; height:80px; background-color: #fff;    position: relative; top: -30px;}
.dot img { width: 66%; margin: auto; }
.dot::after { position: absolute; content: ""; bottom: -32px; left: 50%; transform: translateX(-50%);-webkit-clip-path: polygon(40% 0px, 62% 0%, 55% 100%);   clip-path: polygon(40% 0px, 62% 0%, 55% 100%); width: 92px; height: 36px; background-color: #fff;}
.infoBox img {display: none;}
.infoBox .img {display: block;}
.con02{ position: relative;top: -100px;z-index: 1;}

 




.footer .fo01 ul li .ewm font,.footer .fo02 .rh a,.footer .fo02 .le a{   font-family: PingFang SC,Microsoft Yahei,Arial,Hiragino Sans;  }



 

.i_p_sar_web{ margin: 160px auto 100px; }
.i_p_sar .pro_serach{display: block; overflow: hidden; position: relative;}
.i_p_sar .pro_serach .facetwp-facet{    margin: 0;}
.i_p_sar .pro_serach .facetwp-input-wrap{display: block; width: 100%; position: initial;}
.i_p_sar .pro_serach .facetwp-search{display: block; width: 100%; border: 1px solid #ddd; height: 60px; padding: 0 0 0 30px; font-size: 16px; background-image: none; border-radius: 0; min-width: 100%; color: #f17a18; }
.i_p_sar .pro_serach .facetwp-icon{width: 60px; height: 60px; text-align: center; opacity: 0;z-index: 3; }

.i_p_sar .pro_serach .fa-search{position: absolute; top: 0; right: 0; height: 60px; line-height: 60px; width: 60px; text-align: center; font-size: 20px;}


.prolist{display: block; overflow: hidden;}
.prolist .lf{display: block; float: left; width: 20%;}
.prolist .rh{display: block; float: right; width: 75%;}

.prolist .lf dl{}
.prolist .lf dl .h3{ display: block; color: #333; font-weight: bold; font-size: 24px; margin-bottom: 20px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 6px 0; }
.prolist .lf dl dd{}
.prolist .lf dl dd h3{}
.prolist .lf dl .facetwp-facet{}
.prolist .lf dl .facetwp-facet .facetwp-checkbox{margin: 0 0 16px 0; background: url(/style/img/checkbox.png) 0 50% no-repeat; background-size: 14px 14px;}
.prolist .lf dl .facetwp-facet .facetwp-checkbox.checked{    background-image: url(/style/img/checkbox-on1.png);}
.prolist .lf dl .facetwp-facet .facetwp-checkbox:last-child{ margin: 0; }
.prolist .lf dl .facetwp-facet .facetwp-checkbox .facetwp-display-value{display: inline-block; color: #333; font-size: 18px;font-weight: bold;}
.prolist .lf dl .facetwp-facet .facetwp-checkbox.checked .facetwp-display-value{color: #f17a18;}
.prolist .lf dl .facetwp-facet .facetwp-checkbox .facetwp-counter{    display: inline-block; color: #666;}

.prolist .lf dl .facetwp-type-checkboxes .facetwp-depth{ margin: 0 0 0 20px; }
.prolist .lf dl .facetwp-type-checkboxes .facetwp-depth .facetwp-checkbox{     margin-bottom: 12px; }
.prolist .lf dl .facetwp-type-checkboxes .facetwp-depth.visible{margin: 0 0 20px 20px;}
.prolist .lf dl .facetwp-type-checkboxes .facetwp-depth.visible .facetwp-display-value{  font-size: 16px;  font-weight: normal;}

.prolist .lf .facetwp-facet-reset{margin: 0 0 30px 0;}
.prolist .lf .facetwp-facet-reset .facetwp-reset{display: block; width: 150px; height: 36px; border-radius: 2em; background: #eee; color: #333; font-weight: bold; font-size: 16px; opacity: 1;}
.prolist .lf .facetwp-facet-reset .facetwp-reset:hover{    background: #f17a18; color: #fff;}

.prolist .rh h3{display: block; color: #333; font-size: 32px;  margin-bottom: 50px; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.prolist .rh h3 .facetwp-facet-num{display: block; margin: 20px 5px 0 0; font-size: 14px; color: #666; float: right;}
.prolist .rh h3 .facetwp-facet-num span{ display: inline-block;color: #f17a18;font-weight: bold;}
.prolist .rh .facetwp-template{}
.prolist .rh .pro_a{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 30px;; margin-bottom: 50px;}
.prolist .rh .pro_a .fwpl-result {padding:30px; min-height: 220px; background: #fff; box-shadow: 0px 2px 20px 0 rgba(0,0,0,.1); margin: 0 0 30px 0; cursor:pointer; transition: all .3s; position: relative; }
.prolist .rh .pro_a .fwpl-result .dat{ display: block;}
.prolist .rh .pro_a .fwpl-result .dat .tt{ display: block; overflow: hidden; border-bottom: 1px solid #ddd; margin-bottom:30px;}
.prolist .rh .pro_a .fwpl-result .dat .tt .fwpl-item{display: block; color: #333;   font-size: 50px;}

.prolist .rh .pro_a .fwpl-result .dat .ct{}
.prolist .rh .pro_a .fwpl-result .dat .ct .fwpl-item{}
.prolist .rh .pro_a .fwpl-result .dat .ct .fwpl-item span{display: block; color: #333; font-size: 18px; margin-bottom: 20px;     font-weight: bold;}

.prolist .rh .pro_a .fwpl-result .dat .tag{}
.prolist .rh .pro_a .fwpl-result .dat .tag .fwpl-item{display: block; color: #999; font-size: 16px; margin-bottom: 30px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.prolist .rh .pro_a .fwpl-result .dat .apptt{}
.prolist .rh .pro_a .fwpl-result .dat .apptt .fwpl-item{ font-size: 0; display: block;}
.prolist .rh .pro_a .fwpl-result .dat .apptt .fwpl-item span{ display: block; color: #444; font-size: 16px; float: left; margin: 0 6px 6px 0; font-weight: bold; border: 1px solid #ddd; padding: 2px 10px; border-radius: 6em;  }

.prolist .rh .pro_a .fwpl-result .dat .fwpl-col{display: block;overflow: hidden;}
.prolist .rh .pro_a .fwpl-result .dat .fwpl-col .tytt{display: block; overflow: hidden; border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px; font-size: 0;}
.prolist .rh .pro_a .fwpl-result .dat .fwpl-col .tytt span{color: #333; font-size: 18px; float: left; margin: 0 5px 5px 0;}

.prolist .rh .pro_a .fwpl-result .dat .more{ margin: 0; padding: 0; top: 0; left: 0; opacity: 0; height: 0;}
.prolist .rh .pro_a .fwpl-result .dat .more a{opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

.prolist .rh .pro_a .fwpl-result:hover{  background: linear-gradient(180deg, #fff, #eee 53%);    }
.prolist .rh .pro_a .fwpl-result:hover .dat .tt .fwpl-item{ color: #f17a18; }
.prolist .rh .pro_a .fwpl-result:hover .dat .tag .fwpl-item{ color:#333; }
.prolist .rh .pro_a .fwpl-result:hover .dat .tt{ border-bottom: 1px solid #f17a18; }
.prolist .rh .pro_a .fwpl-result:hover .dat .apptt .fwpl-item span{ border: 1px solid #444;  }
.prolist .rh .pro_a .fwpl-result:hover .dat .fwpl-col .tytt{ border-top: 1px solid #c0bcbc;  }


.prolist .rh .facetwp-facet-fy{border-top: 1px solid #eee;     display: block; overflow: hidden; padding-top: 30px; margin: 50px auto 100px;}
.facetwp-facet-fy .facetwp-pager{}
.facetwp-facet-fy .facetwp-pager a{display: block; width: 46px; height: 46px; border: 1px solid #ddd; text-align: center; line-height: 46px; font-size: 14px; color: #333; font-weight: normal; border-radius: 50%; float: left; margin-right: 10px;}
.facetwp-facet-fy .facetwp-pager .active,.facetwp-facet-fy .facetwp-pager a:hover{ border: 1px solid #f17a18; color: #f17a18;}
 


 
.pro_show_one{ padding: 150px 0 100px;      background: linear-gradient(0deg, #F2F2F3 0, #fff 100%);   overflow: hidden; }
.pro_show_one .lf{display: block; overflow: hidden; float: left; width: 50%;}
.pro_show_one .lf h3{ color: #333; font-size: 18px; width: 100px; text-align: center; background: #eee; border-radius: 2em; height: 32px; display: flex; justify-content: center; align-items: center; }
.pro_show_one .lf h4{display: block; color: #333; font-size: 60px; margin: 30px 0;}
.pro_show_one .lf h5{display: block; color: #666; font-size: 20px; line-height: 36px;     text-align: justify;   text-transform: inherit;}
.pro_show_one .lf .num{display: block; overflow: hidden; margin: 50px 0 0 0; border-top: 1px solid #ccc; padding-top: 50px;}
.pro_show_one .lf .num h6{display: block; color: #666; font-size: 20px; margin-bottom: 10px;}
.pro_show_one .lf .num dd{}
.pro_show_one .lf .num dd p{ border-bottom: 1px solid #ccc; display: flex; overflow: hidden; margin-bottom: 5px; float: left; width: 46%; justify-content: space-between;}
.pro_show_one .lf .num dd p:nth-child(2n){float: right;}
.pro_show_one .lf .num dd p span{  height: 40px; font-size: 18px; color: #333; display: flex; justify-content: flex-start; align-items: center;  }
.pro_show_one .lf .num dd p font{  height: 40px; display: flex; justify-content: flex-end; align-items: center; font-size: 18px; color: #333; font-weight: bold;}
.pro_show_one .rh{display: block; overflow: hidden; float: right; width: 18%;}
.pro_show_one .rh h3{display: block; color: #666; font-size: 30px;}
.pro_show_one .rh dd{display: block; overflow: hidden; margin: 30px 0;}
.pro_show_one .rh dd a{display: block; color: #333; font-size: 26px; border-bottom: 1px solid #ccc; margin: 0 0 20px 0;    padding-bottom: 10px; font-weight: bold;}
.pro_show_one .rh dd a:hover{ color:#f17a18; border-bottom: 1px solid #f17a18; }
.pro_show_one .rh .more{}


.sing_pro_two{display: block; overflow: hidden; padding: 100px 0;}
.sing_pro_two h3{display: block; color: #333; font-size: 36px; margin: 0 0 20px 0;}
.sing_pro_two dl{display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 0 20px;;}
.sing_pro_two dl a{ background-image: linear-gradient(67deg, #eee, #d4d8db); color: #333; text-align: center; height: 45px; display: flex; justify-content: center; align-items: center;     margin: 0 0 20px; font-size: 20px; font-weight: bold; border-radius: 10px;}
.sing_pro_two dl a:hover{ color:#fff;     background-image: linear-gradient(67deg, #f17c1a, #f3b946); }

.sing_pro_bottom{display: block; overflow: hidden; padding: 0 0 50px;      position: relative;   background: linear-gradient(0deg, #F2F2F3 0, #fff 100%);}
.sing_pro_bottom h3{display: block; color: #333; font-size: 36px; margin: 0 0 20px 0;}
.sing_pro_bottom ul{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0 30px;; margin-bottom: 50px;}
.sing_pro_bottom ul li{padding: 30px; min-height: 220px; background: #fff; box-shadow: 0px 2px 20px 0 rgba(0,0,0,.1);      margin: 0 0 30px 0; cursor: pointer;}
.sing_pro_bottom ul li a{display: block;}
.sing_pro_bottom ul li a span{display: block; color: #333; font-size: 16px; margin-bottom: 20px; font-weight: bold;}
.sing_pro_bottom ul li a strong{display: block; overflow: hidden; border-bottom: 1px solid #ddd; margin-bottom: 20px; color: #333; font-size: 42px; font-weight: normal; }
.sing_pro_bottom ul li a i{display: block; color: #999; font-size: 14px; margin-bottom: 20px; font-style: inherit;}
.sing_pro_bottom ul li a p{display: block; overflow: hidden;}
.sing_pro_bottom ul li a p font{display: block; color: #444; font-size: 14px; float: left; margin: 0 6px 6px 0; font-weight: bold; border: 1px solid #ddd; padding: 2px 10px; border-radius: 6em;}
.sing_pro_bottom ul li:hover{ background: linear-gradient(180deg, #fff, #eee 53%);}
.sing_pro_bottom ul li:hover a strong{  color: #f17a18;   border-bottom: 1px solid #f17a18;}
.sing_pro_bottom ul li:hover a i{    color: #333;}
.sing_pro_bottom ul li:hover p font{    border: 1px solid #444;}

.sing_pro_bottom .swiper-container01 ul{display: flex; grid-gap: inherit;     margin-bottom: 0; }
.sing_pro_bottom .icenter{ overflow: initial;}
.sing_pro_bottom .swiper_pagination01{display: block; overflow: hidden; text-align: center; margin: 30px 0;}
.sing_pro_bottom .swiper_pagination01 span{opacity: 1; background: #ddd; width: 10px; height: 10px; margin: 0 5px;}
.sing_pro_bottom .swiper_pagination01 .swiper-pagination-bullet-active{background: #f6a20f;}
.sing_pro_bottom .lr{position: absolute; overflow: initial; top: 37%; left: 50%; transform: translate(-50%, -50%);}
.sing_pro_bottom .lr .fa{ display: block; width: 50px; height: 50px; border: 1px solid #ddd; text-align: center; line-height: 50px; border-radius: 50%; position: absolute; top: 0; left: -80px; cursor: pointer; color: #666; background: none; font-size: 26px;}
.sing_pro_bottom .lr .fa-angle-right{ left:auto; right: -80px; }
.sing_pro_bottom .lr .fa:hover{ border: 1px solid #f17c1a; color: #f17c1a;}




 
.app_one{background: linear-gradient(0deg, #e4f1ff 0, #fff 100%); background:#fff; display: block; overflow: hidden; padding: 0 0 100px; }
.app_one .icenter{ display: flex; justify-content: space-between; align-items: center; }
.app_one .lf{display: block; width: 45%; overflow: hidden;}
.app_one .lf font{display: block; color: #666; font-size: 20px;}
.app_one .lf strong{display: block; font-size: 36px; color: #333; margin: 30px 0;}
.app_one .lf strong:after{ content: ""; background-image: linear-gradient(to right, #f17a18, #f17a18 50%, #f3ba47); display: block; width: 100px; height: 2px; margin-top: 10px; }
.app_one .lf span{display: block; color: #333; font-size: 20px; line-height: 32px;     text-align: justify;}
.app_one .lf span p{display: block; color: #333; font-size: 20px; line-height: 32px;     text-align: justify;}
.app_one .rh{display: block; width: 40%; overflow: hidden;}
.app_one .rh img{ display: block; width: 100%;  }

.app_two{ background: linear-gradient(0deg, #e4f1ff 0, #fff 100%); display: block; overflow: hidden; padding:  100px 0; border-top: 1px solid #eee; }
.app_two h3{display: block; font-size: 36px; color: #333; margin: 0 0 30px; font-weight: bold;}
.app_two dl{ display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 0 30px;;margin-bottom: 50px;}
.app_two dl a{display: block; overflow: hidden; margin-bottom: 40px;}
.app_two dl a p{ display: block; overflow: hidden; border: 1px solid #ddd; border-radius: 10px; height: 240px; position: relative; }
.app_two dl a p img{position: relative; display: block; object-fit: cover; width: 100%; height: 100%; transition: all .3s; }
.app_two dl a span{display: block; text-align: center; color: #333; font-size: 18px; font-weight: bold; width: 80%; margin: 15px auto 0;}
.app_two dl a:hover p img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);  }
.app_two dl a:hover span{ color: #f6a20f; }
.app_two dl a:hover p{  border: 1px solid #f6a20f; }

.app_bottom{margin: 100px auto; display: block; position: relative;}
.app_bottom .lf{ background: #fff; box-shadow: 0 10px 35px 0 rgba(0,0,0,.1); padding: 0 60px; border-radius: 10px; width: 75%; box-sizing: border-box; height: 500px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center;}
.app_bottom .lf h3{font-weight: bold; font-size: 28px; color: #333; width: 60%;}
.app_bottom .lf h4{font-size: 36px; color: #333; margin: 20px 0; width: 60%;}
.app_bottom .lf .more{margin: 30px 0 0 0; width: 160px; height: 46px; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.app_bottom .rh{position: absolute; width: 48%; top: 50%; right: 0; border-radius: 10px; overflow: hidden; transform: translate(0%, -50%);}
.app_bottom .rh img{ display: block; width:100%; }

 
 
 
.mbx{margin: 18px auto; display: flex; align-items: center; justify-content: flex-start;}
.mbx a,.mbx .fa,.mbx span{display: block; color: #666; font-size: 14px; margin-right: 10px;}
.mbx .fa{color:#999;}
.mbx span{ color:#333;}
.mbx a:hover{ color:#f17a18; }


 
 

.ab_one{ padding: 0 0 100px; display: block; overflow: hidden;  }
.ab_one .txt{display: block; overflow: hidden;     float: right; width: 48%;}
.ab_one .txt h3{width: fit-content; font-weight: bold; font-size: 36px; color: var(--dex); margin-bottom: 30px; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(45deg, #f17a18 0%, #f3ba47 50%, #f17a18 100%); background-image: -webkit-linear-gradient(45deg, #f17a18 0%, #f3ba47 50%, #f17a18 100%); -webkit-text-fill-color: transparent; text-fill-color: transparent; animation: bg2 3s linear infinite;}
.ab_one .txt h4{display: block; color: #333; font-size: 18px; line-height: 32px; text-align: justify;}
.ab_one .txt .bb{ display: none;}

.ab_one .txt .aa{cursor:pointer; display: inline-block; margin:0 0 0; color: #f17a18; font-size: 18px; font-weight: bold;}
.ab_one .txt .aa span,.ab_one .text .aa font{float: left;}
.ab_one .txt .aa font{ display:none; float: left;}
.ab_one .txt .aa i{margin-left: 5px; font-size: 36px; line-height: 26px;     float: left; position: relative;transition: all .3s;}
.ab_one .txt .on i{transform: rotate(180deg);}
.ab_one .txt .on span{display: none;}
.ab_one .txt .on font{display: block; }
.ab_one .txt .txt .bb{display: none;}

.abvideo {  position: relative; border-radius: 20px; margin-bottom:50px; float: left; 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_one_tt{ margin-bottom: 60px;}
.ab_one_tt span{display: block; color: #f17a18;; font-size: 46px;font-weight: bold; margin-bottom: 30px;}
.ab_one_tt strong{width: fit-content; font-weight: bold; font-size: 32px; line-height: 40px; color:#f17a18;  }

 
 

.ab_two{ margin:0 auto 150px; }
.ab_two h3{font-size: 46px; line-height: 1; color: #333; font-weight: bold; position: relative;}
.ab_two h3:after{display: block; content: ""; width: 80px; height: 4px; margin:30px 0; background-image: linear-gradient(67deg, #f17a18, #f3ba47);}
.ab_two dl{ position: relative; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 30px;; position: relative;   }
.ab_two dl dd{width: -webkit-fill-available;  overflow: hidden;  display: flex; flex-direction: column-reverse;     border-radius: 10px; position: relative;  background: #fff;box-shadow: 1px 0px 35px 0 rgba(0,0,0,.1);}
.ab_two dl dd:nth-child(2){display: flex; flex-direction: column;}
.ab_two dl dd i{display: block; width: 100%; height: 280px; position: relative;}
.ab_two dl dd i img{display: block; width: 100%; height: 100%; object-fit: cover;}
.ab_two dl dd p{height: 280px; padding: 30px; display: flex; flex-direction: column; justify-content: center;    }
.ab_two dl dd p strong{display: block; font-weight: normal; font-size: 36px; margin-bottom: 16px; color: #999;}
.ab_two dl dd p span{display: block; color: #333; font-size: 20px; font-weight: bold; line-height: 30px;}
 

.ab_two dl dd:nth-child(1){ top:30px;}
.ab_two dl dd:nth-child(2){ top:0px;}
.ab_two dl dd:nth-child(3){ top:60px;}

 

.webbottom{overflow: hidden; margin: 100px auto; position: relative; }
.webbottom img{position: relative; width: 100%; height: 100%; display: block;}
.webbottom dd{ display: flex; flex-direction: column; align-items: flex-start; justify-content: center; position: absolute; top: 50%; left: 5%; width: 90%; transform: translate(0%, -50%); }
.webbottom dd strong{color: #333; font-size: 42px; font-weight: bold; }
.webbottom dd span{display: block; color: #666; font-size:20px; margin: 20px 0;}
.webbottom dd p{display: flex; overflow: hidden; margin-top: 20px;}
.webbottom dd p a{ margin: 0 20px 0 0;}
 

 
.job_one{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0 30px;; position: relative; margin: 120px auto 180px; }
.job_one img{display: block; width: 100%; position: relative;}
.job_one img:nth-child(1){ top: 0;     border-radius: 0 0 0 10em;}
.job_one img:nth-child(2){ top: 80px; border-radius: 0 10em 0 0;}
.job_one img:nth-child(3){ top: 40px;     border-radius: 0 0 10em 0;}
.job_one img:nth-child(4){ top: -60px; border-radius:  10em 0 0 0;}

.job_one_tt strong{ color: #666; font-size: 36px; line-height: 50px; }

.job_two{margin: 100px auto; display: flex; justify-content: space-between; align-items: center; }
.job_two .lf{display: block; width: 48%; overflow: hidden; }
.job_two .lf h3{font-size: 46px; line-height: 1; color: #333; font-weight: bold; position: relative;}
.job_two .lf h4{font-size: 18px; line-height: 1; color: #333; margin: 30px 0; position: relative; line-height: 30px; text-align: justify;}
.job_two .lf .more{}
.job_two .rh{display: block; width: 48%; overflow: hidden; border-radius: 0 10em 0 0;}
.job_two .rh img{ display: block; width: 100%; }

.job_video{margin: 100px auto; border-radius: 10px;     overflow: hidden; position: relative;}
.job_video:after{ content: ""; position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.5; top: 0; left: 0;}
.job_video video{display: block; width: 100%;}
.job_video dd{position: absolute; width: 80%; left: 10%; top: 50%; transform: translate(0%, -50%);   z-index:3; }
.job_video dd h3{color: #fff; font-size: 46px; font-weight: bold;}
.job_video dd h4{display: block; color: #fff; font-size: 20px; margin: 20px 0;}
.job_video dd p{display: flex;}
.job_video dd p .more{    margin: 0 20px 0 0;}
 

 






.page_teach_tt{display: block; overflow: hidden; margin-bottom: 0;}
.page_teach_tt a{float: left; border: 1px solid #ddd; width: 160px; text-align: center; height: 36px; display: flex; align-items: center; justify-content: center; color: #333; font-size: 16px; border-radius: 2em; font-weight: bold; margin-right: 20px;}
.page_teach_tt .on,.page_teach_tt a:hover{ border: 1px solid #f6a20f; background: #f6a20f; color: #fff;}

.pagetech_news{    margin: 100px auto;}
.pagetech_news h3{display: block; color: #333; font-size: 36px;   font-weight: bold;}
.pagetech_news dl{display: grid; grid-template-columns: repeat(4, 1fr);grid-gap: 0 30px;; margin: 30px 0;}
.pagetech_news dl a{display: block; overflow: hidden; position: relative; padding-bottom: 20px; }
.pagetech_news dl a i{ display: block; overflow: hidden; position: relative; height: 190px; border-radius: 10px;}
.pagetech_news dl a i img{transition: all .3s; display: block; width: 100%; height: 100%; position: relative; object-fit: cover;}
.pagetech_news dl a:hover i img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.pagetech_news dl a p{}
.pagetech_news dl a p strong{display: block; color: #333; font-size: 20px; font-weight: bold; margin: 20px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.pagetech_news dl a p span{display: block; color: #666; font-size: 16px; margin-bottom: 10px; }
.pagetech_news dl a:hover p strong{    color: #f6a20f;}
.pagetech_news .more{}

.pagetech_news dl a:after { content: ""; position: absolute; width: 0%; height: 2px; background-image: linear-gradient(67deg, #f17c1a, #f3b946); bottom: 0; left: 0; transition: all .3s; }
.pagetech_news dl a:hover:after{ width:100%;}

.p_te_pr{    background: linear-gradient(0deg, #F2F2F3 0, #fff 100%); display: block; overflow: hidden; padding: 100px 0; margin: 0 0 100px; border-top: 0 solid #ddd; }
.p_te_pr h3{display: block; color: #333; font-size: 36px;   font-weight: bold;}
.p_te_pr h4{display: block; color: #333; font-size: 20px;  margin:30px 0;  }
.p_te_pr dl{display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 0 20px;}
.p_te_pr dl a{padding: 26px; min-height: 200px; background: #fff; box-shadow: 0px 2px 20px 0 rgba(0,0,0,.1); margin: 0 0 20px 0; cursor: pointer; transition: all .3s;}
.p_te_pr dl a:hover{ background: linear-gradient(180deg, #fff, #eee 53%);}
.p_te_pr dl a font{display: block; color: #333; font-size: 14px; margin-bottom: 12px; font-weight: bold;}
.p_te_pr dl a strong{display: block; overflow: hidden; border-bottom: 1px solid #ddd; margin-bottom: 20px; color: #333; font-size: 36px; line-height: 1;font-weight: normal;}
.p_te_pr dl a:hover strong{ border-bottom: 1px solid #f6a20f; color: #f6a20f; }
.p_te_pr dl a p{display: block;overflow: hidden;}
.p_te_pr dl a p i{display: block; color: #444; font-size: 12px; float: left; margin: 0 6px 6px 0; font-weight: bold; border: 1px solid #ddd; padding: 2px 10px; border-radius: 6em; font-style: inherit; zoom: 0.9; }
.p_te_pr .more{margin:30px auto 0; }

.pagetech_info{  margin: 100px auto;}
.pagetech_info h3{display: block; color: #333; font-size: 36px; margin-bottom:30px;  font-weight: bold;}
.pagetech_info ul{display: flex; justify-content: space-between; align-items: center;}
.pagetech_info ul li{display: block; overflow: hidden; background-image: linear-gradient(90deg, #f8f8f8, #e2e6e9); border-radius: 10px; width: 18%; height: 420px; padding: 30px; transition: all .6s; position: relative;}
.pagetech_info ul .active{ width:40%; background-image: linear-gradient(67deg, #f17c1a, #f3b946);;}
.pagetech_info ul li img{display: block; width: auto; height: 80px;}
.pagetech_info ul li p{display: block; position: relative;}
.pagetech_info ul li p strong{display: block; color: #f6a20f; font-weight: bold; font-size: 36px; margin: 20px 0;}
.pagetech_info ul li p span{display: block; font-weight: bold; color: #333; font-size: 16px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.pagetech_info ul li p font{position: absolute; width: 500px; top: 140px; font-size: 16px; line-height: 26px; text-align: justify; color: #fff; transition: all .9s; opacity: 0;}
.pagetech_info ul li .pagetechicon2{position: absolute; bottom: 0; right: 30px; height: 150px; width: auto; opacity: 0;}
.pagetech_info ul li i{position: absolute; font-style: inherit; bottom: 30px; left: 30px; font-family: num; color: #000; font-size: 20px; opacity: 0.3;}

.pagetech_info ul .active p font{ opacity:1; top:75px; }
.pagetech_info ul .active img{filter: none; filter: grayscale(1) brightness(30);}
.pagetech_info ul .active p strong,.pagetech_info ul .active p span,.pagetech_info ul .active p font{ color:#fff; }
.pagetech_info ul .active i{ color: #fff; opacity: 0.5;}
.pagetech_info ul .active .pagetechicon2{ opacity:0.3;  bottom: 30px; -webkit-animation-name: spin;animation-name: spin;-webkit-animation-duration: 6s;animation-duration: 6s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;}

@keyframes spin {to {transform: rotate(1turn);}}




.pagetech_pic{margin: 50px auto 100px; overflow: hidden; display: block;}
.pagetech_pic .side_imgbox{display: block; overflow: hidden; float: left; width: 50%;}
.pagetech_pic .side_imgbox .gallery-top{}
.pagetech_pic .side_imgbox .gallery-top .swiper-slide{}
.pagetech_pic .side_imgbox .gallery-top .fa{font-size: 20px; color: #fff; opacity: 1; background: #f6a20f; display: flex; align-items: center; justify-content: center; cursor: pointer;border-radius: 2em;}
.pagetech_pic .side_imgbox .gallery-top .swiper-slide img{ display: block; width: 100%; }

.pagetech_pic .side_imgbox .gallery-thumbs{ padding-top: 12px;}
.pagetech_pic .side_imgbox .gallery-thumbs .swiper-slide{ border:1px solid #ddd;cursor: pointer; }
.pagetech_pic .side_imgbox .gallery-thumbs .swiper-slide:after{ content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-bottom: 8px solid #f6a20f; position: absolute; top: -16px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); opacity: 0; }
.pagetech_pic .side_imgbox .gallery-thumbs .swiper-slide-thumb-active:after{opacity: 1; }
 .pagetech_pic .side_imgbox .gallery-thumbs .swiper-slide-thumb-active{ border:1px solid #f6a20f; }


.pagetech_pic .textbox{ display: block; overflow: hidden; float:left; width: 50%;}
.pagetech_pic .textbox .top{}
.pagetech_pic .textbox .top h3{display: block; color: #f6a20f; font-weight: bold; font-size: 36px; border-bottom: 1px solid;}
.pagetech_pic .textbox .top h4{display: block; color: #333; font-size: 16px; line-height: 26px; margin: 30px 0;}

.pagetech_pic .textbox .bot{ display: block; overflow: hidden;}
.pagetech_pic .textbox .bot h3{font-weight: bold; font-size: 18px; margin: 0 0 10px 0;  padding-bottom: 10px;}
.pagetech_pic .textbox .bot p{display: block; color: #333; font-size: 16px; line-height: 28px;}

 

.tech_form{    position: relative;background: url(/style/img/renlang.png) fixed; background-size: cover;}
/* .tech_form:after{ content: ""; position: absolute; width: 100%; height: 100%; background: #000; top: 0; left: 0; opacity: 0.6;} */
.tech_form .icenter{position: relative; z-index:4; }
.tech_form h3,.tech_form h4,.tech_form form .two font{ color: #333;}
 





 

.service3_zs{display: block; overflow: hidden; padding: 100px 0;}
.service3_zs .top{display: block; overflow: hidden; margin-bottom: 30px;}
.service3_zs .top h3{display: block; color: #333; font-size: 40px; margin: 0 0 20px 0; font-weight: bold;}
.service3_zs .top h4{display: block; color: #666; font-size: 16px;}

.service3_zs .icenter{position: relative;}
.service3_zs .swiper-container01{}
.service3_zs .swiper-container01 .swiper-slide a{ display: block;  }
.service3_zs .swiper-container01 .swiper-slide a img{ display: block; width:100%; border:2px solid #ccc; }
.service3_zs .swiper-container01 .swiper-slide a span{display: block; text-align: center; font-weight: bold; font-size: 16px; width: 80%; margin: 10px auto;}

.service3_zs  .swiper_pagination01{ display: block; overflow: hidden; text-align: center; margin: 30px 0; }
.service3_zs  .swiper_pagination01 span{opacity: 1; background: #ddd; width: 10px; height: 10px; margin: 0 5px;}
.service3_zs  .swiper_pagination01 .swiper-pagination-bullet-active{ background: #f6a20f;}

.service3_zs .fa{display: block;width:50px; height:50px;border:1px solid #ddd;text-align:center;line-height:50px;border-radius:50%; position:absolute; top:50%; left:-80px; cursor:pointer; color:#666; background: none; font-size:26px;}
.service3_zs .fa-angle-right{ left:auto; right:-80px; }
.service3_zs .fa:hover{border: 1px solid #f17c1a; color: #f17c1a;}



 
.webq4_fouricon{margin: 100px auto;}
.webq4_fouricon h3{font-size: 46px; line-height: 1; color: #333; font-weight: bold; position: relative;}
.webq4_fouricon h3:after{display: block; content: ""; width: 80px; height: 4px; margin:30px 0; background-image: linear-gradient(67deg, #f17a18, #f3ba47);}
.webq4_fouricon dl{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0 40px;;}
.webq4_fouricon dl dd{border: 1px solid #f6a20f; border-radius: 10px; padding: 30px;}
.webq4_fouricon dl dd img{display: block; width: auto; height: 60px; margin: 0 auto;}
.webq4_fouricon dl dd strong{display: block; text-align: center; font-weight: bold; font-size: 28px; line-height: 32px; margin: 20px 0;}
.webq4_fouricon dl dd strong i{display: block; font-style: initial; font-size: 36px; margin-bottom: 5px;}
.webq4_fouricon dl dd span{display: block; color: #333; text-align: justify; text-align-last: center; font-size: 14px; line-height: 22px;}

.webq4_fouricon dl dd:hover{ background-image: linear-gradient(67deg, #f17c1a, #f3b946); }
.webq4_fouricon dl dd:hover strong,.webq4_fouricon dl dd:hover span{color:#fff;}
.webq4_fouricon dl dd:hover img{ filter: none; filter: grayscale(1) brightness(30);}

.webq4_contact{background: url(/wp-content/uploads/2024/07/ccc-1.jpg) fixed; background-size: cover; padding: 100px 0;}
.webq4_contact h3{font-size: 46px; line-height: 1; color: #fff; font-weight: bold; position: relative; margin: 0 0 18px 0;}
.webq4_contact h4{ color: #fff; font-size: 18px;}
.webq4_contact dd{display: block; overflow: hidden; margin-top: 30px;}
.webq4_contact dd p{display: block; overflow: hidden; margin: 0 0 24px 0; }
.webq4_contact dd p strong{font-weight: normal; color: #fff; font-size: 20px; opacity: 0.7; display: block; line-height: 20px;}
.webq4_contact dd p span{color: #fff; font-size: 36px;}
.webq4_contact .more{}

.webq4_top{ padding: 100px 0; display: flex; justify-content: space-between; align-items: center; margin-bottom:100px; }
.webq4_top:after{  position: absolute; content: ""; right: 0px; top: 0; height: 100%; width: 80%; background-color: #f5f5f5;   }
.webq4_top .lf{ display: block; width: 60%; overflow: hidden; position: relative; z-index:3; border-radius: 10px; }
.webq4_top .lf img{  display: block; width:100%; }
.webq4_top .rh{display: block; width:30%; margin: 0 5%; overflow: hidden; position: relative; z-index:3; }
.webq4_top .rh p{ display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #ddd; padding: 16px 0; }
.webq4_top .rh p img{ display: block; width: 16%;}
.webq4_top .rh p strong{ margin: 0 0 0 20px; }
.webq4_top .rh p strong span{display: block; color: #f6a20f; font-weight: normal; font-size: 36px;}
.webq4_top .rh p strong span i{ font-style: inherit; font-weight: bold; font-family: Montserrat-Bold; font-size: 46px; }
.webq4_top .rh p strong font{display: block; color: #333; font-size: 20px;}
 


 


.yfnl_num{background: url(/style/img/yfnl_num_bg.png); background-size: cover; display: block; overflow: hidden; padding: 100px 0;}
.yfnl_num .tt{display: block; overflow: hidden; margin-bottom: 50px;}
.yfnl_num .tt h3{display: block; color: #333; font-size: 40px; margin: 0 0 20px 0; font-weight: bold;}
.yfnl_num .tt h4{display: block;color: #333;font-size: 24px; line-height: 36px;}

.yfnl_one{background: url(/style/img/yfnl_one_bg.jpg); background-size: cover; display: block; overflow: hidden; padding: 100px 0 0;}
.yfnl_one h3{display: block; color: #333; font-size: 40px; margin: 0 auto; font-weight: bold; position: relative; top: -100px;}
.yfnl_one .listslide{ width: 1440px; top: -50px;}
.yfnl_one .listslide .swiper-slide{padding: 18px;}
.yfnl_one .listslide .swiper-slide p{border-radius: 10px; position: relative; background: #fff;   min-height:300px; box-shadow: 0px 4px 8px rgba(255, 255, 255, 0.1), 0px 4px 16px rgba(57, 66, 133, 0.2); padding: 30px 50px;}
.yfnl_one .listslide .swiper-slide p strong{ display: block; font-size: 46px; font-family: num;   color: #f17a18;  }
.yfnl_one .listslide .swiper-slide p strong:after{ display: block; content: ""; width: 50px; height: 2px; margin: 15px 0; background-image: linear-gradient(67deg, #f17a18, #f3ba47); }
.yfnl_one .listslide .swiper-slide p span{display: block; color: #333; font-size: 20px; line-height: 32px;}
.yfnl_one  .fa{display: block; width: 50px; height: 50px; border: 1px solid #ddd; text-align: center; line-height: 50px; border-radius: 50%; position: absolute; top: 40%; left: -40px; cursor: pointer; color: #666; background: none; font-size: 26px;} 
.yfnl_one  .fa-angle-right{left: auto;right: -40px;} 
.yfnl_one .fa:hover{border: 1px solid #f17c1a; color: #f17c1a;}


.yfnl_one .swiper_pagination02{display: block; overflow: hidden; text-align: center; margin: 30px 0;}
.yfnl_one .swiper_pagination02 span{ opacity: 1; background: #ddd; width: 10px; height: 10px; margin: 0 5px; }
.yfnl_one .swiper_pagination02 .swiper-pagination-bullet-active{ background: #f6a20f; }
 

.pagealllist{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0 30px;; margin: 100px auto;}
.pagealllist a{}
.pagealllist a p{display: block; overflow: hidden; border-radius: 10px;}
.pagealllist a p img{ display: block;  width:100%; transition: all .6s; }
.pagealllist a span{display: block; color: #333; font-size: 28px; font-weight: bold; margin: 20px 0 0 0;}
.pagealllist a:hover{}
.pagealllist a:hover p img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); } 
.pagealllist a:hover span{    color: #f6a20f;}





 

.page_applications_all{    margin: 100px auto ;}
.page_applications_all ul{}
.page_applications_all ul li{display: block;  border-bottom: 1px solid #ddd; padding-bottom: 30px; margin-bottom: 40px; }
.page_applications_all ul li h4{display: block; color: #333; font-size: 30px; margin-bottom:20px;  }
.page_applications_all ul li .info{display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 0 30px;;}
.page_applications_all ul li .info a{padding:40px 30px 60px;  background: #fff; box-shadow: 0px 2px 20px 0 rgba(0,0,0,.1); margin: 0 0 30px 0; cursor: pointer; transition: all .3s; position: relative;}
.page_applications_all ul li .info a span{display: block; color: #333; font-weight: bold; font-size: 28px; margin-bottom: 20px; padding-bottom:10px; border-bottom: 1px solid #ddd;}
.page_applications_all ul li .info a font{display: block; color: #666; font-size: 16px; line-height: 24px; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; }
.page_applications_all ul li .info a p{display: block;   width: 80%; margin: 0 auto 20px;}
.page_applications_all ul li .info a p img{ display: block;  width:100%; transition: all .3s;}
.page_applications_all ul li .info a:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.page_applications_all ul li .info a:hover{ }
.page_applications_all ul li .info a:hover span{ color: #f17a18;  border-bottom: 1px solid #f17a18;}

   



 

.app_show_one{}

.app_show_one .lf{ width: 75%; }
.app_show_one .lf .img{display: block; overflow: hidden; float: left; width: 48%; border: 1px solid #ddd; border-radius: 10px;}
.app_show_one .lf .img img{}
.app_show_one .lf .txt{ display: block; overflow: hidden; float: right; width: 48%;}
.app_show_one .lf .txt i{display: block; font-style: inherit; font-size: 16px; margin-bottom: 20px; color: #999;}
.app_show_one .lf .txt h3{width: auto; background: none; text-align: left; height: auto; display: block; font-size: 32px; border-bottom: 1px solid #ddd; border-radius: 0; margin: 0 0 30px 0;}
.app_show_one .lf .txt dd{display: block; overflow: hidden; margin-bottom: 30px;}
.app_show_one .lf .txt dd p{display: block; overflow: hidden; margin: 0 0 20px 0;}
.app_show_one .lf .txt dd p span{display: block; color: #666; font-size: 14px;}
.app_show_one .lf .txt dd p font{display: block; color: #333; font-size: 20px; font-weight: bold;}

.app_show_one .rh{}
.app_show_one .rh h3{    margin-bottom: 30px;}
.app_show_one .rh ul{}
.app_show_one .rh ul li{display: block; margin: 0 0 18px 0;}
.app_show_one .rh ul li h4{font-size: 22px; font-weight: normal; border-bottom: 1px solid #ddd;}
.app_show_one .rh ul li dd{ margin: 0;}
.app_show_one .rh ul li dd a{ font-size: 16px; border: 0; margin: 10px 0; padding: 0; color: #666; font-weight: normal; }
.app_show_one .rh ul li dd a:hover{    border: 0;}
 



.sing_app_bottom{background: none; padding: 50px 0 0;}


.weballtxt{margin: 100px auto;}
.weballtxt h3{display: block; color: #333; font-weight: bold; font-size: 36px; margin: 0 0 20px;}
.weballtxt h4{display: block; color: #333; font-size: 20px; line-height: 32px; text-align: justify;}





.q1_tt_text{margin: 50px auto 0;}
.q1_tt_text h3{display: block; color: #333; font-size: 40px; margin: 0 0 20px 0; font-weight: bold;}
.q1_tt_text dd{display: flex; justify-content: space-between; align-items: flex-start;}
.q1_tt_text dd p{display: block; width: 49%; border: 1px solid #ddd; padding: 20px; border-radius: 4px; font-size: 20px; text-align: center; color: #333; font-weight: bold;}



 

.searchban{}
.searchban .sb{position: absolute; top: 50%; left: 25%; width: 50%; transform: translate(0%, -50%);}
.searchban .sb h3{display: block; text-align: center; color: #fff; font-size: 36px; margin: 0 0 15px 0;}
.searchban .sb form{display: block; position: relative;}
.searchban .sb form input{display: block; width: 100%; border: 1px solid #ddd; height: 60px; padding: 0 0 0 30px; font-size: 16px; background-image: none; border-radius: 0; min-width: 100%; color: #f17a18;}
.searchban .sb form .btnsubmit{position: absolute; top: 0; right: 0; width: 60px; height: 60px; display: block; background: none; display: flex; justify-content: center; align-items: center; padding: 0;}
.searchban .sb form .btnsubmit img{display: block; width: 50%;}
.searchban .sb p{display: block; color: #fff; font-size: 18px; margin: 30px 0 0; text-align: center; font-weight: bold;}
.searchban .sb p span{display: inline-block; color: #f6a20f; font-size: 20px;}

.nodata_kong{display: block; width: 90%; margin: 50px auto; text-align: center; font-size: 16px; min-height: 400px; color: #333;}

 

.s_pageall{margin: 30px auto; overflow: hidden;}
.s_pageall .stt{display: block; color: #333; font-size: 32px; margin: 0 0 30px;}
.s_pageall dd{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0 30px; margin-bottom: 50px;}
.s_pageall dd a{display: block; overflow: hidden; margin: 0 0 50px 0;}
.s_pageall dd a p{display: block; overflow: hidden; position: relative; height: 180px; border-radius: 10px;}
.s_pageall dd a p img{position: relative; width: 100%; height: 100%; object-fit: cover; transition: all .3s;}
.s_pageall dd a strong{display: block; color: #333; font-size: 18px; margin: 10px 0;}
.s_pageall dd a span{display: block; color: #666; font-size: 14px; margin: 10px 0;}
.s_pageall dd a i{display: block; color: #333; font-style: normal; border: 1px solid #ddd; text-align: center; width:120px; border-radius: 2em; font-size: 12px; height: 24px; line-height: 24px; zoom: 0.8; }
.s_pageall dd a:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.s_pageall dd a:hover strong{color: #f6a20f;}


.s_pageallpro dd a{border: 1px solid #ddd; border-radius: 10px; padding: 20px;}
.s_pageallpro dd a span{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.s_pageallpro dd a strong{font-size:32px;font-family: Arial;}
.s_pageallpro dd a:hover{border: 1px solid #f6a20f;}
 








@media screen and (max-width:1600px) {   
  
 
.contact_top dl{ padding: 50px 40px; }

.webnewslist .icenter a span{text-align: left; font-size: 18px;}
.webnewslist .icenter a font{    font-size: 14px;}
.newsshow .iact .rh dd a p strong{    font-size: 16px;}
.newsshow .lf *{ font-size: 16px;  line-height: 28px;  }

.weballtxt h3{ font-size: 30px;}
.weballtxt h4,.pagetech_news dl a p strong{ font-size: 18px;}
.pagealllist a span{ font-size: 22px; margin: 10px 0 0 0; }

.webbar .txt h3{ font-size: 36px; }


.prolist .lf .facetwp-facet-reset .facetwp-reset{font-size: 14px; width: 126px;}
.i_p_sar h4 i a,.i_p_sar h4 span,.prolist .lf dl .facetwp-type-checkboxes .facetwp-depth.visible .facetwp-display-value,.page_applications_all ul li .info a font{    font-size: 14px;}

.i_p_sar h3{  font-size: 36px;}

.page_applications_all ul li .info a span{    font-size: 24px;}
.page_applications_all ul li .info a p{    width: 90%;}

.app_one .lf span p{font-size: 16px; line-height: 26px;}
.app_two dl a span{ font-size: 16px; width: 90%; margin: 10px auto 0; }

.app_show_one .lf .txt dd p font{    font-size: 18px;}
.app_show_one .rh ul li dd a{font-size: 14px;}
.sing_pro_bottom ul li a strong{font-size: 38px; font-family: Arial;}

.app_two h3{    font-weight: normal;}


.icenter{ width:1260px; }
.i06 .icenter .bot .le h4{font-size: 22px;}
.innews .newstt h3,.i06 .i_h3,.home_pic .ic_t dd h3,.i_p_pic .lf .tt h3{font-size: 40px;}
.footer .fo01 ul li h3 a{     font-size: 22px; }
.footer .fo01 ul li .ewm font{ }
.footer .fo01{ margin-bottom: 90px; }
.footer .fo01 ul li h3{margin-bottom: 24px;}
.innum dl dd p span{font-size: 62px;}
.innum dl dd strong{font-size: 18px;}
.i06 .icenter .bot .le h3{font-size:46px;}
.i06 .icenter .wen{font-size: 25rem;top: 40%;}
.i06 .top .ri p,.home_pic .ic_t dd h4{font-size: 18px;}
.i06 .icenter .bot .ri img{height: 45rem;}
.i06 .icenter .bot .ri{height: 36rem;}

.more{width: 136px; height: 36px; line-height: 36px; font-size: 14px;}

.i_p_sar{margin-bottom: 60px;}

.i_p_pic .i03Swiper .swiper-slide .box dd .t_r a{ font-size: 14px; margin: 0 16px 16px 0; }
.i_p_pic .lf .tt h4{font-size: 20px;}

.ibanner .text h3{font-size: 32px;}
.ibanner .text h4{font-size: 56px;}
.ibanner .text h5{font-size: 36px;}
.ibanner .text a{height: 40px; width: 120px; line-height: 40px; font-size: 14px;}

#dh2 .p_n dl h4 a span{font-size: 18px;}
#dh2 .p_n dl h4 a{padding: 0 26px;}

.i_p_pic .i03Swiper{ width:70%; margin-left:30%; }

.i_p_pic .lf .tab_tt a .p,.i_p_pic .lf .tab_tt a .p .wrapper{ width: 60px; height: 60px;}
.i_p_pic .lf .tab_tt a .p .wrapper{ width: 60px; height: 60px;   clip: rect(0, 60px, 60px, 30px);} 
.i_p_pic .lf .tab_tt a .p .circle{width: 60px; height: 60px; clip: rect(0, 30px, 60px, 0);}

.home_pic p{ max-height: 480px;}
.home_pic .txt h3{ font-size:40px;}
.home_pic .txt h4{ font-size: 20px;}
.home_pic{ margin-bottom: 200px; }



.contact_top h3,.conform h3,.webq4_contact h3,.webq4_fouricon h3,.ab_one_tt span,.ab_two h3,.job_two .lf h3,.job_video dd h3{ font-size: 36px; }
.contact_top dl dd font{    font-size: 18px;}
.contact_top dl dd span{    font-size: 22px;}
.contact_top dl img{    height: 34px;}

.contact_two{    padding: 20px 0 60px;}
.contact_two dd p{font-size: 14px; line-height: 26px;}
.contact_two dd{ margin-bottom: 26px; padding: 32px;}
.contact_two .icenter{grid-gap: 0 26px;}

.conform h4{font-size: 16px;}

 

.conform,.yfnl_num,.service3_zs,.app_two{ padding: 60px 0; }
.webq4_fouricon{margin: 60px auto;}

.dot{ width:190px;    height: 70px;}
.dot img{    width: 80%;}


.webq4_top .rh p strong font,.webq4_contact dd p strong{font-size: 18px;}
.webq4_top .rh p strong span{ font-size: 32px; }
.webq4_top .rh p strong span i{ font-size: 42px; }

.webq4_contact h4{ font-size: 14px;}
.webq4_contact dd p span,.sing_pro_two h3{ font-size:30px;}


.webq4_fouricon h3:after,.ab_two h3:after{width: 60px; height: 2px; margin: 20px 0;}
.webq4_fouricon dl dd strong{ font-size: 24px; }
.webq4_fouricon dl dd strong i{ font-size: 32px; }


.webq4_fouricon dl,.webnewslist .icenter,.conform form .two{grid-gap: 0 30px;}

.yfnl_one .listslide{ width: 1200px; }

.yfnl_one .listslide .swiper-slide p span,.p_te_pr h4{font-size: 16px; line-height: 28px;}


.yfnl_num .tt h4{font-size: 20px; line-height: 30px;}
.yfnl_num .tt{    margin-bottom: 30px;}

.ab_one_tt strong{ font-size: 26px; line-height: 32px; }


.ab_one .txt h4{font-size: 16px; line-height: 28px;}


.ab_two dl dd p span,.job_video dd h4{ font-size: 16px; line-height: 26px;}
.ab_two dl dd p,.ab_two dl dd i{ height:240px; }

.webbottom{ height: 230px; }
.webbottom dd strong{ font-size:36px; }
.webbottom dd span{ margin: 10px 0;}


.job_two .lf h4{ font-size: 14px;    line-height: 26px; }

.pagetech_info ul li p font{ width: 420px; font-size: 16px; line-height: 26px;}
.pagetech_info ul li p strong,.pagetech_news h3{    font-size: 30px;}

.pagetech_news dl a p span{font-size: 14px; margin-bottom: 0;}


.prolist .rh .pro_a .fwpl-result .dat .tag .fwpl-item{ font-size: 14px; margin-bottom: 24px; }
.prolist .rh .pro_a .fwpl-result .dat .apptt .fwpl-item span{ font-size: 14px; }

.app_bottom .lf h3{ font-size: 24px; }
.app_bottom .lf h4{font-size: 32px; line-height: 38px;}


.pro_show_one .lf h5,.pro_show_one .lf .num h6{font-size: 18px; line-height: 28px;}
.pro_show_one .lf{    width: 60%;}

.app_one .lf{width: 50%;}
.app_one .rh{ width: 36%;}


#dh2 .p_n dl .navab .nav_ab{ width: 90%; }
#dh2 .p_n dl .navab .nav_ab .rh{ width: 20%;}
#dh2 .p_n dl .navab .nav_ab .lf{ width:80%;}
#dh2 .p_n dl .navab .nav_pro .rha a i, #dh2 .p_n dl .navab .nav_ab .rh a i{ height: 100px;}
#dh2 .p_n dl .navab .nav_pro .rha a p strong, #dh2 .p_n dl .navab .nav_ab .rh a p strong{ font-size:18px; }
#dh2 .p_n dl .navab .nav_pro dd p font span a{ margin: 0 8px 10px 0; font-size: 12px;   padding: 2px 6px;  min-width: 72px; }

.webnewstt{ margin: 50px auto; }
.webnewstt a{font-size:20px; }

.footer .fo01 ul li p a{ font-size: 16px;   margin-bottom: 16px; }
.footer .fo01 ul li .lx span{ font-size: 16px; }
.footer .fo02 .rh a{ height: 32px; width: 120px;  font-size: 14px;  margin: 0 0 0 16px; line-height: 32px; }
 
.sing_pro_bottom ul li{ padding: 20px; }
.sing_pro_bottom ul li a span{    margin-bottom: 12px;}
.sing_pro_bottom ul li a p font{font-size: 12px; margin: 0 4px 4px 0; padding: 2px 8px;}

.app_show_one .lf{    width: 75%;}

.sing_pro_bottom h3,.app_two h3{font-size: 30px;  }

.app_two dl a p{ height: 200px; }
.app_two dl{  grid-gap: 0 20px; margin-bottom: 30px;}

.pro_show_one{ padding: 130px 0 50px; }



}