@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
body{font-family:"Microsoft YaHei",Arial; font-size:100%; color:#434343; max-width: 1920px; margin: 0 auto; overflow-x:hidden;}
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:#e62129; text-decoration: none;outline:none;}
.clear{clear:both;}
.kg{ width:96%; margin:0 auto; max-width:1300px;}
.kga{ width:96%; margin:0 auto; max-width:1400px;}
.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 #e62129; 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 #e62129; 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:700px; 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%; position:relative; background: #fff; position: relative; z-index:999; transition:0.5s;}
.logozj{ padding-top: 4px; height: 166px;}
.logozj .kg{ display: flex; justify-content: space-between; align-items: center;}
.logoa{ margin-left: 3.4%;}
.logoa img{ height: 46px;}
.logo{ flex: 1; text-align: center;}
.logo a img{ height: 166px;}
.top_zj{ margin-right: 2.2%;}
.top_zj a:nth-child(2){ margin: 0 28px;}
.sp_nav{display:none;}
.nav_bg{width: 100%; position: relative; z-index: 999; background: #fff; transition: 0.5s;}
.sjj_nav{ max-width: 1300px; width: 100%; margin: 0 auto; display: flex; justify-content: space-between;}
.tel{ flex: 0 0 214px; text-align: center;}
.tel a{ display: block; color: #666;padding: 15px 0;}
.tel a p{ font-size: 1rem; font-weight: bold;}
.tel a span{ font-size: 0.75rem; color: #999;}
.sjj_nav>ul{ display: flex; flex: 1;}
.sjj_nav>ul>li{position:relative; flex: 1;}
.sjj_nav>ul>li>a{display:block; font-size:1rem; text-align: center; padding: 15px 0; color:#666; position:relative; z-index:9; transition:0.5s;}
.sjj_nav>ul>li>a>p{font-weight: bold;}
.sjj_nav>ul>li>a>span{ font-size: 0.75rem; color: #999;}
.sjj_nav>ul>li::before{ content: ''; border-left: 1px solid #ccc; height: 20px; position: absolute; right: 0; top: 23px;}
.sjj_nav>ul>li>ul{ position:absolute; background:rgba(255,255,255,0.9); width: 100%; left:0%; display:none; overflow:hidden; z-index: 99;}
.sjj_nav>ul>li>ul>li{ border-top:1px solid rgba(0,0,0,0.05); float:none;}
.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>ul>li:hover>a{ background:#fbc800; color:#000; transition:0.5s;}
.nav_bg.topys{ background: #fff; margin-top: 0; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);}
.nav_bg.topys .sjj_nav{ box-shadow: 0px 0px 5px rgba(0, 0, 0,0);}
@media screen and (max-width:1270px){
.sjj_nav>ul>li>a{ font-size: 1rem;}
.sjj_nav>ul>li>ul{width: 120%; left:-10%;}
}
@media screen and (max-width:1020px){
.top_bg{height: 80px;}
.logozj{ padding-top: 0px; height: 80px;}
.logozj .kg{ width: 100%;}
.logo a img{ height: 70px;}
.logoa{ padding-left: 1%; margin-left: 0;}
.logoa a img{ height: 40px;}
.top_zj a img{ height: 40px;}
.tel{ border-left: none; position: absolute; width: 100%; bottom: 15%;}
.nav_bg{ margin-top: 0;}
.sjj_nav{ display: block;}
.sjj_nav>ul{ display: block;}
.sjj_nav>ul>li::before,.sjj_nav>ul>li::after{ display: none;}
.sjj_nav>ul>li>ul{ position: relative; width: auto; left: auto; background: none;}
.sjj_nav>ul>li>ul>li{ border-top:1px solid rgba(255,255,255,0.1);}
.sjj_nav>ul>li>ul>li>a{ color:#fff;}
.sjj_nav>ul>li>ul>li:hover>a{ background:none; color:#fff;}
.sjj_nav>ul>li>a>span,.tel a span{ display: none;}
.tel a p{ color: #fff;}
}
@media screen and (max-width:700px){
.top_bg{height: 50px;}
.logozj{height: 50px;}
.logo{ padding-left: 1%; flex: 0 1 auto;}
.logo a img{ height: 40px;}
.logoa{ display: none;}
.top_zj a img{ height: 30px;}
.tel{ border-left: none; position: absolute; width: 100%; bottom: 0%;}
}
/*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;}
.banner_nr li{ width:100%;}
.banner_nr li a{ display: block;}
.banner_nr li a img{ display: block; width: 100%;}
.banner_nr li a img:nth-child(2){ display: none;}
.banner_an{ position:absolute; left:0; bottom:42px; width:100%; text-align:center; z-index:9;}
.banner_an ul{ width: 100%; 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:#000; transition:0.5s;}
.banner_an li.on{ background: #c2262c;}
.banner_an li::after{ content: ''; border: 1px solid #c2262c; 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);}
@media screen and (max-width:1270px){
.banner_an{bottom:32px;}
}
@media screen and (max-width:770px){
.banner_an{bottom:12px;}
.banner_nr li a img:nth-child(1){ display: none;}
.banner_nr li a img:nth-child(2){ display: block;}
}
/*banner*/

.indz_bga{ padding: 90px 0 85px 0; background: #fff; width: 100%; overflow: hidden;}
.indza_title{ position: relative;}
.indza_img img{ display: block; width: 100%;}
.indza_lgo{position: absolute; width: 100%; left: 0; top: 50px; text-align: center;}
.indza_bt{ position: absolute; left: 17.2%; bottom: 0; font-size: 1.75rem; color: #ff0000; line-height: 1em;}
.indza_nr{ padding-top: 45px; display: flex; justify-content: space-between;}
.indza_l{ flex: 0 0 54%;}
.indza_ms{ line-height: 36px; font-size: 1.125rem;}
.indza_more{ padding-top: 10px;}
.indza_more a{ display: inline-block; padding: 10px 32px; border: 1px solid #ff0000; color: #ff0000; transition: 0.5s;}
.indza_more a:hover{ background: #ff0000; color: #fff;}
.indaz_zj{ padding-top: 50px;}
.indaz_zj ul{ display: flex; justify-content: space-between;}
.indaz_zj li{ flex: 0 1 32%;}
.indaz_zj li img{ display: block; width: 100%;}
.indza_r{flex: 1; margin-left: 60px; background: #53435b; padding: 30px; display: flex; flex-wrap: wrap; align-content: space-between;}
.indzar_tit{ color: #fff; font-size: 1.25rem; flex: 0 1 100%;}
.indzar_tit span{ font-family: "Dinr";}
.indza_video{ position: relative; flex: 0 1 100%;}
.indza_video img{ display: block; width: 100%;}
.indza_video video{ position: absolute; outline: none; left: 0; top: 0; width: 100%; height: 100%; background: #000;}
.indza_sm{ color: #fff; font-size: 1.125rem;}
@media screen and (max-width:1020px){
.indz_bga{ padding: 70px 0 65px 0;}
.indza_lgo{ top: 15px;}
.indza_nr{ display: block;}
.indza_r{ margin-left: 0;}
}
@media screen and (max-width:700px){
.indz_bga{ padding: 40px 0 50px 0;}
.indz_bga .kg{ overflow: hidden;}
.indza_lgo{ top: 0; right: 0; left: auto; width: 60%;}
.indza_lgo img{ height: 36px;}
.indza_img img{ width: 140%;}
.indza_bt{ font-size: 1.5rem; left: 29%;}
.indza_nr{ padding-top: 25px;}
.indza_ms{ line-height: 26px; font-size: 0.9375rem;}
.indza_more a{padding: 7px 20px; font-size: 0.875rem;}
.indaz_zj{ padding-top: 25px;}
.indzar_tit{ font-size: 1rem;}
.indza_r{ padding: 4% 2%;}
.indza_video{ margin: 10px 0;}
.indza_sm{ font-size: 1rem;}
}

.index_bga{ background: #fff; width: 100%; padding-top: 80px; padding-bottom: 37px; position: relative; z-index: 9;}
.index_bga::before{ content: ''; width: 100%; height: 24%; background: #d5d5d5; position: absolute; left: 0; bottom: 0;}
.inda_title{ display: flex; justify-content: space-between; align-items: flex-start;}
.inda_bt{flex: 1; margin-right: 110px; position: relative;}
.inda_bt img{ display: block; width: 100%;}
.inda_po{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; flex-wrap: wrap; align-content: center; color: #fff; text-align: center;}
.inda_po p{ flex: 0 1 100%; font-weight: bold; font-size: 2.5rem; line-height: 1em; text-shadow: -2px -1px 1px #822329;}
.inda_po span{ display: block; flex: 0 1 100%; font-weight: bold; line-height: 1em; font-size: 1.875rem; text-shadow: -2px -1px 1px #822329;}
.inda_po h2{ flex: 0 1 100%; font-size: 2.25rem; margin-top: 7px; text-shadow: -2px -1px 1px #822329;}
.inda_po::after{ content: ''; margin: 0 auto; height: 7px; background: #81282a; width: 40%; margin-top: 7px;}
.inda_r{ flex: 0 1 70%; position: relative;}
.inda_yw{ position: absolute; left: 0; bottom: 14%; border-bottom: 2px solid #cfcfcf; padding-bottom: 10px; text-align: right; width: 45%; font-size: 3.5rem; color: #727170; line-height: 1em; font-weight: bold;}
.inda_fl{ width: 82%; margin-left: 18%;}
.inda_fl ul{ display: flex; flex-wrap: wrap; justify-content: flex-end;}
.inda_fl li{ flex: 0 1 25%;}
.inda_fl li:nth-last-child(1){ margin-right: 12.5%;}
.inda_fl li:nth-child(n+5){ margin-top: -7.2%;}
.indafl_pic img{ display: block; width: 100%;}
@media screen and (max-width:1270px){
.inda_po p{ font-size: 1.875rem;}
.inda_po span{ font-size: 1.5rem;}
.inda_po h2{ font-size: 1.875rem; margin-top: 3px;}
.inda_po::after{ height: 5px;}
.inda_yw{ font-size: 2.5rem; width: 37%;}
}
@media screen and (max-width:1020px){
.inda_bt{ margin-right: 40px;}
.inda_yw{ font-size: 1.875rem; width: 35%;}
}
@media screen and (max-width:700px){
.index_bga{ padding: 40px 0 50px 0;}
.inda_bt{ margin-right: 0px; width: 40%;}
.inda_po p{ font-size: 1.5rem;}
.inda_po span{ font-size: 1.25rem;}
.inda_po h2{ font-size: 1.5rem; margin-top: 3px;}
.inda_po::after{ height: 3px; margin-top: 3px;}
.inda_title{ display: block;}
.inda_yw{ font-size: 1.875rem; width: 50%; right: 0; left: auto; bottom: auto; top: -65%;}
.inda_fl{ margin-left: 0; width: auto;}
}

.inda_bom{ width: 96%; max-width: 1600px; margin: 0 auto; margin-top: 60px; position: relative;}
.inda_nr li{ width: 25%;}
.inda_nr li a{ display: block; margin: 0 15px; padding: 15px 0; position: relative;}
.indab_pic{ overflow: hidden; filter: drop-shadow(0 0 10px rgba(0,0,0,0.3)); position: relative;}
.indab_pic img{ display: block; width: 100%; transform: scale(0.98); transition: 0.5s;}
.inda_nr li:hover .indab_pic img{transform: scale(1);}
.indab_mc{ position: absolute; width: 100%; text-align: center; top: 32%;  transition: 0.5s;}
.indab_mc p{color: #373737; font-size: 1.125rem;}
.indab_mc span{ color: #666; font-family: "Dinr"; font-size: 1rem;}
.inda_nr li:hover .indab_mc p{ color: #000;}
.inda_an{ display: none;}
.pageState{ margin-top: 10px; text-align: center; font-size: 1.5rem; font-family: 'Dinr'; color: #818181;}
.pageState span{ color: #000; font-size: 1.875rem;}
.inda_jt{ display: flex; justify-content: center; margin-top: 10px; position: relative;}
.inda_jt::before{ content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 23px; background: #c3c3c3;}
.inda_jt a{ position: relative; z-index: 9; background: #d5d5d5;  padding-right: 12px; cursor: pointer;}
.inda_jt a.next{ transform: scaleX(-1);}
@media screen and (max-width:1270px){
.inda_nr{ overflow: hidden; width: 100%;}
.inda_nr li{ width: 33.333%;}
}
@media screen and (max-width:1020px){
.inda_nr li{ width: 50%;}
}
@media screen and (max-width:700px){
.inda_bom{ margin-top: 25px;}
.inda_nr li{ width: 100%;}
.inda_nr li a{margin: 0 40px; padding: 10px 0; position: relative;}
.indab_mc{ top: 30%;}
.indab_mc p{ font-size: 1rem;}
.indab_mc span{ font-size: 0.875rem;}
.pageState{ font-size: 1.125rem; margin-top: 0;}
.pageState span{ font-size: 1.5rem;}
.inda_jt img{ height: 35px;}
.inda_jt::before{ bottom: 18px;}
.inda_jt a{padding-right: 5px;}
}

.indz_bgb{ overflow: hidden; width: 100%;}
.indz_bgb img{ width: 100%;}

.index_bgb{ background: url(../images/index_bgb.jpg) no-repeat center fixed; width: 100%; padding: 80px 0 57px 0; position: relative;}
.index_bgb .inda_title h2{ color: #fed900;}
.index_bgb .inda_title p{ color: #fff;}
.indb_nr{position: relative; margin-top: 75px; max-width: 666px; width: 96%;}
.indb_pb img{ display: block; width: 100%;}
.indb_po{ position: absolute; width: 76%; left: 12%; top: 37%;}
.indb_bt{ font-size: 2.25rem; color: #000; text-align: center;}
.indb_ms{ margin-top: 35px; color: #302323; line-height: 30px; font-size: 1.125rem;}
.indb_more{ margin-top: 40px; text-align: center;}
.indb_more a{ display: inline-block; padding: 0 17px; height: 46px; line-height: 46px; text-align: center; border: 2px solid #000; color: #000; transition: 0.5s;}
.indb_more a span{ font-family: "AgencyFB"; font-size: 1.875rem; padding-left: 17px; float: right;}
.indb_more a:hover{ background: #000; color: #fff;}

.index_bgc{ background: #fff; width: 100%; padding: 90px 0 40px 0; overflow: hidden;}
.indc_tit{ position: relative; text-align: center;}
.indc_tit img{max-width: 96%;}
.indc_tit::after{ content: ''; width: 100%; height: 2px; background: #828282; position: absolute; left: 0; bottom: 16%;}
.indc_tit::before{ content: ''; width: 2px; height: 74%; background: #828282; position: absolute; left: 50%; bottom: 9%; margin-left: -1px; border-radius: 3px;}
.index_bgc .kg{ padding-top: 20px; display: flex; justify-content: space-between;}
.indc_l{ flex: 0 1 35%; width: 35%; position: relative; box-sizing: border-box; padding: 10px 30px 0 30px;}
.indc_l::before{ content: ''; width: 100%; height: 40%; background: #c51111; position: absolute; left: 0; top: 0;}
.indcl_btmo{ position: relative; z-index: 9; display: flex; justify-content: space-between; height: 50px; line-height: 50px;}
.indcl_btmo p{ color: #fff; font-size: 1.25rem;}
.indcl_btmo a{ color: #fff;}
.indcl_btmo a:hover{ text-decoration: underline;}
.indcl_img{ overflow: hidden; position: relative; z-index: 9;}
.indcl_img img{ display: block; width: 100%; transition: 0.5s;}
.indcl_img:hover img{ transform: scale(1.05);}
.indcl_gd{ overflow: hidden; width: 100%; padding-bottom: 20px; border-bottom: 1px solid #ddd; padding-top: 10px;}
.indcl_gd .swiper-wrapper .swiper-slide h3{ font-size: 1.125rem; height: 36px; line-height: 36px; overflow: hidden;}
.indcl_gd .swiper-wrapper .swiper-slide p{ color: #777; line-height: 22px; height: 44px; overflow: hidden;}
.indc_r{ flex: 0 1 60%; width: 60%; display: flex; flex-wrap: wrap; align-content: space-between;}
.indcr_kg{ flex: 0 1 100%; display: flex; justify-content: space-between; overflow: hidden; background: #ededed;}
.indcr_bt{ flex: 0 0 140px; text-align: center; color: #fff; padding: 50px 0;}
.indcr_kg:nth-child(1) .indcr_bt{ background: #ef8200;}
.indcr_kg:nth-child(2) .indcr_bt{ background: #acce22;}
.indcr_bt p{ font-size: 1.125rem;}
.indcr_bt a{ color: #fff; padding-top: 8px;}
.indcr_gd{ flex: 1; overflow: hidden; box-sizing: border-box; margin: 20px; overflow: hidden;}
.indcr_gd .swiper-wrapper .swiper-slide h3{ font-size: 1.125rem; height: 36px; line-height: 36px; overflow: hidden;}
.indcr_gd .swiper-wrapper .swiper-slide p{ color: #777; line-height: 22px; height: 44px; overflow: hidden;}
@media screen and (max-width:1020px){
.indc_l{ padding: 10px 10px 0 10px;}
.indcl_gd .swiper-wrapper .swiper-slide h3,.indcr_gd .swiper-wrapper .swiper-slide h3{ font-size: 1rem;}
.indcl_gd .swiper-wrapper .swiper-slide p,.indcr_gd .swiper-wrapper .swiper-slide p{ font-size: 0.875rem;}
}
@media screen and (max-width:700px){
.index_bgc{padding: 40px 0 50px 0;}
.index_bgc .kg{ display: block;}
.indc_l{ width: auto;}
.indc_r{ width: auto;}
.indcr_kg{ margin-top: 20px;}
.indcr_bt{ padding: 25px 0; flex: 0 0 100px;}
.indcr_bt p{ font-size: 1rem;}
.indcr_bt a{ font-size: 0.875rem;}
.indcr_gd{ margin: 10px;}
.indcl_gd .swiper-wrapper .swiper-slide h3, .indcr_gd .swiper-wrapper .swiper-slide h3{ height: 30px; line-height: 30px;}
.indcl_gd .swiper-wrapper .swiper-slide p,.indcr_gd .swiper-wrapper .swiper-slide p{ line-height: 20px; height: 40px;}
}

.index_bgd{ background: #fff; width: 100%; position: relative; padding-bottom: 80px;}
.indd_nr ul{ display: flex; justify-content: space-between; align-items: flex-start;}
.indd_nr li{ flex: 0 1 32.1%;}
.indd_kg:nth-child(2){ margin-top: 33px;}
.indd_img{ overflow: hidden;}
.indd_img img{ display: block; width: 100%; transition: 0.5s;}
.indd_kg:hover .indd_img img{ transform: scale(1.05);}
.indd_mc{ text-align: center; font-weight: bold; color: #333; padding-top: 6px;}
@media screen and (max-width:1270px){
.indd_mc{ padding-top: 5px;}
.indd_kg:nth-child(2){ margin-top: 15px;}
}
@media screen and (max-width:700px){
.index_bgd{padding-bottom: 50px;}
.indd_nr ul{ display: flex; flex-wrap: wrap;}
.indd_nr li{ flex: 0 1 100%;}
.indd_nr li:nth-child(1),.indd_nr li:nth-child(3){ display: flex; justify-content: space-between; order: 1; margin-top: 20px;}
.indd_nr li:nth-child(2){ margin: 0;}
.indd_nr li:nth-child(2) .indd_img img{ position: relative; margin: -25% 0 -35% 0;}
.indd_kg{ flex: 0 1 49.5%;}
.indd_kg:nth-child(2){ margin-top: 0px;}
.indd_mc{ font-size: 0.9375rem;}
}

.fsmg{ background: url(../images/index_bge.png) no-repeat center; width: 100%; height: 42px; padding-bottom: 1px;}
.fsmg_kg{ width: 100%; max-width: 1300px; margin: 0 auto;}
.fsmg_kg img{ max-width: 100%;}

.foot_bg{ background:#ebebeb; width:100%; overflow:hidden;}
.foot_top{ padding: 50px 0 60px 0; width: 100%;}
.foot_top .kg{ display: flex; justify-content: space-between;}
.fnav{ display: flex; justify-content: space-between; flex: 0 1 68.85%; margin-left: 70px; color: #5f5f5f; border-left: 2px solid #ccc; padding-left: 50px;}
.fnav dl dt{ padding-bottom: 25px;}
.fnav dl dt a{ color: #121212; font-size: 1.5rem;}
.fnav dl dd{ line-height: 24px;}
.fnav dl:nth-child(2) dd a:nth-child(2n){ margin-left: 65px;}
.fnav dl dd a{ color: #707070; font-size: 0.9375rem; transition: 0.5s;}
.fnav dl dd a:hover{ color: #121212;}
.flogo img{ max-width: 100%;}
.ftel{ padding-top: 20px;}
.ftel p{ font-size: 1.125rem;}
.ftel span{ font-size: 2.25rem;}
.fewm{ display: flex; justify-content: space-between; width: 80%; margin-top: 20px;}
.fewm_pic{ overflow: hidden; flex: 0 1 45%; box-sizing: border-box;}
.fewm_pic img{ display: block; width: 100%;}
.fewm_mc{ line-height: 18px; color: #373636; padding-top: 10px; text-align: center;}
.fbq{padding:25px 0; line-height:24px; font-size:1rem; color:#5f5f5f; border-top: 1px solid #d2d2d2;}
.fbq span{ float:right;}
.fbq a{ color:#5f5f5f;}
.fbq a:hover{ text-decoration:underline;}
@media screen and (max-width:1270px){
.fnav dl dt a{ font-size: 1.125rem;}
.fnav dl dd a{ font-size: 0.875rem;}
}
@media screen and (max-width:1020px){
.foot_top .kg{ display: block;}
.foot_r{ position: relative;}
.ftel span{ font-size: 1.875rem;}
.fnav{ margin-left: 20px; padding-left: 20px; display: none;}
.fewm{ position: absolute; right: 0; top: 0; width: 40%;}
}
@media screen and (max-width:700px){
.foot_top{ padding: 24px 0 30px 0;}
.flogo img{ max-width: 30%;}
.fewm{ width: 60%;}
.ftel{ padding-top: 10px;}
.ftel p{ font-size: 0.9375rem;}
.ftel span{ font-size: 1.5rem;}
.fbq{padding:15px 0 65px 0; line-height:22px; font-size:0.875rem; color:#5f5f5f;}
}
/*首页style结束*/


/*内页style开始*/
.about_banner{ background:url(../images/about_banner.jpg) no-repeat center; width:100%; height:581px; position:relative;}
.contact_banner{ background:url(../images/contact_banner.jpg) no-repeat center; width:100%; height:581px; position:relative;}
.sh_banner{ background:url(../images/sh_banner.jpg) no-repeat center; width:100%; height:581px; position:relative;}
.service_banner{ background:url(../images/service_banner.jpg) no-repeat center; width:100%; height:581px; position:relative;}
.join_banner{ background:url(../images/join_banner.jpg) no-repeat center; width:100%; height:581px; position:relative;}
.joina_banner{ background:url(../images/joina_banner.jpg) no-repeat center; width:100%; height:581px; position:relative;}
.news_banner{ background:url(../images/news_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.hynews_banner{ background:url(../images/hynews_banner.jpg) no-repeat center; width:100%; height:581px; position:relative;}
.brandnew_banner{ background:url(../images/brandnew_banner.jpg) no-repeat center; width:100%; height:581px; position:relative;}
.zxnews_banner{ background:url(../images/zxnews_banner.jpg) no-repeat center; width:100%; height:581px; position:relative;}
.fz_banner{ background:url(../images/fz_banner.jpg) no-repeat center; width:100%; height:581px; position:relative;}
.qywh_banner{ background:url(../images/qywh_banner.jpg) no-repeat center; width:100%; height:581px; position:relative;}
.bran_banner{ background:url(../images/bran_banner.jpg) no-repeat center; width:100%; height:581px; position:relative;}
.rwapple_banner{ background:url(../images/rwapple_banner.jpg) no-repeat center; width:100%; height:581px; position:relative;}
.hlapple_banner{ background:url(../images/hlapple_banner.jpg) no-repeat center; width:100%; height:581px; position:relative;}
.kjapple_banner{ background:url(../images/kjapple_banner.jpg) no-repeat center; width:100%; height:581px; position:relative;}
.case_banner{ background:url(../images/case_banner.jpg) no-repeat center; width:100%; height:581px; position:relative;}
.honor_banner{ background:url(../images/honor_banner.jpg) no-repeat center; width:100%; height:581px; position:relative;}
.pro_banner{ background:url(../images/pro_banner.jpg) no-repeat center; width:100%; height:581px; position:relative;}
.proshow_banner{ background:url(../images/proshow_banner.jpg) no-repeat center; width:100%; height:150px; position:relative;}
.main_tit{ display: flex; flex-wrap: wrap; align-content: center; height: 100%; color: #fff; text-align: center; justify-content: center;}
.main_tit::before{ content: ''; width: 56px; height: 2px; background: #eeffff; margin-bottom: 10px;}
.nytit{ flex: 0 1 100%; font-size: 2.25rem; font-weight: bold;}
.main_tit p{ font-size: 1.25rem; font-family: "ITCB"; margin-top: 3px; text-transform: uppercase;}
.maina_tit{ display: flex; flex-wrap: wrap; align-content: center; height: 100%; color: #fff;}
.maina_tit p{ font-size: 3rem; font-family: "Dinstd"; text-transform: uppercase; padding-left: 10.46%; flex: 0 1 100%; line-height: 1.125em;}
.maina_tit span{ font-size: 1.875rem; font-family: "Dinr"; text-transform: uppercase; padding-left: 10.46%; flex: 0 1 100%; line-height: 1em;}
.maina_tit .nytit{ flex: 0 1 100%; font-size: 2.5rem; padding-left: 10.46%; font-weight: normal;}

.main_flbg{ width: 100%; margin-top: -60px;  overflow: hidden; position: relative; z-index: 9;}
.main_flbg .kg{ display: flex; justify-content: space-between; background: rgba(0,0,0,0.6);}
.main_fl ul{ display: flex; justify-content: center; padding: 0 25px;}
.main_fl li{ position:relative;}
.main_fl li a{ color:#fff; padding:0 25px; font-size:1.125rem; height:60px; display:block; line-height:60px; text-align:center; position:relative; z-index:9; transition: 0.5s;}
.main_fl li:hover a,.main_fl li.cur a{ color: #ff0000;}
.main_wz{ line-height: 60px; padding-right: 25px; color: #fff;}
.main_wz img{ margin-bottom: -3px; margin-right: 7px;}
.main_wz span{ padding: 0 8px; font-family: '宋体';}
.main_wz a{ color: #fff;}
.main{padding: 90px 0 100px 0; position: relative; width: 100%; overflow: hidden;}
.main_nr{ padding-top: 60px; background: #f4f4f4; padding-bottom: 60px;}
.about_nr{ color:#5a5a5a; font-size:1rem; line-height:1.8em;}
.about_nr img{ max-width:100%;}
@media screen and (max-width:1300px){
.about_banner,.contact_banner,.sh_banner,.service_banner,.join_banner,.news_banner,.hynews_banner,.zxnews_banner,.brandnew_banner,.pro_banner,.fz_banner,.qywh_banner,.bran_banner,.rwapple_banner,.hlapple_banner,.kjapple_banner,.case_banner,.honor_banner{ background-size: cover; height: 500px;}
.main_fl li a{ padding:0 20px;}
}
@media screen and (max-width:1270px){
.about_banner,.contact_banner,.sh_banner,.service_banner,.join_banner,.news_banner,.hynews_banner,.zxnews_banner,.brandnew_banner,.pro_banner,.fz_banner,.qywh_banner,.bran_banner,.rwapple_banner,.hlapple_banner,.kjapple_banner,.case_banner,.honor_banner{ height: 450px;}
.main_tit::before{ width: 42px; margin-bottom: 8px;}
.nytit{font-size: 2rem;}
.main_tit p{ font-size: 1.125rem;}
.main_fl li a{padding:0 15px; font-size: 1rem;}
}
@media screen and (max-width:1020px){
.about_banner,.contact_banner,.sh_banner,.service_banner,.join_banner,.news_banner,.hynews_banner,.zxnews_banner,.brandnew_banner,.pro_banner,.fz_banner,.qywh_banner,.bran_banner,.rwapple_banner,.hlapple_banner,.kjapple_banner,.case_banner,.honor_banner{ height: 300px;}
.main_tit::before{ width: 32px; margin-bottom: 5px;}
.nytit{font-size: 1.75rem;}
.main_tit p{ font-size: 1rem;}
.main_flbg .kg{ width: 100%; display: block;}
.main_fl.wrapper{ overflow: hidden;}
.main_fl ul{ padding: 0;}
.main_fl.wrapper .scroller ul{ display: block;}
.main_fl.wrapper .scroller li{ float: left;}
.main_fl.wrapper .scroller li a{ padding: 0 25px;}
.main{padding: 70px 0 80px 0;}
}
@media screen and (max-width:700px){
.about_banner,.contact_banner,.sh_banner,.service_banner,.join_banner,.news_banner,.hynews_banner,.zxnews_banner,.brandnew_banner,.pro_banner,.fz_banner,.qywh_banner,.bran_banner,.rwapple_banner,.hlapple_banner,.kjapple_banner,.case_banner,.honor_banner{ height: 160px;}
.proshow_banner{height: 60px; background-size: auto 100%;}
.main_tit::before{ width: 32px; margin-bottom: 6px;}
.nytit{font-size: 1.375rem;}
.main_tit p{ font-size: 0.875rem; margin-top: 0;}
.main_flbg{ margin-top: -46px;}
.main_flbg .kg{ display: block;}
.main_fl ul{ justify-content: flex-start;}
.main_fl li{ position:relative; margin-left: 0px;}
.main_fl li:nth-child(1){margin-left: 0;}
.fl_03 li{ flex: 0 1 33.333%;}
.fl_04 li{ flex: 0 1 25%;}
.main_fl li a{font-size:1rem; height:46px; line-height:46px;}
.main_fl li::before{ bottom:14px; left:18%; width: 66%;}
.main_wz{display: none;}
.main{padding: 40px 0 60px 0;}
.main_nr{ padding-top: 40px; padding-bottom: 50px;}
.about_nr{ font-size:0.9375rem; line-height:1.625em;}
}

/*about*/
.about_bga{ padding: 110px 0 60px 0; width: 100%;}
.about_bga .kg{ position: relative;}

.aboa_top{ display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 9;}
.abot_bt{ position: relative; flex: 0 1 27%;}
.abot_bt img{ display: block; width: 100%;}
.aboa_r{ flex: 1; margin-left: 50px;}
.aboa_ms{ color: #333; line-height: 36px; font-size: 1.125rem; text-indent: 2em;}
.aboa_ms a{ color: #00E;}
.aboa_bom{ padding-top: 30px;}
.aboab_tit{ position: relative; height: 40px; display: flex; align-items: center; justify-content: flex-end;}
.aboab_tit::before{ content: ''; background: #cfd1d0; height: 5px; flex: 1;}
.aboab_tit h3{ color: #d41016; font-size: 1.875rem; line-height: 40px; background: #fff; padding: 0 25px; position: relative; z-index: 9;}
.aboab_tit p{ color: #fff; font-size: 1.375rem; margin-top: 3px; background: #cfd1d0; line-height: 0.9em; font-family: Arial; flex: 1; text-indent: 15px;}
.aboa_bom .aboa_ms{ line-height: 36px; margin-top: 15px;}
@media screen and (max-width:1270px){
.about_bga{ padding: 70px 0;}
.abot_bt{ flex: 0 1 27%;}
.aboa_r{ margin-left: 50px;}
.aboa_ms{line-height: 30px; font-size: 1rem;}
.aboa_bom .aboa_ms{ line-height: 30px;}
}
@media screen and (max-width:1020px){
.abot_dw{ background-size: auto 32px; margin-top: 14px; padding-left: 60px; line-height: 28px;}
.abot_bt{ flex: 0 1 27%; margin-top: -50px;}
.aboa_po{top: 34%;}
.aboa_po span{ font-size: 1.75rem;}
.aboa_po h2{ font-size: 1.5rem; font-weight: bold; color: #ffe100; margin-top: 2px;}
.aboa_po p{ font-size: 0.875rem; width: 80%; margin: 0 auto;}
}
@media screen and (max-width:700px){
.about_bga{ padding: 40px 0 50px 0;}
.aboa_top{ display: block;}
.abot_bt{ text-align: center; margin: 0 auto; width: 60%;}
.aboa_r{ flex: 1; margin-left:0px;}
.aboa_ms{ line-height: 24px; font-size: 0.9375rem;}
.aboab_tit{ display: block; text-align: center; height: auto;}
.aboab_tit::before{ display: none;}
.aboab_tit h3{ font-size: 1.5rem; line-height: 40px; padding: 0 25px;}
.aboab_tit p{ font-size: 1.125rem; text-align: center; line-height: 0.9em; text-indent: 0;}
.aboa_bom .aboa_ms{ line-height: 24px; font-size: 0.9375rem;}
}

.about_bgb{ background: #b72025; width: 100%;}
.about_bgb .kg{ display: flex; justify-content: space-between; align-items: center;}
.abob_l{ flex: 0 1 50%; width: 50%;}
.abob_l img{ float: right;}
.abob_r{ flex: 0 1 46%; color: #fff;}
.abob_r p{ font-size: 4.5rem; font-family:"Dinstd"; line-height: 0.8em; letter-spacing: 2px; padding-bottom: 7px;}
.abob_r span{ font-size: 3.75rem; font-family:"Dinstd"; line-height: 0.8em;}
.abob_r h3{ font-size: 1.875rem; padding-top: 15px;}
@media screen and (max-width:1020px){
.abob_r p{ font-size: 3.25rem;}
.abob_r span{ font-size: 2.5rem;}
.abob_r h3{ font-size: 1.5rem;}
}
@media screen and (max-width:700px){
.about_bgb .kg{ display: block; width: 100%;}
.abob_l{width: 100%;}
.abob_l img{ float: none; display: block; width: 100%; height: auto;}
.abob_r{ padding: 15px 2% 25px 2%;}
.abob_r p{ font-size: 2.5rem;}
.abob_r span{ font-size: 2rem;}
.abob_r h3{ font-size: 1.5rem; padding-top: 7px;}
}

.about_bgc{ background: #fff; padding: 65px 0 120px 0; width: 100%; overflow: hidden;}
.aboc_a{ display: flex; justify-content: space-around; align-items: flex-start; border-bottom: 5px solid #cfd1d0; position: relative; padding-bottom: 50px;}
.aboc_a::before{ content: ''; width: 5px; height: 90%; background: #cfd1d0; position: absolute; left: calc(50% - 2px);}
.aboc_a dl{ flex: 0 1 45%;}
.aboc_a dl dt,.abocb_tit{ font-size: 1.875rem; color: #d41016; text-align: center; line-height: 1em; padding-bottom: 20px;}
.aboc_a dl dd{ color: #333; font-size: 1.125rem; line-height: 40px; text-indent: 2em;}

.aboc_b{ padding-top: 35px; display: flex; justify-content: space-between; align-items: center;}
.abocb_tit{ margin-left: 40%; margin-bottom: 18px;}
.abocb_l{ flex: 0 1 60%; width: 60%; margin-left: -17%;}
.abocb_l img{ display: block; width: 100%;}
.abocb_r{ flex: 1; margin-left: 50px;}
.abocb_ms{color: #333; font-size: 1.125rem; line-height: 36px; text-indent: 2em;}

.aboc_c{ padding-top: 70px;}
.abocc_tit{font-size: 1.875rem; color: #d41016; line-height: 1em; padding-bottom: 24px;}

.aboc_f{ background: #cfd1d0; color: #fff; text-align: right; margin: 120px 0; font-family: Arial; font-size: 3rem; line-height: 0.7em; letter-spacing: 2px;}

.aboc_d{position: relative; padding: 0 2%; display: flex; justify-content: space-between;}
.abocd_l{ flex: 1; position: relative; z-index: 9; margin-right: 55px; color: #333; font-size: 1.125rem; line-height: 36px; padding-bottom: 60px;}
.abocd_l a{color: #00E;}
.abocd_r{ flex: 0 1 38%; position: relative; z-index: 9;}
.abocd_r img{ display: block; width: 100%;}

.aboc_e{ padding-top: 70px;}
.aboc_e li{display: flex; justify-content: space-between; align-items: center;}
.aboce_img{ flex: 0 1 38%; overflow: hidden;}
.aboce_img img{ display: block; width: 100%;}
.aboc_e li:nth-child(2) .aboce_img{ order: 1;}
.aboce_wb{ flex: 0 1 56%;}
.aboce_bt{ display: flex; color: #d41016; align-items: flex-end; font-size: 3.125rem; align-items: center;}
.aboce_bt p{ line-height: 0.8em;}
.aboce_ms{ font-size: 1.125rem; line-height: 30px; margin: 18px 0;}


@media screen and (max-width:1270px){
.about_bgc{padding: 50px 0 100px 0;}
.aboc_a dl dt, .abocb_tit{ padding-bottom: 25px;}
.aboc_a dl dd{ font-size: 1rem; line-height: 30px;}
.abocb_ms{ font-size: 1rem; line-height: 30px;}
.abocd_l{ font-size: 1rem; line-height: 30px; padding-bottom: 20px;}
.aboc_e li{ flex: 0 1 32%; padding: 20px;}
.aboce_ms{ font-size: 1rem; line-height: 28px;}
.aboc_f{ margin: 70px 0; font-size: 2.25rem;}
.aboc_d{ padding: 0;}
.aboce_bt{ font-size: 2rem;}
}
@media screen and (max-width:1020px){
.aboc_a dl dt span, .abocb_tit span{ font-size: 1rem;}
.abocd_l{ font-size: 0.875rem; line-height: 22px; padding-bottom: 15px; margin-right: 20px;}
.aboc_b{ padding-top: 50px;}
.aboc_c{ padding-top: 70px;}
.aboc_e li{ padding: 10px;}
.aboce_ms{ font-size: 0.9375rem; line-height: 22px;}
.aboc_f{ margin: 50px 0; font-size: 1.875rem;}
.aboce_wb{ flex: 0 1 58%;}
.aboce_bt{ font-size: 1.875rem;}
}
@media screen and (max-width:700px){
.about_bgc{ padding: 40px 0 50px 0;}
.aboc_a{ display: block; border-bottom: 2px solid #cfd1d0; padding-bottom: 20px;}
.aboc_a::before{ display: none;}
.aboc_a dl:nth-child(2){ margin-top: 20px; border-top: 2px solid #cfd1d0; padding-top: 40px;}
.aboc_a dl dt, .abocb_tit{ padding-bottom: 12px; font-size: 1.5rem;}
.aboc_a dl dt span, .abocb_tit span{ font-size: 1rem;}
.aboc_a dl dd{ font-size: 0.9375rem; line-height: 24px;}
.aboc_b{ display: block; padding-top: 40px;}
.abocb_l{width: 100%;}
.abocb_r{ margin-left: 0; padding: 20px 0;}
.abocb_r .abocb_tit{ padding-bottom: 12px;}
.abocb_ms{ font-size: 0.9375rem; line-height: 24px;}
.aboc_c{ padding-top: 30px;}
.abocc_tit{ font-size: 1.5rem; padding-bottom: 12px;}
.aboc_d{ flex-wrap: wrap;}
.abocd_l{ order: 1; flex: 0 1 100%; margin-right: 0; font-size: 0.9375rem; line-height: 24px;}
.abocd_r{ flex: 0 1 100%; margin-bottom: 10px;}
.aboc_f{ margin: 30px 0; font-size: 1.125rem;}
.aboc_e{ padding-top: 40px;}
.aboc_e li{ display: block; padding: 0; margin-bottom: 25px;}
.aboce_wb{ margin-top: 10px;}
.aboce_ms{ line-height: 24px; height: auto; margin: 10px 0;}
.aboce_bt{ display: flex; align-items: flex-end;}
.aboce_bt h3{ font-size: 1.5rem; line-height: 1em;}
.aboce_bt p{ font-size: 1.375rem; margin-left: 10px;}
}
/*about*/

/*fzlc*/
.fzlc_title{ text-align: center;}
.fzlc_title p{ font-size: 2.5rem; font-weight: bold; color: #cc000e;}
.fzlc_title span{ font-family: 'Dinr'; font-size: 1.25rem; color: #333;}
.fzlc{ border-bottom: 3px solid #696969; padding-bottom: 50px; position: relative; margin-top: 50px;}
.fzlc_fl{ margin: 0 auto; width: 84%;}
.fzlc_fl ul{ display: flex; justify-content: space-between;}
.fzlc_fl li{ height: 50px; line-height: 50px; background: #666; padding: 0 35px; color: #fff; font-family: 'Dinr'; font-size: 1.375rem; border-radius: 8px; cursor: pointer; transition: 0.5s;}
.fzlc_fl li:hover,.fzlc_fl li.on{ background: #cc000e;}
.fzlc_tab{ position: relative; margin-top: 50px;}
.fzlc_tab li{ display: flex; justify-content: space-between;}
.fzlc_l{ position: relative; flex: 0 1 45.385%;}
.fzlc_l img{ display: block; width: 100%;}
.fzlc_tit{ display: none;}
.fzlc_img img{ display: block; width: 100%;}
.fzlc_r{ flex: 1; margin-left: 40px; height: 395px; overflow-x: hidden;}
.fzlc_r dl{ margin-bottom: 20px;}
.fzlc_r dl dt{ font-size: 1.125rem; color: #333;}
.fzlc_r dl dd{ line-height: 28px; margin-top: 3px; color: #5a5a5a;}
.fzlc_jt a{ position: absolute; top: 0; font-family: 'Dinr'; height: 50px; line-height: 50px; font-size: 1.875rem; cursor: pointer;}
.fzlc_jt a.prev{ left: 0;}
.fzlc_jt a.next{ right: 0;}
@media screen and (max-width:1270px){
.fzlc_title p{ font-size: 2rem;}
.fzlc_title span{font-size: 1.125rem;}
.fzlc_fl{width: 88%;}
.fzlc_fl li{ padding: 0 25px; font-size: 1.25rem;}
.fzlc_r{height: 295px;}
.fzlc_r dl{ margin-bottom: 10px;}
.fzlc_r dl dd{ line-height: 24px;}
}
@media screen and (max-width:1020px){
.fzlc_fl li{ padding: 0; font-size: 1.125rem; margin: 0 5px; flex: 1; text-align: center;}
.fzlc_r{height: 220px;}
.fzlc_r dl{ margin-bottom: 10px;}
.fzlc_r dl dt{ font-size: 1rem;}
.fzlc_r dl dd{ line-height: 24px; font-size: 0.875rem; line-height: 22px;}
}
@media screen and (max-width:700px){
.fzlc_title p{ font-size: 1.5rem;}
.fzlc_title span{font-size: 1rem;}
.fzlc{ border-bottom: 2px solid #696969; padding-bottom: 15px; margin-top: 15px;}
.fzlc_fl{display: none;}
.fzlc_tab{ margin-top: 0px;}
.fzlc_tab li{ display: block;}
.fzlc_tit{ display: block; text-align: center; color: #e62129; font-size: 1.625rem; font-family: "Dinr"; line-height: 50px; height: 50px;}
.fzlc_r{ margin-left: 0px; max-height: 290px; height: auto; margin-top: 15px;}
.fzlc_r dl dd{ margin-top: 0;}
.fzlc_jt a{ font-size: 1.5rem; height: 50px; line-height: 50px; cursor: pointer;}
}
/*fzlc*/

/*contact*/
.cont{ display: flex; justify-content: space-between; align-items: flex-end;}
@media screen and (max-width:700px){
.cont{ display: block;}
}
/*contact*/

/*feedback*/
.book_title{ font-size: 1.125rem; color: #666; padding-bottom: 40px;}
.book_title h4{ font-size: 1.5rem; padding-bottom: 5px; color: #222;}
.book_top{ display: flex; justify-content: space-between;}
.book_l{ flex: 0 1 45%; display: flex; flex-wrap: wrap; align-content: space-between;}
.book_l input{ flex: 0 1 100%; box-sizing: border-box; border: 0; background: #f5f5f5; padding: 0 15px; height: 50px; font-size: 1rem; font-family:"Microsoft YaHei"; outline: none; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1); border-radius: 5px;}
.book_r{ flex: 0 1 53%;}
.book_r textarea{box-sizing: border-box; border: 0; background: #f5f5f5; width: 100%; padding: 15px;font-size: 1rem; font-family:"Microsoft YaHei"; line-height: 24px; height: 240px; outline: none; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1); border-radius: 5px;}
.book_bom{ display: flex; padding-top: 2%; justify-content: space-between;}
.bookb_l{ display: flex; align-items: flex-start;}
.bookb_l input{ width: 130px; box-sizing: border-box; border: 0; background: #f5f5f5; padding: 0 15px; height: 50px; font-size: 1rem; font-family:"Microsoft YaHei"; outline: none; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1); border-radius: 5px;}
.bookb_l img{ margin-left: 10px; border: 1px solid #ddd; padding: 9px 15px; border-radius: 8px; cursor: pointer;}
.bookb_r{ display: flex;}
.bookb_r input{ background: #cc000e; margin-left: 10px; border: none; outline: none; padding: 0; height: 50px; color: #fff; font-size: 1.125rem; width: 150px; border-radius: 8px; cursor: pointer;}
@media screen and (max-width:1020px){
.book_title{ font-size: 1rem; padding-bottom: 30px;}
}
@media screen and (max-width:700px){
.book_title{ font-size: 0.9375rem; padding-bottom: 20px;}
.book_top{ display: block;}
.book_l input{ margin-bottom: 10px; height: 42px; font-size: 0.9375rem;}
.book_r textarea{ font-size: 0.9375rem; line-height: 24px; height: 96px;}
.book_bom{ display: block;}
.bookb_l input{height: 42px; font-size: 0.9375rem;}
.bookb_l img{ padding: 5px 15px;}
.bookb_r{ padding-top: 10px;}
.bookb_r input{ margin-left: 0; margin-right: 10px; font-size: 1rem; height: 42px; width: 100px;}
}
/*feedback*/

/*other*/
.honor_nr li{ float: left; width: 24%; margin-right: 1.333%; padding-bottom: 40px;}
.honor_nr li:nth-child(4n){ margin-right: 0;}
.honor_pic{ overflow: hidden; position: relative; border: 1px solid #ddd;}
.honor_pic img{ display: block; width: 100%; transition: 0.5s;}
.honor_nr li:hover .honor_pic img{ transform: scale(1.05);}
.honor_mc{ text-align: center; height: 55px; line-height: 55px; font-size: 1rem; overflow: hidden;}
@media screen and (max-width:1270px){
.honor_mc{height: 45px; line-height: 45px; font-size: 0.9375rem;}
}
@media screen and (max-width:1020px){
.honor_nr li{width: 32%; margin-right: 0%; padding-bottom: 30px;}
.honor_nr li:nth-child(3n-1){ margin: 0 2%;}
}
@media screen and (max-width:700px){
.honor_nr li{width: 49%; padding-bottom: 20px;}
.honor_nr li:nth-child(3n-1){ margin: 0;}
.honor_nr li:nth-child(2n){ float: right;}
}
/*other*/

/*news*/
.news_nr li{position: relative; margin-bottom: 40px;}
.news_nr li::after{ content: ''; width: 60%; height: 100%; background: #fff; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15); border-radius: 10px; position: absolute; right: 0; top: 0; opacity: 0; transition: 0.5s;}
.news_nr li:hover::after{width: 80%; opacity: 1;}
.news_nr li a{ padding: 30px 0; display: flex; position: relative; z-index: 9;}
.news_rq{ font-size: 1rem; font-family: 'Dinr'; color: #949494; transition: 0.5s;}
.news_rq p{ font-size: 3.75rem; color: #262626; line-height: 1em;}
.news_r{ flex: 1; margin-left: 55px; display: flex; align-items: center;}
.news_pic{ overflow: hidden; flex: 0 1 22%; border-radius: 10px;}
.news_pic img{ display: block; width: 100%; transition: 0.5s;}
.news_nr li:hover .news_pic img{ transform: scale(1.05);}
.news_wb{ flex: 1; margin-left: 50px; margin-right: 80px;}
.news_mc{ color: #000; font-size: 1.875rem; line-height: 30px; height: 30px; overflow: hidden; position: relative; transition: 0.5s;}
.news_ms{ margin-top: 20px; font-size: 1rem; color: #666; line-height: 24px; height: 48px; overflow: hidden; transition: 0.5s;}
.news_more{ height: 55px; line-height: 55px; position: relative; color: #898989; transition: 0.5s;}
.news_nr li:hover .news_mc{ color: #cc000e;}
.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; font-size:0.9125rem; line-height:26px; }
.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:1270px){
.news_nr li{margin-bottom: 20px;}
.news_nr li a{ padding: 15px 0;}
.news_rq p{ font-size: 3rem;}
.news_pic{flex: 0 1 24%;}
.news_wb{margin-left: 30px; margin-right: 40px;}
.news_mc{font-size: 1.5rem; line-height: 30px; height: 30px;}
.news_ms{ margin-top: 10px; font-size: 0.9375rem;}
}
@media screen and (max-width:1020px){
.news_nr li{margin-bottom: 10px;}
.news_nr li a{ padding: 10px 0;}
.news_rq p{ font-size: 2.5rem;}
.news_pic{flex: 0 1 28%;}
.news_wb{margin-left: 20px; margin-right: 20px;}
.news_mc{font-size: 1.25rem;}
.news_ms{ margin-top: 8px; font-size: 0.875rem; line-height: 22px; height: 44px;}
.news_more{ height: 40px; line-height: 40px; font-size: 0.875rem; margin-top: 10px;}
}
@media screen and (max-width:700px){
.news_nr li::after{ border-radius: 5px;}
.news_nr li a{ padding: 7px 0;}
.news_rq{ display: none;}
.news_r{ margin-left: 0; padding-right: 2%;}
.news_wb{margin-left: 10px; margin-right: 0px;}
.news_mc{font-size: 0.9375rem; line-height: 24px; height: 24px;}
.news_ms{ margin-top: 3px; font-size: 0.8125rem; line-height: 18px; height: 36px;}
.news_more{ display: none;}
.newsshow_title{font-size:1.125rem; line-height:24px; }
.newsshow_title p{ font-size:0.75rem; padding-top:3px;}
.newsshow_wnnr{font-size:0.875rem; line-height:24px; }
.xgnews-tit{font-size:1.125rem; line-height:40px; height:40px;}
.xgnews-con li{ width:95%;}
}
/*news*/

/*product*/
.pro_title{ line-height: 60px; color: #fff; font-size: 1.875rem; padding-left: 25px;}
.promain{ padding: 50px 0 100px 0; width: 100%; position: relative;}

.pmenu{ position: absolute; left: 0; top: 147px;}
.pmenu li{ position: relative; margin-bottom: 7px; background: #f7f7f7; border-radius: 0 24px 24px 0;}
.pmenu li a{ display: block; border-radius: 0 24px 24px 0; color: #000; height: 46px; line-height: 46px; border: 1px solid #dcdcdc; border-left: none; width: 203px; text-indent: 28px; position: relative; z-index: 9;}
.pmenu li::after{ content: ''; width: 5px; height: 5px; border: 2px solid #000; border-radius: 50%; position: absolute; left: 13px; top: 50%; margin-top: -5px; transform: scale(0); transition: 0.5s;}
.pmenu li:hover::after,.pmenu li.cur::after{ transform: scale(1); transition: 0.5s;}

.pro_kj{ border-bottom: 1px solid #d8d8d8;}
.probtgd{ display: flex; padding: 35px 0; justify-content: space-between; align-items: center;}
.probtgd h2{ font-size: 1.875rem; color: #b10000; font-weight: bold; line-height: 1em;}
.probtgd a{ color: #262626; font-size: 1.125rem; transition: 0.5s;}
.probtgd a:hover{ color: #b10000;}
.pro_nr ul{ display: flex; flex-wrap: wrap;}
.pro_nr li{flex: 0 1 24%; position: relative; margin-bottom: 40px; overflow: hidden; margin-right: 1.333%; transition: 0.5s;}
.pro_nr li:nth-child(4n){ margin-right: 0;}
.pro_i i{ background: #ffe100; position: absolute; z-index: 9; transition: 0.5s;}
.pro_i i:nth-child(1){ width: 2px; height: 0; left: 0; top: 0;}
.pro_i i:nth-child(2){ width: 0; height: 2px; left: 0; top: 0;}
.pro_i i:nth-child(3){ width: 2px; height: 0; right: 0; bottom: 0;}
.pro_i i:nth-child(4){ width: 0; height: 2px; right: 0; bottom: 0;}
.pro_nr li:hover .pro_i i:nth-child(1),.pro_nr li:hover .pro_i i:nth-child(3){ height: 100%; transition: 0.5s;}
.pro_nr li:hover .pro_i i:nth-child(2),.pro_nr li:hover .pro_i i:nth-child(4){ width: 100%; transition: 0.5s;}
.pro_nr li a{ display: block; border: 2px solid #e5e5e5; transition: 0.5s;}
.pro_pic{ overflow: hidden;}
.pro_pic img{ display: block; width: 100%; transition: 0.5s;}
.pro_nr li:hover .pro_pic img{ transform: scale(1.05);}
.pro_mc{ text-align: center; color: #262626; font-size: 1.125rem; height: 36px; line-height: 36px; margin-bottom: 8px;}
.pro_more{ border-top: 1px solid #e5e5e5; height: 52px; line-height: 52px; padding: 0 4%; color: #7f7f7f; position: relative; transition: 0.5s;}
.pro_more p{ position: relative; z-index: 9;}
.pro_more::after{ content: ''; width: 23px; height: 100%; background: url(../images/pro_jt.png) no-repeat center; position: absolute; right: 4%; top: 0; opacity: 0.5; transition: 0.5s;}
.pro_more::before{ content: ''; width: 100%; height: calc(0% + 0px); position: absolute; left: 0; bottom: 0; background: #ffe100; transition: 0.5s;}
.pro_nr li:hover .pro_more::before{height: calc(100% + 1px);}
.pro_nr li:hover .pro_more{ color: #000;}
.pro_nr li:hover .pro_more::after{ opacity: 1;}
@media screen and (max-width:1680px){
.pmenu li a{width: 183px; text-indent: 28px;}
}
@media screen and (max-width:1600px){
.pmenu li a{width: 143px; text-indent: 10px;}
}
@media screen and (max-width:1580px){
.pmenu{ position: relative; left: auto; top: auto; margin: 0 auto; max-width: 1300px; width: 96%;}
.pmenu ul{ display: flex; justify-content: space-between;}
.pmenu li{ margin-bottom: 0px; border-radius: 24px; flex: 0 1 13%; text-align: center;}
.pmenu li a{width: auto; text-indent: 0px; border-radius: 24px;}
.pmenu li::before{ width: 100%; border-radius: 24px; transform: scale(0);}
.pmenu li:hover::before,.pmenu li.cur::before{ transform: scale(1);}
.pmenu li::after{ display: none;}
}
@media screen and (max-width:1270px){
.pmenu li{ flex: 0 1 14%;}
}
@media screen and (max-width:1020px){
.pro_title{font-size: 1.5rem;}
.promain{ padding: 15px 0 80px 0;}
.pmenu{ width: 100%; overflow: hidden; margin-bottom: 30px;}
.pmenu ul{ display: block;}
.pmenu li{float: left; background: none;}
.pmenu li a{ margin: 0 5px; padding: 0 20px; height: 40px; line-height: 40px;}
.pmenu li::before{ width: calc(100% - 10px); left: 5px;}
.pmenu li:hover::before,.pmenu li.cur::before{width: calc(100% - 10px);}
.probtgd{ padding: 35px 0 20px 0;}
.pro_kj:nth-child(1) .probtgd{ padding: 0px 0 20px 0;}
.probtgd h2{ font-size: 1.5rem;}
.probtgd a{ font-size: 1rem;}
.pro_nr li a{ border: 1px solid #e5e5e5;}
.pro_mc{font-size: 1rem; height: 30px; line-height: 30px; margin-bottom: 2px;}
.pro_more{ height: 42px; line-height: 42px; font-size: 0.875rem;}
.pro_more::after{ background-size: auto 10px;}
}
@media screen and (max-width:700px){
.pro_title{ line-height: 45px; font-size: 1.25rem;}
.promain{ padding: 15px 0 50px 0;}
.probtgd{ padding: 35px 0 20px 0;}
.probtgd h2{ font-size: 1.25rem;}
.probtgd a{ font-size: 0.875rem;}
.pro_nr li{ flex: 0 1 49%; margin-right: 0; margin-bottom: 20px;}
.pro_nr li:nth-child(2n){ margin-left: 2%;}
}

.spro_top{ background: #fff; margin-top: 30px; border: 2px solid #ececec; display: flex; justify-content: space-between; padding: 29px 0;}
.sproa_l{ flex: 0 1 47.069%;}
.sproa_l img{ display: block; width: 100%;}
.sproa_r{ flex: 1; border-left: 1px solid #cacaca; padding-left: 50px; padding-top: 30px;}
.sproa_bt{ border-bottom: 1px solid #e2e2e2; padding-bottom: 15px;}
.sproa_bt h1{ color: #000; font-size: 2.25rem; font-weight: bold;}
.sproa_bt p{ font-size: 1.5rem; color: #6e6e6e;}
.sproa_ms{ padding: 30px 0 40px 0; border-bottom: 1px solid #cacaca; color: #4f4f4f; line-height: 30px;}
.sproa_tel{ padding-top: 35px;}
.sproa_tel p{ color: #4f4f4f;}
.sproa_tel span{ font-size: 3rem; color: #d20005; font-family: 'Dinstd';}
.sproa_lx{ display: flex; padding-top: 28px;}
.sproa_lx a{ display: block; width: 160px; height: 50px; text-align: center; line-height: 50px; border-radius: 25px; transition: 0.5s;}
.sproa_lx a:hover{ box-shadow: 1px 3px 1px rgba(0, 0, 0, 1);}
.sproa_lx a:nth-child(1){ background: #d20005; color: #fff;}
.sproa_lx a:nth-child(2){ background: #ffe100; color: #000; margin-left: 33px;}

.spro_bom{ margin-top: 2%; display: flex; justify-content: space-between; align-items: flex-start;}
.sprob_l{ background: #fff; box-sizing: border-box; border: 2px solid #ececec; flex: 0 1 310px; padding: 0 20px 20px 20px;}
.cnxh_tit{ height: 75px; position: relative; line-height: 75px; text-align: center; font-size: 1.5rem; color: #000;}
.cnxh_tit p{ position: relative; z-index: 9; display: inline-block; padding: 0 14px; background: #fff;}
.cnxh_tit::before{ content: ''; width: 100%; height: 1px; background: #e6e6e6; position: absolute; left: 0; top: 50%;}
.cnxh_nr li{ margin-bottom: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:#d20005; color:#fff; transition:0.5s;}

.sprob_r{ flex: 1; margin-left: 2%; box-sizing: border-box; padding: 0 28px 50px 28px;}
.sprob_tit{ line-height: 74px; border-bottom: 1px solid #ddd; font-size: 1.5rem; color: #000;}
.sprob_nr{ font-size: 1rem; color: #5a5a5a; line-height: 1.625em;}
.sprob_nr img{ max-width: 100%;}
.showcp_an{ display: flex; justify-content: space-between; padding-top: 30px;}
.showcp_an a{background: #d20005; color: #fff; padding: 7px 25px; border-radius: 5px; transition: 0.5s;}
.showcp_an a:hover{ box-shadow: 1px 3px 1px rgba(0, 0, 0, 1);}
@media screen and (max-width:1270px){
.sproa_r{padding-left: 30px; padding-top: 5px; margin-right: 2%;}
.sproa_bt{padding-bottom: 10px;}
.sproa_bt h1{ font-size: 1.875rem;}
.sproa_bt p{ font-size: 1.25rem;}
.sproa_ms{ padding: 15px 0 20px 0; line-height: 28px;}
.sproa_tel{ padding-top: 20px;}
.sproa_tel span{ font-size: 2.5rem;}
.sprob_l{ flex: 0 1 250px;}
.cnxh_tit{ line-height: 55px; height: 55px; font-size: 1.375rem;}
.sprob_tit{ line-height: 54px; height: 54px; font-size: 1.375rem;}
}
@media screen and (max-width:1020px){
.sproa_bt h1{ font-size: 1.5rem;}
.sproa_bt p{ font-size: 1.125rem;}
.sproa_ms{ line-height: 26px;}
.sproa_tel{ padding-top: 15px;}
.sproa_tel span{ line-height: 1em;}
.sproa_lx{ padding-top: 18px;}
.sproa_lx a{ width: 140px; height: 46px; line-height: 46px;}
.sproa_lx a:nth-child(2){ margin-left: 13px;}
.spro_bom{ flex-wrap: wrap;}
.sprob_l{order: 1; flex: 0 1 100%; box-sizing: border-box; margin-top: 2%;}
.cnxh_nr ul{ display: flex;}
.cnxh_nr li{ flex: 0 1 24%; margin-right: 1.333%;}
.cnxh_nr li:nth-child(4n){ margin-right: 0;}
.sprob_r{flex: 0 1 100%; box-sizing: border-box; margin-left: 0;}
}
@media screen and (max-width:700px){
.spro_top{margin-top: 20px;  display: block; padding: 0 0 20px 0;}
.sproa_r{ border-left: none; padding: 2%; margin-right: 0;}
.sproa_ms{ font-size: 0.9375rem; line-height: 24px;}
.sproa_tel span{ font-size: 2.25rem;}
.sproa_lx a{ width: 100px; height: 36px; line-height: 36px; font-size: 0.9375rem;}
.sprob_r{ padding: 0 2% 30px 2%;}
.bt{ font-size: 1.5rem !important;}
.xq p{ font-size: 0.9375rem !important; line-height: 1.625em !important;}
.xq .cs ul li{ font-size: 0.9375rem !important; width: 47%!important;}
.rz .zi{ width: 100% !important; float: none;}
.rz .zi p{ font-size: 0.9375rem !important; line-height: 1.625em !important;}
.rz .tu{ width: 100% !important; float: none;}
.sprob_l{ padding: 0 2% 20px 2%;}
.cnxh_nr ul{ justify-content: space-between; flex-wrap: wrap;}
.cnxh_nr li{ margin-right: 0; flex: 0 1 49%;}
}
/*内页style结束*/

.fswzj{ display:none;}@media(max-width:767px){.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#c1262c;}.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #d43a3f;}.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 #d43a3f;}.fswzj ul li.on a{ border-left:none;}.fnav_pic{ width:24%; margin:0 auto;}.fnav_pic img{ width:100%;}.fnav_wb{font-size:0.8125rem; padding-top:2px;}footer{ padding:20px 0 120px 0;}}

/*导航样式*/
@media screen and (max-width:1020px){
.sp_nav{width:60px;float:right;position:relative;cursor: pointer; height:60px; background:#c1262c; display: block; padding:10px;}
.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(193,38,44,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>li{ float:none; width:auto; 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>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 i{ display:block; position:absolute;top:5px;right:0px; border-left:1px solid rgba(255,255,255,0.1); height:24px;padding: 7px 10px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li em{ display:none;}
.sjj_nav ul li{border-top: 1px solid rgba(255,255,255,0.1); margin-left:10px; position:relative; line-height:40px; font-size:14px;}
.sjj_nav>ul>li:last-child{border-bottom:1px solid rgba(255,255,255,0.1);}
.sjj_nav ul li i svg{width:24px;height:24px; fill:#fff;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#ffe100;}
.sjj_nav>ul>li>ul>li>a{ text-align: left;}
}
@media screen and (max-width:700px){
.sp_header{height:50px;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px; height:50px; padding:0px;}
.sp_nav i{ font-size:0.8125rem; bottom:6px;}
.sp_nav span{ width:50%; left:25%;}
.sp_nav span:nth-of-type(1){top:10px}
.sp_nav span:nth-of-type(2){top:20px}
.sp_nav_se span:nth-of-type(1){top:13px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){top:13px;transform:rotate(-45deg)}
.sjj_nav{top:50px; width:55%;}
.nav_show{top:50px;}
.sjj_nav>ul>li>a{ font-size:0.9375rem; height:44px; line-height:44px;}
.sjj_nav ul li i{height:20px;padding: 7px 10px;}
.sjj_nav ul li i svg{width:20px;height:20px;}
.sjj_nav>ul>li>ul>li>a{ font-size: 0.875rem; line-height: 40px; height: 40px;}
}

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