/* 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: 'Sans'; 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); box-sizing:border-box;}
.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);}
.honor{display: flex;justify-content: center;    flex-wrap: wrap;}
/* .honor img{width: 50%;} */
.clearfix {font-size: 20px;margin-bottom: 7px;}
.clearfix span{float: right;}
.clearfix a:hover{color: #de0c1b;}
.xinw img{float: left;max-width: 500px;margin: 0 5%;width: 100%;}
.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:14px; color:#7e7e7e; line-height:26px; margin-bottom:10px;}
.mid_flex{display: flex; align-items: center;}

.top{height: 38px; background: #de0c1b;}
.header{ padding: 20px 0;}
.header.flex{position: fixed;top: 0;left: 0; width: 100%; background: rgba(255,255,255,1); z-index: 1001; padding: 10px 0; animation: movein .5s linear;border-bottom: 1px #ccc solid;}
.header.flex .logo img{max-height: 46px;}
.header.flex .nav li{ padding: 6px 0;}
.header.flex .erji{top: 46px;}
.header.flex .header_tel{line-height:20px; font-size:14px;}
.header.flex .header_tel span{font-size:18px; line-height:26px;}
.logo{float: left;}
.logo img{max-height: 60px;}
.top li{display: inline-block; line-height: 38px; color: #fff;}
.top a{ display: block; color: #fff; padding: 0 8px;font-size: 14px; transition: .6s;}
.top a:hover{ background: #3463a0;}
.top_left{ float: left;}
.top_left i{margin-right: 5px;}
.top_left li:nth-child(1){margin-right: 8px;}
.top_right{float: right;}
.top_right img{ height: 14px; margin-right: 5px; border:1px solid #ddd; vertical-align: middle;}
.nav{float: right;}
.nav li{position: relative; display: inline-block; line-height: 34px; margin: 0 3px; padding: 13px 0;}
.nav li>a{display: block; padding: 0 15px; font-weight: bold; text-transform:uppercase; transition:.6s; color: #222; font-size: 15px;}
.nav li>a.act{background: #de0c1b; color: #fff; border-radius: 50px;}
.nav li:hover>a{background: #de0c1b; color: #fff;border-radius: 50px;}
.erji{position:absolute; top:60px; left:0; background:#fff;padding:10px 10px 15px; border-top:2px solid #de0c1b; border-radius:0 0 5px 5px; white-space:nowrap; display: none; box-shadow: 0 2px 2px rgba(0,0,0,.3); z-index: 1000;}
.erji a{ display:block; line-height:30px; font-size: 13px; padding: 0 10px; border-radius:3px; color:#666;}
.erji a:hover{background: #de0c1b; color: #fff;}

.header_tel{float:right;  line-height:24px; margin-left:50px; text-align:left; font-size:16px; color:#7e7e7e;}
.header_tel i{margin-right:5px;}
.header_tel span{font-size:24px; line-height:36px; color:#de0c1b; font-weight:bold;}

.banner{ position: relative; padding: 90px 0;}
.ban_bg li{position: absolute;top: 0; left: 0; width:100%; height: 100%; opacity: 0; z-index: -1; transition: .8s;}
.banner h2{ text-align: center; margin-bottom: 15px;color: #fff;font-size: 30px;}
.banner h2 span{display: inline-block; color: #fff; font-size: 40px; line-height: 50px; text-transform: uppercase;}
.banner h2 span:before{content: ""; display: inline-block; vertical-align: middle; width: 42px; height: 6px; background: #fff; margin-right: 25px;}
.banner h2 span:after{content: ""; display: inline-block; vertical-align: middle; width: 42px; height: 6px; background: #fff; margin-left: 25px;}
.banner p{ max-width: 900px; font-size: 20px; line-height: 30px; margin: 0 auto; text-align: center; color: #fff;}
.ban_list{ text-align: center;}
.ban_list ul{margin: 55px auto 45px;}
.ban_list li{position: relative; float: left;width: calc(100%/6 - 12px); padding-top: calc(100%/6 - 12px); text-align: center; font-size: 16px; color: #222; margin: 0 6px 12px 6px;}
.ban_list li a{ position: absolute;top: 0; left: 0; display: block; width: 100%; height: 100%; background: #fff; color: #222222;transition: .6s;}
.ban_list li a:hover{background: #eee; color: #de0c1b;}
.ban_list li img{ max-height: 40%; margin-bottom: 15px; padding-top: 22%;}
.ban_list .ban_list_more{display: inline-block; font-size: 20px; line-height: 32px; background: #de0c1b; color: #fff; padding: 6px 35px; border-radius: 50px; transition: .6s;}
.ban_list .ban_list_more:hover{background: #3463A0;}

.home_com{padding: 70px 0;}
.home_com_text{width: 50%; float: left; padding-right: 25px; box-sizing: border-box;}
.home_com_text h2{ font-size: 32px; line-height: 42px; margin-bottom: 10px; text-transform: uppercase;}
.home_com_xian{ text-align: left; color: #de0c1b; font-size: 18px; margin-bottom: 15px;}
/*.home_com_xian:before{ content: ""; width: 75px; height: 3px; background: #de0c1b; display: inline-block; margin:0 13px 5px 0;}*/
.home_com_xian:after{ content: ""; width: 75px; height: 3px; background: #de0c1b; display: inline-block; margin: 0 0 5px 8px;}
.home_com_text p{line-height: 27px; color: #7e7e7e; margin-bottom: 10px;}
.home_com_an{margin-top: 30px;}
.home_com_an a{display: inline-block; margin-right: 10px; padding: 5px 20px; line-height: 28px; background: #de0c1b; color: #fff; text-transform: uppercase;}
.home_com_an a:hover{background: #3463A0;}
.home_com_pic{float: right; }
.home_com_pic img{max-width: 400px;width: 100%;}

.home_pro{padding: 120px 0; background: url(../images/home_pro.jpg) no-repeat center; background-attachment: fixed;}
.home_pro h2{color: #fff;}
.home_title{font-size: 32px; line-height: 42px; margin-bottom: 10px; text-transform: uppercase; text-align: center;}
.home_xian{ text-align: center; color: #de0c1b; font-size: 20px; margin-bottom: 30px;}
.home_xian:before{ content: ""; width: 75px; height: 3px; background: #de0c1b; display: inline-block; margin:0 13px 5px 0;}
.home_xian:after{ content: ""; width: 75px; height: 3px; background: #de0c1b; display: inline-block; margin: 0 0 5px 13px;}
.home_pro_box{position: relative; float: left; width: calc(100%/4 - 6px); margin: 3px; box-sizing: border-box;}
.home_pro_box span{position: absolute;top: 0; left: 0; display: flex;align-items: center;justify-content: center; width: 100%; height: 100%;font-size: 15px; color: #fff; background: rgba(0,0,0,.6); transform: scale(0); transition: .6s;}
.home_pro_box:hover span{transform: scale(1);}
.home_pro_an{text-align: center; margin-top: 35px;}
.home_pro_an a{display: inline-block; margin-right: 10px; padding: 5px 20px; line-height: 32px; font-size: 16px; background: #de0c1b; color: #fff; text-transform: uppercase;}
.home_pro_an a:hover{background: #3463A0;}

.home_pro_text{color: #fff;}
.home_pro_text h2{text-align: left;}
.home_pro_text h3{font-size: 20px; font-weight: normal; line-height: 34px;}
.home_pro_text p{line-height: 28px; margin: 5px 0 35px;}
.home_pro_text a{display: inline-block; margin-right: 10px; margin-top:15px; padding: 5px 20px; line-height: 32px; font-size: 16px; background: #de0c1b; color: #fff; text-transform: uppercase;}
.home_pro_text a:hover{background: #3463A0;}

.home_adv{padding: 70px 0;}
.home_adv_box{float: left; width: calc(100%/3); padding: 0 25px; text-align: center; box-sizing: border-box;}
.home_adv_box dt i{width: 120px; height: 120px; line-height: 120px; font-size: 50px; border:solid #de0c1b 3px; color: #de0c1b; border-radius: 50%;}
.home_adv_box h4{ font-size: 26px; line-height: 36px; margin: 20px 0 15px;}
.home_adv_box p{font-size: 15px; line-height: 30px; color: #7E7E7E;}

.home_phone{padding: 70px 0; background: url(../images/home_lxbg.jpg) no-repeat center; text-align: center;}
.home_phone .address{font-size: 18px; color: #ebebeb; font-weight:bold;}
.home_phone .phone{font-size: 50px; line-height: 60px; margin: 15px 0 10px; color: #de0c1b;}
.home_phone .phone i{margin-right: 10px;}
.home_phone .des{font-size: 15px; color: #ebebeb;}

/*.foot{padding: 50px 0; background: #303030; color: #fff;}
.foot h3{font-size: 20px; line-height: 30px; margin-bottom: 10px; text-transform: uppercase;}
.foot p{color: #b3b5b6; line-height: 24px;}*/
.banquan{line-height: 26px; padding: 8px 0; background: #303030; color: #fff; text-align: center;}

.nybanner{padding: 80px 0;	background-repeat: no-repeat;	background-position: center;}
.nybanner h2{ margin-bottom: 10px; text-align: center; font-size: 40px; line-height: 50px; color: #fff; text-transform: uppercase;}
.probanner h2{font-size:32px; font-weight:normal; }
.probanner{padding: 50px 0;}
.mid_pos{ text-align:center; color:#fff;}
.mid_pos ul{ display:inline-block;padding:2px 12px;border-radius: 5px;color: #CCCCCC;}
.mid_pos li{ display:inline-block;}
.mid_pos li a{ color:#ccc; display:block; line-height:24px;}
.mid_pos li a:hover{ text-decoration:underline; color: #fff;}

.mid{padding: 0px 0 70px;}
.mid_xian{width: 70px; height: 4px; background: #de0c1b; margin: 0 auto;}
.culture{}
.culture_title{margin: 30px 0 70px; background: #f2f2f2; padding: 50px 0;}
.culture_title h3{font-size: 28px; line-height: 38px; text-align: center; text-transform: uppercase; margin-bottom: 10px;}

.prolist{}
.mid_nav{text-align: center; padding: 35px 0;}
.mid_nav li{display: inline-block; margin: 5px;}
.mid_nav li a{padding: 8px 13px; font-size: 14px;line-height: 20px; color: #222;font-weight: bold;display: block;}
.mid_nav li a:hover{color: #de0c1b;}
.mid_nav li .act{background:#de0c1b; color: #fff; border-radius: 5px;}
.mid_nav li .act:hover{color: #fff;}
.prolist:after{ content:""; display:block; clear:both;}
.prolist dl{ width:calc(100%/3); 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(222,12,27,0.2); opacity:0;transition:320ms;}
.prolist dl dt span:before{ content:"";width:100%;height:0;border-left:3px solid #de0c1b;border-right:3px solid #de0c1b;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 #de0c1b;border-bottom:3px solid #de0c1b;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:#de0c1b;transform:translateX(-200px);}
.prolist dl dt span b:after{ position:absolute; left:23px; top:0; content:"";width:1px;height:100%; background:#de0c1b;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:14px 0 20px; line-height:26px; overflow:hidden;}
.prolist dl:hover dd{ color:#de0c1b;}

.procont_pic{text-align: center;}
.procont_pic img{max-width:600px;}
.procont_cont{font-size:14px; color:#7e7e7e; line-height:26px; margin-bottom:10px;}
.procont_cont p{margin-bottom:10px;}

.contact_info{}
.contact_info h3{font-size: 24px; line-height: 34px;}
.contact_info h4{font-size:16px; line-height:30px; margin:25px 0 10px;}
.contact_info li{ line-height: 28px; padding: 3px 0; color: #1b1b1b;}
.contact_info li a{color: #1b1b1b;}
.contact_info li a:hover{color: #de0c1b; text-decoration:underline; font-weight: bold;}
.contact_info li b{color: #222;}
.contact_info li i{width: 30px; margin-right: 5px; font-size: 18px;height: 28px;line-height: 28px;color: #de0c1b; text-align: center; vertical-align: bottom;}
.contact_massage{ margin-top: 25px;}
.contact_massage h3{font-size: 18px;}
.contact_massage p{ color:#85868c;line-height:26px; margin-bottom:15px;}
.contact_massage 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;}
.contact_massage input::-webkit-input-placeholder{color:#ccc;}
.contact_massage 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;}
.contact_massage textarea::-webkit-input-placeholder{color:#ccc;}
.contact_massage a{ font-size:14px; line-height:38px; height:38px; color:#fff; padding:0 18px; background:#de0c1b; display:inline-block; margin-top:10px;}
.contact_massage a:hover{ background:#de0c1b;}

.contact_info .contact_red{color:#de0c1b; font-size:18px;margin-bottom: 10px;}
.contact_info .contact_red1{color:#de0c1b; font-size:24px; margin-top:15px;}

.equ{background: #f2f2f2;margin: 30px 0 70px; padding: 50px 0;}
.equ_title{}
.equ_title h3{font-size: 28px; line-height: 38px; text-align: center; text-transform: uppercase; margin-bottom: 10px;}
.equ_pic{margin-top: 20px;}
.equ_pic img{ width: 32%; margin-right: 2%;}
.equ_pic img:nth-child(3){margin-right: 0;}

.newslist{}
.newslist_box{border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px;}
.newslist_time{float: left; width: 90px; padding: 10px 0; margin: 0 25px 0 10px; border: 1px solid #ddd; color: #bbb; text-align: center; transition: .6s;}
.newslist_time b{color: #222; font-size: 36px; font-weight: normal;}
.newslist_text{ padding-left: 125px;}
.newslist_text h3{font-size: 20px; line-height: 30px; margin-bottom: 10px; font-weight: normal; color:#222;}
.newslist_text p{ color: #7e7e7e; font-size: 12px; line-height: 24px; max-height: 48px; overflow: hidden;}
.newslist_btn{margin-top: 10px; text-align: right;}
.newslist_btn span{background: #7e7e7e; color: #fff; font-size: 12px; padding: 5px 15px;}
.newslist_box:hover .newslist_time{background: #de0c1b; color: #fff;}
.newslist_box:hover .newslist_time b{ color: #fff;}
.newslist_box:hover .newslist_text h3{color: #de0c1b;}
.newslist_box:hover .newslist_btn span{ background: #de0c1b;}

.newscont{line-height: 28px; color: #7e7e7e;}
.newscont p{margin-bottom: 10px;}

.pro_nav{width: 250px; float: left;}
.pro_nav h2{position: relative; font-size: 22px; line-height: 30px; font-weight: normal; background: #DE0C1B; color: #fff; padding: 10px 30px; border-radius: 0 15px 0 0;}
.pro_nav h2:before{content: ""; position: absolute; left: 13px; top: 50%; margin-top: -14px; width: 5px; height: 28px; background: #fff;}
.pro_nav li{ line-height: 40px;}
.pro_nav li a{display: block; padding-left:15px; background: #f2f2f2; color: #000; margin-top: 5px;}
.pro_nav li a i{ width: 10px; text-align: center; margin-right: 5px; color: #DE0C1B; font-size: 10px;}
.pro_nav .pro_nav_erji a{padding-left: 30px; background: #fff; color: #666; border-bottom: 1px solid #f2f2f2;}
.pro_nav a:hover{color: #000000; background: #e9e9e9;}
.products{padding-top: 50px;}
.mid_right{float: right; width: calc(100% - 280px);}

.prolist_des{display: flex; justify-content: space-between; border-bottom: 1px dashed #ddd; padding-bottom: 20px; margin-bottom: 20px;}
.prolist_des .pic{width: 50%;}
.prolist_des_text{width: 48%; color: #7e7e7e; font-size:13px; line-height: 26px;}
.prolist_des_text p{}

.contact_map{margin-top:40px; height:350px; overflow:hidden;}


.pro_nav h2 i{display:none;}

.mouldpage_pic img{padding: 10px;float: left;width: 25%;vertical-align: middle;box-sizing: border-box;}

.mouldpage_video video{float: left;width: calc(50% - 20px);height: 400px;background: #333;margin: 10px;box-sizing: border-box;}



/*分页代码*/
.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:#0eade2;}
.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:#de0c1b; display:inline-block; margin-top:10px;}
.pro_send a:hover{ background:#de0c1b;}

/*产品标签*/
.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;}

.nav_tb{display:none;}

@keyframes movein{
	from{top: -67px;}
	to{top: 0;}
}

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

.wid{width: 94%;}
	}

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

	}

@media screen and (max-width: 480px) {
.xinw img{margin: 0;}
body{background:#fff;}
.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:none; width:100%; padding-left:10px; padding-right: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{float:none; width:100%; padding-left:10px; padding-right:10px;}

.top_left{display:none;}
.header{position:relative;}
.nav_tb{display:block; position:absolute; top:18px;right:20px; cursor:pointer;}
.header.flex .nav_tb{top:18px;}
.nav{position:absolute; right:0; top:100%; display:none; background:#fff; padding:15px; z-index:1000}
.nav li{display:block; padding:5px 0;}
.erji{left:auto;right:100%;top:0;}
.banner{padding:35px 10px;}
.banner h2 span{font-size:32px; line-height:42px;}
.banner h2 span::after,.banner h2 span::before{width:0;margin:0;}
.banner p{font-size:16px; line-height:26px;}
.ban_list li{width:calc(100%/3 - 12px);padding-top:calc(100%/3 - 12px); font-size:12px; line-height:24px; overflow:hidden;}
.ban_list .ban_list_more{font-size:16px; line-height:26px;}
.ban_list ul{margin:35px auto 25px;}
.home_com_text,.home_com_pic{width:100%;}
.home_com_pic{margin-top:20px;}
.home_com,.home_pro,.home_adv,.home_phone{padding:35px 0;}
.home_com_text h2{font-size:28px; line-height:38px;}
.home_pro_box{width:calc(100%/2 - 20px); text-align:center;}
.home_title{font-size:28px; line-height:38px;}
.home_adv_box{width:100%; margin-bottom:20px;}
.home_phone .address{font-size:14px;}
.home_phone .phone{font-size:32px; line-height:42px;}
.banquan{line-height:20px; padding:8px 10px}
.nybanner{padding:40px 0;}
.mid_nav{padding:20px 0;}
.culture_title{margin:15px 0 35px; padding:25px 0;}
.prolist dl{width:50%;}
.equ_pic img{width:100%; margin-right:0; margin-bottom:20px;}
.contact_map{margin-top:25px; height:350px; overflow:hidden;}
.mid{padding:0 0 35px;}

.header_tel{margin-left:10px; float:left;}

/*.pro_nav{float:none; position:absolute;top:0; left:-260px;transition: .6s;z-index:1000;}
.pro_nav.flex{position:fixed; top:63px; left:-260px; height:100%;}
.pro_nav.show{left:-3%;}
.products{position:relative;}
.pro_nav ul{ width:250px; margin-top:45px;background:#fff;transition: .6s;z-index:1000;}
.pro_nav ul.show{left:-3%;}
.pro_nav ul li{line-height:32px;}
.pro_nav h2{position:absolute;top:5px;left:250px; width:80px; padding:10px 25px; font-size:16px; line-height:20px; cursor:pointer;z-index:1000;transition: .6s;}
.pro_nav h2.show{left:0;}
.pro_nav h2::before{height:20px; margin-top:-10px;}*/

/*.products{padding-top:20px;}
.pro_nav{position:relative;float:none; width:auto; text-align:center; margin-bottom:30px;}
.pro_nav h2{display:none;}
.pro_nav li{ display:inline-block;}
.pro_nav li i{display:none;}
.pro_nav li a{padding:0 15px; border-radius:4px; margin-bottom:5px;}
.pro_nav_erji{display:none;}
.pro_nav .pro_nav_erji a{display:inline-block; white-space: nowrap; padding:0 10px;}*/

.products{padding-top:20px;}
.pro_nav{float:none;width:100%; padding-bottom:20px;}
.pro_nav h2{position:relative; font-size:18px; text-align:center; line-height:22px; border-radius:4px; cursor:pointer;}
.pro_nav h2 i{display:block; position:absolute;right:50px; top:13px;}
.pro_nav h2:before{display:none;}
.pro_nav ul{display:none;}

.mid_right{float:none; width:100%;}
.prolist_des{flex-wrap:wrap;}
.prolist_des .pic{width:100%;}
.prolist_des_text{width:100%; margin-top:25px;}
.procont_pic img{max-width:100%;}

.mouldpage_pic img{width:100%;padding:0;margin-bottom:12px;}
.mouldpage_video video{width: 100%;margin-bottom: 10px;box-sizing: border-box;}
	}