body, html { width: 100%; margin: 0; padding: 0; font-size: 16px;font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Heiti SC", STXihei, "Microsoft YaHei", SimHei, "WenQuanYi Micro Hei",Arial,"\5b8b\4f53";  color: #000;}
* { margin: 0px; padding: 0px; outline: 0 none; word-wrap: break-word; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
ul, li { list-style-type: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
a { color: #333; outline: none; text-decoration: none; transition: all 0.1s;}
a:hover {color:#cc0000; text-decoration: none; }
em, i { font-style: normal; }
.cf:before, .cf:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
body, input, select, button, textarea {font-family:"Microsoft YaHei", "΢ÈíÑźÚ", Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Heiti SC", STXihei, SimHei, "WenQuanYi Micro Hei",Arial,"\5b8b\4f53";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
input, textarea, button { border: none; background: none; appearance: none; -webkit-appearance: none; outline:none; } 
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
.clear, .clearfix, .fixclear{ height: 0; overflow: hidden; clear: both; }
.cf { zoom: 1; } 
img { border: none; max-width: 100%; height: auto; transition: all 0.5s ease 0s; display: inline-block; vertical-align: top; }
.rel { position: relative; }
.abs { position: absolute; }
.tc{text-align:center;}
.fl{float:left;}
.fr{float:right;}
.hid { overflow: hidden; }

.wrap { position: relative; width:1200px; margin:0 auto;}
.header {   height: 100px; background: #fff; position: fixed; left:20px; top: 20px;right:20px;  z-index: 990; box-shadow:0 2px 3px rgba(0,0,0,0.1);transition: all 0.5s; min-width:1024px; }
.header.hiddened{top:-120px;}
.logo { float: left; }
.slogan{float:left;font-size:1.8rem;margin:28px 0 0 26px;}
.t_right { float: right; padding-top: 40px; }
.nav { margin-top: 40px; margin-right:20px;  display: flex; justify-content: space-around; }
.nav li { float: left; padding: 0 10px; position: relative; }
.nav li:nth-child(1){background: none;}
.nav li > a { display: block;padding-bottom:39px; font-size: 16px; position: relative; }
.nav li.hover>a, .nav li.cr>a { color: #cc0000; }
.nav li > a:after{display:none; content: '';width: 0;height:3px;background: #cc0614; position: absolute;left:50%;bottom:0;margin-left:0; transition: all 0.3s;}
.nav li.cr > a:after{width: 96%;margin-left:-48%;}
 
.searchbox{width:226px;height:100px; text-align:center; background:#0372df;display: flex; display: -webkit-flex;-webkit-align-items: center;align-items:center;-webkit-justify-content: center; justify-content: center;  float:right;  overflow:hidden;} 
.searchbox a{ font-size:20px;color:#fff;  } 
.searchbox a img{margin-right:15px;}



.hheader{ width:100%; background-color:#FFFFFF; padding:10px 0px;}
.hheader_1{ width:1200px; margin:0 auto;}
.hheader_1_1{ width:500px; float:left;}
.hheader_1_2{ width:370px; float:left; margin-left:50px;}
.hheader_1_3{ width:178px; float:right;}


.hmenu{ width:100%; height:56px; background:#0372df;}
.hmenu_1{ width:1197px; margin:0 auto;}
.hmenu_1_1{ width:153px; float:left;}
.hmenu_1_2{ width:1px; height:26px; margin:15px 10px; float:left; background:#ffffff;}
.hmenu_1_1 a{ display:block; width:153px; height:56px; font-size:16px; color:#FFFFFF; line-height:56px; text-align:center;}
.hmenu_1_1 a:hover{ background:#cc0000;}



.banner { width: 100%; position: relative; z-index: 10; overflow: hidden; min-width:1200px; }
.banner img {width:100%;} 
.banner .swiper-pagination-bullet{ background:#fff; opacity: 0.4;border-radius: 0;}
.banner .swiper-pagination-bullet-active{ opacity: 1; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:30px;height:30px;margin:5px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{width:100%;bottom:42px;left:50%;font-size:0;margin-left:-50%;} 
.banner .swiper-button-prev{left:2.6%;}
.banner .swiper-button-next{right:2.6%;}
.banner .swiper-button-prev,.banner .swiper-button-next{ opacity: 0.4;} 
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{ opacity: 1; } 
.ban_txt{ position: absolute;width:100%; z-index: 100;left:0;top:37%; }
.ban_txt h2{ font-size:6rem;color:#fff;line-height:1;padding-top:55px;background: url(../images/fan.png) no-repeat left top; transition:all 0.5s ease 0.8s; margin-top:30px; opacity: 0;  } 
.ban_txt h3{ font-size:4rem;color:#fff; letter-spacing: 15px;  transition:all 0.5s ease 1s;margin-top:50px; opacity: 0; text-transform: uppercase; }
.ban_txt span{display: block;width:177px;height:65px;line-height:65px;font-size:16px;color:#fff;padding-left:40px;background: #d50e05 url(../images/more.png) no-repeat 80% 50%;transition:all 0.5s ease 1s;margin-top:90px; opacity: 0;}
.banner .swiper-slide-active .ban_txt h2{opacity: 1;margin-top:0;}
.banner .swiper-slide-active .ban_txt h3{opacity: 1;margin-top:20px;}
.banner .swiper-slide-active .ban_txt span{opacity: 1;margin-top:60px;}


.inLink {padding:78px 0 68px;}
.inLink .wrap{ text-align:center}
.inLink a{display:inline-block;width:300px;text-align:center;border-left:1px solid #dddddd;}
.inLink a:nth-child(1){border-left:none;}
.inLink a span{display:block;}

.inLink a.hnav span.link_tit{font-size:16px;margin:30px 0 35px; color:#333333;}
.inLink a.hnav span.link_img{width:75px;height: 75px;margin:0 auto; overflow:hidden;}
.inLink a.hnav span.link_img img{transition:none;}
.inLink a.hnav span.link_more{width:13px;height:11px;background: url(../images/arrow1.png) no-repeat center;margin:0 auto;}
.inLink a.hhnav span.link_tit{font-size:16px;margin:30px 0 35px; color:#cc0000;}
.inLink a.hhnav span.link_img{width:75px;height: 75px;margin:0 auto; overflow:hidden;}
.inLink a.hhnav span.link_img img{margin-top:-75px;}
.inLink a.hhnav span.link_more{width:13px;height:11px;background: url(../images/arrow2.png) no-repeat center;margin:0 auto;} 


.inIntro{margin: 0 auto; margin-top:70px;}


.injianjie{padding-bottom:80px; background: url(../images/pro_bg.jpg) no-repeat center bottom/100%; min-width:1200px; margin:0 auto;  margin-top:50px;}
.inleft{width:62%;margin:0;   float:left; }
.inleft img{ width:100%;}

.injianjie .qw_txt{width:500px;height:170px;padding:50px 50px 0 60px; background: rgba(0,0,0,0.3); position: absolute; left:0px; bottom:0px;transition: all 0.8s; opacity: 1;}
.injianjie .qw_txt h2{padding-right:65px;font-size:30px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.injianjie .qw_txt h3{padding-right:65px;font-size:24px;margin-top:10px; color:#fff;}
.injianjie .qw_txt span{float:right;display:block;width:62px;height:59px;background:#548071 url(../images/news2.png) no-repeat center;}



.inright{ width:28%; float:right; margin-right:6%; padding-top:130px;}
.inright_1{ font-size:24px; color:#000000; line-height:40px; text-align:left; padding-top:0px;}
.inright_2{ width:50px; height:5px; background:#cc0000; margin:20px 0px;}
.inright_3{ font-size:14px; color:#000000; line-height:30px; text-align:left;}
.inright_4{ margin-top:20px;}
.inright_4 a{ display:block; background:#cc0000; width:150px; height:40px; text-align:center; font-size:14px; color:#FFFFFF; line-height:40px;}



@media (min-width: 1600px){
.inright_2{margin:30px 0px;}
.inright_1{ font-size:30px; padding-top:80px;}
.inright_3{ font-size:16px; line-height:36px;}
}

.inProduct{margin: 0 auto; margin-top:85px; width:1200px;overflow:hidden;}

.lk_tit h3{display:inline-block;font-size:18px;letter-spacing: 9px;padding-right:54px; background: url(../images/fan4.png) no-repeat right center;}
.lk_tit h2{font-size:36px; text-transform:uppercase; font-weight: bold; line-height:1;margin:15px 0;}
.lk_tit p{font-size:14px;color:#666;letter-spacing: 6px;}
.lk_tit i{display: block;width:17px;height:24px;background: url(../images/bar.png) no-repeat center;margin-top:30px;}
.lk_more{display: block;width:200px;height:60px;line-height:60px;padding:0 78px 0 35px;border:2px solid #000;font-size:18px; white-space: nowrap;margin-top:40px; background: url(../images/more1.png) no-repeat 83% 50%;}
.lk_more:hover{border-color:#cc0000; background-image: url(../images/more2.png); color:#cc0000;}
.inProduct .lk_tit{float:left; position: relative; z-index: 10;}
.inProduct .lk_tit h3{background: url(../images/fan1.png) no-repeat right center;}

.inPro_box{width:1230px; padding:40px 0px; padding-top:30px;}
.inPro_cell{display:none;}
.inPro_cell.active{display:block;}
.inPro_cell dl{float:left; position: relative; width:370px; margin:15px 0px; margin-right:30px; border:5px #f3f3f3 solid;}

.inPro_cell dl dt{overflow: hidden;}
.inPro_cell dl img{width:100%;}
.inPro_cell dl:hover dt img{transform: scale(1.1);}
.inPro_cell dl dd{ width: 100%;height:100%; position: absolute;left:0;top:0;}
.inPro_cell dl dd .mask { width: 100%;height:100%;left:0;top:0; padding: 3em 5em; transition: all 0.5s ease 0s; position:absolute;  }
.inPro_cell dl dd .mask::before, .inPro_cell dl dd .mask::after { box-sizing: border-box; content: ''; position: absolute; top: 25px; left:25px;bottom:25px;right:25px;   -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }
.inPro_cell dl dd .mask::before { border-top: 5px solid #eee; border-bottom: 5px solid #eee; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); }
.inPro_cell dl dd .mask::after { border-left: 5px solid #eee; border-right: 5px solid #eee; -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); }
.inPro_cell dl dd a:hover .mask::before,.inPro_cell dl dd a:hover .mask::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }
.inPro_cell dl dd .mask span{display: block;width:33px;height:33px; background: url(../images/product4.png) no-repeat center; background-size: 100%; position: absolute;right:65px;bottom:58px; transition: all 0.5s ease 0s; transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0; filter: alpha(opacity=0);}
.inPro_cell dl dd a:hover .mask{ background: rgba(0,0,0,0.4);}
.inPro_cell dl dd a:hover .mask span{opacity: 1; filter: alpha(opacity=1);transform: scale(1);}
.inPro_cell dl dd .div1{ position: absolute;left:20px;bottom:20px;transition: all 0.5s;}
.inPro_cell dl dd .div2{ width:55%;position: absolute;left:60px;bottom:60px;transition: all 0.5s; opacity: 0; filter: alpha(opacity=0);font-size:16px;color:#f5f5f5;line-height: 1.75;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.inPro_cell dl dd h3{font-size:16px;color:#fff;}
.inPro_cell dl dd h4{font-size:16px;color:#333;}
.inPro_cell dl dd a:hover .div1{left:60px;bottom:auto;top:58px;} 
.inPro_cell dl dd a:hover .div2{opacity: 1; filter: alpha(opacity=100);}
.inPro_cell:nth-child(2) dl dd .div2{display: none;}
.inPro_txt{float:left;width:25%;font-size:14px;color:#000;line-height:2;padding:3% 0 0 3%;}
.inPro_txt span{color:#ce0e05;}

.inPro_cell dl dd a:hover .div1 h4{font-size:16px;color:#fff;}

.inVideo{margin-top:20px; background:url(../images/hguang1.jpg) no-repeat center; padding:150px 0px; min-width:1200px; background-attachment:fixed}
.inVideo_con{width:1200px; margin:0 auto; color:#fff; } 
.inVideoleft{ width:640px; }

.inVideoleft h3{font-size:36px;line-height: 1.3;margin-top:25px; margin-bottom:20px;}
.inVideoleft h4{font-size:18px;font-family:Arial;line-height: 1.5; text-transform: uppercase;padding-left:78px; position: relative;}

.inVideoleft h4::before{width:50px;height:4px;background:#c00; content:""; position: absolute;left:0;top:50%;margin-top:-2px;}
.inVideoleft p.pinpai1{ font-size:18px; color:#FFFFFF; line-height:40px;  text-indent:0em;}
.inVideoleft p.pinpai2{ font-size:14px; color:#FFFFFF; line-height:30px; margin-top:30px; text-indent:0em;}





.inService{margin:0 auto; padding-bottom:100px; background: url(../images/hyybg.jpg) no-repeat center bottom;}
.inService_in{padding:80px 0 0px;}
.inService .lk_tit h3{background: url(../images/fan2.png) no-repeat right center;}

.service_box{ padding-top:40px; width:1200px; margin:0 auto;}

.service_box a{display:block;width:22.9%;float:left;overflow: hidden; position: relative;margin-left:2.8%;}
.service_box a:nth-child(1){margin-left:0;}

.service_box a:hover img{transform: scale(1.1); }
.service_box a h3,.service_box a h4{font-size:18px;color:#fff; position: absolute;left:30px; z-index: 20;}
.service_box a h3{top:30px;text-transform: uppercase;}
.service_box a h4{padding-bottom:30px;bottom:30px;background:url(../images/more3.png) no-repeat left bottom;}
.service_box a:nth-child(1){margin-top:54px;}
.service_box a:nth-child(2){margin-top:128px;}
.service_box a:nth-child(3){margin-top:54px;}
.service_box a:nth-child(4){margin-top:90px;}



.inNews{margin:82px 0 60px; min-width:1200px;}

.inNews_box{width:100%;padding-top:55px; position: relative;}


.lk_more{display: block;width:200px;height:60px;line-height:60px;padding:0 50px 0 25px;border:2px solid #000;font-size:18px; white-space: nowrap;margin-top:20px; background: url(../images/more1.png) no-repeat 83% 50%;}
.lk_more:hover{border-color:#cc0000; background-image: url(../images/more2.png); color:#cc0000;}

.inNews_left{width:48.4%;float:left;margin-right:40px;}
.inNews_left dl{position: relative;}
.inNews_left dt{position: relative; overflow: hidden; height:330px; }
.inNews_left dt a:hover{}
.inNews_left dt a:hover img{transform: scale(1.1);}
.inNews_left dl dd{width:38%;padding:28px; position: absolute;left:37px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);background: #fff; z-index: 10;}
.inNews_left .news_txt h3{font-size:20px;line-height:30px;}
.inNews_left dt a:hover .news_txt h3{ color:#71bd62}
.inNews_left .news_txt .news_date{display:block;font-size:14px;color:#666666; font-family: "HelveticaNeue Thin";margin-top:12px;}
.inNews_left .news_txt p{font-size:14px;color:#66676c; line-height:24px;margin-top:20px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.inNews_left .news_txt .more{display:block;width:45px;height:45px;background: #cc0000 url(../images/more4.png) no-repeat center;margin-top:45px;}


.inNews_right dl{margin-bottom:30px; display:flex; align-items: center;}
.inNews_right dl,.inNews_right dt,.inNews_right dd,.inNews_right dd a{overflow: hidden;}
.inNews_right dl a:hover img{transform:scale(1.1); }
.inNews_right dl dt{width:140px;float: left;flex:0 0 120px;}
.inNews_right dl dd{padding-top:5px;flex:1;}
.inNews_right .news_date{float:left;padding:10px 30px;font-size:14px;color:#2e2f34;text-align:center; border-right:2px solid #dddddd;}
.inNews_right .news_date span{display:block;font-size:36px;line-height: 1;margin-bottom:8px;}
.inNews_right dd a{display:block;height:100%;padding:0 30px; padding-right:0px; }
.inNews_right dl:hover .news_date{border-color:#cc0000;}
.inNews_right dd a h3{font-size:18px;color:#2e2f34;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.inNews_right dd a p{font-size:14px; color:#66676c; line-height:24px;margin-top:15px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; }

.footer { padding:60px 0 50px;background: #181819; overflow: hidden; min-width:1200px;}
.f_left { width: 400px; float: left;margin-right:12px; margin-left:80px; }
.f_left_tit{font-size: 16px;color:#fff;padding-left:28px;background: url(../images/tel_icon.png) no-repeat 0 50%; }
.contact_text{ margin-top: 15px;}
.contact_text h3 a{font-size:36px;color:#fff;font-weight:bold;line-height:60px;}
.contact_text p{display:block;font-size: 14px;color:#999;margin-top:10px;}

.f_menu {float:left;  overflow: hidden; width:340px; }
.hfooter_1_2_1{ font-size:24px; font-weight:bold; color:#ffffff; line-height:50px; border-bottom:2px #ffffff solid; text-align:left; width:100px;}
.hfooter_1_2_2{ text-align:left; margin-top:30px;}
.hfooter_1_2_2 a{ display:inline-block; width:110px; text-align:left; font-size:14px; color:#999; line-height:36px;}
.hfooter_1_2_2 a:hover{color:#fff; }

.ewmbox{float:right;}
.ewm_item{width:146px;float:left;margin-left:32px;padding-bottom:10px;background: #222222;font-size: 14px;color:#999;text-align:center;}
.ewm_item img{display:block;width:120px;height:120px;margin:13px;}


.ft_bom{padding:20px 0;background:#111; min-width:1200px;} 
.ft_left{ width:1200px; margin:0 auto; text-align:center}

.copyright {font-size:14px;color:#999; line-height: 1.8;margin-top:10px;}
.copyright a{color:#999;padding-right:10px; padding-left:15px;}
.copyright a:hover{color:#fff;}
.copyright a.beian{padding:2px 10px 2px 24px;background:url(../images/gongan.png) no-repeat left center;}