@charset "utf-8";
@import url("common.css");
.h_d{position: fixed;width: 100%;left: 0;top: 0;right: 0;z-index: 1000;}
.idx_hd{background: #fff;border-bottom: 1px solid #fff;}
.hd_hr{position: relative;height:90px;background: #fff;box-shadow: 0 0 15px #ddd;}
.hd_hr:hover{background: #fff;}
.logo{margin:-3px 20% 0 0;width:283px;}
.logo:hover{transform: translate(0,-5px);}
.logo a{width:100%;display: block;}
.logo img{width: 100%;}
.hd_center{height: 100%; align-items: center;}
.hd_top{margin-left: 3%;}
.hd_top .phone i{width: 25px;height: 25px;display: inline-block;float: left;margin: 6px 6px 0 0;}
.hd_top .phone i img{width: 100%;}
.hd_top .phone span{font-size:32px;font-style:italic;font-family: 'Sakkal Majalla';font-weight: bold;}

.nav_lis{left: 0;overflow: hidden;
transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out 0s;}
.nav_lis ul{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.nav_lis ul li{ float: left;color: #282828;transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s;text-align: center;position: relative;line-height:90px;flex: 1;font-size: 15px;}
.nav_lis ul li a{height: 100%;display:inline-block;color: #282828;position: relative;font-size: 18px;}
.nav_lis ul li a:after{content: '';position: absolute;width:0;height: 2px;background: #970009;left: 0;right: 0;bottom: 0;margin: auto;opacity: 0;visibility: hidden;}
.nav_lis ul li:hover a:after,
.nav_lis ul li.nav_select a:after{width: 100%;opacity: 1;visibility: visible;}
.nav_lis ul li:hover a,
.nav_lis ul li.nav_select a,
.nav_lis ul li.nav_active a{color: #970009;}

.nav_bg {position: absolute;left:0;top:100%;width: 100%;height:0;background:rgba(255,255,255,.8);
transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;z-index: 555;opacity:0;visibility: hidden;}
.nav_bg.show{opacity: 1;visibility: visible;height:278px;}
.nav_bg:after{width: 28%;height: 100%;content: '';position: absolute;background: rgba(0,0,0,.5);top: 0;left: 0;bottom: 0;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);}
.nav_down {position: absolute;left:-50%;top:100%;height:0;z-index: 999;width:200%;padding-top:35px;opacity:0;visibility: hidden;transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;overflow: hidden;}
.nav_down.show {opacity: 1;visibility: visible;height:278px;}

.nav_down .downlis {font-size: 14px;text-indent: 5px; height: 0;overflow: hidden;}
.nav_down .downlis.show {/*transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out 0s;*/height: 100%;}
.nav_down .downlis ul li a { margin: 0 20px;}
.nav_down .downlis ul li a:hover {color: #f00;}

.downlis .nav_left{width:27%;padding-top:10px;}
.downlis .nav_left p{font-family: 'arial';text-transform: uppercase;font-size:.4rem;color:rgba(255,255,255,.8);font-family: 'biad_logo';font-weight: bold;}
.downlis .nav_left h1{padding-bottom:20%;position:relative;font-size: .3rem;font-weight: bold;color:rgba(255,255,255,1);}
.downlis .nav_left h1:after{content: '';position: absolute;width: 40px;height: 3px;background: rgba(255,255,255,.6);left: 8px;bottom: 0;}
.downlis .nav_left .nav_more{display: inline-block;padding:10px 30px;border: 1px solid #970009;color: #970009;margin: 60px 0 0 8px;}
.downlis .nav_left .nav_more:hover{background: #970009;color: #fff;}
.downlis .down_dd{}
.downlis .down_dd dl dd{display: inline-block;font-size:18px;width: 33.333%;float: left;padding-right: 10%;}
.downlis .down_dd dl dd a{display: block;padding: 10px 0;position: relative;}
.downlis .down_dd dl dd a:before{content: '>';position: absolute;font-family: '宋体';right:3%;color: #9e9e9e;font-size: 18px;top:13px;font-weight: bold;}
.downlis .down_dd dl dd a:after{content: '';position: absolute;width:0;height: 1px;background: #970009;left: 0;right: 0;bottom: 0;margin: auto;}
.downlis .down_dd dl dd a:hover:after{width: 100%;}
.downlis .down_dd dl dd a:hover:before{color: #970009;right:0;}
.downlis .nav_img{width:20%;overflow: hidden;margin-top:15px;border-radius: 6px;}
.downlis .nav_img img{width: 100%;border-radius: 6px;}
.downlis .nav_img:hover img{transform: scale(1.05);}

.hd_fixed{position: fixed;height:90px;box-shadow: 0 0 10px #ccc;}
.hd_fixed .logo{width: 480px;margin-top:22px;}
.hd_fixed #hd_nav .nav_lis ul li{line-height:90px;}
.hd_fixed .search{line-height:90px;}
.hd_fixed .search .sch_box{top:90px;}


.downlis .down_dd dl dd a:after,
.downlis .down_dd dl dd a:before,
.downlis .nav_img img,
.nav_lis ul li a:after,
.ban_box .ban_pic img,
.right_lis ul li .vxin,
.right_lis ul li a,
.logo{transition: ease .5s;-webkit-transition: ease .5s;-moz-transition: ease .5s;-o-transition: ease .5s;-ms-transition: ease .5s;}

.search{margin-left: 5%;position: relative;text-align: right;width: 42px;
height: 42px;}
.search i{position: absolute;width:100%;height:33px;left: 0;top: 0;right: 0;bottom: 0;margin: auto;cursor: pointer;font-size: 28px;background: #fff;}
.search i.iconyuyinguanbi{display: none;color: #e6222a;}
.sch_box{width:100%;padding:20px;position: absolute;left:0;top:90px;z-index: 99;background: #f5f5f5;display: none;}
.sch_box .sch_ipt{height:60px;padding: 0 20px;outline:none;font-size: 16px;}
.sch_box .sch_btn{width:120px;height:60px;background: #970009;color: #fff;line-height:60px;color: #fff;cursor: pointer;cursor:pointer;font-size: 16px;transition: ease .3s;}
.sch_box .sch_btn:hover{background: #181818;}

/*banner*/
.ban_box{margin: auto;height:100vh;padding-top: 90px;}
#banner{width:100%;height: 100%;}
#banner .swiper-wrapper .swiper-slide a{width: 100%;height: 100%;display: block;}
#banner .swiper-wrapper .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
#banner .swiper-button-prev, 
#banner .swiper-container-rtl .swiper-button-next {
    background: url(../images/ban_pre.png) no-repeat;
left:30px;right: auto;}
#banner .swiper-button-next, 
#banner .swiper-container-rtl .swiper-button-prev {
    background: url(../images/ban_nex.png) no-repeat;
right:30px;left: auto;}
#banner .swiper-button-next, 
#banner .swiper-button-prev {position: absolute;top: 50%;
width:0;height:40px;margin-top: -22px;z-index: 10;cursor: pointer;background-size:40px 40px;
background-position: center;background-repeat: no-repeat;transition: ease .3s;opacity:0;transform: scale(0);display: block !important;}
#banner:hover .swiper-button-next, 
#banner:hover .swiper-button-prev{width:40px;opacity:.8;transform: scale(1);}
#ban_pgt .swiper-pagination-bullet{width:30px;height:4px;display: inline-block;border-radius: 0;background: rgba(255,255,255,1);position: relative;margin: 0;}
#ban_pgt .swiper-pagination-bullet-active{background:#970009;position: relative;border-radius: 2px;}

.ban_con{left: 0;top: 0;}
.ban_con .w14{height: 100%;display: flex;flex-direction: column;justify-content: center;/*font-family: '隶书';*/padding:1rem 0 0 2rem;}
.ban_con .com_name{font-size:.5rem;font-weight: bold;/*text-shadow:#fff 2px 2px 1px;color: #970009;*/margin-top: -3rem;color: #fff;}
.ban_con .ban_text{margin-top: .3rem;}
.ban_con .ban_text .main_text{padding: 15px 150px 15px 0;display: inline-block;font-size: .2rem;font-weight: bold;
/*color: #333;text-shadow:#fff 1px 1px 1px;*/font-family: '宋体';color: #fff;}

.ban_con .ban_text .main_text p{padding: 5px 0;}
.ban_con .more{margin-top: 1.5rem;}
.ban_con .more span{display: inline-block;padding: 10px 50px;font-size: 18px;background: #ff9000;border-radius: 30px;color: #fff;}
.ban_con .more span:hover{padding: 10px 60px;background: #1577be;}

.ban_pic{position:relative;z-index:0;width:100%;height: 100%;background-repeat:no-repeat;background-size:cover;background-position:center center;-webkit-animation-fill-mode: both; animation-fill-mode: both;}
.ban_pic::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=0);z-index: 1;}
.ban_box .swiper-slide-active .ban_pic{-webkit-animation: scaleBigToSmall 10s; animation: scaleBigToSmall 10s;}

.ban_box .swiper-slide-active .ban_con .com_name{opacity: .5; -webkit-animation: fadeInUp 1.5s; animation: fadeInUp 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.ban_box .swiper-slide-active .ban_con .ban_text{-webkit-animation: fadeInUp 1.5s; animation: fadeInUp 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;animation-delay:.5s;}
.ban_box .swiper-slide-active .ban_con .more span{-webkit-animation: zoomIn 1.5s; animation: zoomIn 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;animation-delay:1s;}

.right_lis{margin-left: .2rem;}
.right_lis ul li{display: inline-block;margin-left: .08rem;position: relative;float: left;}
.right_lis ul li a{display: flex;width: 38px;height: 38px;background: #ff5000;border-radius:50px;color: #fff;align-items: center;justify-content: center;}
.right_lis ul li:nth-child(2) a{background:#c81522;}
.right_lis ul li:nth-child(3) a{background:#16923a;}
.right_lis ul li span.iconjingdong-copy{font-size: 20px;}
.right_lis ul li a em{line-height: 38px;display: inline-block;}
.right_lis ul li a span{font-size: 24px;}
.right_lis ul li .vxin{width: 140px;left:-43px;top:38px;position: absolute;height: 140px;transform: translate(0,20px);opacity: 0;visibility: hidden;}
.right_lis ul li:hover .vxin{transform: translate(0,10px);opacity:1;visibility: visible;}
.right_lis ul li:hover a{background: #ee9d00;}



.header_search{padding: .1rem 0;background: #f8f8f8;}
.buzzword{text-overflow: initial;}
.search_tanx{align-items: center;}
.header_search .search_right{width: 340px;height: 44px;border: 1px solid #cfcfcf;border-radius: 8px;margin-left: .3rem;overflow: hidden;}
.header_search .search_right .idx_ipt{height: 42px;padding: 0 .1rem;outline: none;font-size: 16px;}
.header_search .search_right .idx_btn{width:66px;height: 42px;font-size: 16px;}
.buzzword span{color: #970009;}
.buzzword a{color: #666;display: inline-block;margin-right: .2rem;}
.buzzword a:hover{color: #970009;}
.c_n{min-height:3rem;}


.pd50{padding: .5rem 0;}
.idx_title{text-align: center;}
.idx_title h1{font-size: 30px;font-weight: bold;}
.idx_title p{color: #666;margin-top:.15rem;}


#product_swiper{padding: 20px;}
.swiper_cent{position: relative;}
.swiper_cent .next,
.swiper_cent .prev{position: absolute; z-index: 20; top:50%; width: 50px; height:80px; margin-top: -40px;opacity: .5;border-radius:2px;border: 1px solid rgba(255,255,255,.5);text-align: center;line-height:80px;box-shadow: 0 0 5px #999;}
.swiper_cent .prev{left: -80px;}
.swiper_cent .next{right: -80px;}
.swiper_cent .swiper-button-disabled{ display: none ;}
.swiper_cent .next:hover,
.swiper_cent .prev:hover{opacity: 1;background: #970009;color: #fff;box-shadow: none;}
.swiper_cent .swiper-slide{ width: 100%;}
.swiper_cent .next i,
.swiper_cent .prev i{font-size:24px;}
.cursor{cursor: pointer;}
.pic_link{ text-align: center;width: 100%;display: block;box-shadow: 0 0 10px #ddd;}
.pic_link .item_pic{width:100%; height:3.5rem;background: #fff;overflow: hidden;position: relative;margin: auto;padding:.2rem .2rem;}
.pic_link .item_pic .item_img{overflow: hidden;}
.pic_link .item_pic .item_img img{width: 100%;height: 100%;object-fit: contain;}
.pic_link .item_title{background: #f6f7f9;height:58px;line-height: 58px;}
.pic_link .item_title h1{font-size:18px;}
.pic_link .item_title p{margin-top: 15px;color: #666;}
.pic_link:hover .item_pic .item_img img{transform: scale(1.05);}
.pic_link .item_pic .item_img img,
.pic_link,
.h_pics,
.pic_link .item_title,
.swiper_cent .next,
.swiper_cent .prev,
.about_left a .abt_left_top i,
.about_left a:after,
.about_left a:before,
.about_lis ul li a,
.abt_video .video_i,
.about_lis ul li .history_com:before{transition: ease .4s;-webkit-transition: ease .4s;-moz-transition: ease .4s;-o-transition: ease .4s;-ms-transition: ease .4s;}
 .mask-white{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.2); content:''; -webkit-transition:-webkit-transform .6s; 
    transition:transform .6s; -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0) }
.pic_link .item_pic:hover .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}
.pic_link .type{display: inline-block;font-size: 18px;background: #970009;border-radius: 0 6px 6px 0;color: #fff;left: 0;top: 0;padding: 6px 20px;}
.pic_link:hover{transform: translate(0,-6px);box-shadow: 0 0 15px #ddd;}
.pic_link:hover .item_title{background: #970009;color: #fff;}
.mg-top{margin-top: .4rem;}


.idx_about{background: url(../images/abt_bg.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;}
.idx_about .idx_title h1{color: #fff;}
.idx_about .idx_title p{color: rgba(255,255,255,.8);}

.sz_gd{overflow: hidden;}
.idx_about .sz_gd{margin: .6rem auto .6rem;overflow: hidden;}
.sz_gd ul li{width: 25%;display: inline-block;float: left;position: relative;}
.sz_gd ul li p{display: inline-block;font-size:48px;color: #970009;font-family: 'arial';margin-right: 10px;font-weight: bold;}
.sz_gd ul li span{font-size: 16px;color:rgba(255,255,255,.5);}
.sz_gd ul li h1{margin-top:10px;font-size:24px;color:rgba(255,255,255,1);}

.about_left{width: 30%;height: 506px;background: #fff;margin-right: 20px;/*-webkit-animation: fadeInLeft 1.5s; animation: fadeInLeft 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;*/}
.about_left a{padding: .2rem .3rem;}
.about_left a .abt_left_top{text-align: center;margin-top: .3rem;}
.about_left a .abt_left_top i{font-size:100px;color: #970009;display: inline-block;}
.about_left a .abt_left_top .com_title{font-size: 24px;margin-top: 10px;}
.about_left a .com_txt{margin-top: .5rem;line-height:30px;color: #666;}
.about_left a .read_more{text-align: center;margin-top:.8rem;}
.about_left a .read_more span{display: inline-block;background: #970009;color: #fff;padding: .15rem .5rem;border-radius: 4px;}
.about_left a:hover .read_more span{background: #670006;}
.about_left a:hover i{transform: translate(0,-10px);}
.about_left a:hover .com_txt{color: #333;}
.about_left a:after,
.about_left a:before{content: '';position: absolute;width:0;height:0;left: 0;top: 0;right: 0;bottom: 0;margin: auto;opacity:0;visibility: hidden;}
.about_left a:after{width:96%;height:50%; border-top: 1px solid rgba(151,0,9,.5);border-bottom: 1px solid rgba(151,0,9,.5);}
.about_left a:before{width:50%;height:96%;border-left: 1px solid rgba(151,0,9,.5);border-right: 1px solid rgba(151,0,9,.5);}
.about_left a:hover:after{height: 96%;opacity: 1;visibility: visible;}
.about_left a:hover:before{width: 96%;opacity: 1;visibility: visible;}

.about_lis ul{margin: 0 -7px;}
.about_lis ul li{width: 50%;float: left;padding: 0 7px;margin-bottom:14px;/*-webkit-animation: fadeInLeft 1.5s; animation: fadeInLeft 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;animation-delay:1s;*/}

.about_lis ul li a{overflow: hidden;}
.about_lis ul li:nth-child(1),
.about_lis ul li:nth-child(2){height: 220px;}
.about_lis ul li:nth-child(3),
.about_lis ul li:nth-child(4){height: 270px;}
.about_lis ul li .abt_md,
.about_lis ul li .history_com{left: 0;top: 0;}
.about_lis ul li .history_com{background: #970009;}
.about_lis ul li img{object-fit: cover;}
.pd20{padding: .2rem;}

.about_lis ul li .abt_md{color: #fff;}
.about_lis ul li .abt_md h1{font-size: 24px;}
.about_lis ul li .abt_md p{margin-top: 20px;line-height:30px;}
.about_lis ul li .abt_md span{display: inline-block;padding: .06rem .25rem;background: #fff;color: #970009;margin-top:33px;font-size: 14px;}

.about_lis ul li .history_com{text-align: center;color: #fff;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.about_lis ul li .history_com:before{content: '';position: absolute;width: 90%;height:80%;border: 1px solid rgba(255,255,255,.5);left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.about_lis ul li .history_com .his_top{font-size: 24px;}
.about_lis ul li .history_com .his_top span{font-family: arial;font-size: 70px;font-weight: bold;}
.about_lis ul li .history_com .his_txt{margin-top: 50px;}
.about_lis ul li a:hover{transform:scale(1.02);z-index: 5;box-shadow: 0 0 20px #333;}
.about_lis ul li a:hover .history_com:before{width:99%;height:99%;border: 1px solid rgba(255,255,255,1);}
.abt_video .video_i{width: 50px;height: 50px; position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;background: rgba(0,0,0,.5);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.abt_video .abt_pic,
.abt_video .video_i:after{width: 100%;height: 100%;}
.abt_video .video_i i{font-size:30px;color:rgba(255,255,255,.8);display: inline-block;position: relative;z-index: 2;/*animation: rolin 17s linear infinite;*/margin-left:3px;}
.abt_video .video_i:hover{transform: scale(1.1);}

.video-pop {position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);
width: 100%;height: 100%;/*background-color: #000000;*/z-index: 1888;background: rgba(0,0,0,.8);
opacity: 0;visibility: hidden;transition: all 0.5s;}
.video-pop .video-close {position: fixed;top: 9%;right: 7%;width: 34px;height: 34px;border-radius: 50%;
cursor: pointer;z-index: 5;background-color: rgba(255, 255, 255, 0.5);
text-align: center;line-height: 34px;}
.video-pop .video-close .lvfaweb {color: #fff;}
.video-pop .video-close:hover {background-color: #dc2108;text-align: center;color: #fff;}
.video-pop .video-con {position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);
width: 1px;height: 1px;object-fit: contain;outline: none;z-index: 4;transition: all 0.5s;}
.video-pop.video-open {width: 100%;height: 100%;opacity: 1;visibility: visible;}
.video-pop.video-open .video-con {width: 80%;height: 80%;}


.idx_new{background: #f7f7f7;}
.new_lis{margin:.5rem -10px 0;}
.new_lis ul li{width: 33.3333%;float: left;padding: 0 10px;}
.new_lis ul li a{padding: .1rem;}
.new_lis ul li a .date{font-size: 24px;color: #970009;}
.new_lis ul li a .new_pic{height: 3rem;width: 100%;overflow: hidden;margin-top: .1rem;}
.new_lis ul li a .new_pic img{object-fit: cover;}
.new_lis ul li a .new_foot{height:125px;background: #fff;padding:.2rem .1rem;}
.new_lis ul li a .new_foot h1{font-size:20px;}
.new_lis ul li a .new_foot p{font-size: 16px;color: #666;margin-top: .15rem;line-height: 22px;}
.new_lis ul li a:hover{transform: translate(0,-5px);box-shadow: 0 0 15px #ddd;background: #fff;}
.new_lis ul li a:hover .new_pic img{transform: scale(1.05);}
.read_more{text-align: center;margin-top: .3rem;}
.read_more a{display: inline-block;padding: .1rem .4rem;border: 1px solid #970009;color: #970009;border-radius: 6px;}
.read_more a:hover{background: #970009;color: #fff;}

.new_lis ul li a,
.new_lis ul li a .date,
.new_lis ul li a .new_pic img,
.read_more a,
.hd_page .page_con .page_menu a:before{transition: ease .4s;-webkit-transition: ease .4s;-moz-transition: ease .4s;-o-transition: ease .4s;-ms-transition: ease .4s;}

.dot{padding:.6rem 0;background:url(../images/d_bg.jpg) no-repeat center center;background-size: cover;}
.dot .idx_title{text-align: left;}
.dot_con .read_more{text-align: left;margin-top: 1rem;}
.dot_con .read_more a{background: #970009;color: #fff;}
.dot_con .read_more a:hover{background: #720a10;}


.f_t .ft_hr{padding:.4rem 0 .3rem;background: #282828;}
/*.ft_lis{width:45%;}*/
.ft_lis ul{display: flex;}
.ft_lis ul li{width:33.333%;display: inline-block;color: #fff;}
.ft_lis ul li h1{font-size:20px;margin-bottom:10px;color: #bebebe;}
.ft_lis ul li dl dd{line-height: 30px;}
.ft_lis ul li dl dd a{color:rgba(255,255,255,.5);}
.ft_lis ul li dl dd a:hover{color:rgba(255,255,255,.8);}

.f_t .ft_hr .tanx{align-items:initial;}

.ft_phone{margin-right: 10%;}
.ft_phone h1{font-size:20px;color: #bebebe;margin-bottom:10px;}
.ft_phone p{color: rgba(255,255,255, .5);margin-bottom: 10px;}
.ft_vx{max-width:122px;text-align: center;color: rgba(255,255,255, .5);margin-left:4%;}
.ft_vx p{margin-top:15%;}
.ft_vx img{width: 100%;}
.f_t .ft_bt{text-align: center;padding: 20px 0;background: #202020;color: rgba(255,255,255, .5);}
.f_t .ft_bt a{color: rgba(255,255,255, .5);display: inline-block;margin-left: .2rem;}
.f_t .ft_bt a img{margin-left: 10px;}
.margin-right{margin-right: .2rem;}
.f_t .ft_bt a:hover{color: rgba(255,255,255,.8);}

.md_right_lis{right:110px;top: 27px;}


.c_n .product .business_menu{margin:.4rem 0 .2rem;text-align: center;}
.c_n .product .business_menu ul li{display: inline-block;margin:0 .1rem .1rem 0;position: relative;}
.c_n .product .business_menu ul li a{display:flex;padding:0 .23rem;text-align: center;position: relative;border-radius:.06rem;background: #f8f8f8;border: 1px solid #d9d9d9;line-height: 40px;align-items: center;}
.c_n .product .business_menu ul li a:hover,
.c_n .product .business_menu ul li.active a{background: #970009;color: #fff;border: 1px solid #970009}


@media (max-width:1440px) {
.nav_down{width: 100%;left: 0;}
.nav_bg:after {width: 24%;}
.logo {margin: -3px 2% 0 0;}


}


.h_hr{display: none;}
@media (max-width:1023px) {
.h_line{height: 90px;}
.logo{margin:0 15% 0 0;transition: ease .3s;}
.hd_hr{display: none;}
.h_hr{display: block;}
.logo1{margin:16px 0 0 36px;width: 283px;transition: ease .3s;}
.logo1 a{width: 100%;height: 100%;display: block;}
.logo1 img{width: 100%;}
.h_hr{height:90px;position: fixed;top: 0;left: 0;right: 0;z-index: 1000;background: #fff;box-shadow: 0 0 10px #ddd;}
.height2e{height: 90px;}
.h_hr .menu,
.h_hr .menu_2{padding:25px 28px;position: absolute;right:30px;top:15px;}
.h_hr .menu_2{display: none;}
.h_hr .menu_2 span:before{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg);top:0;}
.h_hr .menu_2 span:after{ transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg);top:0;}

.pull_down {display: none;background: #ededed;}
.pull_down ul {position: relative;height: 100%;background: #fff;z-index: 101;padding-bottom:20px;}
.pull_down ul li{line-height:50px;border-bottom: 1px solid #f0f0f0;}
.pull_down ul li a {width: 100%;font-size:20px;display: block;}
.pull_down ul li .nav_dlis{display: none;line-height:30px;border-top:1px solid #f5f5f5;border-radius: .06rem;}
.pull_down ul li .nav_dlis a{display: block;width: auto;padding:0 20px;font-size:16px;color: #666;line-height:50px;border-bottom: 1px solid #f0f0f0;}
.pull_down ul li .nav_dlis a:last-child{border-bottom: none;}
.pull_down ul li a span{float: right;font-family: '宋体';display: inline-block;font-size:26px;margin-right:15px;transition: ease .5s;}
.pull_down ul li:hover .nav_dlis a{color: #666;}
.pull_down ul li a:hover span{transform: rotate(0);color: #d08c2e;}
.pull_down ul li:hover a,
.pull_down ul li .nav_dlis a:hover{color: #d08c2e;}
.pull_down ul li a.mobile_nav{color: #d08c2e;}
.pull_down ul li a.mobile_nav span{transform: rotate(-180deg);color: #d08c2e;}
.shade {max-width:100%;height: 100%;position: fixed;z-index: 99;background: rgba(0, 0, 0, 0.5);display: none;left: 0;right: 0;margin: auto;}

.pad_lf40 {padding:0 30px;}
.h_hr .menu span,
.h_hr .menu span:before,
.h_hr .menu span:after,
.h_hr .menu_2 span:before,
.h_hr .menu_2 span:after{position: absolute;display: block;width:40px;height:3px;top: 60%; left:10%; cursor: pointer;content: '';background-color: #970009;border-radius: 1px;-webkit-transition: all .4s cubic-bezier(0.19,1,.22,1);-o-transition: all .4s cubic-bezier(0.19,1,.22,1);-moz-transition: all .4s cubic-bezier(0.19,1,.22,1);transition: all .4s cubic-bezier(0.19,1,.22,1);border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.h_hr .menu span:before{ top:-12px;left:0%;}
.h_hr .menu span:after{ top:12px;left:0%;}

.ban_con .com_name{font-size: .4rem;}
.ban_con .ban_text .main_text p{font-size: 16px;}
.ban_con .more span{padding: 5px 30px;font-size: 14px;}
.ban_con .more{margin-top: .6rem;}
.nav_img{display: none;}

.new_lis ul li a .new_pic{height: 2.5rem;}


}




@media (max-width:768px) {
.logo1 {margin:.25rem 0 0 .2rem;width:2.8rem;}
.h_hr {width: 100%;position: fixed;top: 0;height: 1.1rem;}
.height2e,
.h_line{height: 1.1rem;}
.h_hr .menu,
.h_hr .menu_2{padding:.29rem .3rem;right:.2rem;top:.19rem;}
.h_hr .menu_2{right: 0.2rem;}

.pull_down {top:1.1rem;position: absolute;width: 100%;}
.pull_down ul {padding-bottom:.2rem;}
.pull_down ul li{line-height:.8rem;}
.pull_down ul li a {width: 100%;font-size:.26rem;}
.pull_down ul li .nav_dlis{line-height:.7rem;border-radius: .06rem;}
.pull_down ul li .nav_dlis a{padding:0 .3rem;font-size:.24rem;line-height:.7rem;display: inline-block;border-bottom:none;}
.pull_down ul li a span{font-size:.26rem;margin-right:.15rem;}

.pad_lf40 {padding:0 .2rem;}
.h_hr .menu span,
.h_hr .menu span:before,
.h_hr .menu span:after,
.h_hr .menu_2 span:before,
.h_hr .menu_2 span:after{width:.45rem;height:.04rem;top: 60%; left:10%;border-radius:.02rem;-webkit-border-radius:.02rem;-moz-border-radius:.02rem;}
.h_hr .menu span:before{ top:-.15rem;left:0%;}
.h_hr .menu span:after{ top:.15rem;left:0%;}
.pull_down ul li .nav_dlis a:before {width:.06rem;height:.06rem;
border: 1px solid #ddd;left:.02rem;top:0;bottom: 0;margin: auto;}

.ban_con .com_name{font-size: .36rem;}
.ban_con .ban_text .main_text{padding:.1rem .2rem .1rem 0;}
.ban_box{height:3rem;margin-top: 1.1rem;padding-top: 0;}
.ban_con .more{margin-top: .5rem;}
.ban_con .more span{font-size: .24rem;}

#banner .swiper-button-prev, 
#banner .swiper-container-rtl .swiper-button-next {left:.3rem;background-size: cover;}
#banner .swiper-button-next, 
#banner .swiper-container-rtl .swiper-button-prev {right:.3rem;background-size: cover;}
#banner .swiper-button-next, 
#banner .swiper-button-prev {height:.4rem;margin-top: -.22rem;background-size:.4rem .4rem;}
#banner:hover .swiper-button-next, 
#banner:hover .swiper-button-prev{width:.4rem;}
#ban_pgt{bottom:.2rem;}
#ban_pgt .swiper-pagination-bullet{width:.1rem;height:.1rem;margin: 0 .13rem;}
#ban_pgt .swiper-pagination-bullet-active{border:.01rem solid #fff;}
#ban_pgt .swiper-pagination-bullet-active:after{width: .24rem;height:.24rem;border:.01rem solid #fff;}

.search_tanx{display: block;}
.buzzword{white-space:normal;} 
.search_tanx{font-size: .24rem;}
.buzzword a{margin-bottom: .1rem;}
.header_search .search_right{width: 100%;margin:.2rem 0;height: .6rem;}
.header_search .search_right .idx_ipt {height:.56rem;padding: 0 0.1rem;font-size:.24rem;}
.header_search .search_right .idx_btn {width:1.5rem;height:.56rem;font-size:.26rem;}


.pd50{padding: .4rem 0;}
.idx_title h1{font-size:.36rem;}
.idx_title p{margin-top:.2rem;}
.w14 {max-width:100%;padding: 0 .25rem;}
#product_swiper{padding:.2rem 0;}
.swiper_cent .next,
.swiper_cent .prev{width:.5rem; height:.8rem; margin-top: -.4rem;border-radius:.02rem;border:.01rem solid rgba(255,255,255,.5);line-height:.8rem;box-shadow: 0 0 .05rem #999;}
.swiper_cent .prev{left:0;}
.swiper_cent .next{right:0;}

.swiper_cent .next i,
.swiper_cent .prev i{font-size:.24rem;}
.pic_link{box-shadow: 0 0 .1rem #ddd;}
.pic_link .item_pic{height:2.5rem;padding:.2rem .2rem;}
.pic_link .item_title{height:.7rem;line-height:.7rem;}
.pic_link .item_title h1{font-size:.26rem;}
.pic_link .type{font-size:.24rem;border-radius: 0 .1rem .1rem 0;padding:.06rem .2rem;}
.pic_link:hover{box-shadow: 0 0 .15rem #ddd;}

.mg-top{margin-top: .4rem;}

.new_lis {margin: 0.3rem -.1rem 0;}
.new_lis ul li{width: 50%;padding:0 .1rem;margin-bottom: .2rem;}
.new_lis ul li a{background: #fff;box-shadow: 0 0 .15rem #eee;}
.new_lis ul li a .new_pic{height:1.8rem;}
.new_lis ul li a .date{font-size: .24rem;}
.new_lis ul li a .new_foot{height:1.3rem;padding: 0.1rem 0.1rem;}
.new_lis ul li a .new_foot h1{font-size: .26rem;}
.new_lis ul li a .new_foot p{font-size: .24rem;line-height: .3rem;}
.read_more a {padding: 0.1rem 0.4rem;border:.01rem solid #970009;border-radius:.1rem;font-size: .24rem;}
.dot_con{padding-left: 0;}
.dot_con .read_more{margin-top: .5rem;}


.about_con{display: block;}
.about_left{width: 100%;height: auto;margin-top: .3rem;}

.about_left a .abt_left_top{margin-top: .2rem;}
.about_left a .abt_left_top i{font-size:1rem;}
.about_left a .abt_left_top .com_title{font-size:.3rem;margin-top:.1rem;}
.about_left a .com_txt{margin-top: .3rem;line-height:.4rem;font-size: .24rem;}
.about_left a{padding: .2rem .2rem .5rem;}
.about_left a .read_more{margin-top:.5rem;}
.about_left a .read_more span{padding: .15rem .5rem;border-radius:.04rem;}
.about_left a:hover i{transform: translate(0,-.1rem);}
.about_left a:hover .com_txt{color: #333;}
.about_left a:after{width:96%;height:50%; border-top:.01rem solid rgba(151,0,9,.5);border-bottom: .01rem solid rgba(151,0,9,.5);}
.about_left a:before{width:50%;height:96%;border-left:.01rem solid rgba(151,0,9,.5);border-right:.01rem solid rgba(151,0,9,.5);}
.about_left a:hover:after{height: 96%;}
.about_left a:hover:before{width: 96%;}

.about_lis{margin-top: .2rem;}
.about_lis ul{margin: 0 -.1rem;}
.about_lis ul li{width: 50%;float: left;padding: 0 .1rem;margin-bottom:.2rem;}
.about_lis ul li:nth-child(1),
.about_lis ul li:nth-child(2){height:2.7rem;}
.about_lis ul li:nth-child(3),
.about_lis ul li:nth-child(4){height:3rem;}
.pd20{padding: .2rem;}

.about_lis ul li .abt_md h1{font-size:.28rem;}
.about_lis ul li .abt_md p{margin-top:.2rem;line-height:.4rem;font-size: .24rem;}
.about_lis ul li .abt_md span{padding: .06rem .25rem;margin-top:.33rem;font-size:.24rem;display: none;}

.about_lis ul li .history_com:before{width: 90%;height:80%;border: .01rem solid rgba(255,255,255,.5);}
.about_lis ul li .history_com .his_top{font-size:.24rem;}
.about_lis ul li .history_com .his_top span{font-size:.7rem;}
.about_lis ul li .history_com .his_txt{margin-top:.5rem;font-size: .24rem;}
.about_lis ul li a:hover{box-shadow: 0 0 .2rem #333;}
.about_lis ul li a:hover .history_com:before{width:99%;height:99%;border:.01rem solid rgba(255,255,255,1);}
.abt_video .video_i{width:.5rem;height:.5rem;}
.abt_video .video_i i{font-size:.3rem;margin-left:.03rem;}


.abt_video .video_i{width: .5rem;height: .5rem;}
.abt_video .video_i i{font-size: .5rem;}
.idx_about .idx_title p{font-size: .24rem;}
.sz_gd{margin: .5rem auto .2rem;}
.sz_gd ul li{width: 25%;display: inline-block;float: left;position: relative;}
.sz_gd ul li p{font-size:.38rem;margin-right:.05rem;}
.sz_gd ul li span{font-size:.2rem;}
.sz_gd ul li h1{margin-top:.15rem;font-size: .22rem;}
.ft_vx,
.ft_lis{display: none;}


.ft_phone{margin-right:0;float: none;}
.ft_phone h1{font-size:.3rem;margin-bottom:.2rem;}
.ft_phone p{margin-bottom:.1rem;font-size: .24rem;}
.f_t .ft_bt{padding:.2rem 0;font-size: .24rem;}
.f_t .ft_bt a{margin-left: .2rem;}
.f_t .ft_bt a img{margin-left:.1rem;}
.margin-right{margin-right: .2rem;}
.f_t .ft_bt .fr,
.f_t .ft_bt .fl{float: none;}
.ban_con .ban_text{margin-top:0;}


}

.pics_swiper{max-width: 790px;margin:.2rem auto;}
 

.pics_swiper .swiper-button-next, 
.pics_swiper .swiper-button-prev {
position: absolute;top: 50%; width:28px;height:50px;margin-top: -25px;z-index: 10;
cursor: pointer;background-size: 28px 50px; background-position: center;background-repeat: no-repeat;}
.pics_swiper .swiper-button-next, .pics_swiper .swiper-container-rtl .swiper-button-prev {
background: none;right:0;left: auto;}
.pics_swiper .swiper-button-prev, .pics_swiper .swiper-container-rtl .swiper-button-next {
background: none;left:0;right: auto;}
.pics_swiper .swiper-button-next span, 
.pics_swiper .swiper-button-prev span{width: 100%;height: 50px;background: rgba(0,0,0,.5);font-size: 24px;color: #fff;text-align: center;line-height: 50px;font-family: '宋体';display: inline-block;}

.detail_big_title{max-width: 790px;border-bottom: 1px solid #eee;margin: auto;}
.detail_big_title h1{display: inline-block;line-height: 40px;padding: 0 .3rem;background: #970009;font-size: 24px;font-weight: bold;color: #fff;border-radius: 8px 8px 0 0;}

.return_top{width: 40px;height: 40px;border-radius: 50%;position: fixed;bottom: 4%;right: 20px;text-align: center;display: flex;align-items: center;flex-direction: column;justify-content: center; background: #970009;z-index: 999;cursor: pointer;font-size: 12px;line-height: 13px;text-transform: uppercase;color: #fff;box-shadow: 0 0 5px #fff;}
.return_top span{font-size: 12px;}

@media (max-width: 768px) {
.return_top{width:.5rem;height:.5rem;bottom:1rem;right:.2rem;font-size: .2rem;line-height:.2rem;}
.return_top span{font-size:.16rem;}

.ban_con .w14{padding:3rem 0 0 .6rem;}
.ban_con .ban_text .main_text p{font-size: .24rem;padding: .05rem 0;}
.md_right_lis{right:1rem;top:.32rem;font-size: .24rem;}
.right_lis ul li a{width: .5rem;height: .5rem;}
.right_lis ul li a span{font-size: .3rem;}
.right_lis ul li a em{line-height: .5rem;}	
.header_search {padding: .3rem 0;}

.c_n .product .business_menu{padding:.13rem 0 .15rem 0;}
.c_n .product .business_menu ul li{margin:.08rem 0.1rem .08rem 0;}
.c_n .product .business_menu ul li a{line-height: .5rem;padding: 0 .2rem;}


}