body{color: #333;}
a{color:#333}
a:hover{color:#333}
a:visited{color:#333}
a:active,a:hover{color:#333}
a:focus{ outline: none;}
.swiper-button-next:focus,.swiper-button-prev:focus{ outline: none;}

.header{ top: 0; left: 0; width: 100%; z-index: 10000; position: fixed; height: 90px; background: #ffffff;}
/* LOGO */
.logo{ vertical-align: middle; z-index: 20000; position: relative; height: 90px; text-align: left; margin: 0; }
.logo a{ height: 100%; line-height: 0; text-align: left; align-items: start;}
.logo img{vertical-align: middle;max-height:100%;}
.logo .active{ display: none;}


.fix-head,.nhead{ background-color: #ffffff; }

.wapNavBtn{display:none;line-height: 60px; height:90px; width:80px;font-size: 2rem; z-index:1000000; position: absolute; right: 0; top: 0; cursor: pointer; background: #d90303;}
.wapNavBtn.on{ background: #d90303 !important;}

.wapNavBtn span{ display:block; right:0; width:100%; height:2px; top:calc((100% - 50px) / 2);transition: all 0.4s; position: relative; border-radius: 3px; background: #efeeec; z-index: 10;}
.wapNavBtn span:nth-child(1){animation: outfirst 0.5s; transform: translateY(15px) rotate(0); width: 60%; left: 0; margin: 0 auto; }
.wapNavBtn span:nth-child(2){animation: outlast 0.5s; transform: translateY(21px) rotate(0); width: 40%; left: 0; margin: 0 auto;}
.wapNavBtn span:nth-child(3){animation: outlast 0.5s; transform: translateY(27px) rotate(0);  width: 60%; eft: 0; margin: 0 auto;}

.wapNavBtn.on::after{ display: block;}
.wapNavBtn.on span{ background:#fff; z-index: 100000; }
.wapNavBtn.on span:nth-child(1){transform: translateY(25px) rotate(45deg);width: 80%; }
.wapNavBtn.on span:nth-child(2){transform: translateX(0) rotate(0); display:none;}
.wapNavBtn.on span:nth-child(3){transform: translateY(23px) rotate(-45deg);width: 80%;}

.fix-head .wapNavBtn span,.nhead .wapNavBtn span{ background-color: #fff;}
.fix-head .wapNavBtn.on span,.nhead .wapNavBtn.on span,.Hhover .wapNavBtn.on span{ background: #fff;}


/* 导航-1 */
.nav_bg{position:absolute;height: 90px; background-color: #f2f2f2; left: 0; width: 100%; display: block;}
.navBox{width:100%;}
.navBox ul.navCont{ z-index: 1;}
.navBox ul.navCont li.child{float:left; width: 16.2%; text-align:center;  display: block;}
.navBox ul.navCont li.child a{color:#292929; font-size: 22px; line-height: 90px; position: relative; transition: all 0.1s; }
.navBox ul.navCont li.child a:before{ width: 0; height: 7px; bottom: -30px; background: #d40202; content: ""; display: block; position: absolute; left: 0; right: 0; margin: 0 auto;}
.navBox ul.navCont li.child i{ margin-left: 10px;}
.navBox ul.navCont li.child a span{ position: relative; z-index: 2;}
.navBox ul.navCont li.child a:hover::before{ width: 100%; }
.navBox ul.navCont li.child a:hover,.navBox ul.navCont li.child:hover a{ color: #d90303;}
.navBox ul.navCont li.child.cur a{color: #d90303!important;}
.navBox ul.navCont li.child.cur a:before{ width: 100%;}

.fix-head .navBox ul.navCont li.child a,.nhead .navBox ul.navCont li.child a{ color: #292929;}
.fix-head .navBox ul.navCont li.child a:hover,.fix-head .navBox ul.navCont li.child:hover a,.nhead .navBox ul.navCont li.child a:hover,.nhead .navBox ul.navCont li.child:hover a{ color: #d90303;}
/*二级*/
.navBox ul.navCont li.child .childcont{position:absolute;top:90px; left: 0; right: 0; z-index:999;display:none;width:100%; text-align: left; margin: 0 auto; background: #f4f4f4;}
.navBox ul.navCont li.child .childcont .wrap{ max-width: 1600px;}
.navBox ul.navCont li.child .childcont .nav_box{  display: flex; justify-content: flex-start; align-items: center; padding: 5.5rem 0;}
.navBox ul.navCont li.child .childcont .nav_box .nav_left{     width: 51%; float: left;     margin-left: 12%;}
.navBox ul.navCont li.child .childcont .nav_box .nav_left div{ max-width: 400px; margin-top: 4rem;}
.navBox ul.navCont li.child .childcont .nav_box .nav_left div a{ width: calc((100% - 40px)/2); margin-right: 0; float: left; border-bottom: 1px solid #dedede; margin-right: 40px; line-height: 45px; color: #5b5b5b !important; font-size: 18px;}
.navBox ul.navCont li.child .childcont .nav_box .nav_left div a:hover{ color: #82b32b !important;}
.navBox ul.navCont li.child .childcont .nav_box .nav_left div a:hover i{ color: #82b32b;}
.navBox ul.navCont li.child .childcont .nav_box .nav_left div a i{ float: right;}
.navBox ul.navCont li.child .childcont .nav_box .nav_left div a:before{ display: none;}
.navBox ul.navCont li.child .childcont .nav_box .nav_left div a:nth-child(2n){ margin-right: 0;}
.navBox ul.navCont li.child .childcont .nav_box .nav_left span{ font-size: 2.8rem;}
.navBox ul.navCont li.child .childcont .nav_box .nav_right{ width:35%; float: left;}
.navBox ul.navCont li.child .childcont .nav_box .nav_right img{ max-width: 322px; width: 100%; height: 100%; max-height: 217px; object-fit: cover;}
.navBox ul.navCont li.child .childcont .nav_box1{ text-align: left; position: relative; z-index: 1;}

.navBox ul.navCont li.child .childcont .nav_box1 span{ font-size: 3rem; color: #313131; line-height: 2;}
.navBox ul.navCont li.child .childcont .nav_box1 p{ color: #5b5b5b; line-height: 2; font-size: 18px; max-width: 350px;}
.navBox ul.navCont li.child .childcont .nimg{ position: absolute; right: 0; top: 0; z-index: 0;}

.fix-head .navBox ul.navCont li.child .childcont,.fix-head .navBox ul.navCont li.child .pro-cate{ top: 90px;}


.menu .wrap,.menu .wrap .row{ height: 100%;}
.menu{ position: fixed; width: 100%; left: 0; top: 0; height: 100%; box-sizing: border-box; overflow-y: scroll; z-index: 1000; background: url(https://abl.obs.cn-north-1.myhuaweicloud.com/Web/web_img/nav_bg.jpg) no-repeat right bottom #fff; visibility: hidden; opacity: 0;}
.menu ul{ position: relative; height: 100%; border-right: 1px solid #e9e9e9;}
.menu li{ border-left: 1px solid #ecebeb; padding: 100px 30px 0; float: left; width: 33.1%; height: 400px; box-sizing: border-box; position: relative;}
.menu li:nth-child(4),.menu li:nth-child(5),.menu li:nth-child(6){ }
.menu a{ font-size: 24px; line-height: 60px;}
.menu a span{ font-size: 16px; color: #777; margin-right: 5px;}
.menu .childm{ padding-left: 30px;}
.menu .childm a{ font-size: 15px; color: #666; line-height: 42px; display: inline-block;}
.menu .childm a:hover{ color: #c6004e;}

.navBox.in{ display: block; opacity: 1; transition: all 0.6s;}
.navBox.out{ display: none; opacity: 0; transition: all 0.6s;}

.nav_tel{ padding-top: 100px; text-align: right; font-family: "barlow"; }
.nav_tel span{ display: block; color: #c52d2f; font-size: 36px; font-weight: bold;line-height: 36px;}
.nav_tel i{ font-size: 18px; color: #555; display: inline-block; position: relative;}
.nav_tel i::after{ content: ""; width: 35px; height: 2px; background-color: #c52d2f; display: block; position: absolute; right: 0; bottom: -10px;}

/*底部*/
.footer{ background:#222222; color: #ffffff; padding: 5rem 0 ; line-height: 2; position: relative; font-size: 14px;}
.fcont{}
.fcont span{ display: block; font-size: 4rem; margin-bottom: 3rem;}
.fcont p{ color: #ffffff; font-size: 2.4rem; line-height: 1.5;}

.fwx{ float: right; position: relative; margin-top: 2rem;}




/*媒体盒子模型*/
.media-box{display:block;margin-bottom:10px;width: 100%;}
.media-box a{ display: block;}
.media-box .icon{ background: #efefef; width: 100%; overflow: hidden; text-align: center;}
.media-box .icon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.media-box .icon img{ max-height: 100%;}
.media-box .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.media-box h3{ text-align: center; font-size: 1.8rem; color: #373737; padding: 1rem 0;}
.media-box a:hover .icon img{transform:scale(1.2);}

/*翻页*/
.pager{text-align: right; color: #333; font-size: 14px; padding-top: 6rem;}
.pager a,.pager span{ width: 35px; height: 35px; line-height:35px; display: inline-block;margin:0 2px; color: #333; text-align: center; border:1px solid #dbdbdb; color: #333; position: relative;}
.pager a.on,.pager a:hover{ border-color:#d20000 ; color:#fff; background-color: #d20000;}
.pager a:nth-child(1),.pager a:nth-child(2),.pager a:nth-last-child(1),.pager a:nth-last-child(2){ width: auto; padding: 0 10px; }