*{margin: 0;padding: 0;box-sizing: border-box;border-radius: 0;border: 0;outline: none;/* vertical-align: middle; */}
div,p,figure,img,ul,li{margin: 0;}
ul,li,ol{list-style: none;}a{text-decoration: none;color: #000;}img{border: 0;}
table,th,td,tr{border-collapse:collapse;border: 1px solid #ddd;line-height: 1.5;padding: 10px;}
input,textarea,select,button{outline: none;resize: none;} input:focus,textarea:focus,select:focus,button:focus{outline: none;}
iframe,video{display: block;width: 100%;height: auto;border: 0;margin: 0 auto;}
html,body{width: 100%;/* min-width: 1263px; */position: relative;}

.f_le{float: left;} .f_ri{float: right;} .clearfix:after{content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;} .p_re{position: relative;} .p_ab{position: absolute;}
/* --------------- */
.flexbox-x1{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.flexbox-x2{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;}
.flexbox-x3{display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.flexbox-y1{display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;-webkit-justify-content: center;justify-content: center;}
.flexbox-y2{display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;-webkit-justify-content: flex-end;justify-content: flex-end;}
/* 横向 单行 多列 有高 */
.flexbox-z1{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} /* 子元素居中 */
.flexbox-z2{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} /* 子元素居底 */
.flex-wrap{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
/* --------------- */
.column{column-width:300px;-moz-column-width:300px;-webkit-column-width:300px;column-count:; /* 列数 */column-gap:; /* 列间距 */column-rule:; /* 分隔线 */}
.txthide{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.txthide2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.txthide3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.pic{width: 100%;overflow: hidden;position: relative;display: block;}
.pic figure{padding-top: 75%;overflow: hidden;position: relative;}
.pic figure img{display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}
.swiper-button-prev:focus,.swiper-button-next:focus,.swiper-button-prev:after:focus,.swiper-button-next:after:focus{outline: none!important;}

/* wrapper */
.wrapper{width: 1372px;margin: 0 auto;}

/* header */
.header{width: 100%;background-image: linear-gradient(to right, #fff 50% ,  #213391 50%);position: relative;z-index: 5;}
.header .logo{display: block;width: 27.083%;height: 120px;overflow: hidden;display: flex;justify-content: flex-end;float: left;padding:0 20px 0 45px;}
.header .logo h1{display: none;}
.header .logo img{display: block;max-width: 100%;width: 385px;height: auto;margin: auto 0;}
.nav{width: 72.916%;float: right;background: url(../images/bj01.jpg) left top no-repeat #213391;padding-left: 70px;}
.nav a{display: block;color: #fff;font-size: 25px;font-weight: bold;line-height: 120px;margin-right: 45px;position: relative;}
.nav a:last-child{margin-right: 0;}
.nav a:after,.nav a.act:after{content: '';width: 0;height: 3px;background: #fff;margin: 0 auto;position: absolute;bottom: 1px;left: 0;right: 0;transition: .5s;}
.nav a:hover:after,.nav a.act:after{width: 100%;}
.edition{position: absolute;top: 20px;right: 2.345%;z-index: 3;}
.edition a{display: block;float: left;color: #fff;background: #213391;border: 1px solid #fff;margin-right: 1px;border-radius: 1px;padding: 0 15px;font-size: 16px;line-height: 20px;transition: .3s;}
.edition a:hover,.edition a.act{background: #fff;color: #213391;}
.header1{display: none;width: 100%;background: #fff;position: relative;z-index: 5;}
.header1 .edition{height: 20px;top: 40px;right: 85px;}
.header1 .edition a{background: #fff;border-color: #213391;color: #213391;}
.header1 .edition a:hover,.header1 .edition a.act{background: #213391;color: #fff;}
.header1 .navbar{padding-top: 15px;padding-bottom: 15px;}
.header1 .navbar-brand img{height: 60px;}
.header1 .navbar .navbar-toggler{background: #fff;}
.header1 .navbar .navbar-toggler:focus{box-shadow: none;}
.header1 .navbar .navbar-collapse{background: #fff;padding: 20px 0 10px;font-size: 18px;text-align: center;line-height: 2;}

/* footer */
.footer{width: 100%;background: #30318b;padding: 45px 0;}
.footer .f-box{width: 49%;float: left;margin-right: 2%;}
.footer .f-box:nth-child(2){margin-right: 0;}
.footer p{font-size: 25px;color: #fff;line-height: 1.5;margin: 5px 0;}
.footer a,.footer a:hover{color: #fff;}
.footer a:hover{text-decoration: underline;}
.footer2{display: none;}

/* banner */
.banner{width: 100%;position: relative;overflow: hidden;}
.banner .swiper-wrapper{transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;}
.banner img{width: 100%;display: block;}
.banner .swiper-pagination{position: absolute;bottom: 45px;}
.banner .swiper-pagination-bullet{width: 20px;height: 20px;opacity: 1;background: #bdbdc1;margin: 0 15px!important;}
.banner .swiper-pagination-bullet-active{opacity: 1;background: #30318b;}

/* home titBox */
.n-titBox{text-align: center;border-bottom: 1px solid #c4c3c3;padding-bottom: 25px;line-height: 1.2;position: relative;z-index: 0;margin-bottom: 50px;}
.n-titBox .title{font-size: 45px;font-weight: initial;color: #000;}
.n-titBox .ftitle{font-size: 18px;color: #434242;text-transform: uppercase;}
.n-titBox .line{display: block;width: 52px;height: 7px;background: #30318b;position: absolute;left: 0;right: 0;bottom: -4px;margin: 0 auto;}
.n-more{text-align: center;margin-top: 45px;}
.n-more a{display: inline-block;font-size: 26px;color: #3e3a39;border-radius: 30px;border: 2px solid #3e3a39;padding: 0 40px;line-height: 48px;}

/* home about */
.n-about{width: 100%;background: #e3e4ee;padding: 80px 0 100px;}
.n-about .cont{/*width: 50.656%;*/width: 100%;float: left;line-height: 1.8;}
.n-about .cont .tit{font-size: 30px;color: #222222;font-weight: bold;line-height: 1;margin-bottom: 15px;}
.n-about .cont .desc{font-size: 25px;text-align: justify;color: #5b5b5b;}
.n-about .tp{width: 45.918%;float: right;overflow: hidden;}
.n-about .pic figure{padding-top: 87.6%;}

/* home product */
.n-product{width: 100%;padding: 60px 0 70px;background: #e8eaf3;}
.n-product .n-more{margin-top: 0;}
.product-nav{width: 21.502%;float: left;background: #e3e3f3;}
.product-nav > .bt{display: block;text-align: center;background: #30318b;color: #fff;font-size: 28px;color: #ffffff;line-height: 3.75;}
.product-nav ul{padding: 0;margin: 0;}
.product-nav .pro-nav-box{user-select: none;}
.product-nav .pro-nav-box > li{border-bottom: 1px solid #b5b5b5;padding: 20px 45px;}
.product-nav .pro-nav-box > li:last-child{border: 0;}
.product-nav .pro-nav-box > li > span,.product-nav .pro-nav-box > li > a{display: block;width: 100%;font-size: 25px;line-height: 2.4;color: #30318b;}
.product-nav .pro-nav-box > li > span{position: relative;cursor: default;font-weight: bold;}
.product-nav .pro-nav-box span:after{content: '';width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 12px solid #30318b;margin: auto 0;position: absolute;top: 0;bottom: 0;right: 0;transition: .5s;}
.product-nav .pro-nav-son{display: none;}
.product-nav .pro-nav-son > li > span,.product-nav .pro-nav-son > li > a{display: block;font-size: 23px;color: #000000;line-height: 2.2;}
.product-nav .pro-nav-son > li > span{position: relative;cursor: default;font-weight: bold;}
.product-nav .pro-nav-son > li > span:after{border-left-color: #000000;}
.product-nav .pro-nav-grandson{display: none;}
.product-nav .pro-nav-grandson > li > a{display: block;font-size: 20px;color: #000000;line-height: 2.1;}
.product-nav .pro-nav-grandson > li > a:before{content: '·　';}
/* .product-nav .pro-nav-grandson > li > a:hover{color: #30318b;} */
.product-nav .pro-nav-grandson > li > a.active,.product-nav .pro-nav-son > li > a.active{font-weight: bold;}
.product-nav .pro-nav-box li.openSelect > ul{display: block;}
.product-nav .pro-nav-box li.openActive > span:after{transform: rotate(90deg);}
.product-cont{width: 74.854%;float: right;}
.product-cont ul{padding-left: 0;}
.product-cont .ppro-cont-box{}
.product-cont .pro-list{width: 32%;float: left;margin-right: 2%;margin-bottom: 30px;}
.product-cont .pro-list:nth-child(3n){margin-right: 0;}
.product-cont .pro-list .pic{transition: .5s;}
.product-cont .pro-list .pic figure{padding-top: 86.826%;}
.product-cont .pro-list .tit{text-align: center;font-size: 26px;line-height: 2.5;transition: .5s;}
.product-cont .pro-list:hover .pic{box-shadow: 10px 10px 5px rgba(0,0,0,.3);-webkit-transform: translateY(-10px);}
.product-cont .pro-list:hover .tit{color: #30318b;font-weight: bold;}
.n-product .product-cont .pro-cont-box{display: none;}

/* home news */
.n-news{width: 100%;background: #e3e4ee;padding: 50px 0 90px;display: none;}
.n-news .nn-list{width: 31.5%;float: left;margin-right: 2.75%;margin-bottom: 20px;}
.n-news .nn-list:nth-child(3n){margin-right: 0;}
.n-news .nn-list a{display: block;}
.n-news .nn-list .pic{transition: .5s;}
.n-news .nn-list .pic figure{padding-top: 60.92%;}
.n-news .nn-list .tit{display: block;font-size: 22px;color: #3e3a39;line-height: 1.5;margin-top: 25px;}
.n-news .nn-list:hover .pic{box-shadow: 5px 5px 10px rgba(0,0,0,.2);transform: translateY(-10px);}
.n-news .nn-list:hover .tit{color: #30318b;}

/* out */
.out{width: 100%;background: #e3e4ee;padding: 70px 0 100px;}
.out .n-titBox{margin-bottom: 70px;}
.article{font-size: 25px;color: #5b5b5b;line-height: 2;text-align: justify;}
.article img,.article iframe,.article video{max-width: 100%;}
.article table,.article th,.article td,.article tr{border-collapse:collapse;border: 1px solid rgba(0,0,0,.5);line-height: 1.5;padding: 10px;}

/* about */
.about .about-pic{display: block;width: 100%;margin-bottom: 40px;}
.about .about-tit{font-size: 30px;font-weight: bold;line-height: 1.5;margin-bottom: 20px;color: #222222;}

/* honor */
.honor .h-list{display: block;width: 33%;float: left;margin-right: 0.5%;}
.honor .h-list:nth-child(3n){margin-right: 0;}
.honor .h-list .pic{border-radius: 5px;overflow: hidden;transition: .5s;}
.honor .h-list .pic figure{padding-top: 134.945%;}
.honor .h-list .tit{font-size: 26px;text-align: center;color: #000000;line-height: 3.5;font-weight: bold;transition: .5s;}
.honor .h-list:hover .pic{box-shadow: 5px 5px 10px rgba(0,0,0,.2);transform: translateY(-10px);}
.honor .h-list:hover .tit{color: #30318b;}

/* equipment */
.equipment .e-list{display: block;float: left;margin-right: 2.75%;width: 31.5%;margin-bottom: 30px;}
.equipment .e-list:nth-child(1){width: 48.625%;}
.equipment .e-list:nth-child(2){width: 48.625%;}
.equipment .e-list:nth-child(2),.equipment .e-list:nth-child(5){margin-right: 0;}
.equipment .e-list .pic{transition: .5s;}
.equipment .e-list .pic figure{padding-top: 88%;}
.equipment .e-list:nth-child(1) .pic figure,.equipment .e-list:nth-child(2) .pic figure{padding-top: 50%;}
.equipment .e-list:hover .pic{box-shadow: 5px 5px 10px rgba(0,0,0,.2);transform: translateY(-10px);}

/* news */
.news .picNews{width: 43.732%;float: left;overflow: hidden;position: relative;z-index: 0;margin-bottom: 90px;}
.news .picNews .swiper-pagination{position: absolute;bottom: 10px;width: 130px;left: unset;right: 0;}
.news .picNews .swiper-pagination-bullet{width: 15px;height: 15px;opacity: 1;background: #bdbdc1;margin: 0 10px!important;}
.news .picNews .swiper-pagination-bullet-active{opacity: 1;background: #30318b;}
.news .picNews a{display: block;width: 100%;position: relative;}
.news .picNews .pic figure{padding-top: 60.92%;}
.news .picNews .tit{background-image: linear-gradient(rgba(0,0,0,0) , rgba(0,0,0,.8));font-size: 22px;color: #fff;line-height: 1.5;position: absolute;bottom: 0;left: 0;right: 0;padding: 15px 150px 15px 15px;}
.news .hotNews{width: 53.571%;float: right;margin-bottom: 90px;}
.news .hotNews .hn-bt{display: block;font-size: 20px;color: #30318b;font-weight: bold;line-height: 1;padding-bottom: 10px;position: relative;}
.news .hotNews .hn-bt em{display: block;position: absolute;bottom: 0;height: 2px;}
.news .hotNews .hn-bt em.line1{background: #30318b;left: 0;width: 40%;}
.news .hotNews .hn-bt em.line2{background: #b5b5b5;right: 0;width: 59.333%;}
.news .hotNews .hn-list{display: block;margin-top: 25px;line-height: 1.4;}
.news .hotNews .hn-list .time{font-size: 15px;color: #757575;}
.news .hotNews .hn-list .tit{font-size: 24px;color: #30318b;font-weight: bold;}
.news .hotNews .hn-list .desc{font-size: 16px;color: #5b5b5b;}
.news .newsList{width: 100%;}
.news .newsList .ne-list{display: block;border-bottom: 1px solid #b5b5b5;line-height: 80px;margin-bottom: 20px;}
.news .newsList .tit{width: 70%;float: left;font-size: 25px;color: #5b5b5b;transition: .5s;}
.news .newsList .time{float: right;display: block;font-size: 20px;color: #757575;}
.news .newsList .ne-list:hover .tit{color: #30318b;}

/* recruit */
.recruit .newsList .ne-list{border-style: dashed;}

/* contacnt */
.contacnt .map{display: block;width: 100%;margin-bottom: 40px;}
.contacnt .cont p{width: 50%;float: left;font-size: 28px;color: #000000;line-height: 1.5;margin-bottom: 10px;}

/*content*/
.content .about-tit{text-align: center;line-height: 1.5;}

/* 上下页 */
.m-clips{margin: 60px 0 0;font-size: 16px;color: #000;line-height: 2;border-top: 1px solid rgba(0,0,0,.5);padding-top: 45px;}
.m-clips a{color: #000;line-height: 2;}


/*效果  hover滑动效果*/
/* animation-name:fadeInUp;animation-delay: 0.1s; */
.y{box-shadow: 5px 5px 10px #535c8c;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}
.r{transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);box-shadow: 5px 5px 10px #888;}
.x{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);transform-origin: left center;}
.c{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);}
@media screen and (max-width: 1360px) {}