@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#fff;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{/* border:0px; *//* padding:0px; *//* display: block; */}
a{ color:#5c5c5c; text-decoration:none}
.dn { display: none;}
.clear{width:100%; height:0px; clear:both;}
::-webkit-scrollbar {
    width: 2px;
    height: 6px;
}

/*滚动条 阴影~圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.7);
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.1);
}

/*滑块 阴影~圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.7);
    background-color: rgba(255, 255, 255, 0.6);
}
h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }
.w1720{width: 100%;margin: 0 auto;padding: 0 3%;}
.top{transition: 0.5s;padding: 0 3%;box-sizing: border-box;width: 100%;height: 100%;position: fixed;left: 0;top: 0;height: 5rem;border-bottom: 0.05rem solid rgba(255,255,255,0.6);z-index: 10;transition: 0.5s;}
.top .logo{float: left;/* height: 80px; *//* line-height: 80px; */width: 23%;padding-top: 0.3rem;}
.top .logo img{/* display: inline-block; *//* vertical-align: middle; */width: 17%;}
.top .nav{float: left;/* padding-left: 200px; */}
.top .nav li{float: left;height: 5rem;line-height: 5rem;}
.top .nav li a{transition: 0.5s;font-size: 1.2rem;color: #fff;}
.top .nav li>a {display: block;padding: 0 1.3vw;}
.top .topRight{transition: 0.5s;width: 20%;height: 5rem;padding-left: 6.5rem;background: url(../images/tp1.png) 60px center no-repeat;border-left:1px solid rgba(255,255,255,0.6);line-height: 5rem;font-size: 1.5rem;color: #fff;font-weight: bold;color: #fff;position: absolute;right: 0;top: 0;}
.top .topRight .serach{ width: 80px; height: 80px; cursor: pointer; position: absolute; right: 60px; top: 0; background: url(../images/search.png) center center no-repeat;}
.serachBox{ z-index: 3; display: none; width: 200px; height: 40px; top: 75px; background: #fff; border-radius:8px; box-shadow: 0 0 10px rgba(0,0,0,0.2); right: 70px; position: absolute;}
.serachBox button{ float: right; width: 50px; height: 40px; background: url(../images/search2.png) center center no-repeat; border: none; outline: none; background-size:15px auto ; cursor: pointer;}
.serachBox input{ display: block; width: calc(100% - 50px); height: 40px; float: left; background: none; border: none; padding: 0 15px; box-sizing: border-box;}
.topSide{ display: none; width: 100%; top: 80px; left: 0; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); position: absolute; height: 420px;}
.topSide .SideLeft{ float: left; padding: 50px 100px 0 100px; box-sizing: border-box; width: 590px; height: 100%; background: #e6212b;}
.topSide .SideLeft .icon{ width: 100%; height: auto;}
.topSide .SideLeft p{ padding-top: 30px; font-size: 16px; color: #fff; line-height: 36px;}
.topSide .SideRight{ width: calc(100% - 590px); float: left; padding-left:50px; overflow: hidden; box-sizing: border-box;}
.topSide .SideRight ul{ padding-top: 50px; float: left; margin-right: 88px;}
.topSide .SideRight ul li{ margin-bottom: 20px;}
.topSide .SideRight ul li a{ font-size: 16px; color: #767676;}

.top.on{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.top.on .topRight{border: none;background: url(../images/tp1.png) 3rem center no-repeat #d91010;background-size: 10%;}
.top.on .nav li a{ color: #333;}
.top .nav li a:hover{ background: #d91010; color: #ffffff;}
.MainWarp{ width: 100%; height: 100vh; z-index: 1;}
.banner{ width: 100%; height: 100%; position: relative;}
.banner .swiper-container{ width: 100%; height: 100%;}
.banner .icon{ display: block; width: 100%; height: 100%;}
.banner img{ display: block; width: 100%; height: 100%;}
.banner .swiper-pagination{bottom: 3rem;border: 1px solid #958b84;background: rgba(0,0,0,0.5);width: 6rem;height: 1.3rem;border-radius: 1rem;line-height: 1rem;left: 50%;transform: translateX(-50%);}

.banner .swiper-pagination span{width: 0.7rem;height: 0.7rem;margin: 0 0.2rem;background: #fff;transition: 0.5s;vertical-align: middle;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{width: 0.6rem;height: 0.6rem;}

.banner .bannerText{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.banner .bannerText img{display: block;height: 4rem;width: auto;}
.banner .bannerText h2{height: 4rem;font-size: 2rem;color: #fff;font-weight: bold;line-height: 2;}
.banner .bannerText p{display: inline-block;height: 4rem;/* background: #fff; *//* padding: 0 32px; */line-height: 2;/* padding: 0 32px; */font-size: 2rem;color: #ffffff;font-weight: bold;}
.banner .bannerText a{display: block;width: 15rem;height: 3.5rem;text-align: center;line-height: 3.5rem;margin-top: 2rem;background: #d91010;font-size: 1.2rem;color: #fff;}



.MainWarp .pa{width: 1.3rem;position: absolute;right: 2%!important;top: 50%;transform: translateY(-50%);}
.MainWarp .pa span{position: relative;opacity: 1;box-shadow: 0 0 0.7rem rgba(0,0,0,0.2);width: 0.6rem;height: 0.6rem;background: #fff;border-radius:50%;display: block;transition: 0.5s;margin: 0.9rem auto!important;}
.MainWarp .pa span::after{content: '';width: 100%;height: 100%;transition: 0.5s;position: absolute;left: 50%;top: 50%;margin: -0.3rem 0 0 -0.3rem;box-sizing: border-box;border-radius:50%;border: 0.15rem solid #fff;}
.MainWarp .pa span.swiper-pagination-bullet-active{ background: #d91010;}
.MainWarp .pa span.swiper-pagination-bullet-active::after{width: 200%;height: 200%;left: 50%;top: 50%;margin: -0.6rem 0 0 -0.6rem;border: 0.15rem solid #d91010;}
.MainWarp .layer1{ width: 100%; height: 100%;}
.MainWarp .layer1 .icon{float: left;width: 50%;height: 100%;transition: 0.5s;background: url(../images/pic.jpg);background-size:cover;}
.MainWarp .layer1 .text{width: 50%;float: right;height: 100%;padding: 10% 6% 0 6%;box-sizing: border-box;}
.MainWarp .layer1 .text h2{font-size: 2.5rem;color: #333;color: #333;line-height: 2.5rem;font-weight: bold;}
.MainWarp .layer1 .text span{padding: 1rem 0 2rem 0;font-size: 1.9rem;font-weight: bold;display: block;color: #999;}
.MainWarp .layer1 .text .nr{ width: 100%; position: relative;}
.MainWarp .layer1 .text .nr .bg1{ position: absolute; left: -35px; top: -18px; background: url();}
.MainWarp .layer1 .text .nr p{font-size: 1rem;color: #666;margin-bottom: 1rem;line-height: 2;}
.MainWarp .layer1 .text .enter{display: block;width: 12rem;height: 3rem;margin: 2rem 0;font-size: 1rem;line-height: 3rem;background: #d91010;color: #fff;text-align: center;}
.MainWarp .layer1 .text ul{width: 100%;/* height: 165px; */box-sizing: border-box;/* border: 1px solid #f2f2f2; */}
.MainWarp .layer1 .text ul li{ font-size: 14px; text-align: center; width: 25%; float: left; height: 100%;}
.MainWarp .layer1 .text ul li .tp{ width: 100%; height: 125px; position: relative;}
.MainWarp .layer1 .text ul li .tp img{ transition: 0.5s; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.MainWarp .layer1 .text ul li .tp img.on{ opacity: 0;}
.MainWarp .layer1 .text ul li:hover .tp img{ opacity: 0;}
.MainWarp .layer1 .text ul li:hover .tp img{ opacity: 1;}
.MainWarp .layer1 .text ul li b{ display: block; text-align: center; font-size: 14px; color: #333;}
.MainWarp .layer2{width: 100%;height: 100%;background: url(../images/bg1.jpg) center center no-repeat;background-size:cover;padding-top: 10%;box-sizing: border-box;position: relative;}
.MainWarp .title{padding-bottom: 4rem;width: 100%;}
.MainWarp .title h2{text-align: center;font-size: 2.5rem;color: #fff;font-weight: bold;line-height: 1;margin-bottom: 1rem;}
.MainWarp .title p{font-weight: bold;text-align: center;font-size: 1.2rem;color: #e7212b;text-transform: uppercase;}

.MainWarp .layer2 .nr{width: 100%;padding: 0.2rem;box-sizing: border-box;background: #fff;}



.MainWarp .layer2 .nr .icon{width: 100%;height: 100%;position: relative;}
.MainWarp .layer2 .nr .icon img.bg{ width: 100%; height: 100%;}
.MainWarp .layer2 .nr .icon .moreWarp{ left: 0; top: 0; position: absolute; width: 100%; height: 100%; transition: 0.5s; opacity: 0; background: rgba(231,33,43,0.9);}
.MainWarp .layer2 .nr .icon .more{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.MainWarp .layer2 .nr .icon .more img{ display: block; margin: 0 auto;}
.MainWarp .layer2 .nr .icon .more p{ text-align: center; font-size: 20px; color: #fff;  padding-top: 25px;}
.MainWarp .layer2 .nr:hover .icon .moreWarp{ opacity: 1;}
.MainWarp .layer2 .nr .text{width: 100%;/* padding: 8% 0; */box-sizing: border-box;height: 4rem;position: relative;}
.MainWarp .layer2 .nr .text h3{ color: #333; font-size: 16px; line-height: 100px;}
.MainWarp .layer2 .nr .text a{display: block;width: 100%;height: 3rem;border-radius: 5rem;text-align: center;line-height: 2.9;background: #f2f2f2;text-align: center;font-size: 1.1rem;color: #333;transition: 0.5s;position: absolute;/* right: 35px; */top: 50%;transform: translateY(-60%);margin-top: 0.5rem;}
.MainWarp .layer2 .nr:hover .text a{ background: #e7212b; color: #fff;}
.MainWarp .layer2 .nr .text h2{ padding-top: 30px; line-height: 16px; font-size: 16px; color: #333; font-weight: bold; padding-bottom: 20px;}
.MainWarp .layer2 .nr .text p{ font-size: 14px; color: #797979;}
.MainWarp .layer2 .swiper-button-prev{/* background: url(../images/arrow1.png); */width: 32px;height: 54px;position: absolute;left: 6%;top: 50%;transform: translateY(-50%);}
.MainWarp .layer2 .swiper-button-next{/* background: url(../images/arrow2.png); */width: 2rem;height: 2rem;position: absolute;left: auto;right: 6%;top: 50%;transform: translateY(-50%);}
.MainWarp .layer2 .swiper-container1{ overflow: hidden; width: 100%;}
.MainWarp .layer2 .swiper-pagination{bottom: 3rem;border: 1px solid #958b84;background:rgba(0,0,0,0.5);width: 10rem;height: 1.5rem;border-radius: 1rem;line-height: 16px;left: 50%;transform: translateX(-50%);}

.MainWarp .layer2 .swiper-pagination span{width: 0.6rem;height: 0.6rem;margin: 0 0.2rem;background: #fff;transition: 0.5s;vertical-align: middle;}
.MainWarp .layer2 .swiper-pagination span.swiper-pagination-bullet-active{width: 0.6rem;height: 0.6rem;}

.MainWarp .layer2.layer3{background: url(../images/bg2.jpg);background-size:cover;}
.MainWarp .layer2.layer3 .swiper-container2{ overflow: hidden;}
.MainWarp .layer4{padding-top: 7%;box-sizing: border-box;width: 100%;height: 100%;background: url(../images/bg4.jpg);background-size:cover;}
.MainWarp .layer4 .w1720{ overflow: hidden;}
.MainWarp .layer4Left{float: left;width: 50%;height: 29rem;}
.MainWarp .layer4Left .icon{width: 100%;height: 24rem;}
.MainWarp .layer4Left .icon img{ display: block; width: 100%; height: 100%;}
.MainWarp .layer4Left .text{width: 100%;height: 5.2rem;line-height: 5.2rem;background: #d91010;padding: 0 5%;box-sizing: border-box;font-size: 1.2rem;color: #fff;position: relative;}
.MainWarp .layer4Left .text a{ display: block; background: url(../images/pic_07.png); width: 20px; height: 10px; position: absolute; right: 50px; top: 50%; transform: translateY(-50%);}

.MainWarp .layer4Right{float: left;width: calc(100% - 50%);background: #fff;height: 29rem;padding: 0 2%;box-sizing: border-box;padding-top: 1%;}
.MainWarp .layer4Right ul{ width: 100%;}
.MainWarp .layer4Right ul li{transition: 0.5s;overflow: hidden;width: 100%;padding: 2.8% 2%;box-sizing: border-box;border-radius: 0.5rem;box-sizing: border-box;}
.MainWarp .layer4Right ul li .time{transition: 0.5s;width: 5rem;height: 5rem;border-radius: 0.5rem;transition: 0.5s;float: left;background: #f2f2f2;}
.MainWarp .layer4Right ul li .time h2{text-align: center;height: 3.75rem;line-height: 3.75rem;font-family: impact;font-size: 2rem;color: #d91010;}

.MainWarp .layer4Right ul li .time p{font-size: 0.8rem;text-align: center;color:#d91010;}
.MainWarp .layer4Right ul li .nr{width: calc(100% - 5rem);float: left;padding-left: 2rem;box-sizing: border-box;}
.MainWarp .layer4Right ul li .nr h2{font-size: 1.5rem;font-weight: normal;color: #333;line-height: 1.5rem;padding-bottom: 1rem;}
.MainWarp .layer4Right ul li .nr p{font-size: 1rem;line-height: 2;color: #797979;}
.MainWarp .layer4Right ul li:hover{ background: #f2f2f2;}
.MainWarp .layer4Right ul li:hover .time{ background: #fff;}

.MainWarp .layer5{padding-bottom: 1rem;width: 100%;height: 100%;background: url(../images/bg5.jpg);background-size:cover;padding-top: 15%;box-sizing: border-box;}

.MainWarp .layer5 ul{ overflow: hidden; padding-top: 65px;}
.MainWarp .layer5 ul li{ margin-bottom: 30px; width: 15.5%; float: left; height: 120px; background: #fff; margin-right: 1.4%; position: relative;}
.MainWarp .layer5 ul li:nth-child(6n){ margin-right: 0;}
.MainWarp .layer5 ul li img{ display: block; width: 100%; height: 100%;}
.MainWarp .layer5 ul li .bg{ transition: 0.5s; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.MainWarp .layer5 ul li:hover .bg{ border: 2px solid #e7212b;}
.MainWarp .layer6{ width: 100%; height: 100%; padding-top: 80px; box-sizing: border-box; position: relative; background: url(../images/pic2_10.png); background-size:cover ;}
.MainWarp .layer6 img{ display: none; width: 100%; height: auto;}
.footer.on{ bottom: 0;}
.footer{z-index: 10;padding-top: 4rem;box-sizing: border-box;width: 100%;background: #be0000;position: fixed;bottom: -100%;transition: 0.5s;left: 0;}
.MainWarp .layer6Box{position: absolute;left: 50%;top: 40%;transform: translate(-50%,-50%);/* padding: 0 3%; */}
.MainWarp .layer6Box h2{color: #333;line-height: 1.8;font-size: 2.2rem;font-weight: bold;}
.MainWarp .layer6Box span{color: #333;display: inline-block;font-size: 1rem;color: #333;text-transform: uppercase;margin: 1rem 0 2rem 0;}
.MainWarp .layer6Box a{display: block;width: 12rem;height: 3rem;text-align: center;line-height: 3rem;background: #d91010;font-size: 1rem;color: #fff;}
.footer .footerLeft{ float: left; overflow: hidden;}
.footer .footerLeft .icon{width: 10rem;height: 10rem;float: left;}
.footer .footerLeft .icon img{ display: block; width: 100%; height: 100%;}
.footer .footerLeft .text{float: left;padding-left: 3rem;}
.footer .footerLeft .text h2{margin-bottom: 1rem;font-size: 1.8rem;font-weight: bold;height: 2rem;line-height: 2rem;color: #fff;}
.footer .footerLeft .text p{font-size: 1.2rem;color: #fff;padding-bottom: 0;line-height: 2;}
.footer .footerLeft img.logo{ margin-top: 20px;}
.footer .footerBox{ overflow: hidden;}
.footer .footerRight{ float: right;}
.footer .footerRight ul{ float: right; margin-right: 90px;}
.footer .footerRight ul h2{font-size: 1.2rem;color: #fff;}
.footer .footerRight ul li{ margin-top: 30px; } 
.footer .footerRight ul li a{font-size: 0.9rem;color: rgba(255,255,255,0.6);transition: 0.5s;}
.footer .footerRight ul li:hover a{ color: rgba(255,255,255,1);}
.footer .copyRight{width: 100%;height: 4rem;text-align: center;border-top: 0.05rem solid rgb(255 255 255 / 34%);font-size: 16px;color: rgba(255,255,255,0.6);line-height: 4rem;margin-top: 2rem;}
.MainWarp .layer5 .enter{  display: block; width: 200px; height: 56px; margin: 50px 0; font-size: 14px; line-height: 56px; background: #e7212b; color: #fff; text-align: center; margin: 0 auto;}
.AppTop{ display: none;}
.sideBar{ display: none;}
.pageContainer{ width: 100%;}
.bannerPage{ width: 100%; height: auto; position: relative;}
.bannerPage img{ display: block; width: 100%; height: auto;}
.bannerBox{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.bannerBox h2{ font-size: 38px; font-weight: bold; color: #fff; text-align: center; margin-bottom: 20px;}
.bannerBox p{ text-align: center; font-size: 18px; color: rgba(255,255,255,0.6); font-weight: bold;}

.w1440{width: 100%;margin: 0 auto;}
.pageContainer{width: 100%;position: relative;padding-top: 2rem;padding: 0 3%;}
.pageContainer .hdMain{position: absolute;top: -5rem;left: 50%;transform: translateX(-50%);}
.pageContainer .hdMain ul{ width: 100%; overflow: hidden;}
.pageContainer .hdMain ul li{text-align: center;line-height: 5rem;color: #333;width: 25%;height: 5rem;float: left;border-right: 0.02rem solid #fff;box-sizing: border-box;background: #eceded;font-size: 1.2rem;}
.pageContainer .hdMain ul li a{ display:block; width:100%;}
.pageContainer .hdMain ul li.on{ background: #fff; border-top:3px solid #e7212b; color:#e7212b}
.pageContainer .hdMain ul li.on a { color:#e7212b}
.pageContainer .hdMain ul li:hover{background: #fff;border-top: 0.2rem solid #d91010;}
.pageContainer .hdMain ul li:hover a { color:#e7212b}
.pageContainer .navGation{height: 3rem;border-bottom: 0.01rem solid #e0e0e0;line-height: 3rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pageContainer .navGation ul{ overflow: hidden;}

.pageContainer .navGation ul a{font-size: 0.8rem;color: #828282;}
.pageContainer .layer1{ padding-bottom: 100px; overflow: hidden; margin-top: 50px;}
.pageContainer .layer1 .layer1Left{ width: 945px; float: left;}
.pageContainer .layer1 .layer1Left .icon{ width: 100%; height: 590px;}
.pageContainer .layer1 .layer1Left .icon img{ display: block; width: 100%; height: 100%;}
.pageContainer .layer1 .layer1Left .text{position: relative; padding: 40px 60px 0 60px; box-sizing: border-box; margin-top: 26px; width: 100%; height: 283px; background: #f2f6f9;}
.pageContainer .layer1Left .text h2{ font-size: 24px; font-weight: bold; color: #333; margin-bottom: 30px;}
.pageContainer .layer1Left .text p{ font-size: 16px; color: #333; margin-bottom: 15px;}
.pageContainer .layer1Left .text .code{ width: 170px; position: absolute; right: 78px; top: 40px;}
.pageContainer .layer1Left .text .code .tp{ width: 100%; border-radius:8px; padding: 10px; box-sizing: border-box; background: #fff;}
.pageContainer .layer1Left .text .code .tp img{ display: block; width: 100%; height: auto;}
.pageContainer .layer1Left .text .code p{ text-align: center; padding-top: 20px; font-size: 14px; color: #333;}
.pageContainer .layer1Right{ position: relative; float: right; width: 453px; height: 899px;}
.pageContainer .layer1Right img{ height: 100%; width: 100%;}
.pageContainer .layer1Right .swiper-container{ width: 100%; height: 100%;}
.pageContainer .layer1Right .swiper-button-prev{background: url(../images/arrow3.png); width: 48px; height: 24px; top: 30px; left: 50%; transform: translateX(-50%);}
.pageContainer .layer1Right .swiper-button-next{ background: url(../images/arrow4.png); width: 48px; height: 24px; top: auto; bottom:10px; left: 50%; transform: translateX(-50%);}
.pageContainer .layer1Right .swiper-slide.cur { position: relative;}
.pageContainer .layer1Right .swiper-slide.cur:after { content:''; display:block; position:absolute; left:0;
top:0; width:100%; height:100%; box-sizing:border-box; border:1px solid #e7212b}
.pageContainer .layer2{ width: 100%; background: #f2f6f9;}
.pageContainer .title{ padding: 85px 0 60px 0;}
.pageContainer .title h2{ text-align: center; font-size:32px; font-weight: bold; color: #e7212b;}
.pageContainer .title p{ text-align: center; font-size: 24px; padding-top: 25px; color: #333;}
.pageContainer .layer2 ul{ overflow: hidden;}
.pageContainer .layer2 ul li{ overflow: hidden; float: left; width: 23.5%; margin-right: 2%; position: relative;}
.pageContainer .layer2 ul li:last-child{ margin-right: 0;}
.pageContainer .layer2 ul li img{ transition: 0.5s; width: 100%; height: auto;}
.pageContainer .layer2 ul li p{ position: absolute; width: 100%; bottom: 40px; font-size: 20px; color: #fff; padding: 0 40px; box-sizing: border-box;}
.pageContainer .layer2 ul li:hover img{ transform: scale(1.1);}
.pageContainer .layer2Box{ padding-bottom: 60px; position: relative;}
.pageContainer .layer2Box .swiper-pagination{ bottom:0; border: 1px solid #958b84; background: rgba(0,0,0,0.5); width: 82px; height: 22px; border-radius:11px ; line-height: 16px; left: 50%; transform: translateX(-50%);}

.pageContainer .layer2Box .swiper-pagination span{ width: 8px; height: 8px; margin: 0 5px; background: #fff; transition: 0.5s; vertical-align: middle;}
.pageContainer .layer2Box .swiper-pagination span.swiper-pagination-bullet-active{ width: 10px; height: 10px;}
.pageContainer .layer2Text{ padding-bottom: 100px; padding-top: 105px;}
.pageContainer .layer2Text h2{ font-size: 28px; color: #333; text-align: center; font-weight: bold;}
.pageContainer .layer2Text p{ text-align: center; padding-top: 42px; line-height: 32px; font-size: 16px;}
.pageContainer .layer2Text a{ display: block; width: 160px; height: 50px; text-align: center; line-height: 50px; background: #e7212b; font-size: 14px; color: #fff; font-weight: bold; margin: 40px auto 0 auto;}
.footer.page{ bottom: 0; position: relative;}

.ab5{/* max-width:1440px; */width: 100%;margin: 1% auto;}
.ab51{width: calc(100% - 30%);float:left;line-height: 2.8;margin-top: 2rem;font-size: 1.2rem;text-indent: 5vh;color: #686868;}
.ab51 h2{font-size: 2rem;color:#333;width:100%;line-height: 2;font-weight:bold;}
.ab51 span{margin-bottom: 2rem;color: #999999;display:block;font-size: 1.1rem;line-height: 1.5;}
.ab52{width: 25%;float:right;}
.ab52 li{width:100%;height: 8rem;border-bottom: 0.01rem solid rgba(0, 0, 0, 0.1);margin-top: 2rem;}
.ab52 li .ab521{ float:left;}
.ab52 li .ab521 h2{font-weight: bold;color: #E7212B;font-weight: bold;font-size: 3rem;position:relative;}
.ab52 li .ab521 h2 b {font-weight: 400;vertical-align:bottom;color:#fff;background:#E7212B;position:absolute;bottom: 0.5rem;left: 10rem;width: 1.8rem;height: 1.8rem;line-height: 1.8rem;border-radius: 5rem;display:block;font-size: 1rem;text-align:center;}
.ab52 li .ab521 p{width:100%;line-height: 1rem;color:#333;font-size: 1rem;text-align:center;margin-top: 2rem;}
.ab52 li .ab522{width: 5rem;height: 5rem;float:right;}


.ab6{width:100%;height: 40rem;overflow:hidden;background: url(../images/t4.png) center;background-attachment:fixed;background-size: cover;}
.ab61{/* max-width: 90%; */height:auto;width: 85%;margin: 10% auto 0 auto;}
.ab61 h2{font-size: 1.8rem;color: #d90000;font-weight:bold;text-transform: uppercase;}
.ab61 h3{font-size: 1.8rem;color: #fff;padding-top: 1.5rem;padding-bottom: 1.5rem;}
.ab61 p{max-width: 62%;width:96%;height:auto;font-size: 1.2rem;line-height: 2.2;color: #fff;}


@media(max-width:1440px) {
.layer12 .layer2Box1 ul{ overflow: hidden;width:96%; margin:0 auto;}
}
@media(max-width:1200px) {
.layer12 .layer2Box1 ul li{ margin-bottom: 30px; width:18%; float: left; height: 100px; background: #fff;border: 1px solid #E0E0E0; margin-right: 2%; position: relative;}
.layer12 .layer2Box1 ul li:nth-child(6n){ margin-right:2%;}	
.layer12 .layer2Box1 ul li:nth-child(5n){ margin-right:0%;}	
}



.inab .tex .num{
	width:100%;
	float:left;
	margin-top: 1rem;
}
.inab .tex .num ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.inab .tex .num ul li{
	width:auto;
}
.inab .tex .num ul li dl dt{
	display:flex;
	justify-content: center;
	align-items: flex-end;
	font-size: 0.8rem;
	line-height: 2;
	color: #666;
}
.inab .tex .num ul li dl dt b{
	font-size: 3rem;
	line-height: 1.2;

	font-family:Roboto;
	font-weight: bold;
	color: #d91111;
}
.inab .tex .num ul li dl dd{
	font-size: 1rem;
	line-height: 1.5;
	text-align:center;
	margin-top: 0.5rem;
}
.inab .tex .a02{
	width:100%;
	float:left;
	margin-top:4.8vw;
}
.inab .tex .a02 ul{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.inab .tex .a02 ul li{
	width:calc(25.4% - 21px);
	border: 1px solid #BDBDBD;
	height:4rem;;
	align-items: center;
	display:flex;
	justify-content: center;
	margin-right:20px;
}
.inab .tex .a02 ul li:nth-child(4n){
	margin-right:0px;
}
.inab .tex .a02 ul li a{
	width:100%;
	height:100%;
	display:flex;
	justify-content: center;
	align-items: center;
	transition: all 0.6s;
}
.inab .tex .a02 ul li a:hover{
	background: #32a8ba;
	border: 0px solid #32a8ba;
}
.inab .tex .a02 ul li a dl dt{
	overflow:hidden;
	text-align:center;
}
.inab .tex .a02 ul li a dl dd{
	text-align:center;
	font-size:14px;
	margin-top:10px;
}

.inab .tex .a02 ul li a:hover dl dd{
	color: #FFF;
}
.inab .tex .a02 ul li .pic01{
	display:inline-block;
}


.inab .tex .a02 ul li .pic02{
	display:none;
}
.inab .tex .a02 ul li:hover .pic01{
	display:none;
}
.inab .tex .a02 ul li:hover .pic02{
	display:inline-block;
}
prodt{ max-width:1440px; width:96%; height:auto; margin:50px auto;}
.prodt li{width: 19%;height:auto;float:left;margin-right: 1%;margin-bottom:50px;}
.prodt li:nth-child(3n){margin-right: 1%;}
.prodt li .nr{ width: 100%;  box-sizing: border-box; background: #fff;}
.prodt li .nr .icon{ width: 100%; height: auto; position: relative;}
.prodt li .nr .icon img.bg{ width: 100%; }
.prodt li .nr .icon .moreWarp{ left: 0; top: 0; position: absolute; width: 100%; height: 100%; transition: 0.5s; opacity: 0; background: rgba(231,33,43,0.9);}
.prodt li .nr .icon .more{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.prodt li .nr .icon .more img{ display: block; margin: 0 auto;}
.prodt li .nr .icon .more p{ text-align: center; font-size: 20px; color: #fff;  padding-top: 25px;}
.prodt li .nr:hover .icon .moreWarp{ opacity: 1;}
.prodt li .nr .text{width: 100%;/* padding: 0 35px; */box-sizing: border-box;height: 100px;position: relative;}
.prodt li .nr .text h3{ color: #333; font-size: 16px; line-height: 100px;}
.prodt li .nr .text a{display: block;width: 120px;height: 38px;border-radius:19px;text-align: center;line-height: 38px;background: #f2f2f2;text-align: center;font-size: 14px;color: #333;transition: 0.5s;position: absolute;/* right: 35px; */top: 50%;transform: translateY(-50%);}
.prodt li .nr:hover .text a{ background: #d91010; color: #fff;}
.prodt li .nr .text h2{ padding-top: 30px; line-height: 16px; font-size: 16px; color: #333; font-weight: bold; padding-bottom: 20px;}
.prodt li .nr .text p{ font-size: 14px; color: #797979;}