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

.service{background:#F5F5F5;padding:50px 0;}
.service_nav{width: 100%;background: #fff;margin-bottom: 20px;}
.service_nav ul{display: flex;justify-content: flex-start;align-items: center;flex-flow: row nowrap;width: 100%;overflow: hidden;}
.service_nav ul li{line-height: 50px;margin:4px 20px 0 40px;}
.service_nav ul li a{display: inline-block;font-size: 18px;color: #767578;border-bottom: 4px #fff solid;}
.service_nav ul li.action span{display: inline-block;font-weight: bold;font-size: 22px;color: #2E3231;border-bottom: 4px #3ABEB7 solid;}
.service_nav ul li:hover a{color: #2E3231;}

.service_interact{margin-bottom: 20px;text-align: left;}
.service_interact_info{background: #fff;padding:70px 40px 90px;display: flex;justify-content: space-between;align-items: stretch;margin-bottom: 20px;}
.service_interact_infor{width: 56%;}
.service_interact_infor p{padding-bottom: 30px;line-height:28px;color: #767578;}
.service_interact_infor p b{line-height: 60px;color: #2E3231;font-size: 30px;}
.service_interact_infor ul{display: flex;justify-content: space-between;align-items: center;padding:35px 0 0;}
.service_interact_infor ul li{flex: 1;}
.service_interact_infor ul li b{font-size: 42px;color: #0BA29A;line-height:60px;display: block;}
.service_interact_infor ul li span{line-height: 35px;font-size: 20px;}

.service_interact_pic{width:36%;display: flex;align-items: center;}
.service_interact_pic img{width: 100%;}

.service_interact_area{background: #fff;padding:40px 40px;margin-bottom: 20px;}
.service_interact_top{width: 100%;}
.service_interact_top p b{line-height: 60px;font-size: 30px;}
.service_interact_arealist{margin:20px 0;width: 100%;overflow: hidden;position: relative;}
.service_interact_arealist ul{width: 150%;overflow: hidden;display: flex;justify-content:flex-start;align-items: stretch;}
.service_interact_arealist ul li{flex:1;position: relative;transition:flex 0.4s linear;max-height: 558px;overflow: hidden;}
.service_interact_arealist ul li.action{flex:2;}
.service_interact_arealist ul li>img{width:100%;height:100%;object-fit: cover;}
.service_interact_arealist ul li.action>img{width:50%;}
.interact_arealist_box{position: absolute;top:0;left: 0;height: 100%;width: 100%;background: linear-gradient(135deg,#34BC9F,#277A9F);display:flex;align-items: center;justify-content: center;padding:40px;box-sizing: border-box;opacity: 0;}
.interact_arealist_boxc p{padding:10px 0;color:#fff;opacity:0;transition:all 0.3s linear 0.4s;margin:10px 0;}
.interact_arealist_boxc p i{display: inline-block;height: 60px;padding:15px 0;}
.interact_arealist_boxc p i img{height: 100%;}
.interact_arealist_boxc p b{display: block;font-size: 20px;line-height:28px;}
.interact_arealist_boxc p span{display: inline-block;line-height: 25px;}
.interact_arealist_boxc p:last-child{padding:25px 0;}
.service_interact_arealist ul li.action .interact_arealist_box{opacity:1;}
.service_interact_arealist ul li.action .interact_arealist_boxc p{opacity:1;margin:0;}
.arealist_box{position: absolute;bottom: 0;left: 0;right: 0;height: 80px;box-sizing: border-box;padding:0 40px;color:#fff;display: flex;justify-content:flex-start;align-items: stretch;background: rgba(10,10,10,0.2);}
.arealist_box p{margin:25px 15px;display: flex;align-items:flex-end;justify-content: center;}
.arealist_box p strong{display: block;width:100px;border-top:1px solid rgba(255,255,255,0.3);margin:14px 0;}
.arealist_box p b{padding:0 2px;font-size: 17px;}
.arealist_box p b.arealist_index{font-size: 19px;}
.arealist_box p em{font-style: normal;font-size: 17px;padding:2px 0;}
.arealist_box p span{display: inline-block;margin:0 10px;width: 26px;height: 26px;line-height:25px;background: #fff;border-radius: 50%;color:#109995;text-align: center;font-size: 20px;cursor:pointer;}
.arealist_box p span:hover{background: #109995;color:#fff;}
.interact_arealist_icon{position: absolute;top:0;left: 0;height: 100%;width: 100%;display:flex;align-items: center;justify-content: center;}
.interact_arealist_icon p{color:#fff;text-align: center;}
.interact_arealist_icon p i{display: inline-block;height: 60px;padding:15px 0;}
.interact_arealist_icon p i img{height: 100%;}
.interact_arealist_icon p b{display: block;font-size: 16px;line-height:30px;font-weight: normal;}
.interact_arealist_icon p span{font-size:12px;}

.service_interact_advantage{background: #fff;padding:40px 40px;margin-bottom: 20px;}
.service_advantage_list{padding:20px 0;}
.service_advantage_list ul{display: flex;align-items: stretch;justify-content: space-between;}
.service_advantage_list ul li{width: calc((100% - 120px)/5);text-align: center;box-sizing: border-box;padding:30px 25px;border: 1px solid #109995;border-radius: 8px 0;position: relative;}
.service_advantage_list ul li p{padding:7px 0;}
.service_advantage_list ul li p i{display: block;height: 85px;margin:5px 0;}
.service_advantage_list ul li p i img{height: 100%;}
.service_advantage_list ul li p b{line-height: 35px;font-size: 18px;color: #109995;}
.service_advantage_list ul li p span{display: inline-block;line-height: 24px;text-align: left;}
.service_advantage_list ul li::after{position: absolute;top:2px;left:2px;border-top:1px solid #109995;border-left:1px solid #109995;height:10px;width: 10px;content: '';transition: all 0.3s linear;border-radius:8px 0 0 0;}
.service_advantage_list ul li::before{position: absolute;bottom:2px;right:2px;border-right:1px solid #109995;border-bottom:1px solid #109995;height:10px;width: 10px;content: '';transition: all 0.3s linear;border-radius:0 0 8px 0;}
.service_advantage_list ul li:hover{box-shadow:inset 0 0 5px 2px #EFEFEF;}
.service_advantage_list ul li:hover::after{width: calc(100% - 5px);height: calc(100% - 5px);}
.service_advantage_list ul li:hover::before{width: calc(100% - 5px);height: calc(100% - 5px);}
.service_form_group_ck{display: flex;justify-content: flex-start;}
.service_form_group_ck span{padding:0 7px;display: flex;align-items: center;}
.service_form_group_ck span input{margin-right:5px;}











.service_infor{padding:30px 40px;background: #fff;margin-bottom: 20px;text-align: left;}
.service_infor_top{padding:0px 0 20px;}
.service_infor_top p{padding:5px 0;}
.service_infor_top p b{line-height: 50px;font-weight: bold;font-size: 32px;color: #2E3231;}
.service_infor_top p span{line-height: 28px;font-size: 16px;color: #707070;}

.service_infor_main{padding:10px 0;}
.service_infor_two{display: flex;justify-content: flex-start;align-items: flex-start;flex-flow: row nowrap;padding:30px 0 50px;border-top: 1px solid #CBCDD4;}
.service_infor_left{width: 55%;}
.service_infor_right{width: 45%;}
.service_infor_cont{display: flex;justify-content:flex-start;align-items: flex-start;flex-flow: row nowrap;}
.service_infor_cont_icon{width:40px;height:40px;padding-right: 10px;}
.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;color: #2E3231;padding-bottom: 10px;}
.service_infor_cont_li p span{display: inline-block;line-height: 30px;padding-right:40px;font-size: 14px;}
.service_infor_cont_li ul{display: flex;align-items: flex-start;justify-content: flex-start;}
.service_infor_cont_li ul li{margin-right: 70px;text-align: center;}
.service_infor_cont_li ul li i{display: block;width: 90px;height: 90px;overflow: hidden;}
.service_infor_cont_li ul li i img{width: 100%;float: left;}
.service_infor_cont_li ul li span{line-height: 40px;color: #707070;font-size: 14px;}
.service_infor_one{width: 100%;padding:50px 0 20px;border-top: 1px solid #CBCDD4;}

.service_form{padding:30px 40px 40px;background: #fff;margin-bottom: 20px;text-align: left;}
.service_form_title{font-weight: bold;font-size: 24px;color: #2E3231;line-height: 60px;}
.service_form_list{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;color: #2E3231;line-height: 40px;}
.service_form_group p span.red{margin-right:5px;font-weight: bold;}
.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:36px;}
.service_form_group_file span{display: inline-block;line-height:36px;width: 120px;font-size: 14px;font-weight: bold;border-radius:4px ;border: 1px solid #219E97;color:#219E97;text-align: center;}
.service_form_group_file i{padding:0 10px;color:#999;font-size: 12px;}
.form_group_file{height:36px;line-height:36px;width: 120px;position:absolute;top:0;left: 0;opacity: 0;}

.service_form_group_pic{height: 62px;}
.service_form_group_pic img{height:62px;float: left;}
.form_group_pic{width: 62px;height: 62px;position:absolute;top:0;left: 0;opacity: 0;}

.form_group_submit{background: linear-gradient( 92deg, #3ABEB7 0%, #008B6D 100%);line-height: 45px;border: none;padding:0 60px;font-size: 14px;color: #fff;}

.service_guide{width: 100%;margin-bottom: 20px;}
.service_guide_top{padding:30px 40px 40px;background: #fff;margin-bottom: 20px;text-align: left;}
.service_guide_top p b{font-weight: bold;font-size: 32px;line-height: 60px;}
.service_guide_top p span{font-size: 16px;color: #707070;line-height: 25px;}

.service_guide_main{display: flex;justify-content: space-between;align-items: stretch;background: #fff;}
.service_guide_list{width:230px;background: #EFEFEF;}
.service_guide_list ul li{line-height: 60px;font-size: 16px;}
.service_guide_list ul li a{display: inline-block;width: 100%;height: 100%;}
.service_guide_list ul li.action{background: #219E97;}
.service_guide_list ul li.action a{color: #fff;}
.service_guide_list ul li a i{font-size: 16px;padding:0 10px;}
.service_guide_cont{width: calc(100% - 230px);padding-bottom: 50px;display: none;}
.service_guide_cont.action{display: block;}



.swiper-container2,.swiper-container3,.swiper-container4{width:100%;height:100%;overflow: hidden;position: relative;} 
.swiper-slide li{width:100%;height:100%;}
.swiper-slide li img{width:100%;float: left;}
.service_guide_cont .swiper-pagination-bullet{width:30px;height:6px;border-radius:3px;background: #D9D9D9;opacity: .3;}
.service_guide_cont .swiper-pagination-bullet-active{opacity:1;background: #0BA29A;}
.service_guide_cont .swiper-button-prev,.service_guide_cont .swiper-button-next{color:#0BA29A;background:none;font-size: 80px;}

.service_page{padding:30px 40px 40px;background: #fff;margin-bottom: 20px;text-align: left;}
.service_page_title{width: 100%;}
.service_page_title p{line-height: 80px;border-bottom: 1px solid #CBCDD4;}
.service_page_title p b{font-size: 36px;}
.service_page_content{padding:20px 0;}
.service_page_content p{padding:5px 0;line-height: 30px;}
.service_page_content p i{font-size: 9px;margin-right: 10px;color:#666;}
.service_page_content p em{color: #109995;font-style: normal;}

.service_prototype{width: 100%;margin: 40px 0;}
.service_prototype_title{padding:20px 40px;background: #fff;}
.service_prototype_title p{padding:10px 0;text-align: left;}
.service_prototype_title p b{font-size: 36px;}
.service_prototype_title p span{line-height:28px;font-size:16px;color:#707070;}

.service_prototype_list{padding:20px 40px;margin-top:20px;background: #fff;}
.service_prototype_list ul{display: flex;justify-content: space-between;align-items: stretch;flex-flow: row wrap;}
.service_prototype_list ul>div{width:calc((100% - 80px)/5);}
.service_prototype_list ul li{width:calc((100% - 80px)/5);margin-bottom: 20px;border: 1px solid #CBCDD4;box-sizing: border-box;cursor: pointer;position: relative;}
.service_prototype_tips{padding:20px 0;line-height: 40px;text-align: left;}
.service_prototype_tips p b{font-size: 20px;}
.service_prototype_list_title{padding:20px 0;line-height: 35px;text-align: left;}
.service_prototype_list_title p b{display: inline-block;border: 1px solid #1FA09C;padding:0 20px;border-radius:6px;color: #109995;}
.service_prototype_pic{width: 100%;height:190px;overflow: hidden;}
.service_prototype_pic img{width: 100%;height:100%;object-fit: contain;transition: all 0.3s linear;}
.service_prototype_list ul li:hover .service_prototype_pic img{transform: scale(1.05);}
.service_prototype_info{border-top: 1px solid #CBCDD4;padding:10px 15px;}
.service_prototype_info p{text-align: left;}
.service_prototype_info p b{display: inline-block;font-size: 14px;line-height: 28px;width: 100%;font-weight: normal;}
.service_prototype_info p span{display: inline-block;font-size: 14px;color: #767578;margin-bottom:10px;}
.service_prototype_list ul li:hover .service_prototype_info p b{color:#109995;}
.service_prototype_list ul li:hover{border: 1px solid #109995;}
.service_prototype_list ul li:hover .service_prototype_info{border-top: 1px solid #109995;}
.service_prototype_list ul li.action{border: 2px solid #109995;}
.service_prototype_list ul li.action .service_prototype_info{border-top: 2px solid #109995;}

.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;}

.service_prototype_list 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,#0BA19D 50%,rgba(0,0,0,0) 50%);background-size: 100% 100%;background-position:top left, bottom left;}
.service_prototype_list ul li.action .service_prototype_icon{display: flex;justify-content: flex-end;align-items: flex-end;}
.service_prototype_list ul li .service_prototype_icon i{font-size: 16px;color:#fff;}


.service_information{display: flex;justify-content: space-between;align-items:stretch;}

.buy_sort{width: 220px;background: #fff;box-sizing: border-box;}
.buy_sort ul{padding:15px 15px;position:sticky;top:0px;}
.buy_sort ul li{line-height:45px;margin-bottom:8px;text-align: left;cursor:pointer;transition: all 0.3s linear;}
.buy_sort ul li span{font-size: 15px;}
.buy_sort ul li i{padding:0 8px;transition: all 0.3s linear;}
.buy_sort ul li a{display: inline-block;height: 100%;width: 100%;padding:0 15px;box-sizing: border-box;}
.buy_sort ul li.action a{color:#fff;background: #109995;}
.buy_sort ul li:hover a{color:#109995;background:#f4f4f4;}
.buy_sort ul li.action:hover a{color:#fff;background:#109995;}
.buy_sort ul li:hover i{padding:0 10px;}

.buy_pro{width:calc(100% - 240px);background: #fff;padding:20px 50px;height: 100%;overflow:auto;box-sizing: border-box;}
.buy_pro_sort{width: 100%;padding:10px 0;}

.buy_pro_top{position: relative;margin-top:15px;}
.buy_pro_infor{text-align: left;width:auto ;width: 85%;}
.buy_pro_infor p b{line-height: 45px;font-size: 20px;color: #2E3231;}
.buy_pro_infor p{line-height: 30px;}

.buy_pro_ul{width: 100%;padding:30px 0;display: flex;justify-content:space-between;align-items: stretch;flex-flow: row wrap;}
.buy_pro_li{width: calc((100% - 90px)/4);margin-bottom: 30px;display: flex;flex-direction: column;}
.buy_pro_li_pic{width:100%;min-height:130px;border: 1px solid #CBCDD4;box-sizing: border-box;display: flex;justify-content: center;align-items: center;overflow: hidden;max-height:280px;}
.buy_pro_li_pic img{width: 100%;transition: transform 0.3s linear;}
.buy_pro_li .buy_pro_li_pic:hover img{transform: scale(1.1);}
.buy_pro_li_cont{flex: 1;padding:10px 22px 20px;border: 1px solid #CBCDD4;border-top:none;text-align: left;box-sizing: border-box;}
.buy_pro_li_cont p{line-height:40px;font-size: 14px;}
.buy_pro_li_cont ul li{line-height: 27px;color: #515151;font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.2s linear;}
.buy_pro_li_cont ul li:hover{padding-left:2px;}
.buy_pro_li_pic2{flex:auto;}
.buy_pro_li_cont2{flex: 1;padding:10px 22px;border: 1px solid #CBCDD4;border-top:none;text-align:center;box-sizing: border-box;max-height:61px;}
.buy_pro_li_cont2 p{line-height:40px;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.buy_pro_list{width: 100%;padding:10px 0 50px;}
.buy_list_top{text-align: left;line-height: 30px;}
.buy_list_top p{display: flex;justify-content: flex-start;align-items: center;}
.buy_list_top p i{padding:0 10px;}
.buy_list_top p span{color:#A8A8A8;}
.buy_list_top p b{line-height: 70px;font-size: 24px;color: #2E3231;}
.buy_list_top p em{color:orangered;font-style: normal;padding:0 2px;}

.buy_table{display: table;width: 100%;border: 1px solid #E9E9E9;}
.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{border-right:none;}
.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{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:#109995;}

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


.about{background:#fff;padding:50px 0;}

.about_info{padding:70px 0;display: flex;justify-content: space-between;align-items: stretch;margin-bottom: 20px;text-align: left;}
.about_area{padding:40px 0;margin-bottom: 20px;text-align: left;}

.about_case{padding:40px 0;margin-bottom: 20px;text-align: left;}
.about_title{text-align: center;}
.about_title p{line-height: 60px;font-size: 34px;}
.about_case_list{padding:40px 0;}
.about_case_list ul{display: flex;justify-content: space-between;align-items:stretch;}
.about_case_list ul li{width:calc((100% - 70px)/3);display: flex;flex-direction: column;background: #F2F2F2;}
.about_case_pic{flex: auto;width: 100%;overflow: hidden;max-height: 320px;flex: auto;}
.about_case_pic a{width: 100%;height: 100%;}
.about_case_pic img{width: 100%;height: 100%;object-fit:cover;float: left;transition: all 0.3s linear;}
.about_case_list ul li:hover .about_case_pic img{transform: scale(1.03);}
.about_case_infor{flex: 1;padding:10px 20px 35px;}
.about_case_infor p b{display: block;font-size: 18px;line-height: 50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.about_case_infor p span{font-size: 14px;color: #767578;line-height: 21px;}

.about2{background: #F2F2F2;padding:40px 0;}
.about_sw{padding:40px 0;text-align: left;}
.about_certificate{padding:100px 0 20px;position:relative;overflow:hidden;}
.about_certificate li{text-align: center;}
.about_certificate li img{width: 100%;transition: all 0.2s linear;}
.about_certificate li:hover img{transform: scale(1.01);}
.about_certificate li span{font-size: 16px;line-height:100px;width: 100%;display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.2s linear;}
.about_certificate li:hover span{color:#109995;}
.about_certificate_button{text-align: center;padding:20px 0;display: flex;justify-content: center;align-items: center;}
.about_icon{border: 1px solid #D1D1D1;border-radius: 50%;width:64px;height:64px;display: flex;align-items: center;justify-content: center;margin:0 11px;color:#999;transition: all 0.3s linear;cursor: pointer;}
.about_icon:hover{color:#2E3231;border: 1px solid #2E3231;}

.about3{padding:40px 0;background: #F5FFFF;}
.about_outlets{display: flex;align-items: stretch;justify-content: space-between;}
.about_outlets_infor{padding:10px 0;text-align: left;flex: auto;margin-right:25px;}
.about_outlets_infor>p{padding:10px 0;}
.about_outlets_infor>p>b{font-size: 34px;line-height: 80px;}
.about_outlets_infor>p>span{font-size: 16px;color: #767578;line-height: 28px;}
.about_outlets_infor ul{display: flex;align-items: stretch;justify-content: space-between;flex-flow: row wrap;padding:50px 0;}
.about_outlets_infor ul li{width: 40%;padding:40px 0;}
.about_outlets_infor ul li p b{font-size: 42px;color: #0BA29A;line-height: 50px;}
.about_outlets_infor ul li p span{font-size: 20px;line-height: 35px;color: #2E3231;}

.about_outlets_ditu{flex: 1;display: flex;align-items: center;justify-content: center;}
.about_outlets_ditubg{position: relative;}
.about_outlets_ditubg img{float: right;}
.about_outlets_ditubg>span{position: absolute;width: 11px;height: 11px;border-radius: 50%;display: inline-block;background: #109995;}
.about_outlets_ditubg>span.dot1{top:290px;left:240px;}
.about_outlets_ditubg>span.dot2{top:270px;left:480px;}
.about_outlets_ditubg>span.dot3{top:360px;left:560px;}
.about_outlets_ditubg>span.dot4{top:470px;left:800px;}
.about_outlets_ditubg>span.dot5{top:320px;left:730px;}
.about_outlets_ditubg>span.dot6{top:420px;left:700px;}
.about_outlets_ditubg>span.dot7{top:360px;left:726px;}
.about_outlets_ditubg>span::before{position: absolute;top: 0px;left: 0px;background: rgba(16,153,149,0.5);width: 11px;height: 11px;border-radius: 50%;display: inline-block;content: '';}
.about_outlets_ditubg>span::after{position: absolute;top: -5px;left: -5px;background: rgba(16,153,149,0.4);width: 22px;height: 22px;border-radius: 50%;display: inline-block;content: '';transition:all 0.3s linear;}
.about_outlets_ditubg>span:hover::before{animation:kuoshan 1.5s ease-out infinite;}
.about_outlets_ditubg>span:hover::after{background: rgba(16,153,149,0.2);}

.about_outlets_dotbox{position: absolute;background: #109995;padding:5px 25px;text-align: left;color:#fff;display:none;}
.about_outlets_title{border-bottom: 1px solid rgba(200,200,200,0.2);}
.about_outlets_title p{width: 340px;}
.about_outlets_title p b{font-size: 22px;line-height: 60px;font-weight: normal;}
.about_outlets_list{padding:12px 0;}
.about_outlets_list p{line-height: 32px;font-size: 16px;}
.about_outlets_list p i{margin-right: 20px;}

.about_baidu{width: 100%;height: 620px;background: #f3f4f5;margin:40px 0;}
.about_link{width: 100%;margin:40px 0;display: flex;justify-content: space-between;align-items: stretch;text-align: left;}
.about_link_li{width: 45%;padding:15px 30px;border: 1px solid #D1D1D1;box-sizing: border-box;}
.about_link_li p{padding:5px 0;}
.about_link_li p b{font-size: 20px;line-height: 35px;}
.about_link_li p i{font-size: 16px;color: #109995;margin-right: 10px;}
.about_link_li p span{font-size: 16px;line-height: 28px;}

.about_history{padding:20px 0;}
.about_historyc{display: flex;justify-content: space-between;align-items: stretch;}

.about_history_top{height: 80px;font-size: 30px;}

.about_history_aol{flex: 1;padding:25px 0;}
.about_history_aol img{width: 100%;border-radius: 10px;}

.about_history_ul{width: 180px;margin:10px 60px;display:flex;flex-direction: column;}
.swiper_history{width: 100%;height: 270px;}
.swiper_history span{font-weight: bold;font-size: 60px;color: #D8D8D8;display: inline-block;width: 100%;}
.swiper_history .swiper-slide-active span{color: #0BA29A;}
.about_history_ul>p{padding-top:15px;line-height: 70px;display: flex;align-items: center;justify-content:space-around;}
.about_history_ul>p span{font-size:100px;color: #D8D8D8;cursor:pointer;transition: color 0.3s linear;}
.about_history_ul>p span i{height: 50px;line-height: 50px;}
.about_history_ul>p span:hover{color:#109995;}

.about_history_info{flex: 1;box-sizing: border-box;margin:10px 0;}
.about_history_info2{height: 100%;}
.about_history_info p{text-align: left;padding-bottom: 5px;transform:translateX(25px);opacity:0;}
.about_history_info p b{font-size: 22px;color: #0BA29A;line-height: 50px;}
.about_history_info p span{line-height: 30px;font-size: 18px;}
.about_history_info2.hide1 p{animation:hide1 0.1s ease-out 1 forwards;}
.about_history_info2.show1 p:nth-child(1){animation:show1 0.5s ease-out 0s 1 forwards;}
.about_history_info2.show1 p:nth-child(2){animation:show1 0.5s ease-out 0.15s 1 forwards;}
.about_history_info2.show1 p:nth-child(3){animation:show1 0.5s ease-out 0.3s 1 forwards;}
.about_history_info2.show1 p:nth-child(4){animation:show1 0.5s ease-out 0.45s 1 forwards;}
.about_history_info2.show1 p:nth-child(5){animation:show1 0.5s ease-out 0.6s 1 forwards;}
.about_history_info2.show1 p:nth-child(6){animation:show1 0.5s ease-out 0.75s 1 forwards;}
.about_history_info2.show1 p:nth-child(7){animation:show1 0.5s ease-out 0.9s 1 forwards;}
.about_history_info2.show1 p:nth-child(8){animation:show1 0.5s ease-out 1.05s 1 forwards;}
.about_history_info2.show1 p:nth-child(9){animation:show1 0.5s ease-out 1.2s 1 forwards;}
.about_history_info2.show1 p:nth-child(10){animation:show1 0.5s ease-out 1.35s 1 forwards;}


@keyframes hide1{
    0% {opacity:1;transform:translateX(0);}
    100%{opacity:0;transform:translateX(0);}
}
@keyframes show1{
    0% {transform:translateX(25px);opacity:0;}
    100% {transform:translateX(0);opacity:1;}
}

@keyframes kuoshan{
    from {transform: scale(1);opacity:1;}
    to {transform: scale(3.5);opacity:0.1;}
}


@media screen and (min-width:2000px){
    .buy_pro_li{width:calc((100% - 120px)/5);}
}
@media screen and (max-width:2000px){
    .buy_pro_li{width:calc((100% - 90px)/4);}
}
@media screen and (max-width:1680px){
    .buy_pro_li{width:calc((100% - 60px)/3);}
}
@media screen and (max-width:1480px){
    .buy_pro_li{width:calc((100% - 30px)/2);}
}
@media screen and (max-width:1240px){
    .buy_pro_li{width:100%;}
}
@media screen and (max-width:980px){
    
}
@media screen and (max-width:780px){

}
@media screen and (max-width:360px){

}