*{margin: 0;padding: 0;box-sizing: border-box;border-radius: 0;border: 0;outline: none;/* vertical-align: middle; */}
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;}
img{border: 0;}
html,body{min-width: 1263px;}

.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: 100%;overflow: hidden;position: relative;}
.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 */
.n-wrapper{width: 1600px;margin: 0 auto;}
.wrapper{width: 1200px;margin: 0 auto;}
@media screen and (max-width: 1680px) {
	.n-wrapper{width: 1400px;}
}
@media screen and (max-width: 1480px) {
	.n-wrapper{width: 1200px;}
}

/* header */
.header{width: 100%;overflow: hidden;background: url(../images/bj02.jpg) right center no-repeat #000000;}
.header .logo{display: block;height: 84px;line-height: 80px;background: url(../images/bj01.png) center center no-repeat;background-size: 100% 100%;margin: auto 0;padding: 0 3.125%;}
.header .logo img{display: inline-block;height: 51px;vertical-align: middle;}
.header .logo h1{display: none;}
.header .h-btn{display: block;width: 6.875%;height: 84px;margin: auto 0;background: url(../images/ico01.png) center center no-repeat;}
.header .nav{margin-right: 40px;}
.header .nav a{display: block;font-size: 16px;color: #ffffff;font-weight: bold;float: left;margin-right: 55px;line-height: 84px;position: relative;}
.header .nav a:last-child{margin-right: 0;}
.header .nav a:after{content: '';display: block;width: 0;height: 2px;background: #fff;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 0;transition: .5s;}
.header .nav a:hover:after,.header .nav a.active:after{width: 100%;}
@media screen and (max-width: 1480px) {
	.header .nav a{margin-right: 40px;}
}

/* footer */
.footer{width: 100%;background: url(../images/bj04.jpg) center center no-repeat;background-size: cover;padding: 38px 0 20px;color: #999ba8;font-size: 14px;}
.footer a{color: #999ba8;transition: .35s;}
.footer a:hover{color: #fff;}
.footer .f-box1{margin-bottom: 15px;}
.footer .logo{display: block;float: left;height: 51px;}
.footer .logo img{display: block;height: 100%;}
.footer .f-nav{float: right;}
.footer .f-nav a{display: block;font-size: 16px;color: #fff;line-height: 51px;float: left;margin-left: 50px;}
.footer .f-code{float: right;}
.footer .f-code img{display: block;width: 118px;height: 118px;background: #fff;float: right;}
.footer .f-code p{font-size: 14px;float: left;line-height: 18px;margin-top: 100px;margin-right: 10px;}
.footer .f-box2{width: 65%;float: left;}
.footer .f-item{float: left;border-right: 1px solid rgba(255,255,255,.22);padding-right: 55px;color: #fff;line-height: 1.5;min-height: 54px;margin: 20px 55px 20px 0;max-width: 406px;}
.footer .f-item:last-child{border-right: 0;margin-right: 0;padding-right: 0;}
.footer .f-item .f-txt1{font-size: 14px;}
.footer .f-item .f-txt2{display: block;font-size: 22px;}
@media screen and (max-width: 1480px) {
	.footer{font-size: 12px;}
	.footer .f-nav a{margin-left: 35px;}
	.footer .f-item{margin-right: 35px;padding-right: 35px;max-width: 336px;min-height: 48px;}
	.footer .f-item .f-txt1{font-size: 12px;}
	.footer .f-item .f-txt2{font-size: 20px;}
}

/* banner */
.banner{width: 100%;position: relative;overflow: hidden;}
.banner img{width: 100%;display: block;}
.banner .swiper-pagination{position: absolute;bottom: 30px;left: 0;right: 0;text-align: right;color: #ffffff;width: 1600px;margin: 0 auto;}
.banner .swiper-pagination .swiper-pagination-bullet{background: transparent;opacity: 1;width: 47px;height: 47px;border: 1px solid transparent;border-radius: 100%;text-align: center;line-height: 45px;font-size: 20px;position: relative;margin: 0 0 0 62px;}
.banner .swiper-pagination .swiper-pagination-bullet:after{content: '';display: block;width: 40px;height: 1px;background: #fff;position: absolute;top: 0;bottom: 0;left: 58px;margin: auto 0;}
.banner .swiper-pagination .swiper-pagination-bullet:last-child:after{display: none;}
.banner .swiper-pagination .swiper-pagination-bullet-active{border-color: #ffffff;font-size: 23px;}
@media screen and (max-width: 1680px) {
	.banner .swiper-pagination{width: 1400px;}
}
@media screen and (max-width: 1480px) {
	.banner .swiper-pagination{width: 1200px;}
}

/* home title */
.n-title{font-size: 46px;color: #232323;line-height: 1;font-weight: initial;}
@media screen and (max-width: 1680px) {
	.n-title{font-size: 43px;}
}
@media screen and (max-width: 1480px) {
	.n-title{font-size: 40px;}
}

/* home more */
.n-more{display: block;width: 164px;height: 46px;border: 2px solid #3e3e3e;text-align: center;line-height: 42px;font-size: 18px;color: #0e0e0e;position: relative;z-index: 1;transition: .5s;}
.n-more:after{content: '';display: block;width: 0;height: 100%;background: #3e3e3e;position: absolute;top: 0;bottom: 0;left: 0;z-index: -1;transition: .8s;}
.n-more:hover{color: #fff;}
.n-more:hover:after{width: 100%;}
@media screen and (max-width: 1480px) {
	.n-more{width: 154px;height: 40px;line-height: 36px;font-size: 16px;}
}

/* home news */
.n-news{width: 100%;padding: 90px 0 125px;}
.n-news .news-swiper{padding-top: 120px;width: 100%;overflow: hidden;position: relative;margin-top: 30px;}
.n-news .news-swiper .swiper-slide{width: calc( (100% - 150px) / 4 );}
.n-news .news-swiper .swiper-slide a{display: block;width: 100%;border-top: 1px solid #f0e8e8;position: relative;color: #000000;}
.n-news .news-swiper .tit{font-size: 20px;line-height: 55px;transition: .3s;}
.n-news .news-swiper .time{font-size: 18px;line-height: 1;}
.n-news .news-swiper .pic{margin-top: 40px;}
.n-news .news-swiper .pic figure{padding-top: 50.833%;}
.n-news .news-swiper .line{display: block;width: 0;height: 3px;background: #0066b3;position: absolute;left: 0;top: -1px;transition: 1s;}
.n-news .news-swiper a:hover .tit{font-size: 22px;}
.n-news .news-swiper a:hover .line{width: 100%;}
.n-news .news-swiper .swiper-button-prev,.n-news .news-swiper .swiper-button-next{margin: 0;width: 54px;height: 54px;background: #767676;top: 0;left: auto;}
.n-news .news-swiper .swiper-button-prev:after,.n-news .news-swiper .swiper-button-next:after{font-size: 26px;color: #fff;}
.n-news .news-swiper .swiper-button-prev{right: 64px;}
.n-news .news-swiper .swiper-button-next{right: 0;background: #0066b3;}
.n-news .news-swiper .nn-txt{max-width: 60%;position: absolute;left: 0;top: 0;font-size: 20px;color: #000000;line-height: 1.5;text-align: justify;}
@media screen and (max-width: 1480px) {
	.n-news .news-swiper .tit{font-size: 18px;}
	.n-news .news-swiper .time{font-size: 16px;}
	.n-news .news-swiper .pic{margin-top: 30px;}
	.n-news .news-swiper a:hover .tit{font-size: 20px;}
	.n-news .news-swiper .nn-txt{font-size: 18px;}
}

/* home about */
.n-about{width: 100%;background: url(../images/bj03.jpg) top center no-repeat;background-size: 100% auto;padding: 50px 0 115px;}
.n-about .n-title{color: #fff;}
.n-about .na-txt{font-size: 44px;color: #fff;line-height: 2;}
.n-about .na-box{background: #f8f8f8;margin-top: 30px;}
.n-about .tp{width: 50%;float: left;/* min-height: 465px; */}
.n-about .tp img{display: block;width: 100%;}
.n-about .cont{width: 50%;padding: 55px 3.125%;float: right;}
.n-about .na-tit{font-size: 46px;color: #0066b3;line-height: 1;margin-bottom: 30px;}
.n-about .na-desc{font-size: 16px;color: #000;text-align: justify;line-height: 2;}
.n-about .n-more{margin-top: 35px;}
@media screen and (max-width: 1680px) {
	.n-about .na-txt{font-size: 41px;}
	.n-about .na-tit{font-size: 43px;margin-bottom: 25px;}
}
@media screen and (max-width: 1480px) {
	.n-about .na-txt{font-size: 38px;}
	.n-about .na-box{margin-top: 20px;}
	.n-about .cont{padding-top: 45px;padding-bottom: 45px;}
	.n-about .na-tit{font-size: 40px;margin-bottom: 20px;}
	.n-about .na-desc{font-size: 14px;}
	.n-about .n-more{margin-top: 25px;}
}

/* home product */
.n-product{width: 100%;padding: 65px 0 0;position: relative;z-index: 1;}
.n-product .bj{width: 96.094%;margin: 0 auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;background: url(../images/bj05.png) left top repeat-x;background-size: auto 100%;border-radius: 25px 25px 0 0;}
.n-product .n-title{float: left;color: #ffffff;}
.n-product .n-more{float: right;color: #fff;border-color: #fff;}
.n-product .n-more:after{background: #fff;}
.n-product .n-more:hover{color: #0f6fb7;}
.n-product .np-box1{margin-top: 40px;position: relative;padding-top: 65px;background: url(../images/tit01.png) top right no-repeat;background-size: 68% auto;}
.n-product .list{display: block;width: 24.485%;margin-right: 0.687%;float: left;color: #333333;transition: .5s;}
.n-product .list:nth-child(4n){margin-right: 0;}
.n-product .list .pic{transition: .5s;}
.n-product .list .pic figure{padding-top: 73.469%;}
.n-product .list .cont{padding: 20px 0 25px;line-height: 1.5;}
.n-product .list .tit{font-size: 26px;font-weight: bold;}
.n-product .list .txt1{font-size: 18px;}
.n-product .list:hover{color: #0066b3;}
.n-product .list:hover .pic{box-shadow: 3px 3px 5px rgba(0,0,0,.15);}
@media screen and (max-width: 1480px) {
	.n-product .np-box1{margin-top: 30px;padding-top: 45px;}
	.n-product .list .tit{font-size: 23px;}
	.n-product .list .txt1{font-size: 16px;}
}
@media screen and (max-width: 1280px) {
	.n-product .bj{width: 98%;}
}

/* home contact */
.n-contact{width: 100%;padding: 75px 0 120px;}
.n-contact .map{width: 59.0625%;height: 360px;background: #ddd;float: left;overflow: hidden;}
.n-contact .map iframe{display: block;width: 100%;height: 100%;border: 0;}
.n-message{width: 40.9375%;height: 360px;background: url(../images/bj06.png) right bottom no-repeat #000000;float: right;padding: 50px 2.5% 20px;color: #fff;}
.n-message .nm-item{margin-bottom: 10px;}
.n-message .lab{display: block;width: 80px;float: left;text-align: right;font-size: 18px;line-height: 46px;}
.n-message .inp,.n-message .textarea{display: block;width: calc(100% - 95px);float: right;background: transparent;border: 1px solid rgba(255,255,255,.45);padding: 0 15px;font-size: 16px;color: #fff;font-family: 'Source Han Sans CN','Microsoft Yahei';}
.n-message .inp{height: 46px;}
.n-message .textarea{height: 96px;padding-top: 10px;padding-bottom: 10px;line-height: 1.5;}
.n-message .btn{display: block;width: 150px;height: 46px;background: #0066b3;color: #fff;font-size: 18px;border: 0;margin-left: 95px;cursor: pointer;transition: .5s;}
.n-message .btn:hover{background: #0274cb;}

/* crumbs */
.crumbs{width: 100%;background: #f5f5f5;height: 75px;overflow: hidden;position: relative;}
.m-crumb{font-size: 16px;color: #666666;max-width: 60%;overflow: hidden;line-height: 75px;}
.m-crumb a{color: #666666;}
.m-crumb a:hover,.m-crumb span{color: #0066b3;}

/* out */
.out{width: 100%;padding: 60px 0 80px;}
.title{text-align: center;font-size: 46px;color: #232323;font-weight: initial;line-height: 1;margin-bottom: 45px;}
.article{font-size: 18px;color: #000000;text-align: justify;line-height: 2;}
.article img{max-width: 100%;}
.article iframe,.article video{display: block;width: 800px;height: auto;margin: 15px auto;}
@media screen and (max-width: 1680px) {
	.title{font-size: 43px;}
}
@media screen and (max-width: 1480px) {
	.title{font-size: 40px;}
}

/* news */
.innav{text-align: center;margin-bottom: 40px;}
.innav a{display: inline-block;width: 150px;height: 50px;line-height: 48px;border: 1px solid #ddd;font-size: 20px;color: #333;margin: 0 10px;transition: .5s;}
.innav a:hover,.innav a.active{background: #0066b3;color: #fff;}
.news .list{width: 30.333%;float: left;margin: 0 4.5005% 65px 0;border-top: 1px solid #f0e8e8;position: relative;}
.news .list:nth-child(3n){margin-right: 0;}
.news .list a{display: block;width: 100%;color: #000000;}
.news .list .tit{font-size: 20px;line-height: 55px;transition: .3s;}
.news .list .time{font-size: 18px;line-height: 1;}
.news .list .pic{margin-top: 40px;}
.news .list .pic figure{padding-top: 50.833%;}
.news .list .line{display: block;width: 0;height: 3px;background: #0066b3;position: absolute;left: 0;top: -1px;transition: 1s;}
.news .list a:hover{color: #0066b3;}
.news .list a:hover .line{width: 100%;}

/* about */
.about .a-box{position: relative;margin-top: 55px;}
.about .a-box .article{width: 710px;background: #f5f5f5;min-height: 375px;padding: 35px 75px 35px 45px;}
.about .a-box .tp{width: 540px;position: absolute;bottom: 0;right: 0;transition: .5s;}
.about .a-box .tp img{display: block;width: 100%;}
.about .a-box:hover .tp{bottom: 10%;}

/* service */
.service .s-box{background: #f5f5f5;padding: 30px 30px 60px;margin-top: 30px;}
.service .s-box1{margin-top: 20px;}
.service .s-item{width: 31.718%;background: #fff;padding: 60px 15px 30px;text-align: center;transition: .5s;}
.service .s-item .ico{display: block;height: 45px;margin: 0 auto 30px;}
.service .s-item .txt1{color: #373737;line-height: 1.5;}
.service .s-item:hover{box-shadow: 5px 5px 10px rgba(0,0,0,.15);}

/* product */
.product .list{display: block;width: 32.611%;margin-right: 1.0835%;float: left;color: #333333;transition: .5s;}
.product .list:nth-child(3n){margin-right: 0;}
.product .list .pic{transition: .5s;}
.product .list .pic figure{padding-top: 73.469%;}
.product .list .cont{padding: 20px 0 25px;line-height: 1.5;height: 130px;}
.product .list .tit{font-size: 26px;font-weight: bold;}
.product .list .txt1{font-size: 18px;}
.product .list:hover{color: #0066b3;}
.product .list:hover .pic{box-shadow: 3px 3px 5px rgba(0,0,0,.15);}

/* sales */
.sales{}
.sales .s-box{min-height: 340px;background: #0066b3;margin-bottom: 40px;}
.sales .s-box .cont{width: 560px;color: #fff;padding: 30px 20px;}
.sales .s-box .map{width: 640px;background: #ddd;}
.sales .s-box .txt1{display: block;font-size: 32px;line-height: 1.3;text-align: justify;}
.sales .s-box .line{display: block;width: 50%;height: 1px;background: #fff;margin: 30px 0;}
.sales .s-box .text{font-size: 18px;text-align: justify;line-height: 2;}
.sales .s-box .txt2{display: block;width: 85px;padding-left: 26px;float: left;}
.sales .s-box .txt3{display: block;width: calc(100% - 85px);float: right;}
.sales .s-box .map iframe{width: 100%;height: 100%;border: 0;}

/* recruitment */
.recruitment .list{width: 49%;min-height: 348px;background: #fafafa;padding: 35px 30px;margin: 0 2% 30px 0;cursor: default;transition: .5s;}
.recruitment .list:nth-child(2n){margin-right: 0;}
.recruitment .list .r-head{color: #373737;line-height: 45px;margin-bottom: 15px;}
.recruitment .list .tit{display: block;font-size: 24px;padding-left: 25px;background: url(../images/ico02.png) left center no-repeat;}
.recruitment .list .r-head span{display: block;font-size: 18px;}
.recruitment .list .txt1{padding-left: 30px;background: url(../images/ico03.png) left center no-repeat;}
.recruitment .list .txt2{padding-left: 35px;background: url(../images/ico04.png) left center no-repeat;}
.recruitment .list .txt3{font-size: 20px;color: #202020;line-height: 2;}
.recruitment .list .article{color: #666666;font-size: 18px;}
.recruitment .list:hover{box-shadow: 5px 5px 10px rgba(0,0,0,.15);}

/* contact */
.contact .map{width: 100%;height: 435px;background: #ddd;overflow: hidden;}
.contact .map iframe{width: 100%;height: 100%;border: 0;}
.contact .c-box{background: url(../images/bj07.jpg) center center no-repeat;background-size: cover;padding: 230px 35px 35px;}
.contact .c-item{width: 31.718%;background: #fff;padding: 60px 15px 30px;text-align: center;transition: .5s;}
.contact .c-item .ico{display: block;height: 45px;margin: 0 auto 30px;}
.contact .c-item .txt1{color: #373737;line-height: 1.5;}
.contact .c-item:hover{box-shadow: 5px 5px 10px rgba(0,0,0,.15);}

/*content*/
.content .title2{font-size: 24px;text-align: center;color: #333;line-height: 1.5;margin-bottom: 35px;}

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