@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:12px;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 !important; }
a:hover{text-decoration:none;}
h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.header{position: fixed;width: 100%;left: 0; top: 0;z-index: 100; transition: .5s;}
.header.on{background: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.header.on .nav  a{color: #333; text-shadow: 2px 2px 5px rgba(0,0,0,0);}
.header.on .c1{display: none;}
.header.on .c2{display: block;}
.header.on .ssbox{background: transparent;border: 1px solid #1C4EA9;}
.header.on .btn1{background-color:#1C4EA9;width:30px;height:30px;right:0;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:14px;}
.header.on .headerbox{padding: 8px 0;}
.header.on .sub dt a:hover{background: #1C4EA9;color: #fff;}
.header.on .xznr{color: #333;}
.headerbox{width: 1740px;margin:0 auto;max-width: 94%;display: flex;justify-content: space-between; padding: 20px 0;transition: .5s;}
.c1{display: block;}
.c2{display: none;}
.logo{width: 610px;padding-top: 18px; position: relative;}
.logo img{width: 100%;}
.header_right{text-align: right;}
.xznr{display: flex;float: left; padding-right: 15px; color: #fff; font-size: 16px;line-height: 30px;}

.xznr img{width: 20px; height: 20px; border-radius: 50%; margin: 4px 8px 0 0;vertical-align: middle;}
.header_yz{display: inline-block;overflow: hidden; }
.ssbox{position: relative; width: 195px;height: 30px;border-radius: 15px;background: rgba(255,255,255,.1);float: right;}
.wby1{width: 100%;height: 30px;color: #fff; padding: 0 15px; line-height: 30px;}
.wby1::-webkit-input-placeholder{color:#fff;}
.btn1{position: absolute;background: transparent url(../images/a_03.png);width: 17px;height: 17px;cursor: pointer;border: none;transform: translateY(-50%);right: 7px;top: 50%;}
.nav ul{display: flex;justify-content: space-between; padding-top: 19px;}
.nav li{position: relative;padding:0 25px 20px 25px;}
.nav li:before{position: absolute;content: ""; border-bottom: 3px solid #ea5222;width: 0; left: 50%;transform: translateX(-50%);bottom: 0;transition: all .5s;}
.nav h3 a{ white-space: nowrap; color: #fff;font-size: 18px;text-shadow: 2px 2px 5px rgba(0,0,0,0.3);}
.nav h3 a:hover{opacity: .7;}
.sub{position: absolute; width: 100%;background: rgba(255,255,255,.8);left: 0; top: 30px;display: none;}
.sub dt{text-align: center; line-height: 40px;}
.sub dt a{display: block; font-size: 14px;color: #666;transition: .5s;}
.sub dt a:hover{background: #1C4EA9;color: #fff;}
.banner{position: relative;overflow: hidden;}
.bannerbox:before{display:none;position: absolute; content: "";width: 100%;height: 100%; top: 0;left: 0;background: rgba(0,0,0,.3);z-index: 2;}
.bannerbox{height: 100vh; position: relative;}
.bannerbox img{width: 100%;transition:1s linear 2s;transform:scale(1.1,1.1);height: 100%; object-fit: cover; position: relative;z-index:1;}
.banner_text{position: absolute;width: 100%;text-align: center;left:50%; top:50%; transform:translate(-50%,-50%);z-index: 15;}
.banner_text p{font-size: 30px; color: #fff; margin-top: 18px;letter-spacing: 3px;}
.banner_text h2{width: 1000px; margin: 0 auto;}
.banner_text h2 img{width: 100%;}
.banner .swiper-slide { overflow: hidden;}
.banner .swiper-slide-active{z-index: 10;}
.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}
.banner .swiper-pagination-bullet{width: 27px;height: 30px;background:none;opacity: 1; position: relative;}
.banner .swiper-pagination-bullet:before{width: 12px;height: 12px;border-radius: 50%; position: absolute;content: "";background: rgba(255,255,255,.5);left:50%; top:50%; transform:translate(-50%,-50%);}
.banner .swiper-pagination-bullet-active{background: url(../images/a_18.png);background-size: 100% 100%;}
.banner .swiper-pagination{bottom: 35px;}
.banner .swiper-pagination-bullet-active:before{display: none;}

.bj1{background: url(../images/a_01.jpg) no-repeat center center;background-size: cover;}
.news{width: 1600px;max-width: 94%; margin: 0 auto;display: flex;justify-content: space-between; padding: 95px 0 80px;overflow: hidden;}
.news_left{width: 63%;}
.news_title{padding-bottom: 40px;}
.news_title h2{font-weight: bold;font-size: 36px;color: #333;line-height: 38px;}
.news_title h2 span{display: inline-block; position: relative; color: #1449aa;}
.news_title h2 span:before{position: absolute; background: url(../images/a_031png.png);width: 53px;height: 60px;top: -18px;right: -32px;content: "";background-size: 100% 100%;}
.news_top{overflow: hidden; position: relative;}
.news_title h2 a{font-weight: 400; float: right; font-size: 16px;color: #333;display: block;}
.news_title h2 b{color: #1449aa; padding-left: 5px;}
.news_title h2 a:hover{text-decoration: underline;color: #1449aa;}
.newsbox{position: relative;height: 585px;}
.newsbox img{width: 100%;height: 100%;object-fit: cover;}
.news_text{position: absolute;width: 100%;left: 0;bottom: 0; padding: 35px 165px 35px 25px;background-image: linear-gradient(rgba(20,73,170,.8) 5%, #1449aa);display: flex;justify-content: space-between;align-items: center;}
.news_rq{width: 110px;text-align: center;border-right:1px solid rgba(255,255,255,.1);}
.news_rq h2{font-size: 40px;color: #fff;margin-bottom: 8px;}
.news_rq p{font-size: 14px;color: #fff;opacity: .6;}
.news_wb{width: calc(100% - 145px);}
.news_wb h2{color: #fff;font-size: 24px; margin-bottom: 15px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news_wb p{font-size: 14px;color: #fff;opacity: .6;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.news_top .swiper-pagination{text-align: right; padding-right: 30px; font-size: 16px;color: #fff;bottom: 50px;}
.swiper-pagination-current{font-size: 30px;}

.lbxw{margin-top: 33px; padding: 19px 0;background: #fff;}
.lbxw ul{overflow: hidden;}
.lbxw li{float: left;width: 50%;border-right: 1px solid #e2e5ea; padding: 0 20px;}
.lbxwbox{overflow: hidden;}
.lb_tp{width: 200px;float: left;overflow: hidden;height: 115px;}
.lb_tp img{width: 100%;transition: .5s;height: 100%; object-fit: cover;}
.lb_tp:hover img{transform: scale(1.1);}
.lb_text{float: right;width: calc(100% - 220px);}
.lb_text h2{font-size: 18px; line-height: 24px;height: 72px;color: #333;transition: .5s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.lb_text p{font-size: 14px;margin-top: 15px;color: #1449aa;}
.lbxw a:hover h2{color: #1449aa;}

.news_right{width:37%; padding-left: 45px;}
.tzgg_tp{position: relative;}
.tzgg_tp img{width: 100%;transition: .5s;}
.tzgg_title{display: flex;justify-content: space-between;align-items: center; padding-bottom: 40px;}
.more{font-size: 16px;color: #333333;}
.more b{color: #1449aa;padding-bottom: 3px;}
.more:hover{color: #1449aa;}
.tzgg_title ul{display: flex;}
.tzgg_title li{float: left; padding-right: 60px;line-height: 32px;}
.tzgg_title span{cursor: pointer; font-size: 30px;color: #abb5c4;}
.tzgg_title span b{display: inline-block; position: relative;}
.tzgg_title span b:before{position: absolute; background: url(../images/a_031png.png);width: 53px;height: 60px;top: -18px;right: -32px;content: "";background-size: 100% 100%; opacity: 0;}
.tzgg_title li.cur span{font-weight: bold;  color: #333;}
.tzgg_title li.cur span b{font-weight: bold;color: #1449aa;}
.tzgg_title li.cur span b:before{opacity: 1;}

.tzgg_tp b{overflow: hidden;display: block;height: 315px;}
.tzgg_tp b img{width: 100%;transition: .4s; height: 100%; object-fit: cover;}
.tzgg_tp span{display: block;text-align: center;color: #fff;width: 146px; line-height: 40px;position: absolute;left: 0;bottom: -20px;background-image: linear-gradient(to right, #1449ab 80%, #2a62ca);font-size: 16px;}
.tzgg_tp a:hover img{transform: scale(1.1);}

.ttxw{padding: 35px 0 25px;border-bottom: 1px solid #dedede;}
.ttxw h2 a{display: block;font-size: 23px;color: #333; line-height: 1.6;transition: .5s;}
.ttxw h2 a:hover{color: #1449aa;}
.xwlb li{padding: 28px 0;border-bottom: 1px solid #dedede;}
.xwlb li:last-child{border: none;}
.xwlbbox{display: flex;justify-content: space-between;align-items: center;}
.rqnr{width: 70px; text-align: center;}
.rqnr h2{font-size: 34px;color: #1449aa;margin-bottom: 10px;font-weight: bold;}
.rqnr p{font-size: 14px;color: #95a3bd;}
.rqnrright{width: calc(100% - 98px);}
.rqnrright p{font-size: 20px; line-height: 1.6;color: #333333;transition: .5s;}
.xwlb a:hover .rqnrright p{color: #1449aa;}
.tzggbox{animation: fadeIn 1s 1;}

.bj2{position: relative;}
.bj2:before{position: absolute;width: 30%;height: 100%;content: "";top: 0; right: 0; background: #2b64cb;}
.jykc{width: 1600px;max-width: 94%;display: flex;justify-content: space-between; margin: 0 auto;overflow: hidden; }
.jykc_left{width: 63%;padding: 85px 70px 105px 0;}
.jykc_top{display: flex;justify-content: space-between;}
.jytp{width: 379px; overflow: hidden;}
.jytp img{width: 100%;transition: .5s;}
.jytp a:hover img{transform: scale(1.1);}
.jytxt{width: calc(100% - 413px);}
.jytxt h2 a{font-size: 24px;color: #333;line-height: 30px;max-height: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.jytxt h2 a:hover{color:#1449aa;}
.jytxt p{font-size: 16px;line-height: 26px;height: 52px;color: #333333;margin: 20px 0 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.jytxt h3{font-size: 16px;color: #1449aa;}
.jykc_lb{padding-top: 25px;}
.jykc_lb li{font-size: 20px; line-height: 68px; padding-left: 25px; position: relative;overflow: hidden;}
.jykc_lb li:before{position: absolute;width: 8px;height: 8px;content: "";background: #1449aa;left: 0;top: 50%;transform: translateY(-50%);}
.jykc_lb span{color: #1449aa;font-size: 16px;}
.jykc_lb a{display: block;float: left;width: calc(100% - 100px);overflow: hidden; text-overflow:ellipsis; white-space: nowrap;color: #333;transition: .5s;}
.jykc_lb a:hover{color: #1449aa;}

.jykc_right{width: 37%; padding-left: 45px; position: relative;padding: 85px 0 105px 45px;}
.jykc_right:before{position: absolute;content: "";height: 100%;width: 100%;background: url(../images/a_01.png);background-size: cover;left: 0; top: 0;background-size: 100% 100%;}
.rczp_title{position: relative;z-index: 10;}
.rczp_title h2{font-weight: bold;font-size: 36px;color: #fff;line-height: 38px;}
.rczp_title h2 a{font-weight: 400; float: right; font-size: 16px;color: #fff;display: block;}
.rczp_nr a{display:flex; justify-content: space-between;align-items: center;position: relative; padding: 35px 0;}
.rc_rq{text-align: center;}
.rc_rq h2{color: #fff;font-weight: bold; font-size: 34px; margin-bottom: 9px;}
.rc_rq p{color: #fff;font-size: 14px; opacity: .6;}
.rc_txt{width: calc(100% - 90px);}
.rc_txt p{font-size:20px; line-height: 1.6; color: #fff;transition: .5s;}
.rczp_nr a:hover p{opacity: .6;}
.rczp_nr li{position: relative;}
.rczp_nr li:before{position:absolute; content: "";border-bottom: 1px dashed #3465bf;width: calc(100% - 90px);bottom: 0;left: 90px;}

.bj3{background: url(../images/a_22.jpg) no-repeat center center;background-size: cover;}
.ztzl{width: 1760px;margin: 0 auto;max-width: 94%; padding-bottom: 110px;}
.ztzl_title h2{font-weight: bold;font-size: 36px;color: #333;line-height: 38px;text-align: center; padding: 95px 0 40px;}
.ztzl_title h2 b{display: inline-block; position: relative; color: #1449aa;font-weight: bold;}
.ztzl_title h2 b:before{position: absolute; background: url(../images/a_031png.png);width: 53px;height: 60px;top: -18px;right: -32px;content: "";background-size: 100% 100%;}
.ztzl_nr .mySwiper{overflow: hidden;}
.ztzl_nr{position: relative; padding: 0 80px;overflow: hidden;}
.ztzl_nr a{display: block;overflow: hidden;}
.ztzl_nr a img{transition: .5s;width: 100%;}
.ztzl_nr a:hover img{transform: scale(1.1);}
.ztzl_nr .swiper-button-next{ z-index: 3; width: 45px;height: 45px;border: 1px solid #a9bee1;border-radius: 50%; color: #1c4fad; margin-top: -23px;transition: .5s;}
.ztzl_nr .swiper-button-next:hover{color: #fff;border: 1px solid #1449aa;background: #1449aa;}
.ztzl_nr .swiper-button-next:after,.ztzl_nr  .swiper-button-prev:after{font-size: 20px;font-weight: bold;}
.ztzl_nr .swiper-button-prev{width: 45px;height: 45px;border: 1px solid #a9bee1;border-radius: 50%; color: #1c4fad; margin-top: -23px;transition: .5s;}
.ztzl_nr .swiper-button-prev:hover{color: #fff;border: 1px solid #1449aa;background: #1449aa;}
.ztzl_nr .swiper-button-prev::after,.ztzl_nr .swiper-button-next:after { display: none;}
.ztzl_nr .swiper-button-prev svg path,.ztzl_nr .swiper-button-next svg  path{ fill: #1449aa;}
.ztzl_nr .swiper-button-prev svg { transform: rotate(180deg);}
.ztzl_nr .swiper-button-prev:hover svg path,.ztzl_nr .swiper-button-next:hover svg path { fill: #ffffff;}
.footer{background: url(../images/a_02.jpg) no-repeat center center;background-size: cover;}
.footerbox{width: 1600px; margin: 0 auto;max-width: 94%;}
.foot_top{padding: 70px 0 65px;display: flex;justify-content: space-between;align-items: center;}
.footleft{width: 594px;}
.footleft img{width: 100%;}

.foootright ul::after { content: ''; clear: both; display: block; height: 0;}
.foootright li{width: 300px; display: flex; align-items: center; position: relative; box-sizing: border-box; float: left;margin-left: 60px; padding-left: 50px;border: 1px solid #7391c5;border-radius: 8px;}
.wby2{height: 55px; border:none; width: 110%; background: none;color: #fff; font-size: 18px;background: url(../images/a_53.png) no-repeat 85% center;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* IE10+ */
}
.foootright li h2 { flex: 1; line-height: 55px; background: url(../images/a_53.png) no-repeat 85% center; color:#ffffff}
.foootright li dl { display: none; z-index: 5; background: #ffffff; border-radius: 0 0 6px 6px; position: absolute; width: 100%; left: 0; top: 55px;}
.foootright li dt { text-indent: 10px; line-height: 2; font-size: 16px;}
.foootright li dt a { display: block;}
.foootright li dt a:hover { color: #ffffff; background: #7391c5;}
.foootright li:hover dl { display: block;}
.wby2 option{background: #7391c5;}

.foor_bottom{padding-bottom: 65px;display: flex;justify-content: space-between;}
.foor_a{width: 550px;}
.foor_a ul{/* overflow: hidden; */display: flex;/* flex-wrap: wrap; */align-items: flex-start;justify-content: space-between;}
.foor_a li{/* float: left; *//* max-width: 61%; */flex: 1;}
.foor_a li:first-child{width: 40%;flex: auto;}
.foor_a h2{color: #FFF;font-size: 24px; position: relative; font-weight: bold; padding-left: 20px; margin-bottom: 35px;}
.foor_a h2:before{position: absolute;content: "";border-left: 4px solid #fff;height: 100%;top: 0;left: 0;}
.lxwmbox{display: flex;justify-content: space-between;align-items: flex-start;}
.fzbox{display: block; width: 50px;height: 50px; border: 1px solid #8da6d4;border-radius: 50%;background: url(../images/a_62.png) no-repeat center center;}
.ybbox{display: block; width: 50px;height: 50px; border: 1px solid #8da6d4;border-radius: 50%;background: url(../images/a_67.png) no-repeat center center;}
.lxwmbox p{color: #fff; line-height: 25px;font-size: 18px;width: calc(100% - 70px);}
.foor_b{width: 550px;}
.foor_b h2{color: #FFF;font-size: 24px; position: relative; font-weight: bold; padding-left: 20px; margin-bottom: 35px;}
.foor_b h2:before{position: absolute;content: "";border-left: 4px solid #fff;height: 100%;top: 0;left: 0;}
.foor_b ul{overflow: hidden;}
.foor_b li{float: left; font-size: 18px; width: 25%; line-height: 40px;}
.foor_b li a{color: #fff;opacity: .8;}
.foor_b li a:hover{opacity: 1;}
.wzfx{width: 180px;padding-top: 30px;}
.wzfx ul{display: flex;justify-content: flex-end;}
.wzfx li{float: left; padding-left: ;}
.wxfx{display: block; width: 60px;height: 60px;border: 1px solid #8ea5d2;border-radius: 50%;background: url(../images/a_57.png) no-repeat center center; position: relative;}
.wxtp{position: absolute; width: 100px;height: 100px;overflow: hidden; border-radius: 8px;left: 50%;transform: translateX(-50%);top:-110px;display: none;}
.wxfx:hover .wxtp{display: block;}
.wxtp img{width: 100%; height: 100%; object-fit: cover;animation: fadeInUp 1s 1;}
.wbfx{display: block; width: 60px;height: 60px;border: 1px solid #8ea5d2;border-radius: 50%;background: url(../images/a_59.png) no-repeat center center;}
.animated {
    animation-duration: 2s;
}
.bqxx{border-top: 1px solid rgba(255,255,255,.2);}
.bqxx p{font-size: 16px;color: #fff; opacity: .6;text-align: center; line-height: 58px;}
.bqxx p span{padding: 0 5px;}
.bqxx p a{color: #fff; }
.sjzs{display: none;}

@media(max-width:1680px){
    .nav li{font-size: 16px; padding:0 15px;}
    .news_title h2{font-size: 30px;}
    .tzgg_title span{font-size: 24px;}
    .tzgg_title li{padding-right: 30px;}
    .tzgg_title span b:before{width: 43px;height: 50px;top: -10px;right: -15px;}
    .news_title h2 span:before{width: 43px;height: 50px;top: -10px;right: -15px;}
    .ztzl_title h2{font-size: 30px;}
    .ztzl_title b:before{width: 43px;height: 50px;top: -10px;right: -15px;}


    .lb_text h2{font-size: 14px;}
    .rczp_title h2{font-size: 30px;}
    .rc_txt p{font-size: 16px;}
    .jykc_lb li{font-size: 16px;line-height: 50px;}
    .rczp_nr a{padding: 25px 0;}
    .jykc_left{padding-right: 50px; padding-bottom: 50px;}
    .footleft{width: 450px;}
    .foootright li{padding-left: 30px; width: 220px; margin-left: 30px;}
    .wby2{height: 48px;background: url(../images/a_53.png) no-repeat 85% center;}
}

@media(max-width:1560px){
    .nav li{ padding:0 10px;}
    .nav h3 a{font-size: 18px;}
    .logo{width: 580px;}
}
@media(max-width:1440px){
    .logo{width: 400px; padding-top: 30px;}
    .nav h3 a{font-size: 16px;}
}

@media(max-width:1200px){
    .sjzs{display: block;}
    .pczs{display: none;}
    .h60{height: 60px;}
    .header{background: #fff;}
    .headerbox{height: 60px;display: block;}
    .nav{position: fixed;width: 200px;height: calc(100% - 60px);left: -200px;top: 60px;background: #fff;padding: 0;overflow: auto;}
    .dhbtn{background: url(../images/d1.png) no-repeat center center #1c4ea9;background-size: 20px 20px;border-radius: 4px;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 30px;height: 30px;}
    .dhbtn.on{background: url(../images/d2.png) no-repeat center center #1c4ea9;background-size: 20px 20px;}
    .logo{width: 210px;padding: 0; position: absolute;left: 10px;top: 50%;transform: translateY(-50%);}
    .logo img{width: 100%;}

    .nav ul{display: block;}
    .nav li{border-bottom: 1px solid #eee; padding: 0 15px; position: relative; line-height: 45px;}
    .nav h3 a{font-size: 14px;color: #333;text-align: left;display: block;}
    .nav h3 b{width: 45px;height: 45px; position: absolute; right: 0; top: 0;z-index: 10;background: url(../images/d3.png) no-repeat center center;background-size: 20px 20px;}
    .nav li.on1 h3 b{background: url(../images/d4.png) no-repeat center center;background-size: 20px 20px;}
    .dhbj{position: fixed;width: 100%;height: 100%; background: rgba(0,0,0,.7);z-index: 88;left: 0;top: 0;display: none;}
    .sub{position: static;}
    .sub dt{text-align: left; padding-left: 20px;}
    .banner .swiper-pagination{bottom: 10px;}
    .bannerbox{height: auto;}
    .news{padding: 60px 0;display: block;}
    .news_left{width: 100%;}
    .news_title{padding-bottom: 20px;}
    .news_title h2{font-size: 24px;}
    .news_text{padding: 15px 60px 15px 15px;}
    .news_rq{display: none;}
    .news_wb{width: 100%;}
    .news_wb h2{font-size: 18px;}
    .news_top .swiper-pagination{padding-right: 10px;bottom: 30px;}
    .swiper-pagination-current{font-size: 18px;}
    .lbxw{margin-top: 20px; padding: 10px 10px 0 10px;}
    .lbxw li{padding: 0; border: none; padding-bottom: 10px;width: 100%;}
    .news_right{padding: 30px 0 0 0;width: 100%;}
    .tzgg_title{padding-bottom: 20px;}
    .jykc_left{width: 100%; padding: 50px 0 30px 0;}
    .jykc{display: block;}
    .jykc_right{width: 100%;}
    .bj2:before{background: none;}
    .jykc_top{display: block;}
    .jytp{width: 100%;}
    .jytxt{width: 100%; padding-top: 20px;}
    .jytxt h2 a{font-size: 18px; line-height: 26px;height: 52px;}
    .jytxt p{font-size: 14px; line-height: 20px; height: 40px;margin: 15px 0;}
    .jykc_right{padding: 40px 15px;}
    .rczp_title h2{font-size: 24px;}
    .ztzl{padding-bottom: 50px;}
    .ztzl_title h2{padding: 50px 0 30px; font-size: 24px;}
    .foot_top{display: block; padding: 30px 0;}
    .footleft{width: 300px;margin: 0 auto;}
    .foootright ul{display: block;}
    .foootright li{margin: 15px 0 0 0; padding-left: 15px; float: none; width: 100%; }
    .wby2{width: 100%;background: url(../images/a_53.png) no-repeat 95% center;}
    .foor_bottom{padding-bottom: 30px;display: block;}
    .foor_a,.foor_b{display: none;}
    .wzfx{padding: 0; margin: 0 auto;}
    .bqxx p{font-size: 14px; line-height: 1.6; padding: 15px 3%;}
    .c1{display: none;}
    .c2{display:block;}
    .newsbox{height: auto;}
    .tzgg_tp b{height: auto;}
    .banner_text h2{width: 250px;}
    .banner_text p{font-size: 16px;}
    .xznr{position: absolute; right: 35px; top: 50%;transform: translateY(-50%);color: #333;font-size: 14px;}
    .foootright li h2 { background-position: 95% center;}
    .wzfx ul{justify-content:center;}
}

@media(max-width:480px){
    .jsfwa_left{float: none; width: 100%;}
    .jsfwa_right{float: none; width: 100%;}
}

.arr {
    position: fixed;
    top: 50%;
    margin-top: -50px;
    right: 0;
    color: #fff;
    cursor: pointer;
    opacity: 0;
    width: 100px;
    height: 199px;
    transform: scale(0);
    background: url(../images/png27.png) center center no-repeat;
    transform-origin: right center;
    background-size: 100% 100%;
    z-index: 2;
}

.arr.showdiv {
    opacity: 1;
    transform: none;
    transition: all 1s ease-out 0.5s;
}
.arr i {
    background: url(../images/png23.png) center center no-repeat;
    width: 44px;
    height: 100%;
    display: block;
    margin-left: 20px;
    position: relative;
    opacity: 0;
    z-index: 1;
}

.arr.showdiv i {
    margin-left: 39px;
    opacity: 1;
    transition: all 1s ease-out 2s;
}

.arr.showdiv:before {
    content: "";
    opacity: 1;
    transform: none;
}

.arr.showdiv:after {
    content: "";
    opacity: 1;
    transform: none;
}
.arr  a{
    display: block;
    height: 100%;
}

@media (max-width: 1025px) {
    .arr.showdiv {
        transform: scale(0.5);
    }

}