*{margin: 0;padding: 0;box-sizing: border-box;/* font-family: 'Source Han Sans CN','Source Han Serif SC'; */}
header,footer,nav,div,p,span,b,a,input,textarea,ul,li{margin: 0;padding: 0;}
ul li{list-style: none;}
a{text-decoration: none;color: #000;}
table {border-collapse:collapse;}table,th, td{border: 1px solid #ddd;line-height: 30px;padding: 10px;}
input{outline: none;}
textarea{resize: none;outline: none;}
iframe{display: block;width: 800px;height: 600px;border: 0;margin: 0 auto;}
html,body{min-width: 1230px;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-wrap2{-webkit-flex-wrap: wrap;flex-wrap: wrap;} /* 多行 超出换行 */
/* --------------- */
.column{column-width:300px;-moz-column-width:300px; /* Firefox */-webkit-column-width:300px; /* Safari and Chrome */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: 300px;overflow: hidden;position: relative;}
.pic figure{padding-top: 75%;}
.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%);}

/*wrapper*/
.wrapper{width: 1400px;margin: 0 auto;}
@media screen and (max-width: 1440px){
	.wrapper{width: 1200px;}
}

/* header */
.header{position: absolute;position: absolute;top: 0;left: 0;right: 0;z-index: 3;}
.header .logo{float: left;color: #fff;display: block;line-height: 85px;}
.header .logo img{display: inline-block;height: 33px;vertical-align: middle;}
.header .logo h1{font-size: 22px;display: none;}
.header .nav{float: right;}
.header .nav a{display: block;font-size: 16px;float: left;margin-right: 50px;color: #fff;line-height: 85px;position: relative;}
.header .nav a:after{content: '';display: block;width: 0;height: 2px;background: #fff;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 10px;transition: .5s;}
.header .nav a:hover:after,.header .nav a.active:after{width: 100%;}

.zy-qh{float: right;border: 1px solid #fff;border-radius: 30px;line-height: 25px;overflow: hidden;text-align: center;margin-top: 29px;}
.zy-qh a{display: block;float: left;font-size: 14px;color: #fff;padding: 0 10px;}
.zy-qh a.act{background: rgba(255,255,255,.1);}
@media screen and (max-width: 1440px) {
	.header .nav a{margin-right: 35px;}
	.zy-qh{margin-top: 33px;}
	.zy-qh a{font-size: 12px;line-height: 20px;}
}

/* footer */
.footer{width: 100%;background: #122742;padding-top: 70px;border-bottom: 1px solid #283a51;}
.footer .box1{overflow: hidden;}
.footer .foot-logo{display: block;float: left;width: 240px;}
.footer .foot-logo img{display: block;width: 100%;}
.footer .foot-nav{float: right;}
.footer .foot-nav a{display: block;font-size: 16px;color: #fff;line-height: 33px;margin-left: 56px;float: left;}
.footer .box2{padding: 45px 0;overflow: hidden;}
.footer .box2 .text{float: left;width: 21.429%;color: rgba(255,255,255,.42);line-height: 25px;font-size: 14px;padding-top: 15px;}
.footer .box2 .qrcode{width: 105px;height: 105px;background: #fff;float: right;}
.footer .box2 .qrcode img{display: block;width: 100%;height: 100%;}

.footer .friendship{float: right;width: 800px;margin-top: -10px;}
.footer .friendship .bt{font-size: 16px;color: #fff;line-height: 1;font-weight: bold;}
.footer .friendship a{display: block;float: left;background: #fff;color: #122742;width: 145px;text-align: center;line-height: 30px;font-size: 14px;margin: 20px 60px 0 0;}
.footer .friendship_en{width: 70%;}
.footer .friendship_en a{width: 32.5%;margin-right: 1.25%;}
.footer .friendship_en a:nth-child(3n){margin-right: 0;}

.copyright{width: 100%;background: #122742;padding: 30px 0;font-size: 14px;color: rgba(255,255,255,.42);line-height: 33px;}
.copyright a{color: rgba(255,255,255,.42);}
.copyright .ht{display: block;float: right;height: 35px;width: 225px;border: 1px solid #283a51;text-align: center;}
@media screen and (max-width: 1440px) {
	.footer .foot-nav a{margin-left: 45px;}
	.footer .friendship{width: 720px;}
	.footer .friendship_en{width: 70%;}
	.footer .friendship_en a{font-size: 12px;}
}

/*banner*/
.banner{width: 100%;position: relative;overflow: hidden;z-index: 0;}
.banner img{width: 100%;display: block;}

/* home titBox */
.n-titbox{width: 100%;position: relative;text-align: center;margin-bottom: 65px;animation-name: flipInX;}
.n-titbox .title{font-size: 37px;color: #383838;display: block;line-height: 1;font-weight: bold;}
.n-titbox em{display: block;width: 41.071%;height: 1px;background: #1666a4;position: absolute;top: 50%;}
.n-titbox em.line1{left: 0;}
.n-titbox em.line2{right: 0;}

/* home about */
.n-about{background: #122742;padding: 200px 0 80px;position: relative;overflow: hidden;}
.n-about .line{width: 47.656%;height: 90px;background: #2369be;position: absolute;top: 0;left: 0;}
.n-about .na-left{width: 46.786%;float: left;color: #fff;}
.n-about .na-right{width: 46.5%;float: right;}
.n-about .na-right img{display: block;width: 100%;}
.n-about .title{display: block;font-size: 37px;color: #ffffff;font-weight: bold;line-height: 1;margin-bottom: 45px;}
.n-about article{text-align: justify;font-size: 14px;line-height: 2;}
.n-about .gd{display: block;width: 78px;height: 16px;margin: 45px 0 0;transition: .5s;}
.n-about .gd img{display: block;width: 100%;}
.n-about .gd:hover{transform: translateX(5px);}

/* home product */
.n-product{width: 100%;padding: 100px 0 75px;}
.n-product .p_re{width: 100%;}
.n-product .pro-swiper{width: 100%;overflow: hidden;position: relative;background: #fff;}
.n-product .pro-swiper .swiper-slide{width: calc( (100% - 20px) / 3 );}
.n-product .pro-swiper .swiper-slide a{display: block;width: 100%;}
.n-product .pro-swiper .pic{width: 100%;}
.n-product .pro-swiper .pic figure{padding-top: 68.665%;}
.n-product .pro-swiper .tit{display: block;background: #efefef;font-size: 16px;color: #535353;font-weight: bold;line-height: 70px;text-align: center;padding: 0 10px;transition: .5s;}
.n-product .pro-swiper .swiper-slide:hover .tit{color: #2369be;}
.n-product .swiper-button-prev,.n-product .swiper-button-next{width: 69px;height: 67px;left: unset;margin: auto 0;top: 0;bottom: 70px;}
.n-product .swiper-button-prev:after,.n-product .swiper-button-next:after{display: none;}
.n-product .swiper-button-prev{background: url(../images/ico02.png) center center no-repeat;background-size: 100% 100%;right: 0;}
.n-product .swiper-button-next{background: url(../images/ico03.png) center center no-repeat;background-size: 100% 100%;right: -71px;}

/*home gk*/
.n-gk{padding: 50px 0 80px;}
.n-gk .n-titbox em{width: 37.071%;}
.n-gk .gk-nav{width: 100%;background: #929292;margin-bottom: 35px;}
.n-gk .gk-nav a{display: block;width: 50%;float: left;background: #929292;padding: 0 10px;line-height: 38px;text-align: center;font-size: 18px;color: #fff;position: relative;transition: .5s;}
.n-gk .gk-nav a:after{content: '';display: block;width: 0;height: 0;border-width: 9px 9px 0;border-style: solid;border-color: #929292 transparent transparent;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 0;z-index: -1;transition: .5s;}
.n-gk .gk-nav a:hover,.n-gk .gk-nav a.active{background: #2369be;}
.n-gk .gk-nav a:hover:after,.n-gk .gk-nav a.active:after{bottom: -9px;border-color: #2369be transparent transparent;}
.n-gk .gk-swiper{width: 100%;overflow: hidden;position: relative;padding: 40px 115px 85px;background: #f3f3f3;display: none;}
.n-gk .gk-swiper .swiper-slide{width: calc( (100% - 60px) / 3 );background: #e2e2e2;}
.n-gk .gk-swiper .swiper-slide a{display: block;width: 100%;}
.n-gk .gk-swiper .swiper-slide .pic{width: 100%;background: #e8e8e8;transition: .5s;}
.n-gk .gk-swiper .swiper-slide .pic figure{padding-top: 68.665%;}
.n-gk .gk-swiper .swiper-slide .tit{font-size: 16px;color: #646463;line-height: 60px;text-align: center;transition: .5s;}
.n-gk .gk-swiper .swiper-slide:hover .pic{box-shadow: -3px -3px 5px rgba(0,0,0,.1);}
.n-gk .gk-swiper .swiper-slide:hover .tit{color: #3c74ad;}
.n-gk .gk-swiper .swiper-button-prev,.n-gk .gk-swiper .swiper-button-next{width: 40px;height: 40px;}
.n-gk .gk-swiper .swiper-button-prev:after,.n-gk .gk-swiper .swiper-button-next:after{display: none;}
.n-gk .gk-swiper .swiper-button-prev{background: url(../images/ico02.jpg) center center no-repeat;background-size: 100% 100%;left: 30px;}
.n-gk .gk-swiper .swiper-button-next{background: url(../images/ico03.jpg) center center no-repeat;background-size: 100% 100%;right: 30px;}
.n-gk .gk-swiper .bj-left,.n-gk .gk-swiper .bj-right{width: 100px;height: 100%;background: #f3f3f3;position: absolute;top: 0;bottom: 0;z-index: 5;}
.n-gk .gk-swiper .bj-left{left: 0;}
.n-gk .gk-swiper .bj-right{right: 0;}

/* home news */
.n-news{width: 100%;background: #efefef;padding: 100px 0 90px;overflow: hidden;}
.n-news .list1{width: 51.071%;float: left;padding-top: 18px;}
.n-news .list1 a{display: block;}
.n-news .list1 .pic{display: block;width: 300px;float: left;overflow: hidden;}
.n-news .list1 .pic figure{padding-top: 66.667%;}
.n-news .list1 .cont{width: calc(100% - 325px);float: right;position: relative;}
.n-news .list1 .cont .tit{font-size: 14px;color: #535353;font-weight: bold;line-height: 25px;margin: 10px 0;transition: .5s;}
.n-news .list1 .cont .desc{font-size: 14px;color: #8a8a8a;text-align: justify;line-height: 25px;}
.n-news .list1 .time{line-height: 1;font-size: 22px;color: #8a8a8a;}
.n-news .list1 .gd{text-align: right;margin-top: 10px;}
.n-news .list1:hover .tit{color: #2369be;}
.n-news .nn-right{width: 43.929%;float: right;}
.n-news .list{width: 100%;border-bottom: 1px solid #e7e7e7;line-height: 55px;}
.n-news .list a{display: block;height: 100%;font-size: 14px;color: #535353;font-weight: bold;width: calc(100% - 120px);float: left;transition: .5s;}
.n-news .list span{display: block;float: right;height: 100%;font-size: 14px;color: #8a8a8a;}
.n-news .list:hover a{color: #15499a;}

/* out */
.out{padding: 170px 0 125px;position: relative;}
.out .line{width: 47.656%;height: 90px;background: #2369be;position: absolute;top: 0;left: 0;}
.article{font-size: 14px;color: #535353;text-align: justify;line-height: 2;}
.article img{max-width: 100%;}

/* about */
.about .box1{margin-top: 60px;}
.about .img{display: block;width: 62.571%;float: left;overflow: hidden;}
.about .img img{display: block;width: 100%;transition: .5s;}
.about .img:nth-child(2n){width: 36.786%;float: right;}
.about .img:hover img{transform: scale(1.1);}

/* honor */
.honor .list{width: 32.8%;float: left;margin: 0 0.8% 35px 0;transition: .5s;}
.honor .list:nth-child(3n){margin-right: 0;}
.honor .list a{display: block;width: 100%;}
.honor .list .pic{width: 100%;background: #8ca0c2;}
.honor .list .pic figure{padding-top: 75%;}
.honor .list .tit{font-size: 16px;background: #efefef;color: #646463;line-height: 70px;text-align: center;padding: 0 10px;transition: .5s;}
.honor .list:hover{box-shadow: 5px 5px 10px rgba(0,0,0,.15);}
.honor .list:hover .tit{color: #3c74ad;}

/* product */
.product .article{margin-bottom: 35px;}
.product .list{width: 32.8%;float: left;margin: 0 0.8% 35px 0;}
.product .list:nth-child(3n){margin-right: 0;}
.product .list a{display: block;width: 100%;}
.product .list .pic{width: 100%;background: #e8e8e8;transition: .5s;}
.product .list .pic figure{padding-top: 68.665%;}
.product .list .tit{font-size: 16px;background: #efefef;color: #646463;line-height: 70px;text-align: center;padding: 0 10px;transition: .5s;}
.product .list:hover{box-shadow: 5px 5px 10px rgba(0,0,0,.15);}
.product .list:hover .tit{color: #3c74ad;}

.gk .gk-nav{text-align: center;margin-bottom: 35px;}
.gk .gk-nav a{display: inline-block;background: #929292;line-height: 50px;padding: 0 20px;font-size: 18px;border-radius: 25px;margin: 0 10px;color: #fff;transition: .5s;}
.gk .gk-nav a:hover,.gk .gk-nav a.active{background: #2369be;}

/* news */
.news .list{width: 100%;float: left;border-bottom: 1px solid #ebebeb;transition: .5s;}
.news .list a{display: block;width: 100%;padding: 30px 0;}
.news .list .pic{width: 340px;float: left;}
.news .list .pic figure{padding-top: 60.058%;}
.news .list .cont{width: calc(100% - 485px);float: left;margin-left: 35px;padding-top: 25px;transition: .5s;}
.news .list .time{float: right;font-size: 18px;line-height: 1;color: #b5b5b5;}
.news .list .time .gd{display: block;width: 35px;height: 28px;margin-top: 55px;background: url(../images/ico10.jpg) top center no-repeat;background-size: 100% auto;transition: .5s;}
.news .list .tit{font-size: 16px;margin-bottom: 15px;color: #303030;line-height: 25px;}
.news .list .desc{font-size: 14px;line-height: 25px;text-align: justify;color: #888888;}
.news .list:hover{border-color: #2369be;}
.news .list:hover .tit{color: #2369be;}

/* contact */
.contact .map{width: 62.5%;float: left;height: 425px;border: 2px solid #58c5bf;background: #ddd;margin-left: 2.5%;}
.contact .map iframe{display: block;width: 100%;height: 100%;border: 0;}
.contact .cont{width: 29.286%;float: right;font-size: 18px;color: #3a3a40;line-height: 38px;}

/*content*/
.content .c-title{font-size: 20px;color: #3a3a40;line-height: 1.5;text-align: center;}
.content .c-time{font-size: 14px;color: #3a3a40;line-height: 1.5;text-align: center;}
.content .article{margin-top: 25px;}

/* 上下页 */
.m-clips{margin: 60px 0 0;font-size: 16px;color: #3a3a40;line-height: 2;border-top: 1px solid #dcdcdc;padding-top: 45px;}
.m-clips a{color: #3a3a40;line-height: 2;}


/*header_en*/
.header_en .logo{}
.header_en .logo h1{display: block;font-size: 22px;}
.header_en .nav{width: 100%;}
.header_en .nav a{margin: 0;line-height: 1;padding-bottom: 20px;}
.header_en .nav a:after{bottom: 0;}

/*footer*/
.footer_en .foot-logo{font-size: 20px;font-weight: bold;color: #fff;width: 100%;line-height: 1.5;}
.footer_en .foot-nav{width: 100%;margin-top: 20px;}
.footer_en .foot-nav a{margin: 0;line-height: 1.5;}

.n-titbox1 em{width: 36.071%;}
.n-gk .n-titbox1 em{width: 30.071%;}

.out .n-titbox .title{display: inline-block;background: #fff;padding: 0 35px;position: relative;z-index: 2;}