@charset "utf-8";
/* CSS Document */
.iconfont {font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html,body{background:#fff; -webkit-user-select: none; user-select: none;}
.center{width:79.2vw; min-width: 1200px; height: auto; margin: 0 auto; padding: 0; transition: all .5s ease 0s;	}
img{width:auto; /*max-width: 100%;*/ border: 0; transition: all .5s ease 0s;}

/**/
.top{width: 100vw; height:4.4vw; background:rgba(255,255,255,1); position: fixed; top: 0; left: 0; z-index: 9999; padding: 0 2.6vw; transition: all .5s linear 0s;}
.logo{width:14.1vw; height: 4.4vw; float: left; display: flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; overflow: hidden; transition: all .6s ease 0s;}
.logo img{max-width: 90%; height: auto; overflow: hidden; transition: all .5s ease 0s;}
.top_right{width:66vw; height:4.4vw; line-height: 4.4vw; float: right; font-size:0px; text-align: right; transition: all .6s ease 0s;}
.nav{width:auto; height:4.4vw; display:inline; float: left; display: flex;}
.nav div{width:auto; height:4.4vw; line-height:4.4vw; font-size:16px; text-align: center; position: relative; margin:0 1.1vw; transition: all .5s ease 0s;}
.nav div a{position: relative; z-index: 2; color: #333333;}
.nav div:after{content: ''; width: 0%; height:3px; background: #de5d25; position: absolute; left:50%; bottom:0%; transition: all .5s ease-in 0s; opacity: 0;}
.nav div:hover:after,.nav .nuw:after{left:0; width: 100%; height:3px; opacity: 1;}
.nav div:hover a,.nav .nuw a{ color: #de5d25; transition: all .2s ease-in .2s;}
.yyxz_ul{width:4.2vw; height:1.5vw; display:inline-block; vertical-align: middle; line-height: 1; margin-right: 1vw;}
.top_tel{display:inline-block; vertical-align: middle; width:8.6vw; height:1.4vw; line-height: 1;}
.top_tel a{display:inline-block; vertical-align: middle; width: auto; height:1.4vw; position: relative;}
.top_tel a div{font-size:.9vw; font-weight: bold; color: #de5d25; text-align: left; font-weight: bold;}
.top_tel a div i{font-size:.7vw; color: #fff; text-align: center; letter-spacing: 0; width: 1.4vw; height: 1.4vw; line-height: 1.4vw; background: #de5d25; border-radius: 100%; display: inline-block; vertical-align: middle; margin-right: 5px; font-weight: 400;}
.small{height: 60px; background: rgba(255,255,255,.9); box-shadow: 1px 0px 5px rgba(0,0,0,.2);}
.small .logo,.small .top_right,.small .nav{height: 60px;}
.small .logo img{max-width: 70%;}
.small .top_right{line-height: 60px; height: 60px;}
.small .nav div{width: auto; line-height: 60px; height: 60px; padding:0 5px; margin: 0 20px;}
.small .nav div:after{height:2px; left: 50%; top:inherit; bottom: 0;}
.small .nav div:hover:after,.small .nav .nuw:after{left: 0; width: 100%; opacity: 1;}
.small .nav div:hover a,.small .nav .nuw a{ color: #de5d25; transition: all .2s ease-in .2s;}
.small .logo,.small .nav div,.small  .top_tel a{visibility: inherit!important;}
.nav div:nth-child(1),.top_icon a:nth-child(1){animation-delay: .1s;}
.nav div:nth-child(2),.top_icon a:nth-child(2){animation-delay: .2s;}
.nav div:nth-child(3),.top_icon a:nth-child(3){animation-delay: .3s;}
.nav div:nth-child(4),.top_icon a:nth-child(4){animation-delay: .4s;}
.nav div:nth-child(5),.top_icon a:nth-child(5){animation-delay: .5s;}
.nav div:nth-child(6),.top_icon a:nth-child(6){animation-delay: .6s;}
.nav div:nth-child(7),.top_icon a:nth-child(7){animation-delay: .7s;}
.nav div:nth-child(8),.top_icon a:nth-child(8){animation-delay: .8s;}
.nav div:nth-child(9),.top_icon a:nth-child(9){animation-delay: .9s;}
.nav div:nth-child(10),.top_icon a:nth-child(10){animation-delay: 1s;}

/* mobile nav 触发样式 */
.c_nav{width:30px; height:30px; background: none; border-radius: 5px; overflow: hidden; position: absolute; top: 50%; right:5%; z-index: 999; margin-top: -15px; cursor: pointer; display:none; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; transition: all .4s ease 0s;}
.c_nav span{display: block; width:20px; height: 2px; background: #333; margin:2px auto; overflow: hidden; transform:rotate(0deg); transition: all .4s ease 0s;}
.c_nuw{border-radius: 100%; border: 1px solid #ccc; transform:rotate(360deg);}
.c_nuw span:nth-child(1){transform:rotateZ(45deg)translate(1px,0px); transform-origin: center; width:20px; margin: 0;}
.c_nuw span:nth-child(2){transform:rotateY(180deg); opacity: 0; display: none;}
.c_nuw span:nth-child(3){transform:rotateZ(-45deg)translate(1px,-1px); transform-origin: center; width:21px; margin: 0;}

/* banner */
.in_banner{width:100%; height:calc(100vh - 4.4vw); position: relative; line-height: 1; text-transform: uppercase; margin:4.4vw auto 0; overflow: hidden;}
.in_banner .swiper-slide{position: relative;}
.in_banner .swiper-slide a{display: block; width: 100%; height: 100%; background-size:cover; background-position: center center; background-repeat: no-repeat;}
.in_banner_l,.in_banner_r{width:68px; height: 68px; line-height: 68px; text-align: center; background:rgba(255,255,255,.2); color: #fff; ; position: relative; position: absolute; top: 50%; left: -68px; margin-top: -34px; z-index: 5; cursor: pointer; transition: all .5s ease 0s;}
.in_banner_l i,.in_banner_r i{font-size:36px}
.in_banner_l:hover,.in_banner_r:hover,.in_banner_l:hover:after,.in_banner_r:hover:after{background: #fff; color: #de5d25;}
.in_banner_r{left:inherit; right: -68px;}
.in_banner:hover .in_banner_l{left:calc(100vw * .075);}
.in_banner:hover .in_banner_r{right:calc(100vw * .075);}
.in_banner .in_banner_a{width:79.2vw; height:1.6vw; line-height:1.6vw; vertical-align: top; position: absolute; bottom:2.4vw; left:10.4vw; z-index: 2; text-align: right; font-size: .9vw; color: #ffffff;}
.in_banner .in_banner_a .swiper-pagination-current{font-size: 1.2vw; font-weight: bold; position: relative;}
.in_banner .in_banner_a .swiper-pagination-current::before{content: '0'; display: inline-block; vertical-align: baseline; line-height: 1; margin-right: 1px;}
.in_banner .in_banner_a .swiper-pagination-current::after{content:''; height: 3px; position: absolute; top: calc(50% - 1.5px); left: -2vw; z-index: 5; background: #fff; display: block; -webkit-animation:banner_w 4s linear 0s infinite normal ; animation:banner_w 4s linear 0s infinite normal ;}
.in_tis{width: 50px; height: 70px; position: absolute; bottom: 14px; left: calc(50% - 25px); z-index: 6; font-size: 12px; text-align: center; color: #fff; overflow: hidden;}
.in_tis span{display: block; width: 16px; height: 34px; background: url(../images/pg1.png) center center no-repeat; margin: 0 auto 21px; -webkit-animation: pg_bs 1s linear 0s infinite normal; nimation: pg_bs 1s linear 0s infinite normal;}

.bg_a{background: #f7f7f7; overflow: hidden;}
.in_center{width: 79.2vw; height: auto; margin: 0 auto; padding: 5.20833vw 0;}
.in-pro-nav{width: 540px; position: absolute; top: 0; right:150px; height: 3.1vw; overflow: hidden;}
.in-pro-nav a{font-size: 16px; display: block; width:auto; margin-right: 22px; line-height: 3.1vw; position: relative;}
.in-pro-nav a::after{content: ''; display: block; width: 100%; height: 3px; background: #de5d25; overflow: hidden; position: absolute; bottom:5px; left: 0; opacity: 0;}
.in-pro-nav a.swiper-slide-thumb-active{color: #de5d25; transition: all 1s;}
.in-pro-nav a.swiper-slide-thumb-active::after{opacity: 1; transition: all 1s;}

.in-pro-box{width: 100%; height: auto; overflow: hidden; padding-top: 50px;}
.in-pro-box .swiper-slide{width: 100%; height: auto; overflow: hidden;  display: flex;}
.in-pro-li{display: block; width:calc((100% - 30px) / 4); height: auto; position: relative; margin-right: 10px; padding-bottom: 25px; transition: all .8s ease 0s;}
.in-pro-liimg{width: 100%; height: 14.32291vw; overflow: hidden; border-radius: 10px 10px 0 0;}
.in-pro-liimg img{width: 100%; height: 100%; object-fit: cover;}
.in-pro-litxt{width: 100%; height: auto; background: #fff; padding: 10px 15px 55px 15px; overflow: hidden; border-radius:0 0 10px 10px;}
.in-pro-litxt h2{font-size: 18px; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color: #333; transition: all .8s ease 0s;}
.in-pro-litxt p{height: calc(28px * 2); line-height: 28px; font-size: 14px; color: #777; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; transition: all .8s ease 0s;}
.in-pro-limore{width: auto; height: 50px; background: #de5d25; border-radius:25px; position: absolute; bottom: 0; right: 15px; overflow: hidden; display: flex;align-items: center; justify-content: flex-end;}
.in-pro-limore span{padding: 0; font-size: 0; color: #ffffff; opacity: 0; transition: all 1s;}
.in-pro-limore i{display: block; width: 50px; height: 50px; line-height: 40px; text-align: center; color: #fff; border-radius: 100%; border:5px solid #de5d25; background: #fff; color: #de5d25; transform:rotate(45deg);}
.in-pro-li:nth-child(4n){margin-right: 0;}
.in-pro-li:hover .in-pro-litxt h2{color: #de5d25;}
.in-pro-li:hover .in-pro-limore span{opacity: 1; padding: 0 2vw 0 15px; font-size: 16px; transform:rotate(0deg);}

.about_bg{width: 100%; height: auto; background: url(../images/pg3.png) center center no-repeat; padding: 5.6vw 0;}
.title_ys{width: 100%; height:3.1vw; line-height: 1; color: #262626; overflow: hidden; position: relative;}
.title_ys p{font-family:webfonta!important; font-size: 2.1vw; text-transform:uppercase; margin-bottom: .1vw;}
.title_ys span{font-size: 16px;}
.title_ys span::before{content:''; display: inline-block; vertical-align: middle; width: 10px; height: 2px; background: #de5d25; margin-right: 5px;}
.more{display: block; width:110px; height: 34px; line-height: 32px; border: 1px solid #cccccc; text-align: center; font-size: 12px; color: #888888; position: absolute; top: calc(50% - 17px); right: 20px; text-transform: uppercase; transition: all .5s ease 0s;}
.more::after{content: ''; display: block; width: 25px; height: 15px; background: url(../images/pg4.png) center center no-repeat; position: absolute; right:-20px; top: calc(50% - 7.5px); transition: all .5s ease 0s;}
.more:hover{color:#de5d25;}
.more:hover::after{ -webkit-animation:more_r 1s linear 0s infinite alternate; nimation: more_r 1s linear 0s infinite alternate;}

.about_ul{width:100%; height: auto; margin-top: 3vw;}
.about_li{width: calc((100% / 5) - 8.8px); height:21.4vw; margin-right: 11px; border-radius: 5px; overflow: hidden; position: relative;}
.about_liimg{width: 100%; height: 100%; overflow: hidden; transition: all .5s ease 0s; filter: saturate(80%); -webkit-filter: saturate(80%);}
.about_litetx{width: 100%; height: auto; padding: 1.8vw 1.6vw; background:linear-gradient(0deg, rgba(0,0,0,.3), rgba(0,0,0,0)); position: absolute; bottom: 0; left: 0; transition: all .5s ease 0s; color: #fff; border-radius: 5px 5px 0 0; overflow: hidden;}
.about_litetx::after{content: ''; width: 100%; height: 0%; display: block; position: absolute; bottom: 0; left: 0; background:linear-gradient(180deg, rgba(222,93,37,.7), rgba(222,93,37,.5)); transition: all .2s ease 0s;}
.about_litetxa{width: 100%; height: 30px; line-height: 30px;font-size: 18px; font-weight: bold; position: relative; z-index: 4;}
.about_litetxa i{display: inline-block; vertical-align: middle; width:18px; height: 18px; line-height: 18px; background: #fff; border-radius: 100%; text-align: center; font-size: 12px; color: #de5d25; margin-left: 10px;}
.about_litetxb{width: 100%; height: auto; min-height: 40px; line-height: 20px; font-size:14px; margin-top: 10px; position: relative; z-index: 4;}
.about_li:hover .about_litetx{background:none;}
.about_li:hover .about_litetx::after{ height: 100%;}
.about_li:hover .about_liimg{filter: saturate(200%); -webkit-filter: saturate(200%);}
.about_li:nth-child(5){margin-right: 0; animation-delay: .5s;}
.about_li:nth-child(1){animation-delay: .1s;}
.about_li:nth-child(2){animation-delay: .2s;}
.about_li:nth-child(3){animation-delay: .3s;}
.about_li:nth-child(4){animation-delay: .4s;}

.bg_b{width:59.9vw; height: 32.8vw; margin-left: calc(100% - 59.9vw); position: relative; overflow: hidden;}
.bg_b span{display: block; width:59.9vw; height:65.3vw; background: url(../images/pg5.png) center center no-repeat; background-attachment: local; -webkit-animation:rotate 25s linear 0s infinite normal; animation: rotate 25s linear 0s infinite normal; position: absolute; top: calc(50% - 32.65vw); left: calc(50% - 29.95vw);}
.gbwm_cen{width:100%; height: 32.8vw; position: absolute; top: 0; left: 0; z-index: 2;}
.gbwm_cenle{width:33.3vw; height:auto; margin:3.5vw 0 0; position: relative;}
.gbwm_centxt{width: 100%; height:calc(26px * 10); line-height:26px; font-size:16px; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:10; overflow: hidden;  text-align: justify; overflow: hidden; margin: 2.3vw 0;}
.gbwm_cenle .more{position: relative; top: initial; right: initial; margin-top: 3.6vw;}
.gbwm_cenul{width: 100%; height: auto;}
.gbwm_cenli{width:6.2vw; height: auto; line-height: 1; text-align: center; font-size: .7vw; color: #555555; cursor: pointer; transition: all .5s ease 0s;}
.gbwm_cenli p{font-size: 1.1vw; margin-bottom: .5vw;}
.gbwm_cenli p span{font-size: 1.6vw; margin-right: 2px;}
.gbwm_cenli:nth-child(1){ width: 4.2vw; margin-right:3.8vw;}
.gbwm_cenli:nth-child(2){ width:5.7vw; margin-right:3vw;}
.gbwm_cenli:nth-child(3){margin-right:3.8vw;}
.gbwm_cenli:hover{color: #00a2ff;}

.gbwm_cenrg{width: 31.2vw; height: auto; margin:23.2vw 0 0 14.7vw; animation-delay: .3s;}
.gbwm_cenrgul{width: 100%; height: 9.6vw; margin-bottom: 1px; overflow: hidden; background: #e8e8e8;}
.gbwm_cenrgli{width: calc(100% / 3); height: 9.6vw; display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; text-align: center; overflow: hidden; background: #de5d25; color: #fff;}
.gbwm_cenrgli i{ font-size:2.5vw; line-height: 1;}
.gbwm_cenrgli p{ font-size:.8vw; margin-top: 1vw;}
.gbwm_cenrgli:nth-child(1){background: #f07a30;}
.gbwm_cenrgli:nth-child(3){background: #f07a30;}
.gbwm_cenrgli a:hover,.gbwm_cenrgli a{color: #fff;}
.gbwm_cenrgimg{width: 100%; height:12.8vw; overflow: hidden; border-radius: 0 0 .5vw .5vw;}


.news{padding: 4.7vw 0; width: 77.1vw; margin: 0 auto; clear: both; position: relative;}
.in_news_a{width: 67.7vw; height: 22.8vw; float: left;}
.in_newsul{width:67.15vw; height: auto; margin: 0 auto; overflow: hidden;}
.in_newsli{width:20.8vw; height: auto; margin-right: 1.6vw; overflow: hidden; animation-delay: .1s; background:none;}
.in_newsli .img,.in_newsli .img img{width: 100%; height: 12.4vw; object-fit: cover;}
.in_newsli .sm{border: 1px solid #ccc; border-top: none; height: 10.4vw; padding: 0.3vw 1.6vw;}
.in_newsli .sm .xx{line-height: 1.2vw; height: 6.4vw; font-size:16px; color: #333;}
.in_newsli .sm .xx div{width: 100%; height: 6.4vw; display: table-cell; vertical-align: middle; overflow: hidden;}
.in_newsli .sm .js{height: 1.9vw; line-height: 1.9vw; font-size:14px; color: #777;}
.in_newsli .sm .js i{float: right; color: #b1b1b1; background: #f3f3f3; height: 1.9vw; line-height: 1.9vw; width: 1.9vw; border-radius: 100%; text-align: center;}
.in_newsli:hover .sm .xx{color: #de5d25;}
.in_newsli:hover .sm .js i{background: #de5d25; color: #fff;}
.in_news_l,.in_news_r{width:40px; height: 40px; line-height:36px; text-align: center; color: #000; position: absolute; top: 19vw; right: 3.3vw; z-index: 5; cursor: pointer; transition: all .5s ease 0s; font-size:24px; overflow: hidden; border: 1px solid #535353; border-radius:100%;}
.in_news_l i,.in_news_r i{font-size: 20px;}
.in_news_l:hover,.in_news_r:hover,.in_news_l:hover:after,.in_news_r:hover:after{background: #de5d25; color: #fff; border: 1px solid #de5d25;}
.in_news_r{top: 22vw;}
.news .fr{width: 9.4vw; background: #f7f7f7; height: 22.8vw; position: relative; color: #fff; z-index: 0; padding: 0.5vw;}
.news .fr:after{background: #de5d25; width: 100%; height: 11.5vw; position: absolute; left: 0; top: 0; content: ''; z-index: -1;}
.news .fr h1{font-size: 1.6vw; font-weight: bold; height: 2.6vw; line-height: 2.6vw; overflow: hidden;}
.news .fr h2{font-size: 1vw; font-weight: bold; height: auto; line-height: 1.5vw; overflow: hidden; font-family: webfonta; letter-spacing:5px; text-transform: uppercase;}
.news .fr div{margin-top: 1.1vw;}
.news .fr div a{color: #fff;}
.news .fr div i{font-size: 20px;}


.footer{background: #3f3f3f; padding: 2vw 0;}
.footer .in_center{padding: 0 2px;}
.foot_nav{float: left; width: 11.5vw; border-left: 1px solid rgba(255,255,255,.5); position: relative; padding-bottom: 1.1vw;}
.foot_nav a{display: block; font-size:16px; color: #fff; line-height: 1; margin-bottom: 0.6vw; padding-left: 1.3vw;}
.foot_nav:after,.lianxi:after,.make:after{width: 4px; height: 10px; background: rgba(255,255,255,1); position: absolute; left: -2px; top: 0; content: ""; border-radius: 10px; z-index: 9;}
.lianxi{float: left; width: 28vw; padding-left: 1.3vw; border-left: 1px solid rgba(255,255,255,.5); position: relative; padding-bottom: 1.1vw; color: #fff;}
.lianxi .con_tit{font-size:16px; color: #fff; line-height: 1; margin-bottom: 1vw;}
.lianxi .fl{width: 18.5vw;}
.lianxi .fl p{font-size:16px; line-height: 1.4; color: #d7d7d7; margin-bottom: 0.6vw;}
.lianxi .fr{width: 5.2vw; text-align: center;}
.lianxi .fr img{width: 5.2vw; height: 5.2vw;}
.lianxi .fr h1{font-size: 0.7vw; line-height: 1; margin-top: 0.6vw;}
.make{float: right; width: 32.8vw; position: relative; padding-left: 1.3vw; border-left: 1px solid  rgba(255,255,255,.5);}
.make .make_tit{font-size: 0.8vw; color: #fff; line-height: 1; margin-bottom: 1vw;}
.make table tr td{padding-bottom: 0.5vw;}
.make table tr td .name{background: #353535; border-radius: 10px; height: 2.1vw; line-height: 2.1vw; width: 9.4vw; border: none; background-image: url(../images/name.jpg); background-position:0.5vw center; background-repeat: no-repeat; background-size: 8%; padding-left: 1.5vw; font-size: 0.7vw; margin-right: 1.1vw;}
.make table tr td .phone{background: #353535; border-radius: 10px; height: 2.1vw; line-height: 2.1vw; width: 9.4vw; border: none; background-image: url(../images/tel.jpg); background-position:0.5vw center; background-repeat: no-repeat; background-size: 6%; padding-left: 1.5vw; font-size: 0.7vw;margin-right: 1.1vw;}
.make table tr td .xh{background: #353535; border-radius: 10px; height: 2.1vw; line-height: 2.1vw; width: 9.4vw; border: none; background-image: url(../images/xh.jpg); background-position:0.5vw center; background-repeat: no-repeat; background-size: 8%; padding-left: 1.5vw; font-size: 0.7vw;}
.make table tr td textarea{background: #353535; border-radius: 10px; height: 3.1vw; line-height: 2.1vw; width: 25.5vw; border: none; color: #e2e2e2; padding: 0 0.7vw; font-size: 0.7vw;}
.make table tr td .button{background: #de5d25; border-radius: 10px; height: 3.1vw; line-height: 3.1vw; width: 4.7vw; text-align: center; float: right; border: none; color: #fff; font-size: 0.8vw;}
.make table tr td input::-webkit-input-placeholder{color:#e2e2e2;}
.foot-bottom{background: #353535; line-height: 1.4vw; padding: 0.8vw 0; font-weight: lighter; font-size:14px; color: rgba(255,255,255,.5);}
.foot-bottom a{ color: rgba(255,255,255,.5);}


/*page 栏目图*/
.pg_banner{width: 100%; height: 25.5vw; margin-top: 4.4vw; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; display:flex; display:-webkit-flex;flex-direction: column; -webkit-flex-direction:column; flex-wrap: wrap; -webkit-flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; text-align: center; color: #fff; line-height: 1;}
.pg_banner div{font-size: 1.1vw;}
.pg_banner div p{font-size: 1.9vw; font-family: webfonta; text-transform: uppercase; margin-top: .4vw;}
.pg_banner div p::after{content: ''; display: block; width: 8.4vw; height: 1px; background: #fff; margin: .6vw auto;}
.pg_banner p:nth-child(2){font-size: .8vw; animation-delay: .4s;}

/*page nav*/
.pg_nav{width: 100%; height:auto; background: #f2f2f2; text-align: center; font-size: 0; padding:2vw 0 1vw; font-weight: bold;}
.pg_nav a{display: inline-block; vertical-align: top; width: auto; height:26px; line-height:26px; font-size: 16px; color: #555555; margin: 0 1vw 1vw; position: relative; padding: 0 .3vw; transition: all .5s ease 0s;}
.pg_nav a span{position: relative; z-index: 5;}
.pg_nav a::after{content:''; display: block; width:0%; height: .3vw; background: #de5d25; border-radius: .15vw; position: absolute; bottom:.25vw; left:50%; transition: all .5s ease 0s;}
.pg_nav a:hover,.pg_nav a.pg_nuw{color: #333333;}
.pg_nav a:hover::after,.pg_nav a.pg_nuw::after{width:100%; left:0%;}

.pg_center{width: 1200px; height: auto; margin:2.3vw auto;}
/*产品列表*/

.pg_height{width: 100%; height: 4.4vw; overflow: hidden;}
.index_proul{width:100%; height: auto;}
.index_proli{width:calc((100% - 70px) / 3); height:auto; background: #fff; margin: 0 35px 35px 0; border-radius: 5px; border: 2px solid #f2f2f2; overflow: hidden; transition: all 1s ease 0s;}
.index_proliimg{width: 100%; height:225px; padding: 5px; overflow: hidden;}
.index_proliimg img{width: 100%; height: 100%; object-fit: cover; transition: all 2s ease 0s;}
.index_prolitxt{width: 100%; height: 75px; line-height: 75px; padding: 0 15px; font-size:18px; font-weight: bold; color: #444444;  overflow: hidden; white-space: nowrap; text-overflow:ellipsis; transition: all .5s ease 0s;}
.index_prolitxt i{display: inline-block; vertical-align: middle; width:40px; height: 40px; line-height: 40px; border-radius: 100%; background: #f7f7f7; text-align: center; color: #c2c2c2; float: right; margin-top:17.5px; transition: all .5s ease 0s;}
.index_proli:hover{box-shadow: 0 0 10px rgba(0,0,0,.2); border: none;}
.index_proli:hover .index_prolitxt{color: #de5d25;}
.index_proli:hover .index_prolitxt i{background: #de5d25; color: #fff;}
.index_proli:hover .index_proliimg img{transform: scale(1.2);}
.index_proli:nth-child(3n){margin-right: 0;}
.index_proli:nth-child(1n){animation-delay: .1s;}
.index_proli:nth-child(2n){animation-delay: .2s;}
.index_proli:nth-child(3n){animation-delay: .3s;}
.index_proli:nth-child(4n){animation-delay: .4s;}
.index_proli:nth-child(5n){animation-delay: .5s;}
.index_proli:nth-child(6n){animation-delay: .6s;}
.index_proli:nth-child(7n){animation-delay: .7s;}
.index_proli:nth-child(8n){animation-delay: .8s;}
.index_proli:nth-child(9n){animation-delay: .9s;}


/*产品*/
.s_procen{width: 1200px; height: auto; margin:2.6vw auto 1.6vw; background: #fff; padding:30px; overflow: hidden;}
.s_procenle{width: 500px; height: auto; overflow: hidden;}
.s_procenle_big{width: 500px; height: 500px; border: 2px solid #f2f2f2; margin-bottom: 10px; overflow: hidden;}
.s_procenle_big .swiper-slide{width: 500px; height: 500px; overflow: hidden;}
.s_procenle_big .swiper-slide img,.s_procenle_Small .swiper-slide img{width: 100%; height: 100%; object-fit: contain;}
.s_procenle_Small{width:500px; height:90px; overflow: hidden;}
.s_procenle_Small .swiper-slide{width:90px; height:90px; border: 2px solid #f2f2f2; margin-right:10px; overflow: hidden; cursor: pointer;}
.s_procenle_Small .swiper-slide.swiper-slide-thumb-active{border-color: #de5d25;}
.s_procenrg{width:580px; height: auto; margin-left:60px;}
.s_procenrg_a{font-size: 24px; color: #333333; line-height: 1.5; font-weight: bold; margin-bottom: 40px;}
.s_procenrg_a p{font-size: 16px; color: #666666; display: flex; margin-top: 25px;}
.s_procenrg_a p span{display: block; width: 55px; height: 7px; background: #d1d1d1;}
.s_procenrg_a p span:first-child{background: #de5d25;}
.s_procenrg_b{border-bottom: 1px solid #e2e2e2; padding-bottom: 24px; height: 395px; overflow: hidden;}
.s_procenrg_ba{font-size: 16px; color: #666666; margin-bottom: 18px; font-weight: bold;}
.s_procenrg_bb{font-size: 14px; color: #777777; line-height: 30px;}
.s_procenrg_c{height: 90px; padding-top: 38px;}
.s_procenrg_c a{display:block; width: 135px; height: 46px; line-height: 40px; font-size: 16px; text-align: center; border-radius: 23px; color: #777; border: 3px solid #f2f2f2;  margin-right: 15px; overflow: hidden;}
.s_procenrg_c a:nth-child(2),.s_procenrg_c a:nth-child(3){border-color: #f07a30; background: #f07a30; color: #fff;}
.s_procenrg_c a:nth-child(3){border-color: #de5d25; background: #de5d25; width: 245px;}
.s_procenrg_c a:nth-child(3) span{font-size: 22px; margin-left: 5px;}

.mtb_a{ margin-top: 30px; padding: 0;}
.s_pronavul{width: 100%; height: 70px; line-height: 70px; background: #583e34; overflow: hidden;}
.s_pronavul .swiper-slide{width: 180px; height: 70px; line-height: 70px; text-align: center; font-size: 18px; color: #fff; cursor: pointer;}
.s_pronavul .swiper-slide.swiper-slide-thumb-active{background: url(../images/pn9.png) center bottom no-repeat #de5d25;}
.s_pronavtext{width: 100%; height: auto; font-size: 16px; line-height: 30px; color: #777777; overflow: hidden;}
.s_pronavtext .swiper-slide{width: 100%; height: auto; min-height: 800px; padding: 35px; font-size: 16px; line-height: 30px; color: #777777; overflow: hidden; }

.color_a{color: #333; margin-bottom: 24px;}
.color_a span::before{background: #333;}


/*关于我们*/
.show-about{width: 100%; height: auto; overflow: hidden;}
.show-about-img{width: 485px; height: auto; min-width: 485px; overflow: hidden;}
.show-about-txt{width: calc(100% - 485px); padding-left: 40px;}
.show-about-h2{font-size:28px; color: #222222; line-height: 1;}
.show-about-h2 h2{font-size: 16px; color: #999999; text-transform: uppercase; margin-top: 5px;}
.show-about-h2 p{width: 100%; display: flex; margin: 25px 0;}
.show-about-h2 p span{display: block; width: 50%; height: 7px; background: #d1d1d1;}
.show-about-h2 p span:first-child{background: #de5d25;}
.show-about-txta{font-size: 16px; color: #555555; line-height: 32px; text-align: justify;}

.show-us-qywh{width: 100%; height: 570px; background: url(../images/img12.jpg) center center/cover no-repeat; background-attachment: fixed; overflow: hidden;}
.show-us-qywh-box{width: 1200px; height: auto; margin:102.5px auto;}
.show-us-qywh-li{width: calc((100% - 60px) / 4); height: 365px; background: rgba(0,0,0,.2); display: flex; flex-direction: column; align-items: center; justify-content: center; align-content: center; border-radius: 10px; overflow: hidden; margin-right: 20px;}
.show-us-qywh-li:nth-child(4){margin-right: 0;}
.show-us-qywh-liimg{width: 115px; height: 115px; background: rgba(222,93,37,.2); text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; align-content: center; overflow: hidden; border-radius: 100%;}
.show-us-qywh-liimg img{width: 100%; height: 100%; object-fit: contain;}
.show-us-qywh-lih2{font-size: 26px; text-align: center; color: #ffffff; margin: 45px 0 20px; line-height: 1.2;}
.show-us-qywh-lit{font-size: 18px; line-height: 32px; color: rgba(255,255,255,.7); text-align: center;}

.show-us-title{text-align: center; font-size: 18px; color: #de5d25; text-transform: uppercase; line-height: 1; margin-bottom: 25px;}
.show-us-title p{font-family:webfonta!important; font-size: 40px; margin-bottom: 5px;}
.show-us-title span{display: block; width: 20px; height: 4px; background: #de5d25; margin: 10px auto 0;}
.show-us-zz-box a{display: block; width: calc((100% - 60px) / 4); height:206px; margin: 0 20px 20px 0; border: 2px solid #f2f2f2; overflow: hidden; padding: 5px;}
.show-us-zz-box a img{width: 100%; height: 100%; object-fit: contain;}
.show-us-zz-box a:nth-child(4n){margin-right: 0;}


.s_qywh{width: 100%; height: 625px; background: url(../images/jp20.jpg) center center no-repeat; background-attachment: fixed; display: flex; flex-direction: column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; overflow: hidden; color: #fff; line-height: 1;}
.s_qywh_h2{font-size: 36px; font-weight:bold; color: #fff;}
.s_qywh_h2::after{content: ''; display: block; width:40px; height:5px; background: #de5d25; margin: 20px auto 45px;}
.s_qywh_txt{font-size:16px; line-height: 30px; color: #fff; width: 1200px; height: auto; max-height: 360px; margin: 0 auto; text-align: center; overflow: hidden;}

.pg_title{font-family: webfonta; font-size: 40px; color: #00a2ff; text-align: center; margin: 60px auto 40px; text-transform: uppercase; line-height: 1;}
.pg_title p{font-size: 18px; margin: 5px 0 10px;}
.pg_title span{display: block; width:10px; height:2px; background: #de5d25; margin: 0 auto;}

.video_cen{width: 1200px; height: auto; margin: 0 auto 50px; overflow: hidden;}
.s_videoli{width: 570px; height: 385px; background: #f2f2f2; border-radius: 5px; overflow: hidden; padding: 5px; margin: 0 60px 55px 0; transition: all .5s ease 0s;}
.s_videoliimg{width: 100%; height: 315px; border-radius: 5px; overflow: hidden;}
.s_videoliimg img,.s_videoliimg video{width: 100%; height: 315px;}
.s_videolip{width: 100%; height: 66px; line-height: 66px; font-size: 18px; color: #333333; padding: 0 15px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.s_videolip i{font-size: 20px; margin-right:10px; line-height: 1;}
.s_videoli:hover{background: #00a2ff;}
.s_videoli:nth-child(2n){margin-right: 0;}
.s_videoli:nth-last-child(1),.s_videoli:nth-last-child(2){margin-bottom: 40px;}
.s_videoli:nth-child(2n + 1){ animation-delay: .2s;}

.pg_center .about_ul{width:100%; height: auto; margin-top: 0;}
.pg_center .about_li{width:285px; height:395px; margin-right:20px; margin-bottom: 20px; border-radius: 5px; overflow: hidden; position: relative;}
.pg_center .about_litetx{width: 100%; height: auto; padding:20px;}
.pg_center .about_li:nth-child(4n){margin-right: 0;}

.s_title{width: 100%; height: auto; line-height: 1; font-size: 24px; color: #525252; font-weight: bold; position: relative; margin-bottom: 50px;}
.s_title p{font-size: 14px; font-weight: 400; color: #999999; margin-top: 10px; text-transform: uppercase;}
.s_title div{width: auto; font-size: 14px; color: #999999; position: absolute; right: 0; top: calc(50% - 7px); font-weight: 400;}


.s_lxwmle{width: 640px; height: auto; margin-right: 25px;}
.s_lxwmle .s_title,.s_lxwmrg .s_title{margin-bottom: 30px;}
.s_lxwmlea{font-size: 16px; color: #999999; line-height: 1.2;}
.s_lxwmlea div{margin-bottom:38px;}
.s_lxwmlea div p{font-size: 20px; color: #333333; margin-top: 5px;}
.s_lxwmrg{width: 535px;}
.s_lxwmrga div{width: calc(100% / 2); margin-bottom: 20px;}
.s_lxwmrga div input{width:90%; height:50px; line-height: 50px; padding: 0 15px; background: #f2f2f2; border: none; font-size: 14px; color: #333;}
.s_lxwmrga div:nth-child(2n) input{width: 100%;}
.s_lxwmrga div:nth-child(5),.s_lxwmrga div:nth-child(6){width: 100%;}
.s_lxwmrga div textarea{width:100%; height:200px; line-height:22.5px; padding:10px 15px; background: #f2f2f2; border: none; font-size: 14px; color: #333;}
.tijiao{width:100%; height:50px; line-height: 50px; text-align: center; background: #de5d25; border: none; font-size: 16px; color: #fff; font-weight: bold;}['']
input::-webkit-input-placeholder{color: #999;}
input::-moz-input-placeholder{color: #999;}
input::-ms-input-placeholder{color: #999; }
.s_map,.s_map img{width: 100%; height: 600px; line-height: 1; overflow: hidden;}

.pg_newsli{width: 100%; height: 300px; padding: 35px; overflow: hidden; border-radius: 10px; box-shadow: 0 0 5px 0px rgba(0,0,0,.1); margin-bottom: 40px; overflow: hidden;}
.pg_newsliimg{width: 410px; height: 230px; float: left; overflow: hidden; display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; float: left; border-radius: 5px; transition: all .5s ease 0s;}
.pg_newslitxt{width: 680px; height: 230px; float: right; line-height: 1;}
.pg_newslitxt h2{width: 100%; height: 38px; line-height: 38px; font-size: 25px; font-weight: bold; color: #333333; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; transition: all .5s ease 0s;}
.pg_newslitxt p{font-size: 14px; font-weight: bold; color: #333333; margin: 5px 0 10px;}
.pg_newslitxt div{font-size: 14px; line-height: 30px; height: 90px; overflow: hidden; color: #666666; text-overflow:ellipsis; margin-bottom: 20px;}
.pg_newslitxt span{display: block; width: 135px; height: 52px; line-height: 46px; border: 3px solid #f2f2f2; text-align: center; font-size: 16px; color: #666; transition: all .5s ease 0s; border-radius: 26px; overflow: hidden;}
.pg_newsli:nth-child(2n){animation-delay: .2s;}
.pg_newsli:nth-child(2n) .pg_newsliimg{ float: right;}
.pg_newsli:nth-child(2n) .pg_newslitxt{ float: left;}
.pg_newsli:hover{box-shadow: 0 0 10px 0px rgba(0,0,0,.1);}
.pg_newsli:hover .pg_newsliimg{box-shadow: 0 0 10px 0px rgba(0,0,0,.3); border-radius: 10px;}
.pg_newsli:hover .pg_newslitxt h2{color: #de5d25;}
.pg_newsli:hover .pg_newslitxt span{ box-shadow: 0 0 0px 26px #de5d25 inset; color: #fff;}


.pg_fhlb{display:block; width: 135px; height: 46px; line-height: 40px; font-size: 16px; text-align: center; border-radius: 23px; color: #777; border: 3px solid #f2f2f2;  margin-right: 15px; overflow: hidden; float: right; transition: all .5s ease 0s;}
.pg_fhlb:hover{box-shadow: 0 0 0px 20px #de5d25 inset; color: #fff;}
.s_newstitle{width: 100%; height: auto; font-size: 26px; color: #333333; font-weight: bold; text-align: center; margin-bottom: 30px;}
.s_newstitle p{ font-size: 14px; font-weight: 400; color: #888; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; padding:20px 0; margin-top:20px;}
.s_newstxt{font-size: 14px; line-height: 30px; color: #666666;}
.s_newstxta{width: 100%; height:auto; border-top: 1px solid #333333; overflow: hidden; margin-top:60px; padding-top: 20px;}
.s_newstxta p{font-size: 16px; color: #333333; float: left;}
.s_newstxta p:nth-child(2){float: right;}
.s_newstxta p i{font-size: 20px; margin-right:10px;}
.s_newstxta p:nth-child(2) i{margin-left: 10px; margin-right: 0;}
.s_text{font-size: 14px; line-height: 30px; color: #666666; padding:0px 0 30px 0;}
.s_text img{max-width: 100% !important; height: auto !important;}

/**/
.in-newsul{width: 100%; height: auto; margin:auto 0; overflow: hidden;}
.show-news-li{width:calc((100% - 60px) / 4); height: auto; margin:0 20px 20px 0; overflow: hidden;}
.in-news-liimg{width: 100%; height:165px; transform:scale(1) overflow: hidden; transition: all .7s;}
.in-news-liimg img{width: 100%; height: 100%; object-fit: cover;}
.in-news-litxt{border-bottom: 1px solid rgba(204,204,204,.5); padding-bottom: 5px; position: relative; transition: all .7s;}
.in-news-litxt h2{width: 100%; height:45px; line-height:45px;font-size: 20px; color: #555; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; position: relative; z-index: 5; padding-top: 5px;}
.in-news-litxt p{height: calc(26px * 2); margin: 2px 0; color: #777; font-size: 16px; line-height:24px; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:2; font-size: 14px; overflow: hidden; position: relative; z-index: 5;}
.in-news-litxt span{font-size: 14px; color: #999999; position: relative; z-index: 5;}
.in-news-litxt span i{margin-right: 5px;}
.in-news-litxt::before{content:''; display: block; width: 100%; height:0%; position: absolute; bottom: 0; left: 0; background:#de5d25; transition: all .7s;}
.show-news-li:nth-child(4n){margin-right: 0;}
.show-news-li:hover .in-news-litxt{padding: 0 10px 5px;}
.show-news-li:hover .in-news-litxt::before{height: 100%;}
.show-news-li:hover .in-news-litxt h2{ color: #fff;}
.show-news-li:hover .in-news-litxt p,.show-news-li:hover .in-news-litxt span{color:rgba(255,255,255,.8);}

/*20230831*/
.show-pro-cen{width: 1200px; height: auto; margin:30px auto 0; background: #fff; overflow: hidden;}
.show-pro-title{width: 100%; height: 50px; line-height: 50px; font-size: 0; text-align: left; position: relative; padding-left: 25px;}
.show-pro-title::after,.show-pro-title::before{content:' '; display: block; width: 100%; height:3px; background: #f2f2f2; position: absolute; top: 19px; left: 0; z
5}
.show-pro-title::before{top: inherit; bottom: 19px;}
.show-pro-title span{display: inline-block; vertical-align: top; width: auto; height: 50px; padding: 0 10px; background: #fff; font-size: 22px; font-weight: bold; color: #de5d25; position: relative; z-index: 5;}
.show-pro-txt{width: 100%; height: auto; min-height: 200px; padding:20px 0 0; font-size: 16px; line-height: 30px; color: #777777; overflow: hidden; }
.show-pro-box .show-pro-cen:last-child{margin-bottom: 60px;}



/*分页*/
.pg_fy{width: 100%; height: auto; text-align: center; margin:0 auto 40px; overflow: hidden;}
.pg_fy a{display: inline-block; vertical-align: top; width:auto; padding: 0 10px; height:28px; line-height: 26px; text-align: center; border: 1px solid #dddddd; font-size: 14px; color: #777777; margin: 0 3px; transition: all .6s ease 0s;}
.pg_fy a:hover,.pg_fy .pg_fnuw{border-color: #eb5157; background: #eb5157; color: #fff;}
.pg_fy .pg_fyddd{border:none;}


/**/
@keyframes banner_w {
  from {
      width: 0%;
  }
  to {
      width: 100%;
  }
}
.banner_w {
  animation-name: banner_w;
}

@keyframes pg_bs {
  0% {
    -webkit-transform:translate(0,-50px); 
	transform:translate(0,-50px);
	opacity: 0;
  }
    
  25%{
    -webkit-transform:translate(0,0px); 
	transform:translate(0,0px);
	opacity:1;
  }

  100% {
    -webkit-transform:translate(0,60px); 
	transform:translate(0,60px);
	opacity:.2;
  }
}

.pg_bs {
  animation-name: pg_bs;
}

@keyframes more_r {
  from {
      right:-10px;
  }
  to {
      right:-20x;
  }
}
.banner_w {
  animation-name: more_r;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
		transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
		transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
		transform: rotate(360deg)
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes opacity {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
@keyframes opacity {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }