*{padding: 0; margin: 0}
body,html {margin: 0px; padding: 0px; -webkit-text-size-adjust: none}
@font-face{
    font-family: "HarmonyOSMedium";
    src: url('fonts/HarmonyOSMedium.woff');
}
body {margin: 0 auto;font-family: 'HarmonyOSMedium'; font-size: 12px; line-height: 1.6;}
.fl{display:inline;float:left}
.fr{display:inline;float:right}
.clearfix:after{display:block;clear:both;width:100%;height:0px;line-height:0px;font-size:0px;margin:0;padding:0; content: ""}
a{text-decoration: none;}
ul,li{list-style: none;}
.fw600{font-weight: 600}
.fs12{font-size: 12px}
.fs13{font-size: 13px}
.fs14{font-size: 14px}
.fs15{font-size: 15px}
.fs16{font-size: 16px!important}
.fs20{font-size: 20px!important}

.fl{float: left;}
.fr{float: right;}
.pdl30{padding-left: 30px}
.pdl20{padding-left: 20px}

.c499{color: #499a97}
.red{color: #cd4619}
.cd60{color: #d60d17!important}
.textc{text-align: center;}
.textl{text-align: left!important;}
.textr{text-align: right!important;}
.container{width: 1180px; margin: 0 auto; position: relative;}
.m{display: none;}
.pc{display: block;}
.dn{display: none;}

.tb-head{width: 100%; position: fixed; top: 0; left: 0; z-index: 5; height: 80px; border-bottom: 1px solid rgba(255, 255, 255, .3);}
.tb-head .itb-hbox{height: 80px; line-height: 80px;}
.head-top{position: relative; width: 35%; float: left; padding-top: .6rem;}
.head-top img{width: 120px;}
.tb-nav{ float: right;}
.tb-nav .nav-menu{width: 100%}
.tb-nav .nav-menu li{display: inline-block; margin-left: 35px; position: relative;}
.tb-nav .nav-menu li>a{width: 100%;position: relative; line-height: 42px; height: 42px; text-align: center; color: rgba(255, 255, 255, .9); font-size: 15px; display: inline-block;}
.tb-nav .nav-menu li.active>a{color: rgba(255, 255, 255, .8);}
.tb-nav .nav-menu li.active>a:after{width: 100%; content: ""; position: absolute; left: 0; bottom: -20px; height: 2px; background-color: rgba(255, 255, 255, .8);}
.tb-nav .nav-menu li:hover>a{color: #FFF;}

.nav-hide{display: none;-webkit-transition: all .5s; transition: all .5s;-o-transition: all .5s;position: absolute; width: 120px; background-color: rgba(255, 255, 255, .9); left: -30px; top: 80px;box-shadow: 0 5px 12px rgb(0 0 0 / 15%);}
.nav-hide>a{line-height: initial;border-top: 1px solid #eee;text-align: center;font-size: 14px;padding: 12px 0;margin-bottom: 0px;color: #272727; display: inherit;}
.tb-nav .nav-menu li:hover .nav-hide{display: block;}
.nav-hide>a:hover{background-color: rgba(0, 77, 156, .8); color: #FFF;}

.transition{background-color: #FFF;transition: transform .3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform .3s cubic-bezier(0.35, 0, 0.25, 1);box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); top: 0; z-index: 9000;}
.transition .tb-nav .nav-menu li>a{color: #333;}
.transition .tb-nav .nav-menu li.active>a:after{width: 100%; content: ""; position: absolute; left: 0; bottom: -20px; height: 2px; background-color: #004da1;}


.ibanner{width: 100%; position: relative; font-size: 0;}
.ibanner .swiper-container{width: 100%; height:100%}
.ibanner .ivideo{width: 100%;}


.main-content{width: 100%; background-color: #f1f7ff;}
.cmain-content{width: 100%; background-color: #FFF;}

.i-bout{width: 100%; position: relative;}
.i-about-box{background-color: #FFF; padding: 3rem 2rem 1.5rem 2rem; margin-top: -10rem;}
.i-abb-tit{display: flex; justify-content: space-between;}
.i-abb-tit .i-abb-tleft h3{font-size: 24px; color: #272727;  font-weight: inherit;}
.i-abb-tit .i-abb-tleft .subtit{font-size: 14px; color: #888;}
.i-abb-tit .i-abb-tright{width: 80%;}
.i-abb-tit .i-abb-tright .desc{font-size: 14px; color: #888; line-height: 1.5; padding-top: 20px;}

.i-abb-con{display: flex; justify-content: space-between; padding: 2rem 0 2rem 0; margin-top: 2rem; position: relative;}
.i-abb-con:after{position: absolute; content: ""; background-color: #004d9c; width: 70%; left: 30%; top: 1%; height: 90%;}
.i-abb-con .i-abb-cleft{width: 58%; z-index: 1;}
.i-abb-con .i-abb-cleft .img{width: 100%; overflow: hidden;}
.i-abb-con .i-abb-cleft .img img{width: 100%; -webkit-transition: all .5s; transition: all .5s;-o-transition: all .5s;}
.i-abb-con .i-abb-cleft .img:hover img{-webkit-transform: scale(1.06, 1.06);-moz-transform: scale(1.06, 1.06);-o-transform: scale(1.06, 1.06);transform: scale(1.06, 1.06)}
.i-abb-con .i-abb-cright{width: 28%; padding-top: 2.5rem; z-index: 1;}
.i-abb-con .i-abb-cright h3{font-size: 22px; color: #FFF; line-height: 1.3;}
.i-abb-con .i-abb-cright .btm{padding-bottom: 20px;}
.i-abb-con .i-abb-cright .txt{color: rgba(255, 255, 255, .8); font-size: 14px;line-height: 1.7;}

.ab-more{margin-top: 2.5rem; display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; border: 1px solid rgba(255, 255, 255, .5);-webkit-transition: all .5s; transition: all .5s;-o-transition: all .5s; }
.ab-more i{display: inline-block;font-size: 26px; color: rgba(255, 255, 255, .9);-webkit-transition: all .5s; transition: all .5s;-o-transition: all .5s; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.i-abb-con .i-abb-cright:hover .ab-more{background-color: rgba(255, 255, 255, .9);  border-color:rgba(255, 255, 255, .9);}
.i-abb-con .i-abb-cright:hover .ab-more i{color: #004d9c;}

.i-factory{padding: 3rem 0 0 0; width: 100%;}
.i-factory-box{background-color: #FFF; padding: 3rem 2rem 2rem 2rem;}
.i-f-wrap{width: 100%; padding: 40px 0 40px 0!important;}
.i-f-wrap .swiper-pagination{ text-align: left; left: 10%!important;}
.i-f-wrap ul li{display: flex; justify-content: space-between;}
.i-f-wrap ul li .left{width: 60%; display: flex;justify-content: space-between; position: relative;}
.i-f-wrap ul li .left:after{width: 100%; position: absolute; left: 24%; top: -10%; height: 100%; content: ""; width: 80%; background-color: #004d9c;}
/*.i-f-wrap ul li .left:before{width: 100%; position: absolute; left: 0; top: 0; height: 4px; content: ""; background: linear-gradient(to right, rgba(1,71,143, .2),rgba(1,71,143, .4),rgba(1,71,143, .6),rgba(1,71,143, .8),rgba(1,71,143, 1));}*/

.i-f-wrap ul li .left .zleft{width: 61%; z-index: 1;}
.i-f-wrap ul li .left .zleft .img{width: 100%; overflow: hidden;}
.i-f-wrap ul li .left .zleft .img img{width: 100%; -webkit-transition: all .5s; transition: all .5s;-o-transition: all .5s;}
.i-f-wrap ul li .left .zleft .img:hover img{-webkit-transform: scale(1.06, 1.06);-moz-transform: scale(1.06, 1.06);-o-transform: scale(1.06, 1.06);transform: scale(1.06, 1.06)}
.i-f-wrap ul li .left .zright{width: 31%; padding-top: .7rem; z-index: 1;}
.i-f-wrap ul li .left .zright h3{font-size: 20px; line-height: 1.3; color: #FFF;}
.i-f-wrap ul li .left .zright .btm{padding-bottom: 2rem;}
.i-f-wrap ul li .left .zright .txt{color: rgba(255, 255, 255, .8); font-size: 14px;line-height: 1.6;}

.i-f-wrap .swiper-button-prev{bottom: -10px; top: inherit; background-size: 16px 44px; left: 42%;}
.i-f-wrap .swiper-button-next{bottom: -10px; top: inherit; background-size: 16px 44px; right: 42%;}

.i-f-wrap ul li .right{width: 30%; position: relative;}
.i-f-wrap ul li .right img{width: 100%; position: absolute; right: 0; bottom: 0;}
.i-f-wrap ul li .right:after{position: absolute;left: 0; right: 0; content: ""; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .6); z-index: 2;}

.i-news{padding: 3rem 0; width: 100%;}
.i-news-box{background-color: #FFF; padding: 1.5rem 1rem;}
.i-news-box h3{font-size: 22px; color: #272727; }
.i-news-txt{padding: 2rem 4rem 2rem 4rem; display: flex; justify-content: space-between;}
.i-news-txt li{width: 42%; margin-left: 40px; -webkit-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease;}
.i-news-txt li:nth-child(2n+1){margin-left: 0;}
.i-news-txt li a{display: block; position: relative;}
.i-news-txt li .thumb{position: relative; overflow: hidden;}
.i-news-txt li .thumb .thumb-box{position: relative; overflow: hidden;}
.i-news-txt li .thumb .thumb-box .syin{width: 120px;position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}

.i-news-txt li .img{width: 100%;height: auto;overflow: hidden;background: center center no-repeat; background-size: cover;-webkit-transition: all .5s;transition: all .5s;}
.i-news-txt li .img img{width: 100%;}
.i-news-txt li .thumb:hover .img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.i-news-txt li .txt{padding: 20px 0;position: relative;-webkit-transition: all .5s;transition: all .5s;}
.i-news-txt li .time{font-size: 14px; color: #a0a0a0;}
.i-news-txt li  h3{font-size: 16px; line-height: 28px; color: #272727; padding: 5px 0 15px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: .5s; -webkit-transition: .5s; position: relative;}
.i-news-txt li  h3:after{content: "";position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; background-color: #004d9c;}
.i-news-txt li .time-more{padding-top: 10px; font-size: 13px; color: #888;-webkit-transition: all .5s;transition: all .5s;}
.i-news-txt li:hover .txt{background-color: #004d9c; padding-left: 10px;}
.i-news-txt li:hover .time{color: #FFF}
.i-news-txt li:hover h3{color: #FFF;}
.i-news-txt li:hover h3:after{background-color: #FFF;}
.i-news-txt li:hover .time-more{color: #FFF;}

.i-news-more{text-align: center;}
.i-news-more a{color: rgba(0, 0, 0, .6); font-size: 14px;-webkit-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease;}
.i-news-more a:hover{color: rgba(0, 0, 0, .9);}
.i-news-more a span{font-size: 18px;}


.zbanner{width: 100%; font-size: 0; position: relative;}
.zbanner img{width: 100%;}
.zbanner .txt{position: absolute; top: 30%; left: 0; width: 100%;}
.zbanner .txt h2{font-size: 40px; color: #FFF; font-weight: inherit; line-height: 1.2;}
.zbanner .txt h2 span{display: inline-block; padding-right: 20px;}
.zbanner .txt p{font-size: 16px; color: rgba(255, 255, 255, .8); padding-top: 12px;}
.zbanner .txt p span{display: inline-block; padding-right: 20px;}

/* about  */
.zab-intro{width: 100%; background-color: #FFF; padding: 4rem 0;}
.zab-intro-box{width: 80%; background-color: rgba(2, 71, 143, .9);}
.zab-intro-box .zab-intro-btop{padding: 6rem 4rem 6rem 6rem; position: relative;}
.zab-intro-box .zab-intro-btop h3{font-size: 22px; color: #FFF; padding-bottom: 3rem;}
.zab-intro-box .zab-intro-btop p{color: #FFF; width: 35%; line-height: 1.8; font-size: 16px;}
.zab-intro-box .zab-intro-btop .line{width: 30px; background-color: rgba(255, 255, 255, .6); height: 2px; margin: 3.5rem 0;}
.zab-intro-bbtm{font-size: 18px; color: #FFF; background-color: #004d9c; line-height: 1.4; padding: 3rem 4rem;}
.zab-intro-box .img{position: absolute; width: 55%; height: 100%; right: 0; top: 12%;}
.zab-intro-box .img img{width: 100%;}

.zab-course{width: 100%; background-color: #f1f7ff; padding: 3rem 0;}
.zab-course h3{font-size: 22px; color: #272727; padding-bottom: 15px;}
.zab-course-list{width: 100%; display: flex; justify-content: space-between;}
.zab-c-listbox{width: 35%; padding-left: 15%; height: 340px; position: relative;}
.zab-c-listbox .swiper-container{height: 100%;}
.zab-course-cn ul li h3{padding-top: 27%;}

.zab-c-listbox ul li{font-size: 120px;position: relative;font-weight: 600; display: flex; align-items: center; justify-content: space-between;}
.zab-c-listbox ul li.swiper-slide{color: #cbd1d8;-webkit-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease;}
.zab-c-listbox ul li.swiper-slide-active{color: #02478f;-webkit-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease;}
.zab-c-listbox ul li:after{position: absolute; content: ""; height: 125%;width: 10px; right: 0; top: 0; border-right: 6px dotted rgba(2,71,143,.1);}
.zab-c-listbox ul li.swiper-slide-active:after{border-right: 6px dotted rgba(2,71,143,.8);}
.zab-c-listbox  .swiper-button-prev{-webkit-transform: rotate(90deg);transform: rotate(90deg); background-size: 16px 44px; bottom: -80px; top: inherit; left: 44%;}
.zab-c-listbox  .swiper-button-next{-webkit-transform: rotate(90deg);transform: rotate(90deg); background-size: 16px 44px; bottom: -80px; top: inherit; right: 44%;}


.zab-course-cn{ width: 40%; height: 400px;}
.zab-course-cn  .swiper-container{width: 100%; height: 100%;}
.zab-course-cn .desc{padding: 1rem 0 2rem 0; font-size: 16px;  color: #888;}
.zab-course-cn .img{width: 72%;}
.zab-course-cn .img img{width: 100%;}
.zab-course-cn .zdesc{padding-top: 1rem; font-size: 16px;}

.zab-controller{width: 100%; background-color: #FFF; padding: 4rem 0 0 0;}
.zab-controller-box h3{font-size: 22px; color: #272727; padding-bottom: 20px; line-height: 1.4;}
.zab-controller-box .subtit{color: #888; font-size: 16px;}

.zab-controller-list{padding: 2.5rem 0 4rem 0; display: flex; justify-content: space-between;}
.zab-controller-list li{width: calc(100% / 3 - 24px); margin-left: 36px; position: relative;}
.zab-controller-list li:first-child{margin-left: 0;}
.zab-controller-list li:hover{box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2);}
.zab-controller-list li .img{position: relative; overflow: hidden; font-size: 0;}
.zab-controller-list li .img img{width: 100%;-webkit-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease;}
.zab-controller-list li .img:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.zab-controller-list li .tit{position: absolute; color: #FFF; text-align: center; width: 100%;left: 0; bottom: 0; padding: 1rem 0; background-color: #004d9c; font-size: 16px; line-height: 1.4;}
.zab-controller-list.zclist01 li .tit{padding: 1.5rem 0;}

.zab-custom{width: 100%; background-color: #FFF; padding: 0 0 4rem 0;}
.zab-custom-box{width: 100%;}
.zab-custom-box h3{font-size: 22px; color: #272727; padding-bottom: 15px;}
.zab-custom-box p{font-size: 14px; color: #888;}
.zab-custom-map{padding: 6rem 0 2rem 1rem; text-align: center;}
.zab-custom-map img{width: 100%;}

/* contact  */
.zcon-intro{width: 100%; background-color: #FFF; padding: 4rem 0;}
.zcon-intro h3{font-size: 22px; color: #272727; margin-bottom: 5px;}
.zcon-intro .subtit{font-size: 14px; padding-bottom: 14px; border-bottom: 2px solid rgba(0, 0, 0, .2); position: relative;}
.zcon-intro .subtit:before{position: absolute; content: ""; width: 100px; height: 2px; left: 0; bottom: -1px; background-color: #004da1;}

.zcon-intro .map{margin-top: 3.5rem;}
.zcon-intro .map #map{width: 100%; height: 480px;}
.zcon-con{width: 100%; padding-bottom: 13rem; position: relative;}
.zcon-con .zcon-con-box{background-color: #FFF; box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2); position: absolute; top: -3rem; left: 0; z-index: 99; width: 100%;}
.zcon-con .zcon-con-box ul{display: flex; justify-content: space-between; padding: 2rem 4rem 3rem 4rem;}
.zcon-con .zcon-con-box ul li{text-align: center;}
.zcon-con .zcon-con-box ul li .img{width: 100%; height: 108px; display: flex; align-items: center; justify-content: center;}
.zcon-con .zcon-con-box ul li .img img{max-width: 100%;}
.zcon-con .zcon-con-box ul li .img img.tel{width: 40px;}
.zcon-con .zcon-con-box ul li .img img.addr{width: 70px;}
.zcon-con .zcon-con-box ul li .img img.mail{width: 90px;}
.zcon-con .zcon-con-box ul li .tit{font-size: 16px; padding: 10px 0;}
.zcon-con .zcon-con-box ul li .desc{color: #888; font-size: 14px;}

/* culture  */
.zcul-intro{width: 100%; background-color: #FFF; padding: 4rem 0;}
.zcul-intro h3{font-size: 22px; color: #272727; padding-bottom: 20px;}


.zcul-lnian{width: 100%; background-color: #FFF; }
.zcul-lnian h3{font-size: 22px; color: #272727; padding-bottom: 20px;}
.zcul-lnian .zcul-box{margin-bottom: 1.5rem;}
.zcul-lnian .zcul-box img{width: 100%;}

.zcul-college{padding: 4rem 0 5rem 0; background-color: #f1f7ff;}
.zcul-college-box{width: 100%; display: flex;justify-content: space-between;position: relative;}
.zcul-college-box:before{width: 70%; background-color: #004d9c; height: 140%; top: -20%; left: 35%; content: ""; position: absolute;}
.zcul-college .img{z-index: 1;width: 40%; display: flex; justify-content: center; align-items: center;}
.zcul-college .img img{width: 100%;box-shadow: 0 4px 12px 0px rgba(0,0,0,.3);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.3);}
.zcul-college .con{width: 53%;z-index: 1;}
.zcul-college .con h3{font-size: 22px; color: #FFF; padding-bottom: .5rem; border-bottom: 2px solid rgba(255, 255, 255, .8);}
.zcul-college .desc{padding-top: 20px; color: rgba(255, 255, 255, .8); font-size: 14px;}

.zcul-xanp{width: 100%; background-color: #FFF; height: 380px;}
.zcul-xanp ul{padding: 10px 10px 0 10px}
.zcul-xanp ul li{position: relative;}
.zcul-xanp ul li img{width: 100%;box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2);}
.zcul-xanp ul li.swiper-slide .img{font-size: 0;padding: 2rem;-webkit-transition: all .5s;transition: all .5s;}
.zcul-xanp ul li.swiper-slide.swiper-slide-active .img{padding: 0;}

.zcul-xanp ul li .txt{position: absolute; left: -40px; bottom: 30px; opacity: 0;}
.zcul-xanp ul li.swiper-slide.swiper-slide-active .txt{opacity: 1;}
.zcul-xanp ul li .txt h2{font-size: 14px; color: #272727; padding-bottom: 4px;}
.zcul-xanp ul li .txt .desc{padding: 6px; background-color: rgba(0, 77, 156, .8); width: 180px; color: #FFF;}


.zcul-activity{width: 100%; background-color: #FFF; padding: 3rem 0 0 0;}
.zcul-activity h3{font-size: 22px; color: #272727; padding-bottom: 3rem;}
.zcul-activity-box{width: 100%;}
.zcul-activity-box .link-list{display: flex; flex-wrap: wrap;}
.zcul-activity-box .link-list a{width: calc(100% / 3 - 30px); display: inline-block; margin-right: 45px; margin-bottom: 25px; transition: .5s; -webkit-transition: .5s;}
.zcul-activity-box .link-list a:nth-child(3n+3){margin-right: 0;}
.zcul-activity-box .link-list .thumb{position: relative; overflow: hidden;}
.zcul-activity-box .link-list .thumb .thumb-box{position: relative; overflow: hidden;}
.zcul-activity-box .link-list .thumb .thumb-box .syin{width: 120px;position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}

.zcul-activity-box .link-list .img{width: 100%;height: auto;overflow: hidden;background: center center no-repeat; background-size: cover;-webkit-transition: all .5s;transition: all .5s;}
.zcul-activity-box .link-list .img img{width: 100%;}
.zcul-activity-box .link-list .thumb:hover .img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}

.zcul-activity-box .link-list .txt{padding: 20px 0;position: relative;-webkit-transition: all .5s;transition: all .5s;}
.zcul-activity-box .link-list .time{font-size: 14px; color: #a0a0a0; font-style: italic;}
.zcul-activity-box .link-list  h3{font-size: 16px; line-height: 28px; color: #000; padding: 5px 0 15px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: .5s; -webkit-transition: .5s; position: relative;}
.zcul-activity-box .link-list  h3:after{content: "";position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; background-color: #004d9c;}
.zcul-activity-box .link-list .time-more{font-size: 13px; color: rgba(0, 0, 0, .8);-webkit-transition: all .5s;transition: all .5s;}

.zcul-activity-box .link-list a:hover{box-shadow: 0 4px 12px 0px rgba(0,0,0,.3);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.3);}
.zcul-activity-box .link-list a:hover .txt{padding-left: 10px; padding-right: 10px;}
.zcul-activity-box .link-list a:hover .time-more{padding:0 10px 10px;}

.cul-more{padding: 2rem 0; text-align: center;}
.cul-more .more{display: inline-block; background-color: #004d9c; padding: 10px 2.5rem; border-radius: 20px; font-size: 14px; color: #FFF;}
.cul-more .more:hover{background-color: #054484;}

.zcul-activity.zcul-activity1{padding-bottom: 4rem;}


/* intelligence */
.zinte-intro{width: 100%; background-color: #FFF; padding: 4rem 0;}
.zinte-intro-box{display: flex; justify-content: space-between; padding-bottom: 2rem;}
.zinte-intro-box h3{font-size: 22px;color: #272727}
.zinte-intro-box .zinte-ib-right{width: 80%; color: #888; font-size: 14px;}
.zinte-intro-btm{display: flex; justify-content: space-between;}
.zinte-intro-btm .left{width: 50%;}
.zinte-intro-btm .left img{width: 100%;}
.zinte-intro-btm .right{width: 35%; padding-top: .8rem;}
.zinte-intro-btm .right .txt{font-size: 18px; color: #004d9c; font-weight: 600; padding-top: 2.8rem; position: relative;-webkit-transition: all .5s;transition: all .5s;}
.zinte-intro-btm .right .txt:hover{padding-left: 12px;}
.zinte-intro-btm .right .txt:before{width: 30%; height: 1px; content: ""; left: 0; top: 3.8rem;position: absolute; background-color: rgba(0, 0, 0, .3);}
.zinte-intro-btm .right .txt:nth-child(1):before{width: 80%; left: -88%;}
.zinte-intro-btm .right .txt:nth-child(2):before{width: 68%; left: -76%; top: 4.5rem;}
.zinte-intro-btm .right .txt:nth-child(3):before{width: 55%; left: -62%; top: 4.5rem;}
.zinte-intro-btm .right .txt:nth-child(4):before{width: 43%; left: -50%; top: 4.5rem;}
.zinte-intro-btm .right .txt:nth-child(5):before{width: 31%; left: -38%; top: 4.5rem;}

.zinte-ahead{background-color: #faf7ff; width: 100%; padding: 4rem 0 12rem 0;}
.zinte-ahead-top{display: flex; justify-content: space-between;}
.zinte-ahead-top .zinte-t-left{font-size: 22px; color: #272727; font-weight: 600; line-height: 1.4;}
.zinte-ahead-top .zinte-t-right{width: 78%;}
.zinte-ahead-top .zinte-t-right p{color: #888;}
.zinte-ahead-top .zinte-t-right span{ color: #004d9c;}
.zinte-ahead-top .zinte-t-right .tit{font-weight: 600;font-size: 16px;}
.zinte-ahead-top .zinte-t-right .tit.tit1{padding-bottom: 15px;}
.zinte-ahead-top .zinte-t-right .desc{font-size: 14px;}

.zinte-ahead-middle{display: flex; justify-content: space-between; padding: 3rem 0; height: 300px;}
.zinte-ahead-m-list{width: calc(100% / 4 - 30px); margin-left: 40px; background-color: #FFF; padding: 3rem 0; text-align: center;-webkit-transition: all .5s;transition: all .5s;}
.zinte-ahead-m-list:first-child{margin-left: 0;}
.zinte-ahead-m-list .img img{width: 80px;}
.zinte-ahead-m-list h3{font-size: 22px; color: rgba(0, 0, 0, .8); padding: 15px 0 10px 0;}
.zinte-ahead-m-list p{font-size: 14px;}
.zinte-ahead-m-list:hover{margin-top: -15px;}


.zinte-policy{width: 100%; background-color: #FFF; padding: 4rem 0;}
.zinte-policy-box{position: relative; width: 100%; height:150px;}
.zinte-policy-wrap{position: absolute; top: -220px; left: 0; width: 100%; display: flex;justify-content: space-between;}
.zinte-policy-wrap .txt{width: 33%; background-color: #125497; }
.zinte-policy-wrap .txt .txt-box{padding: 5rem 0 0 0; display: flex; justify-content: space-between;}
.zinte-policy-wrap .txt .txt-box.txt-box1{padding-top: 0;}
.zinte-policy-wrap .txt .txt-list{text-align: center; color: #FFF; width: 50%; position: relative; padding-bottom: 3rem;}
.zinte-policy-wrap .txt .txt-box.txt-box1 .txt-list{padding-top: 3rem;}
.zinte-policy-wrap .txt .txt-list:after{position: absolute; width: 1px; height: 15px; background-color: rgba(255, 255, 255, .6); right: 0; bottom: 0; content: "";}
.zinte-policy-wrap .txt .txt-list.t02:after{left: 0; right: inherit; width: 15px; height: 1px;}
.zinte-policy-wrap .txt .txt-list.t03:after{top: -1px; bottom: inherit; width: 15px; height: 1px;}
.zinte-policy-wrap .txt .txt-list.t04:after{top: 0; right: inherit; left: -1px; bottom: inherit; width: 1px; height: 15px;}
.zinte-policy-wrap .txt .txt-list h3{font-size: 20px; position: relative;}
.zinte-policy-wrap .txt .txt-list h3:before{content: ""; position: absolute; top: -12px; left: 0; right: 0; margin: 0 auto; width:30px; height: 2px; background-color: #FFF;}
.zinte-policy-wrap .img{width: 67%; font-size: 0; position: relative;overflow: hidden;}
.zinte-policy-wrap .img span{position: absolute; top: 15%; right: 10%; font-size: 20px; font-weight: 600; color: rgba(255, 255, 255, 1); z-index: 2;}
.zinte-policy-wrap .img img{width: 100%;-webkit-transition: all .5s;transition: all .5s;}
.zinte-policy-wrap .img:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}

/* 创新 */
.zinn-intro{width: 100%; background-color: #FFF; padding: 4rem 0;}
.zinn-intro-box{width: 100%; }
.zinn-intro-box h3{font-size: 22px; color: #272727; padding-bottom: 15px;}
.zinn-intro-box .desc{color: #888; line-height: 1.6; font-size: 14px;}
.zinn-intro-box .zinn-listimg{padding-top: 2rem;}
.zinn-intro-box .zinn-listimg img{width: 100%;}

.zinn-honnor-box{position: relative; width: 100%; padding: 2rem 0;}
.zinn-honnor-wrap{width: 100%; display: flex;justify-content: space-between;}
.zinn-honnor-wrap .txt{width: 33%; background-color: #125497; }
.zinn-honnor-wrap .txt .txt-box{padding: 4rem 0 0 0; display: flex; justify-content: space-between;}
.zinn-honnor-wrap .txt .txt-box.txt-box1{padding-top: 0;}
.zinn-honnor-wrap .txt .txt-list{color: #FFF; padding-left: 18%; width: 50%; position: relative; padding-bottom: 3rem;}
.zinn-honnor-wrap .txt .txt-list:nth-child(2n){padding-left: 10%;}
.zinn-honnor-wrap .txt .txt-list h3{font-size: 32px; position: relative; color: #FFF; padding-bottom: 0;}
.zinn-honnor-wrap .txt .txt-list p{font-size: 14px;}
.zinn-honnor-wrap .img{width: 67%; font-size: 0; position: relative;overflow: hidden;}
.zinn-honnor-wrap .img .img-txt{position: absolute; top: 15%; left: 10%; font-size: 22px; font-weight: 600; color: rgba(255, 255, 255, 1); z-index: 2;}
.zinn-honnor-wrap .img .img-txt .subtit{font-size: 12px; font-weight: inherit;}
.zinn-honnor-wrap .img img{width: 100%;-webkit-transition: all .5s;transition: all .5s;}
.zinn-honnor-wrap .img:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}

.innovate-auth{width: 100%; padding: 3rem 0; }
.innovate-auth ul{padding: 10px 0;}
.innovate-auth ul li{background-position: center; background-size: cover; width: 280px; height: 400px;box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2);}


.zinn-acch-top{padding: 2rem 0 0 0; display: flex; justify-content: space-between;}
.zinn-acch-top li{background-color: #f1f7ff; width: calc(100% / 3 - 20px); margin-left: 30px; padding: 2rem 0; border-radius:8px;}
.zinn-acch-top li:first-child{margin-left: 0; background: url(../../images/zy/zinn-bg01.png);}
.zinn-acch-top li:nth-child(2){background: url(../../images/zy/zinn-bg02.png);}
.zinn-acch-top li:nth-child(3){background: url(../../images/zy/zinn-bg03.png);}
.zinn-acch-top li .tit{font-size: 22px; color: #FFF; padding: 4px 5rem 0 5rem; font-weight: 600; line-height: 1.5;}
.zinn-acch-top li .subtit{font-size: 12px; padding: 0 3rem 0 5rem; line-height: 1.4; color: #FFF;}

.zinn-acch-btm{padding: 2rem 0 0 0; display: flex; justify-content: space-between;}
.zinn-acch-btm li{background-color: #f1f7ff; width: calc(100% / 3 - 20px); margin-left: 30px; padding: 3rem 0; border-radius:8px;}
.zinn-acch-btm li:first-child{margin-left: 0;}
.zinn-acch-btm li .tit{font-size: 22px; color: #272727; padding: 4px 5rem 0 5rem; font-weight: 600; line-height: 1.5;}
.zinn-acch-btm li .subtit{font-size: 12px; padding: 0 3rem 0 5rem; line-height: 1.4;}

.zinn-test{background-color: #faf7ff; width: 100%; padding: 4rem 0; margin-bottom: 2rem;}
.zinn-test-box{display: flex; justify-content: space-between;}
.zinn-test-box h3{font-size: 22px; color:#272727; line-height: 1.4;}
.zinn-test-box .right{width: 66%; color: #888; font-size: 14px;}
.zinn-test-list{display: flex; justify-content: space-between; padding: 4rem 0 2rem 0;}
.zinn-test-list li{width: calc(100% / 6 - 20px); margin-left: 24px; text-align: center; padding: 2rem 0; background-color: #FFF;}
.zinn-test-list li:first-child{margin-left: 0;}
.zinn-test-list li:nth-child(even){background-color: rgba(2, 71, 143, .1);}
.zinn-test-list li p{color:#272727; font-size: 16px; font-weight: 600; line-height: 1.6;}
.zinn-test-list li:hover{box-shadow: 0 4px 12px 0px rgba(0,0,0,.2); background-color: rgba(2, 71, 143, .8); -webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2);}
.zinn-test-list li:hover p{color: #FFF; }

/* news */
.znews-intro{width: 100%; background-color: #FFF; padding: 3rem 0 4rem 0;}
.znews-intro-list{width:90%; margin: 0 auto;}
.znews-intro-list-con{ display: block; position: relative;border-bottom: 1.5px solid rgba(0, 0, 0, .3); padding: 3rem 0; display: flex; justify-content: space-between;}
.znews-intro-list-con .thumb{width: 42%;position: relative; overflow: hidden;}
.znews-intro-list-con .thumb .syin{width: 120px;position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}

.znews-intro-list-con .img{width: 100%;font-size: 0;height: auto;overflow: hidden;background: center center no-repeat; background-size: cover;-webkit-transition: all .5s;transition: all .5s;}
.znews-intro-list-con .img img{width: 100%;}
.znews-intro-list-con .thumb:hover .img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}

.znews-intro-list-con .detail{width: 50%;}
.znews-intro-list-con .detail .tit{display: flex; justify-content: space-between;}
.znews-intro-list-con .detail .tit .time{font-size: 16px;color: #272727; position: relative; font-weight: 600; width: 50px; line-height: 1.4;}
.znews-intro-list-con .detail .tit .time:after{width: 40px; content:""; position: absolute; height: 2px; background-color: #004d9c; bottom: -18px; left: 0;}
.znews-intro-list-con .detail .tit h2{width: 84%; color: rgba(0, 0, 0, .9);}
.znews-intro-list-con .detail .desc{padding-top: 3rem; font-size: 14px; color: #888; padding-bottom: 2rem; border-bottom: 1px solid rgba(0, 0, 0, .3);}
.znews-intro-list-con .detail .more{text-align: right; padding-top: 4rem;}
.znews-intro-list-con .detail .more span{display: inline-block; padding: 8px 30px; border-radius: 20px;color: #FFF; background-color: #004d9c;}
.znews-intro-list-con .detail .more span:hover{background-color: #054484;}

.znews-intro-list-con:hover .detail .more span{background-color: #054484;}
.znews-intro-list-con:hover:before{position: absolute; width: 5px; height: 70%; background-color: #004d9c; left:-40px; padding-top: 2rem; content: "";}
.znews-intro-list-con:hover:after{position: absolute; width: 5px; height: 70%; background-color: #004d9c; right:-40px; padding-top: 2rem; content: "";}
.znews-intro-list-con:last-child{border-bottom: 0;}

.znews-intro-box{display: flex; justify-content: center;color: #606060;}
.znews-intro-box .left{width: 30%;}
.znews-intro-box .time{font-size: 22px;}
.znews-intro-box .left .nav{font-size:14px;}

.znews-intro-box .right{color: #000; width: 60%;}
.znews-intro-box .right h2{font-weight: inherit; font-size: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.znews-intro-box .right .detail{font-size: 14px; padding: 2rem 0; color: #666;}
.znews-intro-box .right .detail p{padding: 15px 0; line-height: 1.7;}
.znews-intro-box .right .detail img{width: 100%;}
.znews-intro-box .right .detail p img{width: 100%;}

/* honnor */
.zhonn-intro{width: 100%; background-color: #FFF; padding: 4rem 0 2rem 0;}
.zhonn-intro-box{width: 100%; }
.zhonn-intro-box h3{font-size: 22px; color: rgba(0, 0, 0, .8); padding-bottom: 15px;}
.zhonn-intro-box .desc{color: #888; line-height: 1.6; font-size: 14px;}


.zhonn-honnor{background-color: #faf7ff; width: 100%; padding: 4rem 0; margin-bottom: 3rem;}
.zhonn-honnor h3{font-size: 22px; color: #272727;}
.zhonn-honnor-wrap{position: relative; height: 170px; background-color: #004d9c; margin-top: 10rem;}
.zhonn-honnor-top{position: absolute; left: 0; top: -70%; width: 92%; padding: 0 4%;}
.zhonn-h-list{}
.zhonn-h-list li{}
.zhonn-h-list li .img{position: relative;}
.zhonn-h-list li img{width: 100%; box-shadow: 2px 8px 8px rgba(0, 0, 0, .4); z-index: 2; position: relative;}
.zhonn-h-list li .img:after{position:absolute;
  content:"";bottom:12px;right:-18px;top:2px;z-index:0;width: 0; height: 0;border-bottom: 200px solid ;
  border-image: linear-gradient(to bottom, rgba(0,0,0, .4) 10%,rgba(0,0,0, .3) 20%,rgba(0,0,0, .2)30%,rgba(0,0,0, .1)40%,rgba(0,0,0, 0));
  border-right: 36px solid transparent;
  border-left: 0 solid transparent;  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-10deg);
  transform: rotate(-10deg);}
.zhonn-h-list li p{font-size: 14px; text-align: center; padding: 10px 0; color: rgba(255, 255, 255, .8);}
.zhonn-honnor-top .swiper-button-prev{ top: 30%; background-size: 26px 44px; left: 0;}
.zhonn-honnor-top .swiper-button-next{ top: 30%; background-size: 26px 44px; right: 0;}

.tj-list{padding-top: 3rem; width: 85%;}
.tj-list h3{color: #272727; font-size: 18px;}
.tj-list p{font-size: 14px; color: #888; padding-bottom: 16px; border-bottom: 1px solid #ddd;}
.tj-list ul li{ width: 100%; }
.tj-list ul li a{display: flex; justify-content: space-between; padding-top: 25px;}
.tj-list ul li .left{width: 45%;}
.tj-list ul li .right{width: 50%;}
.tj-list ul li .left .thumb{position: relative; overflow: hidden;}
.tj-list ul li .left .thumb .thumb-box{position: relative; overflow: hidden;}

.tj-list ul li .left .img{width: 100%;height: auto;overflow: hidden;background: center center no-repeat; background-size: cover;-webkit-transition: all .5s;transition: all .5s;}
.tj-list ul li .left .img img{width: 100%;}
.tj-list ul li .left .thumb:hover .img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}

.tj-list ul li .right .txt{padding: 0;position: relative;-webkit-transition: all .5s;transition: all .5s;}
.tj-list ul li .right .time{font-size: 14px; color: #a0a0a0;padding: 5px 0 10px 0; margin-bottom: 10px; border: 0;}
.tj-list ul li .right h3{font-size: 16px; line-height: 26px; color: #000;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: .5s; -webkit-transition: .5s; position: relative;}
.tj-list ul li .right .time:after{content: "";position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; background-color: #004d9c;}
.tj-list ul li .right .time-more{font-size: 12px; color: #888;-webkit-transition: all .5s; transition: all .5s;}

.goback{text-align: right;}
.goback a{display: inline-block; padding: 5px 20px; border: 1px solid #888; font-size: 14px; color: #888;-webkit-transition: all .5s;transition: all .5s;}
.goback a:hover{background-color: #004d9c; color: #FFF; border-color: #004d9c;}

textarea::-webkit-input-placeholder{  color:#777 !important; font-family: 'Microsoft YaHei',sans-serif;}

.footer{height: 580px;background-image:url(../../images/zy/footbg.png);background-color: #FFF; background-position: cover; background-size: 100%; background-repeat: no-repeat;  padding: 3rem 0 0 0; }
.footer.zfooter{background-color: #f1f7ff;}
.footer-wrap{width: 100%; padding-top: 21rem;}
.footer-wrap .fw-left{width: 50%; float: left;}
.footer-wrap .fw-left .flogo{width: 120px;}
.footer-wrap .fw-right{width: 50%; float: left;}
.footer-wrap .fw-right ul{display: flex;}
.footer-wrap .fw-right ul li{width: 20%; }
.footer-wrap .fw-right ul li:last-child{width: 40%;}
.footer-wrap .fw-right ul li h3{font-size: 14px; padding-bottom: 20px; color: #FFF;}
.footer-wrap .fw-right ul li p{color: rgba(255, 255, 255, .7); padding-bottom: 5px; font-size: 13px;}
.footer-wrap .fw-right ul li p a{color: rgba(255, 255, 255, .7);}
.footer-btm{color: rgba(255, 255, 255, .6); font-size: 13px; padding-top: 2rem;}
.footer-btm a{color: rgba(255, 255, 255, .6);}

.z-slide-wrap {position: fixed; right: 0; bottom: 50px; z-index: 1000;}
.z-slide-wrap  ul{position: relative;}
.z-slide-wrap  ul li{width: 50px; height: 50px; background: #fff; border: 1px solid #f0f0f0; margin-bottom: 1px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;  position: relative; font-size: 12px; color: #2895c9; text-align: center; cursor: pointer; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.z-slide-wrap  ul li.to-feedback{height: 43px; line-height: 1.5; padding-top: 7px;}
.z-slide-wrap  ul li:hover{color: #333;}
.z-slide-wrap  ul li:before{font-size: 16px;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.z-slide-wrap  ul li:hover:before{color: #333;}
.to-up:after {content:"";display:block;width:14px;height:14px;border-width:2px 2px 0 0;border-style:solid;color:#004da1;position:absolute;left:50%;top:55%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}

#pages{text-align: center; padding: 2rem 0 0 0;}
#pages a{padding: 10px 12px; color: #333; font-size: 14px;}
#pages span{background-color: #004d9c; color: #FFF; padding: 10px 12px;}

@media (min-width:1680px) {

}

@media (min-width:1440px) {

}

@media (min-width:1200px) {

}

@media (min-width:768px) {

}
@media (max-width:1025px) {
    .pc{display: none;}
    .m{display: block;}
    .container{width: 100%}

    
}
@media (max-width:767px) {
    .pc{display: none;}
    .m{display: block;}
    .container{width: 100%}

    .mtd-header{position: fixed; z-index: 99; width: 100%;}
    .mtd-header .mlogo{padding: 22px 12px 10px 15px; float: left;}
    .mtd-header .mlogo img{width: 120px;}

    .mtd-header-info {position: relative;z-index: 10;height: 65px;}
    .mtd-header-info .nav_btn{float: right;margin: 16px 20px 0 0;cursor:pointer;height: 32px;width: 25px;position: relative;}
    .mtd-header-info .nav_btn span{display: inline-block;width: 25px;height: 2px;background-color: #FFF;position: absolute;top: 16px;left: 0px;transition:background-color 0.3s ease-out 0.1s}
    .mtd-header-info .nav_btn span:after{content:'';display: inline-block;width: 25px;height: 2px;background-color: #FFF;position: absolute;top: 8px;left:0px;transition:transform 0.3s ease-out,top 0.5s ease 0.4s;transform: rotate(0deg)}
    .mtd-header-info .nav_btn span:before{content:'';display: inline-block;width: 25px;height: 2px;background-color: #FFF;position: absolute;top: -8px;left:0px;transition:transform 0.3s ease-out,top 0.5s ease 0.4s;transform: rotate(0deg)}
    .mtd-header-info.btn_click .nav_btn span{background-color: transparent;}
    .mtd-header-info.btn_click .nav_btn span:after{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(-45deg);top: 0px }
    .mtd-header-info.btn_click .nav_btn span:before{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(45deg);top: 0px}
    .mtd-header-info .nav {position: fixed;top: 65px;left: 0px;right: 0px;bottom: 0px;background: #fff;visibility: hidden;filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;transition: all 0.5s;overflow: auto;}
    .mtd-header-info.btn_click .nav{visibility: visible;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;top:65px;transition: all 0.5s;}
    .mtd-header-info .nav>ul {overflow-y: auto}
    .mtd-header-info .nav>ul>li{border-top: 1px solid #dcdcdc}
    .mtd-header-info .nav>ul>li:last-child{border-bottom: 1px solid #dcdcdc}
    .mtd-header-info .nav li a{color: #004d9c;display:block;text-align: center;height: 100%}
    .mtd-header-info .nav li>a{padding:15px 25px }
    .mtd-header-info .nav>ul>li>a{font-size: 16px; font-weight: 600;text-align: left;}
    .mtd-header-info .nav>ul>li>a em{font-size: 14px;padding-left: 5px;color: #333}

    .navPhone-li{display: none;transition: all 0.5s;}
    .navPhone-li ul li a{text-align: left !important;position: relative;font-size: 14px !important;padding-left: 43px !important;}
    .nav>ul li a i{display: inline-block;width: 9px;height: 6px;background: url(../../images/zy/icon-2.png) no-repeat;margin-left: 5px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s}
    .nav.nav-phone>ul li.active a i{ background: url(../../images/zy/icon-2.png) no-repeat;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }
    .mbanner-box{margin-top: 70px}

    .mtd-header-info.transition{background-color: #FFF;}
    .transition .mtd-header-info .nav_btn span{background-color: #004d9c;}
    .transition .mtd-header-info .nav_btn span:after{background-color: #004d9c;}
    .transition .mtd-header-info .nav_btn span:before{background-color: #004d9c;}
    .transition .mtd-header-info.btn_click .nav_btn span{background-color: transparent;}
    .transition .mtd-header-info.btn_click .nav_btn span:after{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(-45deg);top: 0px }
    .transition .mtd-header-info.btn_click .nav_btn span:before{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(45deg);top: 0px}
    
    .mtd-header-info .nav li.lan{text-align: center; border-bottom: 0; padding: 15px 0;}
    .mtd-header-info .nav li a.cn{display: inline-block; margin-right: 15px; color: #999; padding: 5px 12px; background-color: #f1f7ff;}
    .mtd-header-info .nav li a.cn.active{color: #FFF;background-color: rgba(0, 77, 156, .9);}

    .ibanner .ivideo{height: auto;}
    .i-about-box{padding: 2rem 1rem; margin-top: 0;}
    .i-abb-tit{display: block; }
    .i-abb-tit .i-abb-tright{width: 100%;padding-top:0;}

    .i-abb-con{padding: 2rem 0 0 0; display: block; margin-top: 0;}
    .i-abb-con:after{width: 0;}
    .i-abb-con .i-abb-cleft{width: 100%;}
    .i-abb-con .i-abb-cright{width: 100%; padding-top: 2rem;}
    .i-abb-con .i-abb-cright h3{font-size: 18px; color: #272727;}
    .i-abb-con .i-abb-cright .txt{color: #888;}
    .ab-more{margin-top: 1rem; float: right;margin-right: 20px; background-color: #004d9c;}
    .ab-more i{color: #FFF;}

    .i-factory-box{padding: 2rem 1rem;}
    .i-f-wrap ul li{display: block;}
    .i-f-wrap ul li .left{width: 100%; display: block;}
    .i-f-wrap ul li .left:after{width: 0;}
    .i-f-wrap ul li .left .zleft{width: 100%;}
    .i-f-wrap ul li .left .zright{width: 100%; padding-top: 1.5rem;}
    .i-f-wrap ul li .left .zright h3{font-size: 18px; color: #272727;}
    .i-f-wrap ul li .left .zright .txt{color: #888;}
    .i-f-wrap ul li .left .zright .btm{padding-bottom: 20px;}
    .i-news-txt{display: block; padding: 0;}
    .i-news-box h3{font-size: 20px;}
    .i-news-txt li{width: 100%; margin-left: 0; margin-top: 2rem; box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2);}
    .i-news-txt li .txt{padding-left: 14px;}

    .i-news-more{padding-top: 2rem;}

    .zab-intro{padding-bottom: 3rem;}
    .zab-intro-box{width: auto; padding: 0 1rem; background-color: inherit;}
    .zab-intro-box .zab-intro-btop{padding: 2rem 1rem;z-index: 1; background-color: rgba(2, 71, 143, .7); width: 86%; margin: 0 auto;}
    .zab-intro-box .zab-intro-btop h3{font-size: 20px; padding-bottom: 1rem;}
    .zab-intro-box .zab-intro-btop p{width: 100%;}
    .zab-intro-box .zab-intro-btop .line{margin: 2rem 0;}
    .zab-intro-box .img{left: 1rem; top: -10%; width: 92%; right: inherit; z-index: 0;}
    .zab-intro-bbtm{z-index: 1; position: relative; padding: 2rem 4rem;font-size: 16px;width: 58%; margin: 0 auto;}

    .zab-course-box{padding: 0 1rem}
    .zab-c-listbox{padding-left: 0; width: 20%; height: 300px;}
    .zab-c-listbox ul li{font-size: 20px;}
    .zab-course-cn{width: 70%; height: 300px;}

    .zab-controller{padding-top: 2rem;}
    .zab-controller-box{padding: 0 1rem;}
    .zab-controller-box h3{font-size: 20px;}
    .zab-controller-list{display: block; padding: 2rem 0;}
    .zab-controller-list li{width: 100%; margin-bottom: 20px; margin-left: 0;}

    .zab-custom-box{width: auto; padding: 0 1rem;}
    .zab-custom-box h3{font-size: 20px;}
    .zab-custom-map{padding: 1rem 0 0 0; width: 100%;}

    .zinte-intro{width: auto; padding: 3rem 1rem;}
    .zinte-intro-box{display: block;}
    .zinte-intro-box h3{font-size: 20px; padding-bottom: 2rem;}
    .zinte-intro-box .zinte-ib-right{width: 100%; padding-bottom: 2rem;}

    .zinte-ahead{padding: 3rem 0 0 0;}
    .zinte-ahead-top{padding: 0 1rem; display: block;}
    .zinte-ahead-top .zinte-t-left{font-size: 20px; padding-bottom: 2rem;}
    .zinte-ahead-top .zinte-t-right{width: 100%;}
    .zinte-ahead-middle{padding: 2rem 1rem; text-align: center; height: inherit; flex-wrap: wrap; flex: 2;}
    .zinte-ahead-m-list{width: calc(100% / 2 - 10px);padding: 1.6rem 0; margin-left: 20px; margin-bottom: 25px; box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.2);}
    .zinte-ahead-m-list:nth-child(2n+1){margin-left: 0;}
    .zinte-ahead-m-list .img img{width: 70px;}
    .zinte-ahead-m-list h3{font-size: 18px;}


    .zinte-policy-wrap{display: block;}
    .zinte-policy-wrap .txt{width: 100%;}
    .zinte-policy-wrap .txt .txt-box{padding: 3rem 0 0 0;}
    .zinte-policy-wrap .txt .txt-list{padding-bottom: 2rem;}
    .zinte-policy-wrap .txt .txt-list h3{font-size: 18px;}
    .zinte-policy-wrap .img span{font-size: 18px;}
    .zinte-policy-wrap .img{width: 100%;}
    .zinte-policy-box{height: auto;}
    .zinte-policy-wrap{position: inherit; top: inherit;}
    .zinte-intro-btm .left{width: 100%;}

    .zinn-intro{width: auto; padding: 3rem 1rem 0 1rem;}
    .zinn-intro-box h3{font-size: 20px;}
    .zinn-honnor-wrap{display: block;}
    .zinn-honnor-wrap .txt{width: 100%;}
    .zinn-honnor-wrap .txt .txt-box{padding: 3rem 0 0 0}
    .zinn-honnor-wrap .img{width: 100%;}
    .zinn-honnor-wrap .txt .txt-list{padding-left: 16%;}
    .zinn-honnor-wrap .txt .txt-list h3{font-size: 28px;}
    .zinn-acch-top{display: block;}
    .zinn-acch-top li{width: 100%; margin-left: 0; margin-bottom: 20px;}
    .zinn-acch-top li .subtit{padding: 0 3rem 0 4rem;}
    .zinn-acch-top li .tit{padding: 0 3rem 0 4rem;}
    .zinn-acch-btm{display: block;}
    .zinn-acch-btm li{width: 100%; margin-left: 0; margin-bottom: 20px;}
    .zinn-acch-btm li .subtit{padding: 0 3rem 0 4rem;}
    .zinn-acch-btm li .tit{padding: 0 3rem 0 4rem;}

    .zinn-test-box{display: block;padding: 0 1rem;}
    .zinn-test-box h3{font-size: 20px; padding-bottom: 2rem;}
    .zinn-test-box .right{width: 100%;}
    .zinn-test-list{display: flex; padding: 3rem 1rem 1rem; flex-wrap: wrap; flex: 2;}
    .zinn-test-list li{width: calc(100% / 2 - 10px); margin-left: 20px; margin-bottom: 20px;}
    .zinn-test-list li:nth-child(2n+1){margin-left: 0;}
    .zinn-test-list li:nth-child(3){background-color: rgba(2, 71, 143, .1);}
    .zinn-test-list li:nth-child(4){background-color: #FFF;}
    .zinn-test-list li:nth-child(5){background-color: #FFF;}
    .zinn-test{padding: 3rem 0 2rem 0}

    .zhonn-honnor{padding-top: 0;}
    .zhonn-intro{width: auto; padding: 3rem 1rem 0 1rem;}
    .zhonn-intro-box h3{font-size: 20px;}

    .zhonn-honnor-box{padding: 0 1rem;}
    .zhonn-honnor h3{font-size: 20px; padding-top: 2rem;}
    .zhonn-honnor-wrap{height: auto;background-color: inherit; margin-top: 2rem;}
    .zhonn-h-list{display: block; position: inherit; top: inherit;}
    .zhonn-h-list li{width: 100%; margin: 0 0 20px 0; padding: 0;}
    .zhonn-h-list li p{padding: 15px 0 10px; color: #272727;}
    .zhonn-h-list li .img{width: 85%; margin: 0 auto;}
    .zhonn-h-list li .img:after{right: -10px;}

    .mryu .swiper-pagination{bottom: 0!important;}

    .znews-intro{padding-top: 0;}
    .znews-intro-list-con{display: block; padding: 2rem 0;}
    .znews-intro-list{width: auto; padding: 0 1rem;}
    .znews-intro-list-con .thumb{width: 100%; margin-bottom: 2rem;}
    .znews-intro-list-con .detail{width: 100%;}
    .znews-intro-list-con .detail .more{padding-top: 2rem;}
    .zcul-xanp ul li.swiper-slide.swiper-slide-active .img{width: 85%; margin: 0 auto;}

    .zcul-intro{width: auto; padding: 3rem 1rem;}
    .zcul-intro h3{font-size: 20px; padding-bottom: 2rem;}
    .zcul-lnian h3{font-size: 20px; padding-bottom: 2rem; padding-left: 1rem;}
    .zcul-xanp{height: auto;}
    .zcul-xanp ul{padding: 0;}
    .zcul-xanp ul li.swiper-slide.swiper-slide-active .txt{left: 10px; background-color: rgba(0, 77, 156, .8);}
    .zcul-xanp ul li .txt h2{padding: 10px 0 5px 10px; color: #FFF;}

    .zcul-college{padding: 3rem 0;}
    .zcul-college-box{display: block; width: auto; padding: 0 1rem;}
    .zcul-college-box:before{width: 0;}
    .zcul-college .img{width: 100%; padding-bottom: 3rem;}
    .zcul-college .con{width: 100%;}
    .zcul-college .con h3{padding-bottom: 2rem; font-size: 20px; color: #272727;border-bottom: 2px solid rgba(0, 0, 0, .2);}
    .zcul-college .desc{color: #888;}


    .zcul-activity h3{font-size: 20px; padding: 0 1rem 2rem 1rem;}
    .zcul-activity-box .link-list{display: block; padding: 0 1rem;}
    .zcul-activity-box .link-list a{width: 100%;margin-right: 0;box-shadow: 0 4px 12px 0px rgba(0,0,0,.3);-webkit-box-shadow:0 4px 12px 0px rgba(0,0,0,.3);}
    .zcul-activity-box .link-list .txt{padding: 20px 15px;}
    .zcul-activity-box .link-list .time-more{padding: 0 15px 15px}

    .zcul-activity.zcul-activity1{padding-top: 1rem;}

    .zcon-intro{width: auto; padding: 3rem 1rem;}
    .zcon-intro h3{font-size: 20px;}
    .zcon-con{padding-bottom: 5rem;}
    .zcon-con .zcon-con-box{position: inherit; top: 0; padding-top: 2rem;}
    .zcon-con .zcon-con-box ul{display: block;}
    .zcon-con .zcon-con-box ul li{padding-bottom: 20px;}

    .znews-intro-box{display: block; padding: 2rem 1rem;}
    .znews-intro-box .left{width: 100%;}
    .znews-intro-box .right{width: 100%; padding-top: 2rem;}

    .znews-intro-list-con .detail .desc{border-bottom: 0; padding-top: 2rem; padding-bottom: 0;}
    .innovate-auth ul li{width: 250px; height: 358px;}

    .zcon-intro .map #map{height: 350px;}

    .znews-intro-box .right .detail img{width: 100%;}

    .footer{height: auto;}
    .footer-wrap{margin-top: 1rem; width: auto;padding: 2rem 1rem 0 1rem; background: linear-gradient(to bottom, rgba(0,58,122, 0) 50%, rgba(0,58,122, 1) 50%);}
    .footer-wrap .fw-left{width: 30%; float: right;}
    .footer-wrap .fw-left .flogo{width: 100px; margin-top: -10px;}
    .footer-wrap .fw-right ul li:last-child{width: 100%;}
    .footer-wrap .fw-right{width: 70%; float: left; padding-bottom: 10px;}
    .footer-btm{background-color: #003a7a; color: rgba(255, 255, 255, .7); padding: 10px 1rem; text-align: center;}
}