@charset "utf-8";
*{margin:0; padding:0;}
body{font-size:.2rem;font-family: Arial; color:#222}
div,li,ul,dl,dd,dt,span,font,label,i,b,button{ list-style-type:none;font-family: Arial;font-size:.2rem}
td{padding:0;list-style-type:none;}
a{text-decoration: none;color:#333;font-family: Arial; font-weight:normal;-webkit-transition: all 0.4s ease;transition: all 0.4s ease; font-size:.2rem}a:hover{color:#ffb94b}
input,img{border: 0;outline: none}h1,h2,h3,h4,h5{font-weight:normal;}.fl{float:left;}.fr{float:right;}
.wp{ width:16.8rem; margin:0 auto; clear:both}

@font-face{font-family:icon_n;src: url('../fonts/iconfont_n.eot');src:url('../fonts/iconfont_n.eot?#iefix') format('embedded-opentype'),url('../fonts/iconfont_n.woff') format('woff'),url('../fonts/iconfont_n.ttf') format('truetype'),url('../fonts/iconfont_n.svg#iconfont_n') format('svg');}
.ani_d{transition: all 1s ease-out 0s; opacity: 0;}
.ani_t{transform: translate(0,80px); transition: all 1s ease-out 0s; opacity: 0;}
.ani_l{transform: translate(-50px); transition: all 1s ease-out 0s; opacity: 0;}
.ani_r{transform: translate(50px); transition: all 1s ease-out 0s; opacity: 0;}
.ani_d.showdiv,.ani_l.showdiv,.ani_r.showdiv,.ani_t.showdiv{ opacity: 1;}
.de3{transition-delay: 0.3s;}.de6{transition-delay: 0.6s;}

.home{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}
.home body{height:100%;overflow:hidden;padding:0}
.body_home{height:100%;position:relative;z-index:1}
.body_home .bb{display:none}

.banner{position:relative;height:100vh;overflow:hidden; }
.banner .swiper-slide a{display:block;position:relative}
.banner .swiper-slide  span{display:block;height:100vh;overflow:hidden;position:relative;background-size:cover !important;padding-bottom:0;z-index:2;background-position:center}
.banner .swiper-slide-active span{transition:transform 6s linear 0s;-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.banner .swiper-slide a::before{height:2.37rem;position:absolute;left:0;top:0;width:100%;content:'';background:url(../images/ban_bg.png) repeat-x;z-index:3; background-size:cover}

.body_home.showdiv .top_box{transform:none;opacity:1}
.top_box{position:absolute; z-index:4; top:0; left:0; padding:0 6.5%; width:100%; box-sizing:border-box;transition:all 0.7s ease-out 0s;opacity:0;transform:translateY(-100%);}
.logo{ width:1.38rem; background:#134991; height:1.57rem; border-radius:0 0 .15rem .15rem; overflow:hidden; float:left; }.logo img{max-width:1.1rem;}
.logo a{ align-items: center; text-align:center; display:flex;justify-content: space-around; height:100%}
.top_r{ float:right;width:calc(100% - 1.4rem); margin-top:.25rem}
.top_r .link_box{ clear:both; width:36%; float:right}
.top_r .link_box .link{ float:left; width:calc(100% - .3rem); }.top_r .link_box .link a{ font-size:.15rem; color:#fff; display:block; float:left; padding-left: 6%; line-height:.3rem}.top_r .link_box .link a:hover{ color:#ffb94b}
.top_r .link_box .search{ float:right; width:.3rem; position:relative}.top_r .link_box .search .an{background:url(../images/search.png) no-repeat center; width:.29rem; height:.29rem; background-size:cover; cursor:pointer; display:block; position:relative; z-index:6}
.top_r .search .ss_show{width:0; height:.35rem; position:absolute; top:-.03rem; right:-10px;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}.top_r .search .ss_show input[type="text"]{ border-radius:20px; height:.35rem; padding-left:8%; width:100%; box-sizing:border-box}
.top_r .link_box .search:hover .ss_show{width:2.2rem}

.nav{ width:100%;  clear:both; padding-left:10%; box-sizing:border-box; padding-top:.28rem}.nav ul{display:flex; flex-wrap: nowrap; justify-content: space-between;}.nav ul li{position:relative;}.nav>ul>li>a{ font-size:.19rem; color:#fff; position:relative; line-height:.4rem; display:block;    cursor: pointer;}
.nav>ul>li>a::before{ width:.33rem; opacity:0; height:.05rem; background:#ffb94b; content:""; position:absolute; left:calc(50% - .33rem / 2); bottom:-.14rem;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.nav>ul>li>a:hover::before{ opacity:1;}
.nav>ul>li .second-nav{width:100%;position:absolute;min-width: 2rem;display:none; left:calc(50% - 2rem / 2);top:100%;box-sizing:border-box;background:#fff;border-top:3px solid #ffb94b;overflow:hidden;    border-radius: 0.1rem;text-align:center;    box-shadow: 0 8px 16px rgba(0,0,0,.1);padding: .1rem 0;}
.nav li .second-nav li a{padding:.09rem 0;display:block;font-size:.15rem;color:#333;line-height:2;font-weight:normal}
.nav li .second-nav li a:hover{color:#fff; background:#134991}


.body_b{position:fixed;left:0;top:100%;bottom:0;right:0;background:#fff;overflow:hidden;transition:top .7s cubic-bezier(.5,0,.2,1) 0s;z-index:1;overflow:auto;outline:none}
.body_b.showdiv{top:0}
.top2{position:fixed;left:0;right:0;top:0;z-index:3;background:#fff;opacity:0;transform:translateY(-100%);transition:all 0.5s ease-out 0s;box-shadow:0 0 10px rgba(0,0,0,0.15)}
.body_b .top2{opacity:0;transform:translateY(-100%)}
.body_b.showdiv .top2{transition:all 0.7s ease-in-out 0.5s;transform:none;opacity:1}
.top2.showdiv{opacity:1;transform:none}

.top2 .link_box{ clear:both; width:100%;  background:#134991; height:.45rem; box-sizing:border-box; padding:0 6.5%;display: flex;  justify-content: flex-end;}
.top2 .link_box .link{ min-width:calc(33% - .3rem); }.top2 .link_box .link a{ font-size:.15rem; color:#fff; display:block; float:left; padding-left: 6%; line-height:.45rem}.top2 .link_box .link a:hover{ color:#ffb94b}
.top2 .link_box .search{ width:.3rem; position:relative; margin-top:.075rem}.top2 .link_box .search .an{background:url(../images/search.png) no-repeat center; width:.29rem; height:.29rem; background-size:cover; cursor:pointer; display:block; position:relative; z-index:6}
.top2 .search .ss_show{width:0; height:.35rem; position:absolute; top:-.03rem; right:-10px;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}.top2 .search .ss_show input[type="text"]{ border-radius:20px; height:.35rem; padding-left:8%; width:100%; box-sizing:border-box}
.top2 .link_box .search:hover .ss_show{width:2.2rem}
.top2 .top2_1{clear:both; padding:0 6.5%;}
.top2 .logo1{ float:left; width:20%;    padding: 0.16rem 0;max-width: 2.6rem; box-sizing: border-box;}.top2 .logo1 img{max-width:2.6rem;}
.top2 .nav{ padding-top:0; float:right; padding-left:0; width:80%; clear:none; margin-top:.22rem}.top2 .nav>ul>li>a{color:#333}


.latest{padding-top:1.7rem;}
.latest .tit{width:2.52rem; float:left; background:url(../images/latest_tit_bg.png) no-repeat top; min-height:7.45rem; padding-bottom:35px; position:relative; background-size:contain}
.latest .tit h1{ font-size:.48rem; color:#fff; line-height:.6rem; display:block; text-align:center; margin-top:.75rem; text-shadow:0 3px 4px rgba(0,0,0,.3)}
.latest .tit a.more{ font-family:Cambria; font-size:.3rem; color:#ffb94b; position:absolute; bottom:0; text-align:center; width:100%; }
.latest .tit a.more::after {
    content: ''; display: block; width: .29rem; height: .22rem; background: url(../images/more_t.png) no-repeat; background-size: contain; -webkit-transition: all .3s; transition: all .3s;position:absolute;left:calc(50% - 29px /2);
}
.latest .tit a.more:hover::after{-webkit-transform: rotate(30deg); transform: rotate(30deg)}

.imgBox{ width:9.46rem;   overflow:hidden; position:relative; float:left}
.imgBox .pic{overflow:hidden; position:relative;width: 100%;  height: 0; padding-bottom: 60.89%; overflow: hidden;    background-repeat: no-repeat; background-position: center; background-size: cover;}

.imgBox img{ width:100%;  -webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s; display:none}.imgBox a:hover img{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}
.imgBox .txt{position:relative;background:#134991 url(../images/latest_box_bg.png) no-repeat right bottom; background-size:contain;height:2.66rem;box-sizing:border-box;padding:0 .5rem; overflow:hidden}
.imgBox .txt span{position:absolute; left:0; top:.17rem; background:#ffb94b; height:.83rem; width:.83rem; border-radius:0 0 22px 0; color:#fff; font-family:Cambria; line-height:.2rem; text-align:center; font-size:.22rem}.imgBox .txt span b{ font-size:.5rem; font-weight:normal; display:block; text-align:center;font-family:Cambria; line-height:.5rem}
.imgBox h1{    display:block; line-height:.3rem; text-align:center; font-size:.2rem; color:#fff; -webkit-transition: all 0.4s ease;transition: all 0.4s ease; margin:1rem 0}
.imgBox a:hover h1{color:#ffb94b;}
.imgBox .swiper-slide{width:100%;}

.imgBox .swiper-pagination{ bottom:calc(2.7rem + .15rem * 2); width:max-content; left:calc(50% - .6rem);}
.imgBox .swiper-pagination-bullet{width:.15rem; height:.15rem; background:#fff; opacity:1}
.imgBox .swiper-pagination-bullet-active {background: #ffb94b}

.latest dl{ width:4.56rem; min-height:8.4rem; float:right; position:relative; box-shadow:0 0 16px rgba(0,0,0,.1);display:block}
.latest dl dd{ position:relative; overflow:hidden; padding:0 .1rem 0 .4rem;  z-index:1}
.latest dl dd span{position:absolute; left:0; top:0; background:#134991; height:.65rem; width:.83rem; border-radius:0 0 22px 0; color:#ffb94b; font-family:Cambria; line-height:.2rem; text-align:center; font-size:.19rem}.latest dl dd span b{ font-size:.34rem; font-weight:normal; display:block; text-align:center;font-family:Cambria; line-height:.38rem; color:#fff}
.latest dl dd h1{ font-family:Cambria;font-size: .2rem;  color: #222; line-height: .22rem;  margin: .74rem 0 .2rem; display: block; height: .7rem;}
.latest dl dd a:hover h1{color:#ffb94b}
.latest dl::after{ position:absolute; content:""; background:url(../images/tuan_hua.png) no-repeat; background-size:contain; bottom:-16px; right:-5vw; z-index:0; width:4.63rem; height:4.96rem;}
.latest dl dd:last-of-type{display:none;}

.t48{padding-top:.48rem; clear:both}
.Infocus{background:url(../images/Infocus_bg.jpg) no-repeat center; background-size:cover; height:7.4rem; clear:both;  overflow:hidden; position:relative}
.Infocus .in_box{ width:5.6rem; height:5.12rem; background:#134991; position:absolute; left:2.52rem; top:calc(50% - 5.12rem / 2)}
.Infocus .in_box::after{ position:absolute; content:""; border:rgba(255,255,255,.1) 1px solid; width:96%; height:96%; left:2%; top:2%; z-index:0;}
.Infocus .in_box h1{display:block; font-size:.48rem; font-weight:bold; color:#fff; text-shadow:0 5px 5px rgba(0,51,119,.5); line-height:.6rem; margin-top:.6rem; display:block; text-align:center; position:relative}
.Infocus .in_box h1::after{position:absolute; content:""; width:.2rem; height:3px; background:#426da7; left:calc(50% - .1rem); bottom:-.1rem}
.Infocus .in_box p{ font-size:.17rem; color:#fff; display:block; clear:both; text-align:center; padding:0 10%; margin-top:.7rem; line-height:.3rem; position:relative}
.Infocus .in_box span{margin-top:.7rem; position:relative; text-align:center; display:block}.Infocus .in_box span a{display:block; width:1.98rem; height:.62rem; border:#ffb94b 1px solid; border-radius:30px; margin:0 auto; line-height:.62rem; font-size:.18rem; color:#ffb94b;text-transform:uppercase; cursor:pointer; position:relative;}
.Infocus .in_box span a::after {
    content: ''; display: block; width: .23rem; height: .16rem; background: url(../images/more_t1.png) no-repeat; background-size:cover; background-size: contain; -webkit-transition: all .3s; transition: all .3s;position:absolute;left:calc(50% + .3rem); top:calc(50% - .08rem)}
.Infocus .in_box h1,.Infocus .in_box p,.Infocus .in_box span{z-index:1}
.Infocus .in_box span a:hover::after{left:calc(50% + 45px);}


.Multimedia{background:url(../images/Multimedia_bg.jpg) no-repeat top center; background-size:contain; clear:both; min-height:6rem; overflow:hidden; }
.Multimedia .tit{ padding-top:.7rem; text-align:center}.Multimedia .tit h1{display:block; font-size:.48rem; font-weight:bold; color:#fff; text-shadow:0 5px 5px rgba(0,51,119,.5); line-height:.6rem;  text-align:center; position:relative;}
.Multimedia .tit h1::after{position:absolute; content:""; width:.4rem; height:4px; background:#7498c2; left:calc(50% - .1rem); bottom:-.1rem}

.Multimedia .swiper-slide .pic{overflow:hidden; position:relative; font-size:0}
.Multimedia .swiper-slide img {width:100%;}
.Multimedia .swiper-slide-next img{-webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
.Multimedia .swiper-slide .pic::after{position:absolute; content:""; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:1}
.Multimedia .swiper-slide-next .pic::after{ display:none}
.Multimedia .swiper-slide-next a{position:relative; display:block}
.Multimedia .swiper-slide-next a::after{position:absolute; content:""; background:rgba(0,0,0,.5) url(../images/m_play.png) no-repeat center; width:.78rem; height:.78rem; border-radius:50%; z-index:0; left:calc(50% - .78rem / 2); top:calc(50% - .78rem / 2);}
.Multimedia .media{width:138%; position:relative; left:-19%; margin-top:1.22rem;}
.Multimedia .swiper-slide h1{ height:.8rem; line-height:.8rem; background:#fff url(../images/Multimedia_h1_bg.jpg.png) no-repeat right; padding-right:1.6rem; position:absolute; left:0; bottom:0; z-index:1; font-size:.18rem; color:#134991; padding-left:.3rem; min-width:2rem}
.Multimedia .swiper-pagination{ bottom:0; width:max-content; left:calc(50% - .6rem);}
.Multimedia .swiper-pagination-bullet{width:.14rem; height:.14rem; background:#dfe3e8; opacity:1}
.Multimedia .swiper-pagination-bullet-active {background: #ffb94b}
.Multimedia .swiper-container{padding-bottom:.6rem}
.Multimedia .swiper-button-next,.Multimedia .swiper-button-prev{width:.51rem; height:.51rem; position:absolute; z-index:9; background-position:center; background-size:cover; background-repeat:no-repeat; opacity:1}.Multimedia .swiper-button-next{background-image:url(../images/m_n.png); left:auto; right:20%}.Multimedia .swiper-button-prev{background-image:url(../images/m_p.png); left:20%}
.Multimedia .swiper-slide-next a:hover img{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}


.footer{width:100%; clear:both; background:url(../images/footer_bg.jpg) no-repeat center; background-size:cover; padding-top:.42rem; border-bottom:#acbed5 1px solid; overflow:hidden; margin-top:.66rem}
.footer .wp{ display:flex;justify-content: space-between;}
.footer .l{border-left: 1px solid #acbed5;    padding:.7rem;}
.footer .l:first-child {border-left: none;}
.footer .l h1{ font-size:.32rem; color:#fff;}
.footer .l ul,.footer .l dl{margin-top: .35rem;}.footer .l ul a{display:block; color:#fff; margin: 0 2.2em 1.2em 0; background: url(../images/footer_t.png) left 0.45em no-repeat; padding-left: 1.5em; background-size: 1em auto; font-size:.16rem}.footer .l ul a:hover{color:#ffb94b;}
.footer .l dl a{display: inline-block; cursor:pointer; background: #fff; width: .42rem;  height: .42rem; line-height: .42rem; text-align: center; margin: 0 .1rem .1rem 0; border-radius: 100%; position: relative; font-family: 'icon_n'; font-size: .26rem; color:#134991}
.footer .l dl a .qr { width: .8rem; height:.8rem; padding: .08rem; background: #fff; border-radius: 5px; position: absolute;left: 50%;  opacity: 0; visibility: hidden;  transition: all 0.5s;  bottom: 80%; margin-left: -.5rem;}.footer .l dl a .qr img{width:100%; height:100%;}
.footer .l dl a:hover .qr { opacity: 1;visibility: visible; bottom: 130%;}
.copy{padding: 25px; background-color:#1f385a; clear:both; text-align:center;font-size:.14rem; color:#fff }
.copy span{margin: 0 15px; vertical-align: middle; display: inline-block;font-size:.14rem; color:#fff;line-height:.24rem;}




.p_menu,.phone_bg,.p_box{display:none}

.zy_banner{ background:url(../images/zy_banner.jpg) no-repeat; background-size:cover; padding-bottom:29%; position:relative}
.zy_banner::before{height:2.37rem;position:absolute;left:0;top:0;width:100%;content:'';background:url(../images/ban_bg.png) repeat-x;z-index:3; background-size:contain}
.zy_banner::after{height:1.45rem;position:absolute;left:0;bottom:0;width:100%;content:'';background:url(../images/zy_banner_bg.png) repeat-x;z-index:0; background-size:cover}
.zy_banner .top_box{transform: none; opacity: 1;}
.titwz_box{height:.92rem; position:absolute; bottom:0; left:0; width:100%; z-index:1}
.titwz_box h1{ background:url(../images/zy_lm_h1.png) no-repeat right; background-size:cover; height:100%; line-height:.92rem; min-width:4.77rem; float:left; display:block; font-size:.36rem; font-weight:bold; color:#fff; text-align:right; padding-right:.6rem; box-sizing:border-box}
.titwz_box .weizhi{float:left; width:calc(100% - 4.77rem); line-height:.92rem;font-size:.16rem; color:#fff;}.titwz_box .weizhi a{display:inline-block;line-height:.92rem; font-size:.16rem; color:#fff; padding:0 2%}.titwz_box .weizhi a:hover{ color:#ffb94b}

.zy_nav{ height:.77rem; line-height:.77rem; background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.15)}
.wp14{ width:14.4rem; margin:0 auto; clear:both}.zy_nav ul{display: flex; flex-wrap: wrap;}
.zy_nav ul li{ min-width:12%; display:inline-block;flex: 1 1 auto;  white-space: nowrap;}.zy_nav ul li a{display:block; font-size:.19rem; color:#222; line-height:.77rem; padding:0 3%; text-align:center; word-break:break-all; }.zy_nav ul li.on a{ background:#ffb94b; color:#fff;}.zy_nav ul li a:hover{background:#ffb94b; color:#fff;}

.a1{ margin-top:.8rem; clear:both; width:100%; overflow:hidden}
.a1 .pic{width:5.6rem}.a1 .pic img{max-width:100%;}
.a1 .txt{width:calc(100% - 5.6rem - .66rem);}.a1 .txt h1,.a3 div.h1 h1,.a4 .box h1,.a5 h1{ font-size:.3rem; color:#134991; font-weight:bold; position:relative; display:block; float:left;}.a1 .txt h1::after,.a3 div.h1 h1::after,.a4 h1::after,.a5 h1::after{position:absolute; content:""; width:.29rem; height:4px; background:#ffb94b; left:calc(50% - .29rem / 2); bottom:-.1rem}
.a1 .txt p,.a1 .txt p b{ font-family:Corbel; font-size:.18rem; color:#474747; line-height:.3rem; display:block; clear:both; padding:.3rem 0 .2rem}.a1 .txt p b{ padding:0}
.a1 span,.a3 div.h1 span,.a5 span{margin-top:.1rem; position:relative; text-align:center; display:block}.a1 span a,.a3 div.h1 span a,.a5 span a{display:block; width:1.98rem; height:.62rem; border:#ffb94b 1px solid; border-radius:30px;  line-height:.62rem; font-size:.18rem; color:#ffb94b;text-transform:uppercase; cursor:pointer; position:relative;}
.a1 span a::after,.a3 div.h1 span a::after,.a5 span a::after{ content: ''; display: block; width: .23rem; height: .16rem; background: url(../images/more_t1.png) no-repeat; background-size:cover; background-size: contain; -webkit-transition: all .3s; transition: all .3s;position:absolute;left:calc(50% + .3rem); top:calc(50% - .08rem)}
.a1 span a:hover::after,.a3 div.h1 span a:hover::after{left:calc(50% + 45px);}

.a2 .pic{ width:7.23rem;}.a2 .txt{width:calc(100% - 7.23rem - .66rem);}
.a3{background:url(../images/about_img3.jpg) no-repeat; background-size:cover; height:4.09rem; margin-top:.3rem}
.a3 div.h1{ width:3rem; float:left; padding-top:1.4rem}
.a3 div.h1 h1{color:#fff; }
.a3 div.h1 span{padding-top:.6rem; clear:both}
.a3 ul{width: calc(100% - 3.5rem); float:right;    display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:.7rem}
.a3 ul li{max-height: 2.5rem;max-width: 2.5rem;width: 12vw;height: 12vw;padding: .1rem;position: relative;}
.a3 ul li .cir{position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 50%;border: 1px solid rgba(255,255,255,.2)}
.a3 ul li .cir:before{position: absolute;width: 10px;height: 10px;background: #78eaff;box-shadow: 0 0 .1rem #78eaff;bottom: -5px;left: 50%;margin-left: -5px;content: '';border-radius: 50%}
.a3 ul li:nth-child(2) .cir:before{left: -5px;margin-left: 0;top: 50%;margin-top: -5px;bottom: auto}
.a3 ul li:nth-child(3) .cir:before{bottom: auto;top: -5px}
.a3 ul li:nth-child(4) .cir:before{right: -5px;margin-right: 0;top: 50%;margin-top: -5px;bottom: auto;left: auto}
.a3 ul li:nth-child(1) .cir{animation: roted 45s linear infinite;}
.a3 ul li:nth-child(2) .cir{animation: roted 50s linear infinite;}
.a3 ul li:nth-child(3) .cir{animation: roted 55s linear infinite;}
.a3 ul li:nth-child(4) .cir{animation: roted 60s linear infinite;}
@keyframes roted{  0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);}}
.a3 ul li .txt{width: 100%;height: 100%;background: rgba(255,255,255,.1);border-radius: 50%;padding: .2rem;padding-top: .45rem;position: relative;z-index: 3;    box-sizing: border-box;}
.a3 ul li .txt .num,.a3 ul li .txt .num span{font-size: .62rem !important;color: #fbcc24;text-align: center;font-weight: bold}
.a3 ul li .txt p{text-align: center;color: #fff; font-family:Corbel; font-size:.17rem}

@font-face {
  font-family: "swiper-icons"; /* Project id 2560839 */
  src: url('https://english.tyut.edu.cn/fonts/swiper.woff?t=1621499440278') format('woff');
}

.a4{ background:#e9f0f7; width:100%; overflow:hidden; clear:both}
.a4 .pic{float:left; width:7.7rem; height:7.03rem; border-radius:0 0 80% 0; overflow:hidden}.a4 .pic img{width:100%; height:100%;}
.a4 .box{width:8.6rem; float:left; margin-left:.62rem; padding:.75rem 0}
.a4 .tit a{background:url(../images/about_jt.png) no-repeat left center; background-size:.11rem;font-size: .16rem; padding-left:.2rem; display:block; float:right; line-height:.34rem}
.a4 .box>p{ font-family:Corbel; font-size:.18rem; line-height:.34rem; color:#494949; display:block; clear:both; padding:.4rem 0}
.a4 .slide-His .year{width: .86rem;height: .86rem;background: url(../images/cirb.png) no-repeat center;background-size: 100% 100%;text-align: center;line-height: .86rem;color: #fff;font-size: .18rem;margin: 0 auto}
.a4 .slide-His .swiper-slide:nth-child(2n) .year{background: url(../images/ciryy.png) no-repeat center;background-size: 100% 100%}
.a4 .slide-His:after{content: '';height: .61rem;background: url(../images/ldt.png) no-repeat center;background-size: 100% 100%;position: absolute;left: 50%;top: .1rem;width: 66%;transform: translateX(-50%);}
.a4 .slide-His .swiper-slide .txt{height: 2rem;background: #fff;padding: .2rem .1rem .2rem .2rem;margin-top: .2rem;color: #003e7d;line-height: 1.6em;font-size: .18rem;}
.a4 .slide-His .swiper-slide .txt .scbox{max-height: 2rem;overflow: auto;padding-right: .1rem; font-size:.14rem; line-height:.23rem}
.a4 .slide-His .sbtn a{position: absolute;top: .3rem;z-index: 5; width:.2rem; height:.21rem; background-repeat:no-repeat; background-size:contain}
.a4 .slide-His .sbtn a.prev{left: 0; background-image:url(../images/a4_p.png)}
.a4 .slide-His .sbtn a.next{right: 0; background-image:url(../images/a4_n.png)}

.a5{padding-top:.5rem;}.a5 h1{text-align:center; float:none}
.a5 ul{ overflow:hidden; margin:.65rem 0 .4rem}.a5 ul li{ width:3.52rem; height:2.18rem; float:left; margin-left:.17rem; margin-bottom:.12rem}.a5 ul li img{width:100%; height:100%;}
.a5 ul li:first-of-type{ width:6.8rem; height:4.48rem; margin-right:.22rem; margin-bottom:0; margin-left:0}
.a5 span a{margin:0 auto;}



.hzhb{background:#eff2f4; clear:both; width:100%; min-height:9.76rem;}
.hzhb .tit{ text-align:center; padding:.45rem 0 .6rem; font-family:Cambria; font-size:.26rem; font-weight:bold; color:#222}
.map{background:url(../images/map.png) no-repeat top center; background-size:contain; min-height:7.28rem; position:relative}
.map>div{position:absolute; z-index:1;}
.map>div i{ background:url(../images/map_t.png) no-repeat; width:11px; height:18px; display:block; cursor:pointer;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.map>div i:hover{ margin-top:-5px}
.map>div .show{position:absolute; background:#fff; width:2.95rem; top:-.37rem; left:.32rem; height:3.2rem; border-radius:20px; box-shadow:0 0 26px rgba(0,0,0,.1); opacity:0; display:none;}
.map>div .show::after{ position:absolute; content:""; width:.2rem; height:.33rem; background:url(../images/show_t.png) no-repeat right center; background-size:cover; left:-.2rem; top:.25rem}
.map>div .show::before{ position:absolute; content:""; top:-30px; right:-30px; left:-30px; bottom:-30px; z-index:-1}
.map>div .show h1{ font-size:.2rem; color:#222; font-weight:bold; margin-top:.24rem; margin-left:.2rem}
.map>div .show ul{ padding:.05rem .2rem 0 .2rem; overflow-x:hidden; height:80%; overflow-y:auto; margin-right:6px}
.map>div .show ul li{ line-height:.18rem; padding:.1rem 0; border-bottom:dashed 1px #ededed}.map>div .show ul li a{font-size:.15rem; color:#222;}.map>div .show ul li a:hover{ color:#ffb94b}
.map>div .show ul::-webkit-scrollbar{ width: 6px; background-color: #ededed; border-radius:16px}
.map>div .show ul::-webkit-scrollbar-thumb{ background-color: #3373ae;border-radius:16px}
.map>div:hover .show{ display:block;opacity:1;}.map>div:hover{z-index:2}

.map .uk{    left: 45%;  top: 25%;}
.map .usa{ left:21%; top:38%}
.map .Canada{    left: 17%; top: 29%;}
.map .Australia{right: 13%; bottom: 22%;}
.map .Switzerland{    left: 47.5%;  top: 30%;}
.map .Poland{    right: 49%; top: 26%;}
.map .NewZealand{right: 3.5%; bottom: 9.6%;}
.map .France{    left: 46%; top: 31%;}
.map .Germany{    left: 48%;  top: 27%;}
.map .Russia{    right: 27%; top: 20%;}
.map .Cyprus{left: 54.6%;  top: 38%;}
.map .Portugal{    left: 43.3%; top: 34.9%;}
.map .Italy{left: 49%;  top: 33%;}
.map .Spain{    left: 44.8%; top: 34.9%;}
.map .Mexico{    left: 19.5%; top: 48%;}
.map .Chile{    left: 27.3%; bottom: 18%;}
.map .Japan{right: 15.3%; top: 36.8%;}
.map .Korea{    right: 18.4%; top: 37%;}
.map .Egypt{    left: 53%;top: 44%;}
.map .Mongolia{ right: 29%; top: 30%;}
.map .Malaysia{    right: 23%;  bottom: 37%;}
.map .Thailand{ bottom: 48%; right: 25.5%;}

.list{margin-top:.3rem;}
.list ul li{position: relative; background: #fff;  display: -webkit-box;display: -ms-flexbox; display: flex; margin-bottom:.3rem}
.list ul li .pic{width:4.5rem; height:2.8rem; float:left; overflow:hidden}.list ul li .pic img{width:100%; height:auto}
.list ul li .txt{display: -webkit-box; width:calc(100% - 4.5rem); float:right; box-sizing:border-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;  padding: .6rem .8rem; -webkit-box-flex: 1; -ms-flex: 1;   flex: 1; min-height: 2.04rem; overflow: hidden}
.list ul li .txt span{font-size:.16rem; color:#ffb94b; margin-bottom:.1rem}
.list ul li .txt h1{font-size: .2rem; padding:.15rem 0; font-weight: bold; line-height: 1.25;}
.list ul li .txt p {

    color: #707070;
    font-size: .16rem;
    line-height: 1.444; font-family:Cambria;overflow:hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
	
}
.fy{clear:both; width:100%; text-align:center; padding:.1rem;}


.content{width:100%; clear:both; padding:.3rem; box-sizing:border-box}
.content .tit{text-align:center; font-size:.24rem; padding:.2rem 0; line-height:.4rem; margin-bottom:.2rem; margin-top:.3rem;    font-family: 'times new roman' !important;}
.content .time{text-align:center; font-size:.16rem; border-bottom:1px #eee solid; line-height:.3rem}.content .time span{ padding:0 2%; display:inline-block;font-size:.14rem; color:#666}
.content  .con{ text-indent:2em; line-height:.3rem; font-size:.17rem; font-weight:400; padding:.2rem 0; color:#222; min-height:6rem}
.content  .con p{font-size:.18rem; font-weight:400; padding-bottom:.1rem}.content  .con img{max-width:100%; display:block; margin:0 auto}
.content  .con table{max-width:100%; margin:0 auto}

.list_img{margin-top:.3rem;}.list_img ul li{ overflow:hidden; width:48%; float:left; margin-right:2%; margin-bottom:.2rem;  overflow:hidden; }.list_img ul li .pic{height:0; padding-bottom:56%; position:relative; background-repeat:no-repeat; background-position:center; background-size:cover;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;}.list_img ul li a{display:block;}
.list_img ul li:nth-child(even){margin-right:0;}
.list_img ul li h1{     font-size: .2rem;
    padding: 0.15rem 0;
    line-height: 1.5;height:.6rem}


@media screen and (max-width: 999px){
.home,.home body{height:auto;overflow:auto;}
.body_home{height:auto;overflow:visible; z-index:2}
.body_b{width:auto;height:auto;position:static;opacity:1;transform:none;overflow:hidden;}
.nav1,.nav{display:none;}
.banner{height:auto; overflow: visible;}
.banner .swiper-slide span{height: 0;padding-bottom: 48%;}
.banner a::before {height: 30%;}
.wp,.wp14{width: auto; margin-left: 3vw; margin-right: 3vw;}
.top2,.top_r .link_box{display:none;}
.body_b.showdiv .nav1{opacity:0}

.top_box {  opacity: 1;   transform: none; position: absolute; padding: 0 0 0 3vw ;}

.p_menu{width:30px; height:30px; overflow:hidden; position:absolute;z-index: 5;top: 26px;right: 4%; display:block}
.p_menu .line-1,.p_menu .line-2,.p_menu .line-3{position:absolute;top:50%;display:block;right:0;width:30px;height:2px;background:#fff;-webkit-transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;-o-transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;-webkit-transition-property:width,margin,background-color,-webkit-transform;transition-property:width,margin,background-color,-webkit-transform;-o-transition-property:width,margin,background-color,-o-transform;-o-transition-property:transform,width,margin,background-color;transition-property:transform,width,margin,background-color;transition-property:transform,width,margin,background-color,-webkit-transform}
.p_menu .line-1{margin-top:-9px;width:26px}
.p_menu .line-3{margin-top:9px;width:26px}
.phoneopen .p_menu .line-1{visibility:hidden}
.phoneopen .p_menu .line-2{margin-top:0!important;width:28px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.phoneopen .p_menu .line-3{margin-top:0!important;width:28px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}


.phoneopen{overflow:hidden}
.nav{position:fixed; display:block;top:0;right:0; margin-right:0; padding-left:0;padding-top:60px;transform: translate(150%, 0);  transition: all 1s ease-in-out;background:#134991; height:100vh;z-index:98;overflow-y: scroll; box-sizing:border-box; width:85%; max-width:400px}.nav .phone_logo{display:block; padding: 25px 50px 10px 10%; width: 70%;}.nav .phone_logo img{max-width:100%}
.nav ul{padding: 0 10% 0; display:block}.nav ul li{width:100%;    border-bottom: 1px solid rgba(255, 255, 255, 0.15); height:auto; padding:0}
.nav>ul>li>a{font-size:16px; color:#fff; text-align:left; line-height:47px; font-weight:normal;    width: 80%;}
.phoneopen .nav{    transform: translate(0, 0); position:absolute}
.phone_bg{position: absolute; width:100vw;height:100vh;background:rgba(0,0,0,.6);z-index:2;top:0;left:0}
.nav ul li.x{background:url(../images/nav_x.png) 97% 18px no-repeat}
.nav>ul>li .second-nav{ position:relative;width:100%;padding:0 15px; box-sizing:border-box; background:none; border:0; left:auto;box-shadow:0 0 0 #FFF; top:auto}.nav li .second-nav li a{ color:#fff; line-height:32px;font-size:14px; text-align:left}
.nav>ul>li>a::before{display:none}
.nav li .second-nav li{display:block; width:auto}
.nav li.x.on{background: url(../images/nav_x_on.png) 97% 20px no-repeat}
.nav ul li.on>a{ background:none}

.p_box{display:block;}
.p_box .t_l{padding:20px 0; text-align:center;font-size: 12px;color: #fff;}.p_box .t_l a{display: inline-block; vertical-align: middle; line-height: 1.5;  padding: 4px 10px; font-size: 12px; color: #fff; opacity: 0.77;}
.p_box .search{ padding: 0 10% 20px; overflow:hidden;}.p_box .search input{height:35px; line-height:35px;border:0; display:block; float:left}
.p_box .search input[type="text"]{ padding-left:15px; background:#fff;  width:calc(100% - 55px);}.p_box .search input[type="submit"]{width:40px;  background:#fff url(../images/search_an1.png) no-repeat center;}


.latest{padding-top:.48rem}
.latest .tit{background: none; width:100%;padding: 20px 0; min-height:inherit; float:none;   display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.latest .tit h1{margin-top:0;color:#134991;        min-width: 150px;}
.latest .tit a.more{position:relative;  text-align: right; padding-right:.4rem}
.latest .tit a.more::after{ left:auto; right:0; top:.05rem}
.imgBox{width:100%; float:none}
.latest dl{width: 100%; float:none; margin-top:20px; min-height:inherit; overflow: hidden;}
.latest dl dd{width:43%; float:left;}
.latest dl dd:last-of-type{display:block;}

.Infocus{ height:5rem}
.Infocus .in_box p{margin-top:.4rem}
.Infocus .in_box{height:90%; width:80%; left:10%; top:5%}
.ani_d,.ani_t,.ani_l,.ani_r{transform: none; opacity: 1;}

.Multimedia .media{margin-top:.5rem}
.Multimedia{min-height:inherit;}

.zy_banner{padding-bottom:45%;}
.zy_banner::before{ height:1rem}

.titwz_box h1{ min-width:50%}.titwz_box .weizhi{width:45%}
.zy_nav ul li{ display:block; float:left;white-space: nowrap; min-width:inherit}
.zy_nav ul li a{padding: 0 10px;}
.a1{ margin-top:.3rem}.a1 .pic{width:55%}.a1 .txt{width:40%}
.a1 .txt p{overflow:hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 6;
display: -webkit-box;
-webkit-box-orient: vertical;    margin: 0.3rem 0 0.2rem; padding:0}
.a1 .txt h1{margin-bottom:20px}

.a3{ height:auto; overflow:hidden; padding-bottom:30px}
.a3 div.h1{width:100%; float:none;padding-top:.4rem}
.a3 ul{justify-content: center; width:100%}
.a3 ul li{margin:  2vw;width: 26vw;height: 26vw}.a3 ul li .txt .num{font-size:0 !important;}
.a3 ul li .txt .num span{font-size: 6vw !important;}

.a4 .pic{ display:none}.a4 .box{width:auto; margin-left: 3vw; margin-right: 3vw; box-sizing:border-box; float:none}
.a4 .slide-His:after{display:none;}

.a5 ul li:first-of-type{ margin:0 auto; float:none; margin-bottom:20px}
.a5 ul li{width:47%; height:2.4rem}

.map{ min-height:inherit; background:none}
.map>div{position:relative; right:auto !important; left:auto!important; top:auto!important; bottom:auto!important; margin-bottom:20px}
.map>div i{display:none;}
.map>div .show{display:block; position:relative; left:auto; top:auto; width:100%; box-sizing:border-box; height:auto; opacity:1; border-radius:0 0 0;box-shadow: 0 0 0;padding:.3rem 4%}
.map>div .show::before,.map>div .show::after{display:none;}
.map>div .show ul{height:auto; }

.list ul li .pic{ width:40%; height:auto;}
.list ul li .txt{width:60%;padding:3% .8rem;}

.Multimedia .swiper-slide h1{    line-height: 1;   padding: .35rem 1.6rem 0 .3rem;  box-sizing: border-box;}
}



@media screen and (max-width: 600px){
	.banner .swiper-slide span{padding-bottom: 60%;}
	.p_menu{top:20px}
	.p_box .t_l a{padding:4px}
	.nav1 ul li{width:100%;margin-bottom: 15px;    }
	.logo{width:80px; height:80px;}.logo img{max-width:80%;}
	.nav{width:100%;}
	.banner .swiper-slide a::before{height:20%; opacity:.5}
	.latest{ padding-top:10px}.latest .tit h1{ font-size:30px}.latest .tit{padding: 12px 0;}
	.latest .tit a.more{font-size:16px;padding-right:20px}.latest .tit a.more::after{width: 19px; height: 12px;}
	.imgBox .txt span{ width:60px; height:60px; font-size:16px}.imgBox .txt span b{font-size:26px; line-height:30px; margin-top:5px}
	.imgBox h1{ font-size:16px; line-height:22px;    margin:90px 0 0; }.imgBox .txt{padding: 0 20px; height:250px}
	.imgBox .swiper-pagination-bullet{ width:10px; height:10px;   }
	.imgBox .swiper-pagination{ bottom: calc(250px + 10px);}
	.latest dl dd span{width:60px; height:60px; font-size:16px}.latest dl dd span b{font-size:26px; line-height:30px; margin-top:5px}
	.latest dl dd{width:100%; float:none;    box-sizing: border-box; min-height:inherit}
	.latest dl dd h1{font-size:16px;line-height:22px;    margin:80px 0 40px;height:auto}
	.t48{padding-top:20px;}
	.Infocus .in_box h1{font-size:30px;margin-top:20px}
	.Infocus .in_box p{font-size:16px; line-height:22px}
	.Infocus .in_box span{ margin-top:50px}
	.Infocus .in_box span a{ width:80%; height:40px; line-height:40px; font-size:14px}
	.Multimedia{background-size:270%}.Multimedia .tit h1{font-size:30px}
	.Multimedia .media{width:96%; left:2%}
	.Multimedia .swiper-button-next, .Multimedia .swiper-button-prev{display:none;}
	.Multimedia .swiper-slide h1{width:100%;    box-sizing: border-box;min-width: auto; height:40px; line-height:40px; font-size:16px;   padding: 0 50px 0 0; background-size:40px;overflow: hidden; white-space: nowrap;  text-overflow: ellipsis; -o-text-overflow: ellipsis;}
	.Multimedia .swiper-slide .pic::after{display:none;}
	.Multimedia .swiper-slide a::after{position:absolute; content:""; background:rgba(0,0,0,.5) url(../images/m_play.png) no-repeat center; width:40px; height:40px; border-radius:50%; z-index:0; left:calc(50% - 40px / 2); top:calc(50% - 40px / 2); background-size:12px}
	.Multimedia .swiper-pagination{ left:0; text-align:center; width:100%}
	.footer{padding-top:20px}.footer .wp{display:block;}.footer .l{border-left:0;padding: 20px;}
	.footer .l h1{font-size:20px}.footer .l ul a{font-size:14px;}
	.copy{padding: 15px; font-size:0}.copy span{margin: 0 5px; display:block}
	
	
	.zy_banner{padding-bottom: 85%;}
	.titwz_box{height:60px}
	.titwz_box h1{  line-height:60px; font-size:22px; width:80%}
	.titwz_box .weizhi{display:none;}
	.zy_nav{height:auto; min-height:50px; line-height:2; padding:15px 0}.zy_nav ul li a{line-height:30px; font-size:16px}
	.a1 .pic{width:100%;}.fl,.fr{float:none;}
	.a1 .txt{width:100%; margin-top:20px;}
	.a1 .txt h1, .a3 div.h1 h1, .a4 .box h1, .a5 h1{font-size:20px; margin:0 auto; float:none; text-align:center}.a1 .txt p{font-size:14px; line-height:24px;-webkit-line-clamp: 8;}
	.a1 span a, .a3 div.h1 span a, .a5 span a{ width:60%; height:40px; line-height:40px; font-size:14px; margin:0 auto}
	.a1 span, .a3 div.h1 span, .a5 span{text-align:center;}
	.a1 span a::after, .a3 div.h1 span a::after, .a5 span a::after{background-size:15px;    top:35%;}
	.a2 .pic{margin-top:20px;}
	.a3 div.h1 span{ padding-top:30px}
	.a3 ul li{margin:  2vw;width: 46vw;height: 46vw}.a3 ul li .txt p{font-size:15px}
	.a3 ul li .txt .num{font-size: 8vw;}
	.a4 .box{padding:40px 0}.a4 .tit a{font-size:14px;}.a4 .box>p{font-size:14px; padding:15px 0; line-height:20px}
	.a5 ul{margin:40px 0 .4rem;}
	.a5 ul li:first-of-type,.a5 ul li{ float:none; margin:0; padding:0; width:100%; height:auto}
	
	
	
	.list ul li .pic,.list ul li .txt{ width:100%; height:auto; float:none}
.list ul li .txt{ padding:20px 5%;}
.list ul li .txt p{-webkit-line-clamp: 7;}

.content .con p{font-size:14px;}.content .tit{ margin-top:0}
.list_img ul li{width:100%; margin-right:0}


}