body{padding-top:90px;}
input{outline:none;}
.flex_b{display : flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.flex_c{display : flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;}
.flex_s{display : flex;flex-direction:row;flex-wrap:wrap;justify-content:start;align-items:start;}
.box_01{box-shadow: 0 2px 3px #e6e6e6;}
.box_02{box-shadow: 0 1px 2px 3px #e6e6e6;}
.w94{width:94%;margin:0 auto;}
.w76{width:76%;margin:0 auto;}
.w77{width:76%;margin:0 auto;padding-bottom: 60px;}
.w68{width:68%;margin:0 auto;}

.index_body{padding-top:0;}

/*头部*/
.header{position:fixed;top:0;left:0;right:0;z-index:999;background-color:#ffffff;box-shadow:0 10px 15px rgba(0,0,0,0.1);}
.header .h-nav{font-size:18px;}
.header .h-nav .logo img{display:block;height:60px;}
.header .h-nav .nav{width:60%;}
.header .h-nav .nav li{position:relative;height:90px;line-height:90px;}
.header .h-nav .nav li .nav_title{color:#000000;position:relative;}
.header .h-nav .nav li .nav_pull{display:none;z-index:99;position:absolute; text-align:center; top:100%; left:50%;width:180px;margin-left:-90px; line-height:40px;}
.header .h-nav .nav li .nav_pull_info{background:rgba(255,255,255,0.9);}
.header .h-nav .nav li .nav_pull_info a{ color:#333; padding:0; display:block; font-size:16px; padding:4px 0;}
.header .h-nav .nav li .nav_pull_info a:hover{ background:#009e9d; color:#fff;}
.header .h-nav .language{position:relative;height:90px;}
.header .h-nav .language_btn{background-color:#00acab;height:40px;padding:0 20px 0 25px; border-radius:14px;}
.header .h-nav .language_btn_txt{color:#ffffff;margin-right:10px;}
.header .h-nav .language_btn_sou img{display:block;width:26px;}
.header .h-nav .language .language_search_main{position:absolute;right:0;top:100%;width:260px;padding:10px 0;display:none;}
.header .h-nav .language .language_search_main div{background-color:#ffffff;justify-content:center;border-radius:20px;}
.header .h-nav .language .language_search_main div input{border:none;height:40px;line-height:40px;width:70%;}
.header .h-nav .language .language_search_main div img{display:block;width:26px;}

/*头部首页*/
.index_body .header{background:none;box-shadow:none;}
.index_body .header .h-nav .nav li .nav_title{color:#ffffff;}

/*头部鼠标移动*/
.header.fix, .header:hover{background-color:#ffffff;box-shadow:0 10px 15px rgba(0,0,0,0.1);}
.header.fix .h-nav .nav li .nav_title,.header:hover .h-nav .nav li .nav_title{color:#000000;}
.header .h-nav .nav li .nav_title:hover,.header .h-nav .nav li .nav_title.on{color:#009e9d;}
.header .h-nav .nav li .nav_title:hover:after,.header .h-nav .nav li .nav_title.on:after{content:"";display:block;position:absolute;left:0;right:0;bottom:-10px;height:2px;background-color:#00acab;}

/*底部*/
.footer{background-color:#009e9d;color:#ffffff;font-size:18px;}
.footer .footer_main{border-bottom:1px solid #ffffff;overflow:hidden;padding:40px 0 20px 0;}
.footer .footer_main .logo{float:left;width:20%;}
.footer .footer_main .logo img{display:block;height:80px;}
.footer .footer_main .navs{float:left;width:40%;}
.footer .footer_main .navs a{display:block;width:33.333%;color:#ffffff;height:50px;}
.footer .footer_main .info{float:right;}
.footer .footer_main .info p{height:50px;color:#ffffff;}
.footer .txt{line-height:60px;text-align:center;padding:0 10px;}
.footer .txt a{color:#ffffff;}

/*banner*/
.banner{position:relative;padding-top: 41.66%;padding-bottom:40px;margin-bottom:20px;}
.banner .img{position:fixed;z-index:-1;top:90px;left:0;right:0;}
.banner .img img{display:block;width:100%;}
.banner .txt{position:absolute;width:100%;text-align:center;left:0;top:40%;font-size:96px;color:#ffffff;}
.banner .txt::after{content:"";display:block;position:absolute;top:30px;bottom:30px;left:50%;transform:translateX(-50%); width:440px;border-left:5px solid #ffffff; }
.banner .bj{background-color:#ffffff;position:absolute;left:0;right:0;bottom:-20px;height:60px;}
.banner .navs{position:absolute;left:50%;transform:translateX(-50%);bottom:0;height:80px;line-height:80px;background-color:#ffffff;border-radius:20px;}
.banner .navs a{display:block;width:50%;text-align:center;font-size:22px;position:relative;}
.banner .navs a:hover{color:#009e9d;}
.banner .navs a:first-child::after{content:"";display:block;position:absolute;top:22px;bottom:22px;right:0;width:1px;background-color:#000000;}
.banner .txt.on{animation:service-h3 1s ease; -moz-animation:service-h3 1s ease; -o-animation:service-h3 1s ease; -webkit-animation:service-h3 1s ease;}

/*banner--没有导航*/
.banner.banner_no{padding-bottom:0;margin-bottom:0;}

/*navigation*/
.navigation{background-color:#ffffff;padding:60px 0;}
.navigation .flex_b{justify-content:start;align-items:center;}
.navigation .home{display:block;width:26px;height:26px;background:url(../images/ico_home_new.png) no-repeat center center;background-size:100% 100%;}
.navigation a,.navigation span{color:#009c9b;font-size:20px;padding-left:10px;}

/*标题*/
.main_title{background-color:#ffffff;}
.main_title .w76{font-size:36px;padding:80px 0 60px 0;position:relative;}
.main_title .w76:before{content:"";display:block;position:absolute;left:0;top:70px; width:80px;height:4px;background-color:#00acab;}

/*页码*/
.paging_list{background-color:#ffffff;padding:30px 0;}
.paging_list a{display:block;padding:6px 20px;border:1px solid #e1e1e1;font-size:16px;margin-right:10px;}
.paging_list a.current{border:1px solid #00acab;}

/*首页--产品分类*/
.index_slider{position:relative;padding-bottom:95px;}
.index_slider .video{position:relative;}
.index_slider .video video{width: 100%;}
.index_slider .video.on video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.index_slider .navs{position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.index_slider .navs .flex_b{background-color:#ffffff;border-radius:20px;}
.index_slider .navs .item {width:25%;position:relative;padding:20px 0;}
.index_slider .navs .item:after{content:"";display:block;position:absolute;right:-2px;top:0;bottom:0;width:4px;background-color:#ebedee;}
.index_slider .navs .item:last-child:after{display:none;}
.index_slider .navs .item .img{width:100%;height:110px;position:relative;}
.index_slider .navs .item .img .ico{width:100px;height:100px;background-size:80px 80px;background-position: center center;background-repeat:no-repeat;position: absolute;left: 13%;top: 0;}
.index_slider .navs .item:nth-child(2n+1) .img .ico{animation:infinite scale6 3s ;}
.index_slider .navs .item:nth-child(2n) .img .ico{animation:infinite scale7 3s ;}
.index_slider .navs .item .img .ico.ico_01{background-image:url(../images/index_navs_01.png)}
.index_slider .navs .item .img .ico.ico_02{background-image:url(../images/index_navs_02.png)}
.index_slider .navs .item .img .ico.ico_03{background-image:url(../images/index_navs_03.png)}
.index_slider .navs .item .img .ico.ico_04{background-image:url(../images/index_navs_04.png)}
.index_slider .navs .item .txt{line-height:40px;height:40px;padding:0 10% 0 13%;background-size:12% auto;background-repeat:no-repeat;background-position: right 11% center;background-image:url(../images/index_ico_btn.png);}
.index_slider .navs .item .txt span{font-size:20px;}
.index_slider .navs .item:hover{background-color:#00acab;color:#ffffff;}
.index_slider .navs .item:nth-child(1):hover{border-top-left-radius:20px;border-bottom-left-radius:20px;}
.index_slider .navs .item:nth-child(4):hover{border-bottom-right-radius:20px;border-top-right-radius:20px;}
.index_slider .navs .item:hover .txt{background-image:url(../images/index_ico_btn_on.png);}
.index_slider .navs .item:hover .img .ico.ico_01{background-image:url(../images/index_navs_01_on.png)}
.index_slider .navs .item:hover .img .ico.ico_02{background-image:url(../images/index_navs_02_on.png)}
.index_slider .navs .item:hover .img .ico.ico_03{background-image:url(../images/index_navs_03_on.png)}
.index_slider .navs .item:hover .img .ico.ico_04{background-image:url(../images/index_navs_04_on.png)}

/*首页--数字动画*/
.index_num{background:url(../images/index_bj.png) no-repeat bottom center;padding-bottom:100px;}
.index_num .num_p{padding:120px 0;}
.index_num .num_p .num_t{line-height:70px;height:70px;text-align:center;font-size:50px;font-weight:bold;}
.index_num .num_navs .item{border:1px solid #717171;width:24.6%;text-align:center;font-size:22px;border-radius:20px;padding:40px 0 40px 0;}
.index_num .num_navs .item span{color:#00acab;font-size:60px;}

/*首页--产品宣传图*/
.index_pro{display:block;width:100%;position:relative;}
.index_pro img{display:block;width:100%;}
.index_pro p{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;text-align:center;color:#ffffff;font-size:50px;font-weight:bold;}

/*首页--新闻动态*/
.index_news{background-color:#f5f8fe;padding-bottom:30px;overflow:hidden;}
.index_news .news_title{height:200px;line-height:200px;position:relative;}
.index_news .news_title p{font-size:50px;text-align:center;}
.index_news .news_title a{display:block;height:40px;line-height:40px;position:absolute;right:0;bottom:30px;background-color:#00acab;font-size:18px;color:#ffffff;padding:0 60px 0 25px;border-radius:14px;background-size:30px 30px;background-position: center right 15px;background-repeat:no-repeat;background-image:url(../images/index_ico_news_on.png);}
.index_news .news_main{align-items:start;}
.index_news .news_main::after {content: '';width: 33%;}
.index_news .news_main .item{background-color:#ffffff;padding:10px 0 20px 0;width:33%;border-radius:20px;margin-bottom:30px;}
.index_news .news_main .item div,.index_news .news_main .item p{padding:10px 30px 0 30px;line-height:26px;}
.index_news .news_main .item div.img img{display:block;width:100%;}
.index_news .news_main .item p.time{font-size:16px;color:#00acab;}
.index_news .news_main .item p.title{font-size:20px;height:36px;overflow:hidden;}
.index_news .news_main .item p.info{font-size:16px;color:#717171;height:62px;overflow:hidden;}
.index_news .news_main .item div.btn span{display:block;width:150px; height:36px;line-height:36px;font-size:16px;color:#00acab;padding:0 30px 0 25px;border-radius:14px;background-size:30px 30px;background-position: center right 15px;background-repeat:no-repeat;border:1px solid #00acab;background-image:url(../images/index_ico_news.png);}
.index_news .news_main .item:hover div.btn span{color:#ffffff;background-color:#00acab;background-image:url(../images/index_ico_news_on.png);}


/*联系我们--列表*/
.contact_list{background-color:#ffffff;}
.contact_list .item{font-size:20px;align-items:start;padding-bottom:100px;}
.contact_list .item_l{width:30%;}
.contact_list .item_l div{margin-bottom:10px;line-height:36px;}
.contact_list .item_l .ico img{display:block;width:36px;}
.contact_list .item_r{width:60%;}
.contact_list .item_r img{display:block;width:100%;}

/*公司简介--详情*/
.about_info1{background-color:#ffffff;padding-bottom:20px;}
.about_info1 p{font-size:20px;line-height:36px;padding-bottom:20px;}

/*公司简介--图片*/
.about_img{background-color:#ffffff;}
.about_img img{display:block;width:100%;}

/*公司简介--企业文化*/
.about_culture{background-color:#ffffff;}
.about_culture .item{width:32%;position:relative;border-radius:20px;overflow:hidden;}
.about_culture .item:before {content: "";opacity: 0;visibility: hidden;transition: .5s;display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.3);}
.about_culture .item .img img{display:block;width:100%;transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;-ms-transition: 1s;-o-transition: 1s;}
.about_culture .item .txt{position: absolute;top:50%;height:50%;width:100%;color:#ffffff;text-align:center;display:flex;align-items:center;justify-content:space-between;flex-direction:column;transition: .5s;}
.about_culture .item .txt .tt{font-size:32px;}
.about_culture .item .txt .line{opacity:0;visibility:hidden;transition:.5s;height: 26%;width: 1px;background: #fff;display: block;margin:20px 0;}
.about_culture .item .txt .bot{opacity:0;visibility:hidden;transition:.5s;font-size:16px;background:rgba(0, 170, 169, 0.6);padding:3% 10px;border-radius:10px;}
.about_culture .item:hover .img img {transform: scale(1.05) rotate(.1deg); -webkit-transform: scale(1.05) rotate(.1deg);-moz-transform: scale(1.05) rotate(.1deg);-ms-transform: scale(1.05) rotate(.1deg);-o-transform: scale(1.05) rotate(.1deg)}
.about_culture .item:hover:before{opacity:1;visibility:visible;}
.about_culture .item:hover .txt {top: 30% !important}
.about_culture .item:hover .txt .line{opacity:1;visibility:visible;}
.about_culture .item:hover .txt .bot{opacity:1;visibility:visible;}

/*公司简介--全球化布局*/
.about_title{background-color:#ffffff;}
.about_title .txt{font-size:36px;padding:60px 0 60px 0;text-align:center;}
.about_title .img img{display:block;width:100%;}

/*发展历程*/
.history_main{background:url(../images/history_bj.jpg) no-repeat top center;background-size:100% auto;background-color:#ffffff;width:100%;padding:60px 0 100px 0;}
.history_main .history_list{display:flex;flex-direction:row;flex-wrap:wrap;width:5800px;}
.history_main .history_list .item{width:340px;height:600px;position:relative;}
.history_main .history_list .item::after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);width:100%;height:16px;background-color:#000000;}
.history_main .history_list .item .info{position:absolute;height:50%;width:100%;border-right:5px solid #000000;display:flex;align-items:center;padding:0 10px;}
.history_main .history_list .item .info .txt{font-size:20px;color:#737373;}
.history_main .history_list .item .info .time{font-size:60px;text-align:center;}
.history_main .history_list .item .info i{display:block;width: 35px;height: 35px;background: #000000;position:absolute;right:-40px;}
.history_main .history_list .item_s .info{top:0;justify-content:end;flex-direction:column-reverse;}
.history_main .history_list .item_s .info i{clip-path: polygon(0% 0%, 100% 0%, 0% 100%);top:0;}
.history_main .history_list .item_x .info{bottom:0;justify-content:start;flex-direction:column;}
.history_main .history_list .item_x .info i{clip-path: polygon(0 0, 0 100%, 100% 100%);bottom:0;}
.history_main .history_list .item:nth-child(4n+1)::after{background-color:#36aab6;}
.history_main .history_list .item:nth-child(4n+1) .info{border-color:#36aab6;}
.history_main .history_list .item:nth-child(4n+1) .info .time{color:#36aab6;}
.history_main .history_list .item:nth-child(4n+1) .info i{background-color:#36aab6;}
.history_main .history_list .item:nth-child(4n+2)::after{background-color:#ca3a18;}
.history_main .history_list .item:nth-child(4n+2) .info{border-color:#ca3a18;}
.history_main .history_list .item:nth-child(4n+2) .info .time{color:#ca3a18;}
.history_main .history_list .item:nth-child(4n+2) .info i{background-color:#ca3a18;}
.history_main .history_list .item:nth-child(4n+3)::after{background-color:#e99000;}
.history_main .history_list .item:nth-child(4n+3) .info{border-color:#e99000;}
.history_main .history_list .item:nth-child(4n+3) .info .time{color:#e99000;}
.history_main .history_list .item:nth-child(4n+3) .info i{background-color:#e99000;}
.history_main .history_list .item:nth-child(4n)::after{background-color:#5b5a54;}
.history_main .history_list .item:nth-child(4n) .info{border-color:#5b5a54;}
.history_main .history_list .item:nth-child(4n) .info .time{color:#5b5a54;}
.history_main .history_list .item:nth-child(4n) .info i{background-color:#5b5a54;}

/*人员招聘--列表*/
.hire_main{background-color:#ffffff;}
.hire_main .hire_title{font-size:28px;margin-bottom:30px;}
.hire_main .hire_list{align-items:start;}
.hire_main .hire_list::after {content: '';width: 32%;}
.hire_main .hire_list .item{width:32%;padding-bottom:20px;}
.hire_main .hire_list .item .info{margin-bottom:20px;padding:20px 30px;border-radius:20px;position:relative;}
.hire_main .hire_list .item .info:before{content:"";display:block;position:absolute;left:0;top:4px;bottom:4px;width:8px;background-color:#00acab;border-top-left-radius:20px;border-bottom-left-radius:20px;}
.hire_main .hire_list .item .info div{font-size:16px;color:#333333;line-height:38px;}
.hire_main .hire_list .item .info div.title{font-size:20px;color:#000000;}
.hire_main .hire_list .item .info div.work{width:82%;}
.hire_main .hire_list .item .info div.btn{position:absolute;right:30px;bottom:20px;color:#00acab;}
.hire_main .hire_list .item .details{width:312.5%;display:none;font-size:16px;line-height:38px;padding:20px;border-radius:20px;}
.hire_main .hire_list .item:nth-child(3n+2) .details{margin-left:-106.3%;}
.hire_main .hire_list .item:nth-child(3n) .details{margin-left:-212.5%;}

/*人员招聘--邮件地址*/
.main_email{background-color:#ffffff;font-size:20px;padding-bottom:20px;}


/*项目培训--视频*/
.training_video{background-color:#ffffff;}
.training_video img{display:block;width:100%;}

/*项目培训--列表*/
.training_list{background-color:#ffffff;padding-top:30px;}
.training_list .flex_b{margin-left:-5px;margin-right:-5px;align-items:start;}
.training_list .flex_b::after {content: "";flex: auto;}
.training_list .item{margin: 6px;width: -webkit-calc((100% - 12px*4)/ 4);width: calc((100% - 12px*4)/ 4); margin-bottom:30px;position:relative;}
.training_list .item:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.2);content: ""}
.training_list .item.item_no{display:none;}
.training_list .item.on{border:2px solid #00acab;}
.training_list .item.on:after{display:none;}
.training_list .item .img img{display:block;width:100%;}
.training_list .item .txt{font-size:20px;text-align:center;color:#00acab;line-height:38px;}

/*项目培训--加载更多*/
.training_btn{background-color:#ffffff;padding:30px 0 50px 0;}
.training_btn a{display:block;width:200px;margin:0 auto;font-size:20px;text-align:center;color:#00acab;line-height:38px;}

/*新闻详情*/
.news_details{background-color:#ffffff;}
.news_details .title{text-align:center;font-size:36px;line-height:58px;}
.news_details .time{text-align:center;font-size:20px;color:#00acab;}
.news_details .info{padding:20px 0;}
.news_details .info p img{width:100% !important;}

/*产品中心*/
.pro_main{background-color:#ffffff;min-height:1000px;}
.pro_main .flex_b{align-items:start;}
.pro_main .pro_navs{width:30%;}
.pro_main .pro_navs a{display:block;width:90%;border:1px solid #00acab;color:#00acab;border-radius:14px; font-size:20px;margin-bottom:20px;padding:10px 10px 10px 20px;background-size:8% auto;background-repeat:no-repeat;background-position: right 8% center;background-image:url(../images/ico_r.png);}
.pro_main .pro_navs a.on{background-color:#00acab;color:#ffffff;background-image:url(../images/ico_r_on.png);}
.pro_main .pro_list{width:70%;min-height:884px;}
.pro_main .pro_list .navs{margin-bottom:20px;}
.pro_main .pro_list .navs a{display:none;border:1px solid #00acab;color:#00acab;border-radius:14px; font-size:16px;padding:10px;margin-bottom:14px;margin-right:10px;}
.pro_main .pro_list .navs a.on{background-color:#00acab;color:#ffffff;}
.pro_main .pro_list .navs a.show{display:block;}
.pro_main .pro_list .pro_item .item{border-bottom:1px dashed #d4d4d4;margin-bottom:20px;padding-bottom:20px;}
.pro_main .pro_list .pro_item .item .img{width:20%;}
.pro_main .pro_list .pro_item .item .img img{display:block;width:80%;}
.pro_main .pro_list .pro_item .item .info{width:80%;}
.pro_main .pro_list .pro_item .item .info div{line-height:26px;padding-bottom:20px;}
.pro_main .pro_list .pro_item .item .info div.logo img{display:block;width:120px;}
.pro_main .pro_list .pro_item .item .info div.title{font-size:20px;color:#00acab;}
.pro_main .pro_list .pro_item .item .info div.txt{font-size:16px;}
.pro_main .pro_list .pro_btn{display:block;width:80%;background-color:#00acab;color:#ffffff;color:#ffffff;text-align:center;font-size:20px;margin:0 auto;padding:10px 0;border-radius:14px;margin-bottom:20px;}

/*产品详情*/
.pro-details table{ width:100%;}
.pro-details table th{ font-size:16px; color:#737373; font-weight:normal; text-align:center; border-bottom:2px solid #06a89d; padding:8px 0px;}
.pro-details table td{ text-align:center; font-size:16px; color:#737373; padding:8px 0px; border-bottom:19px solid #f1f1f1;}
.pro-details table tr:nth-child(1) td{ font-size:16px; color:#737373; font-weight:normal; text-align:center; border-bottom:2px solid #06a89d; padding:8px 0px;}

/*index*/
@keyframes scale6{
    0%{ top: -10px; }
    50%{ top: 10px; }
    100%{ top: -10px; }
}

@keyframes scale7{
    0%{ top: 10px; }
    50%{ top: -10px; }
    100%{ top: 10px; }
}

/*缩放--大-小*/
@keyframes service-h3{
	0%{ transform:scale(2.5); opacity:0.5; filter: Alpha(opacity=50); -moz-opacity:0.5;}
	100%{ transform:scale(1); opacity:1; filter: Alpha(opacity=100); -moz-opacity:1;}
	}
@-webkit-keyframes service-h3{
	0%{ transform:scale(2.5); opacity:0.5; filter: Alpha(opacity=50); -moz-opacity:0.5;}
	100%{ transform:scale(1); opacity:1; filter: Alpha(opacity=100); -moz-opacity:1;}
	}
@-moz-keyframes service-h3{
	0%{ transform:scale(2.5); opacity:0.5; filter: Alpha(opacity=50); -moz-opacity:0.5;}
	100%{ transform:scale(1); opacity:1; filter: Alpha(opacity=100); -moz-opacity:1;}
	}
@-o-keyframes service-h3{
	0%{ transform:scale(2.5); opacity:0.5; filter: Alpha(opacity=50); -moz-opacity:0.5;}
	100%{ transform:scale(1); opacity:1; filter: Alpha(opacity=100); -moz-opacity:1;}
}