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

header{border-bottom: 1px solid rgba(255,255,255,0.1);position: sticky;top:0;background: #2E2E39;z-index: 9;}
.headerc{display: flex;justify-content: space-between;align-items: center;height:70px;}
.head_logo{height: 38px;}
.head_logo img{height: 100%;}

.head_nav{height: 100%;}
.head_nav>ul{height: 100%;display: flex;justify-content: flex-start;align-items:center;}
.head_nav>ul>li{margin-left: 30px;position: relative;line-height: 68px;border-top: 2px solid transparent;border-bottom:2px solid transparent;}
.head_nav>ul>li a{display: inline-block;display: flex;align-items: center;font-weight: 600;}
.head_nav>ul>li a i{margin-left: 8px;font-size: 20px;}
.head_nav>ul>li>ul{display: none;position: absolute;top:68px;left: 0px;min-width:160px;background: #0098ac;z-index: 2;}
.head_nav>ul>li>ul>li{position: relative;padding:0 15px;white-space: nowrap;}
.head_nav>ul>li>ul>li:hover{background: #fff;}
.head_nav>ul>li>ul>li:hover>a{color:#00ABC2;}
.head_nav>ul>li>ul>li.action{background: #f3f4f5;}
.head_nav>ul>li>ul>li.action>a{color:#00ABC2;}
.head_nav>ul>li.action,.head_nav>ul>li:hover{border-bottom: 2px solid #00ABC2;}
.head_nav>ul>li.action>a{color:#00ABC2;}
.head_nav>ul>li:hover>ul{display: block;line-height: 35px;padding:15px 0px;}
.head_nav>ul>li>ul>li ul{display: none;position: absolute;top:0px;left: 100%;background: #fff;z-index: 2;line-height: 35px;}
.head_nav>ul>li>ul>li:hover ul{display: block;}
.head_nav>ul>li>ul>li ul li{padding:0 15px;white-space: nowrap;margin-bottom:4px;}
.head_nav>ul>li>ul>li ul li a{color: #2E2E39;}
.head_nav>ul>li>ul>li ul li:hover a{color: #00ABC2;}

.animate{opacity: 0;transform: translateY(-100px);transition: all 0.5s linear 0.1s;}
.animateAc{opacity:1;transform: translateY(0px);}
/**HOME Start***/
.c1{width: 100%;}
.bannerc{padding: 70px 0;}
.bannmain{display: flex;justify-content:space-between;align-items: center;padding:80px 0;}
.banner_left{width: 48%;}
.banner_left p{padding:10px 0;text-align: left;}
.banner_left p strong{font-size: 50px;font-weight: 600;line-height: 100px;}
.banner_left p>b{font-weight: 600;font-size: 27px;line-height: 40px;}
.banner_left p span{font-size: 18px;color:#ccc;line-height: 30px;}

.banner_left p a{display: inline-block;background: #00ABC2;line-height: 40px;padding:0 15px;margin:0 20px;position: relative;margin-top:40px;font-weight: 600;color: #00ABC2;}
.banner_left p a b{color:#fff;}
.banner_left p a::after{content: '';display: inline-block;position: absolute;height:20px;width:0px;border-right:20px solid currentColor;border-top: 20px solid transparent;left:-20px;}
.banner_left p a::before{content: '';display: inline-block;position: absolute;height:20px;width:0px;border-left:20px solid currentColor;border-bottom: 20px solid transparent;right:-20px;}
.banner_left p a:hover{color:#0098ac;background: #0098ac;}

.banner_right{width:45%;}
.banner_right img{width:100%;}

.banninfo{display: flex;justify-content:space-between;align-items: center;padding:50px 0;margin-top: 60px;}
.banner_left2{width:50%;}
.banner_left2 li{padding:8px 0;}
.banner_left2 p{padding:5px 0;}
.banner_left2 p strong{font-size: 32px;line-height: 60px;}
.banner_left2 p b{font-size: 18px;line-height: 30px;}
.banner_left2 p span{font-size: 16px;color:#ccc;line-height: 30px;}
.banner_right2{width:42%;}
.banner_right2 img{width:100%;}


.main_title{padding:20px 0;text-align: left;}
.main_title p{padding:10px 0;}
.main_title p b{font-weight: 600;font-size: 50px;line-height:60px;}
.main_title p span{line-height:25px;font-size: 16px;color: #ccc;}
.main_title p a{font-weight: bold;color: #00ABC2;line-height: 22px;transition: all 0.3s;}
.main_title p a:hover{color: #fff;text-decoration: underline;}
.main_title p a i{margin-left:7px;color: #00ABC2;transition: all 0.3s;}
.main_title p a:hover i{margin-left:10px;}

.products{border-top: 1px solid rgba(255,255,255,0.1);}
.productsc{padding: 50px 0;}
.products_list{padding:30px 0;}
.products_list ul{display: flex;justify-content: space-between;align-items: stretch;flex-flow: row wrap;}
.products_list ul li{width: calc((100% - 90px)/4);margin-bottom: 30px;display: flex;flex-direction: column;}
.pro_list_pic{width: 100%;height: 170px;display: flex;justify-content: center;align-items: center;}
.pro_list_pic img{max-height: 110px;}
.pro_list_info{flex: 1;padding:20px 20px;text-align: left;background:#464651;display: flex;flex-direction: column;justify-content: space-between;border:1px solid rgba(251,251,252,0.6);border-radius:6px;}
.pro_list_info:hover{border:1px solid #00ABC2;}
.pro_list_p{padding:8px 0;}
.pro_list_p b{line-height: 35px;font-size: 18px;display: inline-block;width: 100%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_list_p span{display: inline-block;line-height: 25px;font-size: 15px;color: #ccc;text-align: left;}
.pro_list_p a{line-height: 25px;transition: all 0.3s;font-size: 14px;}
.pro_list_p a:hover{color: #00ABC2;}
.pro_list_p a i{margin-left:7px;color: #00ABC2;transition: all 0.3s;}
.pro_list_p a:hover i{margin-left:10px;}
.pro_list_info:hover .pro_list_p span{color: #eee;}
.pro_list_p2 span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}


.applications{border-top: 1px solid rgba(255,255,255,0.1);}
.applicationsc{padding: 50px 0;}
.applications_list{padding:30px 0;}
.applications_list ul{display: flex;justify-content: space-between;align-items: stretch;flex-flow: row wrap;}
.applications_list ul li{width: calc((100% - 60px)/3);background:#464651;margin-bottom: 30px;border:1px solid rgba(251,251,252,0.6);;border-radius: 6px;}
.applications_list ul li:hover{border:1px solid #00ABC2;}
.app_list_pic{width: 100%;height: 170px;display: flex;justify-content: center;align-items: center;}
.app_list_pic img{height: 110px;}
.app_list_info{padding:20px 20px;text-align: left;}
.app_list_info p{padding:8px 0;}
.app_list_info p b{line-height: 35px;font-size: 20px;display: inline-block;width: 100%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.app_list_info p span{line-height: 25px;font-size: 15px;color: #ccc;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.app_list_info p a{line-height: 25px;transition: all 0.3s;font-size: 14px;}
.app_list_info p a:hover{color: #00ABC2;}
.app_list_info p a i{margin-left:7px;color: #00ABC2;transition: all 0.3s;}
.app_list_info p a:hover i{margin-left:10px;}
.app_list_info:hover p span{color: #eee;}

.custom{border-top: 1px solid rgba(255,255,255,0.1);}
.customc{padding: 50px 0;}
.custom_list{padding:30px 0;}
.custom_list ul{display: flex;justify-content: space-between;align-items: stretch;}
.custom_list ul li{width: calc((100% - 60px)/3);background:#464651;border-radius:0 0 6px 6px;}
.custom_list_pic{width:100%;max-height:260px;overflow: hidden;}
.custom_list_pic img{width: 100%;vertical-align: middle;transition: all 0.3s;}
.custom_list ul li:hover .custom_list_pic img{transform: scale(1.05);}
.custom_list_info{padding:20px 20px;text-align: left;}
.custom_list_info p{padding:8px 0;}
.custom_list_info p b{line-height: 40px;font-size: 22px;display: inline-block;width: 100%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.custom_list_info p span{line-height: 25px;font-size: 16px;color: #ccc;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.custom_list_info p a{line-height: 25px;transition: all 0.3s;font-size: 14px;}
.custom_list_info p a:hover{color: #00ABC2;}
.custom_list_info p a i{margin-left:7px;color: #00ABC2;transition: all 0.3s;}
.custom_list_info p a:hover i{margin-left:10px;}
.custom_list_info:hover p span{color: #eee;}

.careers{border-top: 1px solid rgba(255,255,255,0.1);}
.careersc{padding: 50px 0;background:url(../images/map.svg) no-repeat right center;background-size:65% auto;}
.careers_list{padding:30px 0;}
.careers_list ul{display: flex;justify-content: space-between;align-items: stretch;}
.careers_list ul li{display: flex;justify-content: center;align-items:flex-start;}
.careers_list ul li:first-child{flex:1;}
.careers_list ul li img{width: 100%;}
.careers_list ul li:last-child{flex:2;height:260px;position:relative;}
.careers_list ul li:last-child span{position:absolute;cursor:pointer;}
.careers_list ul li:last-child span i{z-index:2;position:relative;color:#aaa;font-size:28px;}
.careers_list ul li .tip1{bottom:150px;right:183px;}
.careers_list ul li .tip2{bottom:220px;right:144px;}
.careers_list ul li .tip3{bottom:280px;right:382px;}
.careers_list ul li .tip4{bottom:200px;right:158px;}
.careers_list ul li .tip5{bottom:240px;right:578px;}
.careers_list ul li:last-child span::before{display:none;content:'';width:16px;height:5px;background:#fff;position:absolute;bottom:-2px;left:0;border-radius:50%;z-index:1;opacity:0.6;box-shadow:0 0 5px rgba(255,255,255,0.4);}
.careers_list ul li:last-child span:hover i{animation:jump 3s linear 0s infinite normal;color:#00ABC2;}
.careers_list ul li:last-child span:hover::before{display:inline-block;animation:jump2 3s linear 0s infinite normal;}

@keyframes jump{
    0%   {transform:translateY(0px) scale(1,1);}
    5%  {transform:translateY(-1px) scale(1.1,0.9);}
    20%  {transform:translateY(2px) scale(1,1);}
    40% {transform:translateY(-2px) scale(1.2,0.8);}
    55% {transform:translateY(3px) scale(0.95,1.05);}
    60% {transform:translateY(-1px) scale(1.1,0.9);}
    80% {transform:translateY(2px) scale(1,1);}
    100% {transform:translateY(0px) scale(1,1);}
}
@keyframes jump2{
    0%   {transform:scale(1,1);opacity:0.4;}
    5%  {transform:scale(0.9,0.9);opacity:0.3;}
    20%  {transform:scale(1.1,1);opacity:0.5;}
    40% {transform:scale(0.9,0.9);opacity:0.3;}
    55% {transform:scale(1.1,1);opacity:0.5;}
    60% {transform:scale(0.9,0.9);opacity:0.3;}
    80% {transform:scale(1.1,1);opacity:0.5;}
    100% {transform:scale(1,1);opacity:0.4;}
}

.careers_info{padding:10px 0px;text-align: left;height:100%;box-sizing:border-box;display:flex;justify-content:space-between;flex-direction:column;}
.careers_info p{padding:8px 0;}
.careers_info p b{line-height: 40px;font-size: 22px;display: inline-block;width: 100%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.careers_info p span{line-height: 25px;font-size: 16px;color: #ccc;}
.careers_info p a{line-height: 25px;transition: all 0.3s;font-size: 14px;}
.careers_info p a:hover{color: #00ABC2;}
.careers_info p a i{margin-left:7px;color: #00ABC2;transition: all 0.3s;}
.careers_info p a:hover i{margin-left:10px;}
.careers_info:hover p span{color: #eee;}

/**HOME End***/
/**COMPANY Start***/
.company{border-bottom: 1px solid rgba(255,255,255,0.1);}
.companyc{padding: 50px 0;}
.company_info{text-align: left;}
.company_info_top{padding:50px 0 80px;position: relative;}
.company_info_top h1{line-height: 60px;font-size: 34px;padding:5px 0 40px;}
.company_info_p{padding:5px 0;}
.company_info_p{font-size: 24px;line-height: 40px;}
.company_info_p small{font-size: 18px;}
.company_info_p span{font-size:15px;line-height:30px;color:#ccc;}
.company_info_img{height: 290px;margin-left:120px;}
.company_info_img img{height: 100%;margin-top:20px;}
.company_info_desc{padding:30px 0;}
.company_info_desc p{padding:15px 0;}
.company_info_desc p.info_pic{max-width: 40%;padding:20px 0;}
.company_info_desc p.info_pic img{width: 100%;}
.company_info_desc p.left{margin-right: 5%;}
.company_info_desc p.right{margin-left: 5%;}
.company_info_desc p.listli{display:flex;justify-content:space-between;align-items:stretch;}
.company_info_desc p.listli small{flex:1;margin:0 10px;overflow:hidden;}
.company_info_desc p.listli small:first-child{margin-left:0;}
.company_info_desc p.listli small:last-child{margin-right:0;}
.company_info_desc p.listli small img{width:100%;}
.company_info_desc p.listli small:hover img{filter:drop-shadow(#fff 0 100px);transform: translateY(-100px);}
.company_info_desc p b{font-size: 24px;line-height: 40px;color: #01AAC1;}
.company_info_desc p span{font-size: 17px;line-height: 32px;color: #ccc;}
.company_info_desc p img{max-width: 100%;}
.company_info_desc ul{padding:10px 0;}
.company_info_desc ul li{line-height:35px;margin-left:20px;list-style-type: disc;}
.company_info_desc ul li::marker{color:#00A8BF;}
.company_info_desc ul li b{margin-right:5px;}
.company_info_desc ul li span{color:#ccc;}

.com_list{border-bottom: 1px solid rgba(255,255,255,0.1);}
.com_lists{padding: 50px 0;text-align: left;}
.com_list_title{padding:30px 0;}
.com_list_title p{line-height: 40px;}
.com_list_title p b{font-size: 30px;}
.com_list_cont{padding:50px 0;display: flex;justify-content: space-between;align-items: flex-start;border-bottom: 1px solid rgba(255,255,255,0.1);}
.com_lists .com_list_cont:last-child{border-bottom:none;}
.com_list_pic{width: 510px;overflow: hidden;margin-top:10px;}
.com_list_pic img{width: 100%;transition: all 0.3s;float: left;}
.com_list_info{width: calc(100% - 580px);}
.com_list_info p{font-size: 17px;line-height: 30px;color: #ccc;padding:5px 0;}
.com_list_info li{margin:15px 0;line-height: 30px;font-size: 16px;display: flex;justify-content: flex-start;align-items: flex-start;}
.com_list_info li i{color: #00ABC2;margin:7px 10px 0 0;}
.com_list_info li span{display: inline-block;}
.com_list_info p b{display: inline-block;font-size: 24px;line-height: 30px;color: #fff;margin-bottom:20px;}
.com_list_info p a{display: inline-block;margin-top:30px;background: #00ABC2;border-radius:25px;line-height: 40px;padding:0 30px;font-size: 16px;color:#fff;}
.com_list_info p a:hover{background: #0098ac;}
.com_list_cont:hover .com_list_pic img{transform: scale(1.05);}


.com_careersc{padding: 50px 0;text-align: left;}
.com_info{padding: 15px 0;}
.com_info p{padding:12px 0;}
.com_info p strong{font-size: 30px;line-height: 100px;}
.com_info p b{font-size: 24px;line-height: 50px;}
.com_info p span{font-size: 17px;line-height: 30px;color: #ccc;}
.com_info p a{font-weight: bold;line-height: 25px;transition: all 0.3s;}
.com_info p a:hover{color: #00ABC2;}
.com_info p a i{margin-left:7px;color: #00ABC2;transition: all 0.3s;}
.com_info p a:hover i{margin-left:10px;}
/**COMPANY End***/
/**APPLICATIONS Start***/
.app{border-bottom: 1px solid rgba(255,255,255,0.1);}
.appc{padding: 50px 0;text-align: left;}
.app_cont{padding:80px 0;display: flex;justify-content: space-between;align-items: center;}
.app_pic{width: 510px;overflow: hidden;}
.app_pic img{width: 100%;transition: all 0.3s;float: left;}
.app_cont:hover .app_pic img{transform: scale(1.05);}
.app_info{width: calc(100% - 580px);}
.app_info p{margin-bottom:20px;}
.app_info p img{width: 50px;}
.app_info p b{font-size: 24px;line-height: 50px;}
.app_info p span{font-size: 17px;line-height: 32px;color: #ccc;}
.app_info p:last-child{margin-bottom:0px;}

/**APPLICATIONS End***/
/**PRODUCTS Start***/

.pro{border-bottom: 1px solid rgba(255,255,255,0.1);}
.proc{padding: 50px 0;text-align: left;}
.pro_cont{padding:50px 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid rgba(255,255,255,0.1);}
.proc .pro_cont:last-child{border-bottom:none;}
.pro_pic{width: 500px;}
.pro_pic img{width: 70%;transition: all 0.3s;float: left;}
.pro_info{width: calc(100% - 560px);}
.pro_info p{font-size: 17px;line-height: 30px;color: #ccc;}
.pro_info li{margin-top:15px;line-height: 30px;font-size: 16px;display:flex;justify-content:flex-start;align-items:flex-start;}
.pro_info li i{color: #00ABC2;margin:7px 10px 0 0;}
.pro_info li span{color:#ccc;}
.pro_info p b{display: inline-block;font-size: 24px;line-height: 30px;color: #fff;margin-bottom:20px;}
.pro_info p a{display: inline-block;margin-top:30px;background: #00ABC2;border-radius:25px;line-height: 40px;padding:0 30px;font-size: 16px;color:#fff;}
.pro_info p a:hover{background: #0098ac;}
.pro_cont:hover .pro_pic img{transform: scale(1.05);}
.pro_cont:hover .pro_info li span{color:#fff;}
/**PRODUCTS End***/

/**detail Start***/
.detail{border-bottom: 1px solid rgba(255,255,255,0.1);}
.detailc{padding: 50px 0;text-align: left;}
.detail_info{padding: 50px 0;display: flex;justify-content: space-between;align-items: stretch;}
.detail_infor{width:calc(100% - 500px);}
.detail_infor p{font-size: 17px;line-height: 30px;color: #ccc;}
.detail_infor li{margin-top:15px;line-height: 30px;font-size: 16px;display:flex;justify-content:flex-start;align-items:flex-start;}
.detail_infor li i{color: #00ABC2;margin:7px 10px 0 0;}
.detail_infor li span{color:#ccc;}
.detail_infor p b{display: inline-block;font-size: 24px;line-height: 30px;color: #fff;margin-bottom:20px;}
.detail_pic{width: 460px;box-sizing: border-box;padding:40px 50px;background: #2A2A35;border: 1px solid #3D3D49;}
.detail_pic img{width: 360px;}

.detail_recommended{padding: 50px 0;}
.detail_title{line-height:60px;font-size: 30px;}
.detail_ul{padding:30px 0 10px;}
.detail_ul ul{display: flex;justify-content: space-between;align-items: stretch;}
.detail_ul ul li{width: 30%;}
.detail_ul ul li a{display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.detail_li_pic{width: 100%;height: 220px;box-sizing: border-box;padding:40px 50px;background: #2A2A35;border: 1px solid #3D3D49;text-align: center;}
.detail_li_pic img{height:100%;}
.detail_li_title{text-align: center;flex: 1;}
.detail_li_title p{padding:20px 0;line-height: 30px;font-size: 16px;}

.detail_content{padding: 20px 0;}
.detail_nav{padding: 15px 0 10px;position: sticky;top: 0px;background: #2E2E39;margin:20px 0;z-index: 10;}
.detail_nav ul{display: flex;justify-content: flex-start;align-items: center;}
.detail_nav ul li{margin-right: 15px;}
.detail_nav ul li a{display: inline-block;line-height: 45px;background: #191A23;padding:0 35px;font-size: 20px;}
.detail_nav ul li.action a,.detail_nav ul li a:hover{color: #00ABC2;}

.detail_cont_title{padding:20px 0;}
.detail_cont_title p{font-size: 28px;line-height: 60px;}

.detail_main{line-height: 30px;padding:15px 0;}
.detail_main>p{padding:5px 0;}
.detail_main img{max-width: 100%;}
.detail_main table{max-width: 100% !important;}
.detail_main table,.detail_main td{border:1px solid #3D3D49 !important;border-collapse:collapse !important;padding:5px !important;}
.detail_main tr:first-child td{border:none !important;background:#00abc2;}
.detail_main_p{font-size: 17px;line-height: 32px;padding:10px 0;}
.detail_infor2{width:100%;}
.detail_infor2 li{display: flex;justify-content: flex-start;align-items: stretch;}
.detail_infor2 li b{white-space: nowrap;min-width:180px;}
.detail_infor2 li span{display: inline-block;}

.detail_down{padding:30px 0;}
.detail_down p{line-height: 40px;}
.detail_down p a{display: flex;justify-content:space-between; align-items: center;width: 100%;}
.detail_down p a span{display: inline-block;font-size: 18px;display: flex;align-items: center;}
.detail_down p a span img{height:38px;margin-right: 15px;}
.detail_down p a i{font-size: 28px;justify-self: flex-end;}

.request{width: 100%;}
.requestc{padding: 50px 0;}
.request_top{padding: 30px 0;}
.request_top p{padding: 5px 0;text-align: left;}
.request_top p strong{font-size: 30px;line-height: 80px;font-weight: 600;}
.request_top p b{font-size: 24px;line-height: 30px;font-weight: 500;}
.request_top p span{line-height: 30px;font-size: 18px;}
.request_form{padding:20px 0 40px;}
.request_form_info{display: flex;justify-content: space-between;align-items: center;flex-flow:row wrap;padding:10px 0;}

.form_group{width: 100%;text-align: left;padding:10px 0;}
.form_group p{line-height: 40px;font-size: 16px;padding:2px 0;}
.form_group p em{display: inline-block;color: rgb(170, 0, 0);margin-right: 5px;font-weight: bold;font-style: normal;vertical-align: middle;}
.form_group p b{font-weight: normal;}
.form_group p input[type="text"],.form_group p input[type="email"]{line-height: 40px;height: 40px;width: 100%;border: 1px solid #3D3D49;border-radius:4px;box-sizing: border-box;padding: 0 10px;background: #F5F8FA;color: #00ABC2;}
.form_group p select{line-height: 40px;height: 40px;width: 100%;border: 1px solid #3D3D49;;border-radius:4px;box-sizing: border-box;padding: 0 10px;background: #F5F8FA;color: #00ABC2;}
.selectOp{background:#2E2E39;}
.form_group p textarea{line-height: 30px;width: 100%;border: 1px solid #3D3D49;;border-radius:4px;box-sizing: border-box;padding:5px 10px;background: #F5F8FA;color: #00ABC2;}
.form_group2{width: calc((100% - 80px)/2);}
.form_bt{text-align: left;padding:30px 0;}
.form_bt input{height: 45px;padding:0 90px;margin-right:20px;font-size: 18px;border: none;transition: all 0.3s;cursor: pointer;}
.form_bt input[type="submit"]{background: #00ABC2;color: #fff;}
.form_bt input[type="reset"]{background: #fff;color: #000E19;}
.form_bt input:hover{opacity: 0.8;}
.form_bt2 input{width: 100%;margin:0;border-radius:6px;}
/**detail End***/

/**CONTACT Start***/
.contactw{border-bottom: 1px solid rgba(255,255,255,0.1);}
.contactm{padding: 50px 0;text-align: left;}
.contact_main{padding: 10px 0;display: flex;justify-content: space-between;align-items: flex-start;}
.contact_left{width:50%;}
.contact_title{padding:50px 0;border-bottom: 1px solid rgba(255,255,255,0.1);}
.contact_title p{padding:10px 0;}
.contact_title p span{font-weight: 600;font-size: 34px;color: #00ABC2;line-height: 40px;}
.contact_title p strong{font-weight: 600;font-size: 54px;line-height: 70px;}
.contact_title p b{font-weight: 600;font-size: 20px;line-height: 25px;}
.contact_info{padding:50px 0;display: flex;justify-content: flex-start;align-items: stretch;}
.contact_li{width: 50%;}
.contact_li p b{font-weight: 500;font-size: 18px;line-height: 80px;}
.contact_li p span{font-size: 18px;line-height: 30px;}

.contact_right{width: 45%;padding:30px 0;}

.advantages{border-bottom: 1px solid rgba(255,255,255,0.1);}
.advantagesc{padding: 50px 0;}
.advantages_top{padding:30px 0;}
.advantages_title{font-weight: 600;font-size: 36px;line-height: 50px;padding:30px 0;}
.advantages_list{padding:30px 0;}
.advantages_list ul{display: flex;justify-content: space-between;align-items: stretch;}
.advantages_list ul li{height: 190px;width: calc((100% - 75px)/4);display: flex;align-items: center;justify-content: center;background: #2A2A35;border: 1px solid #3D3D49;;}
.advantages_list ul li p{padding:10px;}
.advantages_list ul li p img{width:50px;}
.advantages_list ul li p b{font-weight: 500;font-size: 16px;line-height: 30px;}
.advantages_list ul li:hover{border: 1px solid #00ABC2;}

.advantages_ad{padding:150px 0 50px;}
.advantages_ads{background: linear-gradient( 92deg, #01AAC1 0%, #00C2B8 100%);height: 200px;display: flex;justify-content: space-between;align-items: center;padding:0 100px;}
.advantages_left{flex: none;}
.advantages_left p{text-align: left;padding: 5px 0;}
.advantages_left p span{font-weight: 500;font-size: 24px;line-height:30px;}
.advantages_left p b{font-weight: 500;font-size: 42px;line-height: 53px;}
.advantages_right{flex: none;}
.advantages_right p a{display: inline-block;border: 1px solid;border-image:linear-gradient(0deg,#fff) 1;font-weight: 500;font-size: 20px;padding:0 45px;line-height: 50px;color:#fff;transition: all 0.5s;}
.advantages_right p a:hover{background:linear-gradient(45deg, #01AAC1 0%, #00C2B8 40%,#00C2B8 60%, #00ABC2 100%);border-image:linear-gradient(to left top,#e9a5a5,#b8c1c0,#65c0e0,#aea2db,#81c1d9,#f8bfbf) 1;}
/**CONTACT End***/

/**NEWS Start***/
.news{border-top: 1px solid rgba(255,255,255,0.1);}
.newsc{padding: 50px 0;}
.news_list{padding:30px 0;}
.news_list ul{display: flex;justify-content: space-between;align-items: stretch;flex-flow: row wrap;}
.news_list ul li{width: calc((100% - 60px)/3);background:#464651;border-radius:0 0 6px 6px;margin-bottom: 30px;display:flex;justify-content:space-between;flex-direction:column;}
.news_list ul li.noborder{background:none;border:none;}
.news_pic{width:100%;max-height:260px;overflow: hidden;}
.news_pic img{width: 100%;vertical-align: middle;transition: all 0.3s;}
.news_list ul li:hover .news_pic img{transform: scale(1.05);}
.news_info{flex:1;padding:20px 20px;text-align: left;display:flex;justify-content:space-between;flex-direction:column;}
.news_info p{padding:8px 0;}
.news_info p i{color: #00ABC2;font-size: 16px;margin:4px 10px 0 0;}
.news_info p em{color: #00ABC2;font-size: 16px;font-weight: 500;font-style: normal;}
.news_info p b{line-height: 30px;font-size: 18px;font-weight: 600;}
.news_info p span{line-height: 25px;font-size: 16px;color:#ccc;}
.news_info p a{line-height: 25px;transition: all 0.3s;font-size: 14px;}
.news_info p a:hover{color: #00ABC2;}
.news_info p a i{margin-left:7px;color: #00ABC2;transition: all 0.3s;}
.news_info p a:hover i{margin-left:10px;}
.news_info:hover p span{color: #eee;}

.flexbox{display:flex;justify-content:flex-start;align-items:flex-start;line-height: 24px;}

.art{padding:10px 0;}
.artc{padding: 50px 0;}
.art_main{padding:20px 0;text-align:left;}
.art_title p{padding:10px 0;display:flex;justify-content:flex-start;align-items:center;}
.art_title p b{font-size: 30px;line-height:45px;}
.art_title p span{margin-right:25px;display:flex;justify-content:flex-start;align-items:center;font-size:16px;}
.art_title p span i{margin-right:10px;}
.art_title p span em{font-style:normal;}

.art_desc{margin:30px 0;padding:20px;border:1px solid #3D3D49;;border-radius:10px;}
.art_desc>p{color:#ccc;line-height:30px;font-size: 16px;}

.art_events{padding-bottom:20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #3D3D49;;}
.art_events p{font-size:18px;line-height:35px;display:flex;align-items:center;}
.art_events p i{margin-right:10px;;color:#00ABC2;}
.art_events p:first-child i{font-size:16px;}

.art_content{padding:20px 0;line-height:30px;}
.art_content>p{padding:5px 0;font-size: 16px;}
.art_content img{max-width:100% ;}
.art_content table{max-width: 100% !important;}
.art_content table,.detail_main td{border:1px solid #3D3D49 !important;border-collapse:collapse !important;padding:5px !important;}
.art_content tr:first-child td{border:none !important;}
.art_content a{color: #109995;text-decoration:underline dotted #109995;}
/**NEWS End***/

.indexmain{width:100%;padding:20px 0;}
/**分页样式**/
.pagination{padding:50px 0;width: 100%;}
.pagination ul{display: flex;justify-content: center;align-items: center;flex-flow: row nowrap;}
.pagination ul li{line-height: 36px;width:36px;height: 36px;margin:0 5px;}
.pagination ul li a{display: inline-block;width:100%;height:100%;background:rgba(255,255,255,0.9);border-radius:4px;font-size: 14px;color:#000E19;}
.pagination ul li a:hover{background:#00ABC2;color: #fff;}
.pagination ul li span{display: inline-block;width:100%;height:100%;background:#00ABC2;border-radius:4px;font-size: 14px;color: #fff;}
.pagination ul li b{font-weight: normal;}
.pagination ul li a i,.pagination ul li span i,.pagination ul li b i{font-size: 16px;}


.contact{background: #2E2E39;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1);}
.contactc{padding:80px 0;display: flex;justify-content: space-between;align-items: center;}
.contactc p{padding:10px 0;}
.contactc p b{font-weight: 500;font-size: 34px;line-height: 50px;}
.contactc p a{display: inline-block;background: #D3DAE6;line-height:50px;padding:0 50px;color:#fff;font-size: 18px;color:#2E2E39;}
.contactc p a:hover{background:#0098ac;color:#fff;}

.footerc{padding:60px 0;display: flex;justify-content: space-between;align-items:stretch;flex-flow: row wrap;}

.foot_infor{text-align: left;}
.foot_infor p{padding:5px 0;}
.foot_infor p i{margin-right:10px;width:20px;text-align: center;}
.foot_infor p span{line-height: 25px;font-size: 13px;margin-right:5px;}
.foot_infor p.foot_line{padding-bottom:50px;}
.foot_infor p.foot_line img{height:38px;}
.foot_infor p span a{color: #ddd;}
.foot_infor p span a:hover{color: #00ABC2;}

.foot_list>ul{display: flex;justify-content: space-between;align-items: flex-start;min-width: 280px;text-align: left;line-height: 30px;}
.foot_list>ul>li ul li a{color: #ddd;}
.foot_list>ul>li ul li a:hover{color: #00ABC2;}

.foot_copy{line-height: 25px;margin-left: 120px;display: flex;flex-direction: column;justify-content: flex-start;}
.foot_copy p{padding:5px 0;}
.foot_copy p>a{display:inline-block;width:100%;line-height:40px;background:#d72c46;color:#fff;text-align:center;font-size:20px;letter-spacing:2px;transition:all 0.3s;border: 3px ;}
.foot_copy p>a:hover{opacity: 0.8;}


.pagebox{position: fixed;top:0;bottom: 0;left: 0;right: 0;display: flex;justify-content: center;align-items: center;}
.page404{text-align: center;}
.pagebox p{padding:2px 0;line-height:30px;}
.pagebox p img{width: 170px;}
.pagebox p b{font-size: 22px;}
.pagebox p span{color: #808483;}
.pagebox p a{display: inline-block;font-size: 14px;color: #fff;margin:20px 0;padding:0 20px;background:#00ABC2;border-radius: 15px;line-height:30px;position: relative;}
.pagebox p a:hover{background: #00ABC2;box-shadow: 0 0 10px #CFCFCF;}


.loading-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.5);display:none;justify-content:center;align-items:center;z-index:1000;}
.spinner{width:50px;height:50px;border:5px solid rgba(255, 255, 255, 0.3);border-top-color:#ffffff;border-radius: 50%;animation:spin 1s linear infinite;}

@keyframes spin{
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}