@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: 146px; 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 0%; width: 0%; overflow: hidden; cursor: pointer; position: relative; transition: 0.5s;}

.indc_an li:hover,.indc_an li.on{ flex: 0 1 100%; width: 100%;}

.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{ width: 100%; height: 100%;}

.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 0%; width: 0%;}

.indc_an li:hover,.indc_an li.on{ flex: 0 1 100%; width: 100%;}

.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 25%;}

.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; 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;}

.main_fl ul{ justify-content: center; display: flex; flex-wrap: wrap;}

.main_fl li{ position:relative; margin: 10px 5px 0 5px; background: #fff; box-shadow: 0px 0px 25px rgba(0,0,0,0.1);}

.main_fl li a{ color:#636363; padding:0 50px; font-size:1.125rem; height:70px; line-height:70px; display:flex; align-items: center; 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:#ca2020; 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;}

.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;}

.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 li{ margin: 0; float: left;}

.main{ padding-bottom:50px;}

}

@media screen and (max-width:700px){



.main_fl li{margin: 0 2px;}

.main_fl li a{ color:#636363; padding:0 12px; height:42px; line-height:42px;}

.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{ flex: 0 1 47%; 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;}

.pronew_l{ flex: 0 0 99px;}

.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;}

.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;}

.pronew_l li{ flex: 0 1 19%; margin-right: 1.25%;}

.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: 20px; 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: 10px; 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;}

}


.top1{position: relative; z-index: 100;}
.top1 .kg{height: 146px; display: flex; justify-content: space-between; align-items: center;}

.top1 .kg .fl{display: flex; align-items: center;}

.top1 .kg .fl dl{margin-left: 30px; padding: 5px 0 5px 20px; border-left: 1px solid rgba(0,0,0,0.5);}

.top1 .kg .fl dl dt{font-size: 30px; font-weight: bold; margin-bottom: 5px;}

.top1 .kg .fl dl dt span{color: #ca2020;}

.top1 .kg .fl dl dd{font-size: 16px;}

.top1 .kg .fr{display: flex; align-items: center;}

.top1 .kg .fr .dh{font-size: 18px;}

.top1 .kg .fr .dh dt span{color: #ca2020;}

.top1 .kg .fr .dh dd{font-weight: bold; font-size: 24px;}

.top1 .kg .fr .ewm{margin: 0 20px; width: 120px;}

.top1 .kg .fr .ewm img{width: 100%;}

.top1 .kg .fr .yuyan{border: 1px solid rgba(0,0,0,0.1); background: rgba(0,0,0,0.02); padding: 0 10px; height: 30px; line-height: 30px; border-radius: 20px; position: relative; cursor: pointer;}

.top1 .kg .fr .yuyan dd{position: absolute; top: 30px; left: 0; right: 0; text-align: center; display: none; line-height: 20px; background: #fff;}

.top1 .kg .fr .yuyan dd a{display: block; margin-top: 5px;}

.top1 .kg .fr .dh_bt{display: none; margin-left: 20px;}

.top1 .kg .fr .dh_bt i{font-size: 30px;}



.top2{background: #ca2020; margin-bottom: 2px;}

.top2 ul{height: 46px; line-height: 46px; display: flex;}

.top2 ul li{flex-grow: 1; text-align: center;}

.top2 ul li.active{background: #000;}

.top2 ul li a{display: block; color: #fff;}



.index_tit{text-align: center; padding: 30px 0;}

.index_tit dt{font-size: 28px; font-weight: bold;}

.index_tit dd{color: #999; text-transform: uppercase;}



.swiper1{position: relative;}

.swiper1 .swiper-pagination-bullet-active{background: #ca2020;}

.swiper1 img{width: 100%;}



.box1 .bod{display: flex; justify-content: space-around; margin-bottom: 20px;}

.box1 .bod .item{width: 340px; height: 340px; background: url(../images/box1_01.jpg) center center; background-size: cover; border-radius: 50%; position: relative; color: #fff; overflow: hidden;}
.box1 .bod .item:nth-of-type(2){background: url(../images/box1_02.jpg) center center; background-size: cover;}
.box1 .bod .item:nth-of-type(3){background: url(../images/box1_03.jpg) center center; background-size: cover;}

.box1 .bod .item .item1{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}

.box1 .bod .item img{width: 80px;}

.box1 .bod .item h3{font-size: 30px; margin: 30px 0;}

.box1 .bod .item i{font-size: 30px; transition: 1s;}

.box1 .bod .item .item2{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ca2020; display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transition: 1s;}

.box1 .bod .item .item2 p{margin: 30px 30px 0 30px; text-align: center; font-size: 18px;}

.box1 .bod .item:hover .item2{opacity: 1;}

.box1 .bod .item:hover .item2 i{transform: rotateY(360deg);}



.box2 .tit{margin-bottom: 20px; display: flex;}

.box2 .tit li{margin-right: 10px; background: #ca2020; height: 60px; line-height: 60px; flex-grow: 1; text-align: center;}

.box2 .tit li:nth-last-of-type(1){margin-right: 0;}

.box2 .tit li a{display: block; color: #fff; padding: 0 10px;}

.box2 .bod{display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px;}

.box2 .bod dl{width: 16%; margin-bottom: 20px; border: 1px solid rgba(0,0,0,0.1);}

.box2 .bod dl dt{padding-bottom: 70%; position: relative; overflow: hidden;}

.box2 .bod dl dt img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}

.box2 .bod dl dt img:hover{transform: scale(1.2);}

.box2 .bod dl dd{text-align: center; margin: 10px 0;}



.box3{height: 198px; background: url(../images/box3_01.jpg) center center;}



.box4 .bod{display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px;}

.box4 .bod dl{width: 19%; margin-bottom: 20px;}

.box4 .bod dl dt{padding-bottom: 70%; position: relative; overflow: hidden;}

.box4 .bod dl dt img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}

.box4 .bod dl dt img:hover{transform: scale(1.2);}



.box5{padding: 50px 0; background: #fff;}

.box5 .kg{display: flex; justify-content: space-between; flex-wrap: wrap;}

.box5 .kg .fl{width: 40%;}

.box5 .kg .fl video{width: 100%; height: 400px; background: #000;}
.box5 .kg .fl iframe{width: 100%; height: 400px; background: #000;}

.box5 .kg .fr{width: 55%;}

.box5 .kg .fr dl dt{font-size: 18px; font-weight: bold; margin: 30px 0 10px;}

.box5 .kg .fr dl dd{line-height: 1.8;}



@media (max-width: 1200px) {

	.top1 .kg .fr .dh{display: none;}

	.top1 .kg .fr .ewm{display: none;}

}



@media (max-width: 992px) {

	.top1 .kg{height: auto; padding: 0 0 20px;}

	.top1 .kg .fl .logo{height: 80px;}

	.top1 .kg .fl dl{display: none;}

	.top1 .kg .fr .dh_bt{display: block;}

	.top2{display: none; position: absolute; top: 120px; left: 0; right: 0; z-index: 10; padding: 10px 0; z-index: 11}

	.top2 ul{height: auto; line-height: 40px; display: block;}

	.box2 .tit{flex-wrap: wrap; justify-content: space-between;}

	.box2 .tit li{flex-grow: 0; margin-bottom: 10px; height: 40px; line-height: 40px;}

	.box2 .bod dl{width: 23%;}

	.box3{display: none;}

	.box4 .bod dl{width: 48%;}

}



@media (max-width: 768px) {
	.box1 .bod{flex-wrap: wrap;}
	.box1 .bod .item{margin-bottom: 20px;}

	.box2 .bod dl{width: 48%;}

	.indc_an li.on .indc_zj{display: none;}

	.indcl_bt h2{font-size: 18px;}

	.indc_ms{font-size: 12px; line-height: 18px;}

	.box5 .kg .fl{width: 100%; margin-bottom: 30px;}

	.box5 .kg .fl video{height: 260px;}
	.box5 .kg .fl iframe{height: 260px;}

	.box5 .kg .fr{width: 100%;}

	.fbq{padding-bottom: 90px;}

}