/* 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;background:#fff;}
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:1200px; 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_text p{ font-size:16px; color:#2d2d2d; line-height:32px; margin-bottom:10px;}
.mid_flex{display: flex; align-items: center;flex-wrap:wrap;}

.header{position: relative; background: #242424; padding: 40px 10% 65px; color: #fff;}
.logo{float: left;}
.language{float: right; margin-left: 50px;}
.language a{color: #fff;line-height: 34px;}
.language a img{vertical-align: middle; margin:0 3px 2px 10px;}
.nav{float: right;}
.nav li{display: inline-block; line-height: 34px; padding: 0 15px;}
.nav li>a{display: block; color: #fff; font-size: 16px;}
.nav li>a:hover{color: #CC0E0E;}
.top_contact{position: absolute; right: 10%; bottom: 0px; font-size: 12px; line-height: 20px;}
.top_contact span{display: inline-block; margin-left: 15px;}
.top_contact i{color: #cc0e0e; margin: 0 5px; font-size: 18px;}

.banner{position: relative; height: 1080px; background: #000;}
.ban_nav{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 100;}
.ban_nav_box{position: relative; float: left; width: 23.5%; margin-right: 2%; height: 200px; background: url(../images/ban_navbg.jpg);overflow: hidden;}
.ban_nav_box:nth-child(4){margin-right: 0;}
.ban_nav_box h3{display: inline-block; font-size: 24px; line-height: 30px; color: #fff; padding: 20px 25px;position: relative; z-index: 1000;}
.ban_nav_box h3 a{font-size: 12px; color: #fff; text-align: right; display: block;}
.ban_nav_box h3 a:hover{text-decoration: underline;}
.ban_tb{position: absolute; right: 15px; bottom: 15px;}
.ban_video{}
.ban_video.show{display: block; animation: show .6s linear;}

.video{height:1080px; position:absolute;top:0; left:50%; transform:translateX(-50%);}
.ban_nav_video{position: absolute; top: 0; left: 0; width: 100%; height: 100%;display: none;}
.bannav_video{height: 200px;position:absolute;top:0; left:50%; transform:translateX(-50%);}
.ban_nav_video.show{display: block; animation: show 1s linear;}
.ban_video_bg{position: absolute;top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 100;}

.home_cus{padding: 50px 6%;}
.home_cus img{max-height: 90px;}
.home_cus .swiper-wrapper{-webkit-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear; text-align: center;}

.home_title{font-size: 42px; line-height: 58px; color: #CC0E0E; text-align: center;}
.home_xian{width: 50px; height: 3px; margin: 5px auto 10px; background: #CC0E0E; }
.home_des{ max-width: 800px; margin: 0 auto; color: #2c2a2a; text-align: center;}
.home_pro{padding: 70px 5%; background: #f3f3f3;}
.home_pro_nav{text-align: center; margin: 20px 0;}
.home_pro_nav a{display: inline-block; color: #ad2c28; font-size: 16px; padding: 10px 40px; border-radius: 50px;border: 1px solid transparent;}
.home_pro_nav a.act{border: 1px solid #AD2C28;}
.home_pro_nav a:hover{border: 1px solid #AD2C28;}
.home_pro_cont{text-align: center;}
.home_pro_cont .swiper-slide{background:#fff;}
.home_pro_cont .title{font-size: 32px; line-height: 48px; margin:40px 0 15px; color: #2b2b2c; font-weight: bold;}
.home_pro_cont .an a{color: #CC0E0E;}
.home_pro_cont .an a:hover{text-decoration:underline;}
.home_pro_cont .swiper-button-next{right: 0;}
.home_pro_cont .swiper-button-prev{left: 0;}
.home_pro_cont .swiper-button-next,.home_pro_cont .swiper-button-prev{margin-top: -20px; width: 40px; height: 40px; text-align: center; background: #ababab; color: #fff; transition: .6s;}
.home_pro_cont .swiper-button-next:hover,.home_pro_cont .swiper-button-prev:hover{background: #222;}
.home_pro_cont i{line-height: 40px;}
.ft{display:none;}
.home_pro_cont{position: relative; background: #fff; text-align: left; margin-top: 50px; display: none;}
.home_pro_cont.show{display: block; animation: show .6s linear;}
.home_pro_left{float:left; width: 50%; overflow: hidden;}
.home_pro_left img{transition: .6s;}
.home_pro_left:hover img{transform: scale(1.1);}
.home_pro_text{position: absolute; top: 0; left: 50%; width: 25%; padding: 20px; box-sizing: border-box;}
.home_pro_text h3{font-size: 24px; line-height: 34px; margin-bottom: 10px;}
.home_pro_text p{font-size: 14px; line-height: 30px; max-height: 90px; overflow: hidden;}
.home_pro_text a{display: inline-block; margin-top: 15px; padding: 5px 15px; border: 1px solid #DC2525; color: #DC2525; border-radius: 3px;}
.home_pro_text a:hover{background: #DC2525; color: #fff;}
.home_pro_right{float:left; width: 50%;}

.home_com{padding: 70px 0; background: url(../images/home_combg.jpg) no-repeat center;}
.home_com h2{ color: #fff;font-size: 42px; line-height: 58px; text-align: center;}
.home_com .home_des{color: #CC0E0E;}
.home_com p{ max-width: 900px; text-indent: 2em; margin: 35px auto 70px; color: #fff; line-height: 32px;font-size: 16px;}
.home_com_box{float: left; width: 23.5%; margin-right: 2%; background: #fff; padding: 60px 0; text-align: center;}
.home_com_box:nth-child(4){margin-right: 0;}
.home_com_box b{font-size: 60px; font-family: 'Sans'; color: #dc2525;}
.home_com_box span{ font-size: 18px; color: #333;}
.home_com_box span.jia{font-size: 40px; color: #DC2525;}

.home_adv{padding: 70px 0;}
.home_adv_cont{display: flex; overflow: hidden; height: 500px;}
.home_adv_box{position: relative; float: left; width: calc(100%/6); transition: .8s;}
.home_adv_box>img{width: 100%;height: 500px; object-fit: cover;}
.home_adv_bg{position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: flex;align-items: center;justify-content: center;text-align: center; background: rgba(0,0,0,.7); color: #fff; font-size: 22px; line-height: 50px; transition: .8s;}

.home_more{padding: 70px 0; background: #373737; color: #fff;}
.home_more h2{font-size: 42px; line-height: 58px; text-align: center; margin-bottom: 10px;}
.home_more p{font-size: 24px; text-align: center;}
.home_more .an{text-align: center; margin-top: 35px;}
.home_more .an a{display: inline-block; padding: 18px 50px; background: url(../images/a_bg.jpg) repeat-x center; color: #fff; font-size: 18px; border-radius: 60px;}
.home_more .an a:hover{opacity: .7;}

.foot{padding:0px 0 50px; background: url(../images/foot_bg.jpg) no-repeat center; color: #373737;}
.foot_nav{margin: 15px 0 25px; text-align: right; padding-right: 10%; font-size: 16px;}
.foot .foot_nav a{display: inline-block; padding: 0 15px;}
.foot .fl-3{width: 20%}
.foot .foot_contact{width: 30%;}
.foot .foot_ewm{width: 30%;}
.foot h3{font-size: 28px; line-height: 38px; margin-bottom: 10px; color: #1a1a1a;}
.foot a{display: block; color: #373737; line-height: 28px;}
.foot li a{display: contents;}
.foot p{line-height: 28px;}
.foot a:hover{color: #CC0E0E; text-decoration: underline;}
.foot_ewm{text-align: center; padding-top: 15px;}
.foot_ewm img{width: 200px; max-width: 100%;}
.copy{background: #171715; text-align: center; color: #fff; line-height: 22px; padding: 8px 0;}

.nybanner{position: relative; padding: 100px 0 150px;}
.mid_title{font-size: 40px; line-height: 50px; margin-bottom: 10px; text-align: center; color: #fff; font-weight: normal;}
.mid_title_xian{position:relative;width: 80px; height: 6px; background: #DC2525; margin: 0 auto; text-align: center; font-size: 20px;}
/*.mid_title_xian:before,.mid_title_xian:after{ content: ""; position: absolute;top: 50%; width: 50px;height: 3px; background: #DC2525; transform: translateY(-50%);}
.mid_title_xian:before{left: 50%; margin-left: 20px;}
.mid_title_xian:after{right: 50%;margin-right: 20px;}*/

.mid_nav{position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 0; background: rgba(0,0,0,.6); text-align: center;}
.mid_nav a{ line-height: 30px; padding: 0 25px; color: #fff; font-size: 15px;}
.mid_nav a:hover{color: #DC2525;}

.mid{padding: 50px 0; background: url(../images/main_bg.jpg);}

.about_adv{ margin:50px 0 -50px;padding: 100px 0; background: url(../images/about_advbg.jpg) no-repeat center;}
.about_adv_box{float: left; width: 25%; text-align: center; color: #fff; border-right: 1px solid #ddd; box-sizing: border-box;}
.about_adv_box:last-of-type{border-right: 0;}
.about_adv_box i{font-size: 40px;}
.about_adv_box b{color: #DC2525; font-size: 42px; line-height: 100px;}
.about_adv_box span{ font-size: 18px;}
.about_adv_box span.jia{font-size: 40px; color: #DC2525;}

.prolist{display: flex;flex-wrap: wrap;}
.prolist:after{ content:""; display:block; clear:both;}
.prolist dl{ width:calc(100%/3);
    /* height:16.5vw;  */
    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: 24px;}
.procont_pic{text-align: center; margin: 35px 0 25px;}
.procont_cont{font-size: 16px; color: #2d2d2d; line-height: 32px;}
.procont_cont img{display:block;margin: auto;}
.procont_cont p{margin-bottom: 10px;}


.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: 110px; object-fit: cover;}
.news_list .text{ margin: 0 15px;width:calc(100% - 310px)}
.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-right: 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: #fff; border-bottom: 1px dashed transparent;}
.news_list:hover h3{color: #AF0004;}

.newcont_title{text-align: center;font-size: 24px; line-height: 34px; padding-bottom: 5px; font-weight: normal;}
.newcont_time{text-align: center; font-size: 12px; color: #7e7e7e;padding-bottom: 15px; margin-bottom: 10px; border-bottom: dashed 1px #ccc;}
.newcont_cont{font-size: 16px; color: #2d2d2d; line-height: 32px;}
.newcont_cont p{margin-bottom: 10px;}

.contact{margin-top: 35px;}
.contact .wid{display: flex;flex-wrap:wrap ;justify-content: center;}
.contact h2{margin: 4% auto;}
.contact_info{width: 25%;}
/* .contact_info .text{padding-left: 80px;} */
.contact_info .text h2{font-size: 24px; font-weight: normal; margin-bottom: 10px;}
.contact_info .text h2 span{font-size: 18px; color: #000; padding-left: 5px;}
.contact_info .text p{line-height: 30px; color: #7e7e7e;}
.contact_info .text p a{color: #222; font-weight: bold;}
.contact_info .text p a:hover{color: #DC2525;}
.contact_man{width: 35%;line-height: 2;font-size: 1.2em;margin: 0 2%;}
.contact_send{ width: 30%;}
/* .contact_send .send{padding-left: 75px;} */
.contact_send input{ width: 100%; border: 1px solid #ddd; margin-bottom: 15px; line-height: 30px; padding: 0 10px; box-sizing:border-box;}
.contact_send textarea{ width: 100%; border: 1px solid #ddd; margin-bottom: 15px; line-height: 24px; padding: 0 10px; font-family: "微软雅黑";box-sizing:border-box;}
.contact_send a{display: inline-block; padding: 5px 20px; background: #DC2525; color: #fff;}
.contact_send a:hover{background: #AF0004;}
.contact i{float: left; font-size: 60px; color: #ccc;}
.contact_map{height: 400px; overflow: hidden; margin-top: 20px;}

.success_case{}
.success_case dl{float: left; width: calc(100%/3 - 20px); margin: 0 10px 20px; background: #fff; border-radius: 8px 8px 0 0; overflow:hidden;}
.success_case dl dt{overflow: hidden;}
.success_case dl dt img{transition: .6s;}
.success_case dd{padding: 10px 20px; text-align: center;}
.success_case dd h3{text-align: center; font-size: 20px; font-weight: normal; margin-bottom: 10px;}
.success_case dd p{font-size: 14px; color: #7e7e7e; line-height: 30px; height: 60px; text-align: left; overflow: hidden;}
.success_case dd a{display: inline-block; margin-top: 10px; padding: 5px 15px; font-size: 12px;background: none; color: #DC2525; border: 1px solid #DC2525;}
.success_case dd a:hover{color: #fff; background: #DC2525;}
.success_case dl:hover img{transform: scale(1.1);}

.flow{}
.flow_box{ float:left; width:calc(100%/3 - 1%); margin:0 0.5%; padding:20px; box-sizing:border-box;background:#fff; margin-bottom:20px;}
.flow_box_pic img{ max-width:100%;}
.flow_box_text{ height:222px; overflow:hidden;}
.flow_box_text h3{text-align:center; padding:30px 0 12px; color:#000; font-size:24px;}
.flow_box_text h3 span{ color:#2d5aa6; font-size:50px; padding-bottom:10px; display:inline-block;}
.flow_box_text p{ font-size:16px; line-height:32px; height:128px; overflow:hidden;}

.equ img{float: left; width: 32%; margin-right: 2%; margin-top: 20px;}
.equ img:nth-child(3n){margin-right: 0;}

.client_cont{border-top:1px #e5e5e5 solid;border-left:1px #e5e5e5 solid;margin-top:40px;background:#fff;}
.client_cont li{ width:25%; height:114px; float:left; box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ border-right:1px #e5e5e5 solid;border-bottom:1px #e5e5e5 solid; text-align:center; line-height:84px; font-size:22px; position:relative; padding:15px 0;}
.client_cont li:before{ content:""; display:block; width:14px; height:1px; position:absolute; bottom:-1px; right:-7px; background:#c7c7c7; z-index:1000;}
.client_cont li:after{ content:""; display:block; width:1px; height:14px; position:absolute; bottom:-7px; right:-1px; background:#c7c7c7; z-index:1000;}
.client_cont li img{ max-width:100%; max-height:84px;vertical-align:top;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}

.design{}
.design img{float: left; width: calc(100% / 3 - 20px); margin:0 30px 30px 0;}
.design img:nth-child(3n){margin-right: 0;}

.corollary{}
.corollary li{float: left; width: calc(100% / 3 - 20px); margin:0 30px 30px 0; text-align: center; line-height:40px; font-size:16px;}
.corollary li:nth-child(3n){margin-right: 0;}


.nav_tb{display:none;}

@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 #e0e1e1}
.pro_send h2:after{content:""; position:absolute; bottom:0; left:50%; margin-left:-30px;width:60px; height:3px; background:#DC2525;}
.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:#DC2525; display:inline-block; margin-top:10px;}
.pro_send a:hover{ background:#AD2C28;}

/*产品标签*/
.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){
.header{padding:30px 50px 65px;}	
/* .banner{height:600px;}
.video{height:600px;} */
	}

@media screen and (max-width:1199px){
.wid{width:96%;}
.header{padding:30px 15px 65px;}	
.language{margin-right:20px;}
.nav li{padding:0 5px;}
.home_pro_nav a{padding:10px 30px;}
	}

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

	}

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

.ban_nav{display:none;}
.header{padding:15px 15px 50px}
.nav_tb{position: fixed;right: 3px; top: 3px; padding: 12px 10px; background: #E10707; cursor:pointer; display:block; transform:scale(.6); z-index: 2000;}
.nav_tb span{ display: block; width: 40px; height: 5px; background: #fff;transition: .6s;}
.icon_bar_m{margin: 8px 0;}
.nav_tb.click .icon_bar_t{ transform: rotate(45deg) translate(9px,10px);}
.nav_tb.click .icon_bar_m{ opacity: 0;}
.nav_tb.click .icon_bar_b{ transform: rotate(-45deg) translate(8px,-9px);}
.nav{position:fixed; left:0; top:0; right:0;bottom:0; background:rgba(0,0,0,0.9); padding-top:7%;z-index:2000; display: none;}
.nav li{position:relative; text-align:center; display:block;}
.nav li>a{ line-height:20px; font-size:22px; color:#fff; padding:20px 20px; text-transform:uppercase; animation:zhuan .4s ease-out both 1; display:inline-block;}
.nav li:nth-child(1) a{animation-delay:0ms;}
.nav li:nth-child(2) a{animation-delay:200ms;}
.nav li:nth-child(3) a{animation-delay:400ms;}
.nav li:nth-child(4) a{animation-delay:600ms;}
.nav li:nth-child(5) a{animation-delay:800ms;}
.nav li:nth-child(6) a{animation-delay:1000ms;}
.nav li:nth-child(7) a{animation-delay:1200ms;}
.nav li:nth-child(8) a{animation-delay:1400ms;}
@keyframes zhuan{
	0%{ transform:translateY(60px); opacity:0;}
	100%{ transform:translateY(0px); opacity:1;}
	}
.nav li:hover>a{ color:#E10707; font-weight: bold;}
.language{margin:0;position:absolute;right:10px; bottom:0px;}
.language a{font-size:12px;}
.top_contact{font-size:10px; left:0; right:auto;}
.banner{height:400px;}
.video{height:400px;}
.home_cus,.home_pro,.home_com,.home_adv,.home_more{padding:25px 10px;}
.home_title{font-size:32px; line-height:42px;}
.home_pro_nav a{padding:5px 12px; font-size:13px;}
.home_pro_cont h3,.home_pro_cont h4{font-size:14px; line-height:22px;}
.home_com h2{font-size:32px; line-height:42px;}
.home_com p{margin:20px auto 35px; font-size:13px; line-height:25px;}
.home_com_box{width:48.5%; padding:25px 0;}
.home_com_box:nth-child(2n){margin-right:0; margin-bottom:15px;}
.home_com_box b{font-size:40px;}
.home_adv_box{width:calc(100%/3); height:auto;}
.home_adv_cont{display:block; overflow:auto;}
.home_adv_box > img{height:250px;}
.home_adv_bg{font-size:18px;}
.home_more h2{font-size:32px; line-height:42px;}
.home_more p{font-size:18px;}
.home_more .an a{padding:8px 38px;}
.foot .foot_nav a{font-size:12px;}
.foot .foot_contact,.foot .fl-3{width:100%;margin-bottom:10px;}
.foot h3{font-size:22px;}
.foot{padding-bottom:25px;}
.mid_nav a{padding:0 8px;}
.nybanner{padding:70px 0 120px;}
.mid{padding:25px 0;}
.about_adv_box{width:50%; margin-bottom:15px;}
.prolist dl{width:50%;}
.news_list{padding:10px 0;}
.news_list .time{width:80px;}
.news_list .text{width:calc(100% - 60px);}
.news_list .pic{display:none;}
.news_list .time hr{width:50px;}
.news_list .text h3{font-size:18px; line-height:28px;}
.success_case dl{width:calc(100%/1 - 20px);}
.contact_info,.contact_send,.contact_man{width:100%; margin-bottom:20px;}
.home_pro_right,.home_pro_left{width:100%;}
.home_pro_text{left:0; top:50%;width:50%; padding:10px;}
.home_pro_text p{height:40px; font-size:12px; line-height:20px;}
.home_pro_text h3{margin-bottom:5px;}
.home_pro_text a{margin-top:5px; padding:0; border:0;}
	}