/* CSS Document */
/*transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;*/
@font-face{
    font-family: 'Bodoni';
    src:url(../fonts/BodoniStd-Italic.otf);
}
@font-face{
    font-family: 'Poppins';
    src:url(../fonts/Poppins-SemiBold.ttf);
}
@font-face{
    font-family: 'Lato';
    src:url(../fonts/LATO-LIGHT.WOFF.TTF);
}
@font-face{
    font-family: 'Playfair';
    src:url(../fonts/PlayfairDisplay-Regular.ttf);
}
@font-face{
    font-family: 'Sans';
	src:url(../fonts/OpenSans-Regular.ttf);
}
@font-face{
    font-family: 'Raleway';
    src:url(../fonts/Raleway-400-Regular.otf);
}



body,div,ul,li,h1,h2,h3,h4,h5,p,table,td,tr,p,dl,dt,dd{ padding:0; margin:0; list-style:none;}
body{ font-family:"微软雅黑"; font-size:14px; color:#262626;}
a{ color:#666; text-decoration:none;transition: .6s;}
a:hover{}
img{ border:0;}
.clear:after{content:""; display:block; clear:both;}
.fl-1,.fl-2,.fl-3,.fl-4,.fl-5,.fl-6,.fl-7,.fl-8,.fl-9,.fl-10,.fl-11,.fl-12{float:left;box-sizing:border-box; padding-left:25px; padding-right:25px;}
.fr-1,.fr-2,.fr-3,.fr-4,.fr-5,.fr-6,.fr-7,.fr-8,.fr-9,.fr-10,.fr-11,.fr-12{float:right;box-sizing:border-box; padding-left:25px; padding-right:25px;}
.fl-1,.fr-1{width:calc(100%/12);}
.fl-2,.fr-2{width:calc(100%/12*2);}
.fl-3,.fr-3{width:calc(100%/12*3);}
.fl-4,.fr-4{width:calc(100%/12*4);}
.fl-5,.fr-5{width:calc(100%/12*5);}
.fl-6,.fr-6{width:calc(100%/12*6);}
.fl-7,.fr-7{width:calc(100%/12*7);}
.fl-8,.fr-8{width:calc(100%/12*8);}
.fl-9,.fr-9{width:calc(100%/12*9);}
.fl-10,.fr-10{width:calc(100%/12*10);}
.fl-11,.fr-11{width:calc(100%/12*11);}
.fl-12,.fr-12{width:calc(100%/12*12);}
.pad10{padding-top: 10px;padding-bottom: 10px;}.pad20{padding-top: 20px;padding-bottom: 20px;}.pad30{padding-top: 30px;padding-bottom: 30px;}.pad40{padding-top: 40px;padding-bottom: 40px;}.pad50{padding-top: 50px;padding-bottom: 50px;}.pad60{padding-top: 60px;padding-bottom: 60px;}.pad70{padding-top: 70px;padding-bottom: 70px;}
.padt10{padding-top: 10px;}.padt20{padding-top: 20px;}.padt30{padding-top: 30px;}.padt40{padding-top: 40px;}.padt50{padding-top: 50px;}.padt60{padding-top: 60px;}.padt70{padding-top: 70px;}
.padb10{padding-top: 10px;}.padb20{padding-top: 20px;}.padb30{padding-top: 30px;}.padb40{padding-top: 40px;}.padb50{padding-top: 50px;}.padb60{padding-top: 60px;}.padb70{padding-top: 70px;}
.swiper-slide img{ max-width:100%;}
img{max-width: 100%; vertical-align: middle;}
.wid{ width:1240px; margin:0 auto;}
.wid:after{ content:""; display:block; clear:both;}
.mid_h2{font-size:26px; line-height:36px;color:#242e35; margin-bottom: 20px; padding-top: 15px;}
.mid_h3{ font-size:18px; line-height:28px; margin-bottom:10px;color:#333; padding-top: 20px;}
.mid_h4{ font-size:14px; line-height:26px; margin-bottom:10px;color:#333;}
.mid_text p{ font-size:14px; color:#7e7e7e; line-height:26px; margin-bottom:10px;}
.mid_flex{display: flex; align-items: center;flex-wrap:wrap;}

.top{border-bottom: solid 1px #dedede;}
.top_left{float: right; line-height:26px; font-size: 13px; color: #7e7e7e;}
.top_left span{margin-right: 15px;}
.top_left .language a{display:inline-block;margin-right:10px;}
.top_left .language a img{margin-right:5px;}
.top_left i{line-height:26px; margin-right: 5px; color: #a40102;}
.top_left a{color: #7e7e7e;}
.top_left a:hover{color: #A40102; text-decoration: underline;}
.header{padding: 15px 0;}
.logo{float: left;}
.logo img{max-height: 60px;}
.nav{float: right; padding: 15px 0;}
.nav li{position: relative; display: inline-block; margin: 0 20px;}
.nav li>a{position: relative; display: block; padding: 0px 0px 10px; line-height: 20px; color: #222; font-size: 15px; font-weight: bold;}
.nav li>a:after{content: ""; position: absolute;left: 0; top: 100%; width: 0; height: 2px; background: #A40102; transition: .6s;}
.nav li .erji{position: absolute; left: 0; top:calc(100% + 2px); background: #A40102; padding: 15px; white-space: nowrap; display: none; z-index: 2000;}
.nav li .erji a{display: block; padding: 0 15px; line-height: 26px; font-size: 13px; color: #fff; margin: 2px 0; border-radius: 50px;}
.nav li .erji a:hover{background: #fff; color: #A40102;}
.nav li>a.act{color: #A40102;}
.nav li>a.act:after{width: 100%;}
.nav li:hover>a{color: #A40102;}
.nav li:hover>a:after{width: 100%;}

.banner .swiper-pagination{bottom: 25px;}
.banner .swiper-pagination-bullet{width: 30px; height: 6px; border-radius: 0; opacity: .5; background: #fff;}
.banner .swiper-pagination-bullet-active{background: #A40102;opacity: 1;}
.ban_bg{position: absolute; left: 0; top: 0; bottom: 0; width: 50%; background: rgba(255,255,255,.7); padding-right: 25px; box-sizing: border-box;}
.ban_text{position: absolute; right: 50%;top: 0; z-index: 1000; padding: 9% 20px 0 16%; box-sizing: border-box; transform: translateX(-200px); opacity: 0; transition: .6s;}
.ban_text h2{ color: #fff; font-size: 36px; line-height: 46px; font-weight: normal;}
.ban_text .xian{width: 80px; height: 6px; background: #A40102; margin: 15px 0 20px;}
.ban_text p{font-size: 18px; line-height: 36px; color: #fff;}
.ban_text a{display: inline-block; padding: 5px 20px; line-height: 24px; background: #A40102; color: #fff; margin-top: 25px;}
.ban_text a:hover{background: #e40e0f;}

.banin .ban_text{transform: translate(0); opacity: 1;}

.home_title{font-size: 36px; text-align:center; line-height: 46px; font-weight: normal;}
.home_xian{ text-align: center; color: #A40102; font-size: 22px; margin: 10px 0 15px;}
.home_xian:before{ content: ""; width: 50px; height: 3px; background: #A40102; display: inline-block; margin:0 13px 5px 0;}
.home_xian:after{ content: ""; width: 50px; height: 3px; background: #A40102; display: inline-block; margin: 0 0 5px 13px;}
.home_des{max-width: 800px; padding: 0 10px; text-align: center; color: #7e7e7e; margin: 0 auto; line-height: 26px; font-size: 14px;}

.home_pro{padding: 70px 0;}
.home_pro_nav{padding: 45px 0 15px;}
.home_pro_nav a{display: inline-block; padding: 5px 15px; line-height: 28px; font-size: 16px; border: 1px solid #ccc; color: #222; margin-right: 10px;}
.home_pro_nav a.act{background: #A40102; color: #fff; border: 1px solid #A40102;}
.home_pro_nav a:hover{background: #A40102; color: #fff; border: 1px solid #A40102;}
.home_pro_nav a.more{background: #222; color: #fff; border: 1px solid #222; float: right;}
.home_pro_nav a.more:hover{background: none; color: #222;}

.home_pro_cont{display: none;}
.home_pro_cont.show{display: block;animation: show .8s linear;}
.home_pro_box{float: left; width: 25%; border: 1px #CCCCCC solid; box-sizing: border-box;}
.home_pro_box .pic{position: relative;}
.home_pro_box .pic span{position: absolute; top: 0; left: 0; display: flex;align-items: center;justify-content: center; width: 100%; height: 100%; background: rgba(0,0,0,.5); opacity: 0; transition: .6s;}
.home_pro_box .pic span i{color: #ccc; font-size: 50px;}
.home_pro_box .text{width: 70%; margin: 0 auto; border-top: 1px dashed #ccc; text-align: center; padding: 15px 0;}
.home_pro_box .text h4 a{color: #000;}
.home_pro_box .text .more{ display: inline-block; margin-top: 25px; padding: 2px 15px; line-height: 22px; font-size: 12px; border: 2px solid #bfbfbf;}
.home_pro_box:hover .pic span{opacity: 1;}
.home_pro_box:hover .text .more{background: #A40102; color: #fff; border: 2px solid #A40102;}
.home_pro_box:hover h4 a{color: #A40102;}

.home_com_bg{padding: 70px 0; background:url(../images/home_com.jpg) no-repeat; overflow: hidden;}
.home_com{padding: 30px 20px; background: #fff; border: 1px solid #ebebeb;}
.home_com_left{float: left; width: 50%;}
.home_com_left h2{font-size: 30px;line-height: 40px;}
.home_com_left .xian{width: 60px; height: 5px; background: #A40102; margin: 10px 0 15px;}
.home_com_left h3{font-size: 18px; line-height: 28px; margin-bottom: 10px;}
.home_com_left p{color: #7e7e7e; line-height: 30px; margin-bottom: 10px; text-indent: 2em;}
.home_com_left a{display: inline-block; padding: 5px 20px; line-height: 24px; background: #A40102; color: #fff; margin-top: 25px;}
.home_com_left a:hover{background: #e40e0f;}
.home_com_right{float: right; width: 50%; padding: 0 0 0 30px; box-sizing: border-box;}

.home_com_adv{ margin-top: 50px; padding-left: 50px;}
.home_com_adv dl{float: left; width:calc(100%/3);}
.home_com_adv dt{float: left; font-size: 50px; color: #aaa; width: 60px; text-align: center; padding-top: 10px;}
.home_com_adv dd{padding-left: 70px;}
.home_com_adv dd span{ line-height: 22px;}
.home_com_adv dd b{color: #A40102; font-size: 40px;}

.home_adv{padding: 120px 0; background: url(../images/home_capa_bg.jpg) no-repeat center; overflow: hidden;}
.home_adv_box{float: left; width: 32%; margin-right: 2%; background: #fff; padding: 20px; box-sizing: border-box;}
.home_adv_box:nth-child(3n){margin-right: 0;}
.home_adv_box .title{font-size: 24px; line-height: 34px; margin: 10px 0;}
.home_adv_box .des{font-size: 14px; line-height: 26px; color: #7e7e7e; height: 125px; text-indent: 2em;}
.home_adv_box .an{text-align: center;}
.home_adv_box .an a{display: inline-block; font-size: 12px; color: #000; line-height: 28px; padding: 0 15px; border-radius: 3px;border: 1px solid transparent;}
.home_adv_box .an a:hover{border: 1px solid #A40102; color: #A40102;}

.home_news{padding: 70px 0;}
.home_news_box{float: left; width: 50%; margin-top: 20px; padding:10px 15px 10px; border:1px solid transparent; box-sizing: border-box; transition: .6s;}
.home_news_pic{float:left; width: 30%; height: 120px; text-align: center;}
.home_news_pic img{width: 100%; height: 120px; object-fit: cover;}
.home_news_text{ padding-left: 32%;}
.home_news_text h4{font-size: 20px; line-height: 30px; margin-bottom: 10px;white-space: nowrap;overflow:hidden; text-overflow:ellipsis;}
.home_news_text h4 a{color: #222;}
.home_news_text h4 a:hover{color: #A40102;}
.home_news_text p{font-size: 14px; color: #7e7e7e; line-height: 25px; height: 50px; overflow: hidden;}
.home_news_time{color: #7e7e7e; margin-top: 8px; font-size: 12px; text-align: right;}
.home_news_box:hover{background: #f2f2f2; border: 1px solid #A40102;}

.foot{padding: 35px 0; background: #252525;}
.foot h3{font-size: 20px; color: #fff; margin-bottom: 10px; line-height: 34px;}
.foot a{display: block; color: #9b9b9b; line-height: 34px;}
.foot a:hover{color: #fff;}
.foot_pro a{width: 50%; float: left;line-height: 28px;}
.foot_pro a i{ margin-right: 8px; height: 14px; width: 14px; margin-top: 7px; line-height:14px; text-align: center; font-size: 12px; font-weight: bold; background: #666; vertical-align: top;color: #949fb2; transition: .6s;}
.foot_pro a:hover i{color: #A40102; background: #fff;}
.foot_contact i{width: 20px; text-align: center;}
.copy{background: #151616; color: #9b9b9b; text-align: center; line-height: 24px; padding: 10px;}

.nybanner{position: relative;}
.mid_title{position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); color: #fff;}
.mid_title span{display: inline-block; padding: 35px 50px; background: #A40102; font-size: 36px; font-weight: normal;}
.mid_pos{ position: absolute; bottom: 0;right: 0; text-align:center; color:#fff;}
.mid_pos ul{ display:inline-block;padding:5px 20px; background: rgba(0,0,0,.6);}
.mid_pos li{ display:inline-block;}
.mid_pos li a{ color:#fff; display:block; line-height:24px;}
.mid_pos li a:hover{ text-decoration:underline;}

.mid{padding: 20px 0 70px;}
.mid_nav{position: relative; text-align: right; padding: 0px 0 25px 250px; box-sizing: border-box; z-index: 100;}
.mid_nav a{display: inline-block; padding: 5px 15px; line-height: 23px; border: 1px solid #ddd; margin-left: 10px;margin-bottom:10px;}
.mid_nav a.act{background: #A40102; color: #fff;border: 1px solid #A40102;}
.mid_nav a:hover{background: #A40102; color: #fff;border: 1px solid #A40102;}

.about_adv{margin:50px 0; padding:50px 0; background:#f2f2f2;}
.about_adv dl{padding-left:50px; box-sizing:border-box;}

.prolist_des{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #ddd;}
.prolist_des .pic{float: left; max-width: 500px; margin-right: 25px;}
.prolist_des .pic img{border: 1px solid #eee; box-sizing: border-box;}
.prolist_des .text{color: #7e7e7e; line-height: 24px;}
.prolist_des .text b{color: #000; font-size: 15px;}
.prolist_des .text p{margin-bottom: 5px;}

.prolist{}
.prolist:after{ content:""; display:block; clear:both;}
.prolist dl{ width:25%; padding:0 1%; box-sizing:border-box; text-align:center; overflow:hidden; float:left;margin-bottom:15px;}
.prolist dl dt{ position:relative;}
.prolist dl dt img{ max-width:100%; vertical-align:middle;border:1px #ebebeb solid; box-sizing:border-box;}
.prolist dl dt span{ position:absolute; left:0; top:0; width:100%; height:100%; display:block; background:#ccc;background:rgba(193,44,32,0.2); opacity:0;transition:320ms;}
.prolist dl dt span:before{ content:"";width:100%;height:0;border-left:3px solid #c12c20;border-right:3px solid #c12c20;box-sizing:border-box;position:absolute;left:0;top:0;transition:320ms;}
.prolist dl dt span:after{ content:"";width:0;height:100%;border-top:3px solid #c12c20;border-bottom:3px solid #c12c20;box-sizing:border-box;position:absolute;left:0;top:0;transition:320ms;}
.prolist dl:hover span{ opacity:1;transition:320ms;}
.prolist dl:hover dt span:before{ height:100%; transition:330ms 200ms;}
.prolist dl:hover dt span:after{ width:100%; transition:330ms 200ms;}
.prolist dl dt span b{ position:absolute; left:50%; top:50%; margin:-23px 0 0 -23px; width:46px; height:46px; display:block; z-index:10;}
.prolist dl dt span b:before{ position:absolute; left:0; top:23px; content:"";width:100%;height:1px; background:#c12c20;transform:translateX(-200px);}
.prolist dl dt span b:after{ position:absolute; left:23px; top:0; content:"";width:1px;height:100%; background:#c12c20;transform:translateY(-200px);}
.prolist dl:hover dt span b:before{ transform:translateX(0); transition:355ms 180ms;}
.prolist dl:hover dt span b:after{ transform:translateY(0); transition:355ms 180ms;}
.prolist dl dd{ font-size:16px; padding:9px 0 19px; font-weight:bold;line-height:22px; overflow:hidden;}
.prolist dl:hover dd{ color:#c12c20;}

.procont_title{text-align: center; font-size: 36px; line-height: 46px; margin:10px 0 25px;}
.procont_pic{text-align: center;}
.procont_pic img{ width: 100%; max-width: 600px; border: 1px solid #eee; box-sizing: border-box;}
.procont_cont{padding: 20px 0;}

.contact_send{float: left; width: 60%; border: 1px solid #ddd; padding: 25px 20px; box-sizing: border-box;}
.contact_send_left{float: left; width: 49%;}
.contact_send_right{float: right; width: 49%;}
.contact_send h2{font-size: 22px; text-align: center; margin-bottom: 25px;}
.contact_send input{ width: 100%; line-height: 30px; border: 1px solid #ddd; margin-bottom: 15px; color: #7e7e7e; padding: 0 5px; box-sizing: border-box;}
.contact_send textarea{width: 100%; height: 215px; border: 1px solid #ddd; line-height: 24px; font-family: "微软雅黑"; box-sizing: border-box;}
.contact_send a{display: block; background: #A40102; color: #fff; text-align: center; padding: 5px 0; line-height: 22px;padding: 5px 0;}
.contact_send a:hover{background: #E42C2D;}
.contact_info{float: left; width: 38%; margin-left: 2%; border: 6px solid #f2f2f2; padding:25px; box-sizing: border-box;}
.contact_info h2{border-bottom: 1px dashed #ddd;font-size: 20px; padding-bottom: 10px; margin-bottom: 10px; line-height: 30px;}
.contact_info h3{font-size: 16px; margin-bottom: 5px; line-height: 30px;}
.contact_info p{ line-height: 30px; color: #7e7e7e;}
.contact_info i{width: 30px; text-align: center; color: #A40102;}
.contact_map{margin-top:25px; height: 400px; overflow: hidden;}

.newslist{margin-top: 25px;}
.news_list{ padding: 20px; margin-bottom: 20px; border-bottom: 1px dashed #ddd;}
.news_list a{display: flex;justify-content: space-between;}
.news_list .pic{overflow: hidden;}
.news_list .pic img{ width: 160px; height: 120px; object-fit: cover;}
.news_list .text{ margin: 0 15px; width:calc(100% - 340px);}
.news_list .text h3{font-size: 24px; line-height: 34px; margin-bottom: 10px; font-weight: normal; color: #222;}
.news_list .text p{height: 72px; line-height: 24px; color: #7e7e7e; overflow: hidden;}
.news_list .time{width: 150px; text-align: center; border-left: 1px solid #ddd; padding-top: .5%;}
.news_list .time b{font-size: 40px; color: #DC2525;}
.news_list .time hr{width: 70px; border:.5px solid #ddd; margin: 5px auto 15px;}
.news_list .time span{color: #AF0004;}
.news_list:hover{ background: #f2f2f2; border-bottom: 1px dashed transparent;}
.news_list:hover h3{color: #AF0004;}

.newscont_title{text-align: center; margin-bottom: 30px; font-size: 24px;}
.newscont_cont{color: #7e7e7e; line-height:28px;}
.newscont_cont p{margin-bottom:10px;}

.equipment{margin-top:25px;}
.equipment img{width:31%; margin:0 2% 15px 0; border-radius:5px;}






@keyframes show{
	from{opacity: 0;}
	to{opacity: 1;}
}
.inleft{transform: translateX(-100px);}
.inright{transform: translateX(100px);}
.inbottom{transform: translateY(100px);}
.intop{transform: translateY(100px);}
.js-stt{opacity: 0; transition: 1s;}
.animate{opacity: 1; transform: translate(0) scale(1) rotate(0);}
/*分页代码*/
.pagelist {clear:both; font-size: 12px; padding:20px 0;text-align:center;}
.pagelist a{ padding: 5px 9px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin:3px; color:#666; font-family:宋体,arial,sans-serif;}
.pagelist a:visited, #nowpage { padding: 3px 8px; margin:3px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pagelist a:hover, #nowpage{color:#97262a; background: #fff; border-color:#97262a; text-decoration: none;}

/*send*/
.pro_send{ padding-top:0px;}
.pro_send h2{ position:relative; font-size:24px; line-height:34px; color:#333; text-align:center; padding:40px 0 10px; margin-bottom:20px; border-top:1px solid #eee}
.pro_send h2:after{content:""; position:absolute; bottom:0; left:50%; margin-left:-30px;width:60px; height:3px; background:#A40102;}
.pro_send p{ text-align:center; margin-bottom:15px; font-size:13px; line-height:23px; color:#85868c;}
.pro_send input{ width:100%; font-size:14px; line-height:25px; padding:5px 12px; border:#e0e1e1 solid 1px; border-radius:1px; color:#8b8d94; margin-bottom:10px;box-sizing:border-box;}
.pro_send input::-webkit-input-placeholder{color:#ccc;}
.pro_send textarea{ width:100%; font-size:14px; line-height:25px; padding:5px 12px; border:#e0e1e1 solid 1px; border-radius:1px; color:#8b8d94; margin-bottom:10px;font-family: 'Sans';box-sizing:border-box;}
.pro_send textarea::-webkit-input-placeholder{color:#ccc;}
.pro_send a{ font-size:14px; line-height:38px; height:38px; color:#fff; padding:0 18px; background:#A40102; display:inline-block; margin-top:10px;}
.pro_send a:hover{ background:#e42c2d;}

/*产品标签*/
.tag{ margin:50px 0 10px;}
.tag strong{ font-size:16px;}
.tag a{ padding:0px 10px; line-height:32px; display:inline-block; background:#ebebeb; margin:0 5px; border-radius:3px; color:#666;}
.tag a:hover{color:#000;}

@media screen and (max-width:1599px){
.ban_text{padding: 6% 20px 0 6%;}
	}

@media screen and (max-width:1199px){
	
.wid{width: 94%;}
.ban_text{padding: 5% 20px 0 3%;}
	}

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

.ban_text{padding: 5% 20px 0 3%;}
.ban_text h2{font-size: 30px; line-height: 40px;}
.ban_text p{font-size: 15px; line-height: 27px;}
.home_title{font-size: 30px; line-height: 40px;}
	}

@media screen and (max-width: 480px) {
.fl-1,.fl-2,.fl-3,.fl-4,.fl-5,.fl-6,.fl-7,.fl-8,.fl-9,.fl-10,.fl-11,.fl-12{width:100%; padding:10px; padding:10px;}
.fr-1,.fr-2,.fr-3,.fr-4,.fr-5,.fr-6,.fr-7,.fr-8,.fr-9,.fr-10,.fr-11,.fr-12{width:100%; padding:10px; padding:10px;}
	}