/*初始化样式*/
html{margin:0;padding:0;border:0;}
div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section{margin:0;padding:0;border:0;}

a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin:0;}



/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.of{overflow:hidden;}
.wh{max-width:1430px;margin:0 auto;padding:0 15px;}




.com-img{overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}



.flexf{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flexs{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.flexd{display: flex;justify-content: space-between;align-items:flex-end;flex-wrap:wrap;}





/*头部样式*/
.top2{height:56px;z-index:99999;position:absolute;left:0;top:0;width:100%;background: #fff;}
.logo{line-height:56px;height:56px;overflow:hidden;width:9%;}
.logo img{width:100%;}
.logo1{display:block;}
.logo2{display:none;}
a.lan{border-radius: 50%;border:4px solid rgb(255,255,255,.23);color:#fff;font-size:12px;text-align:center;text-transform:uppercase;width:31px;height:31px;margin-left:1vw;margin-top:17.5px;}
a.lan span{background:#4874cb;width:23px;line-height:23px;display:block;border-radius: 50%;}


/* 导航样式 */
.haom{
    width: 16%;
    line-height: 56px;
    font-size: 16px;
    padding-top: 5px;
}




.x-menu {
    width:67%;
}

.x-menu > li {
    width: 15.28%;
    text-align: center;
    float:left;
    position: relative;
}

.x-menu > li > a {
    font-size: 16px;
    color: #000;
    line-height: 56px;
    display: block;
}

.x-menu > li:hover > a {
   /* color: #fff;*/
}

.x-menu > li.active > a {
 
}



.x-menu > li:hover .x-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.x-sub-menu {
    position: absolute;
    z-index: 999;
    width: 150%;
    left: -25%;
    top: 82px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.x-sub-menu > li > a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    padding: .5em;
}

.x-sub-menu > li > a:hover {
    background: #4874cb;
    color: #fff;
}


.top2.scroll{position:fixed;background:#fff;}
.top2.scroll .logo1{display:none;}
.top2.scroll .logo2{display:block;}
.top2.scroll .x-menu > li > a{color:#000;}



.x-banner {overflow: hidden;position: relative;padding-top:56px;}
.x-banner .owl-carousel .banner-item a {overflow: hidden;}
.x-banner .owl-carousel .banner-item a img{display: block;width: 100%;}

/*主体样式*/
.box1{padding:3.2vw 0 0;}
.bt{text-align:center;}
.bt .wz{color:#000000;font-size:48px;text-transform:uppercase;font-weight:bold;font-family:Arial;line-height:45px;}
.bt .wz2{color:#333333;font-size:36px;}


.tabzz{text-align:center;margin:1.6vw 0;}
.tabzz li{width: 220px;line-height:49px;font-size: 20px;cursor:pointer;margin:4px 1.5%;border-radius: 24px;background-color: rgb(246, 246, 246);display:inline-block;}
.tabzz li a{color:#333333;}
.tabzz li.cur{background:#4874cb;}
.tabzz li.cur a{color:#fff;}


.ttzz {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    height: 0px;
}
.ttzz.active{opacity: 1;visibility: visible;height: 100%;}


.ttzz{position:relative;overflow:hidden;margin:0 -10%;}
.ttzz .swiper-slide{text-align:center;position: relative;position:relative;background:url(../images/bg.png) no-repeat;background-size:100% 100%;border-radius: 30px;width:32%;transform: scale(0.9);}
.ttzz .swiper-slide:before{content:"";width:100%;height:100%;background:rgba(0,0,0,.7);position:absolute;display: block;left:0;bottom:0;border-radius: 30px;} 


.ttzz .swiper-slide .det{width:60%;margin:0 auto;padding:36px 0 12px;text-align:center;}
.ttzz .swiper-slide .img{width:78%;margin:0 auto;margin-top:3vw;}
.ttzz .swiper-slide .img img{width:100%;display:block;transition: all 0.5s;}
.ttzz .swiper-slide .img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}




.ttzz .swiper-slide .wz{color:#000000;font-size:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:38px;}
.ttzz .swiper-slide .wz2{color:#333333;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:10px 0 23px;}
.ttzz .swiper-slide .mo{display: block;width: 124px;background-color: #4874cb;border-radius: 16px;line-height:32px;text-align: center;color: #ffffff;font-size:16px;text-transform: uppercase;transition: all 0.5s;border:1px solid #4874cb;margin:0 auto;}
.ttzz .swiper-slide .mo:hover{color: #4874cb;border-color: #4874cb;background: none;}
.ttzz .swiper-slide-active{transform: scale(1);}
.ttzz .swiper-slide-active:before{display:none;}


.ttzz .swiper-button-prev1{position: absolute;top:40%;left:34.2%;width:45px;height:45px;opacity:1;z-index:999;background:url(../images/z.png) no-repeat;background-size:100% 100%;}
.ttzz .swiper-button-next1{position: absolute;top:40%;right:33.98%;width:45px;height:45px;opacity:1;z-index:999;background:url(../images/y.png) no-repeat;background-size:100% 100%;}
.ttzz .swiper-button-prev1:hover{background:url(../images/zz.png) no-repeat;background-size:100% 100%;}
.ttzz .swiper-button-next1:hover{background:url(../images/yy.png) no-repeat;background-size:100% 100%;}

.ttzz .swiper-pagination1{width:100%;text-align:center;left:0;right:0;margin-top:2.2vw;position:relative;z-index:99;}
.ttzz .swiper-pagination-bullet{width:51px;height:6px;margin:0 4px;display: inline-block;border-radius:0;background:#eeeeee;opacity:1;cursor:pointer;}
.ttzz .swiper-pagination-bullet-active{background:#4874cb;opacity:1;}








.box2{background:url(../images/bj2.jpg) no-repeat;background-size:100% 100%;padding:3.6vw 0 2.3vw;}
.gy{width:79.29%;margin:2vw auto 2.8vw;text-align:center;font-size:30px;line-height:48px;}
.sj{padding:0 1.3vw;}
.sj li .det{display: flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;}
.sj li .wz{color:#4874cb;font-size:72px;line-height:60px;margin-left:10px;}
.sj li .wz2{color:#333333;font-size:20px;margin-top:8px;}
.abcont{background-color: rgb(255, 255, 255);box-shadow: 0px 9px 18px 0px rgba(6, 0, 1, 0.09);margin-top:2.6vw;}
.apic{width:52.21%;}
.apic img{width:100%;display:block;}
.aby{width:41.86%;margin-right:2.29%;}
.abtt{color:#000000;font-size:36px;}
.ab{color:#333333;font-size:18px;line-height:32px;overflow:hidden;margin:1.2431vw 0 3.114vw;}
a.am{display: block;width: 142px;background-color: #4874cb;border-radius: 19px;line-height:37px;text-align: center;color: #ffffff;font-size:15px;text-transform: uppercase;transition: all 0.5s;border:1px solid #4874cb;}
a.am:hover{color: #4874cb;border-color: #4874cb;background: none;}



.dingz{margin-top:4.7124vw;}
.dzwz{width:62%;margin:0 auto;text-align:center;font-size:48px;color:#000000;line-height:65px;}
.dzwz2{text-align:center;font-size:26px;color:#333333;margin:1.53vw 0 2.87vw;}

.cp1{margin:0 -2%;}
.cp1 li{width: calc(100% / 4 - 4%);float:left;margin:0 2%;text-align:center;}
.cp1 li .wz{color:#4874cb;font-size:17px;border:1px solid #4874cb;border-radius: 16px;line-height:36px;width:62%;margin:0 auto;transition: all 0.5s;}
.cp1 li .img{margin-top:2vw;}
.cp1 li img{width:100%;display:block;}
.cp1 li:hover .wz{background:#4874cb;color:#fff;}
a.pm{display: block;width: 253px;background-color: #4874cb;border-radius: 23px;line-height:45px;text-align: center;color: #ffffff;font-size:22px;text-transform: uppercase;transition: all 0.5s;border:1px solid #4874cb;margin:0 auto;margin-top:5vw;}
a.pm:hover{color: #4874cb;border-color: #4874cb;background: none;}




.box3{margin-top:3.81vw;}
.pernr8{position:relative;margin-top:1.58vw;}
.pernr81{overflow:hidden;}
.pernr81 .swiper-wrapper .swiper-slide{width:100%;position: relative;overflow: hidden;transition:all 0.4s;}
.pernr81 .swiper-wrapper .swiper-slide .img img{width:100%;display:block;}
.pernr81 .swiper-wrapper .swiper-slide .aa{width:100%;left:0;top:9vw;position:absolute;z-index:99;}
.pernr81 .swiper-wrapper .swiper-slide .det{width:51.14%;}
.pernr81 .swiper-wrapper .swiper-slide .wz1{color:#fff;font-size:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.pernr81 .swiper-wrapper .swiper-slide .wz1 span{font-size:24px;text-transform:uppercase;}
.pernr81 .swiper-wrapper .swiper-slide .wz2{font-size:26px;line-height:36px;overflow:hidden;color:#fff;margin:20px 0;}
.pernr81 .swiper-wrapper .swiper-slide a.smo{display: block;width: 146px;background-color: #4874cb;border-radius: 21px;line-height:40px;text-align: center;color: #ffffff;font-size:18px;text-transform: uppercase;transition: all 0.5s;border:1px solid #4874cb;}
.pernr81 .swiper-wrapper .swiper-slide a.smo:hover{color: #4874cb;border-color: #4874cb;background: none;}
.pernr81 .swiper-wrapper .tu{margin-top:2.7vw;}
.pernr81 .swiper-wrapper .tu .img2{float:left;border-radius: 30px;overflow:hidden;width:39.53%;margin-right:3%;}
.pernr81 .swiper-wrapper .tu .img2 img{display:block;border-radius: 30px;transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;width:100%;}
.pernr81 .swiper-wrapper .tu .img2:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}



.qie{position:absolute;width:179px;right:13.57%;bottom:9vw;z-index:999;height:405px;overflow: hidden;padding:55px 0;}
.pernr82{height:330px;overflow: hidden;}
.pernr82 .swiper-wrapper .swiper-slide{text-align:center;cursor:pointer;}
.pernr82 .swiper-wrapper .swiper-slide .img{background-color: rgb(255, 255, 255,.32);border-radius: 10px;width: 68px;height: 68px;display:flex;align-items: center;justify-content: center;flex-direction:column;margin:0 auto;text-align:center;}
.pernr82 .swiper-wrapper .swiper-slide .wz{color:#fff;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:none;margin-top:8px;}
.pernr82 .swiper-wrapper .swiper-slide-thumb-active .img{background:#4874cb;}
.pernr82 .swiper-wrapper .swiper-slide-thumb-active .wz{display:block;}

.qie .swiper-button-prev2{position:absolute;top:0;margin-top:0;left:50%;margin-left:-12px;width:24px;height:13px;opacity:1;z-index:999;background:url(../images/s.png) no-repeat;background-size:100% 100%;}
.qie .swiper-button-next2{position:absolute;bottom:0;margin-top:0;left:50%;margin-left:-12px;width:24px;height:13px;opacity:1;z-index:999;background:url(../images/x.png) no-repeat;background-size:100% 100%;}






.box4{padding:3.8vw 0 4vw;}
.xcont{position:relative;margin-top:2.6vw;}
.xwt{width:41.3%;position:relative;z-index:9;}
.xwt img{width:100%;display:block;}
.xwz{position:absolute;z-index:99;width:72.81%;left:0;top:0;}

.tabzz3{margin-bottom:2.8vw;margin-left:18.2%;}
.tabzz3 li{width: 166px;line-height:49px;font-size: 20px;cursor:pointer;border-radius: 24px;background-color: rgb(246, 246, 246);float:left;margin-right:21px;text-align:center;}
.tabzz3 li a{color:#333333;}
.tabzz3 li.cur{background:#4874cb;}
.tabzz3 li.cur a{color:#fff;}


.ttzz3 {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    height: 0px;
}
.ttzz3.active{opacity: 1;visibility: visible;height: 100%;}
.ttzz3{position:relative;overflow:hidden;}

.tabzz_content3{/*margin-left:-10%;*/}

.ttzz3 .swiper-wrapper{padding-top:10px!important;padding-bottom:15px!important;}
.ttzz3 .swiper-slide{position: relative;background-color: rgb(255, 255, 255);box-shadow: 0px 5px 10px 0px rgba(6, 0, 1, 0.1);}
.ttzz3 .swiper-slide .det{padding:10% 10% 7%;}
.ttzz3 .swiper-slide .wz{color:#000000;font-size:20px;overflow:hidden;line-height:28px;height:56px;}
.ttzz3 .swiper-slide .wz2{color:#333333;font-size:16px;overflow:hidden;line-height:24px;height:120px;margin:1.1vw 0 3vw;}
.ttzz3 .swiper-slide .mo{background:url(../images/nm.png) no-repeat;background-size:100% 100%;width:46px;height:46px;display:block;}
.ttzz3 .swiper-slide:hover .wz{color:#4874cb;}


.qh{margin-left:18.2%;width:37.29%;margin-top:3.5vw;}
.aniu{width:140px;}
.aniu .swiper-button-prev3{position:static;margin-top:0;width:56px;height:56px;opacity:1;z-index:999;background:url(../images/z1.png) no-repeat;background-size:100% 100%;}
.aniu .swiper-button-next3{position:static;margin-top:0;width:56px;height:56px;opacity:1;z-index:999;background:url(../images/y1.png) no-repeat;background-size:100% 100%;}
.aniu .swiper-button-prev3:hover{background:url(../images/z2.png) no-repeat;background-size:100% 100%;}
.aniu .swiper-button-next3:hover{background:url(../images/y2.png) no-repeat;background-size:100% 100%;}

.qh .swiper-pagination3{text-align:center;position:static;z-index:99;}
.qh .swiper-pagination-bullet{width:51px;height:6px;margin:0 4px;display: inline-block;border-radius:0;background:#eeeeee;opacity:1;cursor:pointer;}
.qh .swiper-pagination-bullet-active{background:#4874cb;opacity:1;}









/*友情链接*/
.link{color:#333;font-size:14px;line-height:24px;margin-bottom:2.6vw;display:none;}
.link a{margin:0 3px;color:#333;}




/*页面底部*/
.foot{background:#000000;border-top:6px solid #4874cb;color:#fff;}
.foot a{color:#fff;}

.fcon1{padding:2.53vw 0 1.75vw;}
.foot1,.foot2{width:37.43%;}
.foot2{margin-left:6.07%;}
.ftt{color:#fff;font-size:24px;text-transform:uppercase;border-bottom:1px solid #4f4f51;padding-bottom:16px;}
.fnav{margin-top:34px;}
.fnav li{float:left;width:25%;font-size:18px;line-height:58px;}
.flx{font-size:18px;line-height:34px;margin-top:30px;}

.codes{width:11.43%;text-align:center;background:#fff;padding:15px 10px;}
.codes .img img{max-width:100%; height:auto !important;width:auto !important;display:block;}
.codes .wz{color:#000000;font-size:14px;margin-top:12px;}

.bq{font-size:14px;line-height:24px;padding:15px 0;}


@media(max-width:1600px){
    .pernr81 .swiper-wrapper .tu{
        width:80%;
    }
}


@media (max-width:1440px) {
  .qie{right:15px;}
  .ttzz .swiper-slide .wz{font-size:30px;}
  .bt .wz{font-size:40px;}
  .bt .wz2{font-size:30px;}
  .tabzz li{font-size:17px;width:150px;line-height:42px;}
  .ttzz .swiper-slide .wz2{font-size:16px;}
  .ttzz .swiper-slide .mo{font-size:14px;width:110px;line-height:28px;}
  .gy{font-size:26px;line-height:40px;}
  .sj li .wz{font-size:65px;}
  .sj li .wz2{font-size:17px;}
  .abtt{font-size:30px;}
  .ab{font-size:16px;line-height:28px;}
  .dzwz{font-size:39px;line-height:50px;}
  .dzwz2{font-size:21px;}
  .cp1 li .wz{font-size:15px;}
  a.pm{font-size:18px;width:220px;line-height:39px;}
  .pernr81 .swiper-wrapper .swiper-slide .wz1{font-size:40px;}
  .pernr81 .swiper-wrapper .swiper-slide .wz1 span{font-size:19px;}
  .pernr81 .swiper-wrapper .swiper-slide .wz2{font-size:20px;line-height:30px;height:60px;}
  .pernr81 .swiper-wrapper .swiper-slide a.smo{font-size:15px;width:125px;line-height:36px;}
  .pernr81 .swiper-wrapper .tu{width:76%;}
  .pernr81 .swiper-wrapper .swiper-slide .aa{top:7vw;}
  .pernr82 .swiper-wrapper .swiper-slide-thumb-active .wz{margin-top:0;}
  .pernr82 .swiper-wrapper .swiper-slide .wz{font-size:16px;}
  .pernr82{height:280px;}
  .qie{height:380px;}
  .tabzz3{margin-left:15px;}
  .tabzz3 li{width:136px;line-height:40px;font-size:17px;}
  .ttzz3 .swiper-slide .wz{font-size:17px;line-height:24px;height:48px;}
  .ttzz3 .swiper-slide .wz2{font-size:14px;}
  .ttzz3 .swiper-slide .mo{width:40px;height:40px;}
  .qh{margin-left:15px;}
  .aniu{width:100px;}
  .aniu .swiper-button-prev3,.aniu .swiper-button-next3{width:42px;height:42px;}
  .qh .swiper-pagination-bullet{width:39px;height:4px;}

  .ftt{font-size:19px;}
  .fnav li{font-size:16px;line-height:48px;}
  .flx{font-size:16px;line-height:31px;}
}


@media (max-width:1024px) {
  .ab{height:140px;}
  .pernr81 .swiper-wrapper .tu{display:none;}
  .qie{bottom:5vw;}
  .ttzz3 .swiper-slide .wz2{height:72px;}
  .ttzz3 .swiper-slide .wz{height:24px;}
  .qh .swiper-pagination3{display:none;}
  .dzwz{width:78%;}
  .ttzz .swiper-pagination-bullet{width:39px;height:4px;}
  .box1{padding:6vw 0;}
  .box2{padding:0 0 6vw;}
  .box3{margin-top:6vw;}
  .pernr8{margin-top:3.9vw;}
  .box4{padding:6vw 0;}
}



@media (max-width:768px) {
    .x-banner{padding-top:0;}
  .bt .wz{font-size:34px;}
  .bt .wz2{font-size:25px;}
  .gy{width:92%;font-size:20px;line-height:34px;}
  .sj li .wz{font-size:47px;line-height:44px;}
  .sj li .wz2{font-size:15px;}
  .abtt{font-size:24px;}
  a.am{font-size:14px;width:131px;line-height:32px;}
  .dzwz{font-size:30px;line-height:38px;}
  .dzwz2{font-size:17px;}
  .cp1 li{width: calc(100% / 2 - 4%);float:left;margin:0 2%;margin-top:20px;}
  a.pm{font-size:16px;width:172px;line-height:32px;}
  .pernr81 .swiper-wrapper .swiper-slide .wz1{font-size:34px;}
  .pernr81 .swiper-wrapper .swiper-slide .wz1 span{font-size:16px;}
  .pernr81 .swiper-wrapper .swiper-slide .wz2{font-size:15px;line-height:25px;height:50px;}
  .pernr82 .swiper-wrapper .swiper-slide .img{width:52px;height:52px;}
  .qie{width:52px;height:190px;}
  .pernr82{height:140px;}
  .foot2{width:60%;margin-left:0;}
  .codes{width:22%;}
  .xwz{position:static;width:100%;}
  .xwt{width:100%;margin-top:20px;}
  .tabzz3{text-align:center;margin-left:0;margin:0 auto;margin-bottom:10px;}
  .tabzz3 li{float:none;display:inline-block;margin:5px;}
  .qh{width:100px;margin:0 auto;margin-top:1.5vw;}
  .tabzz_content3{margin-left:0;}
  .box1{padding:6vw 0;}
  .box2{padding:0 0 6vw;}
  .box3{margin-top:6vw;}
  .pernr8{margin-top:3.9vw;}
  .box4{padding:6vw 0;}
  .fcon1{padding:4vw 0 6vw;}
  .tabzz{margin:20px 0 25px;}
  .ttzz .swiper-slide .wz{font-size:25px;}
  .ttzz .swiper-button-prev1,.ttzz .swiper-button-next1{width:36px;height:36px;}
  .tabzz li{width: 43%;font-size:16px;line-height:36px;margin:5px 1%;}

}


@media (max-width:480px) {
   .bt .wz{font-size:26px;line-height:33px;}
   .bt .wz2{font-size:20px;}
  
   .gy{font-size:16px;line-height:26px;}
   .sj li{width:50%;margin:8px 0;}
   .sj li .wz{font-size:36px;line-height:37px;margin-left:0;}
   .sj li .img{display:none;}
   .sj li .wz2{text-align:center;}
   .apic{width:100%;}
   .aby{width:100%;padding:20px 15px;margin-right:0;}
   .abtt{font-size:20px;}
   .ab{font-size:14px;line-height:25px;height:auto;}
   .dingz{margin-top:30px;}
   .dzwz{font-size:21px;line-height:28px;width:92%;margin:8px auto;}
   .dzwz2{font-size:15px;}
   .cp1 li .wz{line-height:32px;}
   .pernr81 .swiper-wrapper .swiper-slide .wz1 span{display:none;}
   .pernr81 .swiper-wrapper .swiper-slide .wz1{font-size:25px;}
   .pernr81 .swiper-wrapper .swiper-slide .wz2{font-size:14px;height:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:10px 0;}
   .pernr81 .swiper-wrapper .swiper-slide a.smo{font-size:14px;line-height:30px;width:100px;}
   .qie .swiper-button-prev2,.qie .swiper-button-next2{display:none;}
   .pernr82,.qie{height:120px;padding:0;}
   .tabzz3 li{width:30%;margin:5px 1%;font-size:16px;line-height:36px;}
   .tabzz3{margin-left:15px;margin-right:15px;}
   .foot2{width:100%;}
   .flx{font-size:14px;line-height:26px;margin-top:10px;}
   .codes{display:none;}
   .fcon1{padding:6vw 0 2vw;}
   .ttzz3 .swiper-slide .wz2{margin:10px 0 15px;}
   .ftt{font-size:17px;}
   .ttzz{margin:0 15px;}
   .ttzz .swiper-pagination1{margin-top:15px;}
   .ttzz .swiper-pagination-bullet{width:22px;height:3px;}
   .ttzz .swiper-button-prev1{left:15px;}
   .ttzz .swiper-button-next1{right:15px;}
   .ttzz .swiper-slide .wz{font-size:20px;}
   .ttzz .swiper-slide:before{display:none;}
  .box1{padding:8vw 0;}
  .box2{padding:0 0 8vw;}
  .box3{margin-top:8vw;}
  .pernr8{margin-top:4.9vw;}
  .box4{padding:8vw 0;}

}








/*内页左侧样式*/
.page-product-inquiry a{color: #fff;}


/* 手机页脚 */
.footer3 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #4874cb;
}

.footer3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer3 ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: #ffffff;
    line-height: 50px;
    font-size: 0;
}

.footer3 ul li a {
    display: block;
    color: #ffffff;
}

.footer3 ul li .iconfont {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 16px;
    height: 14px;
}

.footer3 ul li:nth-child(1) .iconfont {
    background: url("../images/b544c19c69b83bbe43c1274f87d99f8463b23472.png") no-repeat 50%;
}

.footer3 ul li:nth-child(2) .iconfont {
    background: url("../images/b26655bdcb5a7dc2df997405eb240a45c466bb0f.png") no-repeat 50%;
}

.footer3 ul li:nth-child(3) .iconfont {
    background: url("../images/d077420e30ae81b861be3a532ee75cc320e1deb8.png") no-repeat 50%;
}


.footer3 ul li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #ffffff;
}


.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}
.right .content{padding-top:15px;overflow:hidden;line-height: 24px;}
.xypg-right-content  .content{margin-top:10px;}

.page-product-inquiry a{color: #fff;}
.n_banner{width:100%;margin:0 auto;}
.n_banner img{width:100%;display:block;}
.page-banner{width:100%;margin:0 auto;}
.page-banner img{width:100%;display:block;}



.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;color:#000;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.sitemp .site a{color:#000;}


@media (max-width:768px) {
 .xypg-right-content p img{
    max-width:100%; height:auto !important;width:auto !important;
 }
     body {
        padding-top:60px!important;
        padding-bottom:50px!important;
    }
}



.ndao {
    height: 82px;
    position: relative;
    margin-top: -82px;
    display: block!important;
}

@media (max-width: 780px) {
    .ndao {
        margin-top: 0;
        height: auto;
    }
}

.ndao .con {
    background: rgba(7, 7, 7, 0.4);
}

@media (max-width: 480px) {
    .ndao .con {
        padding: 0;
    }
}

.ndao .con .xypg-left-nav {
    display: flex;
    margin: 0;
    text-align: center;
}

@media (max-width: 480px) {
    .ndao .con .xypg-left-nav {
        flex-wrap: wrap;
    }
}

.ndao .con .xypg-left-nav > li {
    border-bottom: none;
    width: 26%;
}

@media (max-width: 480px) {
    .ndao .con .xypg-left-nav > li {
        width: 33.33%;
    }
}

.ndao .con .xypg-left-nav > li > a {
    padding: 0;
    color: #fff;
    display: block;
    line-height: 82px;
    font-size: 24px;
}

@media (max-width: 780px) {
    .ndao .con .xypg-left-nav > li > a {
        font-size: 16px;
        line-height: 54px;
    }
}

.ndao .con .xypg-left-nav > li.clicked > a, .ndao .con .xypg-left-nav > li:hover > a {
    background-color:#4874cb;
}


.ndao .con .xypg-left-nav .first-nav-btn {
    display: none;
}