@charset "utf-8";
/* CSS Document */

.service_banner{max-height: 400px;overflow: hidden;position: relative;}
.service_bannc{width: 100%;}
.service_bannc img{width: 100%;float: left;}
.service_bannc p{position: absolute;top:0;left: 0;height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;}
.service_bannc p b{color:#fff;font-size: 36px;}
.service_navc{text-align: center;}
.service_navc ul{display: flex;justify-content: flex-start;align-items: center;}
.service_navc ul li{line-height: 55px;}
.service_navc ul li a{display: block;padding:0 30px;font-weight: normal;font-size: 18px;color: #606775;}
.service_navc ul li:hover a,.service_navc ul li.action a{background: #FFBF41;color: #122234;}

.service_inforc{background:#fff;margin-bottom:20px;}
.service_inforw{background:#fff;}
.service_infor{padding:30px 0;text-align:left;}

.service_infor_top{padding:10px 0;}
.service_infor_top p{padding:5px 0;}
.service_infor_top p b{line-height:60px;font-weight:600;font-size:28px;}

.service_infor_main{padding:30px 0 50px;}
.service_infor_list{display: flex;justify-content: flex-start;align-items: flex-start;}
.service_infor_cont{flex: 1;display: flex;justify-content:flex-start;align-items: flex-start;flex-flow: row nowrap;}
.service_infor_cont_icon{width:40px;height:40px;padding-right: 20px;}
.service_infor_cont_icon img{width: 100%;}
.service_infor_cont_li{flex: auto;}
.service_infor_cont_li p b{display: inline-block;line-height: 40px;font-size: 20px;padding-bottom: 10px;}
.service_infor_cont_li p span{display: inline-block;line-height: 40px;font-size: 18px;}

.service_formc{background: #fff;}
.service_form{padding:30px 0 40px;margin-bottom: 20px;text-align: left;}
.service_form_title{font-size: 24px;line-height: 60px;}
.service_form_title b{font-weight: 600;font-size: 28px;}

.service_form_list{margin:10px 0;width: 100%;display:flex;justify-content:flex-start;flex-flow:row wrap;align-items: flex-start;}
.service_form_group{width:45%;padding:10px 0;margin-right: 5%;}
.service_form_group:nth-child(even){width:50%;padding:10px 0;margin-right:0;}

.service_form_group p{font-size: 14px;line-height: 40px;}
.service_form_group p span.red{margin-right:5px;font-weight: 600;}
.form_group_input{line-height: 40px;height: 40px;padding:0 10px;border:1px solid #CBCDD4;border-radius:4px;width:100%;box-sizing: border-box;}
.form_group_input[type="number"]::-webkit-outer-spin-button,.form_group_input[type="number"]::-webkit-inner-spin-button,.form_group_input[type="number"]{-webkit-appearance: none;appearance: none !important;-moz-appearance: textfield;}
.service_form_group_fr{position: relative;}
.service_form_group_file{height:40px;}
.service_form_group_file span{display: inline-block;line-height:40px;width: 180px;font-size: 14px;font-weight: 600;border: 1px solid #D29E25;color:#D29E25;text-align: center;box-sizing: border-box;}
.service_form_group_file i{padding:0 10px;color:#999;font-size: 12px;}
.form_group_file{height:40px;line-height:40px;width: 180px;position:absolute;top:0;left: 0;opacity: 0;cursor: pointer;}

.service_form_group_pic{height: 100px;width: 100px;position: relative;}
.service_form_group_pic img{width: 100%;height: 100%;object-fit: contain;position: absolute;left: 0;top: 0;}
.form_group_pic{width: 100px;height: 100px;position:absolute;top:0;left: 0;opacity: 0;cursor: pointer;}

.form_group_submit{background: linear-gradient(92deg,#FFBF41 0%,#D29E25 100%);line-height:45px;border:none;padding:0 60px;font-size:16px;transition: all 0.3s linear;cursor: pointer;}
.form_group_submit:hover{opacity: 0.8;}

.service_form_group_select{display: flex;justify-content: space-between;align-items: stretch;}
.service_form_group_select span{display: inline-block;width: 30%;}
.form_group_select{width: 100%;line-height: 40px;height: 40px;padding:0 10px;border:1px solid #CBCDD4;border-radius:4px;box-sizing: border-box;}
.form_group_text{width: 100%;line-height: 25px;padding:10px;border:1px solid #CBCDD4;border-radius:4px;box-sizing: border-box;}


.product{background: #fff;padding:30px 0;}
.productc{display: flex;justify-content: space-between;align-items:stretch;}

.product_left{width: 330px;margin-right: 50px;}
.product_left>ul{position: sticky;top:0;max-height: 100vh;overflow: auto;padding-right:20px;}
.product_left>ul>li{margin-bottom: 20px;}
.product_left>ul>li a{display: flex;justify-content: space-between;align-items: center;line-height: 60px;}
.product_left>ul>li a b{font-size: 18px;}
.product_left>ul>li a i{font-size: 14px;}
.product_left>ul>li ul{display: none;}
.product_left>ul>li.active ul{display: block;}
.product_left>ul>li ul li{padding:0 20px;box-sizing: border-box;}
.product_left>ul>li ul li a{color: #606775;}
.product_left>ul>li ul li.action a,.product_left>ul>li ul li a:hover{color: #DE9300;}


.product_right{width: calc(100% - 380px);}
.product_right_top{padding-bottom:20px;}
.product_right_top p{line-height:60px;display: flex;justify-content: space-between;align-items: center;}
.product_right_top p b{font-size:14px;font-weight:normal;}
.product_right_top p b>i{padding:0 10px;}
.product_right_top p b>span{color: #606775;font-weight: normal;}
.product_right_top p>a{font-size: 24px;}

.product_right_li{padding:10px 0;}
.product_right_li ul{display: flex;justify-content: space-between;align-items:stretch;flex-flow: row wrap;}
.product_right_li ul li{margin-bottom:30px;width: calc((100% - 90px)/4);display: flex;flex-direction: column;justify-content: space-between;border: none;}

.product_right_pic{width:100%;flex: 1;display: flex;align-items: center;background: #F1F1F1;overflow: hidden;}
.product_right_pic img{width: 80%;transition: all 0.3s linear;}
.product_right_li ul li:hover .product_right_pic img{transform: scale(1.05);}
.product_right_info{flex: 0;display: flex;flex-direction: column;justify-content: space-between;}
.product_right_info p{padding:5px 0;}
.product_right_info p b{font-size: 16px;line-height: 35px;font-weight: normal;}


@media ( max-width: 1200px){
    .product_right_li ul li{width: calc((100% - 60px)/3);}
}
@media ( max-width: 1000px){
    .product_right_li ul li{width: calc((100% - 30px)/2);}
}
@media ( max-width: 800px){
    .product_right_li ul li{width: 100%;}
}

.product_ul{border-top: 1px solid #EAEAEA;}
.product_ul ul li{box-sizing: border-box;line-height: 80px;border-bottom: 1px solid #EAEAEA;}
.product_ul ul li>p{padding:0 20px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;box-sizing: border-box;}
.product_ul ul li:hover{background: #F2F3F5;}
.product_ul ul li>p span{font-weight: 600;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: calc(100% - 40px);text-align: left;}
.product_ul ul li>p em{font-size:12px;width: 20px;height: 20px;border: 1px solid #606775;border-radius: 50%;display: flex;justify-content: center;align-items: center;color:#606775;}


.buy_table{display: none;width: 100%;}
.buy_table2{display:table;}
.buy_table p{display: table-row;text-align: center;}
.buy_table p b,.buy_table p span{display: table-cell;font-size: 14px;vertical-align: middle;min-width: 30px;}
.buy_table p b{background: #E9E9E9;line-height:50px;border-right: #F5F5F5 1px dashed;}
.buy_table p b:last-child,.buy_table p b.noborder{border-right:none;}
.buy_table p b.txtleft{padding-right:80px;}
.buy_table p span{background: #FFF;border-bottom: 1px solid #E9E9E9;padding:2px 0;}
.buy_table p:last-child span{border-bottom:none;}
.buy_table p span.tpname{padding:15px;line-height: 30px;text-align: left;padding:2px 10px;}
.buy_table p span.tpname em{color: #808483;font-style: normal;}
.buy_table p span img{max-height: 60px;vertical-align: middle;}
.buy_table p a{display: block;font-size: 28px;line-height:40px;padding:0;}
.buy_table p a em{display: block;font-size: 12px;line-height:22px;color: #808483;font-style: normal;}
.buy_table p a.downPdf{color:#B30B00;}
.buy_table p a.downVideo{color:#009792;}

.buy_table p:hover span{background: #f9f9f9;}



.service_prototype{padding:20px 0;}
.service_prototype ul{display: flex;justify-content: space-between;align-items: stretch;flex-flow:row wrap;}
.service_prototype ul>div{width:calc((100% - 80px)/5);}
.service_prototype ul li{width:calc((100% - 80px)/5);margin-top:20px;border:2px solid transparent;box-sizing:border-box;cursor:pointer;position: relative;}
.service_prototype_pic{width: 100%;height:180px;overflow: hidden;background: #F1F1F1;}
.service_prototype_pic img{width: 100%;height:100%;object-fit:contain;transition: all 0.3s linear;}
.service_prototype ul li:hover .service_prototype_pic img{transform:scale(1.05);}
.service_prototype_info{border-top:2px solid transparent;padding:10px;}
.service_prototype_info p{text-align:center;}
.service_prototype_info p b{display: inline-block;font-size: 14px;line-height: 30px;width: 100%;font-weight: normal;}
.service_prototype_info p span{display: inline-block;font-size: 14px;color: #767578;margin-bottom:10px;}
.service_prototype ul li:hover .service_prototype_info p b{color:#DE9300;}
.service_prototype ul li.action{border:2px solid #FFBF41;}
.service_prototype ul li.action .service_prototype_info{border-top:2px solid #FFBF41;}

.service_prototype ul li .service_prototype_icon{display: none;position: absolute;bottom: 0;right: 0;width:32px;height:32px;background-repeat:no-repeat;background-image:linear-gradient(-45deg,#FFBF41 50%,rgba(0,0,0,0) 50%);background-size: 100% 100%;background-position:top left, bottom left;}
.service_prototype ul li.action .service_prototype_icon{display: flex;justify-content: flex-end;align-items: flex-end;}
.service_prototype ul li .service_prototype_icon i{font-size: 16px;color:#fff;}



.service_company{padding:40px 0 0;position: relative;}
.service_company_info{display: flex;justify-content: space-between;align-items:stretch;height:500px;}
.service_company_pic{width:45%;height: 100%;overflow: hidden;box-sizing: border-box;padding-top:20px;}
.service_company_pic img{width:100%;height:100%;object-fit: contain;opacity: 0.3;}
.service_company_infor{width: 52%;}
.service_company_infor p b{font-weight: 600;font-size: 28px;line-height:70px;}
.service_company_infor li{height: calc(100% - 70px);overflow: auto;padding-bottom: 120px;box-sizing: border-box;}
.service_company_infor li p{padding:5px 0;line-height: 35px;}
.service_company_infor p span{font-size: 16px;color: #606775;}
.service_company_infor p strong{line-height: 45px;color:#D29E25;}

.service_company_list{position: absolute;bottom: 0;right: 0;padding-left: 50px;height:90px;}
.service_company_list::after{position: absolute;content: '';left: 0;bottom: 0;width: 0;height: 0;border-left:50px solid transparent;border-bottom:90px solid #FFC400;}
.service_company_list ul{display: flex;justify-content: space-between;align-items: center;background: linear-gradient(to right, #FFC400 0%, #EC9F00 100%);height: 100%;}
.service_company_list ul li{color: #fff;border-right: 1px solid rgba(255,255,255,0.2);padding:0 65px;text-align: center;}
.service_company_list ul li:last-child{border-right:none;}
.service_company_list ul li p b{font-weight:600;font-size:28px;line-height:40px;padding-bottom: 5px;display: inline-block;}
.service_company_list ul li p span{font-size: 15px;line-height:25px;}


.service_infor_ul{padding:20px 0;}
.service_infor_ul ul{display: flex;justify-content: space-between;align-items: stretch;}
.service_infor_ul ul li{width:calc((100% - 150px)/4);text-align: left;}
.service_infor_ul ul li p{padding:10px 0;}
.service_infor_ul ul li p img{height: 70px;}
.service_infor_ul ul li p b{font-weight: 600;font-size: 18px;}
.service_infor_ul ul li p span{font-size: 16px;color: #606775;line-height: 25px;}


.service_aboutc{margin-bottom:20px;background:#fff url(../images/icon/about.svg) no-repeat left center;}
.service_aboutw{margin-bottom:20px;background:#fff;}
.service_cont{padding:30px 0;text-align:left;}

.service_about{position: relative;}
.service_about_info{display: flex;justify-content:flex-end;align-items:center;height:720px;margin:30px 0;}
.service_about_infor{width: 60%;margin-bottom: 100px;}
.service_about_infor p b{font-weight:600;font-size: 32px;line-height:80px;}
.service_about_infor li{height: 280px;overflow: auto;margin:20px 0;box-sizing: border-box;}
.service_about_infor li p{padding:5px 0;line-height: 35px;}
.service_about_infor p span{font-size: 16px;color: #606775;}
.service_about_infor p span img{float: left;margin:15px 15px 15px 0;}
.service_about_infor p strong{line-height: 45px;color:#D29E25;}

.service_about_infor_ul{padding: 20px 0;display: flex;justify-content: space-between;align-items: center;}
.service_about_infor_ul p{flex:auto;text-align: center;}
.service_about_infor_ul p img{height: 75px;}
.service_about_infor_ul p b{display:inline-block;font-weight: 600;font-size: 16px;line-height: 70px;}


.service_about_list{position: absolute;bottom: 0;right: 0;height:110px;}
.service_about_list::after{position: absolute;content:'';left: -50px;bottom: 0;width: 0;height: 0;border-left: 50px solid transparent;border-bottom: 110px solid #FFC400;}
.service_about_list ul{display: flex;justify-content: space-between;align-items: center;background: linear-gradient(to right, #FFC400 0%, #EC9F00 100%);height: 100%;}
.service_about_list ul li{color: #fff;border-right: 1px solid rgba(255,255,255,0.2);padding:0 70px;text-align: left;}
.service_about_list ul li:last-child{border-right:none;}
.service_about_list ul li p b{font-weight:600;font-size:40px;line-height:40px;padding-bottom: 10px;display: inline-block;}
.service_about_list ul li p span{font-size: 16px;line-height:25px;}


.service_app_top{padding:10px 0;}
.service_app_top p{padding:5px 0;display: flex;justify-content: space-between;align-items: center;}
.service_app_top p b{line-height:80px;font-weight:600;font-size:32px;}
.service_app_top p span{font-weight: 600;font-size: 18px;display: inline-block;position: relative;padding-right: 10px;line-height: 36px;color: #122234;}
.service_app_top p span i{margin-left: 20px;}
.service_app_top p span em{display: inline-block;border: 1px solid #FEBB37;width: 36px;height: 36px;border-radius: 50%;font-style: normal;position: absolute;right: 0;top:0;}
.service_app_top p span:hover em{border: 1px solid #DE9300;}
.service_app_top p span.swiper_Appup{display: none;}


.service_app_ul{padding: 50px 0;width: 100%;overflow: hidden;}
.service_app_ul ul{display: flex;justify-content: space-between;align-items: stretch;}
.service_app_ul ul li{position:relative;width:350px;}
.service_app_ul ul li p{width:100%;overflow: hidden;height: 450px;background: #ecedf1;}
.service_app_ul ul li p img{width: 100%;height: 100%;object-fit: cover;}
.service_app_ul ul li b{font-weight:600;font-size:16px;line-height:80px;position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 30%,rgba(0,0,0,0.6) 100%);color:#fff;text-align: center;}
.service_app_ul ul li span{position:absolute;bottom:0px;left:0;width:100%;top:0;background:rgba(0,0,0,0.3);color:#fff;justify-content: center;align-items: center;display: flex;opacity: 0;transition: all 0.3s linear;}
.service_app_ul ul li span img{width: 0px;transition: all 0.3s linear;}
.service_app_ul ul li:hover span{opacity:1;}
.service_app_ul ul li:hover span img{width: 60px;}

.service_history_ul{padding: 20px 0;width: 100%;overflow: hidden;}
.service_history_ul li{display: flex;justify-content: space-between;align-items: stretch;}
.service_history_pic{width: 45%;height: 380px;}
.service_history_pic img{width: 100%;height: 100%;object-fit: cover;}
.service_history_info{width: 52%;}
.service_history_info p{padding:10px 0;display: flex;justify-content: flex-start;align-items: baseline;}
.service_history_info p strong{font-weight: 600;font-size: 60px;color: #FFBF41;line-height: 100px;}
.service_history_info p i{display: inline-block;background:#FFBF41;border-radius: 50%;margin-right: 15px;line-height:25px;width:25px;text-align: center;color:#fff;font-style: normal;}
.service_history_info p span{flex: 1;display: inline-block;font-size: 16px;line-height: 35px;}

.service_history_bar{margin:30px 0;position: relative;}
.service_history_barmain{display: flex;justify-content: space-between;align-items: baseline;position: relative;z-index: 2;padding-bottom: 50px;}
.service_history_barmain span{line-height: 45px;}
.swiper_hisup span i,.swiper_hisdown span i{line-height: 43px;font-size: 16px;height: 45px;width: 45px;border-radius: 50%;background:linear-gradient( 142deg, #FFB824 0%, #F0A200 100%);text-align: center;color: #fff;}
.service_history_barmain .swiper-button-disabled i{background:#ccc;}

.swiper_hispage{display: flex;justify-content: center;align-items: baseline;position: relative;}
.swiper_hispage .swiper-pagination-bullet{display: flex;flex-direction: column;justify-content: flex-start;display: inline-block;width: 12px;height: 12px;margin:17px 50px;border-radius: 50%;opacity: 1;position: relative;box-sizing: border-box;border:1px solid #ccc;background: transparent;}
.swiper_hispage .swiper-pagination-bullet-active{background: #FFBF41;border:1px solid #FFBF41;}
.swiper_hispage .swiper-pagination-bullet-active::after{content: '';position: absolute;width:27px;height: 27px;background: rgba(240,162,0,0.1);border-radius: 50%;left: -8px;top:-8px;}
.swiper_hispage span em{font-style:normal;font-size:16px;color:#999;position: absolute;top:0;left:0;transform: translate(-50px,50%);display: block;min-width:111px;text-align: center;}
.swiper_hispage .swiper-pagination-bullet-active em{font-size:22px;color:#DE9300;}

.service_history_line{border:1px solid rgba(239,239,239,0.7);position: absolute;top:22px;width: 99%;z-index: 1;}

.service_app_list{display: flex;justify-content: space-between;align-items: stretch;padding:20px 0;}
.service_app_list li{width: 47%;}
.service_app_list li p{line-height: 30px;padding:5px 0;display: flex;justify-content: flex-start;align-items: baseline;}
.service_app_list li p b{line-height: 60px;font-size: 24px;}
.service_app_list li p i{width: 20px;margin-right: 10px;font-size: 15px;color: #D29E25;text-align: center;}
.service_app_list li p span{font-size: 15px;}

.service_honor{padding: 50px 0;width: 100%;overflow: hidden;}
.service_honor ul{display: flex;justify-content: space-between;align-items: stretch;}
.service_honor ul li{position:relative;}
.service_honor ul li p{height: 450px;overflow: hidden;background: #ecedf1;}
.service_honor ul li p img{width: 100%;height: 100%;object-fit: cover;}
.service_honor ul li b{display: inline-block;font-weight:600;font-size:16px;line-height:100px;width:100%;text-align: center;}

.service_map{margin:50px 0;padding:0;background:#f5f5f5;}