@font-face {
	font-family: myFont;
	src: url("../fonts/myfont.ttf") format('truetype');
}
@font-face {
  font-family: "iconfont"; /* Project id 3476388 */
  src: url('../fonts/iconfont.woff2') format('woff2'),
       url('../fonts/iconfont.woff') format('woff'),
       url('../fonts/iconfont.ttf') format('truetype');
}

@font-face {
    font-family: myfontfamily;
    src:url("../fonts/NotoSans_Condensed-BoldItalic.ttf") format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body,dl,dd,dt,h1,h2,h3,h4,h5,h6,p,form,ol,ul,li,select,option{margin:0; padding:0;}
body{font-family:"myFont","Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;color:#595757;min-width: 320px;font-size: 20px;}
::-webkit-input-placeholder {font-family: sans-serif;}
ul,li{list-style:none}
a{color: #595757;text-decoration: none;}
img{width: 100%;vertical-align: top;}
.fl{float:left}
.fr{float:right}
.clear{clear: both;}

.container{width: 1200px;margin: auto;}

.web_header{padding: 10px 0 15px;position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background-color: #ffffff;box-shadow: 0px 16px 21px rgb(23 23 23 / 8%);}
.web_header_position{height: 85px;}
.web_header_nav_list{line-height: 58px;position: relative;padding: 0 16px;}
.web_header_nav_list:hover{background-color: #00a1e9;color: #ffffff;}
.web_header_nav_list:hover .web_header_nav_list_href{color: #ffffff;}
.web_header_nav_list_lists{position: absolute;background-color: #ffffff;z-index: 999;left:50%;top:58px;transform: translate(-50%);border-top: 3px solid #00a1e9;box-shadow: 0 0 10px rgb(0 0 0 / 10%);display: none;}
.web_header_nav_list_list:not(:last-child){border-bottom: 1px solid #00a1e9;}
.web_header_nav_list_list_href {white-space: nowrap;display: block;padding: 15px 10px;font-size: 17px;line-height: 20px;}
.web_header_nav_list_list_href:hover{color: #00a1e9;}

.web_header_btns{width: 21px;margin-top: 18px;display: none;}
.web_header_btn{height: 2px;background-color: #00a1e9;margin: 4px 0;border-radius: 2px;}
.web_header_btn1{transform: rotate(0deg);transform-origin: 0;transition: all .5s;}
.web_header_btn2{transition-delay: .3s}
.web_header_btn3{transform: rotate(0deg);transform-origin: 0;transition: all .5s;}

.web_header_btns_on .web_header_btn1{transform: rotate(35deg);transform-origin: 0;transition: all .5s;}
.web_header_btns_on .web_header_btn2{visibility: hidden;transition: all .1s;}
.web_header_btns_on .web_header_btn3{transform: rotate(-35deg);transform-origin: 0;transition: all .5s;}

.web_header .sub_header {
	position: absolute;
	padding: .2em 0;
	bottom: -1.3em;
	font-size: .9em;
	width: 100%;
	height: 1.3em;
	background: linear-gradient(to right, #b1b1b1, #00adff, #b1b1b1);
	color: #ffffff;
	text-align: center;
	font-weight: blod;
}
.web_header .sub_header .click {
	font-family: sans-serif;
	background-color: #2693cdf5;
	border-radius: 3px;
	border: solid 2px rgb(150 196 221);
	font-size: .8em;
}

.web_session{padding: 50px 0;position: relative;}
.about_title { word-spacing: 10px; }
.web_about_conts{width: 600px;text-align: justify;line-height: 1.5; word-spacing: 1px;}
.web_about_cont{margin-top:52px }
@media screen and (min-width: 991px) {
	.web_about_cont:first-child { margin-top: 0; }
}

.web_about_lists{margin-top: 50px;text-align: center}
.web_about_list{width: 378px;border: 1px solid #585656;padding: 15px 0;border-radius: 20px;cursor: pointer;}
.web_about_list:nth-child(3n+1){margin-right: 20px}
.web_about_list:nth-child(3n+2){margin:0 10px}
.web_about_list:nth-child(3n){margin-left: 20px}
.web_about_list_text1{line-height: 48px}
.web_about_list_number{font-size: 36px;font-weight: bold;}
.web_about_list:hover .web_about_list_number{color: #00a1e9;}

.web_session_title{font-size: 36px;}
.web_session_title_right{text-align: right;font-size: 20px;}
.index_erob_swiper_container{padding: 0 50px;}
.index_erob_swiper_title{font-size: 65px;color: #00a1e9;text-align: right;}
.index_erob_swiper_conts{margin-top: 110px;}
.index_erob_swiper_cont,.index_ecoder_swiper_cont{font-size: 48px;text-align: right;font-weight: bold;}
.index_erob_swiper_btns{margin-top: 10px;}
.index_erob_swiper_btn{display: block;width: 170px;border: 1px solid #b4b5b5;color: #b4b5b5;line-height: 1.5;text-align: center;position: relative;border-radius: 5px;}
.index_erob_swiper_btn_icon{display: block;width: 0;height: 0;border: 5px solid transparent;border-left-color: #b4b5b5;vertical-align: middle;position: absolute;top: 11px;right: 0}
.index_erob_swiper_thumbs_container{width: 930px;margin:20px auto 0;}
.index_erob_swiper_thumbs_imgs{border: 1px solid #585656;width: 144px;border-radius: 10px;overflow: hidden;cursor: pointer;}
.index_erob_swiper_thumbs_imgs:hover{border-color: #00a1e9;}
.index_erob_swiper_thumbs_container{position: relative;}
.index_erob_swiper_thumbs_next:after{content: "";width: 0;height: 0;border: 28px solid transparent;border-left-color: #ffffff;margin-right: 6px}
.index_erob_swiper_thumbs_next{right: -106px;width: 0;height: 0;border: 33px solid transparent;border-left-color: #585656;}
.index_erob_swiper_thumbs_prev:after{content: "";width: 0;height: 0;border: 28px solid transparent;border-right-color: #ffffff;margin-left: 6px}
.index_erob_swiper_thumbs_prev{left: -106px;width: 0;height: 0;border: 33px solid transparent;border-right-color: #585656;}
.index_erob_swiper_thumbs_next:hover{border-left-color:#00a1e9}
.index_erob_swiper_thumbs_prev:hover{border-right-color:#00a1e9}



.index_ecoder_swiper_container{padding: 0 50px;}
.index_ecoder_swiper_title{font-size: 65px;color: #00a1e9;text-align: left;}
.index_ecoder_swiper_conts{margin-top: 110px;}
.index_ecoder_swiper_btns{margin-top: 10px;}
.index_ecoder_swiper_btn{display: block;width: 170px;border: 1px solid #b4b5b5;color: #b4b5b5;line-height: 1.5;text-align: center;position: relative;margin-right: 10px;border-radius: 5px;}
.index_ecoder_swiper_btn_icon{display: block;width: 0;height: 0;border: 5px solid transparent;border-left-color: #b4b5b5;vertical-align: middle;position: absolute;top: 11px;right: 0}
.index_ecoder_swiper_thumbs_container{width: 930px;margin:20px auto 0;}
.index_ecoder_swiper_thumbs_imgs{border: 1px solid #585656;width: 144px;border-radius: 10px;overflow: hidden;}
.index_ecoder_swiper_thumbs_imgs:hover{border-color: #00a1e9;}
.index_ecoder_swiper_thumbs_container{position: relative;}
.index_ecoder_swiper_thumbs_next:after{content: "";width: 0;height: 0;border: 28px solid transparent;border-left-color: #ffffff;margin-right: 6px}
.index_ecoder_swiper_thumbs_next{right: -106px;width: 0;height: 0;border: 33px solid transparent;border-left-color: #585656;}
.index_ecoder_swiper_thumbs_prev:after{content: "";width: 0;height: 0;border: 28px solid transparent;border-right-color: #ffffff;margin-left: 6px}
.index_ecoder_swiper_thumbs_prev{left: -106px;width: 0;height: 0;border: 33px solid transparent;border-right-color: #585656;}
.index_ecoder_swiper_thumbs_next:hover{border-left-color:#00a1e9}
.index_ecoder_swiper_thumbs_prev:hover{border-right-color:#00a1e9}

.swiper-slide-thumb-active{border-color: #00a1e9;}

.web_case_container{padding: 0;}
.index_case_titles_container{position: absolute;height: calc(100% - 120px);left: 50%;transform: translate(-50%);-webkit-transform: translate(-50%);-ms-transform: translate(-50%);-moz-transform: translate(-50%);-o-transform: translate(-50%);z-index: 10;}
.index_case_titles{font-weight: bold;text-align: left;position: absolute;padding-top: 120px;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%);}
.index_case_title{font-size: 32px;margin-top: 90px;color: #ffffff;}
.index_case_title:first-child{margin-top: 0;}
.index_case_title_on{color: #00a1e9;}
.index_case_title_name{border-left: 3px solid #00a1e9;cursor: pointer;display: inline-block;text-indent: 15px;}

.index_case_swiper{position:relative ;}
.index_case_swiper_more{position: absolute;left: 50%;bottom: 0;transform: translate(-50%);-webkit-transform: translate(-50%);-ms-transform: translate(-50%);-moz-transform: translate(-50%);-o-transform: translate(-50%);z-index: 300;}
.index_case_swiper_hrefs{width: 254px;border: 3px solid #ffffff;text-align: center;line-height: 64px;margin-bottom: 50px;border-radius: 15px}
.index_case_swiper_href{color: #ffffff;display: block;}
.index_case_swiper_hrefs:hover{border-color: #00a1e9;background-color: #00a1e9;}
/* .index_case_swiper_hrefs:hover .index_case_swiper_href{color: #00a1e9;} */

.web_news, .web_about {margin-top: 40px;}
.web_news_lists{position: relative;}
.web_news_list{position: absolute;top: 0;left: 0;display: none;}
.web_news_list:first-child{display: block;}

.web_news_list_imgs{width: 664px;max-height: 440px;height: 60vw;}
.web_news_list_title{margin-top: 14px}
.web_news_list_cont {margin-top: 6px;}
.web_news_title{width: 360px;height: 78px;border: 1px solid #585656;margin-top: 25px;text-align: center;line-height: 78px;font-size: 1.1em;border-radius: .5em;}
.web_news_title:first-child{margin-top: 0;}
.web_news_title1{line-height: 39px;}
.web_news_title_on a {color: #00a1e9;}
.web_news_title:hover a {color: #00a1e9;font-size: 1.2em;}
.web_news_more{width: 360px;height: 78px;border: 1px solid #585656;margin-top: 25px;text-align: center;line-height: 78px;border-radius: .5em;}
.web_news_more_href{display: block;}
.web_news_more:hover .web_news_more_href{color: #00a1e9;font-size: 1.1em;}

.mySwiper {
    padding-top: 84px;
}
.foot {background-color: #f5f5f5;width: 100%;}
.web_quote{padding: 0;}
form#form_data {
    margin-top: 15px;
}
.web_quote_form>div {
    margin-top: 10px;
}
.web_quote_title{display: inline-block;border-bottom: 5px solid #585656;line-height: 1.5;}
.web_quote_form_inputs{width: 45%;margin-top: 40px;}
.web_quote_form_input{width: calc(100% - 2px);padding: 0;line-height: 66px;border: 1px solid #585656;font-size: 20px;text-indent: 10px;border-radius: .3em;}
.web_quote_form_textareas{width: 100%;margin-top: 40px;}
.web_quote_form_textarea{width: calc(100% - 22px);border: 1px solid #585656;padding: 10px;height: 120px;font-size: 20px;resize: none;border-radius: .3em;}
.web_quote_form_other{width: 100%;margin-top: 10px;}
.web_quote_form_submit{width: 260px;line-height: 48px;padding: 0;border: 0;height: 48px;background-color: #00a1e9;font-size: 20px;color: #ffffff;border-radius: .3em;cursor: pointer;}
.web_quote_form_submit:hover{background-color: rgba(0, 161, 233, 0.8)}

.web_footer{padding: 35px 0 0;line-height: 1.5;}
.web_footer_logos{width: 30%;}
.web_footer_logo{width: 155px;}
.web_footer_logo_cont{color: #dddddd;}
.web_footer_nav{width: 11%;}
.web_footer_title{}
.web_footer_nav_list_href:hover{color: #00a1e9;}

.web_footer_conts{width: 49%;}

.web_footer_conts_title{font-weight: normal;}
.web_footer_medias_container{margin-bottom: 0px;margin-top: 15px;}
.web_footer_media{margin-left: 13px;font-size: 40px;cursor: pointer;}
.web_footer_media_href{font-size: 40px;}
.web_footer_media_href:hover{color: #00a1e9;}
.web_footer_copyright{width: 100%;background-color: #dddddd;line-height: 40px;text-align: center;}

.showMessage {padding: 10px 20px;border-radius: 5px;position: fixed;top: 15%;left: 50%;color: #ffffff;z-index: 999;transform: translate(-50%, 0);}
.showMessageSuccess{background-color: #f0f9eb;border: 1px solid #E1F3D8;color: #67c23a;}
.showMessageError {background-color: #fef0f0;border: 1px solid #fde2e2;color: #F76C6C;}

@media (max-width: 767px) {
	body{font-size: 14px;}
	.buttons_AeoN {
        margin-top: 0px !important;
	}
	.dflex .left .title {
        font-size: 1em !important;
    }
    .hdflex0_end,.jiegoutitle h1,.jiegou p,.main_title a,.small_title p, .application-title a {
        font-size: .7em!important;
    }
    .product-row .product-title,.form-group label {
        font-size: .8em!important;
    }
    .product-data tbody {
        font-size: 8px;
    }
    .main-content .row {
        flex-direction: column;
    }
	
	a.button.button--secondary {
        font-size: 10px !important;
        margin-top: 0px !important;
        padding: 5px 12px;
    }
	.swiper-erob-lab-slide{
		margin-bottom: 6rem!important;
	}
	div#banner_text_part1 {
        font-size: 6px !important;
        margin-top: 56px;
    }
	.container__flex_banner_text_center h1 {
        line-height: 0px !important;
        margin-bottom: 0px !important;
    }
	.container__flex_banner_text_center h2 {
        margin-bottom: 0em;
	}
	.robot_lab_contents img{
		width: 400px!important;;
	}
	.erob_lab_page {
        flex-direction: column !important;
        width: 400px;
    }
	.erob_lab_page_part {
        width: 100% !important;
        margin: 0 auto;
	}
	.footer_erob_lab_contents {
        width: 100% !important;
	}
	.erob-lab-main{
		width: 100% !important;
		margin:0 auto;
	}
	.case_title{
	    background-position: bottom!important;
	}
	.about-main p {
        font-size: 8px!important;
    }
	.overview—flex,
	.interpretation-quotes {
        flex-direction: column !important;
    }
	.Mission_And_Visson_title ul {
        flex-wrap: wrap;
        flex-direction: column;
        gap: 5px;
    }
    .conclusion-quotes {
        display: flex;
        flex-direction: column !important;
    }
	


	.web_erob_container .title {
        font-size: 18px!important;
    }
	.product-item img {
        width: 50px !important;
        height: 50px !important;
    }
	.product-description {
        font-size: 9px !important;
    }
	.product-container {
        flex-direction: row;
       
    }
    .product-name {
        font-size: 11px !important;
    }
    div#layui-layer100001 {
        margin: auto auto;
        width: 384px !important;
    }
	.scrollspy-right {
            width: 100% !important;
    }
    .contact {
            flex-direction: column !important;
    }
	.scrollspy-left {
        width: 100% !important;
    }
    .web_footer_container.container {
        display: flex;
        flex-direction: column;
    }
    .web_footer_copyright {
        text-align: left;
        line-height: 30px;
    }
    nav.web_footer_nav.fl {
        width: 100% !important;
    }
    .web_footer_copyright a {
        font-size: 12px !important;
    }
	.cert-body img {width: 163%!important;}
	.cert-title {
        transform: translateX(30px);
    }
	.cert-body img {width: 163%!important;}
	.cert-title {
        transform: translateX(30px);
    }
    /*Production Process移动端*/
    .process {
        flex-direction: column;
    }
    .text-main{
        width:100%!important;
    }
    .process-image{
        height: 224px!important;
    }
    .process-image img{
        width:100%!important;
    }
    .swiper-process{
        width: 100%!important;
    }
    .web_about_list_number {
        font-size: 20px;
    }
    ul.web_footer_medias.fr {
        display: flex;
        flex-wrap: wrap;
    }
	.container{padding: 0 15px;width: auto;}
	.web_header_container{position: relative;}
	.web_header{padding: 10px 0 15px;}
	.web_header_position{height: 83px;}
	.web_header_btns{display: block;}
	.web_header_nav{position: absolute;top: 73px;right: 0;background-color: #ffff;width: 150px;box-shadow: 0px 16px 21px rgb(23 23 23 / 8%);display: none;}
	.web_header_nav_list{float: none;line-height: 40px;}
	.web_session{padding: 30px 15px;}
	.web_about_conts{width: auto;}
	.web_about_cont{margin-top: 15px;}
	.web_about_lists{margin-top: 0;}
	.web_about_list{width: 100%;}
	.web_about_list:nth-child(3n){margin: 15px 0 0;}
	.web_about_list:nth-child(3n+1){margin: 15px 0 0;}
	.web_about_list:nth-child(3n+2){margin: 15px 0 0;}
	.web_about_list_text1{line-height: normal;}
	.index_erob_swiper_container{padding: 0;}
	.index_erob_swiper_conts{margin-top: 0;}
	.index_erob_swiper_thumbs_container{width: 146px;}
	.index_ecoder_swiper_container{padding: 0;}
	.index_ecoder_swiper_conts{margin-top: 0;}
	.index_ecoder_swiper_thumbs_container{width: 146px;}

	.index_erob_swiper_title{font-size: 50px;}
	.index_erob_swiper_cont{font-size: 36px;}
	.index_erob_swiper_btn{width: 125px;}
	.index_erob_swiper_btn_icon{top: 6px;}
	.index_ecoder_swiper_title{font-size: 50px;}
	.index_ecoder_swiper_cont{font-size: 36px;}
	.index_ecoder_swiper_btn{width: 125px;}
	.index_ecoder_swiper_btn_icon{top: 6px;}

	.web_case_container{padding: 0;}
	.index_case_titles_container{width: calc(100% - 30px);height: calc(100% - 61px);}
	.index_case_titles{padding-top: 61px;}
	.index_case_swiper_more{width: 100%;}
	.index_case_title{font-size: 16px;margin-top: 15px;}
	.index_case_swiper_hrefs{width: 100px;margin-bottom: 15px;line-height: 40px;border-radius: 10px;}

	.web_session_title{font-size: 30px;}

	.web_news{margin-top: 30px;}
	.web_news_lists{width: 100%;margin-top: 20px;padding-top: 90%}
	.web_news_titles_container{width: 100%;position: relative;font-size: 12px;}
	.web_news_title{width: calc(32% - 2px);float: left;margin-top: 0;line-height: 40px;height: 40px;}
	.web_news_title1{line-height: 20px;}
	.web_news_title:nth-child(1){margin-right: 2%;}
	.web_news_title:nth-child(2){margin-right: 2%;}
	.web_news_title:nth-child(4){width: calc(45% - 2px);margin-top: 15px}
	.web_news_more{width: calc(45% - 2px);position: absolute;margin-top: 0;bottom: 0;right: 0;line-height: 40px;height: 40px;}
	.web_news_list_imgs{width: 100%;}

	.web_quote_form_inputs{width: 100%;margin-top: 30px;}
	.web_quote_form_textareas{margin-top: 30px;}
	.web_quote_form_other{margin-top: 30px;}
	.web_quote_form_submits{margin-top: 15px;}
	.web_footer_container{display: none;}
	.web_footer_medias_container{margin: 0;}
	.web_footer_media,.web_footer_media_href{font-size: 30px;}
}
@media (max-width: 359px) {
	.web_news_title{width: calc(33% - 2px);}
	.web_news_title:nth-child(1){margin-right: 0.5%;}
	.web_news_title:nth-child(2){margin-right: 0.5%;}
	.web_news_title:hover{font-size: 1em;}
}
@media (min-width: 480px) and (max-width: 767px) {
	.container{width: 480px;margin: auto;}
	.index_case_title{margin-top: 4%;}
}
@media (min-width: 768px) and (max-width: 991px) {
	body{font-size: 18px;}
	.container{width: 750px;margin: auto;}
	.web_header_logo{width: 180px;}
	.web_about_imgs{float: none;width: 570px;margin: auto;}
	.web_about_conts{float: none;width: 100%;}
	.web_about_cont{margin-top: 15px;}
	.web_header_nav_list{padding: 0 0 0 15px;}
	.web_header_nav_list:first-child{padding-left: 0;}
	.web_about_list{width: 228px;}
	.index_erob_swiper_container{padding: 0;}
	.index_ecoder_swiper_container{padding: 0;}
	.index_erob_swiper_thumbs_container{width: 538px;}
	.index_ecoder_swiper_thumbs_container{width: 538px;}
	.index_case_titles_container{height: calc(100% - 100px);}
	.index_case_titles{padding-top: 100px;}
	.index_case_title{margin-top: 35px;}
	.index_case_swiper_hrefs{margin-bottom: 30px;}
	.web_news_list_imgs{width: 480px;height: 360px;}
	.web_news_title{width: 250px;line-height: 62px;height: 62px;}
	.web_news_title1{line-height: 31px;}
	.web_news_more{width: 250px;line-height: 62px;height: 62px;}

	.index_erob_swiper_cont{font-size: 42px;}
	.index_erob_swiper_btn{width: 150px;}
	.index_erob_swiper_btn_icon{top: 9px;}
	.index_ecoder_swiper_cont{font-size: 42px;}
	.index_ecoder_swiper_btn{width: 150px;}
	.index_ecoder_swiper_btn_icon{top: 9px;}

	.web_footer_logos{width: 25%;}
	.web_footer_nav{width: 25%;}
	.web_footer_conts{width: 50%;}
	.web_footer_medias_container{margin: 50px 0 30px;}
	
}
@media (min-width: 992px) and (max-width: 1199px){
    
	.container{width: 970px;margin: auto;}
	.web_header_nav_list{padding: 0 15px;}
	.web_about_imgs{width: 450px;}
	.web_about_conts{width: 500px;}
	.web_about_cont{margin-top: 20px;}
	.web_about_cont:first-child{margin-top: 0;}
	.web_about_list{width: 300px;}
	.index_erob_swiper_thumbs_container{width: 734px;}
	.index_ecoder_swiper_thumbs_container{width: 734px;}
	.index_case_title{margin-top: 60px;}
	.web_footer_medias_container{margin: 50px auto 30px}
}
@media (min-width: 1200px) {}
@media (min-width: 1920px) {}
.layui-layer, .layui-layer-dialog, .layui-layer-msg {
	font-family: "鸿蒙黑体", '微软雅黑', sans-serif;
}
.iconfont.icon-fly {
	content: "";
    background: #00a1e9;
    mask-image: url(/static/img/fly.svg);
    -webkit-mask-image: url(/static/img/fly.svg);
    display: block;
    height: 1em;
    mask-size: cover;
    -webkit-mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}