@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, {font-weight: normal;}
em,i { font-style: normal; }
.w1720{width: 99%;margin: 0 auto;}
.top{transition: 0.5s;padding: 0 5%;background: #095da2;/* box-shadow: 0 0 10px rgba(0,0,0,0.1); */box-sizing: border-box;width: 100%;height: 100%;position: fixed;left: 0;top: 0;height: 4.1vw;/* border-bottom: 1px solid rgba(255,255,255,0.6); */z-index: 9999;transition: 0.5s;}
.top .logo{float: left;height: 4vw;line-height: 4vw;width: 35%;}
.top .logo img{display: inline-block;vertical-align: middle;width: 3vw;padding-bottom: 0.7vw;}
.top .nav{float: left;/* padding-left: 30%; */width: 50%;}
.top .nav li{float: left;height: 4.1vw;line-height: 4.1vw;}
.top .nav li a{transition: 0.5s;font-size: 0.9vw;color: #fff;}
.top .nav li>a {display: block;padding: 0 1vw;}
.top .topRight{transition: 0.5s;width: 25.3%;height: 4vw;padding: 0 5% 0 5%;background: url(../images/tp1.png) 3vw center no-repeat #095da2;/* border-left:1px solid rgba(255,255,255,0.6); */line-height: 4.1vw;font-size: 0.9vw;background-size: 1.9vw;color: #fff;background-size: 1.9vw;font-weight: bold;color: #fff;position: absolute;right: 0;top: 0;/* padding-left: 0.10vw; */float: right;}
.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: #095da2;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.top.on .topRight{border: none;background: url(../images/tp1.png) 3vw center no-repeat #095da2;background-size: 1.5vw;/* border-radius: 0.5vw 0 0 0.5vw; */}
.top.on .nav li a{color: #fff;}
.top .nav li a:hover{background: #095da2;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:40px; 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%);}

.banner .swiper-pagination span{ width: 8px; height: 8px; margin: 0 5px; background: #fff; transition: 0.5s; vertical-align: middle;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width: 10px; height: 10px;}

.banner .bannerText{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-55%);text-align: center;margin: 0 auto;}
.banner .bannerText img{display: block;height: 3vw;width: auto;margin-left: auto;margin-right: auto;}
.banner .bannerText h2{/* height: 90px; */font-size: 2.4vw;color: #fff;font-weight: bold;line-height: 2;}
.banner .bannerText p{display: inline-block;/* height: 48px; *//* background: #fff; *//* padding: 0 32px; */line-height: 1.5;/* padding: 0 32px; */text-align: center;font-size: 2.2vw;padding-bottom: 1vw;color: #ffffff;text-transform: uppercase;font-weight: bold;}
.banner .bannerText a{
    display: block;
    width: 10vw;
    height: 2.5vw;
    /* margin: 2vw 0; */
    font-size: 0.8vw;
    line-height: 2.5vw;
    background: #095da2;
    color: #fff;
    text-align: center;
    margin: 2vw auto;
    }


.MainWarp .pa{ width: 20px; position: absolute; right: 40px!important; top: 50%; transform: translateY(-50%);}
.MainWarp .pa span{position: relative; opacity: 1; box-shadow: 0 0 10px rgba(0,0,0,0.2); width: 10px; height: 10px; background: #fff; border-radius:50%; display: block; transition: 0.5s; margin: 15px auto!important;}
.MainWarp .pa span::after{ content: ''; width: 100%; height: 100%; transition: 0.5s; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -5px;  box-sizing: border-box; border-radius:50% ; border: 3px solid #fff;}
.MainWarp .pa span.swiper-pagination-bullet-active{background: #095da2;}
.MainWarp .pa span.swiper-pagination-bullet-active::after{width: 200%;height: 200%;left: 50%;top: 50%;margin: -10px 0 0 -10px;border: 3px solid #095da252;}
.MainWarp .layer1{width: 100%;height: 100%;background: #fff;}
.MainWarp .layer1 .icon{float: left;width: 50%;height: 100%;transition: 0.5s;background: url(../images/about.jpg);background-size:cover;}
.MainWarp .layer1 .text{width: 50%;float: right;height: 100%;padding: 7vw 6% 0 6%;box-sizing: border-box;}
.MainWarp .layer1 .text h2{font-size: 1.8vw;color: #333;line-height: 1.5;}
.MainWarp .layer1 .text span{padding: 0.5vw 0 2vw 0;font-size: 1.5vw;font-weight: bold;display: block;color: #095da2;font-family: fantasy;letter-spacing: 0.05vw;text-transform: uppercase;}
.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: 0.9vw;color: #666;margin-bottom: 1vw;line-height: 2.5;}
.MainWarp .layer1 .text .enter{display: block;width: 8vw;height: 2.5vw;margin: 2vw 0;font-size: 0.8vw;line-height: 2.5vw;background: #095da2;color: #fff;text-align: center;}
.MainWarp .layer1 .text ul{width: 100%;height: 8vw;box-sizing: border-box;border: 0.1vw solid #c9e3d4;}
.MainWarp .layer1 .text ul li{font-size: 1vw;text-align: center;width: 25%;float: left;height: 100%;}
.MainWarp .layer1 .text ul li .tp{width: 100%;height: 6vw;position: relative;}
.MainWarp .layer1 .text ul li .tp img{transition: 0.5s;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 7vw;}
.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: 0.8vw;color: #333;}
.MainWarp .layer2{width: 100%;height: 100%;background: #fff;background-size:cover;padding-top: 6%;box-sizing: border-box;position: relative;}
.MainWarp .title{padding-bottom: 2vw;width: 100%;}
.MainWarp .title h2{text-align: center;font-size: 2vw;color: #333;font-weight: bold;line-height: 1;margin-bottom: 1vw;}
.MainWarp .title p{font-weight: bold;text-align: center;font-size: 0.9vw;color: #095da2;text-transform: uppercase;}

.MainWarp .layer2 .nr{ width: 100%; padding: 6px; box-sizing: border-box; background: #fff;}
.MainWarp .layer2 .nr .icon{width: 100%;/* height: 330px; */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: 0 0.8vw; */box-sizing: border-box;text-align: center;position: relative;}
.MainWarp .layer2 .nr .text h3{ color: #333; font-size: 16px; line-height: 100px;}
.MainWarp .layer2 .nr .text a{ display: block; width: 100px; 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(-60%);}
.MainWarp .layer2 .nr:hover .text a{ background: #e7212b; color: #fff;}
.MainWarp .layer2 .nr .text h2{padding-top: 0.5vw;line-height: 1vw;font-size: 0.9vw;color: #333;font-weight: bold;padding-bottom: 0.5vw;}
.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: 32px; height: 54px; position: absolute; left: auto; right: 6%; top: 50%; transform: translateY(-50%);}
.MainWarp .layer2 .swiper-container1{ overflow: hidden; width: 100%;}
.MainWarp .layer2 .swiper-pagination{ bottom:40px; 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%);}

.MainWarp .layer2 .swiper-pagination span{ width: 8px; height: 8px; margin: 0 5px; background: #fff; transition: 0.5s; vertical-align: middle;}
.MainWarp .layer2 .swiper-pagination span.swiper-pagination-bullet-active{ width: 10px; height: 10px;}

.MainWarp .layer2.layer3{ background: url(../images/bg2.png); background-size:cover ;}
.MainWarp .layer2.layer3 .swiper-container2{ overflow: hidden;}
.MainWarp .layer4{padding-top: 7%;box-sizing: border-box;width: 100%;height: 100%;background: #fff;background-size:cover;}
.MainWarp .layer4 .w1720{ overflow: hidden;}
.MainWarp .layer4Left{float: right;width: 45%;height: 100%;}
.MainWarp .layer4Left .icon{width: 100%;/* height: 387px; */}
.MainWarp .layer4Left .icon img{display: block;width: 42.65vw;/* height: 100%; */}
.MainWarp .layer4Left .text{width: 100%;height: 4vw;line-height: 4vw;background: #095da2;/* padding: 0 50px; */box-sizing: border-box;font-size: 1.2vw;color: #fff;position: relative;text-align: center;}
.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: 55%;/* background: #fff; */height: 100%;/* padding: 0 40px; */box-sizing: border-box;/* padding-top: 30px; */}
.MainWarp .layer4Right ul{ width: 100%;}
.MainWarp .layer4Right ul li{transition: 0.5s;overflow: hidden;width: 100%;padding: 1.5vw 0;box-sizing: border-box;border-radius: 0.1vw;box-sizing: border-box;}
.MainWarp .layer4Right ul li .time{transition: 0.5s;width: 3vw;height: 5.2vw;border-radius: 0.5vw;transition: 0.5s;float: left;background: #008be2;}
.MainWarp .layer4Right ul li .time h2{text-align: center;height: 5.2vw;line-height: 5.2vw;font-family: impact;font-size: 2.3vw;color: #ffffff;}

.MainWarp .layer4Right ul li .time p{ font-size: 14px; text-align: center; color:#e7212b ;}
.MainWarp .layer4Right ul li .nr{width: calc(100% - 5vw);float: left;padding-left: 2vw;box-sizing: border-box;}
.MainWarp .layer4Right ul li .nr h2{font-size: 1.2vw;font-weight: bold;color: #095da2;/* line-height: 16px; */padding-bottom: 1vw;}
.MainWarp .layer4Right ul li .nr p{font-size: 1vw;line-height: 1.8;color: #000000;}
.MainWarp .layer4Right ul li:hover{/* background: #ffffff; */}
.MainWarp .layer4Right ul li:hover .time{/* background: #ffffff; *//* color: #000; */}

.MainWarp .layer5{padding-bottom: 1vw;width: 100%;height: 100%;background: #fff;background-size:cover;padding-top: 7%;box-sizing: border-box;}

.MainWarp .layer5 ul{overflow: hidden;/* padding-top: 65px; */}
.MainWarp .layer5 ul li{margin-bottom: 2.5vw;width: 23%;float: left;/* height: 120px; *//* border-radius: 2vw; */background: #fff;margin-right: 1.4%;position: relative;}
.MainWarp .layer5 ul li:nth-child(6n){margin-right: 1.4%;}
.MainWarp .layer5 ul li img{display: block;width: 100%;height: 100%;border-radius: 1vw;}
.MainWarp .layer5 ul li .bg{transition: 0.5s;display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 70%;height: 2vw;padding-left: 1vw;line-height: 2vw;font-size: 1vw;color: #fff;background: #6464643d;}
.MainWarp .layer5 ul li:hover .bg{/* border: 2px solid #858585; */transition: 0.5s;-webkit-transition: transform cubic-bezier(.215,.61,.355,1) 2s;}
.MainWarp .layer6{width: 100%;height: 100%;padding-top: 7%;box-sizing: border-box;position: relative;background: url(../images/pic2_11.jpg);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: #095da2;position: fixed;/* bottom: -100%; */transition: 0.5s;left: 0;}
.MainWarp .layer6Box{position: absolute;left: 50%;top: 45%;text-align: center;transform: translate(-50%,-50%);}
.MainWarp .layer6Box h2{color: #fff;line-height: 2;font-size: 2vw;font-weight: bold;}
.MainWarp .layer6Box span{text-transform: uppercase;display: inline-block;font-size: 0.72vw;color: #fff;margin: 0.5vw 0 3vw 0;}
.MainWarp .layer6Box a{display: block;width: 10vw;height: 2.5vw;margin: 2vw 0;font-size: 0.8vw;line-height: 2.5vw;background: #095da2;color: #fff;text-align: center;margin-left: auto;margin-right: auto;}
.footer .footerLeft{ float: left; overflow: hidden;}
.footer .footerLeft .icon{width: 8vw;height: 100%;float: left;padding-right: 1%;text-align: center;font-size: 0.8vw;line-height: 2;color: #fff;}
.footer .footerLeft .icon img{ display: block; width: 100%; height: 100%;}
.footer .footerLeft .text{float: left;padding-left: 2vw;}
.footer .footerLeft .text h2{margin-bottom: 1vw;font-size: 1.5vw;font-weight: bold;height: 2vw;line-height: 2vw;color: #fff;}
.footer .footerLeft .text p{font-size: 0.9vw;color: #fff;padding-bottom: 1.2vw;}
.footer .footerLeft img.logo{ margin-top: 20px;}
.footer .footerBox{ overflow: hidden;}
.footer .footerRight{ float: right;}
.footer .footerRight ul{float: right;margin-right: 7rem;}
.footer .footerRight ul h2{font-size: 1vw;color: #fff;}
.footer .footerRight ul li{margin-top: 1.7vw;} 
.footer .footerRight ul li a{font-size: 0.7vw;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: 4vw;text-align: center;border-top:1px solid rgba(255,255,255,0.6);font-size: 16px;color: rgba(255,255,255,0.6);line-height: 4vw;margin-top: 2vw;font-size: 0.7vw;}
.MainWarp .layer5 .enter{    display: block;
    width: 8vw;
    height: 2.5vw;
    margin: 2vw 0;
    font-size: 0.8vw;
    line-height: 2.5vw;
    background: #095da2;
    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: 54px; */}
.pageContainer .hdMain{position: absolute;top: -8.25vw;/* left: 50%; *//* transform: translateX(-50%); */}


.pageContainer .hdMain ul{ width: 100%; overflow: hidden;}
.pageContainer .hdMain ul li{text-align: center;line-height: 4.4vw;color: #fff;width: 12.4%;height: 4.4vw;float: left;border-right: 0.05vw solid #fff;box-sizing: border-box;background: #095da2;font-size: 1vw;}
.pageContainer .hdMain ul li a{display:block;width:100%;color: #fff;}
.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.3vw solid #095da2;}
.pageContainer .hdMain ul li:hover a {color: #095da2;}
.pageContainer .navGation{  height: 49px; border-bottom: 1px solid #e0e0e0; line-height: 49px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pageContainer .navGation ul{ overflow: hidden;}

.pageContainer .navGation ul a{ font-size: 14px; 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: 90%;/* background: #ffffff; */margin: 0 auto;}
.pageContainer .title{padding: 4vw;}
.pageContainer .title h2{text-align: center;font-size: 2vw;font-weight: bold;color: #095da2;text-transform: uppercase;}
.pageContainer .title p{text-align: center;font-size: 1.2vw;padding-top: 1vw;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: 1vw;font-size: 1vw;color: #fff;line-height: 2;padding: 0 2vw;box-sizing: border-box;background: #00000029;}
.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: 3vw;padding-top: 5vw;}
.pageContainer .layer2Text h2{font-size: 1.8vw;color: #333;text-align: center;font-weight: bold;}
.pageContainer .layer2Text p{text-align: center;padding-top: 2vw;line-height: 2;font-size: 1vw;}
.pageContainer .layer2Text a{display: block;width: 8vw;height: 2.5vw;text-align: center;line-height: 2.5vw;background: #095da2;font-size: 0.8vw;color: #fff;font-weight: bold;margin: 2vw auto 0 auto;}
.footer.page{ bottom: 0; position: relative;}
@media(max-width:1200px) {
.prodt li{ width:49%; height:auto; float:left; margin-right:2%; margin-bottom:50px;}	
.prodt li:nth-child(2n){ margin-right:0px;}
.prodt li:nth-child(3n){ margin-right:2%;}
}
@media(max-width:756px) {
	.prodt{ max-width:1440px; width:96%; height:auto; margin:30px auto 50px auto;}
.prodt li{ width:49%; height:auto;; float:left; margin-right:2%; margin-bottom:15px;}
.prodt li .nr .text { padding:0px 5px;height: auto}
.prodt li .nr .text h2{ padding-top: 20px; line-height: 13px; font-size: 14px; color: #333; font-weight: bold; padding-bottom: 10px;}
.prodt li .nr .text a{ display: block; width: 80px; height: 22px; border-radius:19px; text-align: center; line-height: 22px; background: #f2f2f2; text-align: center; font-size: 14px; color: #333; transition: 0.5s; position: absolute; right: 5px; top:20px; transform: translateY(-50%);}
.prodt li .nr .text p{ display:none;}
}
/*分页*/
.nx_pg{width:100%; height: auto ; padding:10px 0px 15px 0px; text-align:center; }
.nx_pg a{display:inline; padding:4px 12px 4px 12px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #757575; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
.nx_pg a:hover{background:#E7212B;; color:#fff;border:1px solid #E7212B;}
.nx_pg .on{ background:#E7212B;; color:#fff;border:1px solid #E7212B;}


.prodt1{ max-width:1440px; width:96%; height:auto; margin:50px auto;}
.prodt1 li{ width:48%; height:auto; float:left; margin-right:4%; margin-bottom:35px;}
.prodt1 li:nth-child(2n){ margin-right:0px;}
.prodt1 li img{ width:100%; height:auto;cursor: pointer;transition: all 1.2s;}
.prodt1 li img:hover{transform: scale(1.07);}
.prodt1 li p{ width:100%; height:70px; line-height:70px; font-weight:bold; font-size:20px; color:#333;}
.prodt1 li:hover p{ color:#CB131C;}
@media(max-width:1500px) {
	.top .nav li>a { padding: 0 1vw;}
}
@media (max-width: 1365px){
.prodt1 li{ width:48%; height:auto; float:left; margin-right:4%; margin-bottom:25px;}
.prodt1 li p{ width:100%; height:40px; line-height:40px; font-weight:bold; font-size:16px; color:#333;}
}
@media (max-width:756px){
.prodt1{ max-width:1440px; width:96%; height:auto; margin:26px auto 46px auto;}
.prodt1 li{ width:49%; height:auto; float:left; margin-right:2%; margin-bottom:15px;}
.prodt1 li p{ width:100%; height:36px; line-height:36px; font-weight: normal; font-size:14px; color:#333;}
}
.mainr2{max-width:1440px; width:96%; height:auto; margin:0 auto; padding:40px 0px 60px 0px;}
.mainr2 img{ max-width:100%; display:inline-block;}
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}
@media (max-width: 1000px){
.mainr2{max-width:1440px; width:96%; height:auto; margin:0 auto; padding:10px 0px 40px 0px;}
}
.artile{max-width:1440px; width:96%; height:auto; margin:50px auto;}
.artlr{ width:100%;}
.attie1{ width:66%; height:540px; float:left; overflow:hidden;}
.attie1 .attie11{ width:100%; height:450px; overflow:hidden;}
.attie1 .attie11 img{ width:100%; height:100%;object-fit: cover;}
.attie1 .artlz{ width:100%; height:90px; background:#E7212B; padding:0px 20px; line-height:90px; font-size:18px; color:#fff; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; position:relative;}
.attie1 .artlz .artlr{ width:20px; height:10px;display:inline-block; position:absolute; top:40px; right:20px;}
.attie2{ width:32%;height:540px; float:right; height:540px;background: #F2F6F9;}
.attie22{ width:100%; height:220px;}
.attie22 img{ width:100%; height:100%;object-fit:cover;}
.attie2 span{ width:90%; display:block; margin:30px auto 20px auto; line-height:40px; color:#666; font-size:14px;}
.attie2 h2{ width:90%; margin:0 auto; font-size:18px; color:#333; font-weight:bold;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.attie2 p{ width:90%; height:auto; margin:0 auto;color: #666666; margin-top:25px; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.attie2 .atti21{width: 142px;height: 48px;border: 1px solid #999999; line-height:48px; text-align:center;color: #999999; margin-top:25px; margin-left:5%;}
.attie2:hover .atti21{background: #E7212B; color:#fff;border: 1px solid #E7212B;}

.art2rz{ width:100%; height:60px;}
.art2r{ width:100%;  }
.art2r li{ width:32%;height: auto; float:left; height: auto; padding-bottom:50px;background: #F2F6F9; margin-right:2%; margin-bottom:60px; }
.art2r li:nth-child(3n) { margin-right:0px;}
.art2r li span{ width:90%; display:block; margin:30px auto 20px auto; line-height:40px; color:#666; font-size:14px;}
.art2r li h2{ width:90%; margin:0 auto; font-size:18px; color:#333; font-weight:bold;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.art2r li p{ width:90%; height:auto; margin:0 auto;color: #666666; margin-top:25px; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.art2r li .atti21{width: 142px;height: 48px;border: 1px solid #999999; line-height:48px; text-align:center;color: #999999; margin-top:35px; margin-left:5%;}
.art2r li:hover .atti21{background: #E7212B; color:#fff;border: 1px solid #E7212B;}

@media(max-width:1200px) {
.attie1{ width:100%; height:500px; float:left; overflow:hidden;}
.attie1 .attie11{ width:100%; height:410px; overflow:hidden;}
.attie2{ display:none}
.art2rz{ width:100%; height:40px;}
.attie22{ width:100%; height:180px;}
.art2r li{ width:32%;height: auto; float:left; height: auto; padding-bottom:30px;background: #F2F6F9; margin-right:2%; margin-bottom:40px; }
.art2r li span{ width:96%; display:block; margin:15px auto 10px auto; line-height:30px; color:#666; font-size:14px;}
.art2r li h2{ width:96%; margin:0 auto; font-size:16px; color:#333; font-weight:bold;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.art2r li .atti21{width: 102px;height: 40px;border: 1px solid #999999; line-height:40px; text-align:center;color: #999999; margin-top:25px; margin-left:2%;}

}
@media(max-width:1000px) {
.art2r li{ width:49%; margin-bottom:30px;}
.art2r li:nth-child(3n) { margin-right:2%;}

.art2r li:nth-child(2n) { margin-right:0px;}
.art2rz{ width:100%; height:30px;}
.attie22{ width:100%; height:160px;}
.art2r li span{ width:96%; display:block; margin:8px auto 1px auto; line-height:25px; }
.art2r li h2{ width:96%; margin:0 auto; font-size:14px; height:26px; line-height:26px; color:#333; font-weight:bold;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.art2r li .atti21{width: 90px;height: 30px; line-height:30px; font-size:12px;border: 1px solid #999999; text-align:center;color: #999999; margin-top:8px;}
}
@media(max-width:756px) {
.attie1{ width:100%; height:260px; float:left; overflow:hidden;}
.attie1 .attie11{ width:100%; height:210px; overflow:hidden;}
.attie1 .attie11 img{ width:100%; height:100%;object-fit: cover;}
.attie1 .artlz{ width:100%; height:50px; background:#E7212B; padding:0px 10px; line-height:50px; font-size:16px; color:#fff; overflow:hidden; position:relative;}
.attie1 .artlz .artlr{ width:20px; height:10px;display:inline-block; position:absolute; top:20px; right:10px; display:none;}	
.attie22{ width:100%; height:100px;}
}
 .ab1{max-width:1440px;width:96%;height:auto;margin: 3vw auto;}
 .ab1 li{width: 30%;float:left;margin-right: 5%;margin-right: %;}
 .ab1 li:nth-child(3n){ margin-right:0px;}
 .ab1 li h2{width:100%;height: 2.5vw;font-size: 1.3vw;color:#333;}
 .ab1 li p{width:100%;line-height: 2;color: #095da2;font-size: 1.2vw;font-weight:bold;}
 .ab1 li img{display:inline-block;float:left;padding-right: 1vw;width: 3.3vw;}

 .map{max-width:1440px; width:96%; height:auto; margin:20px auto 60px auto;}
 .map img{ width:100%;}
 .righth{width:96%; max-width:1440px; height: auto; margin:60px auto; box-sizing:border-box; padding-top:20px;  font-size:16px;}
.righth h2{ font-size:36px; font-weight:bold; text-align:left; line-height:44px; color:#333; margin-bottom:15px; padding:0px 5px;}
.righth p{ width:100%; margin-bottom:25px;padding:0px 5px;}
.righth table{padding:0; margin:0; border-collapse:collapse; border:none;}
.righth table td{padding:5px; color:#333; font-weight:bold;}
.sb1{width:100%; height:55px; line-height:55px; border:none; text-indent:15px; opacity:0.8; background:#E9EDF0; font-size:15px;border:1px solid #E0E0E0;;box-sizing: border-box;}
.sb2{width:520px; height:45px; line-height:45px; border:none; text-indent:15px; background:#E9EDF0; opacity:0.8; font-size:15px;}
.sb3{width:100%; height:120px; line-height:25px; border:none; background:#E9EDF0; box-sizing:border-box; padding:5px 15px 0px 15px; opacity:0.8; font-size:15px;border:1px solid #E0E0E0;;box-sizing: border-box;}
.sb4{display:block; width:220px; height:45px; line-height:45px; border:none; font-size:16px; text-align:center; color:#fff; background:#E7212B;;;; margin-top:25px; transition:0.5s; border-radius:0px;}
.sb4:hover{opacity:0.9;}
 @media(max-width:1100px) {
 .ab1 li{ width:30%; float:left; margin-right:5%;}
 .ab1 li:nth-child(3n){ margin-right:0px;}
 .ab1 li h2{ width:100%; height:40px; font-size:20px; color:#333;}
 .ab1 li p{ width:100%; line-height:34px; color: #E7212B; font-size:18px; font-weight:bold;}
 .ab1 li p img{ display:inline-block; float:left; padding-right:5px; width:34px; padding-top:5px;}
 
 }
  @media(max-width:756px) {
	   .ab1{max-width:1440px; width:96%; height:auto; margin:35px auto;}
 .ab1 li{ width:100%; float:left; margin-right:0%; margin-bottom:20px;}
 .ab1 li:nth-child(3n){ margin-right:0px;}
 .ab1 li h2{ width:100%; height:40px; font-size:20px; color:#333;}
 .ab1 li p{ width:100%; line-height:34px; color: #E7212B; font-size:18px; font-weight:bold;}
 .ab1 li p img{ display:inline-block; float:left; padding-right:5px; width:34px; padding-top:5px;}
  .map{max-width:1440px; width:96%; height:auto; margin:10px auto 20px auto;}
   .righth{width:96%; max-width:1440px; height: auto; margin:30px auto 50px auto;}
  .righth h2{ font-size:20px; font-weight:bold; text-align:left; line-height:34px; color:#333; margin-bottom:15px; padding:0px 5px;}
.righth p{ width:100%; margin-bottom:15px;padding:0px 5px;}
.sb4{display:block; width:180px; height:45px; line-height:45px;}
 }

.ab5{max-width: 90%;/* width:96%; */margin: 1% 0;margin: 1% auto;}
.ab51{width: calc(100% - 30%);float:left;/* line-height: 1.5; */margin-top: 1.5vw;}
.ab51 h2{font-size: 1.5vw;color:#333;width:100%;line-height: 1.5;font-weight:bold;}
.ab51 span{margin-bottom: 2vw;color: #999999;display:block;font-size: 0.8vw;line-height: 1.5;letter-spacing: 0.04vw;}
.ab51 p{margin-bottom: 1vw;color: #4b4b4b;display:block;font-size: 0.9vw;line-height: 2.2;}
.ab52{width: 25%;float:right;}
.ab52 li{width:100%;height: 6vw;border-bottom: 0.05vw solid rgba(0, 0, 0, 0.1);margin-top: 2vw;}
.ab52 li .ab521{ float:left;}
.ab52 li .ab521 h2{font-weight: bold;color: #095da2;font-weight: bold;font-size: 2.2vw;position:relative;}
.ab52 li .ab521 h2 b {font-weight: 400;vertical-align:bottom;color:#fff;background: #095da2;position:absolute;bottom: 0.3vw;left: 8vw;width: 1vw;height: 1vw;line-height: 1vw;border-radius: 10vw;display:block;font-size: 0.5vw;text-align:center;}
.ab52 li .ab521 p{width:100%;line-height: 1vw;color:#333;font-size: 0.8vw;text-align: left;margin-top: 1vw;}
.ab52 li .ab522{width: 3.65vw;height: 3.65vw;float:right;}
.ab52 li .ab522 img{width: 3.65vw;height: 3.65vw;float:right;}
@media(max-width:1200px) {
.ab51{width:calc(100% - 480px); float:left; line-height:28px; margin-top:40px;}
}
@media(max-width:1000px) {
.ab51{width:calc(100% - 0px); margin-top:20px;}	
.ab52{ width:100%; float:right;}
.ab5{ max-width:1440px; width:96%; margin:35px auto;}
}
@media(max-width:756px) {
.ab51{ margin-top:10px;}
.ab51 h2{ font-size:22px; color:#333; width:100%; line-height:32px; font-weight:bold;}	
.ab51 span{ margin-bottom:15px;}
.ab52 li{ width:100%; height:70px;border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-top:25px;}
.ab52 li .ab521 h2{font-weight: bold; color: #E7212B;;font-weight: bold;font-size:24px; position:relative;}
.ab52 li .ab521 h2 b {bottom:5px; left:70px;}
.ab52 li .ab521 p{ width:100%; line-height:18px; ; color:#333; font-size:14px; text-align:center; margin-top:5px;}

.ab52 li .ab522{ width:40px; height:40px; float:right;}	
.ab52 li .ab522 img{ width:40px; height:40px;}
}
.ab6{width:100%;height:700px;overflow:hidden;background: url(../images/t4.png) center;background-attachment:fixed;}
.ab61{ max-width:1440px; height:auto; width:96%; margin:260px auto 0px auto; }
.ab61 h2{ font-size:36px; color:#E7212B; font-weight:bold;}
.ab61 h3{font-size: 24px; color:#333; padding-top:30px; padding-bottom:45px;}
.ab61 p{ max-width:770px; width:96%;height:auto;font-size: 20px; line-height:32px;}
@media(max-width:1000px) {
.ab6{ width:100%; height:300px; background-attachment: inherit;	}
.ab61{ max-width:1440px;height:auto;width:96%; margin:70px auto 0px auto; }
.ab61 h2{ font-size:24px; color:#E7212B; font-weight:bold;}
.ab61 h3{font-size: 20px; color:#333; padding-top:10px; padding-bottom:15px;}
.ab61 p{ max-width:770px; width:96%;height:auto;font-size: 14px; line-height:26px;}
}


.layer12 .layer2Box{ width:100%; height:auto; margin-bottom:55px;}
.layer12 .layer2Box li{ width:31%; height:auto; margin-right:3.5%; float:left; }

.layer12 .layer2Box li img{ width:100%;}
.layer12 .layer2Box li:nth-child(3){ margin-right:0px;} 
@media(max-width:1000px) {
	.layer12 .layer2Box li{ width:49%; height:auto; margin-right:2%; float:left; }
	.layer12 .layer2Box li:nth-child(2){ margin-right:0px;}
.layer12 .layer2Box li:nth-child(3){ margin-right:0px; display:none;} 	
}



.layer12 .layer2Box1{ margin-bottom:55px; width:100%; padding-bottom:30px; position: relative;}
.layer12 .layer2Box1 ul{ overflow: hidden;width:90%; margin:0 auto;}
.layer12 .layer2Box1 ul li{ margin-bottom: 30px; width: 15.5%; float: left; height: 120px; background: #fff;border: 1px solid #E0E0E0; margin-right: 1.4%; position: relative;}
.layer12 .layer2Box1 ul li:nth-child(6n){ margin-right: 0;}
.layer12 .layer2Box1 ul li img{ display: block; width: 100%; height: 100%;object-fit: cover;}
.layer12 .layer2Box1 ul li .bg{ transition: 0.5s; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.layer12 .layer2Box1 ul li:hover .bg{ border: 2px solid #e7212b;}
.layer12 .layer2Box1 .swiper-pagination{ bottom:0; border: 0px solid rgba(0, 0, 0, 0.2);background: rgba(0, 0, 0, 0.2);width: 82px; height: 22px; border-radius:11px ; line-height:20px; left: 50%; transform: translateX(-50%);}
.layer12 .layer2Box1 .swiper-pagination span{ width: 8px; height: 8px; margin: 0 5px; background: #fff; transition: 0.5s; vertical-align: middle;}
.layer12 .layer2Box1 .swiper-pagination span.swiper-pagination-bullet-active{ width: 10px; height: 10px;}
@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%;}	
}


prodt{ max-width:1440px; width:96%; height:auto; margin:50px auto;}
.prodt li{width: 23%;height:auto;float:left;margin-right:2%;/* margin-bottom:50px; */}
.prodt li:nth-child(3n){margin-right: 2%;}
.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: 6vw;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: #095da2; color: #fff;}
.prodt li .nr .text h2{padding-top: 1vw;line-height: 1.5;font-size: 1vw;text-align: center;color: #333;font-weight: bold;padding-bottom: 1vw;}
.prodt li .nr .text p{ font-size: 14px; color: #797979;}