@font-face {
	font-family:'seg';
	src: url(../fants/SEGUIHIS.TTF);
}
@font-face {
	font-family:'my';
	src: url(../fants/MyriadPro-Regular.otf);
}

body,div,ul,li,h1,h2,h3,h4,h5,p,table,td,tr,p,dl,dt,dd{ padding:0; margin:0; list-style:none;}
html{font-size:50px;}
body{ font-family: sans!important; font-size:14px; font-size:0.28rem;color:#262626;letter-spacing:1px}
a{ color:#666; text-decoration:none;}
a:hover{}
img{border:0;max-width:100%;}
.clear{ clear:both;}
._flex{display: flex;display: -ms-flexbox;display: -webkit-flex;}
.swiper-slide img{ max-width:100%;}
.swiper-wrapper{position:relative;}
.fp-tableCell{display:block!important;}
.header{width: 100%;height:80px; text-align: center;position: fixed;z-index:999;background-color: #191512;}
.nav{width: 100%; }
.logo{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.nav ul{display: -webkit-box; display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: center;-ms-flex-pack :center;display: -moz-box;position: relative;}
.nav li{position:relative;padding-left:0.5rem;padding-right:10px;line-height:80px;line-height:1.6rem;}
.nav ul li a{font-size: 18px;font-size:0.36rem;text-decoration: none;color:white;position:relative;}
.erji a:hover{color:#af0808!important;}
.nav li:nth-child(3){margin-right:8%;}
.nav li:nth-child(4){margin-left:8%;}
.erji{width: 260px;text-align:left;z-index:999;position:absolute;display:none;background:#fff;white-space:nowrap;line-height: 20px;line-height: 0.4rem;-webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);box-shadow: 0 0 4px rgba(0,0,0,.2); box-sizing: border-box;}
.erji a{color:black!important;font-size:12px!important;font-size:0.24rem!important;padding:10px;font-weight: 100;display:block;}
.erji a:hover{color:#efc237;text-decoration: none;}
.act{background:#af0808!important;}

.nbanner{position: relative;    background-position: 100% center;height:8rem;}
.nbanner::before{content: '';position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.22);}
.nbanner_part{position: absolute;top: 60%;transform: translate(-50%,-60%);left: 50%;z-index: 99;}
.nbanner_part h2{color: white;font-size: 1rem;padding-bottom: 0.3rem;text-transform: uppercase;text-align: center;}
.nbanner_part ol{color: #e2e2e2;font-size:0.3rem;margin: 0;padding: 0;text-align: center;}
.nbanner_part a{color:#e2e2e2;}
.nbanner_part li{position: relative;display: inline-block;}



.section{width:100%;background:#f5f0f1!important;}
.section1{background:#191512!important;text-align:center;}
.section1_part{position: relative;top: 50%;transform: translate(0,-50%);}
.section1_part img{width:65%;}
.section1_part p{color:white;font-size:24px;font-size:0.48rem;padding-bottom:3%;animation-delay: 1s;animation-duration: 2s;}
.section1_part h1{color:white;font-size:100px;font-size:2rem;padding-top:2%;font-weight:bold;letter-spacing: 30px;animation-delay: 0.5s;animation-duration: 2s;}
.slide{box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;}
.section_part{display:flex;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;height:100%;overflow:hidden;padding-top:80px;}
.section_part1{width:45%;position:relative;}
.section_part1 h2{font-size:48px;font-size:0.96rem;font-weight:bold;color:#5e5656;}
.section_part1 p{padding-bottom: 5%;color:#5e5656;font-size:18px;font-size:0.36rem;line-height:35px;line-height: 0.7rem;text-indent: 2em;}
.section_part1 span{margin-top: 5%;display: block;border: solid 3px #af0808;  width: 22%;margin-bottom: 10%;}
.section_part1  a{font-size:14px;font-size:0.28rem;margin-top:200px;color:#5e5656;}
.section_part1  a:hover{color:#af0808;text-decoration: none;}
.section_part1 i{font-size:40px;font-size: 0.8rem; position: relative; top: 5px;color:#af0808;}
.section_part1_center{width: 400px;position: absolute;top: 50%;transform: translate(-70%,-50%);left: 70%;}
.section_part2{width:55%;padding:0 25px;text-align: center;    position: relative;}
.section_part2 img{position: relative;top:23%;}
.slide_nav{position: absolute;width: 100%;bottom: 3%;z-index: 99;}
.slide_nav ul{display:flex;display:-ms-flexbox;text-align: center; justify-content: center;-ms-flex-pack: center;}
.slide_nav a{width: 15px;background: white;margin: 0 10px;border-radius: 100%;height:15px;display: block;}
.section6>.fp-tableCell{display:block!important;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{border:white!important;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {background: #af0808!important;}

.se_xq{    display: flex;position: absolute;bottom: 2%; justify-content: center;align-items: center;}
.se_img{  width: 20%;padding: 15px;margin: 10px;    }
.se_xq img{border: 4px solid whitesmoke;border-radius: 100%;display: block; }
.se_xq img::before{content:'';}

.mid{    background: rgba(0, 0, 0, 0.28);position: relative;}
.left_er{ display:none;position: absolute; z-index: 999;background: white; box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)}
.left_er li{}
.left_er a{color:black!important;padding: 10px 60px 10px 10px!important;}
.mid_nav{justify-content: space-around;}
.mid_nav a{display:block;padding:10px;color:white;}
.mid_nav a:hover{color: red!important;}

.lg_ch{display: inline-block;color: white; position: absolute;right: 5%;top: 50%;text-decoration: none;transform: translate(-5%,-50%);}
.lg_ch:hover{color:#af0808;}
#s2_1,#s2_2,#s3_1,#s3_2,#s4_1,#s4_2,#s5_1,#s5_2,#s6_1,#s6_2{visibility: hidden;animation-duration: 2s; }
.section_hd {visibility: visible!important;}
.texthh{text-indent: 2em;}

.foot{    background: #3d3c3c;}
.footer_nav ul{display:flex;display:-ms-flexbox; justify-content: center;-ms-flex-pack: center;margin:3% 0;}
.footer_nav li{padding:0 15px;}
.footer_nav a{font-size:16px;font-size:0.32rem;color:white;}
.footer_nav a:hover{text-decoration: none;color:#af0808;}
.footer_part{display:flex;display:-ms-flexbox; display: -webkit-flex;-webkit-box-pack: justify; -ms-flex-pack: justify;justify-content: space-between;}
.footer_part h2{font-size:36px;font-size:0.72rem;color:#af0808;font-weight:bold;padding-bottom:15px;margin-top:30px;}
.footer_part a,.footer_part p,.footer_part h3{color:#ffffff;font-size:14px;font-size:0.28rem;line-height:30px;line-height: 0.6rem;}
.footer_part a:hover{text-decoration: none;color:#af0808;}
.footer_part1,.footer_part2,.footer_part3{width:30%;padding:0 15px;text-align:center;}
.footer_part_center{width: fit-content; width: -webkit-fit-content;width: -moz-fit-content;margin: auto;text-align: left;}
.footer_last{text-align:center;color:#ffffff;padding:10px 0;margin-top:6%;font-size:14px;font-size:0.28rem;}

/*分页代码*/
.pagelist {clear:both; font-size: 12px;font-size:0.24rem; padding:20px 0;text-align:center;}
.pagelist a{ padding: 5px 9px; border: solid 1px #af0808; background: #fff; text-decoration: none;margin:3px; color:#666; font-family:宋体,arial,sans-serif;}
.pagelist a:visited, #nowpage { padding: 3px 8px; margin:3px; border: solid 1px #af0808; background: #fff; text-decoration: none; }
.pagelist a:hover, #nowpage{color:#97262a; background: #fff; border-color:#af0808; text-decoration: none;}

.contane{padding-top:80px;padding-bottom:5%;}
.banner{text-align: center; padding-top:3%;padding-bottom:3%;background-color: rgba(247, 247, 247, 1);border-bottom: 1px solid #e1e1e1;padding-top: 67px;}
.banner h2{ont-weight: 100;letter-spacing: 0px;padding-top: 3%;}
.weizhi_center{margin-top:10px;font-size:13px;font-size:0.26rem;     color: rgba(255, 255, 255, 0.6);text-align: center;}
.weizhi_center a{ color: inherit;}
.weizhi_center span{padding:0 15px;    color: inherit;}





.about_top{display:flex;display:-ms-flex;display:-webkit-flex;-webkit-box-pack: center; -ms-flex-pack:  center;justify-content:  center;}
.about_top_l,.about_top_r{width:50%;padding:0 20px;    position: relative;overflow:hidden;}
.about_top_l_center{    position: relative; top: 50%;transform: translate(0,-50%);}
.about_top_l_part h2{font-size:60px;font-size: 1.2rem;line-height: 70px;line-height: 1.4rem; font-weight: 700;letter-spacing: 0px;display: inline-block;position: relative;margin-bottom: 15px;}
.about_top_l_part span{   border-bottom: solid 1px; width: 100%; position: absolute;top: 50%;margin-left: 20px;}
.about_top_l h3{  font-size:22px;  font-size: 0.44rem;line-height: 36px;line-height: 0.75rem;font-weight: 700;letter-spacing: 0px;margin-bottom: 15px;}
.about_top_l h4{font-size:16px;font-size:0.32rem;line-height: 26px;line-height: 0.52rem;font-weight: 600;letter-spacing: 0px;margin-bottom: 15px;}
.about_top_l p{font-size:13px;font-size: 0.26rem;margin-bottom: 15px;line-height: 26px;line-height: 0.52rem;}
.about_ect{margin-top:50px;padding:0 20px;margin-bottom: 80px;}
.about_ect h2{font-size:30px;font-size: 0.6rem; line-height: 40px;line-height: 0.8rem;font-weight: 700;letter-spacing: 0px;margin-bottom:40px;}
.about_ect_part{display:flex;display:-ms-flexbox; display: -webkit-flex;-webkit-box-pack: justify; -ms-flex-pack: justify;justify-content: space-between;}
.about_ect_part1{width:22%;padding:0 1%;}
.about_ect_part1 h3{text-align: center;padding: 70px 0; background: #fafafa;margin-bottom: 15px;}
.about_ect_part1 h4{font-size:22px;font-size: 0.44rem;line-height: 36px;line-height: 0.72rem; font-weight: 700;letter-spacing: 0px;margin-bottom: 15px;}
.about_ect_part1 p{font-size:13px;font-size: 0.26rem;margin-bottom: 15px;line-height: 26px;line-height: 0.52rem;}
.about_ect_part1 i{color: #af0808;}
.about_center{position:relative;background-color:#000;padding:50px 0;}
.about_center1{display:flex;display:-ms-flex;display:-webkit-flex;-webkit-box-pack: center; -ms-flex-pack:  center;justify-content:  center;padding-top:50px;padding-bottom:80px;}
.about_center_part{width:50%;padding:0 20px;}
.about_center img{width:70%;padding:0 20px;}
.about_center_part h2{font-size:60px;font-size: 1.2rem;line-height: 70px; line-height: 1.4rem;font-weight: 700;   letter-spacing: 0px;color:white;margin-bottom: 15px;}
.about_center_part p{font-size:13pxfont-size:0.26rem; margin-bottom: 15px; line-height: 26px;line-height: 0.52rem;color:white;}
.about_center_part a{background: white;padding: 12px;display: inline-block;border-radius: 5px; margin-top: 5%;}
.about_center_part a:hover{text-decoration: none;background:#f3f3f3;color:#000;}
.about_last{margin-top:60px;display:flex;display:-ms-flex;display:-webkit-flex;-webkit-box-pack: center; -ms-flex-pack:  center;justify-content:  center;padding-top:50px;}
.about_last1{width:40%;padding:0 20px;}
.about_last2{width:60%;padding:0 20px;}
.about_last2_part{position:relative;top:50%;transform: translate(0,-50%);}
.about_last2_part h2{font-size:30px;font-size:0.6rem;line-height:40px;line-height: 0.8rem;font-weight: 700;letter-spacing: 0px;margin-bottom: 24px;}
.about_last2_part p{font-size:13px;font-size: 0.26rem;margin-bottom: 15px;line-height:26px;line-height: 0.52rem;}
.about_last2_part a{box-shadow: inset 0 0 5px 0 rgba(0,0,0,.08);padding: 12px;display: inline-block;border-radius: 5px; margin-top: 5%;margin-right:1%;}
.about_last2_part a:hover{text-decoration: none;background:#f3f3f3;color:#000;}


@keyframes heart{
0%{transform:translate(0,0)}
50%{transform:translate(0,10px)}
100%{transform:translate(0,0px)}
}

.ability-nav2 a{
display: block;
 -webkit-animation-name: heart;
 -webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 3s;
}
.ability_team{margin-bottom:24px;}
.ability_team img{padding:0 20px;width: 100%;margin-top:50px;}
.ability_team_part{display:flex;display:-ms-flex;display:-webkit-flex;-webkit-box-pack: center; -ms-flex-pack:  center;justify-content:  center;}
.ability_team_part1{width:70%;padding:0 20px;}
.ability_team_part2{width:30%;padding:0 20px;}
.ability_team_part1 h6{font-size:16px;font-size: 0.32rem;line-height:26px;line-height: 0.52rem;font-weight: 600;letter-spacing: 0px;}
.ability_team_part1 p{line-height:26px;line-height: 0.52rem;}
.ability_team_part2 h3{font-size:26px;font-size:0.52rem;line-height: 70px;line-height: 1.4rem;font-weight: 600;margin-bottom: 45px;}
.ability_team_part2 li{line-height:30px;line-height: 0.6rem;}
.ability_seminar{display:flex;display:-ms-flex;display:-webkit-flex;padding:0 20px;}
.ability_seminar1{width:50%;}
.ability_seminar1 h2{font-size:26px;font-size: 0.52rem;line-height: 30px; line-height: 0.6rem;font-weight: 600;margin-bottom: 15px;}
.ability_seminar1 p{line-height: 26px;line-height: 0.52rem;margin-bottom: 15px;}
.ability_seminar1 a{box-shadow: inset 0 0 5px 0 rgba(0,0,0,.08);padding: 12px;display: inline-block;border-radius: 5px;margin-top: 5%;margin-right: 1%;}
.ability_seminar1 a:hover{text-decoration: none;background:#f3f3f3;color:#000;}
.ability_seminar1_center{position:relative;top:50%;transform:translate(0,-50%);}
.ability_device{margin:0 20px;padding-top:50px;}
.ability_device_center{display:flex;display:-ms-flexbox; display: -webkit-flex;-webkit-box-pack: justify; -ms-flex-pack: justify;justify-content: space-between;}
.ability_device_center1{width:30%;}
.ability_device_center1 img{padding:10px;background:#f8f8f8;    overflow: hidden;}
.ability_device_center1 h3{font-size:20px;font-size: 0.4rem; line-height: 30px;line-height: 0.6rem;font-weight: 600;margin: 15px 0;}
.ability_device_center1 a{padding: 12px;display: inline-block;border-radius: 5px;margin-top: 5%;margin-right: 1%; color: white;background: black;}
.ability_device_center1 a:hover{text-decoration: none;}

.newlist{ padding: 1.3rem 0;}
.news_list_text{display: flex;display: -ms-flexbox;display: -webkit-flex;align-items: center;border-bottom: solid 1px #e3e3e3;padding-bottom:0.4rem;margin-bottom:15px;}
.new_mes{padding:2%;width:70%;margin:auto;}
.news_list_text a{color#af0808;font-family:'robotob';}
.title{font-weight: bold; font-size: 0.5rem;color: black;padding-bottom: 0.3rem;}
.time{color:#acacac;padding-bottom: 0.3rem;}
.des{color: #666;padding-bottom: 0.3rem;font-family:'robotol';}
.news_list_pic{width:30%;}
.newcont_title{font-weight: bold;font-size: 0.5rem;text-align: center;padding: 1rem 0;font-family:'robotob';}
.mid_text img{max-width:100%;margin-bottom:2%;}
.mid_text  p{font-family:'robotol';color: #8e8e8e; font-size: 0.35rem; line-height: 0.7rem; margin-bottom: 0.4rem;}
.mid_text h3{font-size: 20px; font-weight: bold;padding: 15px 0;    text-align: center;}
.newcont_link{padding:1rem 0;text-align: center;border-bottom: 1px solid #efefef;}
.newcont_link a{border: solid 1px;display: inline-block; width: 1.2rem;height: 0.6rem;line-height: 0.6rem;}


.pro_list_ban{padding: 35px 0; font-size: 24px; color: #fff; background: #4b4b4b;}
.pro_left{float:left; width: 20%; background: #eef4f7;}
.pro_left.flex{position: fixed;top: 70px; left: 0;}
.foot.flex{margin-left:20%;}
.pro_left li>a{display: block; padding-left: 50px; line-height: 59px; height: 59px; font-size: 16px; color: #333; border-bottom: 1px solid #eaeaea;}
.pro_left li>a.act{background: #fff!important; border-right: 3px solid #af0808;}
.pro_left_ej{background: #f7f7f7; padding: 5px 0 3px;}
.pro_left_ej a{display: block; line-height: 40px; padding-left: 60px; margin-bottom: 2px;}
.pro_left_ej a.act{background:#af0808; color: #fff;  }
.pro_left_ej a:hover{background: #af0808; color: #fff;}
.pro_left_ej a i{margin-right: 8px;}

.pro_right{float:right; width: 80%;}
.pro_right_box{width: 84%; margin: 0 auto; border-bottom: 1px solid #ccc; padding: 50px 0;}
.pro_right_box:last-of-type{border-bottom: 0;}
.pro_right_title{font-size: 28px; line-height: 38px; margin-bottom: 15px; padding-left: 25px;}
.pro_right_title .xian{display: inline-block; width: 80px; height: 5px; background: #af0808; margin: 10px 0;}
.procont_pic{text-align:  center;}
.pro_right_des{display:flex;display:-ms-flexbox;display:-webkit-flex;j}
.pro_right_l{width: calc(100%/12*8);padding:0 25px;}
.pro_right_r{width: calc(100%/12*4);padding:0 25px;}
.mid_text p{ font-size:14px; color:#7e7e7e; line-height:26px; margin-bottom:10px;}
.mid_h3{ font-size:20px; line-height:30px; margin-bottom:15px; padding-top:20px;color:#333;font-weight: bold;}
.procont_cont{ margin: 10px 0 35px;font-size:14px; color:#7e7e7e; line-height:26px;padding:0 30px;}
.procont_cont p{margin-bottom:10px;}
.procont_cont .point{ display: inline-block; width: 10px; height: 10px; background: #af0808; margin-right: 8px; border-radius: 50%;}
.pro_banner{padding-top:80px;}
.pro_banner1{padding:3rem 0;}

.feedback_flex{display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content: space-around;-ms-flex-pack:justify; border-bottom: solid 1px #e0e0e0;padding: 3% 0;margin-bottom: 5%;}
.from{width:50%;padding:0 25px;}
.from h3{font-size: 16px;font-size: 0.32rem;line-height: 28px;line-height: 0.56rem;font-weight: 600;letter-spacing: 0px; margin-bottom: 15px;}
.from p{font-size: 16px;font-size: 0.32rem;line-height: 28px;line-height: 0.56rem;font-weight: 400;letter-spacing: 0px;margin-bottom:4%;}
.from input{padding: 10px;outline: none;margin: 0; max-width: 100%;display: block;margin-bottom: 20px;font-size: 13px; font-size: 0.26rem;border-radius: 0;box-sizing: border-box;     border: solid rgba(170, 170, 170, 0.25) 1px;box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.02);}
.from textarea{padding: 10px;outline: none;margin: 0; max-width: 100%;display: block;margin-bottom: 20px;font-size: 13px;font-size: 0.26rem;border-radius: 0;box-sizing: border-box;height: 137px;    border: solid rgba(170, 170, 170, 0.25) 1px;box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.02);}
.from a{ padding: 10px;text-align: center;background: #af0808;float: right;display: block;color: white;width: 120px; cursor:pointer;}
.from a:hover{text-decoration:none;background: #c50505;}
.feedback_cont{background: #fbfbfb;}
.feedback_cont_img{width:50%;padding:0 25px;}

.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background:#fff;
  height: 1px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.about_last{}
.about_last h2{    font-size: 25px;font-weight: bold;padding-bottom:30px;}
.about_last ul{padding-bottom: 6%;}
.about_last li{    padding-bottom: 20px;}
.about_last span{ font-weight: bold; font-size: 15px;}
.about_last p{line-height: 25px;font-size: 15px;}
.about_last img{width:32%;margin-bottom:15px;}

.nav_lg{display:none;}
.header_zsynav{position: absolute;top: 50%; right:2%;transform: translate(0,-50%);font-size:16px;display:none;}
.header_zsynav i{color:white;}
.mobpro_left,.mobpro_close{display:none;}
.pro_left.flex{position: fixed;top: 70px; left: 0;}

@media screen and (max-width:480px){
html{font-size:25px;}
.header{z-index:99;}
.logo{    left: 5%;transform: translate(0,-50%);}
.nav_lg{display:block;}
.lg_ch{display:none;}
.lg_ch a{font-size:18px;}
.header_zsynav,.about_top,.about_center1,.about_last,.nav {display:block;}
.nav ul{display:none;background: white;margin-top: 80px;    position: fixed;height: 100%;}
.nav li{margin:0!important;padding:15px 0;}
.nav .container{height:100%;}
.nav .row{height:100%;}
.nav ul li a{color:black;font-size: 15px;}
.section_part,.feedback_flex{display:block;position: relative;}
.section_part1,.section_part2,.about_top_l, .about_top_r,.about_last2,.about_last1,.from,.feedback_cont_img{width:100%;}
.section_part1{padding-top: 100px;}
.section_part1_center{    width: 100%; padding: 0 25px;   position: relative; top: 0; left: 0;transform: translate(0,0);}
.about_top_l_center,.about_last2_part{ width: 100%;position: relative; top: 0; left: 0;transform: translate(0,0);padding-top:20px;}
.about_ect_part1{width:45%;}
.about_ect_part{flex-wrap: wrap;}
.about_center_part{width:100%;}
.prolist dl{width:48%;}
.feedback_cont_img{padding-top: 50px;}
.footer_nav{display:none;}
.about_center{padding:0;}
.pro_left{width:100%;z-index:999;}
.pro_right{float:none;width:100%;}
.pro_right_des{display:block;}
.pro_right_r,.pro_right_box{width:100%;}
.pro_right_l{width:100%;}
.mobpro_left{display: inline-block;padding: 5px 10px 10px 5px;background:#af0808;color:#fff;border-radius: 0 0 20px 0;cursor: pointer;}
.mobpro_close{padding: 0px 10px;float: right;font-size: 20px;cursor: pointer;}
.mob_pro{display:none;}
.se_img{width:50%;}
.se_xq{bottom:0;}
}