@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
body{font-family:Arial; font-size:100%; color:#434343; width: 100%; margin: 0 auto; overflow-x:hidden;}
ol,ul,li,p,dl,dt,dd{list-style: none outside none; margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{ padding:0; font-size:100%; font-weight:normal;-webkit-margin-before:0em;  -webkit-margin-after:0em;}
img {border:none;}
a:link, a:visited {color:#161616; text-decoration: none;outline:none;}
a:hover, a:active {color:#238bd2; text-decoration: none;outline:none;}
.clear{clear:both;}
.kg{ max-width:1600px; width:96%; margin:0 auto;}
.kga{ margin:0 auto; max-width:1400px; width:96%;}
.kgb{ margin:0 auto; max-width:1100px; width:96%;}
.fl{ float:left;}
.fr{ float:right;}
.dw{ position:relative;}
.cj{ overflow:hidden;}
.green-black {display:block; padding-top:26px; padding-bottom:60px; clear:both;font-family:Arial, Helvetica, sans-serif; text-align:center;}
.green-black a{padding:5px 8px 5px 8px; border:1px solid #dddddd; height:12px; line-height:12px; zoom:1; font-weight:bold; font-size:12px; overflow:auto; margin-left:3px; margin-right:3px; color:#333; background:#fff;font-family:Arial, Helvetica, sans-serif; text-decoration:none;  transition:0.5s;}
.green-black a:hover {border:1px solid #dddddd; height:12px; line-height:12px; zoom:1;overflow:auto;background:#000; margin-left:3px; margin-right:3px; color:#fff;font-size:12px;font-family:Arial, Helvetica, sans-serif; transition:0.5s;}
.green-black span.current {padding:5px 8px 4px 8px;border:1px solid #dddddd; color:#fff; height:12px; line-height:12px; zoom:1; overflow:auto; background:#000; margin-left:3px; margin-right:3px; margin-top:0px; margin-bottom:0px; font-size:12px;}
.green-black a.prev_s{background:url(../images/prev_s.png) no-repeat center 0 #fff; padding:5px 15px;}
.green-black a.prev_s:hover{background:url(../images/prev_s.png) no-repeat center -24px #000;}
.green-black a.prev_t{background:url(../images/prev_t.png) no-repeat center 0 #fff; padding:5px 15px;}
.green-black a.prev_t:hover{background:url(../images/prev_t.png) no-repeat center -24px #000;}
.green-black a.next_x{background:url(../images/next_x.png) no-repeat center 0 #fff; padding:5px 15px;}
.green-black a.next_x:hover{background:url(../images/next_x.png) no-repeat center -24px #000;}
.green-black a.next_w{background:url(../images/next_w.png) no-repeat center 0 #fff; padding:5px 15px;}
.green-black a.next_w:hover{background:url(../images/next_w.png) no-repeat center -24px #000;}
::-webkit-scrollbar {width:3px;height:8px;background-color:#fff;border-radius:2px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:1px}
#dituContent{ height:350px;}
@media screen and (max-width:770px){#dituContent{height:200px;}}

@font-face {
 font-family:"alternate";
 src: url("../fonts/alternate.eot"),
      url("../fonts/alternate.ttf");
}
@font-face {
 font-family:"Dinr";
 src: url("../fonts/Dinr.eot"),
      url("../fonts/Dinr.ttf");
}
@font-face {
 font-family:"Syb";
 src: url("../fonts/Syb.eot"),
      url("../fonts/Syb.ttf");
}
@font-face {
 font-family:"Sym";
 src: url("../fonts/Sym.eot"),
      url("../fonts/Sym.ttf");
}
@font-face {
 font-family:"Syl";
 src: url("../fonts/Syl.eot"),
      url("../fonts/Syl.ttf");
}
@font-face {
	font-family:"Sysb";
	src: url("../fonts/Sysb.ttf");
}

/*基础配置*/
@keyframes topbom{ 0%{bottom:3%; opacity:1;} 50%{bottom:5%; opacity:0.7;} 100%{bottom:3%; opacity:1;}} @-webkit-keyframes zzt{ 0%{bottom:5%; opacity:1;} 50%{bottom:6%; opacity:0.7;} 100%{bottom:5%; opacity:1;}}
@keyframes probom{ 0%{bottom:80px; opacity:1;} 50%{bottom:90px; opacity:0.7;} 100%{bottom:80px; opacity:1;}} @-webkit-keyframes zzt{ 0%{bottom:80px; opacity:1;} 50%{bottom:90px; opacity:0.7;} 100%{bottom:80px; opacity:1;}}
@keyframes nzzt{0% {-webkit-transform: perspective(1000px) scale(1);transform: perspective(1000px) scale(1);}100% {-webkit-transform: perspective(1000px) scale(1.1);	transform: perspective(1000px) scale(1.1);}}
@keyframes bandong{0% {-webkit-transform: perspective(1000px) scale(1);transform: perspective(1000px) scale(1);}50% {-webkit-transform: perspective(1000px) scale(1.1);	transform: perspective(1000px) scale(1.1);}100% {-webkit-transform: perspective(1000px) scale(1);transform: perspective(1000px) scale(1);}}
/*@group header*/
/*首页*/
.top{width:100%; left:0; top:0; height:90px; position:absolute; z-index:999; border-bottom: 1px solid rgba(0,0,0,0.05); /*box-shadow:0px 1px 2px rgba(0,0,0,0.3);*/  transition: 0.5s;}
.top_kg{ width:98%; max-width: 1600px; margin:0 auto; display: flex; align-items: center; justify-content: space-between;}
.top.header-index{ display:none;}
.tel{ display: flex; position: relative; align-items: center;}
.tel a{ padding-left: 31px; position: relative;}
.tel a:nth-child(1){ padding-left: 0;}
.tel a::after{content: ''; width: 1px; height: 21px; background: rgba(0,0,0,0.05); position: absolute; left: 15px; top: 3px;}
.tel a:nth-child(1):after{ display: none;}
.tel a:nth-child(3){ display: flex;}
.tel a:nth-child(3) p{ margin-left: 10px; color: #5d5d5d; font-size: 0.875rem; position: relative; line-height: 1.125em; font-family:"Dinr";}
.tel a:nth-child(3) p::after{ content: ''; width: 0; height: 0; border: 4px solid transparent; border-top: 5px solid #5a5a5a; position: absolute; bottom: -3px; left: 6px;}
.tsous{ background: #fff; border-top: 1px solid #f1f1f1; padding: 10px 0;}
.tsous .kg{ display: flex; justify-content: center; align-items: center; max-width: 1080px;}
.tsous form{ display: flex; position: relative; flex: 1;}
.sous_kg{ border: none; height: 44px; padding: 0 4%; width: 80%; background: url(../images/top_02.png) no-repeat left center; background-size: auto 40%; outline: none; font-size: 1rem;}
.sous_an{ width: 12%; height: 44px; border: 0; background: #d00011; outline: none; cursor: pointer; font-family:"Microsoft YaHei"; font-size: 1.125rem; color: #fff;}
.tsousxx{ margin-left: 20px; width: 34px; height: 34px; background: rgba(0,0,0,1); line-height: 34px; text-align: center; color: #fff; border-radius: 50%; font-size: 1rem; cursor: pointer;}
.tsousxx:hover{ color: #fff;}

.sp_nav{ display:none;}
.sjj_nav>ul{ display: flex;}
.sjj_nav>ul>li .sp_nav_xjb{ display:none;}
.sjj_nav>ul>li>a{display:block;  padding:0 30px; text-align:center; font-size:1rem; height:90px; line-height:90px; color: #414141; position: relative; transition:0.5s;}
.sjj_nav>ul>li>a::after{ content: ''; background:#d00011; display:block; position:absolute; left:25%; bottom:-1px; height:3px; transition:0.5s; width:50%; transform:scaleX(0); transition:0.5s;}
.sjj_nav>ul>li>a:hover::after,.sjj_nav>ul>li.cur>a::after{transform:scaleX(1); transition:0.5s;}
.sjj_nav>ul>li>ul.sub{ position: absolute; background: rgba(0,0,0,1); width: 100%; left: 0; padding: 30px 0 40px 0; display: none;}
.proej{ display: flex; justify-content: space-between; max-width: 1600px; width: 96%; margin: 0 auto;}
.proej>li{flex: 0 0 250px;}
.proej>li:nth-child(1){flex: 0 0 460px;}
.proej>li>a{ font-size: 1.125rem; font-weight: bold; color: #fff; display: block; margin-bottom: 20px; line-height: 1em; transition: 0.5s;}
.proej>li>a:hover{ color: #d00011; transition: 0.5s;}
.proej>li>ul{ display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between;}
.proej>li>ul>li{flex: 0 1 48%;}
.proej>li:nth-child(1)>ul>li{flex: 0 1 32%;}
.proej>li>ul>li{ text-align: center;}
.tpro_pic{ opacity: 0.5; transition: 0.5s;}
.proej>li>ul>li:hover .tpro_pic{ opacity: 1;}
.proej>li>ul>li .tpro_mc{ font-size: 0.875rem; color: #b4b4b4; line-height: 22px;}

.topnewpro{ flex: 0 0 500px; border-left: 1px solid rgba(255,255,255,0.2); padding-left: 90px; box-sizing: border-box; position: relative;}
.topnewpro>li>a{ font-size: 1.25rem; font-weight: bold; color: #fff; display: block; margin-bottom: 20px; line-height: 1em; transition: 0.5s;}
.topnewpro>li>a:hover{ color: #d00011; transition: 0.5s;}
.topnpro_kg a{ display: block;}
.topnpro_kg a:nth-child(n+2){ margin-top: 10px;}
.topnpro_pic{ overflow: hidden; border-radius: 5px; display: inline-block;}
.topnpro_pic img{ display: block; max-width: 100%;}
.topnpro_mc{ padding-top: 5px; font-size: 0.875rem; color: #b4b4b4; text-align: center;}
.topnewpro_jt{ display: flex; position: absolute; top: 5px; right: 0; z-index: 99;}
.topnewpro_jt a{ cursor: pointer; display: block;}
.topnewpro_jt a.prev{ transform: scaleX(-1); margin-right: 20px;}
.topnpro_kg a:nth-last-child(1){ display: inline-block; height: 44px; color: #fff; position: relative; padding-right: 30px;}
.topnpro_kg a:nth-last-child(1)::before{ content: ''; width: 18px; height: 18px; background: #b10000; position: absolute; right: 0; top: 3px; border-radius: 50%;}
.topnpro_kg a:nth-last-child(1)::after{ content: ''; border: 3px solid transparent; border-left: 4px solid #fff; position: absolute; right: 4px; top: 9px;}
@media screen and (max-width:1500px){
.topnewpro{ flex: 0 0 330px; padding-left: 50px;}
}
@media screen and (max-width:1020px){
.top.header-index{ display:block;}
.indnav.fp-viewing-1 .top,.indnav.fp-viewing-2 .top{ background: rgba(255,255,255,0.8);}
.top{height:80px;}
.top_kg{ width: 100%;}
.logo {padding-left: 1%;}
.tel{ margin-left: 200px;}
.sjj_nav>ul{ display: block;}
.sjj_nav>ul>li>a::after{ display: none;}
.sjj_nav>ul>li>ul.sub{ position: relative; background: none; width: auto; left: auto; padding: 0; display: none;}
.proej{ display: block; width: auto; margin: 0;}
.proej>li{ position: relative; border-top: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px;}
.proej>li>a{ line-height: inherit; margin-bottom: 0;}
.proej>li>ul{ display: flex !important;}
.proej>li>ul>li,.proej>li:nth-child(1)>ul>li{ flex: 0 1 32%;}
.tpro_pic img{ width: 80%;}
.topnewpro{ display: none;}
}
@media screen and (max-width:700px){ 
.top{height:50px;}
.tel{ margin-left: 0px;}
.logo img{ height: 24px;}
.tel a{ padding-left: 21px;}
.tel a::after{ left: 11px; top: 0;}
.tel a img{ height: 20px;}
.tel a:nth-child(3) p{ margin-left: 5px;}
.tsous{padding: 5px 0;}
.sous_kg{ height: 32px; padding: 0 2% 0 6%; width: 76%; font-size: 0.9375rem;}
.sous_an{ width: 18%; height: 32px; font-size: 0.9375rem;}
.tsousxx{ margin-left: 10px; width: 30px; height: 30px; line-height: 30px; font-size: 0.9375rem;}
}

.index {position:relative;}
.index .section {position:relative;}
.index .section-0{background-size:cover; overflow:hidden;}

/*开场动画*/
.logodh{ height: 100vh; position: absolute; left: 0; top: 0; z-index: 99; display: flex; align-content: center; justify-content: center; flex-wrap: wrap; width: 100%; overflow: hidden; background: rgba(255,255,255,1); transform: scale(1); opacity: 1; transition: 1s 6s;}
.logodh ul{ display: flex; justify-content: center; align-items: center; position: relative;}
.logodh li{ flex: 0 1 auto; position: relative; height: 140px; overflow: hidden;}
.logodh li:nth-child(1){transform: matrix(3, 0, 0, 3, 400, -100); transition: 1s 1s;}
.logodh li:nth-child(2){transform: matrix(1, 0, 0, 1, 0, 200); opacity: 0; transition: 1s 2.1s;}
.logodh li:nth-child(3){transform: matrix(1, 0, 0, 1, 0, 200); opacity: 0; transition: 1s 2.2s;}
.logodh li:nth-child(4){transform: matrix(1, 0, 0, 1, 0, 200); opacity: 0; transition: 1s 2.3s;}
.logodh li:nth-child(5){transform: matrix(1, 0, 0, 1, 0, 200); opacity: 0; transition: 1s 2.4s;}
.logodh li:nth-child(6){transform: matrix(1, 0, 0, 1, 0, 200); opacity: 0; transition: 1s 2.5s;}
.logodh li:nth-child(7){transform: matrix(1, 0, 0, 1, 0, 200); opacity: 0; transition: 1s 2.6s;}
.logodh li:nth-child(8){transform: matrix(1, 0, 0, 1, 0, 200); opacity: 0; transition: 1s 2.7s;}
.logodh li:nth-child(9){transform: matrix(3, 0, 0, 3, 0, 0); opacity: 0; transition: 1s 3.2s;}
.logodh li:nth-child(10){transform: matrix(1, 0, 0, 1, 0, 200); opacity: 0; transition: 1s 2.8s;}
.logodh li:nth-child(11){transform: matrix(1, 0, 0, 1, 0, 200); opacity: 0; transition: 1s 2.9s;}
.logodh li:nth-child(9){position: absolute; top: -16%; right: 19.8%;}
.logodh li img{ height: 100%;; display: block;}
.logomc{ font-size: 4rem; flex: 0 1 100%; letter-spacing: 5px; display: flex; justify-content: center; color: #000;}
@media screen and (max-width:1500px){
.logodh li:nth-child(1){transform: matrix(2.5, 0, 0, 2.5, 370, -70);}
.logodh li{height: 120px;}
.logomc{ font-size: 2.875rem;}
}
@media screen and (max-width:1020px){
.logodh li:nth-child(1){transform: matrix(2, 0, 0, 2, 310, -70);}
.logodh li{height: 100px;}
.logomc{ font-size: 2.25rem;}
}
@media screen and (max-width:700px){
.logodh li:nth-child(1){transform: matrix(1.5, 0, 0, 1.5, 140, -30);}
.logodh li{height: 46px;}
.logomc{ font-size: 1.5rem;}
}
/*开场动画*/

/*banner*/
.banner{position: relative; width: 100%; height: 100vh;}
.banner .swiper-wrapper .swiper-slide{ position: relative; overflow: hidden; height: 100vh;}
.banner .swiper-wrapper .swiper-slide a{display: block; background-size: cover !important; height: 100vh;}
.ban_a{ padding-top: 19.5%; color: #000;}
.ban_a p{font-size: 2rem; font-family: 'Syb'; padding-bottom: 10px; position: relative; opacity: 0; top: 120px;}
.ban_a img{ display: block; position: relative; opacity: 0; top: 120px; height: 74px;}
.ban_a span{ display: block; font-size: 1rem; padding-top: 15px; position: relative; opacity: 0; top: 120px;}
.banner .swiper-wrapper .swiper-slide.swiper-slide-active .ban_a p{ opacity: 1; top: 0; transition: 2s;}
.banner .swiper-wrapper .swiper-slide.swiper-slide-active .ban_a img{ opacity: 1; top: 0; transition: 2s 0.5s;}
.banner .swiper-wrapper .swiper-slide.swiper-slide-active .ban_a span{ opacity: 1; top: 0; transition: 2s 1s;}

.ban_2>h2{ font-size: 30px; margin-bottom: 20px; color:#282727; padding-top: 100px;  }
.ban_2>p{ font-size:18px;  color:#282727;  }
.ban_b{ padding-top: 19.5%; color: #000;}
.ban_b h2{ font-size: 2rem; font-weight: bold; font-family: "Syb"; padding-bottom: 7px; position: relative; opacity: 0; top: 120px;}
.ban_b p{ font-size: 2.5rem; font-weight: bold; line-height: 1em; color: #6a0000; font-family: 'Syb'; position: relative; opacity: 0; top: 120px;}
.ban_b span{ display: block; font-size: 1rem; line-height: 24px; font-weight: normal; font-family:"Microsoft YaHei";padding-top: 15px; position: relative; opacity: 0; top: 120px;}
.banner .swiper-wrapper .swiper-slide:nth-child(2) .ban_b{ padding-top: 17%;}
.banner .swiper-wrapper .swiper-slide:nth-child(3) .ban_b p{color: #000;}
.banner .swiper-wrapper .swiper-slide.swiper-slide-active .ban_b h2{ opacity: 1; top: 0; transition: 2s;}
.banner .swiper-wrapper .swiper-slide.swiper-slide-active .ban_b p{ opacity: 1; top: 0; transition: 2s 0.5s;}
.banner .swiper-wrapper .swiper-slide.swiper-slide-active .ban_b span{ opacity: 1; top: 0; transition: 2s 1s;}

.banner .swiper-pagination{ position: absolute; bottom: 28%; left: 8.5%; display: flex; text-align: center; width: auto; z-index: 99;}
.banner .swiper-pagination span.swiper-pagination-bullet{ width: auto; display: block; height: 33px; background: none; color: #979797; font-size: 1.125rem; line-height: 1em; font-family: 'Dinr'; margin: 0 0 0 35px; opacity: 1; cursor: pointer; position: relative; transition: 0.5s;}
.banner .swiper-pagination span:nth-child(1){ margin-left: 0;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{color: #333; transition: 0.5s;}
.banner .swiper-pagination span::after{ content: ''; width: 90%; left: 5%; position: absolute; bottom: 0; height: 4px; background: #262626; border-radius: 2px; transform: scaleX(0); transition: 0.5s;}
.banner .swiper-pagination span.swiper-pagination-bullet-active::after{ transform: scaleX(1); transition: 0.5s;}

.ban_zj{ position: absolute; left: 0; bottom: 4%; width: 100%; color: #fff; z-index: 9; display: none;}
.ban_zj .kga{ display: grid; grid-template-columns: repeat(2,auto); justify-content: end; align-items: end;}
.pageState{ font-size: 1.125rem; font-family: 'Din';}
.pageState span{ font-size: 1.5rem;}
.ban_jt a{ margin-left: 20px; font-size: 1.125rem; color: rgba(255,255,255,0.5); transition: 0.5s; cursor: pointer;}
.ban_jt a:hover{ color: rgba(255,255,255,1); transition: 0.5s;}
@media screen and (max-width: 1700px){
.banner .swiper-pagination{ left: 2.5%;}
}
@media screen and (max-width:1400px){
.banner .swiper-pagination{bottom: 15%;}
}
@media screen and (max-width:1270px){
.banner .swiper-pagination{bottom: 20%;}
}
@media screen and (max-width:1020px){
/* .banner .swiper-wrapper .swiper-slide:nth-child(1) a{ background: url(../images/sbanner5.jpg) no-repeat center !important; background-size: cover !important;}
.banner .swiper-wrapper .swiper-slide:nth-child(2) a{ background: url(../images/sbanner1.jpg) no-repeat center !important; background-size: cover !important;}
.banner .swiper-wrapper .swiper-slide:nth-child(3) a{ background: url(../images/sbanner2.jpg) no-repeat center bottom !important; background-size: cover !important;}
.banner .swiper-wrapper .swiper-slide:nth-child(4) a{ background: url(../images/sbanner3.jpg) no-repeat center bottom !important; background-size: cover !important;}
.banner .swiper-wrapper .swiper-slide:nth-child(5) a{ background: url(../images/sbanner4.jpg) no-repeat center !important; background-size: cover !important;}
.banner .swiper-wrapper .swiper-slide:nth-child(6) a{ background: url(../images/sbanner5.jpg) no-repeat center !important; background-size: cover !important;}
.banner .swiper-wrapper .swiper-slide:nth-child(7) a{ background: url(../images/sbanner1.jpg) no-repeat center !important; background-size: cover !important;} */
.banner .swiper-pagination{bottom: 10%; left: 0%; width: 100%; justify-content: center;}
.banner .swiper-pagination span.swiper-pagination-bullet{color: #ddd; font-size: 1rem; margin: 0 15px;}
.banner .swiper-pagination span:nth-child(1){ margin-left: 15px;}
}
@media screen and (max-width:700px){
.ban_a p{font-size: 1.125rem;}
.ban_a img{ height: 26px;}
.ban_b h2{ font-size: 1.125rem;}
.ban_b p{ font-size: 1.625rem;}
.ban_b span br{ display: none;}
}
/*banner*/

.index .section-1 { overflow:hidden; position:relative;}
.index .section-1>video{ position: absolute; left: -20%; top: -20%; width: 140%; height: 140%; background: #000;}
.index .section-1::after{ content: ''; width: 100%; height: 100%; background: url(../images/index_bga.png) repeat rgba(0,0,0,0.5); position: absolute; left: 0; top: 0;}
.inda_kg{ padding-top: 15%; position: relative; z-index: 9; color: #fff;}
.inda_bt{ font-size: 2.5rem; font-family: 'Syb'; display: flex;}
.inda_bt span{ padding: 0 10px; transform: scale(0.6);}
.inda_bta{ font-size: 2rem; font-family: 'Sym';}
.inda_an{ margin-top: 30px;}
.inda_an p{ border: 1px solid #fff; position: relative; width: 60px; height: 60px; border-radius: 50%;}
.inda_an p::after{ content: ''; width: 0; height: 0; border: 11px solid transparent; border-left: 15px solid #fff; position: absolute; left: 40%; top: 31%;}
.inda_an span{ display: block; width: 62px; text-align: center; font-family: 'Dinr'; font-size: 1rem; text-transform: uppercase; padding-top: 10px;}
.inda_vdo{ display: none;}
@media screen and (max-width:1020px){
.index .section-1{background:url(../images/index_bga.jpg) no-repeat center; background-size: cover;}
.index .section-1>video{ display: none;}
.inda_vdo{ display: block; margin-top: 30px; position: relative;}
.inda_vdo>img{ display: block; width: 100%;}
.inda_vdo>video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
}
@media screen and (max-width:700px){
.inda_bt{ font-size: 1.625rem;}
.inda_bta{ font-size: 1.125rem;}
.inda_yw{ font-size: 0.75rem; line-height: 1.375em;}
}

.index .section-2{overflow:hidden; position:relative;}
.index .section-2>video{ position: absolute; left: 0; top: -7%; width: 100%; height: 114%; background: #000;}
.indb_kg{ display: flex; height: 100%; align-content: center; position: relative; z-index: 9; color: #fff; flex-wrap: wrap; text-align: center;}
.indb_bt,.indb_mc,.indb_an{ flex: 0 1 100%;}
.indb_bt p{ font-family: 'Dinr'; font-size: 1rem; text-transform: uppercase; letter-spacing: 1.8px;}
.indb_bt h2{ font-size: 2.5rem; font-family: 'Syb'; line-height: 1.25em;}
.indb_mc{ font-family: 'Syl'; font-size: 2.5rem; letter-spacing: 4px; margin-top: 17px; line-height: 1em;}
.indb_an{ padding-top: 30px;}
.indb_an a{ display: block; border: 2px solid rgba(255,255,255,0.5); width: 128px; height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 1rem; margin: 0 auto; transition: 0.5s;}
.indb_an a:hover{ border: 2px solid rgba(255,255,255,1); background: #fff; color: #000; transition: 0.5s;}
@media screen and (max-width:1020px){
.index .section-2{background:url(../images/index_bgb.jpg) no-repeat center; background-size: cover;}
.index .section-2>video{ display: none;}
.inda_kg{ padding-top: 20%;}
}
@media screen and (max-width:700px){
.indb_bt p{ font-size: 0.75rem;}
.indb_bt h2{ font-size: 1.625rem;}
.indb_mc{ font-size: 1.625rem;}
.indb_an a{ width: 104px; height: 30px; line-height: 30px; font-size: 0.875rem;}
}

.index .section-3 {position:relative; z-index:9; overflow:hidden;}
.indc_kg{ display: flex; align-content: center; flex-wrap: wrap; height: 100%;}
.indc_tit,.indc_nr,.indc_an{ flex: 0 1 100%;}
.indc_tit{ color: #373737; font-size: 2rem; font-family: 'Syb'; padding-bottom: 30px;}
.indc_nr{ overflow: hidden;}
.indc_nr .swiper-wrapper .swiper-slide{ background: #f3f3f3; position: relative; overflow: hidden;}
.indc_pic{ position: relative; bottom:-30px; transition: 1s;}
.indc_nr .swiper-wrapper .swiper-slide:hover .indc_pic{bottom:-20px; transition: 1s;}
.indc_pic img{ display:block; width:100%; transform: scale(0.6); transition: 1s;}
.indc_nr .swiper-wrapper .swiper-slide:hover .indc_pic img{ transform: scale(0.7);}
.indc_mc{ position: absolute; top: 5%; left: 5%; font-size: 1.125rem; color: #000;}
.indc_an{ padding-top: 40px;}
.indc_an a{ display: block; border: 2px solid #a5a5a5; width: 156px; height: 38px; line-height: 38px; text-align: center; color: #5b5b5b; font-size: 1rem; margin: 0 auto; position: relative; right: auto; left: auto; top: auto; bottom: auto; transition: 0.5s;}
.indc_an a::after{ display: none;}
.indc_an a:hover{ border: 2px solid #000; color: #000; transition: 0.5s;}
@media screen and (max-width:700px){
.indc_tit{ font-size: 1.5rem; padding-bottom: 20px;}
.indc_mc{ font-size: 1rem;}
.indc_an{ padding-top: 20px;}
.indc_an a{ width: 130px; height: 30px; line-height: 30px; font-size: 0.875rem;}
}

.index .section-4 {background:url(../images/index_bgd.jpg) center no-repeat; background-size:cover; position:relative; display: flex; align-items: center;}
.indd_kg{ max-width: 1800px; width: 96%; margin: 0 auto; background: #1b1b1b; padding: 90px 90px 0 90px; box-sizing: border-box;}
.foot_top{ display: flex; justify-content: space-between; padding-bottom: 50px;}
.foot_l{ flex: 0 0 400px;}
.flogo img{ height: 30px;}
.flglk{ border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 30px; display: flex; justify-content: space-between; align-items: center;}
.flink{ position: relative;}
.flink h3{ width: 110px; height: 46px; background: #5a5a5a; line-height: 46px; border-radius: 5px; padding: 0 20px; font-size: 0.875rem; position: relative; color: #fff; z-index: 9;}
.flink h3::after{ content: ''; width: 0px; height: 0px; border: 5px solid transparent; border-top: 7px solid #fff; position: absolute; right: 20px; top: 23px;}
.flink h3.on::after{ transform: scaleY(-1); top: 18px;}
.flink ul{ position: absolute; left: 0; background: #fff; top: 41px; right: 0; padding-top: 5px; height: 120px; overflow-X: hidden;}
.flink li{ line-height: 32px; border-top: 1px solid rgba(0,0,0,0.1);}
.flink li:nth-child(1){ border-top: 1px solid rgba(0,0,0,0);}
.flink li a{ display: block; text-indent: 20px; font-size: 0.875rem;}
.fzj{ padding-top: 25px;}
.fzj a{ padding-left: 36px;}
.fzj a:nth-child(1){ padding-left: 0;}
.fewm{ padding-top: 30px; display: flex; align-items: flex-end;}
.fewm_mc{ padding-left: 16px; color: #bababa; line-height: 24px; font-size: 0.875rem;}
.foot_c{ flex: 1; padding-left: 8%; padding-right: 3%; display: flex; flex-wrap: wrap;}
.foot_c dl{ flex: 0 1 33.333%;}
.foot_c dl dt{ padding-bottom: 12px;}
.foot_c dl dt a{ display: block; font-size: 1rem; color: #fff;}
.foot_c dl:nth-child(n+4){ margin-top: 25px;}
.foot_c dl dd a{ display: block; line-height: 22px; font-size: 0.875rem; color: #b1b1b1; transition: 0.5s;}
.foot_c dl dd:hover a{ color: #fff; transition: 0.5s;}
.foot_r{flex: 0 0 336px;}
.foot_r dl{ margin-top: 30px;}
.foot_r dl:nth-child(1){ margin-top: 0;}
.foot_r dl dt{ color: #fff; padding-bottom: 12px;}
.foot_r dl dd{ line-height: 22px; font-size: 0.875rem; color: #bababa;}
.foot_r dl dd a{ color: #bababa; transition: 0.5s;}
.foot_r dl dd a:hover{ color: #fff; transition: 0.5s;}
.foot_bq{ border-top: 1px solid rgba(255,255,255,0.1); padding: 25px 0; line-height: 30px; display: flex; justify-content: space-between; color: #bababa; font-size: 0.875rem;}
.foot_bq a{ color: #bababa; transition: 0.5s;}
.foot_bq a:hover{ color: #fff; transition: 0.5s;}
@media screen and (max-width:1600px){
.indd_kg{ padding: 40px 2% 0 2%;}
.foot_c{ padding-left: 5%;}
}
@media screen and (max-width:1270px){
.indd_kg{ padding: 30px 2% 0 2%;}
.foot_c{ display: none;}
}
@media screen and (max-width:1020px){
.foot_l{ flex: 0 0 300px;}
.flink h3{ display: none;}
.foot_bq{ line-height: 24px; display: block; text-align: center;}
}
@media screen and (max-width:700px){
.foot_top{ display: block; padding-bottom: 20px;}
.indd_kg{ padding: 20px 2% 0 2%;}
.flglk{ padding-bottom: 15px;}
.flogo img{ height: 22px;}
.fzj{ padding-top: 15px;}
.fzj img{ height: 30px;}
.fzj a{ padding-left: 20px;}
.fewm{ padding-top: 10px;}
.fewm_img img{ height: 80px;}
.foot_r{ padding-top: 20px;}
.foot_r dl{ margin-top: 15px;}
.foot_r dl dt{ padding-bottom: 3px; font-size: 0.9375rem;}
.foot_r dl dd{ font-size: 0.8125rem;}
.foot_bq{ padding: 15px 0; font-size: 0.8125rem; line-height: 1.5em;}
}
/*@group footer*/
.foot_bg{ background: url(../images/index_bgd.jpg) center; background-size: cover; width: 100%; position: relative; padding-top: 70px; z-index: 991;}
.foot_bg::before{ content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.75); position: absolute; left: 0; top: 0;}
.foot_bg .kg{position: relative; z-index: 9;}
.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{height: auto !important;}


/*内页style开始*/
.mainfl{ background: none !important; box-shadow: 0 0 0 rgba(0,0,0,0) !important; margin-left: 8.333%; margin-top: 40px; position: absolute !important;}
.mainfl.navys{ margin-top: 0; position: fixed !important;}
.letnav_tit{ font-size: 1.75rem; color: #000; display: flex; justify-content: flex-start; border-bottom: 2px solid #d00011; padding-bottom: 15px; line-height: 1em;}
.mainfl_nr{ padding-top: 15px;}
.mainfl_nr li{position: relative; top: 320px; transition: 0.5s;}
.mainfl_nr li.cur{top: 0px; transition: 0.5s;}
.mainfl_nr li a{display: block; color: #a3a3a3; font-size: 1rem; line-height: 42px; height: 42px; padding-left: 28px; transition: 0.5s;}
.mainfl_nr li.cur a{ color: #000; transition: 0.5s;}
.mainfl_nr li::after{ content: ''; width: 17px; height: 2px; background: #bfbfbf; position: absolute; left: 0; top: 20px; transition: 0.5s;}
.mainfl_nr li.cur::after{ background: #000; transition: 0.5s;}
@media screen and (max-width:1600px){
.mainfl_nr li{top: 220px;}
}
@media screen and (max-width:1400px){
.mainfl{ margin-left: 2%;}
}
@media screen and (max-width:700px){
.mainfl{ display: none;}
}

/*about*/
.about_banner{ width: 100%; background: url(../images/about_banner.jpg) no-repeat center; background-size: cover; height: 500px;}
.main{ width: 100%; background: #fff; overflow: hidden;}
@media screen and (max-width:1500px){
.about_banner{ height: 400px;}
}
@media screen and (max-width:1400px){
.about_banner{ height: 320px;}
}
@media screen and (max-width:1270px){
.about_banner{ height: 280px;}
}
@media screen and (max-width:1020px){
.about_banner{ height: 220px;}
}
@media screen and (max-width:700px){
.about_banner{ height: 120px;}
}

.aboa{background: #fff; width: 100%; padding: 70px 0 100px 0; overflow: hidden;}
.abo_kg{width: 57.3%; padding-right: 8.325%; overflow: hidden;}
.aboa_tit{ border-bottom: 1px solid #d9d9d9; padding-bottom: 25px;}
.aboa_tit h2{ color: #000; font-size: 1.75rem;}
.aboa_tit p{ font-size: 1.125rem; color: #282828; font-weight: bold; margin-top: 15px;}
.aboa_ms{ margin-top: 20px; line-height: 30px; color: #575757;}
.aboa_gd{ margin-top: 75px; position: relative;}
.aboa_img .tempWrap{ overflow: inherit !important;}
.aboa_img li{ position: relative;}
.aboa_pic{position: relative;}
.aboa_pic::after{ content: ''; width: 0; height: 100%; position: absolute; left: 0; top: 0; background: #fff;}
.aboa_img li.cur .aboa_pic::after{ width: 12px;}
.aboa_pic img{ display: block; width: 100%;}
.aboa_mc{ color: #383838; font-size: 1.125rem; height: 45px; line-height: 45px; overflow: hidden; text-indent: 0;}
.aboa_img li.cur .aboa_mc{ text-indent: 12px;}
.aboa_jt a{ position: absolute; top: 40%; cursor: pointer;}
.aboa_jt a.prevStop,.aboa_jt a.nextStop{ display: none;}
.aboa_jt a.prev{ left: 1.5%; transform: scaleX(-1);}
.aboa_jt a.next{ right: 1.5%;}
.aboa_an{ display: none;}
@media screen and (max-width:1400px){
.abo_kg{width: 76%; padding-right: 2%; overflow: hidden;}
}
@media screen and (max-width:700px){
.aboa{padding: 40px 0 40px 0;}
.abo_kg{width: 96%; padding: 0 2%; float: none;}
.aboa_tit{padding-bottom: 15px;}
.aboa_tit h2{font-size: 1.5rem;}
.aboa_tit p{ font-size: 1rem; font-weight: normal; margin-top: 10px;}
.aboa_ms{ font-size: 1rem; line-height: 1.625em;}
.aboa_gd{ margin-top: 25px;}
.aboa_mc{ font-size: 1rem; height: 40px; line-height: 40px;}
.aboa_jt a{ top: 33%;}
.aboa_jt a img{ height: 24px;}
}

.abob{ background: #f2f2f2; width: 100%; padding: 75px 0 200px 0; overflow: hidden;}
.abob .abo_kg{ overflow: inherit;}
.abob_tit h2{ color: #000; font-size: 1.75rem;}
.abob_tit p{ color: #292929; font-size: 1.125rem; margin-top: 8px; font-weight: bold;}
.abob_gd{ position: relative; padding-top: 60px;}
.abob_fl{ position: relative;}
.abob_fl::after{ content: ''; width: 130%; height: 1px; background-image: linear-gradient(to right, #f1f1f1 , #c4c4c4, #c4c4c4, #c4c4c4, #c4c4c4); position: absolute; left: -15%; bottom: 38px;}
.abob_fl ul{ display: flex; justify-content: flex-end; padding-bottom: 38px !important;}
.abob_fl li{ position: relative; height: 50px; margin-left: 150px; cursor: pointer; z-index: 9;}
.abob_fl li p{ color: #606060; font-family: 'Dinr'; font-size: 1.5rem; line-height: 1em;}
.abob_fl li i{ display: block; width: 20px; height: 20px; background: #545454; border-radius: 50%; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; z-index: 9; transition: 0.5s;}
.abob_fl li::before{ content: ''; width: 20px; height: 20px; background: rgba(103,103,103,0.05); transform: scale(0); border-radius: 50%; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; transition: 0.5s;}
.abob_fl li::after{content: ''; width: 38px; height: 38px; border: 1px solid #c1c1c1; border-radius: 50%; position: absolute; left: 50%; bottom: -20px; margin-left: -20px; z-index: 5;}
.abob_fl li:hover::before,.abob_fl li.on::before{ transform: scale(3.7); transition: 0.5s;}
.abob_fl li:hover i,.abob_fl li.on i{ background: #d00011; transition: 0.5s;}
.abob_nr{ padding-top: 50px;}
.abob_nf p{ color: #000; font-family: 'Dinr'; font-size: 2.5rem;}
.abob_nf span{ font-size: 1.5rem; padding-left: 7px;}
.abob_nf::after{ content: ''; margin-top: 15px; background: #d00011; width: 33px; height: 4px; display: block;}
.abob_kj{ margin-top: 39px; display: flex; align-items: flex-start;}
.abob_pic{ overflow: hidden; border: 3px solid #fff; box-sizing: border-box; flex: 0 0 250px;}
.abob_pic img{ display: block; width: 100%;}
.abob_ms{ flex: 1; margin-left: 40px; color: #606060; font-size: 1rem; line-height: 30px;}
.abob_jt{ position: absolute; top: -40px; right: 0; display: flex;}
.abob_jt a{ cursor: pointer; transition: 0.5s;}
.abob_jt a.prev{ transform: scaleX(-1);}
.abob_jt a.next{ margin-left: 50px;}
.abob_jt a.prevStop,.abob_jt a.nextStop{ opacity: 0.3;}
@media screen and (max-width:1400px){
.abob_ms{ margin-left: 20px; line-height: 28px;}
.abob_ms br{ display: none;}
}
@media screen and (max-width:700px){
.abob{ padding: 40px 0 50px 0;}
.abob_tit h2{ font-size: 1.5rem;}
.abob_tit p{ font-size: 1rem; margin-top: 5px;}
.abob_jt img{ height: 24px;}
.abob_jt a.next{ margin-left: 30px;}
.abob_gd{ padding-top: 20px;}
.abob_fl{ display: none;}
.abob_nr{ padding-top: 15px;}
.abob_nf p{ font-size: 1.875rem;}
.abob_nf span{ font-size: 1rem; padding-left: 5px;}
.abob_nf::after{ margin-top: 10px; width: 25px; height: 2px;}
.abob_kj{ margin-top: 15px; display: block;}
.abob_ms{ margin-left: 0; padding-top: 10px;}
}

.aboc{ background: #fff; width: 100%; padding: 90px 0;}
.aboc_title{ font-size: 1.75rem; color: #000;}
.aboc_gda{ position: relative; z-index: 2; margin-top: 50px; padding-bottom: 77px; border-bottom: 2px solid #e1e1e1;}
.aboc_bt{ color: #181818; font-size: 1.375rem; line-height: 30px; overflow: hidden; margin-bottom: 20px;}
.aboc_nr{ position: relative;}
.aboc_nr .swiper-wrapper .swiper-slide{ flex: 0 1 auto;}
.aboc_mc{ height: 40px; line-height: 40px; overflow: hidden; position: relative; padding-left: 40px; color: #7b7b7b;}
.aboc_mc::after{ content: ''; position: absolute; border: 6px solid transparent; border-bottom: 9px solid #818181; position: absolute; left: 15px; top: 10px;}
.aboc_gdb{ padding-top: 65px; position: relative; z-index: 1;}
.aboc_nr .swiper-button-prev,.aboc_nr .swiper-button-next{ width: 45px; height: 45px; background: url(../images/abo_jt.png) no-repeat center rgba(0,0,0,0.8); background-size: 26%; opacity: 1; top: 45%; cursor: pointer;}
.aboc_nr .swiper-button-prev{ transform: scaleX(-1);}
.aboc_nr .swiper-button-prev::after,.aboc_nr .swiper-button-next::after{ display: none;}
.aboc_nr .swiper-button-prev.swiper-button-disabled,.aboc_nr .swiper-button-next.swiper-button-disabled{ opacity: 0;}
@media screen and (max-width:1400px){
.aboc_pic img{ display: block; height: 250px;}
}
@media screen and (max-width:700px){
.aboc{ padding: 40px 0 50px 0;}
.aboc_title{ font-size: 1.5rem;}
.aboc_gda{ margin-top: 25px; padding-bottom: 20px;}
.aboc_bt{ font-size: 1.125rem; margin-bottom: 5px;}
.aboc_pic img{ height: 200px;}
.aboc_mc{ line-height: 32px; height: 32px; padding-left: 32px; font-size: 0.9375rem;}
.aboc_mc::after{ left: 12px; top: 7px;}
.aboc_nr .swiper-button-prev, .aboc_nr .swiper-button-next{ width: 32px; height: 32px; background-size: 20%;}
.aboc_gdb{ padding-top: 25px;}
}

.abod{ background: #f3f3f3; width: 100%; padding: 40px 0 100px 0; overflow: hidden;}
.abod .abo_kg{ overflow: inherit;}
.abod_wb ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.abod_wb li{ margin-top: 40px;}
.abod_bt{ position: relative; color: #2e2e2e; font-size: 1.75rem;}
.abod_ms{ line-height: 30px; color: #707070;}
.abod_gd{width: 65.625%; padding-top: 60px; overflow: hidden; position: relative;}
.abod_img{max-width: 1258px;}
.abod_img .swiper-wrapper .swiper-slide{ position: relative; width: 30.048%;}
.abod_img .swiper-wrapper .swiper-slide:nth-child(2n){ display: flex; flex-wrap: wrap; align-content: space-between; justify-content: space-between; width: 55.644%;}
.abod_img .swiper-wrapper .swiper-slide a{ display: block; position: relative;}
.abod_img .swiper-wrapper .swiper-slide:nth-child(2n) a{ margin-bottom: 2.7%;}
.abod_img .swiper-wrapper .swiper-slide:nth-child(2n) a:nth-child(n+2){ flex: 0 1 48.7%;}
.abod_pic img{ display: block; width: 100%;}
.abod_mc{ position: absolute; left: 16px; top: 20px; color: #fff; text-align: center;}
.abod_mc p{ font-family: "Dinr"; line-height: 0.8em; font-size: 1.125rem;}
.abod_mc img{ display: block; margin: 5px auto 0 auto;}
.abod_img .swiper-button-prev{ transform: scaleX(-1); position: absolute; left: 1%; top: 50%; cursor: pointer; z-index: 99;}
.abod_img .swiper-button-next{ position: absolute; right: 8%; top: 50%; cursor: pointer; z-index: 99;}
.abod_img .swiper-button-prev::after,.abod_img .swiper-button-next::after{ display: none;}
.abod_img .swiper-button-prev.swiper-button-disabled,.abod_img .swiper-button-next.swiper-button-disabled{ opacity: 0;}
@media screen and (max-width:1400px){
.abod_gd{width: 78%;}
}
@media screen and (max-width:700px){
.abod{padding: 20px 0 50px 0;}
.abod_wb li{ margin-top: 20px;}
.abod_bt{ font-size: 1.5rem;}
.abod_ms{ line-height: 1.625em; margin-top: 3px;}
.abod_gd{ width: 100%; padding-top: 20px;}
.abod_img .swiper-wrapper .swiper-slide{width: 33.348%;}
.abod_img .swiper-wrapper .swiper-slide:nth-child(2){width: 61.844%;}
.abod_mc{ left: 5px; top: 10px; font-size: 0.9375rem;}
.abod_mc p{ font-size: 1rem;}
.abod_img .swiper-button-prev{ left: 1%;}
.abod_img .swiper-button-next{ right: 1%;}
.abod_img .swiper-button-prev img,.abod_img .swiper-button-next img{ height: 32px;}
}
/*about*/

/*contact*/
.conta{ background: url(../images/con_bga.jpg) no-repeat center; background-size: cover; width: 100%; padding: 135px 0 220px 0;}

.cont_tit{ font-size: 2rem; font-weight: bold; color: #fff;}
.cont_fll{ padding-top: 15px; display: flex; justify-content: flex-start; padding-bottom: 15px; border-bottom: 4px solid #fff;}
.cont_fll p{ font-size: 2rem; color: #fff;}
.cont_fll span{ color: #ff3e3e; font-size: 2rem; font-family: 'Dinr';}
.colortf .mainfl_nr li.cur a{ color: #fff;}
.colortf .mainfl_nr li.cur::after{ background: #fff;}
.colortf.cur1 .cont_tit,.colortf.cur1 .cont_fll p{ color: #000;}
.colortf.cur1 .cont_fll{ border-bottom: 4px solid #000;}
.colortf.cur1 .mainfl_nr li.cur a{ color: #000;}
.colortf.cur1 .mainfl_nr li.cur::after{ background: #000;}

.conta_tit{ color: #fff; font-size: 1.875rem;}
.conta_nr{ padding-top: 20px;}
.conta_nr dl{ margin-top: 40px;}
.conta_nr dl dt{ color: #fff; font-size: 1.125rem; margin-bottom: 10px;}
.conta_nr dl dd{ color: #999797; line-height: 24px;}
.conta_nr dl dd a{ color: #999797; transition: 0.5s;}
.conta_nr dl dd a:hover{ color: #fff; transition: 0.5s;}

.contb{ padding: 100px 0 50px 0; background: #fff;}
.contb_top ul{ display: flex; justify-content: space-between;}
.contb_top li{ flex: 0 1 49.161%;}
.contb_bt{ color: #000; font-size: 1.625rem; padding-bottom: 23px;}
.contb_img{ overflow: hidden;}
.contb_img img{ display: block; width: 100%;}
.contb_ms{ padding-top: 22px; color: #595959; line-height: 30px;}
.contb_job{ padding-top: 75px;}
.cjob_nr{ position: relative; padding-bottom: 68px;}
.cjob_nr::before{ content: ''; width: 115%; left: 0; top: 0; height: 100%; position: absolute; background: #f1f1f1;}
.cjob_nr ul{position: relative; z-index: 9; padding-left: 45px;}
.cjob_nr li{ display: flex; justify-content: space-between; border-bottom: 1px solid #dcdcdc; padding: 45px 0 30px 0;}
.cjob_l h3{ line-height: 30px; height: 30px; color: #000; font-size: 1.125rem;}
.cjob_l h3 img{ margin-bottom: -7px; margin-left: 5px; height: 22px;}
.cjob_l p{ color: #7e7e7e; margin-top: 6px;}
.cjob_r p{ line-height: 30px; height: 30px; color: #b20000; font-size: 1.125rem;}
.cjob_r span{ display: block; color: #7e7e7e; margin-top: 6px;}
@media screen and (max-width:1270px){
.cont_fll{ border-bottom: 2px solid #fff;}
.cont_fll p{ font-size: 1.625rem;}
.cont_fll span{ font-size: 1.75rem;}
}
@media screen and (max-width:1020px){
.cont_tit{ font-size: 1.875rem;}
.cont_fll p{ font-size: 1.125rem;}
.cont_fll span{ font-size: 1.5rem;}
}
@media screen and (max-width:700px){
.conta{padding: 40px 0 50px 0;}
.conta_tit{ font-size: 1.375rem;}
.conta_nr{ padding-top: 5px;}
.conta_nr dl{ margin-top: 20px;}
.conta_nr dl dt{ font-size: 1rem; margin-top: 5px;}
.conta_nr dl dd{ font-size: 0.9375rem;}

.contb{ padding: 40px 0 50px 0;}
.contb_top ul{ display: block;}
.contb_top li:nth-child(2){ margin-top: 20px;}
.contb_bt{ font-size: 1.25rem; padding-bottom: 10px;}
.contb_ms{ padding-top: 10px; line-height: 1.625em; font-size: 0.9375rem;}
.contb_ms br{ display: none;}

.contb_job{ padding-top: 35px;}
.cjob_nr{ padding-bottom: 15px;}
.cjob_nr::before{ width: 100%;}
.cjob_nr ul{ padding-left: 2%;}
.cjob_nr li{ padding: 15px 0; flex-wrap: wrap;}
.cjob_l h3{ font-size: 1rem;}
.cjob_l p{ margin-top: 0px;}
.cjob_r{ margin-top: 5px;}
.cjob_r p{ font-size: 1rem;}
.cjob_r span{ margin-top: 0;}
}
/*contact*/

/*case*/
.case_banner{ width: 100%; background: url(../images/case_banner.jpg) no-repeat center; background-size: cover; height: 500px;}
@media screen and (max-width:1500px){
.case_banner{ height: 400px;}
}
@media screen and (max-width:1400px){
.case_banner{ height: 320px;}
}
@media screen and (max-width:1270px){
.case_banner{ height: 280px;}
}
@media screen and (max-width:1020px){
.case_banner{ height: 220px;}
}
@media screen and (max-width:700px){
.case_banner{ height: 120px;}
}

.casea{ padding: 70px 0 0 0; background: #fff; width: 100%;}
.casea_top{ padding-bottom: 110px;}
.casea_title{ font-size: 1.625rem; color: #282828; padding-bottom: 15px;}
.cat_nr{ display: flex; justify-content: space-between;}
.cat_l{ flex: 0 1 32.775%;}
.cat_l li{ position: relative;}
.cat_l li:nth-child(2){margin-top: 5.7%;}
.cat_pic{overflow: hidden;}
.cat_pic img{ display: block; width: 100%; transition: 0.5s;}
.cat_mc{ position: absolute; width: 100%; bottom: 15px; left: 0%; font-size: 1.125rem; color: #fff; text-align: center; line-height: 30px; height: 30px;}
.cat_r{ flex: 0 1 65.548%;}
.cat_r ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.cat_r li{position: relative; flex: 0 1 48.613%;}
.cat_r li:nth-child(3){ flex: 0 1 100%; margin-top: 2.774%;}
.cat_l li:hover .cat_pic img,.cat_r li:hover .cat_pic img{ transform: scale(1.05);}
.casea_bom{ background: #efefef; width: 100%; padding: 75px 0;}
.casea_bom .abo_kg{ position: relative;}
.abokg_i i{ position: absolute; top: 0; width: 1px; height: 100%;}
.abokg_i i:nth-child(1){ left: 0;}
.abokg_i i:nth-child(2){ left: 25%;}
.abokg_i i:nth-child(3){ left: 50%;}
.abokg_i i:nth-child(4){ left: 75%;}
.abokg_i i:nth-child(5){ right: 0;}
.cab_nr{ position: relative; margin-top: 65px; padding: 0 50px;}
.caseab_title{ border-bottom: 1px solid #d3d3d3; padding-bottom: 25px;}
.caseab_title h2{ font-size: 1.625rem; color: #010101;}
.caseab_title p{ font-size: 1.125rem; color: #4a4a4a; padding-top: 10px;}
.caseab_ms{ font-size: 1rem; color: #4f4f4f; line-height: 24px; padding-top: 24px;}
.cab_nr ul{ position: relative; z-index: 9; display: flex; justify-content: space-between; flex-wrap: wrap;}
.cab_nr li{ flex: 0 1 20.42%; position: relative; text-align: center;}
.cab_nr li:nth-child(n+5){ margin-top: 40px;}
.cab_nr li img{ display: block; max-width: 100%; margin: 0 auto;}
.cab_nr li span{ position: absolute; left: 0; top: 0; width: 100%;}
.cab_nr li:hover p,.cab_nr li span{ opacity: 0; transition: 0.5s;}
.cab_nr li p,.cab_nr li:hover span{ opacity: 1; transition: 0.5s;}
@media screen and (max-width:1300px){
.cat_mc{ bottom: 7px; text-indent: 10px; font-size: 1.125rem;}
.cat_mc::after{ width: 20px; height: 20px; line-height: 18px; right: 7px; border: 1px solid #fff; top: 4px;}
.cab_nr{ margin-top: 45px; padding: 0;}
}
@media screen and (max-width:700px){
.casea{ padding: 40px 0 0 0;}
.casea_top{ padding-bottom: 50px;}
.casea_title{ font-size: 1.5rem;}
.cat_mc{ bottom: 0; text-indent: 0; text-align: center; width: 100%; font-size: 0.9375rem;}
.cat_mc::after{ display: none;}
.casea_bom{ padding: 40px 0 50px 0;}
.caseab_title{ padding-bottom: 15px;}
.caseab_title h2{ font-size: 1.5rem;}
.caseab_title p{ font-size: 1rem; padding-top: 5px;}
.cab_nr{ margin-top: 20px;}
.cab_nr li{ flex: 0 1 24%;}
.cab_nr li:nth-child(n+5){ margin-top: 20px;}
.caseab_ms{ padding-top: 15px;}
}

.caseb{ background: #fff; width: 100%; padding: 120px 0 100px 0;}
.caseb .abo_kg{ overflow: inherit;}
.caseb_titzj{ display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 50px;}
.caseb .casea_title{ color: #282828; padding-bottom: 0;}
.caseb .casea_title p{ color: #868686; font-size: 1rem; line-height: 22px; margin-top: 10px;}
.caseb_zj ul{ display: flex;}
.caseb_zj li{ margin-left: 50px;}
.caseb_zj li:nth-child(1){ margin-left: 0;}
.casebzj_mc{ color: #383838;}
.casebzj_mg{ display: flex; align-items: flex-end;}
.casebzj_mg p{ color: #ac0000; font-size: 3rem; font-family: "Dinr"; display: flex; line-height: 0.8em; margin-top: 5px;}
.casebzj_mg p em{ font-style: normal;}
.casebzj_mg p i{ font-style: normal; font-size: 2rem;}
.casebzj_mg span{color: #383838;}
@media screen and (max-width:1300px){
.caseb_zj li{ margin-left: 30px;}
.casebzj_mg p{ font-size: 2.875rem;}
.casebzj_mg p i{ font-size: 2.25rem;}
}
@media screen and (max-width:1020px){
.caseb .casea_title{ margin-right: 20px;}
}
@media screen and (max-width:700px){
.caseb{padding: 40px 0 50px 0;}
.caseb_titzj{ display: block; padding-bottom: 20px;}
.caseb .casea_title{ margin-right: 0;}
.caseb .casea_title p{ margin-top: 5px;}
.caseb_zj{ margin-top: 25px;}
.casebzj_mg p{ font-size: 2.25rem;}
.casebzj_mg p i{ font-size: 1.875rem;}
}

.case_nr li{ float: left; width: 48%; padding-bottom: 30px;}
.case_nr li:nth-child(2n){ float: right;}
.case_pic{ overflow: hidden;}
.case_pic img{ display: block; width: 100%; transition: 0.5s;}
.case_nr li:hover .case_pic img{ transform: scale(1.05);}
.case_wb{background: #fff; padding: 10px 0; height: 50px; line-height: 50px; display: flex;}
.case_mc{ overflow: hidden; color: #252525; font-size: 1.125rem; font-weight: bold;}
.case_wb span{ font-size: 1rem; color: #717171;}
.ncase{ padding-top: 40px;}
.ncase .cnxh_tit{font-size:1.5rem; color:#000; text-align:center;}
.ncase_nr{ margin-top:30px;}
.ncase_nr li{ float: left; width: 24%; margin-right: 1.333%;}
.ncase_nr li:nth-child(4){ margin-right:0;}
.cnxh_pic{ overflow:hidden;}
.cnxh_pic img{ display:block; width:100%; transition:0.5s;}
.ncase_nr li:hover .cnxh_pic img{transform:scale(1.05);}
.cnxh_mc{height:52px; line-height:52px; color:#252424; overflow:hidden; font-size:1rem; text-align:center; transition:0.5s;}
.ncase_nr li:hover .cnxh_wb{ color:#c80000;  transition:0.5s;}
@media screen and (max-width:1020px){
.case_nr li{ padding-bottom: 20px;}
.case_wb{ padding: 0px; line-height: 40px; height: 40px;}
.case_mc{ font-size: 1rem;}
.case_wb span{ font-size: 0.875rem;}
}
@media screen and (max-width:700px){
.case_nr li{width: 49%; padding-bottom: 10px;}
.case_wb{ display: block; line-height: 32px; height: 32px; overflow: hidden; font-size: 0.9375rem; text-align: center;}
.case_wb span{ display: none;}
}
/*case*/

/*news&promeun*/
.main_flbg{ display: flex; justify-content: space-between; align-items: flex-end;}
.mainfl_bt{color: #000; padding: 0 8px; position: relative;}
.mainfl_bt span{ display: block; font-size: 1.875rem; position: relative; z-index: 9;}

.ponefl_nr ul{ display: flex;}
.ponefl_nr li{ margin-left: 40px; position: relative;}
.ponefl_nr li:nth-child(1){ margin-left: 0;}
.ponefl_nr li a{ display: block; padding: 0 2px 1px 2px; font-size: 1.125rem; color: #5f5f5f; position: relative; z-index: 9; transition: 0.5s;}
.ponefl_nr li:hover a,.ponefl_nr li.cur a{color: #be0000; transition: 0.5s;}
.ponefl_nr li::after{ content: ''; width: 100%; height: 1px; background: #be0000; position: absolute; left: 0; bottom: -5px; transform: scaleX(0); transition: 0.5s;}
.ponefl_nr li:hover::after,.ponefl_nr li.cur::after{transform: scaleX(1); transition: 0.5s;}
@media screen and (max-width:1020px){
.mainfl_bt span{ font-size: 1.625rem;}
.ponefl_nr li{ margin-left: 15px;}
}
@media screen and (max-width:700px){
.main_flbg{ display: block;}
.mainfl_bt{ padding: 0;}
.mainfl_bt span{ font-size: 1.5rem;}
.ponefl_nr{ margin-top: 2px;}
.ponefl_nr ul{ flex-wrap: wrap;}
.ponefl_nr li{ padding-top: 10px;}
.ponefl_nr li a{ font-size: 1rem;}
}
/*news&promeun*/

/*news*/
.news_banner{ width: 100%; background: url(../images/news_banner.jpg) no-repeat center; background-size: cover; height: 500px;}
.newsshow_banner{width: 100%; background: url(../images/news_banner.jpg) no-repeat center bottom; background-size: cover; height: 100px;}
.news_tit{ height: 100%; align-content: center; display: flex; justify-content: center; flex-wrap: wrap; color: #fff; text-align: center;}
.news_tit h1{ flex: 0 1 100%; font-size: 3rem;}
.news_tit p{ flex: 0 1 100%; font-size: 1.5rem; text-transform: uppercase; font-family: 'Dinr';}

.news{ padding: 75px 0 120px 0; width: 100%; background: #fff;}

.news_nr{ padding-top: 60px;}
.news_nr li{position: relative; background: #f1f1f1;}
.news_nr li:nth-child(2n){ background: #f9f9f9;}
.news_nr li a{ display: flex; padding: 2%; justify-content: space-between; align-items: center;}
.news_pic{ overflow: hidden; flex: 0 1 32.553%;}
.news_pic img{ display: block; width: 100%; transition: 0.5s;}
.news_nr li:hover .news_pic img{ transform: scale(1.05);}
.news_wb{ flex: 0 1 65%;}
.news_lmrq{ color: #8a8a8a; font-size: 1.125rem;}
.news_mc{ margin: 20px 0; font-size: 2.25rem; color: #2d2d2d; height: 80px; line-height: 40px; overflow: hidden; transition: 0.5s;}
.news_ms{ color: #4c4c4c; line-height: 24px; height: 48px; overflow: hidden;}
.news_more{ display: inline-block; margin-top: 50px; font-size: 1.125rem; color: #8a8a8a; padding: 7px 0; transition: 0.5s;}
.news_nr li:hover .news_mc{ color: #be0000; transition: 0.5s;}
.news_nr li:hover .news_more{ padding: 7px 20px; background: #be0000; color: #fff; transition: 0.5s;}

.newsshow_nr{ padding-top: 30px;}
.newsny_l{ width: 26.25%; max-width: 420px; background: none !important; box-shadow: 0px 0px 0px rgba(0,0,0,0) !important;}
.newsnylfh{position: relative;}
.newsnylfh a{ display: block; color: #696969; font-size: 1.125rem; padding-left: 22px; line-height: 20px; height: 20px;}
.newsnylfh::after{ content: ''; background: url(../images/news_jt.png) no-repeat center; background-size: auto 100%; transform: scaleX(-1); height: 15px; width: 8px; position: absolute; left: 0; top: 3px;}
.newsny_bt{ padding: 30px 0 35px 0; border-bottom: 4px solid #c30000; font-size: 2.625rem; color: #2d2d2d; line-height: 48px;}
.newsny_lmrq{ padding-top: 25px; color: #afafaf; font-size: 1.125rem;}
.newsny_pn{ display: flex; justify-content: space-between; padding-top: 125px;}
.newsny_pn a{ height: 60px; position: relative; font-size: 1.375rem; line-height: 60px;}
.newsny_pn a:nth-child(1){ padding-left: 70px; color: #4c4c4c;}
.newsny_pn a:nth-child(2){ padding-right: 70px; color: #9b9b9b;}
.newsny_pn a::after{ content: ''; width: 54px; height: 54px; border: 3px solid #d2d2d2; background: url(../images/news_jt.png) no-repeat center; position: absolute; top: 0;}
.newsny_pn a:nth-child(1)::after{ left: 0; transform: scaleX(-1);}
.newsny_pn a:nth-child(2)::after{ right: 0;}
.newsny_r{ width: 65.525%;}
.newsshow_wnnr{ font-size: 1.125rem; line-height: 40px; color: #4c4c4c;}
.newsshow_wnnr img{ max-width: 100%;}
.bdsharebuttonbox{ width: 140px; margin: 0 auto; padding-top: 40px;}
.xgnews{ padding-top: 50px;}
.xgnews-tit{ text-align: center; font-size: 1.5rem; color: #000;}
.xgnews-con ul{ display: flex; padding-top: 20px; flex-wrap: wrap; justify-content: space-between;}
.xgnews-con li{ flex: 0 1 48%; line-height: 40px; height: 40px; position: relative;}
.xgnews-con li a{ padding-left: 10px;}
.xgnews-con li::after{ content: ''; width: 4px; height: 4px; border-radius: 50%; background: #4c4c4c; position: absolute; left: 0; top: 18px;}
.xgnews-con li span{float: right; font-size: 0.875rem; color: #999;}
@media screen and (max-width:1400px){
.newsny_bt{ font-size: 2rem; border-bottom: 2px solid #be0000; padding: 20px 0 25px 0;}
.newsny_pn a{ height: 44px; font-size: 1.125rem; line-height: 44px;}
.newsny_pn a:nth-child(1){ padding-left: 50px;}
.newsny_pn a:nth-child(2){ padding-right: 50px;}
.newsny_pn a::after{ width: 40px; height: 40px; border: 2px solid #d2d2d2; background-size: 22% auto;}
}
@media screen and (max-width:1270px){
.newsny_bt{ font-size: 1.625rem;}
.newsny_lmrq{ font-size: 1rem;}
.newsny_pn a{ height: 40px; font-size: 1rem; line-height: 40px;}
.newsny_pn a::after{ width: 36px; height: 36px;}
.ncase .cnxh_tit{ font-size: 1.375rem;}
.ncase_nr{ margin-top: 20px;}
}
@media screen and (max-width:1020px){
.news{ padding: 45px 0 70px 0;}
.newsny_l{ width: auto; max-width: inherit; float: none; position: relative !important; top: auto !important;}
.newsny_lmrq{ display: none;}
.newsny_pn{ padding-top: 0; position: absolute; right: 0; top: 40px; width: 250px;}
.newsny_r{ width: auto; float: none; padding-top: 20px;}
}
@media screen and (max-width:700px){
.news{ padding: 15px 0 50px 0;}
.newsnylfh a{ font-size: 1rem;}
.newsny_bt{ padding: 20px 0 15px 0; font-size: 1.125rem; line-height: 1.625em;}
.newsny_pn { width: auto; display: block; top: 5px;}
.newsny_pn a{ height: 32px; font-size: 0.875rem; line-height: 32px; display: block;}
.newsny_pn a:nth-child(1){ padding-left: 40px;}
.newsny_pn a:nth-child(2){ padding-right: 40px; margin-top: 5px;}
.newsny_pn a::after{ width: 30px; height: 30px; border: 1px solid #d2d2d2;}
.ncase .cnxh_tit{ font-size: 1.125rem;}
.ncase_nr{ margin-top: 10px;}
.ncase_nr li{ width: 49%; margin-right: 0;}
.ncase_nr li:nth-child(2n){ float: right;}
.ncase_nr li:nth-child(n+3){ margin-top: 2%;}
.cnxh_mc{ height: 34px; line-height: 34px; font-size: 0.875rem;}
}
/*news*/


/*pro*/
.pl_fl{ display: none;}

.pro_banner{ background: url(../images/pro_banner.jpg) no-repeat center; background-size: cover; width: 100%; height: 500px;}
.pro_bg{ background:#fff; padding: 35px 0 120px 0; width: 100%;}
.pro_nr{ padding-top: 70px;}
.pro_nr li{width:19%; float:left; margin-right: 1.25%; margin-bottom: 65px;}
.pro_nr li:nth-child(5n){ margin-right: 0;}
.pro_nr li a{ background: #f6f7f9; position: relative; display: block; transition: 0.5s;}
.pro_nr li:hover a{ box-shadow: 0px 0px 20px rgba(0,0,0,0.2); transition: 0.5s;}
.pro_i i{ background: #d2d2d2; position: absolute; z-index: 9; transition: 0.5s;}
.pro_i i:nth-child(1){ left: 0; top: 0; height: 1px; width: 0;}
.pro_i i:nth-child(2){ right: 0; top: 0; height: 0; width: 1px;}
.pro_i i:nth-child(3){ right: 0; bottom: 0; height: 1px; width: 0;}
.pro_i i:nth-child(4){ left: 0; bottom: 0; height: 0; width: 1px;}
.pro_nr li:hover .pro_i i:nth-child(1),.pro_nr li:hover .pro_i i:nth-child(3){ width: 100%; transition: 0.5s;}
.pro_nr li:hover .pro_i i:nth-child(2),.pro_nr li:hover .pro_i i:nth-child(4){ height: 100%; transition: 0.5s;}
.pro_pic{ overflow:hidden;}
.pro_pic img{ display:block; width:100%; transition:0.5s;}
.pro_nr li:hover .pro_pic img{transform:scale(1.05);}
.pro_wb{padding:20px 6% 15px 6%; overflow:hidden; position: relative;}
.pro_wb::after{ content: ''; width: 88%; left: 6%; top: 29px; background: #e3e5e9; position: absolute; height: 1px; transition: 0.5s;}
.pro_nr li:hover .pro_wb::after{height: 100%; width: 100%; background: #fff; left: 0; top: 0; transition: 0.5s;}
.pro_xl{ color: #8e8e8e; font-size: 0.875rem; margin-bottom: 3px; opacity: 0; position: relative; z-index: 9;}
.pro_xh{ font-size:1rem; color:#000; height:22px; line-height:22px; font-weight: bold; position: relative; z-index: 9;}
.pro_mc{ font-size:1rem; color:#000; height:22px; line-height:22px; overflow:hidden; position: relative; z-index: 9;}
.pro_nr li:hover .pro_xl{ opacity: 1; transition: 0.5s;}
@media screen and (max-width:1500px){
.pro_banner{ height: 400px;}
}
@media screen and (max-width:1400px){
.pro_banner{ height: 320px;}
}
@media screen and (max-width:1270px){
.pro_banner{ height: 280px;}
}
@media screen and (max-width:1024px){
      .ban_2>h2,.ban_2>p{text-align: center;}
}
@media screen and (max-width:1020px){
.pl_fl{background: rgba(0,0,0,0.1); width: 100%; display: block;}
.pl_fl ul{ display: flex; justify-content: space-between;}
.pl_fl li{ flex: 1; position: relative;}
.pl_fl li a{ display: block; position: relative; text-align: center; height: 44px; line-height: 44px; z-index: 9; transition: 0.5s;}
.pl_fl li:hover a,.pl_fl li.cur a{ color: #fff;}
.pl_fl li::after{ position: absolute; width: 100%; height: 100%; content: ''; left: 0; top: 0; background: #000; transform: scale(0); transition: 0.5s;}
.pl_fl li:hover::after,.pl_fl li.cur::after{ transform: scale(1);}
.pro_banner{ height: 220px;}
.pro_bg{padding: 35px 0 70px 0;}
.pro_nr{ padding-top: 40px;}
.pro_nr li{ margin-bottom: 40px;}
}
@media screen and (max-width:700px){
.pro_banner{ height: 120px;}
.pro_bg{padding: 35px 0 50px 0;}
.pro_nr{ padding-top: 30px;}
.pro_nr li{ width: 49%; margin-right: 0; margin-bottom: 25px;}
.pro_nr li:nth-child(2n){ float: right;}
.pro_wb{padding: 15px 4% 10px 4%; overflow:hidden; position: relative;}
}
/*pro*/

/*proshow*/
.nprolmgm{ height: 66px; border-bottom: 1px solid #e7e7e7; background: #f7f7f7;}
.nprolmgm .kga{ display: flex; justify-content: space-between;}
.npro_lm{ margin-top: 13px;}
.npro_lm a{ height: 39px; line-height: 39px; padding-left: 35px; font-size: 1.125rem; color: #000; display: block; position: relative; transition: 0.5s;}
.npro_lm a::after{ content: ''; width: 24px; height: 39px; background: url(../images/npro_jt.png) no-repeat center #c0c0c0; position: absolute; left: 0; top: 0; transition: 0.5s;}
.npro_lm a:hover{ color: #c30000; transition: 0.5s;}
.npro_lm a:hover::after{ background-color: #c30000; transition: 0.5s;}
.npro_gm{ margin-top: 15px;}
.npro_gm a{ display: block; width: 103px; height: 36px; line-height: 36px; color: #fff; background: #ab0000; font-size: 0.875rem; text-align: center;}

.npro_bga{ width: 100%; background: #fff; padding: 40px 0 22px 0;}
.proshow_gd{ width:50%; position:relative;}
.proshow_img{ border:1px solid #e8e8e8; overflow:hidden;}
.proshow_img li{ overflow:hidden;}
.proshow_img li img{ display:block; width:100%;}
.proshow_an{width:100%; padding-top: 12px;}
.proshow_an li{ width:16%; float:left; cursor:pointer; margin-right:0.8%;}
.proshow_an li:nth-child(6n){ margin-right:0;}
.proshow_an li:nth-child(n+7){ margin-top:0.8%;}
.proshow_an li a{ display:block; border:1px solid #e6e6e6; overflow:hidden;}
.proshow_an li img{ display:block; width:100%;}
.proshow_an li.on a{border:1px solid #c30000;}
.proshow_jt a{ display: block; position: absolute; background: url(../images/news_jt.png) no-repeat center rgba(168,168,168,0.3); width: 35px; height: 60px; top: 35%; cursor: pointer;}
.proshow_jt a.prev{ left: 3%; transform: scaleX(-1);}
.proshow_jt a.next{ right: 3%;}
.proshowa_wb{ width:48%; padding-top:10px;}
.nycp_bt{color:#000; padding-bottom: 30px;}
.nycp_bt p{ font-size: 1.25rem;}
.nycp_bt h1{ font-size: 1.5rem;}
.nycp_nr{ font-size:1rem; color:#666666; line-height:26px; padding-bottom:26px; border-bottom:1px solid #e4e4e4;}
.nycp_nr .tedian p{ font-size:0.875rem;}
.nycp_nr img{ max-width:100%;}
.npro_color{ padding-top: 16px;}
.nprocol_tit{ font-size: 1.25rem; color: #3f3f3f;}
.nprocol_nr{ padding-top: 15px;}
.nprocol_nr ul{ display: flex; justify-content: flex-start;}
.nprocol_nr li{ width: 39px; height: 23px; border: 1px solid rgba(0,0,0,0.2); margin-right: 13px;}
.npro_bz{ padding-top: 16px; color: #5b5b5b; line-height: 30px; font-size: 1rem; padding-bottom: 16px; border-bottom:1px solid #e4e4e4;}
.npro_an{ padding-top: 28px; display: flex; align-content: space-between;flex-wrap: wrap;}
.npro_an a{ height: 50px; line-height: 50px; flex: 0 1 auto; padding: 0 10px; font-size: 1rem; text-align: center; color: #fff;margin-right: 2%;}
.npro_an a:nth-child(1){ background: #5d5d5d;}
.npro_an a:nth-child(2){ background: #222;}

.npro_bgb{ background: #f1f1f1; border-top: 1px solid #d7d7d7; width: 100%; padding-bottom: 75px;}
.npro_fl{ border-bottom: 1px solid #d7d7d7;}
.npro_fl ul{ display: flex; justify-content: center;}
.npro_fl li{ position: relative; height: 84px; line-height: 84px; color: #8e8e8e; padding: 0 6px; margin: 0 33px; font-size: 1.5rem; cursor: pointer;}
.npro_fl li:hover,.npro_fl li.on{ color: #c80000;}
.npro_fl li::after{ content: ''; width: 100%; height: 5px; background: #c80000; position: absolute; left: 0; bottom: -3px; transform: scaleX(0); transition: 0.5s;}
.npro_fl li:hover::after,.npro_fl li.on::after{ transform: scaleX(1); transition: 0.5s;}
.npro_kg{ padding-top: 35px;}
.proshow_nr{ font-size:1rem; line-height:1.8em;}
.proshow_nr img{ max-width:100%;}
.showcp_an{ padding-top:0.875rem; width:100%; padding-top:40px; margin-bottom:50px;}
.showcp_an p{width:120px;}
.showcp_an p a{width:100%;height:40px; background:#c80000; text-align:center; line-height:40px; display:block; font-size:1rem; color:#fff; font-weight:bold;}

.proshow_bom{ background: #fff; padding: 45px 0 90px 0; width: 100%;}
.cnxh_tit{font-size:1.5rem; color:#000; }
.cnxh_nr{ margin-top:30px;}
.cnxh_nr li{ float: left; width: 23.2%; margin-right: 2%;}
.cnxh_nr li:nth-child(4){ margin-right:0;}
.cnxh_pic{ overflow:hidden;}
.cnxh_pic img{ display:block; width:100%; transition:0.5s;}
.cnxh_nr li:hover .cnxh_pic img{transform:scale(1.05);}
.cnxh_wb{ background:#f6f7f9; height:52px; line-height:52px; color:#252424; overflow:hidden; font-size:1.125rem; text-align:center; transition:0.5s;}
.cnxh_nr li:hover .cnxh_wb{ color:#c80000;  transition:0.5s;}
@media screen and (max-width:700px){
.proshow_gd{ width: 100%; float: none;}
.proshowa_wb{ width: 100%; float: none; padding-top: 25px;}
.nycp_bt{ padding-bottom: 15px;}
.npro_an{ padding-top: 15px;}
.npro_an a{ height: 42px; line-height: 42px;}
.proshow_bom{ padding: 15px 0 40px 0;}
.cnxh_tit{ font-size: 1.125rem;}
.cnxh_nr{ margin-top: 10px;}
.cnxh_nr li{ width: 49%; margin-right: 0;}
.cnxh_nr li:nth-child(2n){ float: right;}
.cnxh_nr li:nth-child(n+3){ margin-top: 2%;}
.cnxh_wb{ height: 42px; line-height: 42px; font-size: 1rem;}
.npro_fl li{ height: 50px; line-height: 50px; font-size: 1.125rem;}
.proshow_nr{ font-size: 0.9375rem;}
.npro_bgb{ padding-bottom: 10px;}
.showcp_an p{ width: 100px;}
.showcp_an p a{ height: 32px; line-height: 32px; font-size: 0.875rem;}
}
/*proshow*/


/*fhtop*/
.cd-top{display:block; height:40px; width:40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden;  text-indent:100%;  white-space:nowrap; background:url(../images/cd-top-arrow.svg) no-repeat center rgba(0,0,0,0.8); border-radius:50%; visibility: hidden; opacity:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index:9999;}
.cd-top.cd-is-visible {visibility: visible;opacity:1;}
.cd-top.cd-fade-out {opacity:1;}
.cd-top:hover{background:url(../images/cd-top-arrow.svg) no-repeat center rgba(0,0,0,0.4); opacity: 1;}
@media screen and (max-width:700px){
.cd-top{ display: none;}
}
/*fhtop*/
/*内页style结束*/

.fswzj{ display:none;}@media screen and (max-width:700px){.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#000;}.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #262626;}.fswzj ul li{color:#fff; width:25%; text-align:center; padding:0.3rem 0; position:relative; float:left;}.fswzj ul li a{ color:#fff;  display:block; border-left:1px solid #262626;}.fswzj ul li.on a{ border-left:none;}.fnav_pic{ width:23%; margin:0 auto;}.fnav_pic img{ width:100%;}.fnav_wb{font-size:0.8125rem; padding-top:2px;}footer{ padding:20px 0 120px 0;}}

/*导航样式*/
@media screen and (max-width:1020px){
.sp_nav{width:60px;float:right;position:relative;cursor: pointer; height:60px; background:#000; padding:10px; display: block;}
.sp_nav i{display:block; color:#fff; position:absolute; width:100%; bottom:12px; left:0; text-align:center; font-style:normal;}
.sp_nav span{display:block;background:#fff;width:40%;height:2px;position:absolute;left:30%;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:22px}
.sp_nav span:nth-of-type(2){top:32px}
.sp_nav_se span:nth-of-type(1){top:22px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){top:22px;transform:rotate(-45deg)}
.sjj_nav{position:fixed; z-index:9; background:rgba(0,0,0,0.9); width:50%; height:calc(100% - 104px); line-height:40px; top:80px; right:-100%; overflow:auto; overflow-x:hidden; transition:right ease 0.5s;}
.nav_show{top:80px; right:0;}
.sjj_nav li ul,.sjj_nav li .sp_nav_xjb{ display: block;}
.sjj_nav>ul{ display: block;}
.sjj_nav>ul>li{ float:none; width:auto; background:none; border-top:1px solid rgba(255,255,255,0.1); margin-left:10px; position:relative;}
.sjj_nav>ul>li>a{ width: calc(100% - 50px); font-size:1rem; color:#fff; text-align:inherit; padding:inherit; height:50px; line-height:50px; background:none;}
.sjj_nav>ul>li:first-child{overflow:hidden; border-top:none;}
.sjj_nav>ul>li:first-child>a{float:left; width:calc(100% - 70px);}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav>ul>li:last-child{border-bottom:1px solid rgba(255,255,255,0.1);}
.sjj_nav>ul>li .sp_nav_xjb{ display: block;}
.sjj_nav ul li i{ display:block; position:absolute; top:5px; right:0px; border-left:1px solid rgba(255,255,255,0.1); height:24px; padding: 8px 10px;}
.sjj_nav ul li i svg{width:24px; height:24px; fill:#fff; transform:rotate(-90deg); transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg); fill:#ff882c;}
.sjj_nav>ul>li>ul>li{border-top:1px solid rgba(255,255,255,0.1); padding-left: 10px;}
.sjj_nav>ul>li>ul>li>a{ text-align: left; color: #fff; line-height: 50px; height: 50px;}
}
@media screen and (max-width:700px){
.sp_header{height:50px;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px; height:50px; padding:0px;}
.sp_nav i{ font-size:0.8125rem; bottom:6px;}
.sp_nav span{ width:50%; left:25%;}
.sp_nav span:nth-of-type(1){top:10px}
.sp_nav span:nth-of-type(2){top:20px}
.sp_nav_se span:nth-of-type(1){top:13px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){top:13px;transform:rotate(-45deg)}
.sjj_nav{top:50px; width:70%;}
.nav_show{top:50px;}
.sjj_nav ul li a{ font-size:0.9375rem;}
.sjj_nav>ul>li>a{ height:44px; line-height:44px;}
.sjj_nav>ul>li>ul>li>a{ line-height: 44px; height: 44px; font-size: 0.875rem;}
.sjj_nav ul li i{ display:block; position:absolute; top:5px; right:0px; border-left:1px solid rgba(255,255,255,0.1); height:24px; padding: 4px 7px;}
}

#fp-nav {position:fixed; z-index:100; top:50%; opacity: 1; -webkit-transform: translate3d(0,0,0); width:21px;}
#fp-nav.right {right:3%;}
.fp-slidesNav{position: absolute; z-index: 4;left:50%; opacity: 1;}
.fp-slidesNav.bottom {bottom:17px;}
.fp-slidesNav.top {top:17px;}
#fp-nav ul,.fp-slidesNav ul { margin:0; padding:0;}
#fp-nav ul li,.fp-slidesNav ul li{display:block; width:30px; height:30px; position:relative; margin:7px 0;}
#fp-nav ul li a,.fp-slidesNav ul li a{ display:block; position:relative; z-index: 1; width:30px; height:30px;}
#fp-nav ul li a::before{ content: '';  width:30px; height:30px; background: #8c8c8c; border-radius: 50%; transform: scale(0.4); position: absolute; left: 0; top: 0; transition: 0.5s;}
#fp-nav ul li a.active::before{ transform: scale(0.2); transition: 0.5s;}
#fp-nav ul li a::after{ content: ''; border: 1px solid #8c8c8c; width: 28px; height: 28px; border-radius: 50%; position: absolute; left: 0; top: 0; transform: scale(0); transition: 0.5s;}
#fp-nav ul li a.active::after{transform: scale(1); transition: 0.5s;}
#fp-nav ul li .fp-tooltip {position: absolute;top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; display: block;}
#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1;}
#fp-nav ul li .fp-tooltip.right {right:20px;}
@media screen and (max-width:770px){
#fp-nav.right { display:none;}	
}