/* 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);
}
@font-face{
    font-family: 'roboto';
    src:url(../fonts/Roboto-Regular.ttf);
}



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; 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; padding-top: 5px; text-transform: uppercase;}
.mid_xian{width: 80px; height: 3px; background: #E60012; margin: 15px 0 25px;}
.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{background: #e60012;line-height:30px; height: 30px; padding: 5px 0;}
.top_left{float: left;  font-size: 13px; color: #fff;}
.top_left span{margin-right: 15px;}
.top_left a{margin-right: 15px; color: #fff;}
.top_left a:hover{color: #fd98a0;}
.top_left i{ margin-right: 5px;}
.top_right{float: right;}
.top_right a{ display: inline-block; margin-left: 3px; width: 30px; height: 30px; border:2px solid #fff; text-align: center;color: #fff; border-radius:50%; box-sizing: border-box;}
.top_right a i{line-height: 26px;}
.top_right a:hover{background: #fff; color: #E60012;}

.header{padding: 15px 0;}
.header.flex{position: fixed;top: 0;left: 0; width: 100%; background: rgba(255,255,255,.9); z-index: 1001; padding: 10px 0; animation: picMovein .5s linear;border-bottom: 1px #ccc solid;}
.header.flex .logo img{height:50px;}
.header.flex .nav li{padding:10px 0;}
.logo{float: left;}
.logo img{height: 60px;}
.nav{float: right;}
.nav li{position: relative; display: inline-block; padding: 15px 0; line-height: 30px; margin: 0 5px;}
.nav li>a{display: block; padding: 0 15px; color: #222; line-height: 30px; font-weight: 600; border-radius: 5px; font-family: 'roboto';}
.nav li>a.act{background: #E60012; color: #fff;}
.nav li:hover>a{background: #E60012; color: #fff;}
.nav li .erji{position: absolute; top: 100%; left: 0px; padding: 10px 3px; background: #fff; box-shadow: 0 0 4px rgba(0,0,0,.2); display: none; border-radius: 0 0 3px 3px; z-index: 2000;}
.nav li .erji a{display: block; padding: 0 10px; font-size: 13px; line-height: 28px; color: #222; white-space: nowrap; font-weight: bold;}
.nav li .erji a:hover{color: #E60012;}

.banner{padding: 120px 0; background: url(../images/banner1.jpg) no-repeat center; overflow:hidden;}
.banner_text{float:left; width: 50%;padding: 0 20px; box-sizing: border-box;}
.banner_text h2{font-size: 50px; line-height: 60px; text-transform: uppercase;}
.banner_text .xian{width: 80px; height: 5px; background: #E60012; margin: 10px 0 20px;}
.banner_text p{font-size: 18px; line-height: 34px; color: #7E7E7E; padding: 20px 0;}
.banner_text p b{color: #222;}
.home_an{margin-top: 25px;}
.home_an a{ display: inline-block; padding: 5px 20px; font-size: 16px; line-height: 28px;border: 1px solid transparent; background: #E60012; color: #fff; margin-right: 10px;font-weight: bold;}
.home_an a:hover{background: none; border: 1px solid #E60012; color: #E60012;}
.banner_pic{position: relative; float:left; width: 50%; padding: 0 20px; box-sizing: border-box;}
.banner_pic_next,.banner_pic_prev{margin-top: -25px; width: 18px; height: 50px; line-height: 50px; border:1px solid #aaa; color: #aaa; background: none; font-size: 16px; text-align: center; box-sizing: border-box; transition: .6s;}
.banner_pic_next:hover,.banner_pic_prev:hover{background: #E60012; border:1px solid #E60012;color: #fff;}
.banner_pic_next{right: 0;}
.banner_pic_prev{left: 0;}

.home_com{padding: 70px 0; overflow:hidden;}
.home_title{text-align: center;font-size: 36px; line-height: 46px; text-transform: uppercase;}
.home_xian{ text-align: center; color: #E60012; font-size: 22px; margin: 10px 0 35px;}
.home_xian:before{ content: ""; width: 60px; height: 3px; background: #E60012; display: inline-block; margin:0 13px 5px 0;}
.home_xian:after{ content: ""; width: 60px; height: 3px; background: #E60012; display: inline-block; margin: 0 0 5px 13px;}
.home_com_nav{ margin-bottom: 10px;}
.home_com_nav a{display: inline-block; margin:0 15px 10px 0; font-size: 18px; line-height: 28px; color: #222; font-weight: bold;}
.home_com_nav a:hover{color: #E60012;}
.home_com_nav a.act{color: #E60012;}
.home_com_cont{display: none;animation: show .8s linear;}
.home_com_text{line-height: 25px; color: #7e7e7e; max-height:200px; overflow: hidden;}

.home_pro{padding: 70px 0; background: url(../images/home_probg.jpg) no-repeat center; background-attachment: fixed; overflow:hidden;}
.home_pro .home_title{color: #fff;}
.home_pro_box{float: left; width: calc(100%/3 - 20px); margin: 0 10px 20px; padding:30px 15px; text-align: center; border: 2px solid #E60012; box-sizing: border-box;}
.home_pro_box .pic{overflow: hidden;}
.home_pro_box .pic img{ width: 150px; height: 150px; border:1px solid transparent; border-radius: 50%; box-sizing: border-box; transform: rotate(0); transition: .6s;}
.home_pro_box .des{color: #ccc;  line-height: 26px;}
.home_pro_box .title{font-size: 20px; line-height: 30px; color: #fff; font-weight: bold; margin: 15px 0 10px; text-transform: uppercase;}
.home_pro_box .xian{ width: 20%; height: 2px; background: #E60012; margin: 10px auto 0px;}
.home_pro_box .home_pro_an{padding: 10px 0;}
.home_pro_box .home_pro_an a{font-size: 12px; color: #fff; font-weight: bold;}
.home_pro_box:nth-child(2n) .home_pro_an a{color: #222;}
.home_pro_box .home_pro_an a:hover{color: #E60012;}
.home_pro_box:nth-child(2n){background: #fff; border: 2px solid #fff;}
.home_pro_box:nth-child(2n) .pic img{border-radius: 0;}
.home_pro_box:nth-child(2n) .title{color: #222;}
.home_pro_box:nth-child(2n) .des{color: #7e7e7e;}
.home_pro_box .pic a:hover img{transform: rotate(360deg);}

.home_adv{padding: 70px 0; overflow:hidden;}
.home_adv_cont{}
.home_adv_cont dl{width:30%; float:left; margin-right:5%;text-align:center;}
.home_adv_cont dl:nth-child(3n){ margin-right:0;}
.home_adv_cont dt{}
.home_adv_cont dt img{vertical-align:middle;max-width:100%;}
.home_adv_cont dd h4{ font-size:26px; color:#000; padding:25px 0 15px; text-transform: uppercase;}
.home_adv_cont dd p{ color:#7e7e7e; line-height:30px; padding:0 15px;}*/




/*.header{background:#fff}
.header.flex{position: fixed;top: 0;left: 0; width: 100%; background: rgba(255,255,255,1); z-index: 1001; animation: picMovein .5s linear;box-shadow: rgba(0,0,0,.117647) 0 1px 3px;}
.header.flex .logo img{height:40px;}
.header.flex .nav li>a{padding: 17px 0 20px;}
.header.flex .logo{padding-top: 15px;}
.logo{float: left; padding-top: 20px;}
.logo img{height: 50px;}
.nav{float: right;}
.nav li{position: relative; display: inline-block;line-height: 30px; margin: 0 20px;}
.nav li>a{display: block; padding: 27px 0px 30px; color: #222; font-size: 16px; line-height: 30px;border-top:3px solid transparent;}
.nav li>a.act{ color: #e10707; border-top:3px solid #e10707;}
.nav li:hover>a{color: #e10707; border-top:3px solid #e10707;}
.nav li .erji{position: absolute; top: 100%; left: 0px; background: #fff; box-shadow: 0 0 4px rgba(0,0,0,.2); display: none; border-radius: 0 0 3px 3px;border-top:3px solid #e10707; z-index: 2000;}
.nav li .erji a{display: block; padding: 13px 50px 13px 20px; font-size: 16px; line-height: 24px; color: #2b2e32; white-space: nowrap;}
.nav li .erji a:hover{ background: #f2f2f2;}*/


.header{position: absolute; padding: 25px 5% 0; z-index: 200;}
.logo{}
.logo img{max-height: 60px;}
.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;}
.nav li>a{ line-height:20px; font-size:22px; color:#fff; padding:30px 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;}
.nav_tb{position: fixed;right: 80px; top: 50px; padding: 12px 10px; background: #E10707; cursor:pointer; 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 li .search{animation:zhuan .4s ease-out both 1;display:inline-block;animation-delay:1000ms; margin-top: 20px; border: 10px rgba(255,255,255,.1) solid;}
.search input{float: left; border: #CCCCCC solid 0px; line-height: 34px; width: 300px; padding: 0 5px;}
.search a{float: left; display: inline-block; padding: 0 10px; height: 34px; line-height: 34px; color: #fff; background: #E10707;}

.banner{position: relative;height:900px; box-sizing:border-box; overflow:hidden;}
.ban_text{position: absolute; top: 50%; left: 50%; width:62%; transform: translate(-50%,-60%); text-align:center; z-index:199;}
.ban_text h2{font-size: 54px; line-height: 64px; margin-bottom:0px; color: #fff;white-space: nowrap; letter-spacing: 2px;}
.ban_text h4{font-size:20px; line-height:30px; margin-bottom:25px; color:#fff; font-weight:normal}
.ban_text p{width:65%; margin:0 auto; font-size: 16px; color: #fff; padding-left: 10px;letter-spacing: 1px; line-height:30px;}
.ban_text p a{color:#fff; font-size:20px;}
.ban_text p a:hover{text-decoration:underline;}
.ban_text .an{text-align: center;}
.ban_text .an a{display: inline-block; margin-top: 35px; padding: 15px 28px; font-size: 12px; line-height: 14px; background: linear-gradient(to bottom,#a40102,#cb393a); color: #fff; border-radius: 30px;text-transform: uppercase;}
.ban_text .an a:hover{opacity:.8;}

.home_title{position: relative; font-size: 38px; line-height: 48px; text-align: center;}
.home_recommend{padding: 50px 30px 60px; overflow:hidden;}
.home_recommend h2:before{content: ""; position: absolute;top: 50%; left: 0; width: 35%; height: 1px; background: #e0dede;}
.home_recommend h2:after{content: ""; position: absolute;top: 50%; right: 0; width: 35%; height: 1px; background: #e0dede;}
.home_recommend_cont{margin-top: 35px;}
.home_recommend_cont .swiper-button-next,.home_recommend_cont .swiper-button-prev{ width: 30px; height: 60px; margin-top: -30px;background: rgba(0,0,0,.4); text-align: center; transition: .6s;}
.home_recommend_cont .swiper-button-next{right:0;}
.home_recommend_cont .swiper-button-prev{left: 0;}
.home_recommend_cont .swiper-button-next i,.home_recommend_cont .swiper-button-prev i{line-height: 60px; color: #fff;}
.home_recommend_cont .swiper-button-next:hover,.home_recommend_cont .swiper-button-prev:hover{background: rgba(0,0,0,.8);}
.home_recommend_text{position: absolute; top: 0; left: 0; width: 100%; height: 100%;display:flex ;align-items: center; justify-content: center; background: rgba(225,7,7,.9); color: #fff;text-align: center; transform: scale(0) rotate(0deg); opacity: 0; transition: .4s;}
.home_recommend_text h3{width: 100%; font-size: 15px; line-height: 28px;}
.home_recommend_text p{width: 100%; font-size: 13px; line-height: 20px;}
.home_recommend_text .more{position: absolute;bottom: 20px; left: 0; width: 100%; font-size: 12px;}
.home_recommend_cont .swiper-slide:hover .home_recommend_text{transform: scale(1) rotate(360deg);opacity: 1;}

.home_com{padding: 70px 30px; background: #f7f7f7;overflow:hidden;}
.home_com_left{float: left; width: 48%;}
.home_com_left i{line-height: 60px; color: #fff;}
.home_com_left .swiper-slide{overflow: hidden;}
.home_com_left .swiper-slide img{transition: .6s;}
.home_com_left .swiper-slide:hover img{transform: scale(1.2);}
.home_com_next,.home_com_prev{position: absolute; top: 50%; margin-top: -30px; width: 30px; height: 60px; text-align: center;background: rgba(0,0,0,.3); cursor:pointer;z-index: 1000; transition: .6s;}
.home_com_next:hover,.home_com_prev:hover{background: rgba(0,0,0,.6);}
.home_com_next{right: 0;}
.home_com_prev{left: 0;}
.home_com_right{float: right; width: 48%; font-size: 15px; line-height: 28px; color: #747474;}

.home_pro{padding: 70px 30px;}
.home_pro_nav{ margin: 40px 0; text-align: center; background: #f7f7f7;}
.home_pro_nav a{ float: left; display: block; width: calc(100%/6); padding: 11px 0; color: #222222; line-height: 25px; font-weight: bold; font-size: 16px;border-top: 3px solid #f7f7f7;}
.home_pro_nav a.act{background: #fff; border-top: 3px solid #e10707;}
.home_pro_nav a:hover{background: #fff;border-top: 3px solid #fff;}
.home_pro_nav a.act:hover{border-top: 3px solid #e10707;}
.home_pro_cont{display: none;}
.home_pro_cont.show{display: block;animation: show .6s linear;}
@keyframes show{
	from{opacity: 0;}
	to{opacity: 1;}
}
.home_pro_cont dl{position: relative; float: left; width: calc(25% - 9px); margin-right: 12px; overflow: hidden;}
.home_pro_cont dl:nth-child(4n){margin-right: 0;}
.home_pro_cont dd{position: absolute; top: 0; left: 0; width: 100%; height: 100%;display:flex ;align-items: center; justify-content: center; background: rgba(225,7,7,.9); color: #fff;text-align: center; transform: translateY(100%); opacity: 0; transition: .4s;}
.home_pro_cont dd h3{width: 100%; font-size: 15px; line-height: 28px;}
.home_pro_cont dd p{width: 100%; font-size: 13px; line-height: 20px;}
.home_pro_cont dd .more{position: absolute;bottom: 20px; left: 0; width: 100%; font-size: 12px;}
.home_pro_cont dl:hover dd{transform: translateY(0); opacity: 1;}

.home_contact{padding: 50px 30px 70px; background:#f7f7f7; overflow:hidden;}
.home_contact h2{margin-bottom:35px;}
.home_contact_left{ float:left;width: 58%; height: 400px; overflow: hidden; background: #f2f2f2;}
.home_contact_right{float: right; width: 38%;}
.home_contact_right p{color: #747474; line-height: 30px; margin-bottom: 20px;}

.reture_top{position: fixed; right: 75px; bottom: 0; width: 48px; height: 35px; text-align: center; border-radius: 5px 5px 0 0; background: #474747; color: #fff; cursor:pointer;transition: .6s;}
.home_contact_right i{width:30px; text-align:center; color:#E10707; font-size:20px}
.reture_top i{line-height: 35px;}
.reture_top:hover{background: #E10707;}




.foot{padding: 50px 0 40px; background: #404040; color: #fff;}
.foot h3{font-size: 20px; line-height: 34px; margin-bottom: 15px; padding-bottom: 8px; position: relative;}
.foot h3:after{content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background: #E60012;}
.foot_about p{line-height: 26px; font-size: 13px;}
.foot_about a{display: inline-block; font-size: 12px; line-height: 28px; padding: 0 15px; background: #666; color: #fff; margin-top: 20px; font-weight: bold; transition: .6s;}
.foot_about a:hover{background: #fff; color: #E60012;}
.foot_nav{}
.foot_nav a{display: block; width: 50%; float: left; color: #fff; font-size: 13px; line-height: 14px; padding:5px 0 20px;}
.foot_nav a i{ margin-right: 8px; height: 14px; width: 14px; line-height:14px; text-align: center; font-size: 12px; font-weight: bold; background: #555; vertical-align: top;color: #949fb2;}
.foot_nav a:hover{color: #E60012;}
.foot_nav a:hover i{color: #E60012;}
.foot_contact li{margin-bottom: 10px;line-height: 24px;color: #7e7e7e;}
.foot_contact span{color: #fff;}
.copy{ background: #111; line-height: 22px; padding: 8px 10px; color: #fff; text-align: center;}

.nybanner{padding: 170px 0 80px; background: url(../images/banner1.jpg) no-repeat center;}
.probanner{padding: 135px 0 35px;}
.mid_title{ position: relative; font-size: 40px; line-height: 50px; padding-bottom: 15px; margin-bottom: 0px; text-align: center; text-transform: uppercase; color: #fff;}
.mid_title:after{content: ""; position: absolute; bottom: 0;left: 50%; transform: translateX(-50%); width: 90px; height: 5px; background: #E60012;}
.mid_pos{ text-align:center; color:#fff; display:none;}
.mid_pos ul{ display:inline-block;padding:2px 12px; background: #ccc; border-radius: 5px;}
.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; color: #E60012;}

.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: 16px;line-height: 20px; color: #222;font-weight: bold;display: block;}
.mid_nav li a:hover{color: #E60012;}
.mid_nav li .act{background:#E60012; color: #fff; border-radius: 5px;}
.mid_nav li .act:hover{color: #fff;}

.mid{padding: 0px 0 70px;}

.about_adv{background: #f2f2f2; margin: 40px 0; padding: 50px 0;font-size: 28px;line-height: 50px; color: #222;}
.about_adv span{font-size: 28px; width: 50px;height: 50px; color: #fff; text-align:center;background: #E60012;border-radius: 10px; vertical-align: middle;float: left; margin-right: 10px;}
.about_adv span i{line-height: 50px;}

.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_pic{text-align: center;}
.procont_cont{font-size:14px; color:#7e7e7e; line-height:26px;}
.procont_cont p{ margin-bottom:10px;}

.pro_link{ text-align:center; margin: 20px 0;}
.pro_link h3{margin-bottom:10px; font-size:16px; line-height:28px;}
.pro_link_an a{ display:inline-block; width:50px; height:30px; margin:0 4px 4px 0; border:1px solid;}
.pro_link_an a i{ line-height:30px;}
.pro_link_an .facebook{ border-color:rgba(76,105,199,.3); color:#4c69c7;}
.pro_link_an .twitter{ border-color:rgba(42,190,235,.3); color:#2abeeb;}
.pro_link_an .google{ border-color:rgba(230,66,53,.3); color:#e64235;}
.pro_link_an .linkedin{ border-color:rgba(0,123,199,.3); color:#007bc7;}
.pro_link_an .facebook:hover{ border-color:#4c69c7;}
.pro_link_an .twitter:hover{ border-color:#2abeeb;}
.pro_link_an .google:hover{ border-color:#e64235;}
.pro_link_an .linkedin:hover{ border-color:#007bc7;}

.contact_info{}
.contact_info h3{font-size: 18px; line-height: 28px; margin-bottom: 10px;}
.contact_info h4{font-size: 16px; margin: 20px 0 10px;}
.contact_info p{line-height: 28px; color: #7e7e7e;}
.contact_info a{color: #222;font-weight: bold;}
.contact_info a:hover{color: #E60012;text-decoration: underline;}
.contact_map{margin-top: 20px; max-height: 400px; overflow: hidden;}

.message p{ color:#85868c; font-size:15px; line-height:27px; margin-bottom:20px;}
.message 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;}
.message input::-webkit-input-placeholder{color:#ccc;}
.message 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;}
.message textarea::-webkit-input-placeholder{color:#ccc;}
.message a{ font-size:14px; line-height:38px; height:38px; color:#fff; padding:0 18px; background:#E60012; display:inline-block; margin-top:10px;}
.message a:hover{ background:#98000c;}

.equ{ margin-top: 10px;}
.equ img{width: calc(100%/3 - 10px); margin: 0 15px 15px 0;}
.equ img:nth-child(3n){margin-right: 0;}

.video{position:absolute;top:0;left:50%; transform:translateX(-50%); height:900px; vertical-align:middle;}
.video_bj{position: absolute;top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); z-index: 100;}

.home_adv{padding: 70px 0;overflow:hidden;}
.home_subtitle{font-size: 24px; text-align: center; font-weight: normal; color: #E10707; margin-bottom: 10px;}
.home_adv_cont{ margin: 70px auto 0;}
.home_adv_box{float: left; width: 48.5%; margin:0 3% 35px 0; background: #f2f2f2; padding: 30px 25px;border: 1px solid transparent; box-sizing: border-box;}
.home_adv_box:nth-child(2n){margin-right: 0;}
.home_adv_icon{position:relative;float: left;}
.home_adv_icon span{position:relative;display: inline-block; width: 50px; height: 90px; margin: 0 25px; background: #E10707;}
.home_adv_icon span:before{content: ""; position: absolute; top: 0; right: 100%; border:45px solid transparent; border-right: 25px solid #E10707;}
.home_adv_icon span:after{content: ""; position: absolute; top: 0; left: 100%; border:45px solid transparent; border-left: 25px solid #E10707;}
.home_adv_icon i{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 40px;}
.home_adv_text{padding-left: 120px;}
.home_adv_text h3{font-size: 20px; color: #E10707;}
.home_adv_text h4{font-size: 12px; color: #000; padding: 5px 0 10px;}
.home_adv_text p{color: #777; line-height: 28px; height: 56px; overflow: hidden;}
.home_adv_box:hover{border: 1px solid #E10707; background: #fff;}

.home_com_right h2{font-size: 24px; font-weight: normal; color: #E10707;}
.home_com_right h3{font-size: 36px; color: #000; margin: 20px 0 30px;}
.home_com_right h4{font-size: 24px; font-weight: normal; color: #000; margin-bottom: 40px; font-style: italic;}
.home_com_right a{display: inline-block; padding: 3px 15px; margin-top: 25px; background: #E10707; color: #fff; border: 1px solid #E10707;}
.home_com_right a:hover{background: none; color: #E10707;}

/*.banner{perspective: 800px;}
.banner_show span{display: inline-block; transform-style: preserve-3d;animation: ban_show 1.4s backwards; transition: .8s;}

@keyframes ban_show{
	from{transform:translateZ(300px) scale(5); opacity: 0;}
	to{transform:translateZ(0px) scale(1); opacity: 1;}
}*/



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

/*产品标签*/
.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){
.banner{height:700px;}
.video{height:700px;}
.ban_text{width:80%;transform:translate(-50%,-50%)}
.home_com_right p{height:168px; overflow:hidden;}
	}

@media screen and (max-width:1199px){
.wid{width:94%;}
.banner_text h2{font-size:36px;line-height:46px;}
.banner_text p{padding:5px 0; font-size:15px; line-height:28px; }
.home_com_nav a{font-size:15px; line-height:24px;}
.foot_nav a{width:100%;}
.ban_text{width:90%;}
.home_com_right h3{font-size:30px; margin:10px 0 15px;}
.home_com_right h4{font-size:16px; margin-bottom:20px;}
.home_com_right p{height:112px;}
	}

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

.wid{width:96%;}
.top_left a:nth-child(3),.top_right{display:none;}
.logo img{height:36px;}
.header{padding:10px 10px 0;}
.nav_tb{top:3px; right:3px; transform:scale(.6)}
.nav li > a{padding:20px;}
.search input{width:200px;}
.banner{height:400px;}
.video{height:400px;}
.ban_text{left:0px;top:18%; transform:translate(0,0)}
.ban_text h2{font-size:30px; line-height:36px;padding:10px; letter-spacing:0; margin-bottom:5px;}
.ban_text p{font-size:13px; line-height:24px; padding-left:15px;letter-spacing:0;}
.ban_text p:nth-child(3){display:none;}
.ban_text p:nth-child(4){display:none;}
.home_title{font-size:28px; line-height:38px;}
.home_recommend h2::before,.home_recommend h2::after{width:0;}
.home_recommend,.home_com,.home_pro{padding:35px 10px; overflow:hidden;}
.home_com_left{width:100%;margin-bottom:20px;}
.home_com_right{width:100%; font-size:12px; line-height:24px;}
.home_pro_nav{margin:35px 0 15px;}
.home_pro_nav a{width:calc(100%/3); font-size:12px;}
.home_pro_cont dl{width:calc(50% - 9px); margin-top:15px;}
.home_pro_cont dl:nth-child(2n){margin-right:0;}
.home_contact{padding:15px 10px 40px}
.home_contact_left{width:100%;height:300px; margin-bottom:15px;}
.home_contact_right{width:100%;}
.home_adv{padding:35px 0 15px;}
.home_subtitle{font-size:18px; margin-bottom:5px;}
.home_adv_cont{margin-top:30px; overflow:hidden;}
.home_adv_box{width:100%; margin:0 0 15px 0; padding:15px 10px;}
.home_adv_text p{font-size:12px; line-height:20px; height:40px;}
.home_adv_text h4{padding:4px 0 7px;}

.foot{padding:15px 0 5px;}
.nybanner{padding:90px 0 40px;}
.mid_title{font-size:32px; line-height:42px;}
.mid_nav{padding:15px 0;}
.about_adv{display:none;}
.prolist dl{width:50%}
.contact_map{height:320px}


.mid_nav li a{padding:5px 5px; font-size:12px;}
	}