@charset "utf-8";

/*============================ 初始化样式 ============================*/

* { margin:0; padding:0;box-sizing: border-box}

body {color:#333; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;min-width:1200px;overflow: hidden;}
html {overflow-y: scroll;}

:root {overflow-y: auto;overflow-x: hidden;}

/*:root body {position: absolute;}*/

/*body {width: 100vw;overflow: hidden;}*/


*html { background-image:url(about:blank);background-attachment:fixed;}

li { list-style:none;}

img { border:none;}

body a img { border:none;}

h2,h3{font-weight:normal}

a {color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}

a:focus { outline:none;}

a:link { text-decoration:none;}

a:hover { text-decoration:none; }

.text-cut  /*限制文字,文字超出显示冒号*/

{ overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;

-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}

.container{width: 1200px;margin: 0 auto}

.fl{float: left}

.fr{float: right}

.clear{clear: both}
.clearfix:before{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:""}

.clearfix:after{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:""}


:-moz-placeholder {

    color: #fff;

    opacity: 0.8;

}



::-moz-placeholder {

    color: #fff;

    opacity: 0.8;

}



input:-ms-input-placeholder {

    color: #fff;

    opacity: 0.8;

}



input::-webkit-input-placeholder {

    color: #fff;

    opacity: 0.8;

}

/*图片放大*/
.fdapic
{ overflow:hidden;}
.fdapic img
{
    -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;transition:all 0.4s ease;}
.fdapic:hover img
{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}


/*============================ 公共部分 ============================*/

/* 文章上下篇 */

.wengzhengfanye

{ padding:30px 0 0; clear:both; }

.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB

{ padding-left:0px; clear:both; font-size:14px; color:#666; line-height:34px;}

.wengzhengfanye span

{font-weight:bold; }

.wengzhengfanye a:hover

{ text-decoration:underline;}



/* 文章类别上下页 */

.page { overflow:hidden;}

.pagelink { padding:30px 0; text-align:center;}

.pagelink span,.pagelink a { display:inline-block; line-height:34px; height:34px; text-align:center;padding:0 12px; border:solid 1px #dcdcdc; color:#666; margin:0 4px;}

.pagelink a:hover,.pagelink a.on { background:#333; color:#fff; border:solid 1px #333;}

.pagelink span{display:inline-block; color:#fff; background:#333;line-height:34px; height:34px; border:solid 1px #333;}


/*.header*/
.topbox{height: 40px;background-color: rgb(67, 67, 67);}
.top{width: 1200px;margin: 0 auto;line-height: 40px;color: #d9d9d9;font-size: 12px;}
.top a{color: #d9d9d9;display: inline-block;}
.top .fr{display: flex;}
.top .fr p:first-child{margin-right: 45px;}
.top .fr p:nth-child(2) a:first-child{margin-right: 35px;}

.header{width: 100%;height: 100px;background-color: #fff;z-index: 999;}
.header .container{display: flex;position: relative;}
.header .logo{width: 251px;height: 100px;line-height: 100px;}
.header .logo a {height: inherit;display: flex;align-items: center;}
.header .nav{width: 720px;height: 100px; float: right;margin-left: auto;}
.header .nav li.mnav{float: left;line-height: 100px;position: relative;width: 120px;text-align: center;}
.header .nav li.mnav a{font-size: 16px;color: #000;position: relative;}
.header .nav li.mnav a:after{content:"";display: block;width: 100%;height: 2px;background-color: #005aae;position: absolute;bottom:-15px;left:0;opacity: 0;}
.header .nav li.mnav.active a,.header .nav li.mnav:hover a{color: #005aae;font-weight: bold;}
.header .nav li.mnav.active a:after,.header .nav li.mnav:hover a:after{opacity: 1;}
.fix_header{position: fixed;top:0;}
.fix_heade .container{left:74.5px;}
.blank_bottom{height: 100px;}
.header .nav .mnav ul{background-color: #005aae;}
.header .nav .mnav ul li{display: block;line-height: 35px;}
.header .nav .mnav ul li a{display: block;width: 85%;margin: 3px auto;}
.header .nav .mnav ul li a,.header .nav .mnav.active li a,.header .nav .mnav:hover li a{color: #fff;font-weight:normal;}
.header .nav li.mnav.active li a:after,.header .nav li.mnav:hover li a:after{opacity: 0;}
.header .nav .mnav ul li:hover a{background-color: #074682;}


.header .nav .xlnav{position: relative;z-index: 98;display: none;}
.header .nav li:nth-child(3) .xlnav{width: 250%;}


.banner{ width:100%; position:relative; overflow:hidden;height: 700px;}

.banner .swiper-container { width: 100%;height: 100%;overflow:hidden;}

.banner ul li{height: 700px}

.banner ul li .div_img{height: 700px;}

.banner .paginationa,.banner .swiper-pagination{ position: absolute; bottom:30px; width:100%; z-index:100; text-align: center;}

.banner .swiper-pagination-bullet {width:13px;height:13px;margin:0 8px!important;cursor: pointer;opacity: 1; background-color:rgba(255,255,255,.3); border-radius:10px;}

.banner .swiper-pagination-bullet-active{ background-color:#fff;background-color:rgba(255,255,255,.9); }

.banner .paginationa{bottom:50px;}

.banner .swiper_button{width: 1200px;height: 541px;margin: 0 auto; position: absolute;left:50%;top:0;margin-left: -600px;z-index: 11;}

.banner .swiper_button div{position: absolute;width: 30px;height: 40px;background-color: rgba(0,0,0,0);top:45%;
    cursor: pointer;transition: all 1s;
}
.banner .swiper_button div:after{content:"";display: block;height: 15px;width: 15px; border-left:2px solid #fff;border-bottom: 2px solid #fff;
    transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);
    position: relative;top:11px;left:11px;opacity: 0;transition: all 1s;
}
.banner .swiper_button div.swiper-next:after{
    transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg);
    left:3px;
}

.banner .swiper_button div.swiper-next{right: 0;}

.banner:hover{cursor: pointer;}

.banner:hover .swiper_button div{background-color: rgba(0,0,0,.3)}
.banner:hover .swiper_button div:after{opacity: 0.5}

.banner .swiper_button div:hover{background-color: rgba(0,0,0,.5);}
.banner .swiper_button div:hover:after{opacity: 0.8;}
.banner .bg{width: 100%;height: 700px;background: url("../img/bg_b.png") repeat;position: absolute;left:0;top:0;z-index: 1;}
.banner .txt{width: 900px;height: 700px;position: absolute;left:50%;margin-left: -450px;top:0;z-index: 12;text-align: center;}
.banner .txt h3{font-size: 60px; font-family: SimSun; letter-spacing: 0px; color: rgb(255, 255, 255);margin-top: 20%;}
.banner .txt p{font-size: 16px; font-family: 微软雅黑; line-height: 180%; color: rgb(221, 221, 221);margin-top: 5%;margin-bottom: 5%;}
.banner .txt a{width: 128px;height: 38px;line-height: 38px;border-radius: 30px 30px 30px 30px;background-color: rgba(0,0,0,0.3);display: block;margin: 0 auto;
    text-align: center;color: #fff;border: 1px solid #fff;transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;-webkit-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;
}
.banner .txt a:hover{background-color: #fff;color: #333;}


.tit{text-align: center;}
.tit h3{position: relative;display: inline-block;font-size: 30px;}
.tit h3 em{    text-transform: uppercase;font-size: 18px;color: #555;font-style: normal;margin-left: 25px;}
.tit h3:after{content:"";width: 100%;height: 1px;background-color: #132184;display: block;margin-top: 13px;}
.pagetit h3{font-size: 24px;font-weight: bold;}
.pagetit em{font-weight: normal;}


.oneA .container,.oneB .container,.oneC .container,.oneD .container,.oneE .container{padding: 45px 0;}
.oneA .prolist ul li{width: 32%;margin-right: 2%;float: left;}
.oneA .prolist ul li:last-child{margin-right: 0;}
.oneA .prolist ul li .pic{width: 380px;height: 230px;position: relative;overflow: hidden;}
.oneA .prolist ul li .pic img{width: 100%;height: 100%;position: relative;top:-230px;transition: all 0.45s;transition: all 0.45s;}
.oneA .prolist ul li:hover .pic img{top:0px;}
.oneA .prolist ul li .info{padding: 23px 0;display: flex;}
.oneA .prolist ul li .info i{display: inline-block;width: 50px;height: 50px;overflow: hidden;margin-right: 15px;}
.oneA .prolist ul li .info .txt h3{font-size: 18px;color: #222;font-weight: bold;}
.oneA .prolist ul li .info .txt span{font-size: 14px;color: #555;margin-top: 3px;display: inline-block;}

.oneB{background-color: #f7f7f7;}
.oneBl {margin-top: 45px;}
.oneBl .fl{width: 760px;}
.oneBl .fr{width: 400px;}
.oneBl .fl .content{color: #222;line-height: 1.9;font-size: 14px;background-color: #f7f7f7;height: 182px;overflow: hidden;}
.oneBl .fl .view{width: 118px;height: 36px;line-height: 36px;background-color: #ccc;border:1px solid #ccc;display: block;text-align: center;margin-top: 25px;}
.oneBl .fl .view:hover{border: 1px solid #045aa5;background-color: #fff;color: #045aa5;}
.oneBl .fr video{width: 400px;height: 250px;}

.oneBb{margin-top: 55px;}
.oneBb .lists .items{float: left;width: 33.3333333%;height: 460px;position: relative;overflow: hidden;}
.oneBb .lists .items .pic{width: 100%;height: inherit;}
.oneBb .lists .items .pic img{width:100%;height:100%;object-fit: cover;}
.oneBb .lists .items .txt{width: 100%;height: inherit;position: absolute;left:0;text-align: center;color: #fff;font-size: 22px;line-height: 460px;
    background: rgba(0,0,0,0.5);top:-100%;;transition: all 0.45s;-webkit-transition: all 0.45s;
}
.oneBb .lists .items:hover .txt{top:0;}
.oneBb .zzry{overflow: hidden;}
.oneBb .zzry ul li{width: 290px;margin:0 10px;height: 180px; padding:0 15px;background-color: #fff;}
.oneBb .zzry ul li img{height: 100%;max-width: 100%;display: block;margin: 0 auto;}

.oneC .index_subnav{text-align: center;margin: 30px 0;}
.oneC .index_subnav a{font-size: 16px;color: #555;display: inline-block;padding: 0 15px;}
.oneC .index_subnav a:hover{font-weight: bold;color: #000;}

.oneC .oneCl ul li{width: 23.5%;margin-right: 2%;float: left;overflow: hidden;padding: 5px;border: 1px solid #c1c1c1;margin-bottom: 24px;}
.oneC .oneCl ul li:nth-child(4n){margin-right: 0%;}
.oneC .oneCl ul li dl{position: relative;width: 550px;height: 190px;overflow: hidden;left: 0;transition: all 0.45s;}
.oneC .oneCl ul li dl .pic{width: 270px;height: 190px; display: inline-block;float: left;margin-right: 5px;background-color: #f1f1f1;}
.oneC .oneCl ul li dl .pic img{height: 100%;max-width: 100%;display: block;margin: 0 auto;object-fit: contain;}
.oneC .oneCl ul li:hover dl{left:-275px;}
.oneC .oneCl ul li h3{font-size: 18px;line-height: 2.2;color: #222;padding: 0 8px;}
.oneC .oneCl ul li p{color: #555;line-height: 1.8;padding: 0 8px;}
.oneC .oneCl ul li span{display: block;width: 60px;height: 25px;line-height: 22px;text-align: center;border: 1px solid #b31a15;
    border-radius: 13px;color: #b31a15;margin: 15px 3px 15px 205px;
}
.oneC .oneCl ul li:hover span{background-color: #b31a15;color: #fff;}


.oneD{background-color: #f6f6f6;}
.oneDs .list{margin-top: 60px;}
.oneDs .list .items {width: 32%;margin-right: 2%;float: left;margin-bottom: 24px;position: relative;}
.oneDs .list .items:nth-child(3n){margin-right: 0;}
.oneDs .list .items .pic{width: 100%; height: 240px;overflow: hidden;}
.oneDs .list .items .pic img{object-fit: cover;width: 100%;height: 100%;transform: scale(1);-webkit-transform: scale(1);transition: all 0.45s;-webkit-transition: all 0.45s;}
.oneDs .list .items .txt p{padding: 15px 15px;font-size: 16px;text-align: center;color: #5a5a5a;}
.oneDs .list .items .pic:before{content:"";width: 100%;height:inherit;display: block;background: rgba(0,0,0,.5);position: absolute;top:0;left: 0;}
.oneDs .list .items .pic:after{content:"";width: 44px;height: 44px;display: block;background: url("../img/hover-link.png") no-repeat center center;position: absolute;
    left: 0;right: 0;top:0;bottom:0;margin: auto;top:-30px;
}
.oneDs .list .items .pic:before,.oneDs .list .items .pic:after{opacity: 0;transition: all 0.45s;-webkit-transition: all 0.45s;z-index: 9;}
.oneDs .list .items:hover .pic:before,.oneDs .list .items:hover .pic:after{opacity: 1 !important;}
.oneDs .list .items:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.oneE .list{margin-top: 45px;}
.oneE .list .fl{width: 560px;height: 350px;}
.oneE .list .fr{width: 600px;height: 350px;}
.oneE .list .fl .nl_swiper{width: 100%;height: inherit;overflow: hidden;}
.oneE .list .fl .nl_swiper .swiper-slide{position: relative;}
.oneE .list .fl .nl_swiper .pic{width: 100%;height: inherit;}
.oneE .list .fl .nl_swiper .pic img{width: 100%;height: 100%;object-fit: cover;}
.oneE .list .fl .nl_swiper .txt {width: 100%;position: absolute;bottom:-100%;padding: 15px;background: rgba(0,0,0,.5);transition: all 0.75s;}
.oneE .list .fl .nl_swiper .txt  h3{font-size: 18px;color: #fff;}
.oneE .list .fl .nl_swiper .txt p{font-size: 12px;color: #fff;margin-top: 10px;line-height: 1.6;}
.oneE .list .fl .nl_swiper .txt p *{color: #fff;}
.oneE .list .fl .nl_swiper .txt.n_active{bottom:0;}
.oneE .list .n_b .items{padding: 16px 0;border-bottom: 1px dotted #dbd4cd;}
.oneE .list .n_b .items .left{width: 100px;float: left;text-align: center}
.oneE .list .n_b .items .right{width: calc(100% - 110px);float: right;}
.oneE .list .n_b .items .left span{display: block;color: #ccc;}
.oneE .list .n_b .items .left span:first-child{font-size: 48px;}
.oneE .list .n_b .items .left span:last-child{font-size: 14px;}
.oneE .list .n_b .items .right h3{font-size: 16px;color: #000;padding-top: 10px;}
.oneE .list .n_b .items .right p{font-size: 14px;line-height: 20px;color: #888;margin-top: 10px;height: 40px;}
.oneE .list .n_b .items:hover  .right h3{color: #0e88eb;}

.oneF{background: url("../img/bg.jpg") no-repeat center center;}
.oneF .container{padding: 120px 0;}
.oneF h3{font-size: 28px;color: #fff;line-height: 3.2;}
.oneF a{width: 158px;height: 42px;line-height: 42px;text-align: center;color: #fff;border: 1px solid rgba(255,255,255,.5);background-color: rgba(0,0,0,.5);
    display: block;border-radius: 21px;transition: all 0.45s;-webkit-transition: all 0.45s;
}
.oneF a:hover{background-color: #037df9;border: 1px solid rgba(3,125,249,.5);}



.footer{background-color: #333;color: #999;}
.footerA .container{padding: 60px 0;}
.footerA .items{width: 30%;margin-right: 5%;float: left;}
.footerA .items:nth-child(3){margin-right: 0%;}
.footerA .items h3{color: #fff;font-size: 18px;border-bottom: 1px dashed #999;padding-bottom: 20px;}
.footerA .items .info{padding-top: 15px;}
.footerA .items .info,.footerA .items .info a{color: #999;}
.footerA .items .info a{display: inline-block;margin: 0 30px 20px 0;}
.footerA .items .info a:hover{color: #fff;}
.footerA .items .info p{line-height: 2.0;}
.footerA .items .footnav a{display: inline-block;width: 33.33333%;margin-right: 0;float: left;}
.footerA .items .qr{margin-top: 20px;}
.footerA .items .qr .fl{width: 90px;}
.footerA .items .qr .fr{width: calc(100% - 110px);height: 90px;padding-top: 48px;}
.footerA .items .qr .fl img{width: 90px;height: 90px;}

.footB{background: #222;}
.footB a{color: #999;}
.footB .container{padding:30px 0;}
.footB .copy{text-align: center;}
.footB .pics{text-align: center;margin-top: 15px;}
.footB .pics .items{display: inline-block;width: 95px;height: 36px;position: relative;overflow: hidden;}
.footB .pics .items img{position: relative;top:0;width: 95px;height: 36px;transition: all 0.45s;}
.footB .pics .items:hover img{top:-36px;}

#canvas,#layerbg .wp-unslider_content{height: 450px;overflow: hidden;}
#scroll_container_bg{height: 0;}
#canvas{position: relative;z-index: 90;}


.location{position: relative;height: 60px;line-height: 60px;background: rgba(0,0,0,.5);top:-60px;z-index: 98;}
.location,.location a{color: #fff;}
.location a {padding: 0 10px;}
.location .fr ul li{float: left;padding: 0 5px;}
.location .fr ul li a{padding: 5px 14px;border-radius: 3px;}
.location .fr ul li.active a,.location .fr ul li:hover a{background-color: #0e88eb;color: #fff;}

.aboutA .container{padding-bottom: 60px;}
.subnav .items{width: 49%;margin-right: 2%;float: left;}
.subnav .items:last-child{margin-right: 0;}
.subnav .items .pic{width:100%;height: 376px;overflow: hidden;position: relative;}
.subnav .items .pic img{width: 100%;height: 100%; object-fit: cover;}
.subnav .items .pic .bg{width: 100%;height: inherit;position: absolute;top:0;left:0;background: rgba(0,0,0,0.5);
    color: #fff;line-height: 376px;text-align: center;font-size: 20px;opacity: 0;transition: all 0.45s;-webkit-transition: all 0.45s;
}
.subnav .items .txt{background-color: #eee;height: 50px;line-height: 50px;overflow: hidden;text-align: center;}
.subnav .items .txt p{font-size: 16px;}
.subnav .items:hover .pic .bg{opacity: 1;}

.aboutA .content{margin-top: 45px;}

.aboutA .content{font-size: 15px;line-height: 1.8;}
.aboutA .pics{margin-top: 35px;overflow: hidden;}
.aboutA .pics .bd li{width: 25%;padding: 0 0.5%;height: 150px;}
.aboutA .pics .bd li img{max-width: 100%;height: 100%;object-fit: contain;display: block;margin: 0 auto;}

.aboutA .team{margin-top: 45px;}
.aboutA .team .items{width: 28%;margin-right: 8%;float: left;margin-bottom: 25px;}
.aboutA .team .items:nth-child(3n){margin-right: 0;}
.aboutA .team .items .pic{width: 100%;height: 446px;overflow: hidden;position: relative;}
.aboutA .team .items .pic:after{content:"";width: 100%;height: 446px;display: block;top:0;left:0;position: absolute;
    background: rgba(255,255,255,.05);opacity: 0;transition: all 0.45s;-webkit-transition: all 0.45s;
}
.aboutA .team .items .pic img{width: 100%;height: 100%;object-fit: cover;}
.aboutA .team .items:hover .pic:after{opacity: 1;}
.aboutA .team .items .info{padding: 15px;text-align: center;}
.aboutA .team .items .info h3{font-size: 18px;color: #000;}
.aboutA .team .items .info p{color: #666;font-size: 14px;margin-top: 5px;}
.aboutA .ryzz{position: relative;margin: 0 auto;width: 100%;height: 600px;}
.aboutA .ryzz .arrow{background: #ff0000;margin: 15px 0;}

#phoneCarousel .arrow{width:44px;height:44px;position:absolute;top:50%;margin-top:-22px;left:0;cursor:pointer;}
#phoneCarousel .next{background:url(../img/arrows2.png) no-repeat;background-position:center center;left:auto;right:0;}
#phoneCarousel .previous{background:url(../img/arrows1.png) no-repeat;background-position:center center;left:0;right:auto;}
#stage{position:absolute;min-width:520px;height:100%;left:50%;margin-left:-260px;}
#stage img{display:none;}
#stage .default{display:block;left:50%;margin-left:-135px;position:absolute;}
#stage .animationReady{display:block;position:absolute;top:0;left:0;}

.oneP .container{padding-bottom: 60px;}
.oneP .onePlist{margin-top: 60px;}
.oneP .onePlist .items{width: 32%;margin-right: 2%;float: left;margin-bottom: 25px;border: 1px solid #eee;}
.oneP .onePlist .items:nth-child(3n){margin-right: 0%;}
.oneP .onePlist .items .pic{width: 100%;height: 215px;position: relative;background-color: #f5f5f5;}
.oneP .onePlist .items .pic img{max-width: 100%;height: 100%;display: block;margin: 0 auto;}
.oneP .onePlist .items .pic:before{content:"";display:block;width: 100%;height: inherit;position: absolute;left:0;top:0;background: rgba(0,0,0,.5);}
.oneP .onePlist .items .pic:after{content:"";display: block;width: 44px;height: 44px;background: url("../img/hover-link.png") no-repeat center center;position: absolute;
    left:0;right: 0;top:0;bottom:0;margin: auto;
}
.oneP .onePlist .items .pic:before,.oneP .onePlist .items .pic:after{opacity: 0;transition: all 0.45s;-webkit-transition: all 0.45s;}
.oneP .onePlist .items:hover .pic:before,.oneP .onePlist .items:hover .pic:after{opacity: 1;}
.oneP .onePlist .items:hover{cursor: pointer;}
.oneP .onePlist .items .txt{padding: 15px;}
.oneP .onePlist .items .txt h3{font-size: 18px;color: #000;text-align: center;line-height: 2;}
.oneP .onePlist .items .txt p{color: #666;height: 38px;}

.news .newslist{padding: 60px 0;}
.news .newslist .items{padding: 25px 0;}
.news .newslist .items .fl{width: 240px;height: 150px;overflow: hidden;}
.news .newslist .items .fr{width: calc(100% - 290px);}
.news .newslist .items .fl img{width: 100%;height: 100%;object-fit: cover;}
.news .newslist .items .fr h3{font-size: 18px;color: #000;padding-top: 5px;}
.news .newslist .items .fr h3 .cate{color:#132184;}
.news .newslist .items .fr h3 .cate:hover{color: #0e88eb;}
.news .newslist .items .fr h3:hover .view{color: #132184;}
.news .newslist .items .fr .time{color: #929292;font-size: 12px;line-height: 2.5;display: block;}
.news .newslist .items .fr  p{color: #666;line-height: 22px;}

.joinsubnav .items{width: 25%;margin-right: 0;}
.joinsubnav .items .txt,.joinsubnav .items .pic{height: 200px;}
.joinsubnav .items .txt{font-size: 20px;color: #000;line-height: 200px;transition: all 0.45s;-webkit-transition: all 0.45s;}
.joinsubnav .items .txt:hover{background-color: #0e88eb;color: #fff;}
.joinsubnav .items .pic .bg{line-height: 200px;}
.joinsubnav .items:hover .pic .bg{opacity: 0;}
.joinsubnav .items .pic:hover .bg{opacity: 1;}

.joinA .content h3{font-size: 18px;font-weight: bold;text-align: center;color: #5a5a5a;margin-bottom: 45px;}
.joinA .content .list{width: 900px;margin: 0 auto;}
.joinA .content .list li{display: flex;align-items: center;padding: 35px;border: 1px solid #ddd;margin-bottom: 35px;}
.joinA .content .list li img{width: 120px;height: 120px;display: inline-block;margin-right: 35px;}
.joinA  .piclist{margin-top: 35px;}
.joinA  .piclist .items{width: 23.5%;margin-right: 2%;float: left;}
.joinA  .piclist .items:nth-child(4n){margin-right: 0;}
.joinA  .piclist .items img{width: 100%;height: 100%;object-fit: cover;}

#certify {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    margin-top: 60px;
}

#certify .swiper-container {
    padding-bottom: 60px;
}

#certify  .swiper-slide {
    width: 520px;
    height: 408px;
    background: #fff;
    box-shadow: 0 8px 30px #ddd;
}
#certify  .swiper-slide img{
    display:block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#certify  .swiper-slide p {
    line-height: 98px;
    padding-top: 0;
    text-align: center;
    color: #636363;
    font-size: 1.1em;
    margin: 0;
}

#certify .swiper-pagination {
    width: 100%;
    bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}

#certify .swiper-button-prev {
    left: -30px;
    width: 45px;
    height: 45px;
    background: url(../img/wm_button_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

#certify .swiper-button-prev:hover {
    background-position: 0 -46px;
    background-size: 100%
}

#certify .swiper-button-next {
    right: -30px;
    width: 45px;
    height: 45px;
    background: url(../img/wm_button_icon.png) no-repeat;
    background-position: 0 -93px;
    background-size: 100%;
}

#certify .swiper-button-next:hover {
    background-position: 0 -139px;
    background-size: 100%
}

.joinA .line{width: 1000px;height: 3px;margin: 0 auto;background: url("../img/xgray_line02.png") repeat-x;
    margin-top: 45px;
}
.zpinfo{padding: 55px 0;border-bottom: 1px dashed #ccc;}
.zpinfo h3{font-size: 24px;color: #000;text-align: center;margin-bottom: 20px;}
.zpinfo .info >*{line-height: 1.8;font-size: 15px;}

#dituContent{margin-top: 45px !important;}
.contb1{margin-bottom: 45px;}
.contb1 ul li{width: 33.33333%;float: left;padding: 25px;text-align: center;}
.contb1 ul li i{display: block;margin-bottom: 35px;}
.contb1 ul li p{margin-bottom: 8px;}
.rt_con{margin-top: 55px;}
.rt_con .info_title{text-align: center;}
.rt_con .info_title h2{font-size: 20px;font-weight: bold;}
.rt_con .info_laiyuan{text-align: center;margin: 5px 0;color: #5a5a5a;}
.rt_con .subtitle{background-color: #f5f5f5;color: #868686;text-align: center;padding: 5px 0;border: 1px solid #e5e5e5;}
.rt_con .info_text{margin-top: 20px;}
.rt_con .info_text > *{line-height: 1.8;}

.oneA,.oneD,.oneE,.oneF{display: none;}