html{font-size: 16px;}
html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;}
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#444;}
.block{display: block;}
.none{display: none;}
.s_width{width:90%;margin:0 auto}
.s_width2{width:90%;margin:0 auto}
.lh_35{height: 35px;}
.lh_65{height: 65px;}
*{padding: 0;margin:0; box-sizing: border-box; font-family: "gilroy_regular"; }
a{ text-decoration:none; color:#555;}
a:hover{ text-decoration:none;}
ul,li{ list-style: none;}
em,i{font-style: normal;}
@font-face {
font-family: aven;
src: url(../fonts/AvenirLTStd-Black.ttf) format('truetype'),
url(../fonts/AvenirLTStd-Black.otf) format('otf'),
url(../fonts/AvenirLTStd-Black.woff) format('woff');
}
@font-face {
font-family: 'gilroy_bold';
src: url('../fonts/gilroy-bold-4.otf') format('truetype');
}
@font-face {
font-family: 'gilroy_regular';
src: url('../fonts/gilroy-regular-3.otf') format('truetype');
}
@font-face {
font-family: 'Manrope';
src: url('../fonts/Manrope-Bold.ttf') format('truetype');
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
}
@font-face
{
font-family: 'Poppins';
font-weight: normal;
font-style: normal;
src: url('../fonts/Poppins-Bold.ttf') format('truetype');
}
@font-face{
font-family:neutra_text_tf;
src: url('../fonts/neutra_text_tf.eot');
src: url('../fonts/neutra_text_tf.eot?#iefix') format('embedded-opentype'),
url('../fonts/neutra_text_tf.woff') format('woff'),
url('../fonts/neutra_text_tf.ttf') format('truetype'),
url('../fonts/neutra_text_tf.svg#neutra_text_tf') format('svg');
}
@font-face {
font-family: 'manrope-regular';
src: url('../fonts/manrope-regular.otf') format('truetype');
}
.header{width:100%;position:absolute; height:100px; display: flex;justify-content: space-between; align-items: center;padding:0 18px;z-index: 99; transition: 0.5s;}
.header2{ background: #0662b8; }
.header3{ background: none;position: absolute;; left: 0;top:0;z-index: 102;}
.logo_nav{width:65%; display: flex;justify-content: space-between;align-items: center;}
.header .logo{position: relative;z-index: 999;display: flex;justify-content: flex-start;align-items: center}
.header .logo a{ display: flex;justify-content: center;align-items: center;}
.header .logo a:nth-child(2){ padding:0 0 0 35px}
.header .logo img{ max-width:260px;width: 100%; margin: 0 auto; vertical-align: middle}
.logo_n{display: none;}
.logo_b{display: block;}
.header .logo_r{display: flex;justify-content: space-between; align-items: center;}
.header .banben{display: flex;justify-content: center; align-items: center; border: 1px solid rgba(255,255,255,0.2); border-radius: 35px; height: 41px;padding:0 25px; cursor: pointer; text-transform: uppercase;color: #fff;margin: 0 10px 0 0; font-family: 'Manrope';}
.header .dou{display: flex;justify-content: center; align-items: center; border: 1px solid rgba(255,255,255,0.2); border-radius: 35px; width:41px;height: 41px; margin: 0 10px 0 0; cursor: pointer;}
.header .banben img{margin: 0 15px 0 0;}
.header .nav_tel{ display: flex;justify-content: center; align-items: center; color: #fff; font-size: 1.5rem; font-family: 'gilroy_bold';}
.header .nav_tel div{ border: 1px solid rgba(255,255,255,0.2); border-radius: 35px; width:41px;height: 41px; margin: 0 10px 0 0; display: flex;justify-content: center; align-items: center;}
.header .nav_tel img{width:16px; }
.header.header2 .banben{color: #fff;border: 1px solid rgba(255,255,255,255,.1);}
.header.header2 .dou{ border: 1px solid rgba(255,255,255,255,0.1); }
.header.header2 .nav_tel div{ border: 1px solid rgba(255,255,255,255,0.1); }
.header.header2 .nav_tel{ color: #fff;}
.index_nav3{ width:75%; height:100px;display:flex;justify-content:space-between;align-items:center;-webkit-align-items:center;z-index: 999;padding:0 10px }
.index_nav3 li{line-height:100px; text-align: center; display: flex; justify-content: center; align-items: center; }
.index_nav3 li.index_p{ }
.index_nav3 li a{color:#fff;font-size:1.1rem;display: block;position: relative; width: 100%; }
.index_nav3 li a:hover{text-decoration:none;color:#ff0000;}
.relative{position: relative;box-shadow: 0 0 45px rgba(0,0,0,0.2);}
.header.header2 .index_nav3 li a{color:#fff; }
.header.header2 .index_nav3 li a:hover{text-decoration:none;color:#fff;font-weight: bold;}
.header.header3 .index_nav3 li a:hover{text-decoration:none;color:#fff;font-weight: bold;}
.header.header4 .index_nav3 li a.aa:hover{text-decoration:none;color:#ff0000;font-weight: bold;}
.header.header5 .index_nav3 li a.aa:hover{text-decoration:none;color:#ff0000;font-weight: bold;}
.header.header4 .index_nav3 li a.aa:after{ background: #111; }
.header.header5 .index_nav3 li a.aa:after{ background: #111; }
.header .logo_tel{ display: flex;justify-content: space-between; align-items: center;color: #fff;position: relative; z-index: 2;padding:10px 25px;border:1px solid rgba(255,255,255,.2); border-radius: 30px;}
.header .logo_tel div{ margin: 0 10px 0 0;}
.header .logo_tel img{ }
.header .logo_tel p{display: flex;justify-content: center; flex-direction: column; }
.header .logo_tel p i{ font-size:1.5rem; line-height: 1; font-family: 'gilroy_bold';color: #fff;font-style: normal; }
.header.header2 .logo_tel p i{ color: #2e44a5;}
.header.header2 .logo_tel{border:1px solid #2e44a5;}
.son{background:rgba(0,0,0,0.6);position: absolute; z-index: 11; top: 100%; width: 100%; left: 0; box-sizing: border-box; display: none; display: flex;justify-content: space-between; align-items:center;padding:45px 5%;border-top:1px solid rgba(0, 0, 0, .1)}
.son .sonli{width:100%; }
.son dl{width:100%; display: flex;justify-content: center; flex-wrap:wrap; align-items: flex-start; }
.son dt{width:14%; }
.son p{width:35%;color: #fff; line-height: 2; text-align: left; font-size: 0.16rem;}
.son strong{ display: block;font-size: 0.25rem; margin:0 0 25px 0;color: #333; line-height: 2; width:100%; text-align: left;}
.index_nav3 li .son dt a{ line-height: 1.5;font-size: 1.1rem; color:#fff; padding: 0 0;}
.index_nav3 li .son dt a span{ color:#fff; padding: 0 0;}
.index_nav3 li .son dt a div{ width:90%;margin:0 auto}
.index_nav3 li .son dt a div img{ width:100%}
.header.header2 .index_nav3 li .son dt a{ color:#333; }
.header.header2 .index_nav3 li .son dt a:hover{ color:#333; }
/*footer*/
.footer{ background: #0f151c; }
.footer .s_width:nth-child(2){ padding:45px 0 45px 0 ; display:flex;justify-content:space-between; align-items: flex-start; flex-wrap: wrap;}
.footer .s_width:nth-child(1){ padding:35px 0 35px 0 ; display:flex;justify-content:space-between; align-items: center; border-bottom: 1px solid rgba(255,255,255,.1);}
.f_tel{display: flex;justify-content: flex-start;flex-direction: column;}
.f_tel p{font-size:1.1rem;line-height:1;color: #a5a5a5;margin:0 0 10px 0}
.f_tel span{font-size:1.7rem;line-height: 1;color: #fff;font-family: 'gilroy_bold';}
.footer strong{ display: block; font-size:1.35rem; line-height:2; color:#fff; margin-bottom:15px; }
.footer strong a:hover{color: #eee;}
.footer i{ width:30px;height:1px; background:#15a086;display: block; margin-bottom:25px;}
.footer .f_logo img{display: block; }
.footer .f_fenlei{ width:25% }
.footer .f_fenlei2{ }
.footer .f_fenlei2 li{ line-height:2.3; width:100%; text-align:left;margin:0 0 0 0 ;}
.footer .f_fenlei2 li a{ color:#a5a5a5;font-size:1.05rem; display: block}
.footer .f_fenlei2 li a:hover{ color:#eee;}
.footer .f_fenlei div{ display: flex;justify-content: space-between;align-items: flex-start; flex-wrap: wrap; }
.footer .f_fenlei li{ line-height:2.3; text-align:left;margin:0 0 0 0 ; width:50%}
.footer .f_fenlei li a{ color:#a5a5a5;font-size:1.05rem; display: block}
.footer .f_fenlei li a:hover{ color:#fff;}
.footer .f_fenlei2 dd{ line-height:2; width:100%; text-align:left;margin:0 0 0 0 ;}
.footer .f_fenlei2 dd a{ color:#a5a5a5;font-size:1rem; display: block}
.footer .f_fenlei2 dd a:hover{ color:#fff;}
.footer .f_fenlei p{ line-height:35px; padding:0 0 0 25px;}
.footer .f_fenlei p a{ color:#fff;font-size:1rem; display: block}
.footer .f_fenlei p a:hover{ color:#fff;}
.footer .f_erweima{ text-align: left;}
.footer .f_erweima .fp{ padding:0 0 0 35px; background: url(../img3/fa.png) no-repeat left top 5px;}
.footer .f_erweima .fp2{font-size: 1.1rem;line-height: 2;color: #fff;display: block; background: url(../img3/fb.png) no-repeat left top 5px; padding:0 0 20px 35px;}
.footer .f_erweima .fp3{ background: url(../img3/fc.png) no-repeat left top 7px; padding:0 0 0 35px;}
.footer .f_erweima div{ margin:0 0 15px 0; }
.footer .f_erweima div p{font-size: 1.1rem;line-height: 2;color: #fff; }
.footer .f_erweima div span{display: block;line-height: 1.5; color: #fff; font-size:2rem; font-family: "gilroy_bold";}
.footer .f_erweima dl{ display: flex;justify-content:space-between;}
.footer .f_erweima dd{ display: flex;justify-content: center; align-items: center;flex-direction: column;}
.footer .f_erweima dd p{ line-height: 35px; color: #fff; font-size: 1rem;}
.footer .f_erweima dd img{ text-align: center; width:95%; max-width:125px; display: block;}
.footer_p{line-height:2; font-size:1rem; color:#a5a5a5; padding:35px 0; border-top: 1px solid rgba(255,255,255,.1);}
.footer_pp{ display: flex;justify-content: space-between; align-items: center;}
.footer_p a{ color:#a5a5a5}
.footer_p a:hover{ color:#fff}
.footer_p img{ vertical-align: middle; display: inline-block;}
.zhizhao{ text-align: center;}
/* #banner */
#banner {width:100%; position:relative; z-index:0; overflow:hidden; background: #; }
#banner .txt .main{width:90%;margin:0 auto}
#banner .txt .main2{width:100%; padding:0 10% 0 55%}
#banner .txt{position:absolute;z-index: 999;left:0;top:0; width:100%; height:100%; display: flex; flex-direction:column; justify-content:center; align-items: flex-start; }
#banner .txt div.yea{ transform:translateY(200px);opacity:0;transition:all 0.3s; font-size:2rem; color: #fff; margin:40px 0 0 0 }
#banner .txt p{font-size:4.5rem; transform:translateY(200px);opacity:0;transition:all 0.6s; color: #fff; font-weight: bold; }
#banner .txt em{font-size:3rem; transform:translateY(400px);opacity:0;transition:all 0.6s; color: #fff; display: block; font-weight: bold; font-style:normal; font-family: 'Poppins';}
#banner .txt strong{width:25px;height: 4px; background: #fff; transform:translateY(200px);opacity:0;transition:all 0.9s; display: block; margin:0 0 55px 0 }
#banner .txt span{ font-size:3.2rem; transform:translateY(200px);opacity:0;transition:all 0.7s; display: block; color: #fff; font-weight: bold; line-height: 1; }
#banner .txt .viewmore {transform:translateY(200px);opacity:0;transition:all 0.9s; }
#banner .swiper-slide-active .txt .yea,#banner .swiper-slide-active .txt em,#banner .swiper-slide-active .txt p,#banner .swiper-slide-active .txt strong,#banner .swiper-slide-active .txt span,#banner .swiper-slide-active .txt .viewmore{transform:translateY(0px);opacity:1; transition-delay:0.5s;}
#banner .swiper-slide{position: relative; overflow: hidden;}
#banner .swiper-slide .pic { position: relative; z-index: 1; }
.bannera{ background-image: url(../img3/bannera.jpg) ; background-position: center; background-repeat: no-repeat; background-size:115%; transition: background-size 0.5s ease; width:100%;position: relative;}
.bannerb{ background-image: url(../img3/bannerb.jpg) ; background-position: center; background-repeat: no-repeat; background-size:115%; transition: background-size 0.5s ease; width:100%;position: relative;}
.bannerc{ background-image: url(../img3/bannerc.jpg) ; background-position: center; background-repeat: no-repeat; background-size:115%; transition: background-size 0.5s ease; width:100%;position: relative;}
.bannera-{ background-image: url(../img3/bannera-.jpg) ; background-position: center; background-repeat: no-repeat; background-size:115%; transition: background-size 0.5s ease; width:100%;position: relative;}
.bannerb-{ background-image: url(../img3/bannerb-.jpg) ; background-position: center; background-repeat: no-repeat; background-size:115%; transition: background-size 0.5s ease; width:100%;position: relative;}
.bannerc-{ background-image: url(../img3/bannerc-.jpg) ; background-position: center; background-repeat: no-repeat; background-size:115%; transition: background-size 0.5s ease; width:100%;position: relative;}
#banner .swiper-slide-active .bannera{ background-size:105%; transition:all 2s ease 0s;}
#banner .swiper-slide-active .bannerb{ background-size:105%; transition:all 2s ease 0s;}
#banner .swiper-slide-active .bannerc{ background-size:105%; transition:all 2s ease 0s;}
#banner .swiper-slide-active .bannera-{ background-size:105%; transition:all 2s ease 0s;}
#banner .swiper-slide-active .bannerb-{ background-size:105%; transition:all 2s ease 0s;}
#banner .swiper-slide-active .bannerc-{ background-size:105%; transition:all 2s ease 0s;}
#banner .swiper-slide .pic img{ opacity: 0; display: block; width:100%;}
.viewmore {position: relative;}
.viewmore a{pointer-events: all; display: block;width: 220px; font-size:1.35rem;line-height:65px; padding:0 0 0 25px; color:#fff; background: #0662b8;border-radius: 50px; position: relative;transition:all 0.3s;margin:100px 0 0 0 }
.viewmore a:after { position:absolute; right:25px; top:25px; content: ""; width:20px; height:19px; transition:0.6s all; background: url(../img3/aa.png); }
.viewmore a:hover{ background: #222;}
#banner .swiper-pagination-bullet{width: 10px;height: 10px; display: inline-block; border-radius: 50%; background:rgba(255,255,255,0.36); transition: all .5s ease;opacity: 1.0; font-size:0;}
#banner .swiper-pagination-bullet-active{background:rgba(255,255,255,0.8);color: #fff;width: 33px;border-radius: 30px; }
#banner .swiper-pagination{bottom:30px;}
@media only screen and (max-width:1650px){
#banner .txt div.yea{ font-size:1.5rem; }
#banner .txt p{font-size:3.3rem; }
#banner .txt span{font-size:2.7rem; }
#banner .txt em{font-size:2.5rem; }
#banner .txt .viewmore a{ margin:70px 0 0 0;width: 200px;line-height: 55px;font-size: 1.2rem;}
.viewmore a:after{top: 20px;}
}
@media only screen and (max-width:1440px){
#banner .txt .viewmore a{margin:40px 0 0 0}
#banner .txt div.yea{ font-size:1.35rem; }
#banner .txt p{font-size:2.6rem; }
#banner .txt span{font-size:2.3rem; }
#banner .txt em{font-size:2.2rem; }
}
@media only screen and (max-width:1350px){
#banner .txt div.yea{ font-size:1.2rem; }
#banner .txt p{font-size:2rem; }
#banner .txt em{font-size:2.3rem; }
#banner .txt .viewmore a{ margin:40px 0 0 0}
}
@media only screen and (max-width:1200px){
#banner .txt .viewmore a{font-size: 1.15rem; line-height: 50px;width: 160px;}
.viewmore a:after{top: 18px;}
#banner .txt p{font-size:1.5rem; }
#banner .txt span{font-size:1.25rem; }
#banner .txt div.yea { font-size: 1.1rem; margin: 15px 0 0 0; line-height: 1.5; }
}
/* chanye */
.chanye {position:relative;overflow:hidden; padding:57px 0 80px 0}
.chanye2 {position:relative;}
.chanye2 .con {position:relative;width:90%;display: flex; margin:0 auto;justify-content: space-between;align-items: center; flex-wrap: wrap;}
.chanye2 .con.con2{ flex-direction: row-reverse;}
.chanye2 .con .boxs,.chanye2 .con .box,.chanye2 .con .box1 {height:100%;}
.chanye2 .con .boxs {display:none;}
.chanye2 .con .box1 {background-color:rgba(0,0,0,0.1);}
.chanye2 .con .boxs {display:flex;}
.chanye2 .con .box {width:20%;position:relative;overflow:hidden;z-index:3;}
.chanye2 .con .box .boxx {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;}
.chanye2 .con .box .boxx.show {z-index:3;-webkit-animation:wid 1s ease both;-moz-animation:wid 1s ease both;width:0%;}
.chanye2 .con .tit {position:absolute;text-align:center;font-weight:bold;top:31%;left:0;width:100%;color:#ffffff;z-index:10;line-height:86px;}
.chanye2 .video_box { width:76%;height: 82vh; position: relative;display: table-cell; vertical-align: middle;}
.chanye2 .video_box .video {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:fill;opacity:0;transition:all 0.9s;}
.chanye2 .con.con2 .video_box {margin:10vh 0 0 0; width:50%;height: 73vh;}
.chanye2 .video_box .video img{width:100%;display: block; position: relative; z-index: 1; transition: 0.3s;}
.chanye2 .video_box .video:hover img{ transform:scale(1.05,1.05);}
.chanye2 .video_box .video div{ position: absolute;width: 45%; left: 5%; top:40%;z-index: 5; color: #fff;line-height: 2; }
.chanye2 .video_box .video div p{ font-size: 2.5rem;font-weight: bolder; }
.chanye2 .video_box .video div span{ display: block; font-size:1.35rem; }
.chanye2 .video_box .video.show {width:100%;height:100%;opacity:1;z-index:2;}
@-webkit-keyframes hid {0% {height:100%;}
100% {height:0%;}
}
@-moz-keyframes hid {0% {height:100%;}
100% {height:0%;}
}
@-webkit-keyframes wid {0% {width:0%;}
100% {width:100%;}
}
@-moz-keyframes wid {0% {width:0%;}
100% {width:100%;}
}
.chanye2 .con .box .box1 {position:absolute;top:0;width:100vw;overflow:hidden;cursor:pointer;}
.chanye2 .con .box .show .box1 {background-color:rgba(0,0,0,0.8);-webkit-animation:hid1 0.1s 0.9s ease both;-moz-animation:hid1 0.1s 0.9s ease both;}
@-webkit-keyframes hid1 {0% {opacity:1;}
100% {opacity:0;}
}
@-moz-keyframes hid1 {0% {opacity:1;}
100% {opacity:0;}
}
.chanye2 .con .bottom { width:21%; display: table-cell; vertical-align: middle }
.chanye2 .con.con2 .bottom{padding:0 0 0 0 }
.chanye2 .con .bottom .btn { width:100%; transition:all 0.3s; display: flex;justify-content:flex-start; align-items: center; position: relative;padding:10px 0 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0);}
.chanye2 .con .bottom .btn:nth-child(1) {padding:0 0 14px 0;}
.chanye2 .con .bottom .btn:last-child() {padding:14px 0 0 0;}
.chanye2 .con .bottom .btn.on{ }
.chanye2 .con .bottom .btn .con_icon{width:73px;height: 73px;border-radius: 38px;border: 2px solid #d8dde1; margin:0 25px 0 0;position: relative; transition: 0.3s;filter: grayscale(100%); }
.chanye2 .con .bottom .btn.on .con_icon{ filter: none;}
.chanye2 .con .bottom .btn:nth-child(1) .con_icon:after{ position: absolute;width:55px;height: 55px;content: ''; top:7px;left:7px; background: url(../img3/icona.png);}
.chanye2 .con .bottom .btn:nth-child(2) .con_icon:after{ position: absolute;width:55px;height: 55px;content: ''; top:7px;left:7px; background: url(../img3/iconb.png);}
.chanye2 .con .bottom .btn:nth-child(3) .con_icon:after{ position: absolute;width:55px;height: 55px;content: ''; top:7px;left:7px; background: url(../img3/iconc.png);}
.chanye2 .con .bottom .btn:nth-child(4) .con_icon:after{ position: absolute;width:55px;height: 55px;content: ''; top:7px;left:7px; background: url(../img3/icond.png);}
.chanye2 .con .bottom .btn:nth-child(5) .con_icon:after{ position: absolute;width:55px;height: 55px;content: ''; top:7px;left:7px; background: url(../img3/icona.png);}
.chanye2 .con .bottom .btn:nth-child(6) .con_icon:after{ position: absolute;width:55px;height: 55px;content: ''; top:7px;left:7px; background: url(../img3/iconb.png);}
.chanye2 .con .bottom .btn:nth-child(7) .con_icon:after{ position: absolute;width:55px;height: 55px;content: ''; top:7px;left:7px; background: url(../img3/icone.png);}
.chanye2 .con .bottom .btn.on .con_icon{ border: 2px solid #0662b8; }
.chanye2 .con .bottom .btn .con_text{width:calc(100% - 98px);}
.chanye2 .con .bottom .btn .con_text strong{display: block; color:#2a2a2a; font-size: 1.2rem; font-weight: normal; transition: 0.3s; line-height: 1.5;}
.chanye2 .con .bottom .btn .con_text .cc_p{ display: none;}
.chanye2 .con .bottom .btn .con_text span{ display: none;}
.chanye2 .con .bottom .btn .con_text span{width:148px;line-height: 48px;position: relative;padding:0 15px;color: #fff; background: #0662b8; border-radius: 24px;margin:20px 0 0 0}
.chanye2 .con .bottom .btn .con_text span:after{ position: absolute;content: ''; width:13px;height: 12px;background: url(../img3/jjj.png);right:15px;top:18px}
.chanye2 .con .bottom .btn .con_text p{ color:#555555; font-size: 1rem; transition: 0.3s; line-height: 1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.chanye2 .con .bottom .btn .con_text span a{display: block;}
.chanye2 .con .bottom .btn:hover .con_text strong,.chanye2 .con .bottom .btn.on .con_text strong{ font-weight: bold; }
.chanye2 .con .bottom .btn:hover .con_text .cc_p,.chanye2 .con .bottom .btn.on .con_text .cc_p,.chanye2 .con .bottom .btn:hover .con_text span,.chanye2 .con .bottom .btn.on .con_text span{ display: block}
.chanye2 .con .bottom .btn:hover .con_text,.chanye2 .con .bottom .btn.on .con_text{ position: relative;}
.chanye_all{width:200px; display: block; line-height:51px; background: #aed51b; color: #fff;transition: 0.3s; border-radius: 8px;font-size: 0.17rem; padding:0 19px;position: relative;margin:8vh 0 0 0 }
.chanye_all:after{ content: ''; font-size:0.2rem;position:absolute;right:20px;top:18px; width:13px;height: 12px;background: url(../img3/jj5.png);}
.chanye_all:hover{background: #9cc20b }
.gbtn { position:absolute; z-index: 9; right:5%; bottom:7%; width:81px; height:81px; border-radius:50%; background:#166cbc url(../img3/jj5.png) no-repeat center center; box-shadow:0 0 0 8px rgba(22,108,188,.3); transition:.3s; text-align: center;padding:17px 0 0 0}
.gbtn:hover { background:#166cbc url(../img3/jj5.png) no-repeat center center;}
.gbtn:after { content:""; width:100%; height:100%; display:block; border-radius:50%; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); -webkit-animation:prop 1.2s linear infinite; -o-animation:prop 1.2s linear infinite; animation:prop 1.2s linear infinite;}
@-webkit-keyframes prop {
from {
box-shadow:0 0 0 0 rgba(22,108,188,.6);
opacity:1;
filter:alpha(opacity=50);
}
to {
box-shadow:0 0 0 25px rgba(22,108,188,.6);
opacity:0;
filter:alpha(opacity=0);
}
}
/* chanye end */
@media screen and (max-width:1440px){
.chanye2 .con .bottom{ width: 26%;}
.chanye2 .con .bottom .btn .con_text strong{font-size: 1.2rem;}
.chanye2 .con .bottom .btn:hover .con_text strong,.chanye2 .con .bottom .btn.on .con_text strong{ font-weight: bold;font-size: 1.2rem; }
.chanye2 .con .bottom .btn .con_text span{width: 118px; line-height: 38px;}
.chanye2 .con .bottom .btn .con_text span:after{ top: 13px;}
.chanye2 .con .bottom .btn{ padding: 5px 0;}
.chanye2 .con{ width:96%}
.chanye2 .video_box{width: 73%; height: 61vh;}
.chanye2 .con .bottom .btn .con_icon{ margin:0 10px 0 0 }
.chanye2 .con .bottom .btn .con_text p{ display: none;}
}
@media screen and (max-width:1200px) {
.chanye { display: none;}
}
/* title1 */
.c_center{ text-align: center;}
.c_center2{position: absolute; width:96%;z-index: 3; height: 100%; top:0; left:2%; display: flex;justify-content: center;flex-direction: column;align-items: center;}
.title1 i{display: block; background: #fff; width:30px;height: 3px; margin: 0 0 25px 0;}
.kehu_l .title1 i{margin: 0 auto 25px auto;}
.title1 .entit { color: #222133; font-size: 2.7rem; font-weight: 700; line-height: 1.1; }
.h_title .title1 .entit{font-size: 3.5rem;}
.h_title .title1 .word:nth-child(1) div{color: #0662b8;}
.kehu_l .title1 .entit{ color: #fff;font-size: 3.2rem; }
.title1 .entit.ying{color: #fff; font-size: 3.7rem;line-height: 1; font-weight: bold;}
.inmap_t .title1 .entit{color: #0662b8; font-size: 3rem;line-height: 1;}
.title1.title2 .entit{ color: #0662b8; }
.title1 .entit:not(.text-anime) { text-transform: capitalize; }
@media (max-width: 768px) {
.title1 .entit {font-size: 1.6rem; }
}
.title1 .tit { color: #4c4c4c; font-size: 1.5rem; line-height: 2; margin-top: 0.35rem; }
.inmap_t .title1 .tit{color: #222; font-size: 1.5rem;line-height: 1.5; font-weight: bold;}
.kehu_l .title1 .tit{color: #fff; }
.title1 .tit.yingt{ color: #fff;opacity: 0.5;font-family:neutra_text_tf; font-size: 4.5rem; line-height: 1; margin-top: 0;}
.title1 .tit5 { color: #0662b8; font-size: 1.9rem; line-height: 2; font-weight: bold; }
.title1 .tit.tit3 { font-size: 2rem; }
.title1.title2 .tit{ font-size: 2rem;}
.title1.title2 .tit2{ font-size: 2rem; color: #333; }
.title1.c_center2 .tit {color: #fff; width: 70%;}
.title1.c_center2 .entit {color: #fff; font-size: 4rem;}
.title1 .entit .char{ font-family: 'gilroy_bold';}
@media (max-width: 768px) {
.title1 .tit { font-size: 1.15rem; }
}
.title1.title3{padding: 85px 0}
.title1.title3 .entit{ font-size: 3rem; color: #695754; line-height: 1.5;}
.title1.title3 .tit{ font-size: 1.8rem; color: #695754;}
.title1.title4{padding: 85px 0}
.title1.title4 .entit{ color: #fff; line-height: 1.5;}
.title1.title4 .tit{ font-size: 2.2rem; color: #fff;}
@media only screen and (max-width:1650px){
.title1 .entit{ font-size: 2.8rem;}
.title1 .entit.ying{ font-size: 2.8rem;}
.title1 .tit{ font-size: 1.5rem;}
.title1 .tit.yingt{ font-size: 3.5rem;}
.title1.title3 .entit{font-size: 2.8rem;}
.title1.title3 .tit{font-size: 1.6rem;}
.title1.title4 .tit{font-size: 2rem;}
.title1.title2 .tit{font-size: 1.7rem;}
.h_title .title1 .entit{ font-size: 2.8rem;}
.kehu_l .title1 .entit{ font-size: 2.3rem;}
.inmap_t .title1 .entit{ font-size:2.3rem;line-height: 1;}
.inmap_t .title1 .tit{ font-size: 1.32rem;}
.f_tel span{font-size: 1.35rem;}
}
@media only screen and (max-width:1440px){
.title1.c_center2 .entit{ font-size: 3rem;}
.title1 .entit{ font-size: 2.5rem;}
.title1 .entit.ying{ font-size: 2.5rem;}
.title1 .tit{ font-size: 1.35rem;}
.title1 .tit.yingt{ font-size: 3rem;}
.title1.title3 .entit{font-size: 2.5rem;}
.title1.title3{ padding: 35px 0;}
.title1.title2 .tit2{font-size: 1.35rem;}
.title1.title2 .tit{font-size: 1.5rem;}
}
@media only screen and (max-width:1380px){
.kehu_l .title1 .entit{font-size: 2.2rem;}
.title1 .entit{font-size: 2.2rem;}
.title1 .entit.ying{ font-size: 2.2rem;}
.title1.title3 .entit{font-size: 2.2rem;}
.title1 .tit.yingt{ font-size: 2.4rem;}
.h_title .title1 .entit{ font-size: 2.2rem;}
.title1 .entit.ying{ font-size: 2.2rem;}
}
@media only screen and (max-width:1200px){
.title1.c_center2 .entit{ font-size: 2rem;}
.title1.c_center2 .tit{ width: 95%; line-height: 1.5;}
.title1 .entit{ font-size: 1.7rem;}
.inmap_t .title1 .entit{ font-size: 1.7rem;}
.kehu_l .title1 .entit{font-size: 1.7rem;}
.h_title .title1 .entit{ font-size: 1.7rem;}
.title1 .entit.ying{ font-size: 1.7rem; color: #0662b8;}
.title1 .tit.yingt{ font-size: 2rem; color: #333}
.title1 .tit{ font-size: 1rem; line-height: 1.7;}
.inmap_t .title1 .tit{ font-size: 1.2rem; }
.title1.title3 .entit{font-size:1.7rem;}
.title1.title2 .tit2{font-size: 1.35rem;}
.title1.title4 .tit{font-size: 1.7rem;}
.title1 .tit.tit3 { font-size: 1.2rem; }
.title1.title2 .tit{font-size: 1.3rem;}
.c_center2{ top: 5%;}
}
/* product */
.product{ background:#fff url(../images/bg.jpg) no-repeat center top;display: flex;justify-content: space-between; position: relative;}
.pro_title_a{width:20%; background: #1da8bc url(../images/zhengbo.png) no-repeat right center;padding:125px 0 ;;display: flex;justify-content: space-between;}
.pro_title_a div:before{ content:''; position: absolute;left:15px; top:17px; width:1px;height:90%; background:rgba(255,255,255,0.5) }
.pro_title_a a{ display: block; font-weight: normal; font-size: 1.2rem; line-height:40px; color: #fff; padding-left:2.6rem;width: 100%; transition: 0.3s;position: relative ;}
.pro_title_a a:hover{font-size: 1.4rem; font-weight: bold; }
.pro_title_a a:before{ content:''; position: absolute;left:0px; top:5px; width:0.95rem;height:0.95rem;border-radius:0.95rem; background: #fff;border: 8px solid #1da8bc;}
.pro_title_a a:hover:before{ background: #222;}
.pro_title_a div{width:55%;margin:0 auto;display: flex;justify-content: space-between;flex-direction: column; align-items: center;position: relative ;}
/* chanpin_con */
.pro{padding:65px 0 0 0; }
.inpro_t{padding:0 0 55px 0; border-bottom: 1px solid rgba(0, 0, 0, .1);}
.inpro_t .s_width{display: flex;justify-content: center;align-items: center;flex-wrap: wrap; text-align: center;}
.inpro_t_l{ color: #333333; font-size: 1.5rem; line-height: 1.5; text-align: right; }
/* se_nav_shili2 */
.se_nav_shili2{ display: flex;justify-content:center; padding:0 2% 65px 2%; border-bottom: 1px solid rgba(0, 0, 0, .1);margin:0 0 65px 0 }
.se_nav_shili2 li{ position: relative; margin:0 0.65rem; width:14%}
.se_nav_shili2 li a{ display: block; }
.se_nav_shili2 li a p{ font-size:1.25rem; color:#111111; line-height:1.5 ; transition: 0.3s; text-align: center; display: block;margin-top: 10px }
.se_nav_shili2 li a:hover p{ text-decoration: none; font-weight: bold; color: #0662b8; }
.se_nav_shili2 li.on a p{ font-weight: bold; color: #0662b8; }
.se_nav_shili2 li div{width:179px; margin:0 auto; border-radius: 15px; position: relative; overflow: hidden;}
.se_nav_shili2 li div img{ width:100%; display: block;}
@media only screen and (max-width:1650px){
.se_nav_shili2 li a p{font-size: 1.15rem;}
.inpro_t_l{font-size: 1.3rem;}
}
@media only screen and (max-width:1200px){
.se_nav_shili2 li div{width:100%;}
.inpro_t{padding: 0 0 35px 0; margin-bottom:35px}
}
/* se_nav_shili3 */
.se_nav_shili3{ border-bottom: 1px solid rgba(0, 0, 0, .1);margin:0 0 45px 0 }
.se_nav_shili3 ul{display: flex;justify-content:space-around;}
.se_nav_shili3 li{ position: relative;}
.se_nav_shili3 li a{ display: block;position: relative; }
.se_nav_shili3 li a p{ font-size:1.25rem; color:#111111; line-height:65px ; transition: 0.3s; text-align: center; display: block;margin-top: 10px }
.se_nav_shili3 li a:hover p{ text-decoration: none; font-weight: bold; color: #0662b8; }
.se_nav_shili3 li a:before{ position: absolute; bottom:0;left:0; background: #0662b8; content: '';width:0;height: 2px; transition: 0.3s;}
.se_nav_shili3 li a:hover:before{ position: absolute; bottom:0;left:0;width:100%;height: 2px;background: #0662b8; content: '';}
.se_nav_shili3 li.on a p{ font-weight: bold; color: #0662b8; }
.se_nav_shili3 li.on a:before{ position: absolute; bottom:0;left:0;width:100%;height: 2px;background: #0662b8;}
.se_nav_shili3 li div{width:179px; margin:0 auto; border-radius: 15px; position: relative; overflow: hidden;}
.se_nav_shili3 li div img{ width:100%; display: block;}
@media only screen and (max-width:1650px){
.se_nav_shili3 li a p{font-size: 1.2rem;}
}
@media only screen and (max-width:1200px){
.se_nav_shili3 li div{width:100%;}
.se_nav_shili3 ul{ flex-wrap: wrap; justify-content: flex-start;}
.se_nav_shili3 li{width:49%}
.se_nav_shili3 li a p{line-height:1.9;font-size: 1.1rem; margin: 0;}
}
/* pro_list */
.productshow_con_a{ width:100%; padding:65px 0; background: #f1f7fe;}
#top_scroll {overflow: hidden;width:93%;margin:0 auto; height: 1225px;padding:0 0 0 1%}
#top_scroll ul {}
#top_scroll ul li{position: relative; float: left; width:32%;margin:0 1% 13px 0;overflow: hidden; box-sizing: border-box; -webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;background: #ffffff; }
#top_scroll li a{display: block;}
#top_scroll .pro_pic img{ width:100%; margin:0 auto; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; display: block}
#top_scroll li:hover .pro_pic img{ transform:scale(1.05,1.05);}
#top_scroll .pro_pic{ width:100%; position:relative; overflow:hidden; z-index: 1; }
#top_scroll .pro_text{ padding:35px 0 35px 0;border-top: 1px solid rgba(0, 0, 0, .1);margin:0 4% }
#top_scroll .pro_text a{ color:#222; font-size:1.5rem; line-height: 2; transition: 0.3s; display: flex; justify-content: space-between; align-items: center; flex-direction: column; }
#top_scroll .pro_text a span{ font-weight: normal;}
#top_scroll .pro_text a p{ font-size:1.1rem;line-height: 2;color: #111111; }
#top_scroll .pro_text a i{ display: block;width:34px;margin:15px auto 0 auto;}
#top_scroll .pro_text a i img{ display: block;width:100%;}
#top_scroll li:hover .pro_text a{color:#0662b8; font-weight: bold;}
.clear{ clear:both}
.pro_hmore{ background: #0662b8; width:276px;height: 68px;margin:75px auto 0 auto;font-size: 1.5rem; border-radius: 75px; display: flex;justify-content: flex-start;align-items: center; color: #fff;font-family: 'Manrope'; text-transform: uppercase; position: relative; padding:0 0 0 35px; transition: 0.3s;}
.pro_hmore:after{width:69px;height: 69px; position: absolute;content: '';background:#0662b8 url(../img3/aa.png) no-repeat center center; position: absolute;right:0; border-radius: 40px; border: 2px solid #fff;}
.pro_hmore:hover{ width:266px; }
@media only screen and (max-width:1650px){
#top_scroll .pro_text a{font-size:1.35rem;}
.pro_hmore{font-size:1.35rem;}
}
@media only screen and (max-width:1380px){
#top_scroll .pro_text a{font-size:1.15rem;}
.pro_hmore{font-size:1.15rem;}
}
@media only screen and (max-width:1200px){
.pro_hmore{ width: 200px; height: 48px;padding: 0 0 0 25px; margin: 35px auto 0 auto;}
.pro_hmore:after{width: 48px; height: 48px;}
}
.chanpin_con{ background: #f1f7fe; }
.chanpin_con ul{ display: flex;justify-content:flex-start; flex-wrap: wrap}
.chanpin_con li{ width: 32.85%; margin: 0 0.7% 10px 0;position:relative;cursor:pointer; transition: 0.3s; overflow: hidden; background: #fff; }
.chanpin_con li:nth-child(3n){margin: 0 0 10px 0;}
.chanpin_con li a{display: block;}
.chanpin_con .pro_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; display: block}
.chanpin_con li:hover .pro_pic img{ transform:scale(1.05,1.05);}
.chanpin_con .pro_pic{ width:100%; position:relative; overflow:hidden; z-index: 1; }
.chanpin_con .pro_text{ padding:35px 3% 35px 3%;border-top: 1px solid rgba(0, 0, 0, .1);margin:0 4% ; text-align: center; }
.chanpin_con .pro_text a{ color:#222; font-size:1.25rem; line-height: 1.5; transition: 0.3s; display: flex; justify-content: space-between; align-items: center; flex-direction: column; }
.chanpin_con .pro_text a span{ font-weight: normal;}
.chanpin_con .pro_text a p{ font-size:1.1rem;line-height: 2;color: #111111; }
.chanpin_con .pro_text a i{ display: block;width:34px;margin:15px auto 0 auto;}
.chanpin_con .pro_text a i img{ display: block;width:100%;}
.chanpin_con li:hover .pro_text a{color:#0662b8; font-weight: bold;}
.pro_m{ background: #0662b8;width:0;height: 0; border-radius: 75px; position: absolute; top:50%;left:50%; z-index: 4; display: flex;justify-content: flex-start;align-items: center; color: #fff;font-family: 'Manrope'; text-transform: uppercase; font-size:0;padding:0 0 0 35px;opacity: 0; transition: 0.3s;}
.pro_m:after{width:0;height: 0; position: absolute;content: '';background: url(../img3/arrow-right.png); background-size: 100%; position: absolute;right:20%;}
.chanpin_con li:hover .pro_m{ opacity: 1; width:148px;height: 148px; top:39%;left:50%;margin-left:-72px;font-size: 1.2rem;}
.chanpin_con li:hover .pro_m:after{width:8px;height: 15px;}
/* about */
.about.about3{display: flex;justify-content: space-between;align-items: flex-start; background: url(../img/jianjiebg.jpg) no-repeat center top; background-size: cover;}
.about.about2 .s_width{ padding:25px 0 0 0}
.about.about2 .s_width{ padding:25px 0 0 0; display: flex;justify-content: space-between;align-items: flex-start;}
.about_l{ position: relative; display: flex;justify-content: space-between;align-items: flex-start;}
.about_l2{padding: 0 0 0 0;width:63%; display: block;}
.about_l2:after{ opacity: 0;}
.about_r{width:50%;position: relative; overflow: hidden; border-top-left-radius: 100px; }
.about_r img{width:100%;display: block;}
.about_r2{position: sticky;top:10px; width:25%; }
.aa_t_w:after{ width:30px;height: 3px;background: #0662b8; position: absolute;left:0; top:0; content: '';}
.aa_t_w{position: relative;padding:35px 0 0 0; }
.aa_t_w h1{ font-size: 2.6rem; line-height:2; color: #0b5cb8; display: block; font-family: 'gilroy_bold';}
.aa_t_w div{ font-size: 3.15rem; text-transform: uppercase;line-height:1.5; color: #333; font-weight: bold;}
.aa_t_w p{ font-size: 1.3rem; line-height: 1.5; color: #333; }
.about{background: url(../img3/abg.jpg) no-repeat center top; background-size: cover; padding:105px 0 85px 0}
.about2{ background: #f1f7fe;}
.aa_t_w2{position: relative; width:40%}
.aa_t_w2 div{ font-size: 2rem; line-height:1.5; color: #111; font-weight: bold; margin:0 0 35px 0}
.aa_t_w2 p{ font-size: 1.5rem; line-height:1.5; color: #333;}
.aa_t_w2 i{display: block; line-height:1;color: #0662b8; font-family: neutra_text_tf; font-size: 3.7rem; letter-spacing: -2px; }
.aa_t_w2 a {display: flex;justify-content:flex-start; align-items: center; margin:65px 0 0 0 }
.aa_t_w3 a{ margin: 0;}
.aa_t_w2 a div{width:77px;height: 77px;background:#0662b8 url(../img3/jj5.png) no-repeat center center; border-radius: 50px; margin: 0 15px 0 0; transition: 0.3s;}
.aa_t_w2 a span{color: #333;display: block;width:auto; line-height: 2; border-bottom:2px solid #333 ; text-align: center;font-size:1.5rem; }
.aa_t_w2 a:hover div{ transform: rotate(48deg);margin: 0 25px 0 0; }
.about_l .about_p{padding: 0 0; width:50% ;color: #fff;font-size: 1.4rem;line-height: 2;}
.about_l .about_p2{ width:100% ; padding: 45px 0 0; }
.about_l .about_p2 strong{ display: block;font-size: 1.7rem; text-transform: uppercase;line-height:1.2; color: #0b5cb8; }
.about_l .about_p2 strong.st{ padding: 0 0 45px 0;}
.about_l .about_p strong{ display: block;font-size:2.3rem;color: #333;line-height:2; font-weight:normal;margin:0 0 15px 0 }
.about_l .about_p p{ font-size:1.2rem;color: #1c2033;line-height:2; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical; }
.about_l .about_p2 p{ font-size:1.35rem;color: #464646;line-height:2; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical; }
.about_l .about_p h1{ font-size: 2.3rem; text-transform: uppercase;line-height:2; color: #0b5cb8; display: block; }
.about_pic{width:100%;display: block; position: relative;}
.about_pic .a_pic{width:100%;display: block; }
.g-btn3 { position:absolute; z-index: 999; left:50%; bottom:38%; width:81px; height:81px; margin-left:-40px; text-align: center;background: #ff5f03; border-radius: 50%;}
.about_l2 { padding: 0 0 0 0; width: 63%;}
.about_l2 .about_p2{padding: 65px 0;}
.about_l2 .about_p2 p{ font-size:1.25rem;color: #464646;line-height:1.8; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical; }
.about_l2 .about_p2 h1{ font-size: 2.3rem; text-transform: uppercase;line-height:1; color: #0662b8; display: block; padding: 0 0 25px 0;}
.e_container-2{ display: flex; flex-wrap: wrap; flex-direction: row; width: 92%; max-width: var(--bw); margin: 55px auto 0 auto; position: relative; z-index: 4;}
.e_container-2 > .p_item { flex: 1; max-width: 100%; max-height: 100%; padding: 15px;}
.p_item.cbox-2-0 { flex: 0 0 60%;}
.e_image-5 { overflow: hidden; height: 100%; aspect-ratio: 2/1; border-radius: 0 0 0 30px;}
.e_image-6 { overflow: hidden; height: 100%; border-radius: 0 30px 0 0;}
.p_item img { width: 100%; height: 100%; object-fit: cover;}
@media only screen and (max-width:1200px){
.e_container-2 > .p_item { flex: none; padding: 15px 0;}
.p_item.cbox-2-0{ flex: none; }
}
/* fa */
.fa{padding:65px 0 85px 0;background: url(../img3/jjj.jpg) no-repeat center top ; background-size: cover;}
.fa .s_width{ display: flex;justify-content: space-between; flex-wrap: wrap;align-items: flex-start;}
.fa .fa_l{width:30%;position: sticky;top:25px}
.fa_l_t:after{ width:30px;height: 3px;background: #fff; position: absolute;left:0; top:0; content: '';}
.fa_l_t{position: relative;padding:35px 0 0 0; }
.fa_l_t div{ font-size: 3.5rem; line-height:1.5; color: #fff; font-weight: bold; font-family: 'gilroy_bold';}
.fa_l_t p{font-size: 2.3rem; font-family: "manrope-regular"; text-transform: uppercase;line-height:1.5; color: #fff; font-weight: bold; margin:10px 0 0 0;}
.about_p3{font-size: 1.35rem;line-height: 2;color: #eee; margin:35px 0 0 0}
.fa .fa_r{width:65%}
.fa .fa_r li{ border-radius: 35px; background: #fff;padding:45px 5%; box-shadow: 0 0 45px rgba(0,0,0,0.1); margin:0 0 35px 0;position: sticky;top: 25px}
.fa .fa_r li strong{font-size: 2rem; color: #0878d7; line-height: 1;display: block; font-family: "manrope-regular"; letter-spacing: -2px;}
.fa .fa_r li b{font-size: 1.5rem; color: #0878d7; line-height: 2;display: block; font-weight: normal;}
.fa .fa_r li div{margin:25px 0 15px 0;font-size: 1.15rem;color: #444; line-height: 1.5; text-align: left;}
.fa .fa_r li div dl{ padding:0 0 15px 25px ; position: relative; display: flex;justify-content: flex-start;align-items: center; flex-wrap: wrap;}
.fa .fa_r li div dl.on{ align-items: flex-start;}
.fa .fa_r li div dl:after{ background-color: #bad4e3; width:7px;height: 7px;border-radius: 10px;content: ''; left:0;top:23px;position: absolute;}
.fa .fa_r li div dl span{ font-family: "manrope-regular"; font-size: 1.8rem; width:18%;color: #222;}
.fa .fa_r li div dl p{ }
.fa .fa_r li i{display: block;margin:0 0 15px 0;}
@media only screen and (max-width:1650px){
.fa .fa_l{width:27%;}
.fa .fa_r{width:69%}
.about_p3{ font-size: 1.1rem;}
.fa_l_t div{ font-size: 2.4rem; }
.fa_l_t p{font-size: 1.8rem; }
.fa .fa_r li div dl span{ font-size: 1.5rem;}
.fa .fa_r li strong{font-size: 1.8rem; }
.fa .fa_r li b{font-size: 1.35rem;}
.fa .fa_r li div dl{ align-items: flex-start;}
}
@media only screen and (max-width:1440px){
.fa .fa_r li div dl span{width:22%;}
.fa .fa_r li div dl:after{ top:20px; }
.fa .fa_r li{ padding:25px 5%;}
.header .nav_tel{ font-size: 1.15rem;}
.header .banben{padding: 0 15px; height: 34px;}
.header .dou{ height: 34px; width: 34px; }
.header .nav_tel div{ height: 34px; width: 34px; }
}
@media only screen and (max-width:1200px){
.fa{padding:35px 0 45px 0}
.fa .fa_l{width:100%; position: relative; padding:0 0 25px 0}
.fa .fa_r{width:100%}
.fa_l_t{position: relative;padding:25px 0 0 0; }
.fa_l_t div{ font-size: 1.5rem; }
.fa_l_t p{font-size: 1.2rem; }
.about_p3{ margin: 25px 0 0 0;}
.fa .fa_r li{position: relative; border-radius: 15px; margin:0 0 25px 0;}
.fa .fa_r li div dl span{width:100%;}
.fa .fa_r li i img{ width: 50px;}
.fa .fa_r li strong{font-size: 1.7rem;}
}
/* inmap */
.inmap{background: #f4f4f7 url(../img3/map.jpg) no-repeat center center; padding:195px 0 165px 0}
.inmap_t strong{ display: block; text-align: center;font-size:3.75rem; color: #0662b8;}
.inmap_t span{ display: block; text-align: center;font-size:3rem; color: #2b2d2d; font-weight: bold;}
.inmap_t ul{ display: flex;justify-content: center;align-items: center;margin:80px 0 0 0}
.inmap_t ul li{width:156px;line-height: 55px;position: relative;padding:0 20px;color: #fff; background: #0662b8; border-radius:30px;}
.inmap_t ul li:after{ position: absolute;content: ''; width:13px;height: 12px;background: url(../img3/jjj.png);right:20px;top:20px}
.inmap_t ul li a{ display: block; color: #fff; font-size: 1.2rem;}
.inmap_t ul li:nth-child(2){background: #ff0000; margin:0 0 0 15px}
@media only screen and (max-width:1100px){
.inmap_t ul li a{ font-size: 1rem;}
.inmap{ background: #f4f4f7 url(../img3/map.jpg) no-repeat center top 125px; background-size: 220%; padding:65px 0 65px 0}
}
/* inmap end */
/* hezuo */
.hezuo { padding:95px 0; background:url(../img3/hbg.jpg) no-repeat center top; background-size: cover;}
.kehu_l{width:100%; margin:0 0 55px 0}
.hez{display: flex;justify-content:center;flex-wrap: wrap;align-items: center;margin:50px auto 0 auto}
.hez li{width:12%;border: 0 solid rgba(0, 0, 0, .1); display: flex;justify-content: center;align-items: center; padding:10px 0;margin:0 0.35% 10px 0; background: rgba(255,255,255,0.4); border-radius: 10px;}
.hez li img{width:70%;display: block;margin: 0 auto;}
/* hezuo end*/
/* honor */
.honor{ background: #fff;padding:70px 0;}
.h_title{display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap;}
.h_title .title1{width:39%}
.h_title .title1 p{ color: #262626;font-size: 1.35rem; line-height: 1.8; margin:20px 0 0 0}
.h_title ul{width:56%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.h_title ul li{width:47%;border:1px solid rgba(0,0,0,.2); text-align: center; line-height: 56px; border-radius: 28px; transition: 0.3s; margin: 0 0 15px 0;}
.h_title ul li a{ color: #262626;font-size: 1.25rem;transition: 0.3s}
.h_title ul li:hover{background: #0662b8;border:1px solid #0662b8;}
.h_title ul li:hover a{color: #fff; }
.honor_pic{width:95%; position:relative; overflow:hidden; z-index: 1; margin: 0 auto;}
.honor_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; display: block}
/* keshi */
.keshi{padding:55px 0 0 0; }
.sty8 { position: relative;width:100%;margin:0 auto}
.sty8 .swiper-container {width: 100%; }
.sty8 .swiper-slide {width: 24%; display: block;position: relative; overflow: hidden;transition: all linear 0.3s;background: #f7f7f7;padding:25px;margin:0 1% 0 0 }
.sty8 .swiper-slide:hover img{ transform:scale(1.05,1.05);}
.sty8 .swiper-button {width: 42px;height: 42px;position: absolute;top: 50%;margin-top: -21px;z-index: 2;background: rgba(0,0,0,0.1);border-radius: 50%;text-align: center;line-height: 42px; cursor: pointer;transition: all linear 0.3s}
.sty8 .swiper-button:hover {background: rgba(0,0,0,0.5)}
.sty8 .swiper-button-prev {left: 0}
.sty8 .swiper-button-next {right: 0}
@media screen and (max-width:1440px) {
.h_title ul{width:39%}
.h_title ul li{ line-height: 46px;}
}
@media screen and (max-width:1023px){
.sty8{margin-top: 10px}
}
/* honor end */
.a_title{padding:0 0 60px 0; position: relative; display: flex;justify-content: space-between; align-items: center;}
.pro_hmore2{ background: #0662b8; width:276px;height: 68px; font-size: 1.5rem; border-radius: 75px; display: flex;justify-content: flex-start;align-items: center; color: #fff;font-family: 'Manrope'; text-transform: uppercase; position: relative; padding:0 0 0 35px; transition: 0.3s;}
.pro_hmore2:after{width:69px;height: 69px; position: absolute;content: '';background:#0662b8 url(../img3/aa.png) no-repeat center center; position: absolute;right:0; border-radius: 40px; border: 2px solid #fff;}
.pro_hmore2:hover{ width:266px; }
.pro_hmore3 { margin: 0 auto; background: #ff7552; transition: 0.3s;}
.pro_hmore3:hover{ background: #ffc933; width:138px;height: 138px; margin: 5px auto; }
@media screen and (max-width:1650px) {
.pro_hmore2{font-size: 1.35rem; }
}
@media screen and (max-width:1440px){
.pro_hmore2{font-size: 1.2rem; }
}
@media only screen and (max-width: 1200px){
.chanpin_con li:hover .pro_m{width: 80px; height: 80px; top: 30%; margin-left: -40px; font-size:0.95rem; padding: 0 0 0 10px;}
.chanpin_con li:hover .pro_m:after{right: 10px;}
}
.pro5{background: #f1f7fe; padding:45px 0 0 0}
/* se_nav_shili */
.se_nav_shili{ display: flex;justify-content:center; position: absolute;bottom: 5vh;left:0;width: 100%; }
.se_nav_shili li{ position: relative; margin:0 0.65rem;}
.se_nav_shili li a{ display: block; }
.se_nav_shili li a p{ font-size:1.35rem; color:#fff; line-height:2 ; transition: 0.3s; text-align: center; display: block; margin:25px 0 0 0 }
.se_nav_shili li a:hover p{ text-decoration: none; font-weight: bold; }
.se_nav_shili li.on a p{ font-weight: bold; }
.se_nav_shili li div{width:63px;height:68px; }
.se_nav_shili li:nth-child(1) div{ background: url(../img2/ca.png) no-repeat center center; margin:0 auto}
.se_nav_shili li:nth-child(2) div{ background: url(../img2/cb.png) no-repeat center center; margin:0 auto}
.se_nav_shili li:nth-child(3) div{ background: url(../img2/cc.png) no-repeat center center; margin:0 auto}
.se_nav_shili li:nth-child(4) div{ background: url(../img2/cd.png) no-repeat center center; margin:0 auto}
.se_nav_shili li:nth-child(5) div{ background: url(../img2/ce.png) no-repeat center center; margin:0 auto}
.se_nav_shili li:nth-child(6) div{ background: url(../img2/cf.png) no-repeat center center; margin:0 auto}
.se_nav_shili li:nth-child(7) div{ background: url(../img2/cg.png) no-repeat center center; margin:0 auto}
.t1{ text-align: center;}
.t1 div { font-size: 3.2rem; color: #1d1e1d; font-weight: bold; line-height: 2;}
.t1 div strong{color: #fb6945;}
.t1 p { color: #222; line-height: 2; font-size: 1.4rem;}
.m-center{width:176px;line-height: 48px;border-radius: 30px; border: 2px solid rgba(0, 0, 0, .1); margin:55px auto 0 auto; font-size: 1rem; color: #050620; padding:0 0 0 25px; display: block;position: relative;;}
.m-center:after{position: absolute;right:25px;top:20px;content:'';width:12px;height: 12px;background: url(../img/jian.png);}
.m-center:hover{background: #fb6945; color: #fff;}
.m-center:hover:after{ background: url(../img/jian2.png);}
.m-center2{width:176px;line-height: 48px;border-radius: 30px; background: #fb6945; color: #fff; margin:50px 0 0 0; font-size: 1rem; padding:0 0 0 25px; display: block;position: relative;;}
.m-center2:after{position: absolute;right:25px;top:20px;content:'';width:12px;height: 12px;background: url(../img/jian2.png);}
.m-center2:hover{width:156px; color: #fff;}
.m-center2:hover:after{ background: url(../img/jian2.png);}
.section3 {
position: relative;
height: 100vh; width:100%
}
.row-index2 {
position: relative;
height: 100vh; width:100%
}
.row-index2 .hd { position: absolute; right: 0; top: 0; width: 40%; height: 50%; background: #e8e8e8;}
.row-index2 .hd:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.5em;
}
.row-index2 .hd .cell { vertical-align: middle; display: inline-block; width:100%}
.slider-a {
width: 60%;
position: absolute;
height: 100%;
}
.slider-a .item {
overflow: hidden;
}
.img {
-webkit-background-size: cover;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.slider-a .img {
height: 100%;
position: relative;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.slider-a .txt {
position: absolute;
width: 100%; height:100%;
left: 0; text-align: right;
top:30vh;
z-index: 5;
padding: 5%;
}
.slider-a .txt div {
font-size: 36px; font-weight: bold; line-height: 2;
color: #fff;
}
.slider-a .txt p {
color: #fff; font-size: 1.4rem; line-height: 1.5;
}
.slider-a .item,
.slider-a .slick-track,
.slider-a .slick-list,
.slider-a .bg {
height: 100%;
}
.slider-a-l {
left: 0;
top: 0;
height: 100%;
}
.slider-a-r {
right: 0;
height: 50%;
bottom: 0;width: 40%;
}
.slider-a-nav {
position: absolute;
left: 60%;bottom: 0;
display: flex;width: 144px;
-webkit-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.slider-a-nav a {
text-align: center;
width: 72px;
display: block;
height: 72px;
background-color: #000;
color: #fff;
line-height: 72px;
font-size: 25px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.slider-a-nav a:hover {
background-color: #fb6945;
}
.slider-a-nav .prev {
text-indent: 0.2em;
}
.slider-a-nav .next {
text-indent: -0.2em;
}
.liu_con{overflow: hidden; width:90%; z-index: 2; position: relative; }
.layui-input{padding: 0 3px 0 10px;float: left; width: 31%;overflow: hidden;border:none;font-size: 1rem;color: #fff;line-height: 3.5rem; margin: 0 2% 2% 0;border:1px solid rgba(255,255,255,0.25); background: none;}
.layui-input::placeholder{ color: #fff;}
.footer_r_con .layui-input{ float: none; width:100%;}
.layui-textarea{padding:1%;font-size: 16px;color: #fff;line-height: 35px; width: 100%;border:0px;border:1px solid rgba(255,255,255,0.25); margin-bottom: 5px; background: none; }
.layui-textarea::placeholder{ color: #fff;}
.layui-btn{ display:block; background: #fb6945; color:#fff;width:150px;border-radius: 50px;; font-size: 1rem; height:48px; line-height: 48px; border:none!important; padding:0 11px;float: left; }
.layui-btn-primary{margin: 0 0 0 0;float: right;}
/*news*/
.news{padding:80px 0 80px 0; background: #f1f7fe; }
.news_con{ display: flex;justify-content: space-between; }
.news_con li{ width:31.5%; position:relative; background: #fff;}
.news_con .news_pic{position: relative;overflow:hidden;}
.news_con .news_pic img{width:100%;display: block; transition:0.4s ease;}
.news_con li:hover .news_pic img{ transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.news_con a{display: block;position:relative;width:100%}
.news_con .newsleft_text{ width:100%; padding:25px 4% 25px 4%; }
.news_con .newsleft_text strong{ display:block; font-size:1.35rem; font-weight: normal; color:#333; line-height:1.4;height:6rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.news_con .newsleft_text p{ font-size:1rem; color:#333; line-height:2; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin:25px 0 0 0}
.news_con li span{ display:block; color:#777; line-height:2;font-size: 1.16rem; text-transform: uppercase; margin: 0 0 15px 0; font-family: 'Manrope';}
.news_con li:hover .newsleft_text strong{ font-weight: bold;}
.rect-5079{padding-bottom:47.3%;}
.rect-5079:after{ position: absolute;z-index: 1;width:100%;height:100%; content: '';background: url(../images/bgh.png) no-repeat left top;}
.left_t{position:relative; margin-bottom:2.5%; display: flex;justify-content: space-between ;align-items: flex-start; height: 42vh; }
.left_t a:nth-child(1){width: 65.7%; height: 100%; position:relative;overflow: hidden;}
.left_t a:nth-child(2){width: 31.7%; height: 100%; position:relative;}
.left_t .cover{position:absolute; left:0; top:0; width:100%; height:100%; z-index: 2;background: rgba(0,0,0,.4);padding: 0 40% 0 0;}
.left_t a:nth-child(2) .cover{padding: 0 0 0 0}
.left_t .cover .box{padding:90px 45px;}
.left_t .cover .box .date{font-size:1.1rem; color:#fff;text-transform: uppercase;margin: 0 0 25px 0;font-family: 'Manrope';}
.left_t .cover .box .date .t{color:#265ba8;}
.left_t .cover .box .tit{font-size:1.25rem; color:#fff; margin:0 0 25px; line-height:1.4; }
.left_t .cover .box .con{font-size:1rem; color:#fff; line-height: 29px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.left_t p{width:80px;height: 80px;border-radius: 50px;border:1px solid rgba(255,255,255,.5); position: absolute;left:45px;bottom: 35px; background: url(../img3/kk.png) no-repeat center center;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height:100%;;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width:100%;height: auto;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom img{ -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.imgZoom a:hover img{ -moz-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); -o-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); transform:scale(1.05,1.05);}
.aboutbg{background: #f1f7fe; position: relative; overflow: hidden;}
/* se_about */
.page{ padding:85px 0;position: relative; color:#333333; }
.page hr{ border:none; background:none;border-top:1px solid #e3e3e3;}
.page img{max-width:100%;}
.page .s_width2{display: flex;justify-content: space-between; align-items: center;flex-direction: row-reverse;}
.td1{width:43%; }
.td2{width:50%; position: relative;z-index: 2; }
.td2 img{width:100%; display: block; }
.td1 strong{ display:block; font-size:3rem;color: #111;line-height:1.3; font-weight: normal; }
.td1 i{ display:block; width:70px;height:1px;background: #333;margin: 55px 0 55px 0}
.td1 .se_about_p{ font-size:1.1rem;color: #222;line-height:2.1; }
.page .lajiao{position: absolute;z-index: 1;right:0;bottom:0;}
/* wenhua2 */
/* wenhua2 */
.wenhua2{padding:115px 0;background: url(../img3/jjj.jpg) no-repeat center top ; position: relative;background-size: cover; display: flex;justify-content: center;align-items: center; flex-direction: column;}
.wenhua_t{display: flex;justify-content:space-between;flex-direction: column; margin-bottom:120px;position: relative;z-index:2}
.wenhua_t div{ font-size: 3.5rem;color: #fff; text-align: center;line-height:1; font-family:neutra_text_tf ;}
.wenhua_t p{ font-size: 3.5rem;color: #fff; line-height:1.2; position: relative; text-align: center; font-weight: bold;}
.wenhua_t span{ color:#fff;font-size: 1.5rem;line-height: ; display: block;text-align: center;margin:10px 0 0 0}
.wenhuabg{position: absolute;width:100%;height:100%;left: 0;top:0; background: rgba(0,0,0,0.2); z-index: 1;}
.wenhua2 ul{display: flex;justify-content: space-between; align-items: flex-start; z-index: 2; flex-wrap: wrap;}
.wenhua2 li{width:32%;display: flex;justify-content: center; flex-direction: column; align-items: center;}
.wenhua2 li img{width:85px}
.wenhua2 li i{width:120px;height:120px; display: flex;justify-content: center;align-items: center; }
.wenhua2 li strong{ font-size: 1.5rem; line-height: 3;color: #fff}
.wenhua2 li span{ font-size: 1.15rem; line-height: 1.8; color: #fff; text-align: center; padding:0 7%}
.keshi .s_width{ }
.keshi_pic{width:100%; position:relative; overflow:hidden; z-index: 1;}
.keshi_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; display: block}
.keshi_text{text-align: center; padding:35px 35px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.keshi_text strong{ font-size:1.7rem;line-height: 5rem; color: #1ba1b4;}
.keshi_text p{ font-size:1rem;line-height: 1.7rem; color: #7d8090; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.keshi_text i{width:130px;border: 1px solid rgba(0,0,0,.1); line-height: 2.6rem;font-size: 1rem;color: #7d8090;font-style: normal;margin: 25px 0 0 0; border-radius: 33px;}
.sty6 { position: relative;width:100%;padding:55px 0 55px 0 }
.sty6 .swiper-container {width: 100%; }
.sty6 .swiper-slide {width: 25%;margin:0 25px 0 0;display: block;position: relative; overflow: hidden;transition: all linear 0.3s;background: #fff;}
.sty6 .swiper-slide:nth-child(2n) { background: #f0f4f7;}
.sty6 .swiper-slide:hover{ background: #1ba1b4;}
.sty6 .swiper-slide:hover img{ transform:scale(1.05,1.05);}
.sty6 .swiper-button {width: 42px;height: 42px;position: absolute;top: 50%;margin-top: -21px;z-index: 2;background: rgba(0,0,0,0.1);border-radius: 50%;text-align: center;line-height: 42px; cursor: pointer;transition: all linear 0.3s}
.sty6 .swiper-button:hover {background: rgba(0,0,0,0.5)}
.sty6 .swiper-button-prev {left: 0}
.sty6 .swiper-button-next {right: 0}
@media screen and (max-width:1440px) {
.left_t .cover{ padding: 0 20% 0 0;}
.left_t .cover .box .tit{ font-size: 1.15rem;font-weight: normal;}
}
@media screen and (max-width:1023px){
.sty6{margin-top: 10px}
}
/* yuan */
.youshi{ padding:95px 0 35px 0; }
.youshi_con{position: relative; display: flex;justify-content: space-between;padding:0 0 35px 0}
.youshi_con a{display: block;position: absolute;right: 0;bottom: 0; padding: 0 20px 0 0; color: #111;font-size: 1rem;font-weight: bold;}
.youshi_con a:before{content: ''; width:10px;height: 13px;position: absolute;right:0;top:4px;background: url(../images/jt.jpg);}
.youshi_l{ }
.youshi_r{width:55%; border-bottom: 3px solid #4f4f4f; display: flex;justify-content: center; flex-direction: column; padding:0 0 55px 0}
.youshi_l p{font-size: 3.4rem;color: #fb6945; line-height: 0.7; font-family:'Montserrat' ; padding: 0 0 75px 0; text-transform: uppercase;}
.youshi_l p span{font-size: 5rem; display: block;}
.youshi_l strong{font-size: 2.5rem; display: block;color: #695754; }
.youshi_l span{font-size: 2rem; display: block;color: #695754;font-weight: normal; }
.youshi_r p{font-size: 2.3rem;color: #695754; line-height: 1.2; padding: 0 0 45px 0;}
.youshi_r span{font-size: 1.1rem; display: block;line-height: 2; color: #494949; margin:30px 0 0 0}
.youshi_r ul{ display: flex;justify-content: space-between;}
.youshi_r li{ display: flex;justify-content:flex-start; flex-direction: column;align-items: flex-start;}
.youshi_r li em{font-size: 1.8rem; line-height:2;color: #222; font-family: 'trump_gothic_east'; font-style: normal; letter-spacing: 1px;}
.youshi_l dl dd{ display: flex;justify-content:flex-start; align-items: center; font-size: 1rem;color: #666;line-height: 1.7; padding:35px 0 0 0}
.youshi_l dl dd img{width:65px;margin: 0 25px 0 0; border-radius: 33px;}
.se_banner_bg2{position: absolute;width: 100%;height: 100%;top:0;left:0;background:url(../images/banner_bg2.png) repeat; z-index: 2;}
.se_banner_bg{position: absolute;width: 100%;height: 100%;top:0;left:0;background: rgba(0,0,0,0.3); z-index: 2;}
.a_title2{ position: absolute; z-index: 3; text-align: center;width:100%; height:100%; display: flex;justify-content: center;align-items: center;flex-direction: column;}
.a_title2_t{ display: flex;justify-content: center;align-items: center;flex-direction: column; margin:0 0 65px 0}
.a_title2_t div{font-size: 2rem;color: #fff;line-height: 2; font-family: 'gilroy_bold';}
.a_title2_t strong{font-size: 3rem;color: #fff;line-height: 2;}
.a_title2_t span{font-size: 1.2rem;color: #fff;line-height: 2;}
.se_espcms_book3{ padding:130px 4% 0 4%; background:#f1f7fe; }
.se_pro_pic_text{display: flex;justify-content: space-between; align-items: center; }
.se_bg_pic{width:50%; margin:0 0 35px 0; background: #fff;}
.modal-footer{ margin:0 auto 0 auto;width:90%;}
.espcms_pro_photo li{ width:17%; margin:0 5px 0 0; text-indent:0;float: left;}
.espcms_pro_photo li img{width:100%; background: #fff }
.modal-dialog{ }
.se_bg_pic img{width:100%;margin: 0 auto; display: block}
.se_pro_text_pp{width:50%;padding:45px 0 45px 5%; display: flex;justify-content: center;flex-direction: column}
.se_pro_text_pp i{display: block;}
.se_pro_text_pp .s_tel{display: block; width:70%;background: #0662b8;line-height: 65px; font-size: 1.5rem; border-radius: 35px; color: #fff; position: relative; text-align: center;}
.se_pro_text_pp .se_pro_summary{font-size: 1.2rem;color: #666; line-height: 2; padding:45px 0}
.se_pro_text_pp .span_a{ display: block; width:100%;height:1px;background: rgba(0,0,0,0.1);margin:35px 0 0 0 }
.se_pro_text_pp h1{ line-height:1.5; font-size: 2rem; font-weight: bold; color: #0662b8; margin: 0 0 0 0; }
.se_pro_text_pp ul{display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap;padding: 65px 0;}
.se_pro_text_pp li{ text-align: center; width:33%;padding: 0 0 25px 0;}
.se_pro_text_pp li div{ display: flex;justify-content: center;align-items: center;width: 115px;height:115px; border-radius: 75px;border: 2px solid rgba(105,87,84,.1);margin: 0 auto 0 auto;}
.se_pro_text_pp li div img{ display: block;width: 61px;margin: 0 auto 0 auto; }
.se_pro_text_pp li p{ color: #695754;line-height: 3rem;font-size: 1.2rem;}
.se_pro_text_pp li span{ color: #666;line-height: 1.9rem;font-size: 1rem;}
.p_jieshao2{width:100%; padding: 35px 0;margin: 15px 0 0 0;}
.p_jieshao2 p{color: #666;line-height: 1.9rem;font-size:0.97rem; }
.p_jieshao2 p strong{font-size: 1.2rem;display: block; color: #444; line-height: 3rem;}
.se_pro_b{padding:85px 0;}
.se_pro_b_title{font-size:2.5rem;color: #695754;line-height: 1.5; margin:0 0 75px 0; text-align: center; }
.se_pro_b_title2{font-size:2.5rem;color: #695754;line-height: 1.5; margin:0 0 75px 0; text-align: center; }
.se_pro_a_text p img{display:block;margin:0 auto; width:100%;max-width:800px}
.se_pro_a_text p strong{display:block; font-size:1.4rem;color:#333;line-height: 2.8rem;}
.se_pro_b table{border: 1px solid #666;border-collapse: collapse;font-size: 14px;color: #666;width:100%;}
.se_pro_b th, .se_pro_b td{border: 1px solid #666;line-height: 2;padding:8px 0;border-collapse: collapse;text-align:center;font-size: 1rem; }
.se_pro_b .se_pro_a_text p{ font-size:1rem;color: #555; line-height: 2rem; }
.se_pro_c{padding:85px 0; background: #f5f5f5;}
.se_pro_a_text ul{display:flex;justify-content: flex-start;padding:45px 0 0 0}
.se_pro_a_text li{ display:flex;justify-content:center;flex-direction: column;align-items: center; padding:0 35px 0 0}
.se_pro_a_text li div{width:90px;height:90px;border-radius: 45px;border:2px solid #00a597; display: flex;justify-content: center;align-items: center;}
.se_pro_a_text li span{ font-size: 1.1rem;color: #111;line-height:1.5rem;padding:15px 0; display: block;}
.se_pro_b .se_pro_a_text{margin:0 auto 55px auto}
.se_pro_b .se_pro_a_text p{ font-size:1.2rem;color: #555; line-height: 1.7; }
.se_pro_b .se_pro_a_text p strong{font-size:1.4rem;}
.se_pro_b_title{ margin:0 0 25px 0; text-align: center }
.se_pro_b_title p{font-size:2.5rem;color: #222;line-height: 2; margin:0 0 0 0; text-align: center }
.se_pro_b_title span{font-size:1.5rem;color: #ccc;line-height: 2; margin:0 0 55px 0; text-align: center;display: block; text-transform: uppercase; }
.se_pro_y{ }
.se_pro_y ul{ display: flex;justify-content: space-between; align-items: center;}
.se_pro_y ul li{width:20%;position: relative;}
.se_pro_y ul li .se_pro_y_pic{position: relative; z-index: 1;;}
.se_pro_y ul li .se_pro_y_pic img{display: block;width:100%;}
.se_pro_y ul li .se_pro_y_text{position: absolute;left:0;top:0;width:100%;height: 100%; z-index: 2; display: flex;justify-content: center;align-items: center; font-size: 1.5rem;color:#fff;}
.se_pro_color{ background: rgba(35, 97, 173, .03);}
.se_pro_color dl{ display: flex;justify-content: space-between; align-items: center;}
.se_pro_color dl dd{ text-align: center; }
.se_pro_color dl dd img{}
.se_pro_color dl dd p{ font-size: 1.2rem;color:#333; line-height: 4;}
/* se_news */
.se_news{padding:0 0 25px 0; line-height: 35px; font-size: 1rem; color:#666; }
.se_newslist2{ display: flex;justify-content: flex-start; padding:0 0 25px 0;flex-wrap: wrap;}
.se_newslist2 li{width:31%;margin:0 3.4% 45px 0; overflow:hidden; cursor: pointer;transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; }
.se_newslist2 li:nth-child(3n){ margin:0 0 45px 0; }
.se_newslist2 a{ display:flex;justify-content:space-between;align-items: center; flex-direction: column; line-height:42px; border-bottom:1px solid rgba(0,0,0,0.1); transition: 0.5s;}
.se_newslist2.se_newslist3 a{ background: #fff; border-bottom:0 solid rgba(0,0,0,0.1); transition: 0.5s; padding:0 5%}
.se_newslist2 a .se_newslist2_pic{width:100%; overflow: hidden;}
.se_newslist2 a .se_newslist2_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; display: block}
.se_newslist2 li:hover a .se_newslist2_pic img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_newslist2 a .se_newslist2_text{width:100%; padding:25px 0}
.se_newslist2 span{ display:block; line-height:3rem; color:#333; font-size:1.5rem;text-transform:uppercase; font-weight: lighter; font-family: 'gilroy_bold';}
.se_newslist2 span em{ font-size:1.1rem; font-style: normal; padding:0 0 0 25px}
.se_newslist2 .se_newslist2_t{ line-height:1.5; color:#222; margin:10px 0 10px 0; font-size:1.35rem; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.se_newslist2 p{ display:block; line-height:2; color:#666; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin:20px 0; font-size: 1.1rem;}
.se_newslist2 li:hover .se_newslist2_t{color:#0662b8; font-weight: bold;}
/* sw11 */
.sw11out {position: relative;width: 100%;padding:55px 0 25px 0 }
#sw11 { }
#sw11 .swiper-slide {width: 550px;}
#sw12 .swiper-slide {width: 750px;}
.sw11out .swiper-pagination {left: 0;bottom: 0;width: 100%;font-size: 0;}
.sw11out .swiper-pagination-bullet {width: 12px;height: 12px;margin: 0 14px;background-color: #bfbfbf;outline: 0 none;opacity: 1;-webkit-transition: 0.3s;transition: 0.3s;border-radius: 50%;}
.sw11out .swiper-pagination-bullet-active { }
.sw11out .sw-next,.sw11out .sw-prev {position: absolute;top: 48%;width: 52px;height: 52px;z-index: 10;cursor: pointer;font-size: 0;border-radius: 50%;text-align: center;margin-top: -30px; }
.sw11out .sw-prev {left: 5%;background:#ddd url('../images/jt_l.png') center no-repeat; background-size: 10px;}
.sw11out .sw-next {right: 5%;background:#ddd url('../images/jt_r.png') center no-repeat; background-size: 10px;}
.sw11out .sw-prev:hover { background:#0662b8 url('../images/jt_l.png') center no-repeat; background-size: 10px; }
.sw11out .sw-next:hover { background:#0662b8 url('../images/jt_r.png') center no-repeat;background-size: 10px;}
.sw11out .swiper-slide{display: block;position: relative; }
.sw11out .swiper-slide a{display: block;position: relative; overflow: hidden; }
.sw11out .swiper-slide .pic {width: 100%; position: relative;margin: 0 auto;overflow: hidden;}
.sw11out .swiper-slide .pic img{width: 100%; display: block;}
.sw11out .swiper-slide .pro_text {width: 100%; text-align: center;color: #141b28; font-size:1.2rem; line-height: 4rem;}
.sw11out .swiper-slide .pic {width: 100%; position: relative;margin: 0 auto;overflow: hidden; border-radius: 0;}
#sw11 .swiper-slide .wz { text-align: center;color: #2d2d2d; opacity: 1; }
#sw11 .swiper-slide .wz strong{ color: #1f2436; display: block; font-size:1.5rem;line-height: 2; text-align: center; font-weight: normal; opacity: 1;transition:0.4s ease;}
#sw11 .swiper-slide .wz i{ color: #555; display: block; font-size:1.5rem;line-height: 2; text-align: center; }
#sw11 .swiper-slide .hover{position: absolute;left:0;top:0; width:100%;height:100%;z-index: 2; background: url(../images/huise.png) repeat-x left bottom; opacity: 0.5;}
#sw11 .swiper-slide img { width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; display: block; opacity: 0.9;-o-object-fit: cover;object-fit: cover; }
#sw11 .swiper-slideimg{ }
#sw11 .swiper-slide:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
#sw11 .swiper-slide-active img {opacity: 1;}
@media screen and (max-width: 960px) {
#sw11 .swiper-slide {width: 100%;}
}
@media screen and (max-width: 750px) {
.sw11out .sw-prev {left: 5%;}
.sw11out .sw-next {right: 5%;}
}
#sw11 .swiper-slide-active .wz strong{ font-weight: bold; font-size:18px; opacity: 1;}
@media screen and (max-width: 750px) {
.sw11out .sw-prev {left: 5%;}
.sw11out .sw-next {right: 5%;}
}
.jiameng{ padding:55px 0 85px 0; background: #f3f3f3;}
.star-list3 {
overflow: hidden;
margin: 0 -8px
}
.star-list3 li {
float: left;
width: 25%
}
.star-list3 li .item {
margin: 0 8px 16px;
background-color: #fff;
padding: 60px 0 45px;
text-align: center
}
@keyframes radiusRotate {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
.star-list3 li .item:hover img {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg)
}
.star-list3 li .item img {
display: block;
height: 50px;
margin: 0 auto 25px; transition: .3s;
}
.star-list3 li .item p {
font-size: 1.5rem;
color: #333;
line-height: 2;
margin-bottom: 18px
}
.star-list3 li .item span {
font-size: 1rem;
color: #666;
line-height: 2;
display: block
}
.keshi2{ padding: 75px 0}
/* se_contact_t */
.se_contact{background: #f7f7f7; padding:115px 0 75px 0}
.contact_title{ border-bottom: 1px solid rgba(0,0,0,.2); padding: 0 0 45px 0;margin:0 0 45px 0 }
.se_contact_li{width:100%; }
.se_contact_li ul{ display: flex;justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; padding:20px 0 55px 0;}
.se_contact_li li{ width:25%; line-height: 2; color: #333;padding:45px 0 45px 0;}
.se_contact_li li div{font-size: 1.4rem; line-height: 2;color: #333; font-weight: bold; }
.se_contact_li li p{font-size: 1.3rem; color: #777; }
.se_contact_li li span{display: flex;justify-content: flex-start;align-items: center;}
.se_contact_li li span img{width:105px}
.se_contact_li li span i{padding:0 0 0 25px;font-size:1.15rem;color: #333;line-height: 2; font-style: normal; font-weight: bold;}
.se_contact_li a{ width:150px;line-height: 3;transition: 0.3s;background: #eb4310;color: #fff;font-size: 0.16rem;display: block; text-align: center; border-radius: 5px;}
.se_contact_li a:hover{width:160px}
@media only screen and (max-width:1650px){
.se_contact_li li div{font-size: 1.6rem;}
.se_pro_text_pp .s_tel{ font-size: 1.3rem;}
}
@media only screen and (max-width:1200px){
.se_contact_li{width:100%;padding:0 0 0 0}
.se_contact_li span{font-size: 1.5rem;}
.se_contact_li li{width:100%;padding: 25px 0; border-bottom: 1px solid rgba(0, 0, 0, .1);}
.se_contact_li li.c_li{ width:50%;}
.se_contact_li li span i{ padding: 0 0 0 5px; font-size: 1rem;}
.se_contact_li li div{font-size: 1.35rem;}
.se_contact_li ul{padding: 20px 0 0 0;}
.se_contact{padding: 40px 0 40px 0;}
}
/* se_liuyan */
.se_liuyan{padding:175px 0 155px 0 ;overflow: hidden; background: url(../images/ijoin1.jpg) no-repeat center top;}
.se_liuyan .s_width{display: flex; justify-content:space-between;}
.se_liuyan_pic{margin: 35px 0 0 0;}
.se_liuyan_l{width: 33%;}
.font_44 h2{font-size: 2.5rem;font-weight: bold;color:#111; }
.font_44 h2 span{color:#fb6945;padding:0 0 0 0.95rem; }
.font_44 p{ font-size:1.1rem;line-height:2.5rem;color:#222}
.se_liuyan .liu_con{overflow: hidden;width: 60%;margin: 0 0 0 0; }
.se_liuyan .layui-input{padding: 0 3px 0 10px;float: left; width:32.3%;overflow: hidden;border:none;background:#fff;font-size: 1rem;color: #666;line-height: 60px; margin: 0 1% 2% 0;}
.se_liuyan .layui-textarea{padding:1%;font-size: 1rem;color: #666;line-height: 35px; width: 100%;border:0 solid transparent; border-color: rgba(151, 151, 151, 0.3); margin-bottom: 3%; height: 300px;background: #fff}
.se_liuyan .layui-btn{ display:block; background: #333; color:#fff;width: 11%; font-size: 1rem; height:38px; line-height: 38px; border:none!important; float: left;}
.se_liuyan .layui-btn-primary{margin: 0 0 0 0;float: right;}
.slideBoxbann{ position:relative; overflow:hidden; margin:0 auto 0 auto; }
.slideBoxbann .hd{ position:absolute; height:26px; line-height:26px; bottom:7px; right:0; z-index:1; }
.slideBoxbann .hd li{ display:inline-block; width:8px; height:8px;border-radius:10px; background:rgba(255,255,255,0.5); text-indent:-9999px; overflow:hidden; margin:0 6px; }
.slideBoxbann .hd li.on{ background: #F60; }
.slideBoxbann .bd{ position:relative; z-index:0; }
.slideBoxbann .bd li{ position:relative; text-align:center; }
.slideBoxbann .bd li img{ vertical-align:top; width:100%;}
.slideBoxbann .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
.slideBoxbann .bd li .tit{ display:block; width:100%; position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focustitlebg.png) repeat-x; color:#fff; text-align:left; }
/*video*/
.nn_banner{width:100%; position: relative;overflow: hidden; display: flex;justify-content: center; }
.nn_banner .mm_bg2{top: 0;height: 100%;width: 100%;background: url(../images/hhbg2.png) no-repeat left top; z-index:4;position: absolute}
.nn_banner_wenan{width:100%;height:320px;position: absolute;top:50%;margin-top:-160px; z-index: 4; overflow: hidden; display: flex;justify-content: space-between;flex-direction: column; align-items: center}
.nn_banner_wenan i{display: block; width:100px;height:2px; background: #fff;}
.nn_p{font-size:29px;color: #ffffff;text-shadow: 3px 3px 3px rgba(0,0,0,0.8);font-weight: bold;}
.nn_banner_img{width: 100%;height:100%; z-index: 1; overflow: hidden;}
.nn_text{ width:100%;position: relative;text-align: center}
.video {width:100%;position: relative;overflow: hidden;}
.video video{width:100%; z-index:1;position: relative;display: block;}
.ind_ban_tex { position:absolute;width:86%;height:500px;left:50%;margin-left:-43%;top:50%;margin-top:-250px;transform:translateY(0%); text-align: center; z-index: 90;display: flex;justify-content:center;flex-direction: column; align-items: center;}
.ind_ban_tex a{width:204px;line-height: 60px; font-size:1.3rem;color: #fff;display: block; margin:0 auto; border-radius: 35px;font-weight:lighter; border: #fff 1px solid; margin:65px 0 0 0; transition: 0.3s;}
.ind_ban_tex a:hover{ background: #e50000;border: #e50000 1px solid; }
.banner3{ }
.banner3 .ind_ban_tex_title{font-size: 3rem;color: #fff ;line-height: 1.2; font-family: 'gilroy_bold';margin:0 0 25px 0;}
.banner3 .ind_ban_tex_info{font-size:1.5rem;color: #fff; margin:0 0 55px 0;line-height: 1;}
.banner3 dl{ width:60%;margin: 0px auto 0 auto;display: flex;justify-content: center; opacity:1; transform:translateY(50px)}
.banner3 dd{ }
.banner3 dd img{width:144px; border-radius: 72px;display: block;margin:0 15px;}
@media only screen and (max-width:1440px){
.banner3 .ind_ban_tex_title{font-size: 2.5rem;}
.banner3 .ind_ban_tex_info{font-size: 1.38rem;}
.ind_ban_tex a{ font-size: 1.1rem; margin: 35px 0 0 0;}
}
@media only screen and (max-width:1200px){
.banner3 { display: none;}
.nn_banner{ background: url(../img3/bao.jpg); background-size: cover;}
}
/*banner*/
.slide-main{position: relative; z-index: 1;}
.slide-main .prev,.slide-main.next{display: block; position: absolute; z-index: 222; bottom: 40%; overflow: hidden; cursor: pointer;/*background-color: rgba(165,165,165,0.4);*/}
.slide-main .prev img,.slide-main .next img{ margin: 10px 0 0 5px;}
.slide-main .prev{left: 50px;}
.slide-main .next{right: 50px;}
.slide-main .item{display: block; width: 100%; height: 0.95rem; position: absolute; z-index: 124; bottom:2.6rem; left: 0; text-align: center;}
.slide-main .item a{display: inline-block; width: 0.95rem; height: 0.95rem; margin-right: 0.95rem; background: #fff; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=60); overflow: hidden; border-radius: 50px;}
.slide-main .item a.cur{background: #21a098; /*width: 40px;*/}
.slide-box,.slide{display:block;width:100%;height: auto;}
.slide-box{position:relative;overflow: hidden;z-index:4;}
.slide{display:none;position:relative;z-index:1;}
.slide img{width: 100%;height: auto; display: block}
.slide a{display:block;cursor:pointer;}
.index_prot{display: flex;justify-content: space-between; align-items: center; padding:0 0 45px 0}
.product .pro_title p{ font-size: 60px; color: #91b721; line-height:75px;}
.product .pro_title p strong{ color: #1d2088;}
.product .pro_title div{ font-size:2.6rem; color:#c7c6c6; line-height: 35px; font-weight: lighter;}
/* pro */
.pro2{padding:60px 0 65px 0;background: #fff}
/* a_title */
.BMap_bubble_title{font-size:1.1rem;font-weight: bold;}
.BMap_bubble_content{font-size:0.9rem;line-height: 1.5rem;}
/*se_banner*/
.se_banner{width:100%; position: relative;overflow: hidden; background: #f7f7f7;}
.se_banner_a{ background: #fff;}
.se_banner_a2{height: 100vh;}
.se_banner_img{width: 100%;height:100%; overflow: hidden;}
.se_banner_img img{object-fit:cover;object-position:50% 50%;display:block;width:100%;height:100%; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: scaleUpDown 8s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94); }
@-webkit-keyframes scaleUpDown {
from { -webkit-transform: scale(1.05); transform: scale(1.05); }
to { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
from { -webkit-transform: scale(1.05); transform: scale(1.05); }
to { -webkit-transform: scale(1); transform: scale(1); }
} /* img缩小效果（banner） */
.page_box{padding:0 0 0 40px;color:#555;background: url(../images/di.png) no-repeat left center ; line-height: 90px;}
.page_box2{border-bottom:1px solid rgba(0,0,0,0.07);}
.page_box2 .s_width{padding:0 0 0 40px;color:#555;background: url(../images/di.png) no-repeat left center ; line-height: 90px;}
.se_weizhi{border-bottom:1px solid rgba(0,0,0,0.05); }
.se_weizhi .s_width{display: flex;justify-content:space-between;}
.se_q{position: absolute;left:0;bottom: 12%;width:100%; text-align: center;;z-index: 4;-webkit-animation: updown 2s linear infinite; animation: updown 2s linear infinite;}
.se_q img{ width:100px;display: block;margin: 0 auto;}
/* huise */
.huise{background: #f1f7fe;padding:0 0 50px 0}
.huise2{background: #f1f7fe;padding:80px 0 50px 0}
.case3{padding:80px 0 50px 0}
.huise4{background: #eff9ff url(../images/pp.jpg) no-repeat center top;padding:50px 0 50px 0}
.case2 .list{ display: flex; justify-content:flex-start; flex-wrap: wrap; }
.case2 .list::after{ content: ""; width: 475px; }
.case2 .list .item{ width:32%;height:auto; margin: 0 1% 25px 0;position:relative;overflow:hidden;background:#fff;cursor:pointer;}
.case2.case3 .list .item{ width:49%;height:auto; margin: 0 1% 25px 0; }
.case2.case4 .list .item{ width:24%;height:auto; margin: 0 1% 25px 0; border-top-left-radius: 0;border-bottom-right-radius: 0;}
.case2.case5 .list .item{ width:32%;height:auto; margin: 0 1% 25px 0; }
.case2 .list .item .img{ position: relative; width: 100%; overflow: hidden; }
.case2 .list .item .img2{ position: relative; width: 100%; overflow: hidden;border: 1px solid rgba(0,0,0,.08); }
.case2 .item .text{ box-sizing: border-box; }
.case2 .item h4{ padding: 1.5rem 0 12px; font-size: 18px; color: #333; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.case2 .item:hover h4{ color: #333; }
.case2 .item p{ font-size: 12px; color: #999; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.case2 .page{ padding-top: 0px; }
.case2 .list .item .pro_pic{ width:100%;margin:0 auto 0 auto; position:relative; overflow:hidden; padding:0 0 }
.case2 .list .item .pro_pic img{display: block; width:100%; margin: 0 auto; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.case2.case4 .list .item .pro_pic{ padding:25px 0 }
.case2.case4 .list .item .pro_pic img{ width:90%; }
.case2 .list .item:hover div img{ transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.case2 .list .item .pro_pic div{ width:100%; position:relative; overflow:hidden; z-index: 1}
.case2 .list .item .pro_pic div.pro_hui{ width:100%;position: absolute;bottom:0;background:url(../images/hui2.png) repeat-x left top;height:189px;z-index: 2}
.case2 .list .item .pro_text{ color:#232323;text-align:center; font-size:1.2rem;line-height:1.5;margin:20px 10px 20px 10px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3}
@media (max-width:1500px){
.case2 .list::after{ }
.case2 .list .item{ }
.case2 .item h4{ padding: 20px 0 10px; }
}
@media (max-width:1200px){
.case2 .list .item{ margin-bottom: 20px; }
.case2 .item h4{ padding: 1rem 0 8px; }
}
@media (max-width:991px){
.case2 .list::after{ width: 48%; }
.case2 .list .item{ width: 48%; }
.case2 .item h4{ padding: 13px 0 6px; }
}
@media (max-width:768px){
.case2{ padding-top: 0.95rem; }
.case2 .list .item{ margin-bottom: 2.6rem; }
.case2 .item h4{ font-size: 1.1rem; }
}
@media (max-width:480px){
.case2{ padding-top: 10px; }
.case2 .list{ justify-content: space-between; }
.case2 .list::after{ display: none; }
.case2 .list .item{ width: 100%; margin-bottom: 0.95rem; }
.case2 .list .item .pro_text{font-size: 1rem;line-height: 1.6rem; margin: 10px 10px 10px 10px;-webkit-line-clamp: 2;}
}
@media (max-width:375px){
.case2 .list .item{ width: 100%; }
}
.case7 .list{ display: flex; justify-content:flex-start; flex-wrap: wrap; }
.case7 .list::after{ content: ""; width: 475px; }
.case7 .list .item{ width:19%;height:auto; margin: 0 1% 25px 0;position:relative;overflow:hidden;background:#fff;cursor:pointer;}
.case7 .list .item .img{ position: relative; width: 100%; overflow: hidden; }
.case7 .list .item .img2{ position: relative; width: 100%; overflow: hidden;border: 1px solid rgba(0,0,0,.08); }
.case7 .item .text{ box-sizing: border-box; }
.case7 .item h4{ padding: 1.5rem 0 12px; font-size: 18px; color: #333; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.case7 .item:hover h4{ color: #333; }
.case7 .item p{ font-size: 12px; color: #999; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.case7 .page{ padding-top: 0px; }
.case7 .list .item .pro_pic{ width:100%;margin:0 auto 0 auto; position:relative; overflow:hidden; }
.case7 .list .item .pro_pic img{display: block; width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.case7 .list .item:hover div img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.case7 .list .item .pro_pic div{ width:85%; position:relative; overflow:hidden; z-index: 1; margin: 0 auto;}
.case7 .list .item .pro_pic div.pro_hui{ width:100%;position: absolute;bottom:0;background:url(../images/hui2.png) repeat-x left top;height:189px;z-index: 2}
.case7 .list .item .pro_text{ color:#232323;text-align:center; font-size:1rem;line-height:3.6rem;margin:0 10px 0 10px;border-top:1px solid rgba(0,0,0,0.05);overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1}
@media (max-width:1500px){
.case7 .list::after{ }
.case7 .list .item{ }
.case7 .item h4{ padding: 20px 0 10px; }
}
@media (max-width:1200px){
.case7 .list .item{ margin-bottom: 40px;}
.case7 .item h4{ padding: 1rem 0 8px; }
}
@media (max-width:991px){
.case7 .list::after{ width: 48%; }
.case7 .list .item{ width: 48%; }
.case7 .item h4{ padding: 13px 0 6px; }
}
@media (max-width:768px){
.case7{ padding-top: 0.95rem; }
.case7 .list .item{ margin-bottom: 1rem; }
.case7 .item h4{ font-size: 1.1rem; }
}
@media (max-width:480px){
.case7{ padding-top: 10px; }
.case7 .list{ justify-content: center; }
.case7 .list::after{ display: none; }
.case7 .list .item .pro_text{font-size: 0.95rem;line-height: 1.6rem; margin: 10px 10px 10px 10px;}
}
@media (max-width:375px){
.case7 .list .item{ width: 100%; }
}
.baise{background: #fff;padding:50px 0 50px 0}
.se_espcms_book{padding:0 0 0 0; background: #fff}
.se_espcms_book2{padding:2.6rem 0;}
.se_espcms_book2 h1{ line-height:2; margin: 0; text-align: center;font-size: 2rem;}
.se_espcms_book2 .se_date{ font-size:1.15rem; line-height:38px; padding: 0 0 2.6rem 0 ;text-align: center}
.se_tel{padding:2.6rem 0 0 0}
.miaoshu{ line-height:95px; padding:0 0 0 0; color:#ebc120; font-size:36px; margin:0 0 25px 0; position: relative; font-weight: bold}
.miaoshu i{ position: absolute;left:0;bottom:0;width:50px;height:2px; background: #ebc120}
.th_pro_con {overflow: hidden; font-size:0.95rem; line-height:31px; color:#666; margin-bottom:2.6rem; padding:2.6rem 0; }
.th_pro_con table{border: 1px solid #666;border-collapse: collapse;font-size: 1rem;color: #666;width:100%;}
.th_pro_con th, .th_pro_con td{border: 1px solid #666;line-height: 2.5rem;border-collapse: collapse;text-align:center; }
.se_info{ width:100%; margin:2.6rem 0 0 0; padding:0 0 2.6rem 0}
.info_content{ font-size:1.2rem; line-height:1.7; color:#666;}
.info_content img{ max-width:650px;display: block;margin: 5px auto;}
.info_content strong{ display: block;font-size: 1.6rem;color: #1da8bc; line-height: 65px;margin-top: 35px; margin-bottom:25px;border-bottom: 1px solid rgba(0, 0, 0, .06);padding:0 0 0 45px;background: url(../images/banner-icon.png) no-repeat left center;}
.fenye{width: 80%; margin: 0 auto 1% auto;display: flex; display:-webkit-flex;-webkit-justify-content:center; justify-content: center; align-items: center;-webkit-align-items: center; height: 45px;}
.fenye_zong{ font-size: 14px; width: 80px; background: #f2f2f2; text-align: center; line-height: 47px;}
.er_title div strong{ color: #fff}
.se_contact_p .btnt{width:205px;height:65px;margin-top:25px;background-color:#fc6546; background-image: linear-gradient(#ff765b,#eb201b); border-radius:50px;display:block;font-size:1.6rem;font-weight:700;text-align:center;color:#fff;text-shadow:0 0 8px #e24627;box-shadow:0 2.6rem 2.6rem rgba(252,101,70,.3)}
.btn-hover{overflow:hidden;position:relative;transition:all .8s ease}
.se_message strong { color: #fff; display: inline-block;}
.se_message strong i { color: #fff;}
.se_message p { font-size: 18px; line-height: 60px; color: #fff;}
.se_message{width:35%;position: absolute;height:100%;right:10%;top:0;z-index: 5;padding:0 2% 0 10%; }
.message_t{ color: #fff;padding: 180px 0 0 0; font-size: 1rem;}
.message_t div.niu{color:#fff;font-weight: bold;font-size: 45px; }
.se_espcms_page{font-size:1.15rem; margin-bottom:2.6rem; border:1px solid #eee; padding:2.6rem 2.6rem; display:flex;flex-direction:row;justify-content:space-between;}
.se_espcms_page li{width:50%;}
.se_espcms_page li a{color:#666;font-size:1.15rem;;}
.se_espcms_page li a:hover{color:#1264d4;text-decoration:none;}
.th_news_con{overflow: hidden; font-size:1.2rem;; line-height:31px; color:#666; margin-bottom:2.6rem; border:1px solid #eee; padding:2.6rem 50px;}
.map{position:absolute;width:100%;left:0; top:0;height:760px;z-index:2}
.video-box {
position: relative;
padding-top: 39%;
overflow: hidden;
}
.video-box video {
position: absolute;
left: 50%;margin-left:-550px;
top: 50%;margin-top:-320px;
width: 1100px;
height: 640px;
-o-object-fit: cover;
object-fit: cover;
}
.icon-play {
}
.index-video {
position: fixed; z-index:999999999999999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);display: none;
}
.index-video .x-btn {
top: 5%;
right: 5%;
}
.index-video-wrap {
z-index: 30;
}
.x-btn {
position: absolute;
width: 75px;
height: 75px;
line-height: 75px;
text-align: center;
color: #fff;
background-color: ;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
font-size: 1.5rem;
z-index: 50;transition:.4s all;
}
.x-btn:hover {
transform: rotate(360deg); -webkit-transform: rotate(360deg);
color: #fff;
}
@media only screen and (max-width:1800px){
.s_width{width:92%;}
.s_width3{width:92%;}
.container-inyf{width:96%;}
.pro_r{margin:0 0 0 5%}
}
@media only screen and (max-width:1750px){
.se_fl_title div{ font-size: 2rem;}
.sty2 .swiper-slide{width: 650px;}
.newsright li{padding: 25px 0 25px 25px;}
.shijing{padding: 50px 0 65px 0;}
.youshi_r p{font-size: 1.9rem;}
.t1 div { font-size: 2.5rem;}
.chanpin_con .pro_text strong{ font-size: 1.4rem;}
.footer strong{font-size:1.3rem;}
.news_con .newsleft_text strong{font-size:1.3rem;}
}
@media only screen and (max-width:1650px){
.about_l .about_p strong{ }
.aa_t_w2 div{font-size: 1.6rem;}
.aa_t_w2 p{font-size: 1.35rem;}
.sty5 .swiper-slide .wz{ padding: 0 35px 25px 35px;}
.sty2 .swiper-slide{width: 680px;}
.newsright li .detail .title{ font-size: 1.1rem;}
.newsleft .newsleft_text{padding: 20px 28px;}
.newsright li .detail .text{line-height: 1.7rem;}
.newsright li{padding: 35px 0 35px 25px;}
.newsleft .detail .title{ font-size: 1.2rem;}
.newsleft .n_date p{ font-size: 1.2rem;}
.newsleft .n_date{width:100px}
.newsright li .n_date p{ font-size: 1.2rem;}
.index_nav3 li .son dt a{ font-size: 1.2rem;}
.about_l2 .about_p2 p{ font-size: 1.2rem;}
.aa_t_w div{font-size: 2.7rem;}
.aa_t_w p{font-size: 1.7rem;}
.about_l2 .about_p2 h1{font-size: 2rem;}
.wenhua_t p{font-size: 2.7rem;}
.h_title ul li a{ font-size: 1.2rem;}
.h_title .title1 p{ font-size: 1.2rem;}
.footer .f_erweima div span{ font-size: 1.5rem;}
.header .logo img{max-width: 180px;}
.logo_nav{width:70%}
}
@media only screen and (max-width:1500px){
.about_l .about_p h1{font-size:2rem;}
.about_l .about_p p{-webkit-line-clamp:7;}
.about_l .about_p2 p{-webkit-line-clamp:50;}
}
@media only screen and (max-width:1440px){
.fa .fa_r li b{line-height: 1.5;}
.h_title ul li a{ font-size: 1.1rem;}
.footer .f_erweima dd img{ max-width: 87px;}
.footer .f_fenlei2 li{ line-height: 1.5;}
.aa_t_w h1{ font-size: 2.3rem;}
.se_pro_text_pp .se_pro_summary{ padding: 25px 0; line-height: 1.5;}
.about_l .about_p strong img{ width: 200px;}
.se_nav_shili li a p{ font-size: 1.25rem;}
.index_nav3 li a{ font-size: 1rem;}
.header{height:90px}
.header .logo_tel a{ width: 129px;}
.header .logo img{ max-width: 120px;}
.header .logo_tel p i{font-size: 0.18rem;}
.chanpin_con .pro_text a{font-size: 1.35rem;}
.se_nav_shili2 li{width:auto}
.se_nav_shili2{justify-content: space-around;}
.aa_t_w2 div{font-size: 1.4rem;}
.aa_t_w2 a div{ width: 70px; height: 70px;}
.aa_t_w2 a span{font-size: 1.35rem;}
.aa_t_w div{font-size: 2.4rem;}
.aa_t_w p{font-size: 1.35rem;}
.yuan{width: 190px; height: 190px; top: -100px;}
.se_contact_li li div{font-size: 1.35rem; }
.son dt a{line-height: 2.5;font-size: 1rem;}
.son dt{ line-height: 45px; text-align: center; margin: 0 0 15px 0; }
.son dd{width:33%;}
.son .son_l{width:45%}
.son .son_l i{line-height: 1.7;}
.se_pro_text_pp ul{ padding: 35px 0;}
.se_pro_text_pp h1{line-height: 1.5; font-size: 1.5rem;}
.se_pro_b_title p{font-size: 2.2rem; }
.se_pro_b_title2{font-size: 2.2rem; margin: 0 0 45px 0;}
.a_title2_t div{font-size: 1.7rem; }
.a_title2_t strong{font-size: 2.5rem; }
.a_title2_t span{font-size: 1.2rem;}
.sty6 .swiper-slide{width:33%}
.choose_l3 strong{font-size:2.5rem;}
.choose_l3 span{font-size:2.5rem;}
.choose_l3 p{font-size:1.35rem; margin: 45px 0;}
.td1 strong{font-size:2.1rem;}
.td1 i{ margin: 35px 0 35px 0;}
.youshi_l p{font-size: 2.7rem;padding: 0 0 55px 0; }
.youshi_l p span{font-size: 4rem; }
.youshi_l strong{font-size: 2.1rem; }
.youshi_l span{font-size: 1.8rem; }
.slider-a .txt{padding: 3%;}
.l-font60{ font-size: 2.4rem;}
.lh-banner .text .name{ margin-bottom: 10px;}
.footer .f_erweima div span{ font-size: 1.7rem;}
.chanpin_con .pro_text p{ font-size: 1.1rem;}
.slider-a .txt div{ font-size: 1.8rem;}
.t1 div{ font-size: 2.3rem;}
.footer strong{font-size:1.1rem;}
.news_con .newsleft_text strong{font-size:1.15rem;}
.se_newslist li{width:100%;margin: 0 0 45px 0;}
.se_newslist a .se_newslist_pic{width: 26%;}
.se_newslist a .se_newslist_text{width: 70%;}
.index_nav3 li a.aa{ font-size:1rem;}
.sty2 .swiper-slide{width: 600px;}
.newsright li{padding: 25px 0 25px 25px;}
.sty2 .swiper-slide .wz strong{font-size:1.3rem;}
.sty2 .swiper-slide .wz span{line-height: 1.3;}
.c_title span{ width: 60%; font-size: 1rem;}
.p_title div p{font-size:2.2rem;}
.c_title p{font-size: 2.2rem;}
.s_t div{font-size: 2.2rem;}
.s_t span{font-size: 1.8rem;padding: 0 0 15px 0;}
.se_newslist2 .se_newslist2_t{font-size: 1.2rem;}
.se_newslist2 p{font-size: 1rem;}
.se_espcms_book2 h1{font-size: 1.8rem;}
.index_nav3 li .son dt a{font-size: 1rem;}
.left_t{ height: 37vh;}
.left_t .cover .box{ padding: 30px 45px;}
}
@media only screen and (max-width:1380px){
.chanye2 .con .bottom{ width: 25%;}
.chanye2 .video_box{ width: 75%; height: 60vh;}
.chanye2 .con .bottom .btn .con_text strong{ font-size: 1.1rem;}
.chanye2 .con .bottom .btn:hover .con_text strong, .chanye2 .con .bottom .btn.on .con_text strong{ font-size: 1.1rem;}
.chanye2 .con .bottom .btn .con_icon{ width: 55px; height: 55px;}
.chanye2 .con .bottom .btn:nth-child(1) .con_icon:after{ background-size: 100%; width: 35px; height: 35px;}
.chanye2 .con .bottom .btn:nth-child(2) .con_icon:after{ background-size: 100%; width: 35px; height: 35px;}
.chanye2 .con .bottom .btn:nth-child(3) .con_icon:after{ background-size: 100%; width: 35px; height: 35px;}
.chanye2 .con .bottom .btn:nth-child(4) .con_icon:after{ background-size: 100%; width: 35px; height: 35px;}
.chanye2 .con .bottom .btn:nth-child(5) .con_icon:after{ background-size: 100%; width: 35px; height: 35px;}
.chanye2 .con .bottom .btn:nth-child(6) .con_icon:after{ background-size: 100%; width: 35px; height: 35px;}
.chanye2 .con .bottom .btn:nth-child(7) .con_icon:after{ background-size: 100%; width: 35px; height: 35px;}
}
@media only screen and (max-width:1200px){
.about_l .about_p p{ font-size: 1.1rem;}
}
@media only screen and (max-width:1200px){
.chanpin_con .pro_text a{font-size: 1rem;}
.wenhua2{padding:35px 0}
.wenhua_t{ margin-bottom: 30px;}
.wenhua_t p{font-size: 1.7rem;}
.wenhua_t span{font-size: 1.2rem;}
.wenhua2 li{width:100%}
.about_l2 .about_p2{padding:25px 0}
.hez li{width:31%}
.hezuo{padding:35px 0}
.sty8 .swiper-slide{width:278px}
.h_title .title1{width:100%}
.h_title ul{width:100%;padding:25px 0 0 0}
.h_title ul li{ line-height: 43px; width: 50%; margin: 0 0 15px 0;}
.h_title ul li a{font-size: 1.1rem;}
.aa_t_w2 div{font-size: 1.25rem;}
.aa_t_w2 p{font-size: 1.15rem;}
.aa_t_w div{font-size: 1.7rem;}
.about_l .about_p i{font-size: 2.7rem;}
.about_l .about_p strong img{ width:50%}
.inpro_t_l{ display: none;}
.se_nav_shili2{justify-content: space-around ; flex-wrap:wrap; padding: 0 0 35px 0;margin: 0 0 35px 0;}
.se_nav_shili2 li{width:49%; margin: 0 0 5px 0;}
.se_nav_shili2 li a p{ font-size: 1rem;}
.aa_t_w2{width:100%;padding:0 0 3rem 0}
.aa_t_w h1{ font-size: 1.6rem;}
.about_l .about_p{width:100%}
.about{padding:45px 0}
.about.about3{flex-wrap: wrap;}
.about .s_width{flex-wrap: wrap; padding: 0;}
.about.about2 .s_width{ padding: 0;}
.about_r2{ width: 100%; margin:0 0 0 0; position: relative;}
.about_l .about_p2 p{-webkit-line-clamp: 50;font-size: 1.12rem;}
.about_l{width:100%}
.about_r{width:100%;position: relative; margin: 35px 0 0 0; border-top-left-radius: 60px;}
.about_l:after{ font-size: 4rem; bottom: 0;}
.about_l .about_p h1{font-size: 1.5rem;}
.yuan { width: 100px; height: 100px; top: -50px; }
.news .pro_hmore2{display: none;}
.news_con .newsleft_text strong{font-size: 1.1rem;}
.fa .fa_r li b{ font-size: 1.2rem; line-height:1.5;}
.fa .fa_r li div{line-height:1.5;}
.keshi2{padding:45px 0 25px 0}
.star-list3 li{width:50%}
.se_pro_color dl{flex-wrap: wrap;}
.se_pro_color dl dd{width:30%}
.se_pro_b img{width:65%}
.se_pro_color dl dd p{ font-size: 1rem;}
.se_pro_pic_text{flex-direction: column;}
.se_pro_text_pp h1{ font-size: 1.55rem; text-align: center;}
.se_bg_pic{width:100%}
.se_pro_b .se_pro_a_text p{font-size: 1.1rem; }
.se_pro_text_pp .se_pro_summary{font-size: 1.1rem; line-height: 1.5; }
.se_pro_text_pp{width:100%;padding: 0 0 45px 0;}
.se_pro_text_pp li div{width:87px;height: 87px;;}
.se_pro_text_pp a{font-size: 1.2rem;}
.se_pro_text_pp a:after{ left: 20%;}
.se_pro_b_title p{ font-size: 1.9rem;}
.se_pro_y ul{flex-wrap: wrap;}
.se_pro_y ul li{width:49%;margin: 0 0 5px 0;}
.se_pro_b_title2{ font-size: 1.7rem;}
.se_pro_y ul li .se_pro_y_text{ font-size: 1.2rem;}
.a_title2_t{ margin: 0 0 0 0;}
.a_title2_t div{font-size: 1.3rem; }
.a_title2_t strong{font-size: 1.5rem; }
.a_title2_t span{font-size: 1rem;}
.se_banner_a{height: 60vh;}
.se_banner_a2{height: 65vh;}
.se_cage {padding:35px 0 0 0}
.info_content img{width: 100%;}
.youshi{ padding:45px 0 35px 0; }
.case2.case4 .list .item{ width: 47%;}
.pro{padding:35px 0 25px 0;}
.youshi_con{align-items: center;justify-content: center;flex-direction: column;}
.youshi_r{width:100%; padding: 0 0 15px 0;}
.youshi_l span{ font-size: 1.4rem;}
.youshi_l strong{ font-size: 1.8rem;}
.youshi_l{width:100%;text-align: center; padding:0 0 35px 0}
.youshi_l p{padding: 0 0 35px 0;font-size: 1.8rem;}
.page{padding: 25px 0;}
.page .s_width2{flex-direction: column-reverse;}
.td1{width:100%; }
.td2{width:100%; }
.td1{padding: 35px 3% 35px 3%;}
.td1 strong{font-size: 1.6rem }
.td1 .se_about_p{-webkit-line-clamp: 14}
.se_pro_b th, .se_pro_b td { white-space: nowrap; padding:0 5px}
.sty6 .swiper-slide{width:78%;margin: 0 15px 0 0;}
.t1 div{ font-size: 1.5rem;}
.m-center{ margin: 25px auto 0 auto;}
.a_line{ margin: 0 0 0 0;}
.chanpin_con li{ width: 49%;margin: 0 2% 10px 0;}
.chanpin_con li:nth-child(3n){margin: 0 2% 10px 0;}
.chanpin_con li:nth-child(2n){margin: 0 0 10px 0;}
.chanpin_con .pro_text p{font-size: 1rem;}
.chanpin_con .pro_text strong{ font-size: 1rem;}
.chanpin_con .pro_text{padding:10px 3% 10px 3%; margin:0 0 ;}
.slider-a .txt{justify-content: center; flex-direction: column; align-items: flex-end; display: flex; top: 0;}
.slider-a .txt div{font-size: 1.3rem;}
.slider-a .txt p{font-size: 1rem; padding-bottom: 10vh;}
.section3{height: auto;}
.row-index2 { height: auto;
padding-top: 0;
}
.row-index2 .hd {
position: static;
width: 100%;
padding: 10% 5%;
}
.row-index2 .hd .cell {
padding-left: 0;
}
.row-index2 .slider-a {
position: relative;
width: 100%;
margin-bottom: 0;
}
.slider-a-nav {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
display: none;
}
.slider-a-nav a {
position: absolute;
top: 50%;
}
.slider-a-nav .prev {
left: 0;
}
.slider-a-nav .next {
right: 0;
}
.list-q1 li {
width: 140px;
margin: 0;
}
.list-q1 img {
width: 50px;
}
.slick-dots {
width: 100%;
position: absolute;
bottom: 20px;
text-align: center;
font-size: 0;
}
.slick-dots li {
display: inline-block;
line-height: 1;
margin: 0 5px;
}
.slick-dots li a {
width: 10px;
height: 10px;
border: 1px solid #fff;
display: inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
position: relative;
font-size: 0;
}
.slick-dots li.slick-active a {
background-color: #fff;
}
.a_title{ display: block;}
.news_con{flex-direction: column;}
.footer .s_width:nth-child(1){ flex-wrap: wrap;padding: 35px 0 35px 0;}
.footer strong{font-size: 1.2rem;line-height: 1.5;}
.footer .f_fenlei li a{font-size: 0.95rem;}
.footer .f_fenlei2 li a{font-size: 0.95rem;}
.footer .f_fenlei li{line-height: 2}
.footer .f_fenlei2{ display: none;}
.footer .f_fenlei{ display: none;}
.footer .s_width:nth-child(2){ padding: 0 0;}
.footer .f_erweima{width:100%; }
.footer .f_logo{ display: none;}
.footer .f_tel{ width: 100%; margin:0 0 15px 0}
.f_tel span{ font-size: 1.35rem;}
.footer .f_erweima dl{justify-content: center;align-items: center;}
.footer_p{ border-top: 0 solid rgba(255,255,255,0.1); padding:35px 0; flex-direction: column; text-align: center;}
.se_contact_li li div { font-size: 1.25rem; }
.index_nav3{display: none;}
.td1_con .td1_con_t{ padding-left: 0; text-align: center;margin-bottom: 20px;}
.td1_con .td1_con_t img{width:120px}
.productshow_con{display: block; background: #f1f7fe;}
.s_width{width:96%;}
.s_width2{width:96%;}
.s_width3{width:96%;}
.news_con3{display: block;}
.news_con li{width: 100%;}
.l_tel{ padding:0 5px 0 0; display:flex;justify-content: flex-start;align-items: center;color: #fff;font-size: 12px;}
.l_tel img{ width:12px; margin: 0 5px 0 0;}
.huise{padding: 0 0 25px 0;}
.page_box{line-height: 25px; font-size: .95rem; }
.se_weizhi{padding:8px 0}
.se_pro{padding: 65px 6px 25px 6px;}
.se_pro h1{font-size: 1.5rem;line-height: 5rem;}
.se_pro a{width: 130px;}
.se_pro_a{display: flex;justify-content: space-between; flex-direction: column; align-items: center;padding:35px 8px;background: #f5f5f5;}
.se_pro_a .info_pic{width:100%;}
.se_pro_a .se_pro_a_text{width:100%; padding:15px 0 0 0}
.se_pro_a_icon img{width:55px}
.se_pro_a .se_pro_a_text strong{font-size: 1.5rem; line-height:4rem;}
.se_pro_a_text li span{font-size: 1rem;}
.se_pro_b_title{font-size: 1.5rem;margin: 0 0 25px 0;}
.se_pro_c{padding:25px 0 65px 0;}
#sw11 .swiper-slide .pic{border-radius: 15px;}
.sw11out .sw-next, .sw11out .sw-prev{width: 42px; height: 42px;}
.page_box2 .s_width{line-height: 25px;}
.se_espcms_book2 h1{font-size: 1.3rem; line-height: 1.5;}
.info_content{font-size: 1.13rem;}
.th_news_con{padding: 1rem 10px;}
.se_espcms_page{flex-direction: column;padding: 15px;}
.se_espcms_page li{width:100%}
.se_nav_shili li a{ font-size:1rem; line-height:2.5rem;}
.se_nav_shili{ padding:25px 0 5px 0; flex-wrap: wrap; justify-content: space-around; width:100%;margin:0 auto;bottom: 1vh; }
.se_nav_shili li{width:50%; margin:0 0 10px 0}
.se_nav_shili li a p{font-size:1.1rem;margin: 0 0 0 0; }
.page_box2{padding:8px 0; font-size: 0.95rem;}
.th_news_con{ text-indent:0; }
.se_con .info_content_t{width:95%; margin: 0 auto;}
.se_con .info_content{width:95%; margin: 0 auto;}
.se_con .s_width{flex-direction: column;}
.th_pro_con{padding: 45px 0;margin-bottom: 30px;}
.se_con .info_content_t strong{font-size: 22px;line-height:28px;}
.se_con .info_content_t span{font-size: 19px;}
.swtbtn img{width:100%}
.p_title{flex-direction: column; align-items: center; padding: 0 0 25px 0;}
.p_title div p{ font-size: 1.5rem;line-height:2rem;margin: 0 0 15px 0; text-align: center;}
.p_title div span{font-size: 1rem;line-height:1.7rem;font-weight: normal;text-align: center;}
.p_title div i{ font-size: 1.3rem;line-height:2rem;}
.p_title a{display: none;}
.c_title{padding:0 0 30px 0;}
.c_title p{font-size: 1.5rem; line-height: 3rem;}
.c_title span{font-size: 1rem; width:90%;margin: 0 auto;}
.yuan_pic img{width:90%;margin: 0 auto;}
.yuanliao{padding: 35px 0;}
.shijing{padding:30px 0}
.shijing div{font-size: 1.5rem; line-height: 3rem;}
.s_t{padding: 0 0 15px 0;}
.s_t span{ font-size:2rem;line-height:2rem;padding: 0 0 15px 0;}
.s_t p{font-size: 1rem;line-height:1.8rem; padding: 0 20px;}
.news{padding:37px 0 30px 0;}
.news_con2{display: none;}
.newsleft{width:100%}
.newsleft .newsleft_text{position: relative;padding: 10px 18px 20px 18px;}
.newsleft a{margin: 0 0 10px 0;}
.newsleft .n_date{display: none;}
.newsleft .detail{width:99%}
.newsleft .detail .title{font-size: 1.1rem;line-height:2.2rem;}
.newsleft .detail .text{font-size: 0.95rem; }
.lh_75{ height: 15px;}
.sw12out{width:60%;margin: 0 auto;}
.huise9{padding: 0 0 20px 0;}
.se_pro_pic2 strong{font-size:1.5rem;line-height:2.5rem;}
.se_pro_pic2 span{font-size: 1.2rem;line-height:2rem; margin: 0 0 25px 0;}
.se_pro_b img{width:85%}
.se_pro_b{padding:25px 0 75px 0;}
.pro_box .list p span.color0{font-size: 1.1rem;}
.se_newslist2 li{width:100%;margin: 0 0 25px 0;}
.se_newslist2 .se_newslist2_t{font-size: 1.1rem;}
.se_newslist2 span{font-size:1.1rem;}
.se_newslist2 span em{padding: 0 0 0 15px;}
.se_newslist2 p{margin:10px 0;}
.se_news{padding:25px 0 35px 0;}
.se_espcms_book2{ padding:2rem 0 ;}
.footer2{ background: #ddd; padding: 25px 0; text-align: center; font-size:0.9rem; color: #555;}
.footer2 strong{display: block;font-size: 1.1rem;color: #333;line-height: 3rem;}
.footer2 .f_aa{display: block;font-size:1.2rem;color: #fff; background: #fb6945; width:170px;margin: 0 auto 15px auto; border-radius: 5px;line-height: 2.5rem; }
.sty5 .swiper-slide{width:100%}
.header{display:none;}
.s_width{width:94%;}
.s_width2{width:96%;}
.s_width3{width:96%;}
.none{display:block;}
.block{display:none;}
.chanpin_con{padding:35px 0 35px 0}
/*wap header*/
.btn-down{right: 9px; bottom: 20px; width: 16px; height: 24px;}
.head_wap{width:100%; padding:9px 5px; position: absolute; z-index: 101;border:1px solid rgba(255,255,255,.1);}
.head_wap2{ background: rgba(0,0,0,0.6) ;}
.position{position: relative; display: flex;justify-content: space-between; align-items: center;}
.head_wap .logo{ display: flex;justify-content: flex-start;align-items: center; }
.ban{width:35px;height: 35px;display: flex;justify-content: center;align-items: center; border-radius: 25px;background: #0662b8;color: #fff;font-size: 0.9rem; margin: 0 0 0 15px;}
.logo img{width:82px;}
.l_tel{ padding:5px 25px; display:flex;justify-content: flex-start;align-items: center;color: #fff;font-size:0.9rem; font-family:'gilroy_bold' ; border: 1px solid rgba(255,255,255,.1); margin:0 0 0 0;border-radius: 50px;;}
.menu {position: relative}
.menu-trigger,
.menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.menu-trigger {
position: relative;
width: 20px;
height: 16px;
}
.menu-trigger span {
position: absolute;
left: 0;
width: 100%;
height: 1px;
background:#fff;
border-radius: 4px;
}
.head_wap2 .menu-trigger span{background:#fff;}
.menu-trigger span:nth-of-type(1) {
top: 0;
}
.menu-trigger span:nth-of-type(2) {
top: 8px;
}
.menu-trigger span:nth-of-type(3) {
bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(6px) rotate(-315deg);
transform: translateY(6px) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-9px) rotate(315deg);
transform: translateY(-9px) rotate(315deg);
}
#close{display: none;position: fixed;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:998;}
.menuBox ul li {width:90%;margin:0 auto;}
.menuBox ul li a{ font-size:0.15rem;font-weight: bold;display:block;color:#fff;position: relative;line-height: 0.7rem; border-bottom:1px solid rgba(255,255,255,0.2); background: url(../images/fjiao.png) no-repeat right center;}
.menuBox ul div{width:90%;margin:0 auto; display: flex;justify-content: flex-start;flex-wrap: wrap;border-bottom:1px solid rgba(255,255,255,0.1); }
.menuBox ul div a{width:32%;font-size: 15px;line-height: 38px;color: #fff;font-weight: normal;display:block; }
.menuBox ul div.pp a{width:50%; }
.menuBox ul div.pp2 a{width:100%; }
.menuBox ul li a.active{background-color:#8fc31f;color:#fff;}
.menuBox ul li a.link{color:#fff;}
.menuBox ul li .son_nav{display: none;padding:5px;background-color: #eee;border-top:2px solid #8fc31f;}
.menuBox ul li .son_nav a{display: block;font-size:16px;line-height:40px;color:#323232;border:none;}
.menuBox {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow-y: auto;
z-index: 100;
background: rgba(0,0,0,0.85);
}
.menuBox ul { padding-top:64px;}
.news_con li{ justify-content:space-between; flex-direction: column;align-items: center; margin: 25px 0 0;}
.a_title { padding: 0 0 30px 0;}
.footer .f_erweima div span{ font-size: 1.3rem;}
.about_l2 .about_p2 h1{ font-size: 1.5rem;}
.left_t{display: none;}
}
@media only screen and (max-width:1100px){
.slideBoxbann{ position:relative; overflow:hidden; margin:0 auto 0 auto; }
.slideBoxbann .hd{ position:absolute; height:26px; line-height:26px; bottom:7px; right:0; z-index:1; }
.slideBoxbann .hd li{ display:inline-block; width:8px; height:8px;border-radius:10px; background:rgba(255,255,255,0.5); text-indent:-9999px; overflow:hidden; margin:0 6px; }
.slideBoxbann .hd li.on{ background: #F60; }
.slideBoxbann .bd{ position:relative; z-index:0; }
.slideBoxbann .bd li{ position:relative; text-align:center; }
.slideBoxbann .bd li img{ vertical-align:top; width:100%;}
.slideBoxbann .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
.slideBoxbann .bd li .tit{ display:block; width:100%; position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focustitlebg.png) repeat-x; color:#fff; text-align:left; }
.huisebg{ padding:20px 0 35px 0;}
.news_con li .detail a{ font-size: 1.1rem;}
.news_con li .detail p{ line-height:1.7rem;font-size: 0.95rem;}
.se_xinlai{width:100%;padding: 20px 0 0 0;}
.se_xinlai .xinlai_num #wrap .xinlai_num_li{width: 48%; height: 161px;padding: 25px 0 0 0;}
.xinlai_num #wrap .xinlai_num_li:nth-child(3), .xinlai_num #wrap .xinlai_num_li:nth-child(4){padding: 0 0 0 0;}
.se_xinlai .xinlai_num .jumbo{font-size: 3rem; line-height: 4rem;}
.se_xinlai .xinlai_num #wrap .xinlai_num_li:nth-child(1),.se_xinlai .xinlai_num #wrap .xinlai_num_li:nth-child(2){ margin: 0 0 15px 0;}
.title_b{margin-top: 28px;}
.se_fl_title div{font-size: 2rem;}
.pro2{padding:30px 0 35px 0;background: #fff}
.d_title{ text-align: center;padding:0px 10px 15px 10px}
.d_title div{ font-size: 1.5rem;font-weight: bold;line-height: 2.5rem;}
.huise4{ padding:30px 0 30px 0}
.d_title p{ font-size: 1rem;}
.se_espcms_book4 .se_pro_text_pp a{margin:0 auto}
.se_espcms_book4 .se_pro_text_pp h1{ font-size: 1.5rem;font-weight: bold;margin: 0 0 0 0; text-align: center;padding: 0 0 15px 0; }
.p_jieshao2 p{ padding: 15px 0 25px 0;}
.se_pro_b .se_pro_a_text p.se_pro_b_title{font-size: 1.3rem;font-weight: bold; margin: 0 0 15px 0;}
.se_q img{ width: 60px;}
.se_espcms_book3{ position: relative;padding: 70px 4% 0 4%;}
.se_espcms_book3:after{width:100%;height: 52px;background: #0662b8; content: ''; left:0;top:0;z-index: 2; position: absolute; }
}
@media only screen and (max-width:760px){
.news_con .news_pic{width:100%; }
.news_con li .detail{width:100%;height: auto; padding: 15px;}
.xinlai_num .jumbo{font-size: 2rem;line-height: 1.7rem;}
.xinlai_num #wrap .xinlai_num_li span{font-size: 0.8rem;}
.xinlai_num #wrap .xinlai_num_li p{font-size: 0.95rem;padding: 0 0 0 0;line-height: 1.5rem;}
.title_a{padding: 0 0 25px 0;}
.title_a p{ font-size: 2rem;}
.title_a span{font-size: 1rem;line-height:1.7rem;}
.swiper-button-prev-inyf, .swiper-button-next-inyf{width: 36px; height: 36px }
.chanpin_con .pro_text strong{font-weight: normal;}
.b_title{ padding:20px 30px 20px 30px;}
.pro_r{display: none;}
.a_t div{ font-size: 2rem; width: 89%;}
.a_t p{font-size: 1rem;padding:0 35px}
}