@charset "utf-8";
/* CSS Document */
html{margin:0px; padding:0px;}
body{font-family:"Microsoft YaHei",Arial; font-size:100%; color:#434343; margin:0 auto; overflow-x:hidden; max-width:1920px; width:100%; position:relative; transition: 0.5s;}
ol,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6{list-style:none outside none; margin:0px; padding:0px; font-size:100%; font-weight:normal;}
img {border:none;}
a:link, a:visited {color:#323232; text-decoration: none;outline:none;}
a:hover, a:active {color:#960014; text-decoration: none;outline:none;}
.clear{clear:both;}
.kg{ width:96%; margin:0 auto; max-width:1600px;}
.kga{ width:96%; margin:0 auto; max-width:1400px;}
.kgb{ width:96%; margin:0 auto; max-width:1300px;}
.fl{ float:left;}
.fr{ float:right;}
.dw{ position:relative;}
.cj{ overflow:hidden;}
.green-black {display:block; padding-top:26px; clear:both; text-align:center;}
.green-black a {padding:5px 8px 4px 8px; padding:5px 8px 4px 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:url(../images/page_bg01.png) #fff bottom repeat-x; text-decoration:none;}
.green-black a:hover {border:1px solid #ccc; height:12px; line-height:12px; zoom:1;overflow:auto;background:url(../images/page_bg02.png) top repeat-x #960014; margin-left:3px; margin-right:3px; color:#fff;font-size:12px;}
.green-black span.current {padding:5px 8px 5px 8px; padding:5px 8px 4px 8px;border:1px solid #ccc; color:#fff; height:12px; line-height:12px; zoom:1; overflow:auto;  background:url(../images/page_bg02.png) top repeat-x #960014; margin-left:3px; margin-right:3px; margin-top:0px; margin-bottom:0px; font-size:12px}
::-webkit-scrollbar {width:3px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px;}
#dituContent{ height:670px; border-top:1px solid #ddd;}
@media screen and (max-width:770px){
#dituContent{ height:230px;}
}
/*基础配置*/

@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:"ITCB";
 src: url("../fonts/ITCB.ttf");
}
@font-face {
 font-family:"Dinstd";
 src: url("../fonts/Dinstd.eot"),
      url("../fonts/Dinstd.ttf");
}
@font-face {
 font-family:"AgencyFB";
 src: url("../fonts/AgencyFB.eot"),
      url("../fonts/AgencyFB.ttf");
}
/*首页style开始*/
.top_bg{ width:100%; height: 110px; position: absolute; left: 0; top: 0; z-index:999; box-shadow: 1px 1px 2px rgba(0,0,0,0.3); transition:0.5s;}
.top_bg::before{ content: ''; width: 100%; height: 100%; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);  background: rgba(255,255,255,0.9); position: absolute; left: 0; top: 0;}
.top_kg{ max-width: 1680px; width: 98%; margin: 0 auto; display: flex; justify-content: space-between; height: 100%; align-items: center; position: relative; z-index: 9;}
.top_l{ display: flex;}
.tyy{ margin-left: 19px; position: relative;}
.tyy dt{ padding: 0 36px 0 16px; height: 44px; line-height: 44px; border: 1px solid #d1d1d1; border-radius: 23px; cursor: pointer; position: relative;}
.tyy dt img{ margin-bottom: -5px; margin-right: 10px;}
.tyy dt::after{ content: ''; width: 12px; height: 100%; background: url(../images/yyjt.png) no-repeat center; position: absolute; right: 18px;}
.tyy dt.on::after{ transform: scaleY(-1);}
.tyy dd{background: rgba(255,255,255,0.9); position: absolute; width: 100%; border-radius: 10px; padding: 10px 0; display: none;}
.tyy dd a{ display: block; text-align: center; line-height: 30px;}
.tsous{ margin-left: 14px; height: 44px; width: 44px; border: 1px solid #d1d1d1; border-radius: 50%; position: relative; background: url(../images/sous.png) no-repeat center;}
.top_r{ display: flex; align-items: center;}
.sp_nav{ display: none;}
.sjj_nav>ul{ display: flex;}
.sjj_nav>ul>li{position:relative;}
.sjj_nav>ul>li>a{display:block; font-size:1rem; height:110px; line-height:110px; padding: 0 30px; color:#3a3939; position:relative; z-index:9; transition:0.5s;}
.sjj_nav>ul>li>a>img{ margin-left: 5px; margin-bottom: 2px;}
.sjj_nav>ul>li:hover>a,.sjj_nav>ul>li.cur>a{color:#960014; transition:0.5s;}
.sjj_nav>ul>li:after{ content:""; background:#960014; height:4px; width:40%; position:absolute; left:30%; bottom:32px; border-radius: 2px; transform: scaleX(0); transition:0.5s;}
.sjj_nav>ul>li:hover:after,.sjj_nav>ul>li.cur:after{ transform: scaleX(1); transition:0.5s;}
.sjj_nav>ul>li>ul{ position:absolute; background:rgba(255,255,255,0.9); width: 100%; left:0%; display:none;}
.sjj_nav>ul>li>ul>li{ border-top:1px solid rgba(0,0,0,0.1); float:none; position: relative;}
.sjj_nav>ul>li>ul>li>a{ text-align:center; display:block; line-height:44px; height:44px; color:#3a3939; font-size:1rem; transition:0.5s;}
.sjj_nav>ul>li:nth-child(3)>ul>li>a{ font-weight: bold;}
.sjj_nav>ul>li>ul>li:hover>a{ background:#960014; color:#fff; transition:0.5s;}
.sjj_nav>ul>li>ul>li>ul{ width: 100%; padding: 0px 0 10px 0;}
.sjj_nav>ul>li>ul>li>ul>li>a{ text-align:center; display:block; line-height:30px; height:30px; color:#666; font-size:0.9375rem; transition:0.5s;}
.sjj_nav>ul>li>ul>li>ul>li:hover>a{ color:#960014; transition:0.5s;}
@media screen and (max-width:1600px){
.sjj_nav>ul>li>a{padding: 0 22px;}
}
@media screen and (max-width:1500px){
.top_bg{ height: 90px;}
.tyy{ margin-left: 14px;}
.tyy dt{ padding: 0 32px 0 12px;}
.tyy dt::after{ right: 14px;}
.sjj_nav>ul>li:after{bottom:24px;}
.sjj_nav>ul>li>a{padding: 0 17px; height:90px; line-height:90px;}
.sjj_nav>ul>li>ul{ width: 120%; left:-10%;}
}
@media screen and (max-width:1400px){
.tsous{ display: none;}
}
@media screen and (max-width:1300px){
.top_bg{ height: 80px; box-shadow: 1px 1px 2px rgba(0,0,0,0.3);}
.top_kg{ width: 100%;}
.logo{ padding-left: 1%;}
.tsous{ display: block; margin-right: 30px;}
.sjj_nav>ul>li:after{ display: none;}
.sjj_nav>ul>li:hover>a,.sjj_nav>ul>li.cur>a{color:rgba(255,255,255,0.7);}
.sjj_nav>ul>li>a>img{display: none;}
.sjj_nav>ul>li>ul{ position:relative; background:none; width: auto; left:auto;}
.sjj_nav>ul>li>ul>li>ul>li>a{ text-align:left; display:block; line-height:30px; height:30px; color:#fff;}
.sjj_nav>ul>li>ul>li>ul>li:hover>a{ color:#960014; transition:0.5s;}
}
@media screen and (max-width:700px){
.top_bg{ height: 50px;}
.logo img{ height: 34px;}
.tsous{ display: none;}
.tyy{ margin-right: 10px; margin-left: 0;}
.tyy dt{ font-size: 0.875rem; height: 30px; line-height: 30px; padding: 0 23px 0 10px;}
.tyy dt::after{right: 7px;}
.tyy dt img{ height: 16px; margin-right: 5px; margin-bottom: -2px;}
.tyy dd{ padding: 5px 0;}
.tyy dd a{ line-height: 24px; font-size: 0.9375rem;}
}
/*banner*/
@keyframes topbom{ 0%{bottom:6%; opacity:1;} 50%{bottom:8%; opacity:0.6;} 100%{bottom:6%; opacity:1;}} @-webkit-keyframes topbom{ 0%{bottom:6%; opacity:1;} 50%{bottom:8%; opacity:0.6;} 100%{bottom:6%; opacity:1;}}
.banner{ position:relative;}
.ban_po{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
.ban_po img{ display: block; width: 100%;}
.banner_nr li{ width:100%;}
.bana_img{ display: none;}
.ban_img{ overflow: hidden; position: relative;}
.ban_img img{ display: block; width: 100%;}
.banner_an{ position:absolute; left:0; bottom:4%; width:100%; text-align:center; z-index:9;}
.banner_an ul{ max-width: 1440px; width: 96%; margin: 0 auto; display: flex; justify-content: center;}
.banner_an li{ cursor:pointer; width:7px; height:7px; color: rgba(0,0,0,0); margin:0 12px; border-radius:50%; position:relative; background:#332c2b; transition:0.5s;}
.banner_an li.on{ background: #e62129;}
.banner_an li::after{ content: ''; border: 1px solid #e62129; width: 19px; height: 19px; border-radius: 50%; position: absolute; left: -7px; top: -7px; transform: scale(0); transition: 0.5s;}
.banner_an li:hover::after,.banner_an li.on::after{ transform: scale(1);}
/*1*/
.bana_po{ position: absolute; width: 100%; left: 0; top: 0; height: 100%; z-index: 3; background-image: linear-gradient(to right, rgba(0,0,0,0.6) , rgba(0,0,0,0), rgba(0,0,0,0));}
.bana_po .kg{ display: flex; flex-wrap: wrap; align-content: center; height: 100%;}
.bana_txt{ flex: 0 1 100%; color: #fff;}
.bana_txt h2{ font-size: 4.5rem; font-weight: bold;}
.bana_txt p{ font-size: 3.75rem;}
.bana_txt span{ font-family: "ITCB"; font-size: 1.5625rem;}
.bana_an{ margin-top: 25px;}
.bana_an a{ display: block; border: 1px solid #fff; line-height: 58px; height: 58px; border-radius: 30px; color: #fff; background: url(../images/bv_but.png) no-repeat 24px center; padding: 0 27px 0 63px;}
/*2*/
.banb_txt{ flex: 0 1 100%; color: #fff;}
.banb_txt h2{ font-size: 4.5rem; font-weight: bold; text-shadow: 0px 2px 1px rgba(0,0,0,1); line-height: 1.125em;}
.banb_txt p{ font-size: 3rem; text-shadow: 0px 2px 1px rgba(0,0,0,1);}
.banb_txt em{ display: block; font-style: normal; font-size: 2.5rem; color: #b40007; font-weight: bold; text-shadow: 1px 1px 1px rgba(255,255,255,1); letter-spacing: 16px; margin-top: 3px;}
.banb_txt span{ font-family: "Dinr"; font-size: 1.5rem; text-transform: uppercase; display: block; margin-top: 5px;}
/*3*/
.banc_txt{ flex: 0 1 100%; color: #fff;}
.banc_txt p{ font-size: 3.75rem; color: #ff3030; line-height: 1em;}
.banc_txt h2{ font-size: 5rem; font-weight: bold; text-shadow: 0px 2px 1px rgba(0,0,0,1); line-height: 1.125em;}
.banc_txt span{ font-family: "Dinr"; font-size: 1.5rem; text-transform: uppercase; display: block; margin-top: 8px; text-shadow: 0px 1px 1px rgba(0,0,0,1);}
@media screen and (max-width:1680px){
.bana_po .kg{ width: 78%;}
.bana_txt h2,.banb_txt h2{ font-size: 3.25rem;}
.bana_txt p,.banb_txt p{ font-size: 2.5rem;}
.bana_txt span,.banb_txt span,.banc_txt span{font-size: 1.25rem;}
.bana_an a{line-height: 48px; height: 48px; background: url(../images/bv_but.png) no-repeat 14px center; padding: 0 20px 0 50px;}
.banb_txt em{ font-size: 2rem;}
.banc_txt h2{ font-size: 4rem;}
.banc_txt p{ font-size: 3.25rem;}
}
@media screen and (max-width:1500px){
.bana_txt h2,.banb_txt h2{ font-size: 3rem;}
.bana_txt p,.banb_txt p{ font-size: 2rem;}
.banb_txt em{ font-size: 1.625rem;}
.banc_txt h2{ font-size: 3.5rem;}
.banc_txt p{ font-size: 3rem;}
}
@media screen and (max-width:1400px){
.bana_txt h2,.banb_txt h2{ font-size: 2.625rem;}
.bana_txt p,.banb_txt p{ font-size: 1.875rem;}
.banb_txt em{ font-size: 1.375rem;}
.banc_txt h2{ font-size: 3rem;}
.banc_txt p{ font-size: 2.625rem;}
}
@media screen and (max-width:1280px){
.bana_txt h2,.banb_txt h2{ font-size: 2.25rem;}
.bana_txt p,.banb_txt p{ font-size: 1.625rem;}
.bana_an a{line-height: 42px; height: 42px; background: url(../images/bv_but.png) no-repeat 10px center; padding: 0 12px 0 40px; font-size: 0.875rem;}
.banb_txt em{ font-size: 1.25rem;}
.banc_txt h2{ font-size: 2.5rem;}
.banc_txt p{ font-size: 2.5rem;}
}
@media screen and (max-width:770px){
.ban_po{ top: auto; bottom: -11.1%; height: auto;}
.ban_img,.bana_po{ display: none;}
.bana_img{ display: block;}
.bana_img img{ display: block; width: 100%;}
.banner_an li{ margin: 0 7px;}
.banner_an li::after{ width: 15px; height: 15px; left: -5px; top: -5px;}
}
/*banner*/

.index_bga{ width: 100%; padding: 140px 0 134px 0; position: relative;}
.index_bga .kg{ display: flex; justify-content: space-between; align-items: flex-start;}
.inda_l{ flex: 0 1 45.625%; position: relative;}
.inda_l::before{ content: ''; width: calc(100% + 30px); height: 100%; background: url(../images/inda_dd.png); position: absolute; left: -15px; top: -14px;}
.inda_l p{ overflow: hidden; position: relative; z-index: 9;}
.inda_l p img{ display: block; width: 100%;}
.inda_l p video{ position: absolute; width: 100%; height: 100%; background: #000; left: 0; top: 0; cursor: pointer;}
.inda_r{ display: flex; flex: 1; justify-content: space-between; margin-left: 55px;}
.inda_nr{ flex: 1;}
.inda_tit p{ font-size: 4.25rem; color: #ececec; line-height: 0.8em; font-family: 'ITCB';}
.inda_tit h2{ font-size: 2.5rem; color: #222; line-height: 1em; margin-top: -18px;}
.inda_qy{ display: inline-block; margin: 30px 0; height: 44px; line-height: 44px; padding: 0 14px; background: #960014; border-radius: 10px 0 10px 0; font-size: 1.625rem; color: #fff; font-family: 'Dinr';}
.inda_ry{ font-size: 1.25rem; color: #222; line-height: 30px; margin-top: 15px;}
.inda_ry p{ font-weight: bold;}
.inda_ms{ font-size: 1rem; color: #757575; line-height: 30px; margin-top: 30px;}
.inda_more{ margin-top: 42px; border-top: 3px solid #960014;}
.inda_more a{ display: block; line-height: 64px; background: url(../images/inda_more.png) no-repeat right bottom; color: #757575; font-family: 'Dinr'; overflow: hidden; height: 40px; transition: 0.5s;}
.inda_more a:hover{ color: #960014; background: url(../images/inda_moreb.png) no-repeat right bottom;}
.inda_zj{ margin-left: 68px; display: flex; flex: 0 0 170px;}
.inda_zj ul{ display: flex; align-content: space-between; flex-wrap: wrap;}
.inda_zj li{ flex: 0 1 100%; position: relative;}
.inda_zj li::after{ content: ''; width: 25px; height: 2px; background: #ddd; position: absolute; bottom: -98%;}
.inda_zj li:nth-last-child(1):after{ display: none;}
.inda_sz{ display: flex; align-items: flex-end;}
.inda_sz p{ font-size: 4.5rem; color: #960014; font-family: "Dinstd"; line-height: 0.8em;}
.inda_sz span{ font-size: 1.125rem; line-height: 28px; padding-left: 7px;}
.inda_zj li:nth-child(1) .inda_sz span{ font-size: 1.5rem; font-family: 'Dinr';}
@media screen and (max-width:1600px){
.inda_qy{ margin: 23px 0;}
.inda_more{ margin-top: 32px;}
}
@media screen and (max-width:1500px){
.index_bga{ padding: 110px 0 100px 0;}
.inda_tit p{ font-size: 3.5rem;}
.inda_tit h2{ font-size: 2.25rem; margin-top: -15px;}
.inda_qy{ font-size: 1.25rem; height: 38px; line-height: 38px; margin: 17px 0;}
.inda_ry{ margin-top: 0; font-size: 1.125rem; line-height: 28px;}
.inda_ms{ margin-top: 20px; line-height: 28px;}
.inda_more{ margin-top: 24px;}
.inda_zj li::after{ bottom: -67%;}
}
@media screen and (max-width:1400px){
.inda_r{ margin-left: 45px;}
.inda_ms{line-height: 26px;}
.inda_more{ margin-top: 20px;}
.inda_more a{ height: 34px; line-height: 55px;}
.inda_zj{ margin-left: 55px;}
.inda_zj li::after{ bottom: -63%;}
}
@media screen and (max-width:1270px){
.index_bga{ padding: 80px 0 90px 0;}
.index_bga .kg{ display: block;}
.inda_r{ margin-left: 0; margin-top: 50px;}
.inda_zj{ margin-left: 85px;}
.inda_zj li::after{ bottom: -48%;}
}
@media screen and (max-width:1020px){
.inda_zj{ margin-left: 50px;}
}
@media screen and (max-width:700px){
.index_bga{ padding: 40px 0 50px 0;}
.inda_l::before{ top: -2%; left: -1.5%; width: calc(100% + 3%);}
.inda_r{ flex-wrap: wrap; margin-top: 20px;}
.inda_zj{ margin-left: 0; flex: 0 1 100%;}
.inda_zj ul{ display: flex; justify-content: space-between; flex: 0 1 100%;}
.inda_zj li{ flex: 0 1 auto;}
.inda_zj li::after{ display: none;}
.inda_sz p{ font-size: 3.25rem;}
.inda_zj li:nth-child(1) .inda_sz span{ font-size: 1.25rem;}
.inda_sz span{ font-size: 1rem;}
.inda_sm{ margin-top: 3px; font-size: 0.9375rem;}
.inda_nr{ flex: 0 1 100%; order: 1; margin-top: 25px;}
.inda_tit p{ font-size: 2.5rem;}
.inda_tit h2{ font-size: 1.5rem; margin-top: -10px;}
.inda_qy{ margin: 15px 0; font-size: 1.125rem;}
}

.index_bgb{position: relative; width: 100%;}
.indb_bg{ overflow: hidden; width: 100%; background: #960014;}
.indb_nr{ width: 33.333%; margin: 0 auto;}
.indb_nr .tempWrap{ overflow: inherit !important;}
.indb_nr li{ width: 100%; float: left; position: relative; z-index: 1;}
.indb_nr li a{ display: block; padding-top: 110px; position: relative; z-index: 9;}
.indb_nr li::before{ content: ''; background-image: linear-gradient(to right,#960014,#960014,#960014,#6b0210); position: absolute; left: 0; top:-40%; border-left: 1px solid #f03e55; width: 109%; height: 180%; border-radius: 50% 0 0 50%; transition: 0.5s;}
.indb_nr li.cur::before{ background-image: linear-gradient(to right,#ececec,#ececec,#ececec,#c1c1c1);}
.indb_sz{ position: absolute; right: -9%; font-size: 9.375rem; top: 2.5%; line-height: 0.8em; font-family: 'Dinr'; color: rgba(0,0,0,0.1);}
.indb_wb{ width: 62%; padding-left: 10%;}
.indb_mc h3{ color: #fff; font-size: 2.25rem; font-weight: bold; transition: 0.5s;}
.indb_mc p{ color: #e48484; line-height: 24px; margin-top: 20px; height: 96px; transition: 0.5s;}
.indb_mc span{ border: 1px solid #fff; display: block; width: 98px; height: 34px; text-align: center; line-height: 34px; border-radius: 18px; color: #fff; font-family: 'Dinr'; margin-top: 18px; transition: 0.5s;}
.indb_nr li.cur .indb_mc h3{ color: #960014;}
.indb_nr li.cur .indb_mc p{ color: #444444;}
.indb_nr li.cur .indb_mc span{ border: 1px solid #960014; background: #960014; color: #fff;}
.indb_pic{ padding-top: 45px; width: 148.4375%; opacity: 0.3; transition: 0.5s;}
.indb_pic img{ display: block; width: 100%;}
.indb_nr li.cur .indb_pic{ opacity: 1; margin-left: -32%; transition: 1s 0.5s;}
.pageState{ text-align: center; line-height: 45px; height: 45px; color: #868686; font-size: 1.5rem; font-family: 'ITCB';}
.pageState span{ color: #960014;}
.indb_an{ width: 100%; position: relative;}
.indb_an::before{ content: ''; width: 100%; height: 1px; background: #e9e9e9; position: absolute; left: 0; top: 50%;}
.indb_an ul{ display: flex; justify-content: center; width: 31.25%; margin: 0 auto; background: #dcdcdc; border-radius: 3px; position: relative; z-index: 9;}
.indb_an li{ flex: 1; position: relative; z-index: 9; text-indent: -999rem; height: 6px; cursor: pointer;}
.indb_an li::after{ content: ''; background: #960014; height: 10px; width: 0%; border-radius: 5px; position: absolute; left: 0; top: -2px;}
.indb_an li.on::after{ width: 100%; transition: 0.5s;}
.indb_jt a{ position: absolute; top: 47%; cursor: pointer; opacity: 1; z-index: 99; transition: 0.5s;}
.indb_jt a.prev{ left: 2%;}
.indb_jt a.next{ right: 2%; transform: scaleX(-1);}
.indb_jt a.prevStop,.indb_jt a.nextStop{ opacity: 0;}
@media screen and (max-width:1680px){
.indb_sz{ font-size: 8rem;}
.indb_wb{ width: 70%;}
.indb_mc h3{ font-size: 2rem;}
.indb_mc span{ margin-top: 25px;}
}
@media screen and (max-width:1600px){
.indb_sz{ font-size: 7rem;}
.indb_wb{ width: 80%;}
}
@media screen and (max-width:1500px){
.indb_sz{ font-size: 6rem;}
.indb_mc h3{ font-size: 1.875rem;}
.indb_mc p{ font-size: 0.9375rem;}
}
@media screen and (max-width:1280px){
.indb_wb{ width: 84%;}
}
@media screen and (max-width:1270px){
.indb_sz{ font-size: 5rem;}
.indb_wb{ padding-left: 7%; width: 86%;}
.indb_mc h3{ font-size: 1.625rem;}
.indb_mc p{ height: 120px; margin-top: 10px;}
.indb_jt a img{ height: 32px;}
}
@media screen and (max-width:1020px){
.indb_nr{ width: 100%;}
.indb_nr li::before{background-image: linear-gradient(to right,#ececec,#ececec,#ececec,#c1c1c1); border-left: none; left: 0; top:0%; width: 100%; height: 100%; border-radius:0;}
.indb_sz{ right: 2%;}
.indb_pic{ width: 100%;}
.indb_pic img{ transform: scale(0.7);}
.indb_nr li.cur .indb_pic{ margin-left: 0;}
.indb_nr li.cur .indb_pic img{ transform: scale(1.03); transition: 0.5s 0.4s;}
.indb_mc h3{ font-size: 2rem;}
.indb_mc p{ font-size: 1rem; line-height: 30px; height: 90px;}
}
@media screen and (max-width:700px){
.indb_nr li a{ padding-top: 60px;}
.indb_sz{ font-size: 3.5rem;}
.indb_wb{ width: 92%; padding-left: 4%;}
.indb_mc h3{ font-size: 1.625rem;}
.indb_mc p{ font-size: 0.9375rem; line-height: 24px; height: 96px;}
.indb_mc span{width: 90px; height: 30px; line-height: 30px; margin-top: 15px;}
.pageState{ font-size: 1.375rem;}
.indb_an ul{ width: 100%;}
}

.index_bgc{ width: 100%; padding-top: 50px; background: #fff; overflow: hidden;}
.indc_title span{ line-height: 0.8em; font-family: 'ITCB'; font-size: 4.25rem; color: rgba(34,34,34,0.1);}
.indc_title h2{ font-size: 2.5rem; line-height: 1em; margin-top: -10px;}
.indc_title p{ font-size: 1.25rem; color: #828282; margin-top: 10px;}
.indc_gd{ position: relative; margin-top: 25px;}
.indc_an ul{ display: flex;}
.indc_an li{ flex: 0 1 32.291667%; width: 32.291667%; overflow: hidden; cursor: pointer; position: relative; transition: 0.5s;}
.indc_an li:hover,.indc_an li.on{ flex: 0 1 67.708333%; width: 67.708333%;}
.indc_an li::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.6); transition: 0.5s;}
.indc_an li:hover::after,.indc_an li.on::after{ background: rgba(0,0,0,0);}
.indc_img{ position: relative;}
.indc_an li.on .indc_img{ z-index: 9;}
.indc_an li:nth-child(1) .indc_img img{ float: right;}
.indc_po{ position: absolute; top: 15.5%; left: 12.307%; width: 87.693%;}
.indc_an li.on .indc_po{ z-index: 9;}
.indc_bt{ color: #fff; transition: 0.5s;}
.indc_an li:hover .indc_bt,.indc_an li.on .indc_bt{ padding-left: 37px;}
.indc_bt h3{ font-size: 2.25rem;}
.indc_bt p{ line-height: 30px; font-size: 1.125rem; margin-top: 15px;}
.indc_zj{ display: flex; justify-content: space-between; background: rgba(255,255,255,0.9); margin-top: 210px; max-width: 928px; width: 90%; opacity: 0; transition: 0.5s;}
.indc_zj dl{ padding: 30px 0; position: relative; flex: 0 1 20%; text-align: center; position: relative;}
.indc_zj dl::after{ content: ''; width: 1px; background: #c1c1c1; height: 52px; position: absolute; top: 50%; margin-top: -26px; right: 0;}
.indc_zj dl:nth-last-child(1)::after{display: none;}
.indc_zj dl dd{ margin-top: 5px; line-height: 22px;}
.indc_an li.on .indc_zj{ opacity: 1;}
.indc_tab{ margin-top: -31px; position: relative; z-index: 9; display: flex; justify-content: space-between; padding-bottom: 34px; border-bottom: 2px solid #f5f5f5;}
.indc_l{ flex: 0 1 19.6875%; background: url(../images/indcl_bg.jpg) no-repeat; background-size: cover; position: relative; padding-top: 25px;}
.indcl_bt p{ font-size: 4.25rem; color: rgba(255,255,255,0.1); font-family: 'ITCB'; text-align: center; line-height: 0.8em;}
.indcl_bt h2{ font-size: 3rem; color: #fff; line-height: 1em; margin: -20px 7% 0 7%;}
.indc_r{ flex: 1; margin-left: 17px;}
.indc_nr ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.indc_nr li{ flex: 0 1 19%;}
.indc_nr li:nth-child(n+6){ margin-top: 1.25%;}
.indc_nr li a{ display: block; border: 1px solid #dbdbdb; overflow: hidden;}
.indc_nr li a img{ display: block; width: 100%; transition: 0.5s;}
.indc_nr li:hover a img{ transform: scale(1.05);}
.indc_ms{ padding-top: 24px; margin: 0 7%; color: #fff; line-height: 24px;}
.indc_jt{ position: absolute; right: 14px; bottom: 14px; display: flex;}
.indc_jt a{ width: 43px; height: 43px; line-height: 43px; text-align: center; font-family: '宋体'; font-size: 1.5rem; border: 1px solid #cb001b; background: #cb001b; color: #fff; display: block; cursor: pointer; transition: 0.5s;}
.indc_jt a.prevStop,.indc_jt a.nextStop{ color: #000; border: 1px solid #e5e5e5; background: #fff;}
@media screen and (max-width:1680px){
.indc_bt{ width: 90%;}
.indc_an li.on .indc_bt{ width: 55%;}
.indc_bt p br{ display: none;}
}
@media screen and (max-width:1500px){
.indc_title span{ font-size: 3.5rem;}
.indc_title h2{ font-size: 2.25rem;}
.indc_title p{ font-size: 1.125rem;}
.indc_bt h3{ font-size: 2rem;}
}
@media screen and (max-width:1400px){
.indcl_bt p{ font-size: 3.5rem;}
.indcl_bt h2{ font-size: 2.25rem;}
.indc_ms{ margin: 0 6%;}
}
@media screen and (max-width:1270px){
.indc_img img{ height: 500px;}
.indc_po{ width: 94%; left: 3%;}
.indc_bt{ width: 100%;}
.indc_an li.on .indc_bt{ width: 74%;}
.indc_bt h3{ font-size: 1.75rem;}
.indc_bt p{ font-size: 1rem; margin-top: 8px; line-height: 24px;}
.indc_zj{ width: 100%; margin-top: 120px;}
.indc_zj dl{ padding: 18px 0;}
.indc_zj dl dd{ font-size: 0.9375rem; margin-top: 0;}
.indcl_bt p{ font-size: 2.5rem;}
.indcl_bt h2{ font-size: 1.75rem;}
.indc_ms{ padding-top: 15px; font-size: 0.875rem; line-height: 20px;}
.indc_jt a{ height: 30px; width: 30px; line-height: 30px; font-size: 1.25rem;}
}
@media screen and (max-width:1020px){
.indc_img img{ height: 400px;}
.indc_po{ top: 12%;}
.indc_an li.on .indc_bt{ padding-left: 20px; width: 85%;}
.indc_zj{ margin-top: 30px;}
.indc_zj dl{ padding: 10px 0;}
.indc_zj dl dt img{ max-width: 40%;}
.indc_an li:nth-child(2) .indc_zj{ flex-wrap: wrap; justify-content: flex-start;}
.indc_an li:nth-child(2) .indc_zj dl{ flex: 0 1 20%;}
.indc_tab{ margin-top: -10px; padding-bottom: 18px;}
.indc_l{ padding-top: 5px;}
.indcl_bt p{ font-size: 1.875rem;}
.indcl_bt h2{ font-size: 1.5rem;}
.indc_ms{ padding-top: 5px;}
.indc_jt{ right: 6px; bottom: 6px;}
.indc_jt a{ width: 22px; line-height: 22px; height: 22px;}
.indc_r{ margin-left: 10px;}
}
@media screen and (max-width:700px){
.indc_title span{ font-size: 3rem;}
.indc_title h2{ font-size: 1.5rem;}
.indc_title p{ font-size: 1rem; margin-top: 7px;}
.indc_img img{ height: 340px;}
.indc_po{ top: 8%;}
.indc_an li{ flex: 0 1 24%; width: 24%;}
.indc_an li:hover,.indc_an li.on{ flex: 0 1 76%; width: 76%;}
.indc_an li.on .indc_bt{ padding-left: 6px; width: 94%;}
.indc_bt h3{ font-size: 1.375rem;}
.indc_bt p{ font-size: 0.9375rem; line-height: 22px;}
.indc_zj{ flex-wrap: wrap; justify-content: flex-start;}
.indc_zj dl{ padding: 5px 0; flex: 0 1 33.333%;}
.indc_an li:nth-child(2) .indc_zj dl{ flex: 0 1 25%;}
.indc_an li:nth-child(2) .indc_zj dl:nth-child(n+5){ flex: 0 1 33.333%;}
.indc_an li:nth-child(1) .indc_zj dl:nth-child(3)::after{ display: none;}
.indc_zj dl dd{ line-height: 20px; font-size: 0.875rem;}
.indc_nr li{ flex: 0 1 33%;}
.indc_nr li:nth-child(n+4){ margin-top: 0.5%;}
}

.index_bgd{ padding-top: 50px; width: 100%;}
.index_bgd .indc_title{ position: relative;}
.index_bgd .indc_title p{position: relative; z-index: 9;}
.index_bgd .indc_title::after{ content: ''; height: 50px; width: 146px; background: url(../images/indd_dd.png) repeat; position: absolute; right: 0; bottom: 0;}
.indd_bg{ margin-top: 65px; position: relative; background: #f5f5f5; width: 100%; border-bottom: 1px solid #eaeaea;}
.indd_nr ul{ display: flex; border-left: 1px solid #e9e9e9;}
.indd_nr li{ flex: 0 1 25%; position: relative; transition: 0.5s; cursor: pointer; box-sizing: border-box; border-right: 1px solid #e9e9e9;}
.indd_img{overflow: hidden; position: relative; top: 0; transition: 0.5s;}
.indd_img img{ display: block; width: 100%; opacity: 0; transition: 0.5s;}
.indd_nr li:hover .indd_img{ top: -30px;}
.indd_nr li:hover .indd_img img{opacity: 1;}
.indd_mozx{ background: #960014; padding: 24px 11% 23px 11%; position: relative; margin-top: 0; display: flex; justify-content: space-between; align-items: center; opacity: 0; transition: 0.5s;}
.indd_mo a{ height: 46px; line-height: 46px; display: block; padding: 0 31px; border-radius: 25px; color: #fff; border: 2px solid #fff;}
.indd_zx{ color: rgba(255,255,255,0.5); font-size: 1.25rem; font-family: "Dinr";}
.indd_zx span{ font-size: 2.25rem; color: #fff;}
.indd_nr li:hover .indd_mozx{ margin-top: -30px; padding: 39px 11% 38px 11%; opacity: 1;}
.indd_po{ position: absolute; left: 10%; top: 30%; width: 80%; transition: 0.5s;}
.indd_ico{ position: relative;}
.indd_ico span{ position: absolute; left: 0; top: 0; width: 100%;}
.indd_nr li:hover .indd_ico p,.indd_nr li .indd_ico span{ opacity: 0; transition: 0.5s;}
.indd_nr li .indd_ico p,.indd_nr li:hover .indd_ico span{ opacity: 1; transition: 0.5s;}
.indd_nr li:hover .indd_po{ top: 23%;}
.indd_mc{ font-size: 2.25rem; font-weight: bold; color: #960014; padding-top: 40px; transition: 0.5s;}
.indd_ms{ color: #6c6c6c; font-size: 1.125rem; line-height: 30px; margin-top: 20px; height: 120px; transition: 0.5s;}
.indd_ms::after{ content: ''; width: 41px; height: 6px; background: #960014; border-radius: 3px; display: block; margin-top: 30px; transition: 0.5s;}
.indd_px{ color: #8e8e8e; font-family: "Dinr"; font-size: 1.25rem; padding-top: 45px; transition: 0.5s;}
.indd_px span{ color: #000; font-size: 2.25rem;}
.indd_nr li:hover .indd_mc,.indd_nr li:hover .indd_ms{ color: #fff;}
.indd_nr li:hover .indd_ms::after{ background: #fff;}
.indd_nr li:hover .indd_px{ opacity: 0;}
@media screen and (max-width:1500px){
.indd_po{left: 7%; width: 86%;}
.indd_mc{ font-size: 2rem;}
.indd_ms{ font-size: 1rem; line-height: 28px;}
.indd_mozx{ padding: 24px 7% 23px 7%;}
.indd_nr li:hover .indd_mozx{padding: 39px 7% 38px 7%;}
}
@media screen and (max-width:1400px){
.indd_mc{ font-size: 1.875rem;}
}
@media screen and (max-width:1270px){
.indd_bg{ margin-top: 50px;}
.indd_bg .kg{ width: 100%;}
.indd_po{ top: 25%;}
.indd_mc{ font-size: 1.625rem; padding-top: 25px;}
.indd_ms{ font-size: 0.9375rem; line-height: 22px;}
.indd_ms::after{ height: 4px; margin-top: 20px;}
.indd_px{padding-top: 20px; font-size: 1.125rem;}
.indd_px span{ font-size: 1.875rem;}
.indd_mozx{ padding: 10px 7%;}
.indd_nr li:hover .indd_mozx{ padding: 25px 7%;}
.indd_zx{ font-size: 1.125rem;}
.indd_zx span{ font-size: 1.875rem;}
.indd_mo a{ height: 30px; height: 30px; padding: 0 20px; line-height: 30px; font-size: 0.875rem;}
}
@media screen and (max-width:1020px){
.indd_po{ top: 12%; width: 90%; left: 5%;}
.indd_nr li:hover .indd_po{ top: 8%;}
.indd_ico img{ height: 42px;}
.indd_mc{ padding-top: 10px; font-size: 1.25rem;}
.indd_ms{ font-size: 0.875rem; margin-top: 10px;}
.indd_px{ font-size: 1rem; padding-top: 25px;}
.indd_px span{ font-size: 1.5rem;}
.indd_mozx{ padding: 5px 5%;}
.indd_nr li:hover .indd_mozx{padding: 20px 5%;}
.indd_mo a{ padding: 0 15px; border: 1px solid #fff;}
.indd_zx{ font-size: 1rem;}
.indd_zx span{ font-size: 1.5rem;}
}
@media screen and (max-width:700px){
.index_bgd{ padding-top: 40px;}
.indd_bg{ margin-top: 25px;}
.indd_ms{ display: none;}
.indd_nr ul{ flex-wrap: wrap;}
.indd_po{ top: 18%;}
.indd_nr li:hover .indd_po{ top: 18%;}
.indd_mozx{ display: none;}
.indd_nr li:hover .indd_img{ top: 0;}
.indd_ico{ text-align: center;}
.indd_ico img{ height: 34px;}
.indd_mc{ font-size: 1rem; padding-top: 5px; text-align: center;}
.indd_px{ padding-top: 10px; text-align: center;}
.indd_nr li:hover .indd_px{ opacity: 1; color: #fff;}
.indd_nr li:hover .indd_px span{ color: #fff;}
}

@keyframes indeqq{ 0%{ transform: scale(0.5); opacity:1;} 100%{transform: scale(5); opacity:0;}} @-webkit-keyframes indeqq{ 0%{transform: scale(0.5); opacity:1;} 100%{transform: scale(5); opacity:0;}}
.index_bge{ background: #fff; padding: 75px 0 68px 0; width: 100%; overflow: hidden;}
.index_bge .indc_title p{ position: relative; z-index: 9;}
.inde_l{ width: 26.6875%; padding-top: 145px; display: flex; justify-content: space-between;}
.inde_l ul li:nth-child(2){ margin-top: 85px;}
.inde_sz{ display: flex;}
.inde_sz p{ font-size: 4.5rem; color: #960014; font-family: "Dinstd"; line-height: 0.8em;}
.inde_sz span{ font-size: 1.375rem; color: #000; padding-left: 10px; position: relative;}
.inde_l ul li:nth-child(2) .inde_sz span::after{ content: '+'; position: absolute; font-size: 1.75rem; line-height: 0.8em; color: #960014; position: absolute; left: -10px; top: -20px;}
.inde_mc{ font-size: 1.125rem; color: #787878; margin-top: 5px;}
.inde_r{ position: relative; margin-top: -46px; width: 68.563%; margin-right: -5.1959%;}
.inder_img img{ display: block; width: 100%;}
.inder_po{ position: absolute; top: 39%; left: 41%; width: 31px; height: 31px; border-radius: 50%;}
.inder_log{ position: relative; z-index: 9;}
.inder_qq i{ position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); left: 0; top: 0; border: 1px solid #ef8495; border-radius: 50%;}
.inder_qq i:nth-child(1){ animation:indeqq 4s infinite linear;}
.inder_qq i:nth-child(2){ animation:indeqq 4s 1.5s infinite linear;}
.inder_qq i:nth-child(3){ animation:indeqq 4s 3s infinite linear;}
@media screen and (max-width:1500px){
.inde_l{ padding-top: 90px;}
}
@media screen and (max-width:1270px){
.inde_l{ padding-top: 70px; width: 36%;}
.inde_l ul li:nth-child(2){ margin-top: 50px;}
}
@media screen and (max-width:1020px){
.index_bge{ padding: 60px 0;}
.inde_l{ padding-top: 40px;}
.inde_sz p{ font-size: 3rem;}
.inde_sz span{ font-size: 1rem;}
.inde_mc{ font-size: 1rem;}
}
@media screen and (max-width:700px){
.index_bge{ padding: 40px 0 50px 0;}
.inde_l{padding-top: 25px; width: 66%; position: relative; z-index: 9;}
.inde_r{ margin-top: 0; position: absolute; right: 0; width: 70%; margin-right: 0;}
}

.index_bgf{background: url(../images/index_bgf.jpg) no-repeat center; background-size: cover; width: 100%; padding: 110px 0 125px 0;}
.index_bgf .kg{ display: flex; justify-content: space-between; align-items: flex-start;}
.indf_l{ flex: 0 0 345px;}
.indf_fl{ padding-top: 26px; display: inline-block;}
.indf_fl li{ margin-top: 32px; position: relative;}
.indf_fl li a{ display: block; line-height: 50px; height: 50px; font-size: 1.5rem; color: #585858; transition: 0.5s;}
.indf_fl li:hover a,.indf_fl li.on a{ color: #960014;}
.indf_fl li::after{ content: ''; width: 0%; height: 4px; background: #960014; position: absolute; left: 0; bottom: 0; transition: 0.5s;}
.indf_fl li:hover::after,.indf_fl li.on::after{ width: 100%;}
.indf_more{ margin-top: 195px;}
.indf_more a{ display: inline-block; padding: 0 99px 0 38px; line-height: 56px; height: 56px; background: url(../images/indf_jt.png) no-repeat 82% center #960014; border-radius: 28px; color: #fff; position: relative;}
.indf_r{ flex: 1; margin-left: 40px;}
.indf_nr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.indf_nr li{ flex: 0 1 48.4%;}
.indf_nr li:nth-child(n+3){ margin-top: 40px;}
.indf_nr li a{ display: flex; padding: 45px 5% 40px 5%; justify-content: space-between; background: #fff; transition: 0.5s;}
.indf_nr li:hover a{ background: rgba(0,0,0,0.7);}
.indf_rq{ font-size: 1.125rem; font-family: "ITCB"; color: #6c6c6c; border-bottom: 2px solid #b9b9b9; padding-bottom: 60px; transition: 0.5s;}
.indf_rq p{ font-size: 2.25rem; color: #262626; transition: 0.5s;}
.indf_mc{ flex: 1; margin-left: 33px; color: #4b4b4b; font-size: 1.5rem; line-height: 34px; height: 68px; overflow: hidden; transition: 0.5s;}
.indf_nr li:hover .indf_rq,.indf_nr li:hover .indf_rq p,.indf_nr li:hover .indf_mc{ color: #fff;}
.indf_nr li:hover .indf_rq{ border-bottom: 2px solid #fff;}
@media screen and (max-width:1270px){
.index_bgf{padding: 80px 0 90px 0;}
.indf_l{ flex: 0 0 255px;}
.indf_fl li{ margin-top: 20px;}
.indf_fl li::after{ height: 3px;}
.indf_fl li a{ line-height: 40px; height: 40px; font-size: 1.25rem;}
.indf_more{ margin-top: 65px;}
.indf_more a{ padding: 0 70px 0 20px; height: 46px; line-height: 46px;}
.indf_nr li:nth-child(n+3){ margin-top: 20px;}
.indf_nr li a{ padding: 25px 5% 20px 5%;}
.indf_rq{ font-size: 1.125rem; padding-bottom: 40px;}
.indf_rq p{ font-size: 1.625rem;}
.indf_mc{ font-size: 1.125rem; line-height: 28px; height: 56px;}
}
@media screen and (max-width:1020px){
.index_bgf{padding: 60px 0 80px 0;}
.index_bgf .kg{ display: block;}
.indf_fl{ padding-top: 35px; display: block;}
.indf_fl ul{ display: flex; justify-content: center;}
.indf_fl li{ margin: 0 15px;}
.indf_more{ display: none;}
.indf_r{ margin-left: 0px; margin-top: 30px;}
}
@media screen and (max-width:700px){
.index_bgf{padding: 40px 0 50px 0;}
.indf_fl{ padding-top: 20px;}
.indf_fl li a{ font-size: 1.125rem;} 
.indf_r{ margin-top: 20px;}
.indf_nr li{ flex: 0 1 100%;}
.indf_nr li:nth-child(n+2){ margin-top: 10px;}
.indf_nr li a{ padding: 15px 4% 10px 4%;}
.indf_rq{ padding-bottom: 10px; font-size: 1rem;}
.indf_rq p{ font-size: 1.5rem;}
.indf_mc{ font-size: 1rem; margin-left: 25px; line-height: 24px; height: 48px;}
}

.foot_bg{ background:url(../images/foot_bg.jpg) no-repeat center top/cover; width:100%; overflow:hidden;}
.foot_top{ padding: 70px 0 75px 0; width: 100%;}
.foot_top .kg{ display: flex; justify-content: space-between;}
.fnav{ display: flex; justify-content: space-between; flex: 1; margin-right: 95px; color: #fff;}
.fnav dl dt{ padding-bottom: 25px;}
.fnav dl dt a{ color: #fff; font-size: 1.125rem;}
.fnav dl dd{ line-height: 30px;}
.fnav dl dd a{ color: #8e8e8e; transition: 0.5s;}
.fnav dl dd a:hover{ color: #fff;}
.foot_r{ flex: 0 0 678px; display: flex; justify-content: space-between; color: #fff;}
.ftel_bt{ padding-bottom: 25px;}
.ftel_bt a{ font-size: 1.125rem; font-weight: bold; color: #fff;}
.ftel_nr p{ line-height: 22px; padding-left: 30px; color: #8e8e8e; margin-top: 8px;}
.ftel_nr p a{ color: #8e8e8e; transition: 0.5s;}
.ftel_nr p a:hover{ color: #fff;}
.link_kg{position: relative; margin-top: 25px; width: 320px;}
.link_title{ height: 46px; line-height: 46px; color: #929292; text-indent: 24px; background: #222; position: relative; cursor: pointer;}
.link_title::after{ content: ''; width: 14px; height: 100%; background: url(../images/link_jt.png) no-repeat center; position: absolute; right: 24px; top: 0;}
.link_title.on::after{ transform: scaleY(-1);}
.link_nr{ background: #777; padding: 10px 24px; height: 72px; overflow: hidden; position:absolute; display: none;}
.link_nr a{ color: #fff; margin-right: 15px; line-height: 24px;}
.link_nr a:hover{ text-decoration: underline;}
.fewm{ display: flex; align-items: flex-end;}
.fewm_pic{order: 1;}
.fewm_mc{ line-height: 18px; color: #bcbcbc; padding-right: 10px; text-align: right;}
.foot_bom{ padding-bottom: 21px;}
.foot_bom .kg{ display: flex; justify-content: space-between; align-items: flex-end;}
.fzj a{ margin-left: 15px;}
.fbq{padding-bottom:35px; padding-top:35px; line-height:24px; font-size:1rem; color:rgba(255,255,255,1); border-top:1px solid rgba(255,255,255,0.2); }
.fbq em{ font-style:normal;}
.fbq span{ float:right;}
.fbq a{ color:#fff;}
.fbq a:hover{ text-decoration:underline;}
@media screen and (max-width:1500px){
.foot_r{ flex: 0 0 650px;}
}
@media screen and (max-width:1400px){
.fbq{ padding: 20px 0; font-size: 0.9375rem;}
}
@media screen and (max-width:1280px){
.fnav{ margin-right: 50px;}
.foot_r{ flex: 0 0 610px;}
.fbq em{ display: none;}
}
@media screen and (max-width:1270px){
.foot_top{ padding: 50px 0 55px 0;}
.fnav dl dt{ padding-bottom: 15px;}
.foot_r{ flex: 0 1 42%;}
.link_kg{ display: none;}
.ftel_bt{ padding-bottom: 15px;}
.ftel{flex: 0 0 70%;}
.ftel_nr p{ font-size: 0.9375rem;}
.fewm{ display: block; flex: 0 0 20%;}
.fewm_pic img{ display: block; width: 100%;}
.fewm_mc{ text-align: center; padding-right: 0; padding-top: 5px; font-size: 0.875rem;}
}
@media screen and (max-width:1020px){
.foot_top .kg{ display: block;}
.fnav{ display: none;}
.ftel_nr p{ font-size: 1rem;}
.fewm{flex: 0 0 auto;}
}
@media screen and (max-width:700px){
.foot_top{ padding: 30px 0;}
.foot_r{ align-items: flex-end;}
.ftel_bt{ padding-bottom: 10px;}
.ftel{flex: 0 1 70%;}
.ftel_nr p{ font-size: 0.9375rem;}
.fewm{flex: 0 1 24%;}
.flogo img{ height: 28px;}
.fbq{padding-bottom:65px; padding-top:10px; line-height:24px; font-size:0.875rem; color:rgba(255,255,255,1); border-top:1px solid rgba(255,255,255,0.2); }
}
/*首页style结束*/

/*内页style开始*/
.about_banner{ background:url(../images/about_banner.jpg) no-repeat center top fixed; width:100%; height:800px; position:relative; border-bottom: 4px solid #960014;}
.contact_banner{ background:url(../images/contact_banner.jpg) no-repeat center top fixed; width:100%; height:650px; position:relative; border-bottom: 4px solid #960014;}
.case_banner{ background:url(../images/case_banner.jpg) no-repeat center top fixed; width:100%; height:650px; position:relative; border-bottom: 4px solid #960014;}
.video_banner{ background:url(../images/video_banner.jpg) no-repeat center top fixed; width:100%; height:650px; position:relative; border-bottom: 4px solid #960014;}
.video2_banner{ background:url(../images/video_banner_2.jpg) no-repeat center top fixed; width:100%; height:650px; position:relative; border-bottom: 4px solid #960014;}
.news_banner{ background:url(../images/news_banner.jpg) no-repeat center top fixed; width:100%; height:650px; position:relative; border-bottom: 4px solid #960014;}
.js1_banner{ background:url(../images/js1_banner.jpg) no-repeat center top fixed; width:100%; height:650px; position:relative; border-bottom: 4px solid #960014;}
.js2_banner{ background:url(../images/js2_banner.jpg) no-repeat center top fixed; width:100%; height:650px; position:relative; border-bottom: 4px solid #960014;}
.pro_banner{ background:url(../images/pro_banner.jpg) no-repeat center top fixed; width:100%; height:800px; position:relative; border-bottom: 4px solid #960014;}
.proshow_banner{ background:url(../images/proshow_banner.jpg) no-repeat center; width:100%; height:220px; position:relative; border-bottom: 4px solid #960014;}
.main_tit{ text-align: center; color: #fff; padding-top: 315px;}
.nytit{ font-size: 3.125rem;}
.nytit span{ font-size: 1.125rem; padding-left: 10px;}
.main_tit p{ font-family: "ITCB"; font-size: 1.875rem; letter-spacing: 5px; padding-left: 5px; text-transform: uppercase;}
@media screen and (max-width:1680px){
.nytit{ font-size: 2.5rem;}
.main_tit p{ font-size: 1.625rem;}
}
@media screen and (max-width:1500px){
.about_banner,.pro_banner{ background-size: auto 650px; height: 650px;}
.contact_banner,.case_banner,.video_banner,.video2_banner,.news_banner,.js1_banner,.js2_banner{background-size: auto 500px; height: 500px;}
.main_tit{padding-top: 235px;}
}
@media screen and (max-width:1270px){
.about_banner,.pro_banner{ background-size: auto 500px; height: 500px;}
.contact_banner,.case_banner,.video_banner,.video2_banner,.news_banner,.js1_banner,.js2_banner{background-size: auto 360px; height: 360px;}
.main_tit{padding-top: 175px;}
.nytit{ font-size: 2.25rem;}
.main_tit p{ font-size: 1.375rem;}
}
@media screen and (max-width:1020px){
.about_banner,.pro_banner{ background-size: auto 400px; height: 400px;}
.contact_banner,.case_banner,.video_banner,.video2_banner,.news_banner,.js1_banner,.js2_banner{background-size: auto 300px; height: 300px;}
.main_tit{padding-top: 155px;}
.nytit{ font-size: 2rem;}
.main_tit p{ font-size: 1.25rem;}
}
@media screen and (max-width:700px){
.about_banner,.pro_banner{ background-size: auto 200px; height: 200px; border-bottom: 2px solid #960014;}
.contact_banner,.case_banner,.video_banner,.video2_banner,.news_banner,.js1_banner.js2_banner{background-size: auto 150px; height: 150px; border-bottom: 2px solid #960014;}
.proshow_banner{ background-size: cover; height: 150px; border-bottom: 2px solid #960014;}
.main_tit{padding-top: 78px;}
.nytit{ font-size: 1.5rem;}
.main_tit p{ font-size: 1.125rem; letter-spacing: 2px; padding-left: 2px;}
}

.main_flbg{ width:100%; position:relative; margin-top: -19px;}
.main_fl ul{ justify-content:flex-start; display: flex; flex-wrap: wrap; }
.main_fl li{ position:relative; margin: 0 11px; margin-left: 0px; width: 19%; text-align: center; margin-bottom: 15px; background: #fff; box-shadow: 0px 0px 25px rgba(0,0,0,0.1);}
.main_fl li a{ color:#636363; font-size:1.125rem; height:70px; line-height:70px; text-align:center; position:relative; z-index:9;}
.main_fl li:hover a,.main_fl li.cur a{ color: #fff;}
.main_fl li:after{ content:""; display:block; background:url(../images/ologo.png) no-repeat left top #8e0013; width:100%; height:100%; position:absolute; bottom:0; left:0%; transform:scale(0); transition:0.5s;}
.main_fl li:hover:after,.main_fl li.cur:after{transform:scale(1); transition:0.5s;}
.fl_pic{ margin-right: 8px; position: relative; display: inline-block; }
.fl_pic span{ position: absolute; left: 0; top: 0;}
.main_fl li:hover .fl_pic p,.main_fl li.cur .fl_pic p,.main_fl li .fl_pic span{ transform: scale(0); transition: 0.5s;}
.main_fl li:hover .fl_pic span,.main_fl li.cur .fl_pic span,.main_fl li .fl_pic p{ transform: scale(1); transition: 0.5s;}
.fl_mc{ font-size: 1.125rem; color: #636363; transition: 0.5s; display: inline-block; }
.main_fl li:hover .fl_mc,.main_fl li.cur .fl_mc{ color: #fff;}
.main{ background:#eee; padding-bottom:110px;}
.about_nr{ color:#5a5a5a; font-size:1rem; line-height:30px; padding-top: 60px;}
.about_nr img{ max-width:100%;}
@media screen and (max-width:1270px){
.main_fl li{margin: 0 3px;}
.main_fl li a{  padding:0 25px;}
}
@media screen and (max-width:1020px){
.main_flbg .kga{ width: 100%;}
.main_fl li{margin: 0 3px;}
.main_fl li a{  padding:0 25px; font-size:1rem; height:50px; line-height:50px;}
.main_fl.wrapper{ overflow: hidden;}
.main_fl.wrapper ul{ display: block;}
.main_fl.wrapper li{ margin: 0; float: left;}
.main{ padding-bottom:50px;}
}
@media screen and (max-width:700px){
.main_flbg{margin-top: -10px;}
.main_fl li{margin: 0 2px;}
.main_fl li a{ color:#636363; padding:0 12px; height:42px; line-height:42px;}

.main_fl.wrapper li{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.fl_pic{ margin-right: 4px;}
.fl_pic img{ width: 22px;}
.fl_mc{ font-size: 1rem;}
.main{padding-bottom:30px;}
.about_nr{ font-size:0.9375rem; line-height:24px; padding-top: 30px;}
}

/*about*/
.adowm{ text-align: center; padding-top: 310px;}
@media screen and (max-width:1500px){
.adowm{padding-top: 270px;}
}

.abo_bga{ background: #fff; width: 100%; padding-bottom: 85px; overflow: hidden;}
.aboa_top{padding: 55px 0 47px; border-bottom: 1px solid #eaeaea;}
.aboa_top ul{ display: flex; justify-content: space-between;}
.aboa_top li{ display: flex;}
.aboat_wb{ margin-left: 10px;}
.aboat_wb p{ font-size: 1.125rem; color: #101010;}
.aboat_wb span{ color: #6d6d6d; padding-top: 6px; display: block;}
.aboa_bom{ padding-top: 48px;}
.aboab_btjs{ display: flex; justify-content: space-between; align-items: flex-end;}
.aboab_bt p{ font-size: 6.875rem; color: rgba(0,0,0,0.2); line-height: 0.8em; font-family: "alternate";}
.aboab_bt h2{ font-size: 1.75rem; color: #960014; line-height: 1em;}
.aboab_js{ flex: 0 1 48.5%; box-sizing: border-box; background: url(../images/aboa_05.png) no-repeat; padding-top: 14px; padding-left: 43px; font-size: 1.5rem; color: #000;}
.aboab_ms{ padding-top: 55px; display: flex; justify-content: space-between;}
.aboab_ms div{ flex: 0 1 48.5%; line-height: 30px; color: #767676;}
.aboab_zj{ padding-top: 95px;}
.aboab_zj ul{ display: flex; justify-content: space-between;}
.aboab_zj li{ text-align: center;}
.aboab_sm{ font-size: 1.125rem; color: #191919;}
.aboab_sw{ display: flex; padding-top: 13px;}
.aboab_s{ font-size: 4.5rem; font-family: "alternate"; color: #960014; line-height: 0.7em;}
.aboab_w{ padding-left: 8px; color: #960014; text-align: left; display: flex; flex-wrap: wrap; align-content: space-between;}
.aboab_w p{ flex: 0 1 100%;}
.aboab_w p:nth-child(1){ font-size: 1.5rem; line-height: 0.3em;}
@media screen and (max-width:1270px){
.adowm{padding-top: 190px;}
.aboa_top .kga{ width: 100%;}
.aboat_wb{ margin-left: 0;}
.aboa_bom.kga{ width: 100%;}
.aboab_bt p{ font-size: 5rem;}
.aboab_ms{ padding-top: 35px;}
.aboab_zj{ padding-top: 60px;}
.aboab_sm{ font-size: 1rem;}
.aboab_s{ font-size: 4rem;}
}
@media screen and (max-width:1020px){
.adowm{padding-top: 120px;}
.aboa_top{ padding: 30px 0 25px 0;}
.aboa_top li{ display: block; text-align: center;}
.aboat_pic img{ max-width: 46px;}
.aboat_wb{ padding-top: 10px;}
.aboat_wb span{ padding-top: 0;}
.aboab_btjs{ display: block;}
.aboab_bt p{ font-size: 4rem;}
.aboab_js{ margin-top: 25px;}
.aboab_ms{ display: block; padding-top: 25px;}
.aboab_ms div:nth-child(2){ margin-top: 25px;}
.aboab_zj{ padding-top: 40px;}
.aboab_s{ font-size: 3.5rem;}
}
@media screen and (max-width:700px){
.abo_bga{padding-bottom: 50px;}
.adowm{padding-top: 35px;}
.adowm img{ height: 30px;}
.aboa_top{ padding: 20px 0 15px 0;}
.aboat_wb{ padding-top: 5px;}
.aboat_wb p{ font-size: 1rem;}
.aboat_wb span{ display: none;}
.aboa_bom{ padding-top: 28px;}
.aboab_bt p{ font-size: 3rem;}
.aboab_bt h2{ font-size: 1.5rem;}
.aboab_js{ font-size: 1.125rem; background-size: auto 20px; padding-left: 30px; padding-top: 7px; margin-top: 18px;}
.aboab_ms{ font-size: 0.9375rem; padding-top: 20px;}
.aboab_ms div{ line-height: 1.625em;}
.aboab_ms div:nth-child(2){ margin-top: 24px;}
.aboab_zj{ padding-top: 30px;}
.aboab_zj ul{flex-wrap: wrap; justify-content: space-between;}
.aboab_zj li:nth-child(n+4){ margin-top: 20px; flex: 0 1 50%;}
.aboab_s{ font-size: 3rem;}
.aboab_w{ padding-left: 4px;}
.aboab_zj li:nth-child(n+4) .aboab_sw{ justify-content: center;}
}

.abo_vdo{ position: relative;}
.abo_vdo img{ display: block; width: 100%;}

.abogd{position: relative;}
.abogd_nr li{ width: 20%;}
.abogd_nr li a{ display: block; margin: 0 0.5%;}
.abogd_pic{ overflow: hidden;}
.abogd_pic img{ display: block; width: 100%; transition: 0.5s;}
.abogd_nr li:hover .abogd_pic img{ transform: scale(1.05);}
.abogd_mc{ height: 60px; line-height: 60px; text-align: center;}
@media screen and (max-width:1270px){
.abogd_nr{ overflow: hidden;}
.abogd_nr li{ width: 25%;}
}
@media screen and (max-width:1020px){
.abogd_nr li{ width: 33.333%;}
}
@media screen and (max-width:700px){
.abogd_nr li{ width: 50%;}
}

.abo_bgb{ padding: 75px 0 200px 0; background: url(../images/abo_bgb.jpg) no-repeat center; background-size: cover; width: 100%;}
.abob_nr{ padding-top: 70px;}
.abob_nr ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.abob_nr li{ box-sizing: border-box; flex: 0 1 23.7%; background: #fff; display: flex; justify-content: space-between; align-items: center; padding: 45px 25px 50px 25px;}
.abob_nr li:nth-child(n+5){ margin-top: 1.7333%;}
.abob_l p{ font-size: 1.875rem; color: #960014;}
.abob_l span{ display: block; padding-top: 20px; line-height: 24px; color: #4d4d4d;}
@media screen and (max-width:1270px){
.abo_bgb{ padding: 65px 0 90px 0;}
.abob_nr{ padding-top: 50px;}
.abob_nr li{padding: 25px 10px 30px 10px;}
.abob_l p{ font-size: 1.625rem;}
.abob_l span{ padding-top: 15px;}
.abob_r img { height: 50px;}
}
@media screen and (max-width:1020px){
.abob_nr li{ flex-wrap: wrap; flex: 0 1 24%; align-items: flex-start;}
.abob_l{ order: 1; flex: 0 1 100%; margin-top: 5px;}
.abob_l p{ font-size: 1.5rem;}
.abob_l span{ font-size: 0.9375rem; padding-top: 10px; line-height: 22px;}
}
@media screen and (max-width:700px){
.abo_bgb{ padding: 40px 0 50px 0;}
.abob_nr{ padding-top: 25px;}
.abob_nr li{ flex: 0 1 49%; padding: 15px 10px 20px 10px;}
.abob_nr li:nth-child(n+3){ margin-top: 2%;}
.abob_l p{ font-size: 1.25rem;}
}

.abo_bgc{ background: url(../images/abo_bgc.jpg) no-repeat center; width: 100%; padding: 80px 0 50px 0; overflow: hidden;}
.abo_bgc .aboab_bt p{ color: rgba(255,255,255,0.2);}
.abo_bgc .aboab_bt h2{ color: #fff;}
.abo_bgc .aboab_bt span{ line-height: 24px; display: block; font-size: 1.125rem; margin-top: 20px; color: #fff;}
.aboc_gd{ padding-top: 70px; position: relative;}
.aboc_nr li{ text-align: center;}
.aboc_nf{ font-size: 6.375rem; color: #fff; font-family: 'Dinr'; line-height: 0.8em;}
.aboc_nf span{ font-size: 1.5rem;}
.aboc_ms{  font-size: 1.5rem; color: #fff; margin-top: 25px; min-height: 216px;}
.aboc_ms p{line-height: 30px; margin-top: 6px;}
.aboc_an{ margin-top: 65px; background: rgba(255,98,98,0.3); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);}
.aboc_an li{float: left; line-height: 100px; position: relative; text-align: center; width: 16.666%; color: #c06171; font-size: 1.875rem; font-family: 'Dinr'; cursor: pointer; transition: 0.5s;}
.aboc_an li.on{ color: #fff;}
.aboc_an li::after{ content: ''; width: 4px; height: 4px; border: 2px solid #fff; border-radius: 50%; position: absolute; left: 50%; margin-left: -4px; bottom: 17px; transform: scale(0); transition: 0.5s;}
.aboc_an li.on::after{ transform: scale(1);}
.aboc_jt a{display: block; position: absolute; height: 100%; width: 16px; background: url(../images/aboc_jt.png) no-repeat center; cursor: pointer; top: 0;}
.aboc_jt a.prevStop,.aboc_jt a.nextStop{ opacity: 0;}
.aboc_jt a.prev{left: 0;}
.aboc_jt a.next{right: 0; transform: scaleX(-1);}
@media screen and (max-width:1270px){
.aboc_nf{ font-size: 4.5rem;}
.aboc_nf span{ font-size: 1.375rem;}
.aboc_ms{font-size: 1.25rem;}
.aboc_an{ margin-top: 45px;}
.aboc_an li{line-height: 70px; font-size: 1.5rem;}
.aboc_an li::after{bottom: 10px;}
}
@media screen and (max-width:1020px){
.aboc_gd{ padding-top: 50px;}
.aboc_nf{ font-size: 4rem; line-height: 0.8em;}
.aboc_ms{ font-size: 1.125rem;}
.aboc_ms p{ line-height: 26px;}
}
@media screen and (max-width:700px){
.abo_bgc{ background-size: auto 100%; padding: 40px 0 50px 0;}
.abo_bgc .aboab_bt span{ font-size: 1rem; margin-top: 10px;}
.aboc_gd{ padding-top: 40px;}
.aboc_nf{ font-size: 2.25rem;}
.aboc_nf span{ font-size: 1rem;}
.aboc_ms{ font-size: 0.9375rem; margin-top: 15px; height: auto; min-height: auto;}
.aboc_ms p{ line-height: 22px; margin-top: 3px;}
.aboc_an{ display: none;}
}

.abo_bgd{ width: 100%; background: #fff; padding-bottom: 100px; overflow: hidden;}
.abod_top{ background: url(../images/abo_bgd.jpg) no-repeat center bottom; background-size: cover; width: 100%; padding-top: 80px;}
.abod_top .kga{ display: flex; justify-content: space-between; align-items: flex-start;}
.abod_l{ flex: 0 1 45.715%;}
.abod_li{ display: flex; justify-content: space-between; padding-top: 60px;}
.abod_li ul{  line-height: 30px; color: #555454;}
.abod_r{ padding-top: 128px; flex: 0 1 48.143%; padding-right: 4.928%;}
.abod_r img{ display: block; width: 100%;}
.abod_bom{ padding-top: 68px;}
.abodb_nr ul{ display: flex; justify-content: space-between;}
.abodb_nr li{ flex: 0 1 24%;}
.abodb_nr li a{ display: block;}
.abodb_nr li a:nth-child(2){ margin-top: 28px;}
.abod_pic{ overflow: hidden; border: 1px solid #ddd;}
.abod_pic img{ display: block; width: 100%; transition: 0.5s;}
.abodb_nr li a:hover .abod_pic img{ transform: scale(1.05);}
.abod_mc{ text-align: center; font-size: 1.125rem; color: #3a3a3a; line-height: 24px; height: 48px; overflow: hidden; margin-top: 10px; transition: 0.5s;}
.abodb_nr li a:hover .abod_mc{ color: #960014;}
.abod_an{ padding-top: 35px;}
.abod_an ul{ display: flex; justify-content: center;}
.abod_an li{ overflow: hidden; color: rgba(0,0,0,0); width: 12px; height: 12px; margin: 0 9px; background: #8c8c8c; border-radius: 50%; cursor: pointer; transition: 0.5s;}
.abod_an li.on{ background: #960014;}
@media screen and (max-width:1270px){
.abo_bgd{ padding-bottom: 90px;}
.abod_top .kga{ align-items: flex-end;}
.abod_l{ flex: 0 1 56%; padding-bottom: 50px;}
.abod_li{padding-top: 40px;}
.abod_r{ padding-top: 0px; flex: 0 1 43%; padding-right: 0%;}
.abod_mc{ font-size: 1rem; line-height: 22px; height: 44px;}
}
@media screen and (max-width:1020px){
.abod_l{ flex: 0 1 40%;}
.abod_li{ display: block;}
.abod_r{ flex: 0 1 60%;}
.abod_mc{ font-size: 0.9375rem; margin-top: 7px;}
}
@media screen and (max-width:700px){
.abo_bgd{padding-bottom: 50px;}
.abod_top{padding-top: 40px;}
.abod_top .kga{ display: block;}
.abod_l{ padding-bottom: 25px;}
.abod_li{ padding-top: 10px; font-size: 0.9375rem;}
.abod_li ul{ line-height: 26px;}
.abod_bom{ padding-top: 40px;}
.abodb_nr li{width: 49%; float: left;}
.abodb_nr li:nth-child(2){ float: right;}
.abodb_nr li a:nth-child(2){ margin-top: 20px;}
.abod_mc{ margin-top: 5px;}
.abod_an li{ margin: 0 4px;}
}

.abo_bgf{ width: 100%; background: url(../images/abo_bgf.jpg) no-repeat center bottom; overflow: hidden; padding: 65px 0 150px 0;}
.abo_bgf .kga{ display: flex; justify-content: space-between; align-items: flex-start;}
.abof_r{ flex: 0 62.857%; margin-top: 40px; position: relative;}
.abof_nr ul{ display: flex; justify-content: space-between;}
.abof_nr li{ flex: 0 1 48.298%;}
.abof_nr li:nth-child(1){ margin-top: 85px;}
.abof_nr li a{ display: block; border: 5px solid #fff; overflow: hidden;}
.abof_nr li a:nth-child(2){ margin-top: 25px;}
.abof_nr li a img{ display: block; width: 100%; transition: 0.5s;}
.abof_nr li a:hover img{ transform: scale(1.05);}
.abof_pean{ position: absolute; width: 50%; right: 0; display: flex; justify-content: center; align-items: center; bottom: -30px; z-index: 99;}
.abof_pean a{ display: block; width: 57px; height: 57px; line-height: 57px; text-align: center; cursor: pointer; font-size: 1.75rem; color: #fff; font-family: '宋体'; background: #960014; border: 1px solid #960014; border-radius: 50%; transition: 0.5s;}
.abof_pean a.prevStop,.abof_pean a.nextStop{border: 1px solid #bfbfbf; background: none; color: #7f7f7f; cursor:auto;}
.abof_pean .pageState{ padding: 0 24px; color: #7f7f7f; font-size: 1.5rem; font-family: "alternate";}
.abof_an{ display: none;}
@media screen and (max-width:1270px){
.abo_bgf{ padding: 45px 0 120px 0;}
.abof_pean a{ width: 42px; height: 42px; line-height: 42px; font-size: 1.5rem;}
}
@media screen and (max-width:700px){
.abo_bgf{ padding: 40px 0 50px 0;}
.abo_bgf .kga{ display: block;}
.abof_r{ margin-top: 0px;}
.abof_nr li a{ border: 2px solid #fff;}
.abof_nr li a:nth-child(2){ margin-top: 15px;}
.abof_pean{ bottom: -0px;}
.abof_pean a{ width: 32px; height: 32px; line-height: 32px; font-size: 1.25rem;}
.abof_nr li{ width: 48.298%; float: left;}
.abof_nr li:nth-child(2){ float: right;}
}
/*about*/

/*jishu*/
.jishu_gd{ position: relative; width: 100%;}
.jishu_nr li{ width: 44.792%; float: left; position: relative; cursor: pointer; transition: 0.5s;}
.jishu_nr li.on{ width: 55.208%; z-index: 9;}
.jishu_nr li:nth-child(1) .jishu_bg img{ float: right;}
.jishu_nr li::before{ content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; left: 0; top: 0; transition: 0.5s;}
.jishu_nr li.on::before{background: rgba(0,0,0,0.7);}
.jishu_po{ position: absolute; top: 50%; width: 507px; height: 507px; margin-top: -203px; z-index: 9; display: flex; justify-content: center; align-items: center; color: #fff;}
.jishu_nr li:nth-child(1) .jishu_po{ right: 15%; text-align: right;}
.jishu_nr li:nth-child(2) .jishu_po{ left: 15%;}
.jishu_po::before{ content: ''; border: 3px solid rgba(255,255,255,0.6); position: absolute; box-sizing: border-box; border-radius: 50%; width: 100%; height: 100%; transform: scale(1.3); opacity: 0; transition: 0.5s;}
.jishu_nr li.on .jishu_po::before{ transform: scale(1); opacity: 1;}
.jishu_kj{ position: relative; z-index: 9;}
.jishu_bt{ font-size: 3rem;}
.jishu_ms{ margin: 15px 0 15px 0; line-height: 24px;}
.jishu_nr li:nth-child(1) .jishu_ms{border-right: 3px solid #fff; padding-right: 16px;}
.jishu_nr li:nth-child(2) .jishu_ms{border-left: 3px solid #fff; padding-left: 16px;}
.jishu_more a{ color: #fff; opacity: 0; transition: 0.5s;}
.jishu_nr li.on .jishu_more a{ opacity: 1;}
.jishu_more a:hover{ text-decoration: underline;}
@media screen and (max-width:1680px){
.jishu_bt{ font-size: 2.5rem;}
}
@media screen and (max-width:1500px){
.jishu_bg img{ height: 700px;}
.jishu_po{ width: 437px; height: 437px;}
.jishu_bt{ font-size: 2.25rem;}
}
@media screen and (max-width:1020px){
.jishu_bg img{ height: auto; display: block; width: 100%;}
.jishu_nr li{ width: 100% !important;}
.jishu_nr li::before{background: rgba(0,0,0,0.7);}
.jishu_nr li .jishu_po::before{ transform: scale(1); opacity: 1;}
.jishu_nr li .jishu_more a{ opacity: 1;}
}
@media screen and (max-width:700px){
.jishu_po{ width: 100%; height: auto; top: 0; margin-top: 0; height: 100%; width: 96%; right: auto !important; left: 2% !important;}
.jishu_po::before{ display: none;}
.jishu_bt{ font-size: 1.5rem;}
.jishu_ms{ font-size: 0.875rem;}
.jishu_nr li:nth-child(1) .jishu_ms{ padding-right: 10px;}
.jishu_nr li:nth-child(2) .jishu_ms{ padding-left: 10px;}
.jishu_more a{ font-size: 0.9375rem;}
}
/*jishu*/

/*contact*/
.cont_bg{ background: #f3f3f3; width: 100%; padding-bottom: 105px;}
.cont_top{ background: #fff; padding: 32px 0; width: 100%;}
.cont_top .kga{ display: flex; justify-content: space-between; align-items: center;}
.contt_l h2{ font-size: 2.25rem; font-weight: bold; color: #383838; line-height: 1.125em;}
.contt_l p{ font-size: 1.875rem; color: #960014;}
.contt_r{ display: flex; align-items: flex-end;}
.cewm_pic{ order: 1; border: 1px solid #e3e3e3; border-radius: 7px; overflow: hidden;}
.cewm_mc{ padding-right: 8px; color: #383838; line-height: 20px;}

.cont{ background: #fff; display: flex; justify-content: space-between;}
.cont_l{ flex: 0 1 50%; box-sizing: border-box; padding: 40px 0 50px 5%;}
.cont_bt h2{ font-size: 2.25rem; color: #960014;}
.cont_bt p{ color: #939393; font-family: "ITCB"; text-transform: uppercase; font-size: 1.125rem;}
.cont_nr{ padding-top: 55px;}
.cont_nr p{ margin-bottom: 20px; line-height: 22px; padding-left: 30px; font-size: 1.125rem; color: #5c5c5c;}
.cont_nr p a{ color: #5c5c5c; transition: 0.5s;}
.cont_nr p a:hover{ color: #960014;}

.cont_r{ flex: 0 1 50%;}
.cont_r ul{ display: flex; flex-wrap: wrap; background: #960014; padding: 10px 5%; justify-content: space-between;}
.cont_r li{ flex: 0 0 265px; display: flex; padding: 35px 0; justify-content: space-between; align-items: flex-end; color: #fff;}
.contr_wb p{ font-size: 0.875rem;}
.contr_wb p span{ font-size: 1.25rem; margin-right: 10px;}
.contr_wb a{ color: #fff; display: block; font-size: 1.5rem; font-family: 'Dinr';}
@media screen and (max-width:1270px){
.cont_bg{ padding-bottom: 80px;}
.cont_top{ padding: 25px 0;}
.contt_l h2{ font-size: 2rem;}
.contt_l p{ font-size: 1.5rem;}
.cewm_pic img{ height: 100px;}
.cewm_mc{ font-size: 0.9375rem;}
.cont_l{ padding: 20px 20px 30px 2%;}
.cont_bt h2{ font-size: 2rem;}
.cont_bt p{ font-size: 0.9375rem;}
.cont_nr{ padding-top: 35px;}
.cont_nr p{ font-size: 1rem; margin-bottom: 15px;}
.cont_r ul{ padding: 20px 2%;}
.cont_r li{ padding: 15px 0; flex: 0 1 47%;}
.contr_wb p{ font-size: 0.8125rem;}
.contr_wb p span{ font-size: 1rem; margin-right:5px}
.contr_wb a{ font-size: 1.375rem;}
.contr_ewm img{ width: 70px;}
}
@media screen and (max-width:1020px){
.contt_l h2{ font-size: 1.75rem;}
.contt_l p{ font-size: 1.25rem;}
.cewm_pic img{ height: 80px;}
.cewm_mc{ font-size: 0.875rem;}
.cont{ display: block;}
.cont_r li{ flex: 0 0 265px;}
.contr_wb p{ font-size: 0.875rem;}
.contr_wb p span{ font-size: 1.125rem;}
.contr_wb a{ font-size: 1.5rem;}
}
@media screen and (max-width:700px){
.cont_bg{ padding-bottom: 50px;}
.cont_top{ padding: 15px 0;}
.contt_l h2{ font-size: 1.25rem;}
.contt_l p{ font-size: 1rem;}
.cewm_pic img{ height: 70px;}
.cont_l{ padding: 20px 2% 30px 2%}
.cont_bt h2{ font-size: 1.5rem;}
.cont_bt p{ font-size: 0.75rem;}
.cont_nr{ padding-top: 20px;}
.cont_r ul{ display: block; padding: 20px 8% 30px 8%;}
.contr_ewm img{ width: 86px;}
}
/*contact*/

/*case*/
.case_nr{ margin-top: 60px;}
.case_nr li{ position: relative; margin-bottom: 49px;}
.case_nr li::after{ content: ''; width: 98%; left: 1%; bottom: -6; background: #960014; height: 6px; position: absolute;}
.case_nr li a{ display: block; position: relative; z-index: 9;}
.case_kg{ position:relative;}
.case_pic{ overflow:hidden; position:relative;}
.case_pic img{ display:block; width:100%; transition:0.5s;}
.case_nr li:hover .case_pic img{transform:scale(1.03);}
.case_pic::after{ content: ''; position:absolute; left:0; top:0; background:rgba(0,0,0,0.4); width:100%; height:100%;}
.case_po{ position: absolute; height: 100%; display: flex; flex-wrap: wrap; top: 0; left: 5%; align-content: center; color: #fff;}
.case_mc{ flex: 0 1 100%;}
.case_mc h3{ font-size: 3rem;}
.case_mc h3 span{ font-size: 1.5rem; padding-left: 10px;}
.case_mc p{ font-family: "ITCB"; font-size: 1.875rem;}
.case_mo{ padding: 0 20px; border: 1px solid #fff; margin-top: 45px; line-height: 47px; transition: 0.5s;}
.case_mo span{ font-family: '宋体'; font-size: 1rem; padding-left: 15px;}
.case_mo:hover{ background: #960014; border: 1px solid #960014;}
@media screen and (max-width:1500px){
.case_mc h3{ font-size: 2.5rem;}
.case_mc h3 span{ font-size: 1.375rem;}
.case_mc p{font-size: 1.5rem;}
}
@media screen and (max-width:1270px){
.case_mc h3{ font-size: 2.25rem;}
.case_mc h3 span{ font-size: 1.25rem;}
.case_mc p{font-size: 1.375rem;}
.case_mo{margin-top: 40px; line-height: 40px;}
}
@media screen and (max-width:1020px){
.case_mc h3{ font-size: 1.875rem;}
.case_mc h3 span{ font-size: 1rem;}
.case_mc p{font-size: 1.125rem;}
.case_mo{margin-top: 30px; line-height: 36px;}
}
@media screen and (max-width:700px){
.case_nr{ margin-top: 30px;}
.case_nr li{ margin-bottom: 30px;}
.case_mc h3{ font-size: 1.25rem;}
.case_mc h3 span{ font-size: 0.875rem;}
.case_mc p{font-size: 1rem;}
.case_mo{margin-top: 10px; line-height: 26px; padding: 0 8px; font-size: 0.8125rem;}
.case_mo span{ padding-left: 8px;}
}

.ncase_banner{ height: 800px; width: 100%; border-bottom: 4px solid #960014;}
.ncase_fhwz{ background: #fff; width: 100%;}
.ncase_fhwz .kga{ display: flex; justify-content: space-between;}
.ncase_fh{ line-height: 65px;}
.ncase_fh a{ font-size: 1.125rem; color: #5d5d5d; transition: 0.5s;}
.ncase_fh a span{ font-family: '宋体'; padding-right: 10px;}
.ncase_fh a:hover{ color: #960014;}
.ncase_wz{ line-height: 65px; color: #5d5d5d;}
.ncase_wz a{ color: #5d5d5d; transition: 0.5s;}
.ncase_wz span{ font-family: '宋体'; padding: 0 10px;}
.ncase_wz img{ margin-bottom: -2px; margin-right: 5px;}
.ncase_kg{ background: #eee; width: 100%; padding: 60px 0 100px 0;}
.ncasea{ border-bottom: 2px solid #d2d2d2; padding-bottom: 30px;}
.ncasea_bt{ text-align: center; font-size: 2.25rem; color: #960014;}
.ncasea_ms{ font-size: 1.125rem; color: #777; line-height: 30px; padding-top: 10px;}
.ncaseb{ padding: 50px 0 10px 0;}
.ncaseb_bt{ font-size: 1.75rem; color: #000;}
.ncaseb_nr ul{ display: flex; flex-wrap: wrap;}
.ncaseb_nr li{ flex: 0 1 24%; padding-top: 40px; margin-right: 1.333%;}
.ncaseb_nr li:nth-child(4n){ margin-right: 0%;}
.ncaseb_pic{ overflow: hidden;}
.ncaseb_pic img{ display: block; width: 100%;}
.ncaseb_mc{ font-size: 1rem; margin-top: 10px; line-height: 24px; color: #666;}
.ncasec_lr{ display: flex; justify-content: space-between; padding-top: 30px;}
.ncasec_lr dl{flex: 0 1 48%;}
.ncasec_lr dl dt{ font-size: 1.125rem; font-weight: bold; color: #000; padding-bottom: 10px;}
.ncasec_lr dl dd{ line-height: 24px; color: #676767;}
.ncasec_img{ margin-top: 35px; background: #fff; border-radius: 15px; text-align: center; padding: 55px 0;}
.ncasec_img img{ max-width: 100%;}
@media screen and (max-width:1500px){
.ncase_banner{ height: 650px; background-size: auto 650px !important;}
}
@media screen and (max-width:1270px){
.ncase_banner{ height: 500px; background-size: auto 500px !important;}
.ncasea_bt{ font-size: 2rem;}
}
@media screen and (max-width:1020px){
.ncase_banner{ height: 400px; background-size: auto 400px !important;}
.ncase_kg{ padding: 40px 0 30px 0;}
.ncasea_bt{ font-size: 1.875rem;}
.ncasea_ms{ font-size: 1rem; line-height: 1.625em;}
}
@media screen and (max-width:700px){
.ncase_banner{ height: 200px; background-size: auto 200px !important;}
.ncase_fh{ line-height: 45px;}
.ncase_fh a{ font-size: 0.875rem;}
.ncase_fh a span{padding-right: 5px;}
.ncase_wz{ line-height: 45px; font-size: 0.875rem;}
.ncase_wz span{padding: 0 5px;}
.ncasea_bt{ font-size: 1.5rem;}
.ncasea_ms{ font-size: 0.9375rem; line-height: 1.5em;}
}

.ncased{ padding-top: 70px;}
.ncased_nr ul{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.ncased_nr li{ margin-top: 29px; position: relative; flex: 0 1 17.5%; margin-right: 3.125%;}
.ncased_nr li:nth-child(5n){ margin-right: 0;}
.ncased_nr li a{ display: block; border: 2px solid #dfdfdf;}
.ncased_pic{ overflow: hidden;}
.ncased_pic img{ display: block; width: 100%; transition: 0.5s;}
.ncased_nr li:hover .ncased_pic img{ transform: scale(1.05);}
.ncased_po{ position: absolute; width: 100%; height: 100%; background: rgba(174, 0 , 8, 0.85); left: 0; top: 0; text-align: center; color: #fff; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; transform: scale(0); transition: 0.5s;}
.ncased_po h3{ font-weight: bold; color: #fff; flex: 0 1 100%; font-size: 1.5rem; margin-bottom: 8px;}
.ncased_nr li:hover .ncased_po{ transform: scale(1);}

.khyysa{ padding: 50px 0 15px 0; border-bottom: 1px solid #ddd; text-align: center; color: #666; font-family: 'Dinr'; font-size: 1.125rem; margin-bottom: 5px;}
.khyysa h1{ font-size: 1.875rem; font-weight: bold; color: #000;}
.khyysb{ padding-top: 30px; display: flex; justify-content: space-between; align-items: center;}
.khyysb_l{ flex: 1; margin-right: 80px;}
.khyysb_logo{ text-align: center;}
.khyysb_ms{ line-height: 1.125rem; line-height: 30px;}
.khyysb_r{ overflow: hidden; flex: 0 1 40%;}
.khyysb_r img{ display: block; width: 100%;}

.khyysc{ padding: 60px 0 80px 0;}
.khyysc_tit{ text-align: center; font-size: 1.875rem; color: #000; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.khyysc_ms{ padding-top: 25px;}

.khyysc_ms h4 {font-size: 1.15rem; colo:#252525;}
.khyysd_ms ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.khyysd_ms li{ flex: 0 1 49%; padding-top: 2%;}
.khyysd_ms li img{ display: block; width: 100%;}
@media screen and (max-width:700px){
.khyysa{ padding: 20px 0 10px 0; font-size: 1rem;}
.khyysa h1{ font-size: 1.25rem;}
.khyysb{ padding-top: 10px; display: block;}
.khyysb_l{ margin-right: 0;}
.khyysb_logo img{ max-width: 50%;}
.khyysb_ms{ line-height: 1.625em; font-size: 0.9375rem;}
.khyysb_r{ padding-top: 25px;}
.khyysc{ padding: 40px 0 50px 0px;}
.khyysc_tit{ font-size: 1.5rem;}
}
/*case*/

/*video*/
.video{ display: flex; padding-top: 50px;}
.video_l{flex: 0 0 160px;}
.video_l dl{ display: flex; justify-content: space-between; margin-bottom: 4px;}
.video_l dl:nth-last-child(1){ margin-bottom: 0;}
.video_l dl dt{ background: #e1e1e1; flex: 0 0 24px; width: 24px; padding: 0 18px; font-size: 1.5rem; color: #000; line-height: 40px; display: flex; align-items: center;}
.video_l dl dd { flex: 1; margin-left: 4px;}
.video_l dl dd li{ position: relative; background: #fff; margin-bottom: 4px; display: block; color: #7e7e7e; text-align: center; line-height: 24px; padding: 20px 0; font-size: 1.125rem; font-family: 'Dinr'; cursor: pointer; transition: 0.5s;}
.video_l dl dd li:hover,.video_l dl dd li.on{ color: #960014;}
.video_l dl dd li:nth-last-child(1){ margin-bottom: 0;}
.video_l dl dd li p{ position: relative; z-index: 9;}
.video_l dl dd li::before{ content: ''; background-image: linear-gradient(to right,#e1e1e1 96%, #cecece); width: 100%; height: 100%; position: absolute; left: 0px; top: 0; transition: 0.5s;}
.video_l dl dd li.on::before{ width: 5px; background: #960014; transition: 0.5s 0.4s;}
.video_nr{ flex: 1; padding: 2%; background: #fff;}
.video_nr ul{ background: #eee; display: flex; flex-wrap: wrap; padding: 2%;}
.video_nr li{ flex: 0 1 32%; padding-bottom: 30px;}
.video_nr li:nth-child(3n-1){ margin: 0 2%;}
.video_pic{ overflow: hidden; position: relative;}
.video_pic::after{ content: ''; background: url(../images/video_pic.png) no-repeat center rgba(0,0,0,0.3); background-size: 20%; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.video_pic img{ display: block; width: 100%; transition: 0.5s;}
.video_nr li:hover .video_pic img{ transform: scale(1.05);}
.video_mc{ height: 70px; line-height: 70px; padding: 0 5%; position: relative; background: #fff; font-size: 1.125rem; overflow: hidden;}
.video_mc::after{ content: '>'; font-family: "AgencyFB"; position: absolute; right: 5%; top: 0; font-size: 1.875rem;}
@media screen and (max-width:1020px){
.video_pic::after{ background-size: 25%;}
.video_mc{ height: 50px; line-height: 50px; font-size: 1rem;}
.video_mc::after{ display: none;}
}
@media screen and (max-width:700px){
.video_nr{ padding-top: 35px;}
.video_nr li{ width: 49%; padding-bottom: 25px;}
.video_nr li:nth-child(3n-1){ margin: 0;}
.video_nr li:nth-child(2n){ float: right;}
.video_mc{ height: 40px; line-height: 40px; font-size: 0.9375rem;}
}
/*video*/

/*news*/
.news_bg{ background: #f6f6f6; width: 100%; padding-bottom: 100px;}
.FlagNews{ padding: 65px 0 0 0;}
.FlagNews_nr ul{ display: flex;}
.FlagNews_nr li{ flex: 0 1 32%; background: #fff; box-shadow: 0px 0px 25px rgba(0,0,0,0.08); position: relative; transition: 0.5s;}
.FlagNews_nr li:nth-child(2){ margin: 0 2%;}
.FlagNews_nr li a{ display: block; padding: 30px 20px;}
.newsFla_pic{ overflow: hidden;}
.newsFla_pic img{ display: block; width: 100%; transition: 0.5s;}
.FlagNews_nr li:hover .newsFla_pic img{ transform: scale(1.05);}
.newsFla_rq{ background: #960014; width: 105px; text-align: center; color: #fff; font-family: 'Abtb'; padding: 15px 0 10px 0; position: absolute; left: 0; top: 0; transition: 0.5s;}
.newsFla_rq p{ font-size: 3.125rem;}
.newsFla_mc{ margin-top: 30px; line-height: 30px; color: #000; height: 60px; font-size: 1.5rem; overflow: hidden; transition: 0.5s;}
.newsFla_ms{ color: #6d6d6d; font-size: 0.875rem; line-height: 24px; height: 48px; overflow: hidden; margin-top: 15px; transition: 0.5s}
.FlagNews_nr li:hover{ background: #960014;}
.FlagNews_nr li:hover .newsFla_rq{ background: #474443;}
.FlagNews_nr li:hover .newsFla_mc,.FlagNews_nr li:hover .newsFla_ms{ color: #fff;}

.news_nr{ padding-top: 65px;}
.news_nr li{ position:relative; margin-bottom:30px; box-shadow: 0px 0px 25px rgba(0,0,0,0.08);}
.news_nr li a{ display:flex; justify-content: space-between; align-items: center; background: #fff; padding: 35px 0; position:relative; z-index:9; transition:0.5s;}
.news_rq{ flex: 0 0 170px; text-align: center; font-size: 1.125rem; color: #858585; font-family: "Abtb";}
.news_rq p{ font-size: 3.125rem; color: #960014;}
.news_wb{ flex: 1; margin: 0 50px;}
.news_mc{ font-size:1.5rem; height:50px; line-height:50px; color: #000; overflow:hidden; transition:0.5s;}
.news_ms{ margin-top: 5px; line-height:30px; height:60px; color:#666666; overflow:hidden; }
.news_more{ flex: 0 0 170px; text-align: center; color: #858585; font-size: 1.125rem; font-family: 'Dinr'; transition:0.5s;}
.news_more span{ padding-left: 20px; font-weight: bold; font-size: 1rem; color: #000;}
.news_nr li:hover .news_mc,.news_nr li:hover .news_more span{ color:#960014;}
@media screen and (max-width:1500px){
.news_bg{padding-bottom: 50px;}
.FlagNews{ padding: 45px 0 0 0;}
.newsFla_rq{width: 75px; padding: 10px 0; font-size: 0.875rem;}
.newsFla_rq p{ font-size: 2rem;}
.FlagNews_nr li a{ padding: 20px 15px;}
.newsFla_mc{ margin-top: 10px; line-height: 26px; height: 52px; font-size: 1.25rem;}
}
@media screen and (max-width:1270px){
.newsFla_mc{ font-size: 1.125rem;}
.newsFla_ms{ margin-top: 7px;}
.news_nr{ padding-top: 50px;}
.news_nr li a{padding: 20px 0;}
.news_mc{ font-size: 1.375rem; height:40px; line-height:40px;}
.news_rq{ font-size: 1rem;}
.news_rq p{ font-size: 2.5rem;}
}
@media screen and (max-width:1020px){
.FlagNews_nr li a{ padding: 15px 10px;}
.newsFla_rq{width: 70px; font-size: 0.8125rem;}
.newsFla_rq p{ font-size: 1.875rem;}
.newsFla_mc{ font-size: 1rem; line-height: 24px; height: 48px;}
.newsFla_ms{ line-height: 22px; height: 44px;}
.news_nr li a{padding: 15px 0;}
.news_rq{ flex: 0 0 100px;}
.news_wb{ margin: 0 25px;}
.news_mc{ font-size: 1.25rem;}
.news_ms{ margin-top: 0; line-height: 24px; height: 48px; font-size: 0.9375rem;}
.news_more{ font-size: 1rem; flex: 0 0 150px;}
}
@media screen and (max-width:700px){
.FlagNews{ padding: 30px 0 0 0;}
.FlagNews_nr li{ flex: 0 1 49%;}
.FlagNews_nr li:nth-child(3){ display: none;}
.FlagNews_nr li a{ padding: 5px;}
.newsFla_rq{ font-size: 0.75rem; width: 60px;}
.newsFla_rq p{ font-size: 1.25rem;}
.newsFla_mc{ font-size: 0.9375rem; line-height: 22px; height: 44px; margin-top: 5px;}
.newsFla_ms{ display: none;}
.news_nr{ padding-top: 20px;}
.news_nr li{ margin-bottom: 15px;}
.news_nr li a{ padding: 10px 0;}
.news_rq{ flex: 0 0 80px; font-size: 0.875rem;}
.news_rq p{ font-size: 2rem;}
.news_wb{ margin: 0 8px 0 10px;}
.news_mc{ font-size: 1rem; line-height: 24px; height: 24px;}
.news_ms{ font-size: 0.8125rem; line-height: 20px; height: 40px;}
.news_more{ display: none;}
}

.nnews{ padding-top: 60px;}
.newsshow_title{ text-align:center; border-bottom:1px dashed #ccc; padding-bottom:12px; font-size:1.5rem; font-weight:bold; line-height:25px; }
.newsshow_title p{ font-size:0.875rem; color:#999; font-weight:normal; padding-top:8px;}
.newsshow_wnnr{ margin:0 auto; padding-top:15px; line-height:1.75em; color: #5a5a5a;}
.newsshow_wnnr img{ max-width:100%;}
.bdsharebuttonbox{ margin:0 auto; padding-top:40px; width:145px;}
.sxyjsys,.sxyjsys a{ font-size:14px;  line-height:20px;}
.sxyjsys a:hover{ text-decoration:underline;}
.xgnews-tit{ text-align:center; font-size:1.25rem; font-weight:bold; line-height:46px; height:46px; color:#717171;}
.xgnews-con{ padding-top:15px;}
.xgnews-con li{ float:left; width:45%; margin-left:1%; margin-right:4%; line-height:24px; list-style-position:inside; list-style-type:disc;}
.xgnews-con li a{ font-size:14px;}
.xgnews-con li span{ float:right; color:#999; font-size:12px;}
.xgnews-con li a:hover{ text-decoration:underline;}
@media screen and (max-width:1020px){
.newsshow_title{font-size:1.375rem;}
}
@media screen and (max-width:700px){
.newsshow_title{font-size:1.125rem;}
.newsshow_title p{ font-size: 0.8125rem; padding-top: 3px;}
.xgnews-con{ padding-top: 5px;}
.xgnews-con li{ width: 95%;}
}
/*news*/

/*pronew*/
.pronew{ display: flex; justify-content: space-between; padding: 50px 0 0px 0;align-items: flex-start;}
.pronew_l{ flex: 0 0 99px;}
.pronew_l ul{height: 527px;overflow-x: auto;}
.pronew_l li{ position: relative; background: #fff; margin-bottom: 4px; display: block; color: #7e7e7e; text-align: center; line-height: 24px; padding: 20px 0; font-size: 1.75rem; font-family: 'Dinr'; cursor: pointer; transition: 0.5s;}
.pronew_l li:hover,.pronew_l li.on{ color: #960014;}
.pronew_l li:nth-last-child(1){ margin-bottom: 0;}
.pronew_l li p{ position: relative; z-index: 9;}
.pronew_l li::before{ content: ''; background-image: linear-gradient(to right,#e1e1e1 96%, #cecece); width: 100%; height: 100%; position: absolute; left: 0px; top: 0; transition: 0.5s;}
.pronew_l li.on::before{ width: 5px; background: #960014; transition: 0.5s 0.4s;}
.pronew_r{flex: 1; background: #fff;}
.pronew_r ul li a{ display: flex; justify-content: space-between; align-items: center;}
.pronew_pic{ flex: 0 1 70%;}
.pronew_pic img{ display: block; width: 100%;}
.pronew_wb{ flex: 1; padding: 2%;}
.pronew_mc{ display: flex; align-items: flex-end; padding-bottom: 30px;flex-wrap: wrap;}
.pronew_mc b{ height: 70px; line-height: 70px; font-size: 3.125rem; color: #960014; font-family: 'Dinr'; background: #eee; padding: 0 15px; border-radius: 10px; font-weight: normal; margin-right: 8px;}
.pronew_mc h3{ font-size: 1.875rem; color: #000;}
.pronew_mc b.on{font-size: 2rem;}
.pronew_mc h3.on{ font-size: 1.5rem;}
.pronew_wb p{ line-height: 30px; font-size: 1.125rem; color: #5f5f5f; max-height: 120px; overflow: hidden;}
.pronew_wb span{ background: #960014; color: #fff; display: inline-block; padding: 15px 20px 15px 25px; border-radius: 5px; margin-top: 25px; transition: 0.5s;}
.pronew_r ul li:hover .pronew_wb span{ box-shadow: 2px 3px 1px rgba(0,0,0,1);}
.pronew_wb span em{ font-family: "宋体"; padding-left: 24px; font-style: normal; font-size: 1.125rem;}
@media screen and (max-width:1270px){
.pronew_l li{ padding: 13px 0; font-size: 1.5rem;}
.pronew_r{border: 5px solid #e3e3e3;}
.pronew_mc{padding-bottom: 15px;}
.pronew_mc b{ padding: 0 10px; height: 50px; line-height: 50px; font-size: 2.25rem;}
.pronew_mc h3{ font-size: 1.5rem;}
.pronew_wb p{ font-size: 1rem; line-height: 24px; max-height: 96px;}
.pronew_wb span{padding: 10px 15px 10px 20px;}
.pronew_wb span em{padding-left: 15px;}
}
@media screen and (max-width:1020px){
.pronew_r{border: 3px solid #e3e3e3;}
.pronew_r ul li a{ display: block;}
.pronew_wb span{ display: none;}
.pronew_wb p{ font-size: 1rem; line-height: 24px; max-height:inherit;}
}
@media screen and (max-width:700px){
.pronew{ display: block; padding: 30px 0 0 0;}
.pronew_l ul{ display: flex; justify-content: flex-start; flex-wrap: wrap;height: auto;overflow-x: inherit;}
.pronew_l li{ flex: inherit; margin-right: 1.25%!important;font-size: 1.25rem;padding: 13px 15px;}
.pronew_l li:nth-child(5n){margin-right: 0%;}
.pronew_l li.on::before{ display: none;}
.pronew_r{margin-left: 0px; border: 2px solid #e3e3e3; margin-top: 5px;}
.pronew_mc b{ line-height: 40px; height: 40px; border-radius: 5px; font-size: 1.75rem; padding: 0 5px;}
.pronew_mc h3{ font-size: 1.25rem;}
.pronew_wb p{ font-size: 0.9375rem; line-height: 22px;}
}
/*pronew*/

.pro_nr{ padding-top: 63px;}
.pro_nr li{ float:left; width:32%; padding-bottom: 32px;}
.pro_nr li:nth-child(3n-1){ margin: 0 2%;}
.pro_pic{ overflow:hidden; box-shadow: 0px 0px 30px rgba(0,0,0,0.05);}
.pro_pic img{ display:block; width:100%; transition:0.5s;}
.pro_nr li:hover .pro_pic img{transform:scale(1.05);}
.pro_mc{ height:70px; line-height:70px; padding:0 4%; margin: -15px 2% 0 2%; font-size: 1.125rem; background:url(../images/promcbg.png) no-repeat #960014; background-size: cover; position: relative; z-index: 9; color:#fff; overflow:hidden;}
.pro_mc span{ font-family: 'Dinr'; font-size: 2.25rem; margin-right: 5px;}
.pro_mc::after{ content: ''; width: 33px; background: url(../images/pro_jt.png) no-repeat center; height: 100%; position: absolute; right: 4%; top: 0;}

.pfhlx{ display: flex; justify-content: space-between; padding-top: 140px; align-items: center;}
.pfh a{ display: block; line-height: 50px; color: #fff; font-size: 1.125rem;}
.pfh a img{ margin-bottom: -7px; margin-right: 10px;}
.plx a{ display: block; border: 2px solid #fff; width: 136px; height: 46px; line-height: 46px; font-size: 1.125rem; text-align: center; color: #fff; transition: 0.5s;}
.plx a:hover{ background: #fff; color: #333;}
@media screen and (max-width:1270px){
.pro_mc{ height:50px; line-height:50px; margin: -10px 2% 0 2%; font-size: 1rem;}
.pro_mc span{font-size: 1.875rem;}
.pro_mc::after{width: 23px; background-size: 23px;}
}
@media screen and (max-width:1020px){
.pro_nr li{width:49%;}
.pro_nr li:nth-child(3n-1){ margin: 0;}
.pro_nr li:nth-child(2n){float: right;}
}
@media screen and (max-width:700px){
.pfhlx{padding-top: 110px;}
.pfh a img{ margin-bottom: -6px; margin-right: 10px; height: 22px;}
.pfh a{line-height: 40px; font-size: 1rem;}
.pro_nr{ padding-top: 40px;}      
.pro_mc{ height:36px; line-height:36px; margin: -5px 2% 0 2%; font-size: 0.9375rem;}
.pro_mc span{font-size: 1.25rem;}
.pro_mc::after{ display: none;}
}

.nproa{ position: relative; width: 100%; border-bottom: 1px solid #dfdfdf;}
.nproa_img{ overflow: hidden;}
.nproa_img img{ display: block; width: 100%;}
.nproa_po{ position: absolute; top: 50px; text-align: center; width: 100%; left: 0; display: none;}
.nproa_po h2{ display: inline-block; padding: 0 29px; line-height: 40px; height: 40px; color: #fff; background: #2c2c2c; border-radius: 8px; font-size: 1.25rem;}
.nproa_po h1{ padding-top: 10px; font-size: 1.875rem; color: #010101;}
.nproa_po h1 span{ color: #960014; font-size: 3.75rem; font-family: 'Dinr'; line-height: 0.8em; padding-right: 10px;}

.prob{ padding-bottom: 100px; width: 100%; margin-top: -77px; position: relative; z-index: 9;}
.prob .kga{ box-shadow: 0 0 3px rgba(0,0,0,0.1);}
.prob_top{ background: #fff; padding: 0 20px 50px 20px; box-shadow: 0px 0px 30px rgba(0,0,0,0.05);}
.prob_tit{ border-bottom: 2px solid #ba0008; position: relative;}
.prob_tit p{ font-size: 1.25rem; color: #4c4c4c; font-weight: bold; padding-left: 20px; line-height: 75px;}
.prob_tit::after{ content: ''; width: 11px; height: 27px; background: #ba0008; border-radius: 3px; position: absolute; left: 0; top: 25px;}
.prob_ms{ padding: 25px 2% 0 2%; font-size: 1rem; line-height: 1.625em;}
.prob_ms img{ max-width: 100%;}

.proshowa{ background:#f5f4f4; padding:1.5%;}
.proshow_gd{ width:60%; position:relative;}
.proshow_img{border-radius:15px; overflow:hidden;}
.proshow_img li{ overflow:hidden;}
.proshow_img li img{ display:block; width:100%;}
.proshow_anjt{ position:relative; width:100%;}
.proshow_an{width:91%; margin:17px auto 0 auto;}
.proshow_an li{ width:24%; float:left; cursor:pointer; margin-right:1.333%;}
.proshow_an li:nth-child(4){ margin-right:0;}
.proshow_an li a{ display:block; border:2px solid #fff; border-radius:10px; overflow:hidden;}
.proshow_an li img{ display:block; width:100%;}
.proshow_an li.on a{border:2px solid #ff9611;}
.proshow_anjt .prev,.proshow_anjt .next{ cursor:pointer; display:block; width:3%; background:#d4d4d4; font-family:"宋体"; position:absolute; text-align:center; border-radius:10px; padding:5.7% 0; color:#000; font-size:1.5rem; transition:0.5s;}
.proshow_anjt .prev:hover,.proshow_anjt .next:hover{ background:#ff9611; color:#fff; transition:0.5s;}
.proshow_anjt .prev{ left:0;}
.proshow_anjt .next{ right:0;}
.proshowa_wb{ width:37%;}
.nycp_bt{color:#6b6b6b; font-size:1.125rem; border-bottom:1px solid #ddd; padding-bottom:15px;}
.nycp_bt p{ font-size:1.75rem; font-weight:bold; padding-bottom:5px; color:#000;}
.nycp_nr{ font-size:0.875rem; color:#656464; line-height:24px; padding-top:1.5rem; padding-bottom:1.5rem; border-bottom:1px solid #ddd;}
.nycp_nr img{ max-width:100%;}
.nycp_tel{ margin-top:1.875rem; background:url(../images/nycp_pic.png) no-repeat left center; padding-left:23px; font-size:1rem; color:#979797;}
.nycp_tel strong{ color:#454545;}
.nycp_more{ width:133px; height:45px; padding-top:19px;}
.nycp_more a{border-radius:5px; display:block; background:#0255a7; text-align:center; line-height:45px; font-size:1.125rem; color:#fff; font-weight:bold; color:#fff;}
.nycp_more .job_moreb{ display:none;}

.proshow_bom{ padding-top:60px;}
.proms_l{ width:74%;}
.proshow_title{ font-size:1.125rem; font-weight:bold; color:#454545; height:50px; line-height:50px; border-bottom:3px solid #454545;}
.proshow_nr{ font-size:0.9125rem; line-height:26px; padding-top:25px;}
.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:#960014; text-align:center; line-height:40px; display:block; font-size:1rem; color:#fff; font-weight:bold;}
.cnxh{ width:23%;}
.cnxh_tit{font-size:1.125rem; font-weight:bold; color:#454545; height:50px; line-height:50px; border-bottom:3px solid #454545; text-align:center;}
.cnxh_nr li{ margin-top:20px;}
.cnxh_pic{ overflow:hidden; border:1px solid #ddd;}
.cnxh_pic img{ display:block; width:100%; transition:0.5s;}
.cnxh_nr li:hover .cnxh_pic img{transform:scale(1.1);}
.cnxh_wb{ background:#ddd; height:40px; line-height:40px; overflow:hidden; font-size:0.875rem; text-align:center; transition:0.5s;}
.cnxh_nr li:hover .cnxh_wb{ background:#960014; color:#fff; transition:0.5s;}
@media screen and (max-width:1020px){
.prob{ margin-top: -50px; padding-bottom: 20px;}
}
@media screen and (max-width:700px){
.prob{ margin-top: -20px; padding-bottom: 0px;}
}
/*内页style结束*/

/*sitemap*/
.sitemap{ padding:40px 0 60px 0;}
.sitemap dl{ border-bottom:2px solid #ddd; padding-bottom:20px;}
.sitemap dl dt,.sitemap dl dt a{ font-size:1.5rem; margin-top:25px; margin-bottom:10px; color:#c30d23;}
.sitemap dl dd>a{ margin-right:15px; color:#777; line-height:26px;}
.sitemap dl dd>p{ padding-top:15px; padding-bottom:5px}
.sitemap dl dd>p:nth-child(1){ padding-top:0}
.sitemap dl dd>p>a{ font-size:1.125rem; color:#000;}
.sitemap dl dd>a:hover,.sitemap dl dd>p>a:hover{ color:#c30d23;}
/*sitemap*/


.fswzj{ display:none;}@media(max-width:767px){.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#960014;}.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #ab0a20;}.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 #ab0a20;}.fswzj ul li.on a{ border-left:none;}.fnav_pic{ width:25%; 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:1280px){
.sp_nav{width:60px;float:right;position:relative;cursor: pointer; height:60px; background:#960014; 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.95); 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 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:#c30d23;}
.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)}
.sp_nav{width:50px; height:50px; padding:0px;}
.sjj_nav{top:50px; width:55%;}
.nav_show{top:50px;}
}

.rxf{ position: fixed; right: 0; bottom: 15vh; z-index: 991;}
.rxf li{ width: 50px; height: 50px; margin-bottom: 2px; position: relative; cursor: pointer; background-color: rgba(153, 153, 153, 0.9);}
.rxf li a{ display: block; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center;}
.rxf li a img{width: 60%;}
.rxf li p{ position: absolute; z-index: 11; width: 120px; height: 0px; overflow: hidden; top: 0; right: 50px; transition: 0.5s;}
.rxf li p img{ display: block; width: 100%;}
.rxf li:hover p{ right: 50px; height: 120px;}
.rxf li.cd-top {background-image: url(../images/cd-top-arrow.svg); background-position: center; background-repeat: no-repeat; opacity: 0;}
.rxf li.cd-top.cd-is-visible { visibility: visible; opacity: 1;}
.rxf li.cd-top.cd-fade-out {opacity: .9;}
.rxf li:hover{background-color: rgba(223, 0, 36, 0.9);}
@media screen and (max-width:1270px){
.rxf li{ width: 40px; height: 40px;}
.rxf li a{width: 40px; height: 40px;}
.rxf li p{right: 40px;}
.rxf li:hover p{ right: 40px;}
}
@media screen and (max-width:1020px){
.rxf{ display: none;}
}