.header{}
.header .logo_blue{display: block;}
.header .logo_white{display: none;}
.header .nav>li>.nav_tit>a{color: #1D1D1D;}
.header.fixed{position: fixed;}
.header.fixed .nav>li>.nav_tit>a{color: #fff;}
.header.fixed .logo_blue{display: none;}
.header.fixed .logo_white{display: block;}
.header.fixed .search{border-color: rgba(255,255,255,0.58);}
.header.fixed .search .inpt{color: #fff;}
.header.fixed .nav::after{background: rgba(255,255,255,0.4);}
.header .search .inpt{color: #1D1D1D;}
.header .search{border-color: rgba(2, 97, 61, 0.58);}
.header .search .search_btn{background: rgba(0, 107, 63, 1) url(../images/icon_search_white.png)  no-repeat center center;}
.header .nav::after{background: rgba(111, 165, 145, 0.4);}
@media (max-width:767px){
	.header.fixed .nav>li>.nav_tit>a{color:#1D1D1D}
	.header.fixed .search {border-color: rgba(2, 97, 61, 0.58);}
	.header.fixed .Navbar .icon-bar{background: #fff;}
}

.zt_banner{margin-top: 6.25rem;}
.zt_banner img{min-width: 100%;}
@media (max-width:767px){
    .zt_banner{margin-top: 50px;}
	.zt_banner{height: 180px; position: relative; overflow: hidden;}
	.zt_banner img{position: absolute; left: 50%; transform: translateX(-50%); height: 100%; max-width: none; width: auto;}
}

.path{font-size: 1rem; line-height: 1; color: #1F1F1F; position: relative; z-index: 10;}
.path .container{margin-top: 0!important;}
.path a{color: #1F1F1F;}
.path .home{background: url(../images/icon_path_home.png) no-repeat  center left; padding: 0 0 0 25px;}
.path .icon{width: 8px; height: 10px; margin: 0 8px; background: url(../images/icon_arrow.png) no-repeat center left; display: inline-block;}
@media (max-width:767px){
	.path{margin: 0; line-height: 24px; font-size: 14px;}
}

.common_tit .tit_en{/*font-size: 2.875rem;*/ font-size: 2.25rem;/*text-transform: capitalize;*/}
.common_tit .tit{margin: 0 0 1rem;}

/*pages*/
.pages { font-size: 16px; color: #AFAFAF; }
.pages ul{display: flex; -webkit-box-pack: center; justify-content: center; align-items: center;}
.pages a { line-height: 38px; min-width: 38px; margin: 0 5px; padding: 0 14px; font-weight: normal; font-size: 16px; color: #AFAFAF; border: 1px solid #C2C2C2; display: flex; align-items: center; justify-content: center; }
.pages a:hover, 
.pages .active a { background-color: #006B3F; border: 1px solid #006B3F; color: #fff; }
.pages strong{font-weight: bold;}
.pages .prev{text-indent: -1000em; background: url(../images/icon_prev_dis.png) no-repeat center center; }
.pages .next{text-indent: -1000em; background: url(../images/icon_next_dis.png) no-repeat center center;}
.pages .prev:hover{background-image: url(../images/icon_prev_hover.png);}
.pages .next:hover{background-image: url(../images/icon_next_hover.png);}
@media (max-width:767px){
	.pages {font-size: 12px;}
	.pages ul{display: block;}
	.pages ul li{display: inline-block;}
	.pages a{font-size: 12px; min-width: 32px; line-height: 32px;}
}

/*about_page*/
.about_page{padding: 3.25rem 0 7.875rem; background: url(../images/about_page_bg.jpg) no-repeat top center; background-size: cover;}
.about {padding: 4rem 0 0;}
.about .cont{padding: 0 0 0 8.33%; margin: 2.125rem 0 0; display: flex; justify-content: space-between;}
.about .cont .info{width: 47.72%; }
.about .cont .desc{font-size: 1rem; color: #5F5E5E; line-height: 2.625;}
.about .cont .desc span{font-size: 1.5rem; color: #26347F; line-height: 1;}
.about .cont .desc p{text-indent: 2em;}
.about .cont .pic{width: 46.59%;}
.about .cont .pic_m{display: none;}
@media (max-width:767px){
	.about_page{padding: 20px 0;}
	.about{padding: 30px 0 0;}
	.about .cont {padding: 0 15px; margin: 30px 0 0;}
	.about .cont .info{width: 100%;}
	.about .cont .desc{font-size: 14px; margin: 20px 0 0; line-height: 2;}
	.about .cont .pic_m{display: block;}
	.about .cont .pic{display: none;}
}

.honor{padding: 8.25rem 0;}
.honor .cont{position: relative; margin: 3.625rem 0 0;}
.honor .cont::after{content:''; width: 1px; height: calc( 100% - 2.5rem); position: absolute; top: 0; right: 0; background: #E7E7E7; z-index: 2;}
.honor .item{display: block; }
.honor .item .pic_box{ padding: 1.25rem; height: 19.6875rem; background: rgba(255, 255, 255, 0.75); border: 1px solid #E7E7E7;}
.honor .item .picfocus{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.honor .item .tit{font-size: 1.125rem; line-height: 1.5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; margin-top: 1rem; }
.honor .swiper-page{margin: 3.375rem 0 0;}
@media (max-width:767px){
	.honor{padding: 30px 0;}
	.honor .cont{margin: 30px 0 0; border-right:none;}
}

.culture{padding: 8.25rem 0; background: url(../images/culture_bg.jpg) no-repeat top center;}
.culture .cont{margin: 3.375rem 0 0;}
.culture .cont ul{overflow: hidden;}
.culture .cont li{float: left; width: 33.3%;}
.culture .cont .item{display: block; position: relative;}
.culture .cont .info{ position: absolute; bottom: 3.25rem; left: 3.875rem; right: 3.875rem; color: #fff; line-height: 1; z-index: 2;}
.culture .cont .info .p1{font-size: 1.875rem; text-transform: capitalize;}
.culture .cont .info .p2{font-size: 1rem; margin: 8px 0 0;}
@media (max-width:767px){
	.culture{background-size: cover; padding: 30px 0;}
	.culture .cont { margin: 30px 0 0; }
	.culture .cont li{width: 50%;}
	.culture .cont .info{left: 15px; right: 15px; bottom: 15px;}
	.culture .cont .info .p2{display: none; font-size: 13px; line-height: 1.4;}
}

.contact{padding: 7.25rem 0;}
@media (max-width:767px){
	.contact{padding: 30px 0;}
}


/*news_page*/
.news_page{padding: 3.125rem 0 8.25rem;}
.news_list{margin: 3.875rem 0 0;}
.news_list .cont{padding: 22px 0 0;}
.news_list .cont li{transition: all .36s; background: rgba(0,0,0,0); }
.news_list .cont li .item{position: relative; padding-top: 2.5rem; padding-bottom: 2.5rem; display: flex; align-items: center; overflow: hidden;}
.news_list .cont li .item::after{content: ''; position: absolute; bottom: 0; left: 8.33%; right: 8.33%; height: 1px; background: #F6F6F6;}
.news_list .cont .date{padding: 0 4rem; font-family: arial; text-align: center;}
.news_list .cont .date .p1{font-size: 3rem; line-height: 1; color: #2C3238;}
.news_list .cont .date .p2{font-size: 12px;line-height: 1; color: #999;}
.news_list .cont .picfocus{float: left; width: 280px; height: 170px; overflow: hidden;}
.news_list .cont .picfocus img{width: 100%; height: 100%; object-fit:cover;}
.news_list .cont .news_cont{ flex: 1; overflow: hidden;}
.news_list .cont .tit{font-size: 1.125rem; color: #282828; line-height: 1; transition: all .36s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_list .cont .desc{ position: relative;font-size: 1rem; min-height: 30px; color: #838383; line-height: 1.5; margin: 1rem 0 0; padding-right: 10rem; }
.news_list .cont .desc::after{content: ""; position: absolute; right: 0; top: 50%; width: 28px; height: 28px; transform: translateY(-50%); background: url(../images/icon_more_gray.png) no-repeat top left;}
.news_list .cont li:hover{background: rgba(234, 234, 234, 0.53);}
.news_list .cont li:hover .tit{color: #26347F; font-weight: bold;}
.news_list .cont li:hover .date .p1{color: #26347F;}
.news_list .cont li:hover .desc::after{background-image:  url(../images/icon_more_on.png);}
.news_list .pages{margin-top: 5.625rem;}
@media (max-width: 767px){
	.news_page{padding: 30px 0 ;}
	.news_list{margin: 0; padding: 20px 0 0;}
	.news_list .cont li{padding: 15px; margin-bottom: 15px;}
	.news_list .cont li .item{display: block; padding: 0 ;}
	.news_list .cont .picfocus{width: 100%;}
	.news_list .cont .picfocus img{width: 100%;}
	.news_list .cont .date{position: absolute; left: 0; top: 0; padding: 10px; background: rgba(2, 97, 61, 0.5);}
	.news_list .cont .date .p1,
	.news_list .cont .date .p2{color: #fff;}
	.news_list .cont .news_cont{width: 100%; padding: 15px 0;}
	.news_list .cont .tit{font-size: 15px;}
	.news_list .cont .desc{font-size: 12px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.news_list .cont li .item::after{left: 0; right: 0;}
	.news_list .pages{margin: 0;}
}

.article_page{padding: 3.125rem 0 7.375rem;}
.article{margin: 3.875rem 0 0;}
.article .title{margin: 4.75rem 0 0; font-size: 1.875rem; line-height: 1.6; font-weight: bold; text-align: center; color: #2B2B2B; }
.article .date{color: #6A6A6A; text-align: center; font-size: 14px; padding: 20px 0 2.625rem; overflow: hidden; line-height: 1;}
.article .date span{margin-right: 25px; color: #6A6A6A;}
.article .date em{color: #A2A2A2;}
.article .date span:last-child{margin: 0;}
.article .text{color: #828282; line-height: 2; font-size: 1rem; padding-bottom: 4.75rem;}
.article .text strong{font-size: 1.111rem; font-weight: bold; color: #2D2D2D;}
.article .text h3{font-size: 1.1875rem; font-weight: bold; color: #333;}
.article .text h4{font-size: 1rem; font-weight: bold; color: #333;}
.article-page{padding: 4.375rem 0 0; border-top: 1px dashed #E3E3E3;}
.article-page a{ font-size: 1rem; line-height: 2; display: block; flex: 1; color: #484848; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.article-page a:hover{color: #26347F;}
@media (max-width:767px){
	.article_page{padding: 20px 0 0;}
	.article{margin: 30px 0 ;}
	.article .title{font-size: 18px; margin: 30px 0 0;}
	.article .date{ padding: 15px 0; font-size: 12px;}
	.article .date span{margin: 0 1em 0 0; font-size: 12px;}
	.article .text{font-size: 14px; padding-bottom: 30px;}
	.article .text h3{font-size: 16px; }
    .article .text h4{font-size: 15px;}
    .article .text img{width:auto!important; max-width: 100%!important; height: auto!important;}
	.article-page{padding: 10px 0 0; font-size: 14px; margin: 15px 0 0;}
	.article-page a{font-size: 13px;}
}


/*service_page*/
.service_page{padding: 3.125rem 0 0;}
.service{margin: 3.875rem 0 0;}
.service .tit_box{align-items: center; justify-content: flex-start;}
.service .tit_box .common_tit{margin-right: 2rem;}
.service .tit_box .slogan{padding: 0 0 0 4.75rem; font-size: 1.25rem; line-height: 2.25rem; color: #070575; border-left: 1px solid rgba(0, 107, 63, 0.29);}
.service .cont{margin: 3.75rem 0 0; padding: 5rem 0 2rem; background: url(../images/service_bg.jpg) no-repeat top center; background-size: cover;}
.service .cont .title{padding: 0 0 1.25rem; font-size: 1.75rem; line-height: 28px; color: #070575; background:url(../images/icon_service.png) no-repeat top left; padding-left: 50px;}
.service .cont ul{margin: 5.75rem 0 0; padding: 0 6.25rem 4.625rem 4.75rem; display: flex; justify-content: space-between; border-bottom: 1px solid rgba(191, 191, 191, 0.6);}
.service .cont ul:last-child{border-bottom: none;}
.service .cont li{ display: flex; justify-content: center; text-align: center; }
.service .cont li:last-child{border: none;}
.service .cont .item{text-align: left; display: flex;}
.service .cont .item .icon{position: relative; width: 5rem; height: 5rem; margin: 0 1.75rem 0 0; border: 1px solid #282828; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; transition:0.36s all;}
.service .cont .item .icon img{position: absolute; left: 50%; width: 1.875rem; transform: translate(-50%,-50%); transition:0.36s all;}
.service .cont .item .icon .img{top: 50%; }
.service .cont .item .icon .img_hover{top: 150%;}
.service .cont .item:hover .icon .img{top: -150%;}
.service .cont .item:hover .icon .img_hover{top: 50%;}
.service .cont .tit{line-height: 5rem; font-size: 1.5rem; color: #282828; font-weight: bold; transition: all 0.3s;}
.service .cont .desc{font-size: 1.125rem; min-width: 126px; line-height: 2.22; color: #707070;}
.service .cont .item:hover .icon{border-color: #006b3f;}
.service .cont .item:hover .tit{color: #1C2A75;}
@media (max-width:767px){
	.service_page{padding: 20px 0 0;}
	.service{margin: 30px 0 0;}
	.service .tit_box .slogan{padding: 15px 0 0; border: none; font-size: 14px;}
	.service .cont{margin: 30px 0 0; padding: 30px 0 15px;}
	.service .cont .title{padding-left: 40px;}
	.service .cont ul{margin: 0 ; padding: 20px 0 ; flex-flow: row wrap;}
	.service .cont li{}
	.service .cont .item{display: block; text-align: center;}
	.service .cont .item .icon{margin: 0 auto;}
	.service .cont .desc{min-width: auto; font-size: 13px;}
}

.after_sale{padding: 8.5rem 0 7.75rem; background: url(../images/after_sale_bg.jpg) no-repeat top center; background-size: cover;}
.after_sale .cont{margin: 3.375rem 0 0;}
.after_sale .cont ul{margin: 2.125rem 0 3.375rem; display: flex; justify-content: space-between;}
.after_sale .cont li{position: relative; flex: 1; overflow: hidden;}
.after_sale .cont li::after{content: ''; position: absolute; right: 0; top: 1rem; bottom: 2.25rem; width: 1px; background: rgba(255,255,255,0.14); z-index: 2;}
.after_sale .cont li:last-child::after{content: none;}
.after_sale .cont .item{color: #fff; text-align: center; padding: 3.625rem 1.625rem 2rem; height: 24.625rem; transition: all 0.3s; display: block;}
.after_sale .cont .pic{display: none;}
.after_sale .cont .num{font-size: 5rem; line-height: 0.825;}
.after_sale .cont .tit{font-size: 1.375rem; line-height: 1; transition: all 0.3s; padding: 2.25rem 0 1rem;}
.after_sale .cont .desc{font-size: 1rem; min-height: 6rem; max-width: 176px; margin: 0 auto; line-height: 1.625; color: #CBCBCB; transition: all 0.3s;}
.after_sale .cont .tit::after{content: ''; display: block; margin: 1.875rem auto 0; width: 24px; height: 4px; background: #fff;}
.after_sale .cont .item:hover{background: rgba(255,255,255,0.72);padding: 1.875rem 1.625rem;box-shadow: 4px 5px 27px 0px rgba(33, 29, 30, 0.27);}
.after_sale .cont .item:hover .tit{color: #DC383B; font-weight: bold; padding: 1.75rem 0 1rem;}
.after_sale .cont .item:hover .tit::after{content: none;}
.after_sale .cont .item:hover .desc{color: #111; padding: 0 0 1.25rem;}
.after_sale .cont .item:hover .num{display: none;}
.after_sale .cont .item:hover .pic{display: block;}
.after_sale .more{text-align: center;}
@media (max-width: 767px){
	.after_sale{padding: 30px 0 ;}
	.after_sale .cont {position: relative;}
	.after_sale .cont ul{margin: 30px 0 0; display: block; overflow: hidden;}
	.after_sale .cont li{float: left; width: 50%;}
	.after_sale .cont li:nth-child(even)::after{content: none;}
	.after_sale .cont li:last-child::after{content: '';}
	.after_sale .cont .num{font-size: 30px;}
	.after_sale .cont .desc{font-size: 13px;}
	.after_sale .more{position: absolute; right: 0; left: 50%; bottom: 0; height: 24.125rem; display: flex; align-items: center; justify-content: center;}
}

.hot_tel{padding: 4rem 0; text-align: center;}
.hot_tel .icon{width: 4.0625rem; height: 4.0625rem;display: block; margin: 0 auto;}
	.hot_tel .icon img{width: 100%;}
.hot_tel .p1{font-size: 2.25rem; color: #E60012; line-height: 0.77; margin: 1.625rem 0 1.25rem; font-weight: bold;}
.hot_tel .p2{font-size: 1rem; color: #9D9D9D; line-height: 1;}
@media (max-width:767px){
	.hot_tel{padding: 30px 0;}
}


/*download*/
.column_subnav {position: relative; padding: 3.125rem 0 3.5rem;}
.column_subnav::before{content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 26.5625%; background: url(../images/download_bg1.jpg) no-repeat top right; background-size: cover;}
.column_subnav::after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 73.4375%; background: #f4f4f4;}
.column_subnav .container{z-index: 2; position: relative; margin-top: 3.875rem;}

.column_subnav .cont{display: flex; height: 100%; margin: 5.25rem 0 0;}
.column_subnav .column{/*width: 47.14%; margin-left: -18.57%;*/ width: 21.85%;  font-size: 1rem;/* background: url(../images/download_bg1.jpg) no-repeat top center; */}
.column_subnav .column .box{/*padding: 3.6rem 20px 4.375rem 39.39%;*/ padding: 0;}
.column_subnav .title{font-size: 1.25rem; padding: 0 0 0 1.875rem; margin:0 0 1.5rem; color: #26347F; font-weight: bold; line-height: 20px; text-align: left; background: url(../images/icon_download_tit.png) no-repeat top left; }
.column_subnav .column ul{margin-bottom: 1.5rem;}
.column_subnav .column ul:last-child{margin-bottom: 0;}
.column_subnav .column .cate_menu_plan li{float: left; width: 50%;}
.column_subnav .column li{min-width: 184px; display: inline-flex; padding: 6px 20px; align-items: center; margin-bottom: 10px;justify-content: space-between;}
.column_subnav .column li:last-child{margin-bottom: 0;}
.column_subnav .column li::after{content: ''; width: 0; height: 0; margin-left: 1rem; border-top: 5px solid transparent; border-left: 7px solid transparent; border-bottom: 5px solid transparent;}
.column_subnav .column li a{ flex: 1; overflow: hidden; color: #6D6D6D; line-height: 36px; display: block; padding: 0 20px 0 0;}
.column_subnav .column li.on,
.column_subnav .column li:hover{background: #26347F;}
.column_subnav .column li.on a,
.column_subnav .column li:hover a{ color: #fff;}
.column_subnav .column li.on::after,
.column_subnav .column li:hover::after{border-left: 7px solid #fff;}

.column_subnav .column_detail{flex: 1; display: flex; overflow: hidden; /*padding: 5.975rem 0 0;*/ padding: calc(1.5rem + 20px) 0 0 0; }
.column_subnav .column_detail .cate_pop{display: none;}
.column_subnav .column_detail .cate_pop_pro{ float: left; width: 100%; /*padding: 8.5rem 0 0 0;*/ display: block;}
.column_subnav .column_detail ul{flex: 1; text-align: center; border-right: 1px solid rgba(7, 5, 117, 0.08);  position: relative; overflow: hidden;}
.column_subnav .column_detail ul:last-child{border-right: none;  text-align: right;}
.column_subnav .column_detail ul:last-child li{width: 80%;}
.column_subnav .column_detail li{padding: 6px 20px;  margin: 0 auto 10px; display: inline-flex; align-items: center; font-size: 1rem; min-width: 175px; width:60%;  line-height: 36px; color: #60626D; }
.column_subnav .column_detail li a{flex: 1; min-width: 96px; text-align: left; color: #757A8F; line-height: 36px; display: block; overflow: hidden;}
.column_subnav .column_detail li::after{opacity: 0; content: ''; width: 0; height: 0; margin-left: 1rem; border-top: 5px solid transparent; border-left: 7px solid transparent; border-bottom: 5px solid transparent;}
.column_subnav .column_detail li.on .tit,
.column_subnav .column_detail li:hover{background: #26347F;}
.column_subnav .column_detail li.on .tit a,
.column_subnav .column_detail li:hover a{color: #fff;}

.column_subnav .column_detail li.on{background: #26347F;}
.column_subnav .column_detail li.on a,
.column_subnav .column_detail .active a{color: #fff;}
.column_subnav .column_detail li.on::after,
.column_subnav .column_detail li:hover::after{border-left: 7px solid #fff; opacity: 1;}
@media (max-width:767px){
	.column_subnav{padding: 20px 0 0;}
	.column_subnav .container{margin-top: 30px;}
	.column_subnav .cont{margin: 30px 0 0; display: block;}
	.column_subnav .column{width: 100%; font-size: 14px;}
	.column_subnav .title{font-size: 15px; padding: 0 0 0 30px;}
	.column_subnav .column ul{overflow: hidden; padding-bottom: 10px; border-bottom: 1px dashed rgba(7, 5, 117, 0.08);}
	.column_subnav .column li{float: left; min-width: auto; padding: 0 12px; min-width: 33.3%; text-align: center;}
	.column_subnav .column li a{padding: 0; line-height: 32px;}
	.column_subnav .column li::after{content: none;}
	.column_subnav .column_detail{display: block; padding: 0;}
	.column_subnav .column_detail ul{overflow: hidden;border: none; padding: 15px 0 10px; border-bottom: 1px dashed rgba(7, 5, 117, 0.08);}
	.column_subnav .column_detail li{float: left; font-size: 14px; min-width: auto; padding: 0 12px; width: auto; min-width: 33.3%; text-align: center;}
	.column_subnav .column_detail li::after{content: none;}
	.column_subnav .column_detail li a{min-width: auto;}
	.column_subnav .column_detail ul:last-child li{width: auto;}
}

.pro_detail{padding: 4rem 0 5rem;}
.pro_detail .container{display: flex; align-items: center;}
.pro_detail .pic{width: 41.625%; padding: 2.25rem; border: 1px solid rgba(109, 109, 109, 0.15); display: flex; align-items: auto; justify-content: center;}
.pro_detail .info{flex: 1; overflow: hidden; margin: 0 0 0 9.25%;}
.pro_detail .info .tit{font-size: 1.75rem; color: #070575; line-height: 28px; padding: 0 0 0 50px; background: url(../images/icon_service.png) no-repeat top left;}
.pro_detail .info .desc{font-size: 1rem; color: #3A3A3A; line-height: 2.125; margin: 3.25rem 0 0;}
@media (max-width:767px){
	.pro_detail{padding: 30px 0;}
	.pro_detail .container{display: block;}
	.pro_detail .pic{width: 100%; margin: 0 auto; height: 200px;}
	.pro_detail .info{margin: 30px 0 0;}
	.pro_detail .info .tit{padding: 0 0 0 40px;}
	.pro_detail .info .desc{font-size: 14px; margin: 15px 0 0;}
}

.pro_trait{padding: 7.25rem 0 6.75rem; background: url(../images/pro_trait_bg.jpg) no-repeat top center; background-size: cover;}
.pro_trait .title{line-height: 28px; font-size: 1.75rem; background: url(../images/icon_pro_trait.png) no-repeat top left; padding-left: 50px;}
.pro_trait .cont{margin: 5.875rem 0 0;}
.pro_trait .cont ul{position: relative; display: flex; justify-content: space-between;}
.pro_trait .cont ul::before{content: ''; position: absolute; left: -10%; right: -10%; top: calc(7.0625rem + 28px); height: 2px; background: rgba(31, 125, 86, 0.28);}
.pro_trait .cont li{position: relative; z-index: 2; max-width: 33.3%;}
.pro_trait .cont .icon{position: relative; width: 4.4375rem; height: 4.4375rem; margin: 0 0 2.625rem 7px; display: block; overflow: hidden;}
.pro_trait .cont .icon img{position: absolute; left: 0; right: 0;  transition:0.36s ease;}
.pro_trait .cont .icon .img{top: 0;}
.pro_trait .cont .icon .img_hover{top: 100%;}
.pro_trait .cont .info::before{ content: ''; width: 56px; height: 56px; margin-left: 11px; display: block; background: url(../images/pro_trait_circle.png) no-repeat top left;}
.pro_trait .cont .tit{font-size: 1.375rem; margin: 2.8125rem 0 1.875rem; line-height: 1; color: #26347F; font-weight: bold;}
.pro_trait .cont .desc{ font-size: 14px; line-height: 30px; color: #707070; max-width: 326px;}
.pro_trait .cont .desc p{display: flex; position: relative; padding-left: 18px;}
.pro_trait .cont .desc p::before{ content: ''; position: absolute; top: 11px; left: 0;width: 8px; height: 8px; border-radius: 50%; background: #006B3F;}
.pro_trait .cont li:hover .icon .img{top: -100%;}
.pro_trait .cont li:hover .icon .img_hover{top: 0;}
.pro_trait .cont li:hover .info::before{background-image: url(../images/pro_trait_circle_on.png);}
@media (max-width:767px){
	.pro_trait{padding: 30px 0;}
	.pro_trait .cont{margin: 30px 0 0;}
	.pro_trait .cont ul{display: block;}
	.pro_trait .cont ul::before{content: none;}
	.pro_trait .cont li{margin-bottom: 20px;    max-width: none;}
	.pro_trait .cont li:last-child{margin-bottom: 0;}
	.pro_trait .cont .icon{margin: 0 auto 2.625rem;}
	.pro_trait .cont .info::before{display: none;}
	.pro_trait .cont .tit{font-size: 16px; margin: 20px 0 15px; text-align: center;}
}


.pro_parameter{padding: 6.5rem 0 0; margin-bottom: 4.5rem; }
.pro_parameter .title{line-height: 28px; color: #070575; font-size: 1.75rem; background: url(../images/icon_pro_trait.png) no-repeat center left; padding-left: 50px;}
.pro_parameter .cont{margin: 2.875rem 0 0;}
.table_parameter{width: 100%; max-width: 80%; margin: 0 auto;}
.table_parameter tr{display: flex; background: #F6F8FA; border-bottom: 3px solid #fff;}
.table_parameter tr:nth-child(even){background: #F5F5F5;}
.table_parameter thead tr{ width: 100%; background: url(../images/table_td_bg2.png) no-repeat top right;}
.table_parameter thead th{flex: 1; font-size: 1.125rem; padding: 1rem 0; color: #fff; overflow: hidden;}
.table_parameter thead th:nth-child(1){width: 16.5625%; flex: initial; border-right: 3px solid #fff; background: url(../images/table_td_bg1.png) no-repeat top center; background-size: cover;}
.table_parameter tbody td{flex: 1; padding: .6rem 0; display: flex; align-items: center; justify-content: center; font-size: 1rem; color: #1C2A75; line-height: 24px; text-align: center; overflow: hidden;}
.table_parameter tbody td:nth-child(1){width: 16.5625%; flex: initial; font-size: 1.125rem; border-right: 3px solid #fff; color: #fff; background: url(../images/table_td_bg1.png) no-repeat top center; background-size: cover;}
.table_parameter tbody tr:first-child{background: #C4C4C4;}
.table_parameter tbody tr:first-child td{background: #C4C4C4; display: block; padding-left: 2.875rem; width: 100%; color: #1A2874; text-align: left; border-color: transparent;}
.table_parameter p{margin-bottom: 10px;}
.table_parameter p:last-child{margin-bottom: 0;}
.table_parameter a{display: block;}
.table_parameter a:hover{text-decoration: underline; color: #E21D25;}


.pro_parameter .cont table{width: 100%; max-width: 80%; margin: 0 auto;}
.pro_parameter .cont table tr{display: flex; background: #F6F8FA; border-bottom: 3px solid #fff;}
.pro_parameter .cont table tr:nth-child(even){background: #F5F5F5;}
.pro_parameter .cont table thead tr{ width: 100%; background: url(../images/table_td_bg2.png) no-repeat top right;}
.pro_parameter .cont table thead th{flex: 1; font-size: 1.125rem; padding: 1rem 0; color: #fff; overflow: hidden;}
.pro_parameter .cont table thead th:nth-child(1){width: 16.5625%; flex: initial; border-right: 3px solid #fff; background: url(../images/table_td_bg1.png) no-repeat top center; background-size: cover;}
.pro_parameter .cont table tbody td{flex: 1; padding: .6rem 0; display: flex; align-items: center; justify-content: center; font-size: 1rem; color: #1C2A75; line-height: 24px; text-align: center; overflow: hidden;}
.pro_parameter .cont table tbody td:nth-child(1){width: 16.5625%; flex: initial; font-size: 1.125rem; border-right: 3px solid #fff; color: #fff; background: url(../images/table_td_bg1.png) no-repeat top center; background-size: cover;}
.pro_parameter .cont table tbody tr:first-child{background: #C4C4C4;}
.pro_parameter .cont table tbody tr:first-child td{background: #C4C4C4; display: block; padding-left: 2.875rem; width: 100%; color: #1A2874; text-align: left; border-color: transparent;}
.pro_parameter .cont table p{margin-bottom: 10px;}
.pro_parameter .cont table p:last-child{margin-bottom: 0;}
.pro_parameter .cont table a{display: block;}
.pro_parameter .cont table a:hover{text-decoration: underline; color: #E21D25;}

@media (max-width:767px){
	.pro_parameter{padding: 30px 0 0; margin-bottom: 30px; }
	.pro_parameter .title{padding-left: 40px;}
	.pro_parameter .container{overflow: hidden;}
	.pro_parameter .cont{margin: 30px 0 0; overflow-x: auto;}
	.table_parameter td{font-size: 13px;}
	.table_parameter td:nth-child(1){font-size: 15px;}
    .table_parameter{max-width: none;}
    .pro_parameter .cont table thead th:nth-child(1),
    .pro_parameter .cont table tbody td:nth-child(1){ width: 94px; padding: 5px 10px; line-height: 20px;}
    .pro_parameter .cont table tbody td,
	.pro_parameter .cont table td{font-size: 12px;}
	.pro_parameter .cont table td:nth-child(1){font-size: 15px;}
    .pro_parameter .cont table{max-width: none;}
}

.pro_plan{margin-bottom: 6rem;}
.pro_plan .title{line-height: 28px; color: #070575; font-size: 1.75rem; background: url(../images/icon_pro_plan.png) no-repeat center left; padding-left: 50px;}
.pro_plan .cont{margin: 2.375rem 0 0;}
.pro_plan .cont ul{overflow: hidden;}
.pro_plan .cont li{float: left; width: 50%; display: flex; align-items: center; margin-right: 7.5rem;}
.pro_plan .cont li::before{content: ''; width: 8px; height: 8px; margin-right: 1rem; background: #070575; border-radius: 50%;}
.pro_plan .cont li a{flex: 1; overflow: hidden; color: #434343; line-height: 2.5; font-size: 1rem;}
.pro_plan .cont li a:hover{color: #13117B; text-decoration: underline;}
@media (max-width:767px){
	.pro_plan{padding:  0 0 30px;}
	.pro_plan .title{padding-left: 40px;}
	.pro_plan .cont{margin: 20px 0 0;}
	.pro_plan .cont li{width: 100%; margin-right: 0; align-items: initial;}
	.pro_plan .cont li a{font-size: 13px;}
	.pro_plan .cont li::before{margin-top: 12px;}
}


/*solution——page*/
.solution_detail{padding: 5.125rem 0 6.25rem;}
.solution_detail .title{line-height: 28px; margin-top: calc(6.375rem - 22px ); color: #070575; font-size: 1.75rem; background: url(../images/icon_service.png) no-repeat center left; padding-left: 50px;}
.solution_detail .cont{position: relative; margin: 3.625rem 0 0;}
.solution_detail .cont .bg img{width: 100%;}
.solution_detail .info{ position: relative; z-index: 2;}
.solution_detail .desc{margin-top: -16.5625rem; padding: 2.75rem 5rem; background: rgba(0,0,0,0.49); font-size: 1rem; color: #fff; line-height: 2.125; text-indent: 2em;}
.solution_detail .advantage{ padding: 0 1.75rem; background: #fff; box-shadow: 0px 10px 2.375rem 0px rgba(19, 17, 113, 0.05);}
.solution_detail .advantage ul{display: flex;}
.solution_detail .advantage li{position: relative; flex: 1; overflow: hidden; text-align: center;}
.solution_detail .advantage li::after{content: ''; position: absolute; right: 0; top: 7.875rem; width: 1px; height: 50px; background: #e4e5ef; display: block;}
.solution_detail .advantage .item{position: relative; padding: 3.875rem 0 3rem; max-width: 76%; margin: 0 auto;}
.solution_detail .advantage .p1{font-size: 1.25rem; color: #141414; line-height: 1; margin: 1.125rem 0;}
.solution_detail .advantage .p2{font-size: 1rem; line-height: 1.75; color: #80828E;}
.solution_detail .advantage li:last-child::after{content: none;}
@media (max-width:767px){
	.solution_detail{padding: 30px 0;}
	.solution_detail .title{padding-left: 40px; margin-top: 20px;}
	.solution_detail .cont{margin: 30px 0 0; padding: 0 15px;}
	.solution_detail .info .container{padding: 0;}
	.solution_detail .desc{margin: 0; font-size: 13px; padding: 20px 15px;}
	.solution_detail .advantage{padding: 15px 0 ;}
	.solution_detail .advantage ul{flex-flow: row wrap; overflow: hidden;}
	.solution_detail .advantage li{ width: 50%; flex: initial;}
	.solution_detail .advantage .item{padding: 15px 0;}
	.solution_detail .advantage li:nth-child(even)::after{content: none;}
	.solution_detail .advantage .p1{font-size: 15px;}
	.solution_detail .advantage .p2{font-size: 13px; line-height: 24px;}
}

.solution_detail2 .info{position: absolute; bottom: 6.875rem; left: 0; right: 0;}
.solution_detail2 .scene{margin: 7.75rem 0 0;}
.solution_detail2 .scene .title{color: #fff; background-image: url(../images/icon_service_white.png);}
.solution_detail2 .scene ul{margin: 5.625rem 0 0; display: flex;}
.solution_detail2 .scene li{display: flex; align-items: center; margin: 0 7.25rem 0 0;}
.solution_detail2 .scene li:last-child{margin-right: 0;}
.solution_detail2 .scene li em{width: 2.5rem; height: 2.5rem; font-size: 1rem; color: #fff; display: flex; align-items: center; justify-content: center; border: 1px solid #CBD2D6; border-radius: 50%;}
.solution_detail2 .scene li p{font-size: 1.25rem; color: #fff; margin: 0 0 0 1.375rem; overflow: hidden;}
.solution_detail2 .scene li p:last-child{flex: 1; overflow: hidden;}
.solution_detail2 .scene li:hover em{background: #fff; color: #26347F;}
@media (max-width:767px){
	.solution_detail2 .info{position: static;}
	.solution_detail2 .scene{margin: 20px 0 0;}
	.solution_detail2 .scene .title{color: #141414; background-image: url(../images/icon_service.png); }
	.solution_detail2 .scene ul{margin: 20px 0 0; display: block;}
	.solution_detail2 .scene li{margin: 0 0 15px 0;}
	.solution_detail2 .scene li p{color: #666; font-size: 14px; margin: 0 0 0 10px;}
	.solution_detail2 .scene li em{color: #CBD2D6; font-size: 12px;}
}

.solution_framework{}
.solution_framework .title{line-height: 28px; color: #070575; font-size: 1.75rem; background: url(../images/icon_solution_framework.png) no-repeat center left; padding-left: 50px;}
.solution_framework .cont{margin: 5.5rem 0 6.125rem; text-align: center;}
.solution_framework .cont img{max-width: 70%; margin: 0 auto; max-height: calc(100vh - 90px);}
@media (max-width:767px){
	.solution_framework .title{padding-left: 40px;}
	.solution_framework .cont{margin: 30px 0;}
	.solution_framework .cont img{max-width: none; max-height: none; width: 100%!important;  height: auto!important;}
}

.solution_equipment{padding: 5.75rem 0 4.375rem; background: url(../images/solution_equipment_bg.jpg) no-repeat top center; background-size: cover;}
.solution_equipment .title{line-height: 28px; color: #070575; font-size: 1.75rem; background: url(../images/icon_solution_equipment.png) no-repeat center left; padding-left: 50px;}
.solution_equipment .cont{margin: 2.375rem 0 0;}
.solution_equipment .cont ul{overflow: hidden;}
.solution_equipment .cont li{float: left; width: 50%; display: flex; align-items: center; margin-right: 7.5rem;}
.solution_equipment .cont li::before{content: ''; width: 8px; height: 8px; margin-right: 1rem; background: #070575; border-radius: 50%;}
.solution_equipment .cont li a{flex: 1; overflow: hidden; color: #434343; line-height: 2.5; font-size: 1rem;}
.solution_equipment .cont li a:hover{color: #13117B; text-decoration: underline;}
@media (max-width:767px){
	.solution_equipment{padding: 30px 0;}
	.solution_equipment .title{padding-left: 40px;}
	.solution_equipment .cont{margin: 20px 0 0;}
	.solution_equipment .cont li{width: 100%; margin-right: 0; align-items: initial;}
	.solution_equipment .cont li a{font-size: 13px;}
	.solution_equipment .cont li::before{margin-top: 12px;}
}

/*join*/
.join_page{padding: 3.125rem 0 7.375rem; }
.join{margin: 3.75rem 0 0;  background: url(../images/map_bg.png) no-repeat top 7.5rem right 8.489%;}
.join .cont{margin: 3.375rem 0 0;}
.join .cont ul li { font-size: 0.888rem; color: #3d3d3d; background: #fafafa; margin: 0 0 1.125rem;}
.join .cont ul li:last-child{margin-bottom: 0;}
.join .cont ul li:first-child .tab { border-top: 0; background: #26347F; font-size: 1rem; }
.join .cont ul li:first-child .tab span{color: #fff; font-size: 1.125rem; padding: 1.25rem 0;}
.join .cont .tab {background: #F2F2F2; display: flex; color: #26BB9F;}
.join .cont .tab span { font-size: 1rem; line-height: 1; width: 14%; padding: 1.3125rem 0; color: #535353; display: flex; justify-content: center; align-items: center;}
.join .cont .tab span:nth-of-type(1) { width: 23%; color: #272727;}
.join .cont .tab span:nth-of-type(2) { width: 19%; }
.join .cont .tab span:nth-of-type(3) { width: 22%; }
.join .cont .tab span:nth-of-type(4) { width: 17%; }
.join .cont .tab span:nth-of-type(5) { width: 19%; }
.join .cont .tab .bstn { cursor: pointer; background: url(../images/close.png) no-repeat center center;}
.join .cont .active .tab .bstn {background-image: url(../images/open.png);}

@media (max-width:767px){
    .join_page{padding: 30px 0; }
	.join{margin: 30px 0 0;}
	.join .cont{margin-bottom: 0;}
	.join .cont ul li:first-child .tab{font-size: 13px;}
	.join .cont ul li{font-size: 13px;}
	.join .cont .tab span{width: 20%; font-size: 13px!important;}
	.join .cont .tab span:nth-of-type(1){width: 39%; padding-left: 10px!important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}
	
}

.serach_job form{width: 61.625rem; height: 4.125rem; display: flex; justify-content: space-between; align-items: center; margin: 3.5rem auto 0; max-width: 100%; border: 2px solid #1B2978; border-radius: 14px; overflow: hidden;}
.serach_job .inpt{flex: 1; overflow: hidden; line-height: 24px; padding: 0 1.625rem; font-size: 1.125rem;}
.serach_job .serach_btn{width: 11rem; height: 100%; background: #1B2978; color: #fff; font-size: 1.375rem; border-radius: 14px 0 0 14px;}
.job_type{display: flex; justify-content: center; margin: 3.75rem 0 0; font-size: 1.125rem; line-height: 2.3; color: #151516;}
.job_type .search_tab{overflow: hidden;}
.job_type a{border-radius: 10px; background: #EDEFF6; margin-right: 1.5rem; min-width: 124px; float: left; text-align: center;}
.job_type a:hover{color: #1B2978;}
.job_type a.on{background: #1B2978; color: #fff; }
.job_type a.on:hover{color: #fff;}
.job_type a:last-child{margin-right: 0 ;}
@media (max-width:767px){
	.serach_job{border-radius: 6px; margin: 20px auto 0;}
	.serach_job .serach_btn{border-radius: 6px 0 0 6px; font-size: 13px; width: auto; padding: 0 20px;}
	.job_type{display: block; font-size: 13px;margin: 20px 0 0;}
	.job_type a{min-width: auto; padding: 0 10px; margin-top: 10px;}
}

.join_info_page{padding: 0  0 7.375rem;}
.join_info_page .top{padding: 3.125rem 0 4rem; background: url(../images/join_info_top.jpg) no-repeat top center;}
.job_tit{font-size: 1.875rem; color: #1B2978; font-weight: bold; line-height: 1; margin: 5rem 0 0;}
.join_info .item{padding: 3.75rem 0 3.5rem; border-bottom: 1px dashed rgba(38, 52, 127, 0.11);}
.join_info .item:last-child{border-bottom: none;}
.join_info .tit{font-size: 1.25rem; font-weight: bold; line-height: 1; color: #2F2F2F;}
.join_info .txt{font-size: 1rem; line-height: 2.625; color: #7F7F7F; margin-top: 1.25rem;}
.join_info .txt p{position: relative; padding-left: 20px;}
.join_info .txt p::before{content: ''; position: absolute; top: calc(1.2125rem - 3px); left: 0; width: 8px; height: 8px; background: #26347F; border-radius: 50%;}
.join_info .more_btn{font-size: 1rem; margin-top: 1.875rem ; color: #fff; text-align: center; width: 12.5rem; line-height: 2.75; background: #26347F;}
.join_info .more_btn a{ color: #fff;}
@media (max-width:767px){
	.join_info_page{padding-bottom: 30px;}
	.join_info_page .top{padding: 30px 0;}
	.job_tit{margin-top: 20px;}
	.join_info .item{padding: 20px 0;}
	.join_info .tit{font-size: 16px;}
	.join_info .txt{font-size: 13px;}
	.join_info .txt p::before{top: 13px;}
	.join_info .more_btn{font-size: 14px;}
}