*{padding: 0px;margin: 0px; font-family:"æ€æºé»‘体";}
*, ::after, ::before { box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none; }
li {list-style: none;}
a {text-decoration: none;}
body { background:#f3f3f3;}
body,html {height: 100%;width: 100%;font-size: 14px;}
.index{ background:#fff;}
/* h5 */
.drawer-nav { display: none; }
.drawer-hamburger{display: none;}
.icen {width: 100%;margin: auto;position: relative; padding:0 60px;}
.icen1 {width: 100%;margin: auto;position: relative; padding:0 10px;}
.icen2 {width: 1280px;margin: auto;position: relative;}
/* head */
.head {position: fixed; top: 0rem; width: 100%; z-index: 99;background: #fff;transition: 0.3s;}
.head .icen{box-sizing: border-box;height: 90px;display: flex;justify-content: space-between;align-items: center; z-index: 4;}
.head .logo a{width: 100px;display: flex;align-items: center;}
.head .logo img{width: 100px;}
.head .nav {width: 73%;display: flex;justify-content: space-between;align-items: center;}
.head .nav ul {width: 100%; display: flex; justify-content: flex-end; align-items: center;}
.head .nav ul li {position: relative;}
.head .nav ul li .a { color:#333; position: relative;font-size: 16px;line-height: 90px;height: 90px; padding: 0 2.8rem; display:block;}
.head .nav ul li:hover .a { color:#a20002;}
.head .nav ul li:hover .sub { opacity:1;display: block;height: auto;animation: tui 0.2s 0.05s linear forwards;}
.head .nav ul li .sub { opacity:0;position:absolute;left:-30%; top:100%; display:none;width:160%; transition:0.2s; background:#fff; }
.head .nav ul li .sub dl { position: relative; margin:5px 0 30px; }
.head .nav ul li .sub dl dd { width:100%; margin: 0; line-height:40px; }
.head .nav ul li .sub dl dd a { width:100%; font-size: 16px; border-bottom: 0.1rem solid #fff; color: #666; display: block; position: relative; text-align:center;}
.head .nav ul li .sub dl dd a:hover { color:#a20002;}
/* ibanner */
.ibanner { position: relative;width: 100%; margin-top:90px;}
.ibanner .swiper {width: 100%;}
.ibanner .swiper img { width:100%;}
.ibanner .swiper-button-next{position:absolute;top:40%;width:69px;height:163px;z-index:10;cursor:pointer;background-size:69px 163px;
background-position:center;background-repeat:no-repeat}
.ibanner .swiper-button-prev{position:absolute;top:40%;width:69px;height:163px;z-index:10;cursor:pointer;background-size:69px 163px;
background-position:center;background-repeat:no-repeat}
.ibanner .swiper-button-prev{background:url(next.png);left:10px;right:auto;}
.ibanner .swiper-button-next{background:url(prev.png);right:10px;left:auto;}
.ibanner .ibanner-next:hover {background:url(next1.png);}
.ibanner .ibanner-prev:hover {background:url(prev1.png);}
/* ind01 */
.ind01{width: 100%;box-sizing: border-box;padding: 60px; background:url(ind01bg.jpg) no-repeat;}
.ind01 ul{width: 100%;position: relative;}
.ind01 ul li{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 110px;}
.ind01 ul li .img{width: 55%;box-sizing: border-box;overflow: hidden;position: relative;z-index: 0;}
.ind01 ul li .img img{width: 100%;}
.ind01 ul li .txt{width: 38%;margin-left: 7%;position: relative;z-index: 1;box-sizing: border-box;}
.ind01 ul li .txt h1{font-size: 36px; font-weight:normal;color: #666;position: relative;}
.ind01 ul li .txt h2{width: 100px;height: 4px;background: #b60005; margin-top:20px;z-index: 1;}
.ind01 ul li .txt h3{font-size: 22px;color: #333;font-weight: bold;margin: 20px 0;}
.ind01 ul li .txt p{font-size: 16px;color: #666666;line-height: 30px;}
.ind01 ul li .txt .more{line-height:45px;background:#a20002;border-radius:45px;width:154px;color:#fff;margin-top:40px}
.ind01 ul li .txt .more a{ display:block; text-align:center; font-size:14px;color:#fff;}
.ind01 ul li:nth-of-type(odd){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
.ind01 ul li:nth-of-type(odd) .txt{padding-left: 0;margin-left: 0;margin-right: 7%;}
.ind01 ul li:last-child{margin-bottom: 0;}
/* ind02 */
.ind02{padding: 0 0 110px; background:url(ind01bg.jpg) no-repeat;}
.ind02 .i_tit{ padding:0 100px;}
.ind02 .i_tit .en{font-size:28px;color:#b2b2b2;font-weight:400;font-family:gothmbok;text-transform:uppercase;line-height:1}
.ind02 .i_tit h4{margin-top:0;font-size:26px; font-weight:bold; color:#333;}
.ind02 ul{width:100%; position:relative;display: flex;justify-content: space-between; margin-top:50px;}
.ind02 ul li{width:24.5%;background-color:#b60005;margin-bottom:10px; position:relative;}
.ind02 ul li img{width:100%;}
.ind02 ul li:nth-child(even){background-color:#0f5a87}
.ind02 ul li:hover .img{-webkit-transform:scale(1.08); transform:scale(1.08);transition: all 1.8s;}
.ind02 ul li .title{ width:100%;position:absolute;padding:15px 15px;bottom:0px;z-index:5;color:#fff;font-size:18px; background:rgba(0,0,0,0.3)}
.ind02 ul li .title .cn{font-size:18px}
.ind02 ul li .title .en{font-family:gothmbok;font-size:14px;text-transform:uppercase;opacity:.5}
.ind02 ul li::before{position:absolute;left:0;content:'';bottom:0;width:100%;height:35%;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.7)));
background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.7));z-index:3}
/* ind03 */
.ind03 {padding: 100px 0 60px; width:100%;position: relative;}
.ind03 .i_tit{ padding:0 50px;}
.ind03 .i_tit .en{font-size:28px;color:#b2b2b2;font-weight:400;font-family:gothmbok;text-transform:uppercase;line-height:1}
.ind03 .i_tit h4{margin-top:0;font-size:26px; font-weight:bold; color:#333;}
.ind03 .icen{width:100%;position: relative; display: flex; justify-content: center; align-items: center;}
.ind03 .wenz { width:33%; margin-right:-10%;position: relative;-index:2; background:#b60005;height:auto;z-index:5;color:#fff;top:60%;font-size:16px;}
.ind03 .wenz .swiper {width:100%;position: relative; overflow:hidden;}
.ind03 .wenz .swiper .swiper-slide{padding:50px;}
.ind03 .wenz .swiper .swiper-slide .title {font-size:22px;color: #fff; margin-bottom:20px;}
.ind03 .wenz .swiper .swiper-slide .des {font-size:14px; line-height:30px;color: #fff;}
.ind03 .wenz .swiper .swiper-slide .more{line-height:45px;background:#fff;border-radius:45px;width:154px;margin-top:40px; text-align:center;}
.ind03 .wenz .swiper .swiper-slide .more a{ display:block; text-align:center; font-size:16px;color:#333;}
.ind03 .wenz .swiper-button-next{position:absolute;top:60%; left:auto; right:-28px;width:57px;height:44px;z-index:100;cursor:pointer;background-size:57px 44px;background-position:center;background-repeat:no-repeat;}
.ind03 .wenz .swiper-button-prev{position:absolute;top:35%; left:auto; right:-28px;width:57px;height:44px;z-index:100;cursor:pointer;background-size:57px 44px;background-position:center;background-repeat:no-repeat;}
.ind03 .tup { width:70%;position: relative; margin: auto; z-index:1;overflow: hidden;}
.ind03 .tup dl dd {width:100%;background-color: #ffffff;padding:26px 0;display: flex;justify-content: center;align-items: center;}
.ind03 .tup dl dd img { width: 100%; transition: all .3s; object-fit: contain;filter: grayscale(10);}
.ind03 .tup dl dd:hover img {filter: none;}
/* ind04 */
.ind04 {padding: 30px 0; width:100%;position: relative;}
.ind04 .i_tit{ padding:0 50px;}
.ind04 .i_tit .en{font-size:28px;color:#b2b2b2;font-weight:400;font-family:gothmbok;text-transform:uppercase;line-height:1}
.ind04 .i_tit h4{margin-top:0;font-size:26px; font-weight:bold; color:#333;}
.ind04 .icen{ width:100%; position:relative; margin-top:50px;}
.ind04 .icen ul{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.ind04 .icen ul li{width: 23%; overflow: hidden; }
.ind04 .icen ul li .img{overflow: hidden; width:100%; transition: all 0.9s; position: relative;}
.ind04 .icen ul li .img img{width: 100%;height: 100%;transition: all 0.36s;}
.ind04 .icen ul li .img .tou{position: relative;top: 0;left: 0; z-index:-1;}
.ind04 .icen ul li .img .shi{position: absolute;top: 0;left: 0; z-index:2;}
.ind04 .icen ul li:hover .img img{width: 100%; transform: scale(1.05);transition: all 0.9s;}
.ind04 .icen ul li .con{ display: block;overflow: hidden;width: 100%; margin-top:30px;}
.ind04 .icen ul li .con .tit{ display: block;color: #333;font-size:16px}
.ind04 .icen ul li .con .txt{ display: block;color: #999;font-size:14px; margin-top:15px;}
/* ind05 */
.ind05 {padding: 60px 0 100px; width:100%;position: relative;}
.ind05 .i_tit{ padding:0 50px;}
.ind05 .i_tit .en{font-size:28px;color:#b2b2b2;font-weight:400;font-family:gothmbok;text-transform:uppercase;line-height:1}
.ind05 .i_tit h4{margin-top:0;font-size:26px; font-weight:bold; color:#333;}
.ind05 .icen{ width:100%; position:relative; margin-top:50px;}
.ind05 .icen ul{width: 100%;display: flex;flex-wrap:wrap;justify-content: space-between;align-items: center; border:1px solid #ddd; border-bottom:none;}
.ind05 .icen ul li{width: 14.26%; overflow: hidden; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 85px;}
.ind05 .icen ul li .img{overflow: hidden; width:100%; transition: all 0.9s; position: relative;}
.ind05 .icen ul li .img img{width: 100%;height: 100%;transition: all 0.36s;}
.ind05 .icen ul li .img .tou{position: relative;top: 0;left: 0; z-index:-1;}
.ind05 .icen ul li .img .shi{position: absolute;top: 0;left: 0; z-index:2;}
.ind05 .icen ul li:hover .img img{width: 100%; transform: scale(1.05);transition: all 0.9s;}
.ind05 .icen ul li .con{ display: block;overflow: hidden;width: 100%; margin-top:30px;}
.ind05 .icen ul li .con .tit{ display: block;color: #333;font-size:16px}
.ind05 .icen ul li .con .txt{ display: block;color: #999;font-size:14px; margin-top:15px;}
/* footer */
.footer { width:100%;position: relative; height:90px; background:url(foot.jpg) no-repeat;background-size:100% 100%;}
.footer .icen { width:100%; position:relative;display: flex;justify-content: space-between;align-items: center;}
.footer .icen .le { width:45%; height:90px;}
.footer .icen .le .con { width:100%; padding:15px 0;}
.footer .icen .le .con p{ width:100%; text-align:center; line-height:30px;}
.footer .icen .ri { width:35%; margin-left:10%;}
.footer .icen .ri .con { text-align:right;color: #fff;}
.footer .icen .ri .con a {font-size: 14px;color: #fff;}
/*n_banner*/
.n_banner { width:100%; position:relative; margin-top:90px}
.n_banner img{ width:100%; display:block; margin:0; padding:0;}
/*n_nav*/
.n_nav {height: 70px;margin-top:0; background:#fff;}
.n_nav ul {width: 100%; display:flex;}
.n_nav li {width: 160px;height: 70px;font-size: 16px;line-height:70px;text-align: center; margin-right:3px;}
.n_nav li a {display: block;height: 55px;color: #333;}
.n_nav li.cur,.n_nav li:hover {background:#a20002;}
.n_nav li.cur a,.n_nav li:hover a {color: #fff;}
/*n_mian */
.n_main { width:100%; position:relative; margin:50px auto 90px;}
.n_main .n_tit{ width: 100%; position:relative; padding-bottom:30px;}
.n_main .n_tit span{font-size: 30px;color: #333; position:relative;}
.n_main .n_tit span::before{ content:''; position:absolute; left:0px; top:130%; display:block; width:50px; height:2px; background:#a20002; transition:all .5s ease; }
.n_about{ min-height:350px; padding-bottom:50px; text-align:justify; line-height:30px; margin-top:40px; background:#fff; padding:50px;}
/*n_news */
.n_news{ width:1200px; margin:0 auto;}
.n_news .item{position: relative; overflow: hidden; padding: 56px 240px 30px 360px; height: 230px; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.n_news .item .pic{position: absolute; left:30px; top: 30px; width: 280px; height: 172px; background-color: #f1f1f1;}
.n_news .item h3{position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; line-height: 30px;}
.n_news .item .time{position: absolute; top: 56px; right: 50px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; text-align: right; width: 108px; line-height: 1.2; color: #c5c5c5;}
.n_news .item .time .d{font-size: 32px;}
.n_news .item .time .ym{font-size: 16px;}
.n_news .item p{margin-top: 30px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 48px; color: #666666; font-size: 14px;}
.n_news .item .more{position: absolute; right: 50px; bottom: 70px; width: 110px; height: 20px; line-height: 20px; color: #c5c5c5;}
.n_news .item .more s{position: absolute; right: 0; top: 0; width: 40px; height: 20px; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; background-color: #efefef; background-image: url(/images/arrows-newsItem.png); background-size: auto; background-position: -40px 50%; background-repeat: no-repeat;}
.n_news .item .more:hover{color: #e58634 !important;}
.n_news .item .more:hover s{background-color: #e58634 !important; background-position: 0 0;}
.n_news .item:hover{z-index: 9; -webkit-box-shadow: 0px 4px 12.88px 1.12px rgba(0, 0, 0, 0.14); box-shadow: 0px 4px 12.88px 1.12px rgba(0, 0, 0, 0.14);}
.n_news .item:hover .time,
.n_news .item:hover .more{color: #999;}
.n_news .item:hover .more s{background-color: #eaeaea;}
/*n_pro */
.n_pro { width:100%; position:relative; margin:50px auto 90px;}
.n_pro .icen2{ display: flex;justify-content: space-between;}
.n_pro .n_left{ overflow:hidden;}
.n_pro .n_left .subNavBox{width:250px;color:#fff; background:#f6f7f7;}
.n_pro .n_left .subNav{ width:250px; border-bottom:1px solid #fff; background:url(titbg.jpg) no-repeat; color:#fff;line-height:70px; margin-bottom:20px;}
.n_pro .n_left .subNav span{ background:url(icon03.jpg) no-repeat 15px center; padding-left:30px; font-size:18px;}
.n_pro .n_left .navContent{display:block; margin-top:-23px; margin-bottom:30px;}
.n_pro .n_left .navContent li{ border-bottom:1px dashed #d3d3d3; font-size:14px;}
.n_pro .n_left .navContent li a{display:block;width:220px; padding-left:40px;font-size:14px;line-height:45px;color:#333; background:url(icon02.png) no-repeat right center;}
.n_pro .n_left .navContent li a:hover{color:#a40003; background:url(icon01.png) no-repeat right center; font-weight:bold;}
.n_pro .n_left .navContent li a.cur{color:#a40003; background:url(icon01.png) no-repeat right center; font-weight:bold;}
.n_pro .n_left .navContent li a.cur:hover{color:#a40003; background:url(icon01.png) no-repeat right center; font-weight:bold;}
.n_pro .n_right{ width:1000px; margin-left:30px;}
.n_pro .n_right .position{ position:absolute; line-height: 30px; right:0px; top:0px; color:#8a8c8e; padding-left:22px;}
.n_pro .n_right .position span, .position a, .position i{ font-size:12px; color:#8a8c8e;}
.n_pro .n_right .position em{ font-size:12px; color:#a40003; font-style:normal;}
.n_pro .n_right .position a:hover{ color:#a40003;}
.n_pro .n_right .n_title{ position:relative; border-bottom:1px solid #ccc; height:30px; line-height:30px; }
.n_pro .n_right .n_title h1{ font-size:16px; border-bottom:2px solid #0059b4; display:inline-block; color:#444444; margin-top:-10px; margin-left:0;}
.n_pro .n_right .ny_jj{ min-height:360px; padding-top:30px; font-size:14px; color:#333; line-height:28px; text-align:justify; margin-bottom:100px; min-height:400px;}
.pc_product { width:1250px;}
.pc_product .pc_pro_list { width:100%; overflow:hidden; margin:0 auto; padding:0;}
.pc_pro_list ul .li { width:300px; height:300px; margin-right:50px; padding:0; float:left; margin-bottom:25px; position:relative;}
.pc_pro_list ul .li .pro_img { width:300px; height:250px; border:1px solid #ddd; background:#fff; margin:0 auto; padding:0; margin-top:0;}
.pc_pro_list ul .li .pro_img .pro_img_main { width:100%; height:300px; overflow:hidden; margin:0; padding:0; text-align:center; position:relative;}
.pc_pro_list ul .li .pro_img_main img { display:block; width:100%; height:250px; margin:0 auto; padding:0; }
.pc_pro_list ul .li .pro_mask { width:100%; height:100%; background-color:rgba(165, 0, 3, 0.4); position:absolute; left:0; top:0;}
.pc_pro_list ul .li .pro_mask a { display:block; width:110px; height:34px; overflow:hidden; line-height:34px; color:#fff; font-size:12px; text-align:center; background-color:#ff9e1b; margin:140px auto; padding:0;}
.pc_pro_list ul .li .pro_img_main .pro_mask { top:-100%; transition:0.8s; padding:0;}
.pc_pro_list ul .li .pro_img_main.ly_mask .pro_mask {top:50%; left:50%; width:0; height:0; overflow:hidden; padding:0;}
.pc_pro_list ul .li .pro_img_main.ly_mask:hover .pro_mask { width:100%; height:100%; top:0; left:0; padding:0;}
.pc_pro_list ul .li h3 { width:300px; height:50px; overflow:hidden; line-height:50px; text-align:center; margin:0; padding:0 1px; background:#eee;}
.pc_pro_list ul .li h3 a { color:#000; font-size:14px;}
.pc_pro_list ul .li:hover h3 a { color:#000;}
.pc_pro_list ul .li.mr_no { margin-right:0;}
.pc_pro_list ul li:nth-child(3n){ margin-right:0;}