*{margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 0;border: 0;outline: none;/* vertical-align: middle; */ font-family: 'Source Han Sans CN';}
ul,li,ol{list-style: none;}
a{-webkit-text-decoration: none;text-decoration: none;color: inherit;}
img{border: 0;}
table{max-width: 100%;}
table,th,td,tr{border-collapse:collapse;border: 1px solid #dcdcdc;line-height: 1.5;padding: 10px;}
input,textarea,select,button{font-size: unset;outline: none;resize: none;} 
input:focus,textarea:focus,select:focus,button:focus{outline: none;}
iframe,video{display: block;max-width: 100%;height: auto;border: 0;margin: 0 auto;}
html,body{width: 100%;position: relative;font-size: 16px;line-height: 1.5;color: #000;background-color: #fff;}
@media only screen and (min-width:1920px ) { html{font-size: 100px!important;}}
@media only screen and (min-width:960px ) and (max-width:1285px ) { html{font-size: 66px!important;}}
/* 思源黑体 */
/* @font-face  {font-family:SourceHanSerifCN-H; src: url(SourceHanSansSC_Heavy.ttf);} */
/* 思源宋体 */
@font-face {font-family:SourceHanSerifCN-S;src: url(SourceHanSerifCN-Heavy-7.otf);}
/* 行文本 */
.txthide{overflow: hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space: nowrap;}
.txthide1{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:1; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden}
.txthide2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
.txthide3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
.txthide4{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:4; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
/* --公共样式-- */
.font-14{font-size: .14rem;}
@media only screen and (max-width: 1645px) {
	.font-14{font-size: 12px;}
}
.font-15{font-size: .15rem;}
@media only screen and (max-width: 1664px) {
	.font-15{font-size: 13px;}
}
.font-16{font-size: .16rem;}
@media only screen and (max-width: 1680px) {
	.font-16{font-size: 14px;}
}
.font-17{font-size: .17rem;}
@media only screen and (max-width: 1694px) {
	.font-17{font-size: 15px;}
}
.font-18{font-size: .18rem;}
@media only screen and (max-width: 1706px) {
	.font-18{font-size: 16px;}
}
.font-19{font-size: .19rem;}
@media only screen and (max-width: 1717px) {
	.font-19{font-size: 17px;}
}
.font-20{font-size: .20rem;}
@media only screen and (max-width: 1728px) {
	.font-20{font-size: 18px;}
}
.font-21{font-size: .21rem;}
@media only screen and (max-width: 1737px) {
	.font-21{font-size: 19px;}
}
.font-22{font-size: .22rem;}
@media only screen and (max-width: 1745px) {
	.font-22{font-size: 20px;}
}
.font-24{font-size: .24rem;}
@media only screen and (max-width: 1745px) {
	.font-24{font-size: 22px;}
}
.font-28{font-size: .28rem;}
@media only screen and (max-width: 1782px) {
	.font-28{font-size: 26px;}
}


/* 内容盒 */
.main_box{width: 100%;position: relative;background-color: #fff;}
/* 首页盒 - 内页盒 */
.P_wrapper {width: 100%;max-width: 1680px;min-width: 1263px;margin: 0 auto;padding: 0 40px;}
.P_wrapper.padding-TB{padding: calc(105px + .6rem) 40px 1.2rem;}



.P_more{display: block;width: 130px;color: #012ea1;text-align: center;line-height: 40px;border: 1px solid #012ea1;}
.P_more.back_bg{color: #fff;background-color: #000;}
.P_more.white{border-color: #fff;color: #fff;}



header {width: 100%;min-width: 1263px;height: 105px;background-color: #000b1fa9;position: absolute;top: 0;left: 0;z-index: 99;}
header .content{height: 100%;padding: 0 40px;}
header .logo img{display: block;max-width: 100%;height: .43rem;min-height: 30px;}
header .logo h1{width: 0;height: 0;overflow:hidden;}
header nav>ul>li{color: #fff;margin-right: .7rem;cursor: pointer;}
header nav>ul>li>a{display: block;line-height: 105px;position: relative;}
header nav>ul>li>a::after{display: block;content: '';width: 0;height: 4px;background-color: #0042e8;position: absolute;left: 0;right: 0;bottom: 1px;z-index: 2;margin: 0 auto;}
header nav>ul>li .sub_nav{display: none;width: 100%;color: #000000;background-color: #fff;padding: .65rem 0 .5rem;position: absolute;top: 104px;left: 0;z-index: 3;}
header nav>ul>li .sub_nav ul{display: grid;grid-template-columns: repeat(7 , 1fr);}
header nav>ul>li .sub_nav ul li{min-height: 3rem;padding: 0 .35rem;border-right: 1px solid #e8e8e8;}
header nav>ul>li .sub_nav .name{padding-bottom: .25rem;}
header nav>ul>li .sub_nav dd a{color: #999999;}
header nav>ul>li:hover>a::after{width: 100%;transition: .5s;}
header nav>ul>li:hover .sub_nav{animation: show .5s linear 1 ;display: block;opacity: 1;}
header nav>ul>li .sub_nav a:hover{text-decoration: underline;}
header .icon-menu{display: block;width: auto;height: .19rem;}



.banner{width: 100%;overflow: hidden;position: relative;}
.banner img{display: block;width: 100%;height: auto;}
.banner .bot{display: grid;grid-template-columns: 1fr auto 1fr;width: 100%;color: #fff;position: absolute;left: 0;bottom: .4rem;z-index: 10;}
.banner .bot .line{display: block;height: 1px;background-color: #ffffff33;}
.banner .bot .line.width{width: 1.6rem;}
.banner .bot .text{font-size: 12px;line-height: 1;padding: 0 .3rem;position: relative;}
.banner .bot .text::after{display: block;content: '';width: 1px ;height: 36px;background: linear-gradient(to bottom, #fff 50%, #ffffff80 50%);position: absolute;bottom: 30px;left: 50%;}
.banner .bot .btns{padding: 0 15px;}
.banner .bot .btns img{display: block;width: 8px;height: auto;cursor: pointer;}
.banner .bot .btns img.btn-prev{margin-right: 30px;}
.banner .swiper-page-num{width: auto;padding-left: 15px;}
.banner .pagination{margin: 0 5px;}
.banner .pagination .swiper-wrapper{transform: translate3d(0px, 0, 0)!important;}
.banner .pagination .swiper-slide{width: 50px;}
.banner .progress-circle {width: 50px;height: 50px;transform: rotate(-90deg);}
.banner .progress-circle  .circle {cx: 25px;cy: 25px;r: 17px;fill: none;stroke-width: 1px;}
.banner .progress-circle .act{stroke-dasharray: 0 110;}
.banner .swiper-slide-thumb-active .progress-circle .act{stroke:#fff;stroke-dasharray: 110 110;transition: stroke-dasharray 5s linear;}



/* 内页 */
.sub_colunm {line-height: 1;margin-bottom: .4rem;}
.sub_colunm .name{font-size: .52rem;color: #000;margin-bottom: .1rem;}
.sub_colunm .en{font-size: .4rem;color: #323232;}
.banner .sub_colunm{width: 100%;position: absolute;top: 50%;transform: translateY(-50%);z-index: 9;left: 0;}




.i-about{background: url(../images/about-i-bg.jpg)no-repeat center / cover;padding-top: 1.75rem;padding-right: calc(1.6rem);}
.i-about .img{display: block;width: 9.62rem;height: auto;}
.i-about section{color: #fff;padding-left: .75rem;}
.i-about section .art_name{font-size: .4rem;text-transform: uppercase;font-weight: bold;line-height: 1.1;margin-bottom: .4rem;}
.i-about section .web_name{font-size: .46rem;color: #2255d6;font-weight: bold;line-height: 1.1;margin-bottom: .25rem;}
.i-about section .desc{color: #a2aab9;text-align: justify;line-height: 2;letter-spacing: 2px;}
.i-about .P_more{color: #fff;border-color: #2c3e54;margin: .75rem 0;}



.i-market{padding: .6rem 0 1rem;}
.i-market .column{margin-bottom: .4rem;}
.i-market .column .en{color: #9d9d9d;}
.i-market .column .name{font-size: .48rem;color: #444444;line-height: 1.1;font-weight: bold;}
.i-market .column .intro{font-size: .24rem;color: #5a5a5a;text-align: right;line-height: 1.75;}
.i-market .content{height: 6.4rem;position: relative;}
.i-market .content .bg{width: 100%;height: 100%;background-color: #0f3e94aa;position: relative;overflow: hidden;z-index: 1;}
.i-market .content .bg img{display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;opacity: 0;transition: .5s;}
.i-market .content .bg .bg_act{opacity: 1;}
.i-market .content .list{width: 100%;height: 100%;color: #fff;position: absolute;top: 0;left: 0;z-index: 2;}
.i-market .list dd{height: 100%;border-right: 1px solid #ffffff45;transition: .5s;}
.i-market .list dd a{width: 100%;height: 100%;padding: .2rem;}
.i-market .list dd .icon{display: block;max-width: 100%;width: fit-content;height: .78rem;margin-bottom: .15rem;}
.i-market .list dd .title{font-size: .3rem;}
.i-market .list dd .arts{display: none;font-size: .24rem;text-align: center;margin: .25rem 0 .6rem;} 
.i-market .list dd .more{display: none;width: 1.7rem;line-height: .52rem;color: #0f3e94;background-color: #fff;padding: 0 .2rem;}
.i-market .list dd .more img{display: block;width: .25rem;height: auto;}
.i-market .list dd.act {flex: 1.5;background-color: #0f3e94c2;}
.i-market .list dd.act .icon , .i-market .list dd.act .title , .i-market .list dd.act .arts , .i-market .list dd.act .more{animation: show .5s linear 1 ;display: block;opacity: 1;}


@keyframes show{
	0%{opacity: 0;}
	100%{opacity: 1;}
}



.i-product{background: url(../images/product-bg.jpg)no-repeat center / cover;position: relative;}
.i-product::after{display: block;content: '';width: 4.86rem;height: 100%;background-color: #012EA1dc;position: absolute;left: 0;top: 0;}
.i-product .content{color: #fff;padding: 1rem 0 1.5rem;position: relative;z-index: 3;}
.i-product .top{margin-bottom: .4rem;}
.i-product .top .en{font-size: .46rem;font-weight: bold;text-transform: uppercase;}
.i-product .top .name{font-size: .48rem;font-weight: bold;line-height: 1.1;}
.i-product .top .P_more{border-color: #fff;color: #fff;}
.i-product .list{display: grid;grid-template-columns: repeat(4 , 1fr);grid-gap: .18rem;position: relative;overflow: hidden;}
.i-product .list .img{width: 100%;height: 3.45rem;overflow: hidden;}
.i-product .list .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.i-product .list .title{font-size: .26rem;text-align: center;padding-top: .3rem;}



/* 新闻中心 */
.i-news{padding: .75rem 0 .9rem;background-color: #e9f3fc;}
.i-news .P_item .name{font-size: 24px;color: #022888;}
.i-news .P_item .intro{font-size: .36rem;font-weight: bold;}
.i-news .box{padding-left: 1.6rem;margin-top: .6rem;}
.i-news .content{width: 100%;position: relative;overflow: hidden;}
.i-news .list dd{width:5rem;height: 6rem;background-color: #ffffff;position: relative;}
.i-news .list dd *{position: relative;z-index: 2;}
.i-news .list dd::after{display: block;content: '';width: 100%;height: 100%;background: url(../images/news-hover-bj.png)no-repeat center / cover;position: absolute;top: 0;left: 0;z-index: 1;opacity: 0;transition: .5s;}
.i-news .list dd a{height: 100%;padding: .5rem .44rem;}
.i-news .list dd .img{width: 100%;height: 2.05rem;overflow: hidden;margin-bottom: .25rem;}
.i-news .list dd .img img{display: block;width: 100%;height: 100%;object-fit: cover;transition: .5s;}
.i-news .list dd .txt{color: #6b6b6b;line-height: 1;margin-bottom: .2rem;}
.i-news .list dd .title{font-size: .24rem;color: #222222;line-height: 1.5;font-weight: bold;}
.i-news .list dd .bot{border-top: 1px solid #e8e8e8;margin-top: .4rem;padding-top: .4rem;}
.i-news .list dd .day{font-size: .6rem;line-height: 1;color: #0153a7;}
.i-news .list dd .time{color: #222222;line-height: 1;margin-bottom: .2rem;}
.i-news .list dd .icon{width:;height: 12px;overflow: hidden;}
.i-news .list dd .icon img{display: block;width:  fit-content;height: 100%;}
.i-news .list dd .icon .white{transform: translateY(-100%);opacity: 0;}
.i-news .list dd:hover .title , .i-news .list dd:hover .txt , .i-news .list dd:hover .desc ,.i-news .list dd:hover .day , .i-news .list dd:hover .time{color: #fff;}
.i-news .list dd:hover::after , .i-news .list dd:hover .icon .white{opacity: 1;} 
.i-news .list dd:hover .img {display: none;}
.i-news .list dd:hover .info{animation: show .5s linear 1 ;opacity: 1;}



footer{background: url(../images/footer-bg.jpg)no-repeat center / cover;position: relative;}
footer .content{color: #fff;padding: 50px 0 45px;}
footer .top{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #dfdfdf30;}
footer .top .logo{display: block;width: auto;height: .46rem}
footer .top nav a{display: block;margin-left: 45px;}
footer .top nav a:hover{text-decoration: underline;}
footer .f_contact {margin-bottom: 20px;}
footer .f_contact .hotline{line-height: 1.1;}
footer .f_contact .hotline .en{font-size: 15px;color: #ffffff5c;text-transform: uppercase;}
footer .f_contact .hotline .title{font-size: 16px;}
footer .f_contact .hotline .num{font-size: 40px;font-family: SourceHanSerifCN-S;margin-left: 20px;}
footer .f_contact .address {margin-left: 40px;line-height: 1.2;}
footer .f_contact .address .P_C_D{font-size: 20px;margin-bottom: 3px;}
footer .f_contact .address .text{font-size: 13px;font-weight: 100;}
footer .bottom .info{font-size: 13px;color: #999999;font-weight: 100;}
footer .bottom .info a{font-weight: 400;}
footer .qrcode img{display: block;width: 1.1rem;height: auto;}


.detail .title{font-size: 28px;font-weight: bold;color: #000000;text-align: center;margin-bottom: .3rem;}
.detail  article{padding: .3rem .75rem 0;line-height: 1.75;border-top: 1px solid #58595b;}
.detail  article img{max-width: 100%;}



.about{background: url(../images/about-bg.png)no-repeat bottom / 100% auto;padding: 1rem 0 2.8rem;}
.about .item__info{font-size: .4rem;color: #323232;}
.about .profile{margin-bottom: 1.2rem;}
.about .profile .left{width: 6.9rem;margin-right: .7rem;position: relative;}
.about .profile .left .img{display: block;max-width: auto;width: fit-content;height: auto;margin-top: .4rem;}
.about .profile .left .float{color: #022888;line-height: 1;text-align: right;position: absolute;right: 0;top: .9rem;padding-left: .6rem;padding-bottom: .3rem;border-bottom: 1px solid #e5e5e5;}
.about .profile .left .float .more{font-size: .44rem;}
.about .profile .left .float .year{font-size: 1.16rem;margin: .1rem 0;}
.about .profile .left .float .web_name{color: #323232;}
.about .profile .art{line-height: 2;}

.about .organize .img{padding: .4rem 0 0 1.6rem;}
.about .organize .img img{display: block;width: 100%;height: auto;}


.product-detail{padding: 1px 0 1.9rem;position: relative;z-index: 3;}
.product-detail .content{display: grid;grid-template-columns: 3.91rem 1fr;grid-column-gap: .6rem;align-items: flex-start;}
.product-detail .item_nav {color: #6c89b7;background: url(../images/product-itemNav-bg.jpg)no-repeat top / 100% auto #003281;padding: .6rem .4rem .4rem;margin-top: -.6rem;}
.product-detail .item_nav .channel_name{margin-bottom: .5rem;}
.product-detail .item_nav .col{padding-top: .1rem;padding-bottom: .2rem;border-bottom: 1px solid #345c9c;margin-bottom: .3rem;}
.product-detail .item_nav .col .name{color: #FFFFFF;}
.product-detail .item_nav ul{margin-bottom: .3rem;}
.product-detail .item_nav ul li a:hover , .product-detail .item_nav ul li a.act{color: #fff;}
.product-detail .item_nav .icon{width: 20px;height: 21px;background: url(../icons/icon-left-nav.png)no-repeat top / 100% 200%;}
.product-detail .item_nav .on .icon{background-position: center bottom;}
.product-detail  section{padding: .8rem 0 0;}
.product-detail article{padding: .3rem 0 0;}


.equipment .list{display: grid;grid-template-columns: repeat(4 , 1fr);grid-gap: .5rem .4rem;}
.equipment .list dd{background-color: #f4f4f4;}
.equipment dd a{display: block;}
.equipment dd .img{width: 100%;height: 2.88rem;overflow: hidden;}
.equipment dd .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.equipment dd .title{text-align: center;padding: .2rem;}


.news .list{display: grid;grid-template-columns: repeat(4 , 1fr);grid-gap: .5rem .4rem;}
.news .list dd{background-color: #f4f4f4;}
.news dd a{display: block;}
.news dd .text{padding: .4rem .3rem .35rem;}
.news dd .title{height: .57rem;min-height: 51px;}
.news dd .time{color: #6b6b6b;margin-top: .15rem;}
.news dd .icon{display: block;width: auto;height: 12px;margin-top: .5rem;}
.news dd .img{width: 100%;height: 2.35rem;overflow: hidden;}
.news dd .img img{display: block;width: 100%;height: 100%;object-fit: cover;}




.contact{overflow: hidden;}
.contact .info .right{display: grid;grid-template-columns: 1fr auto;padding-top: .4rem;max-width: 70%;}
.contact .right li{padding: 0 .4rem;}
.contact .right li:nth-child(odd){border-right: 1px solid #ebebeb;padding-bottom: .4rem;}
.contact .right li:last-child{padding-bottom: 0;}
.contact .right .title{font-size: .22rem;color: #999999;}
.contact .right .text{font-size: .24rem;color: #000000;}
.contact .map{margin-right: -1.6rem;margin-top: .6rem;}
.contact .map img{display: block;width: 100%;height: auto;}






.box_wap_show{display: none;}
/* 手机端 */
@media only screen and (max-width:960px ) {
	html,body{font-size: .24rem}
	table, th, td, tr{padding: .1rem .06rem;}
	.box_wap_hide{display: none!important;}
	.box_wap_show{display: block;}

	
}