@charset utf-8;

/*
Theme Name: circle wp
*/
.hide{display:none;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
*,
html,
body{font-family:Arial,"微软雅黑","Microsoft YaHei",sans-serif;font-weight:normal;margin:0;padding:0;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;line-height:1.2;}
body{overflow-x:hidden;}
img{max-width:100%;}
a{text-decoration:none;font-size:16px;}
h1{font-size:50px;color:#fff;}
h2{font-size:32px;color:#051c2c;margin-bottom:15px;}
h3{font-size:24px;color:#051c2c;margin-bottom:20px;}
h4{font-size:20px;color:#051c2c;margin-bottom:20px;}
h5{font-size:18px;}
h6{font-size:16px;}
p{font-size:18px;color:#051c2c;margin-bottom:32px;line-height:1.6;}
h1,
h2,
h3,
h4,
h5,
h6{font-weight:bold;}
.public_flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:space-between;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.hmc_inner{max-width:1240px;padding:0 20px;margin:0 auto;width:100%;}
.breadcrumbs{margin:70px 0px 25px 0px;}
.breadcrumbs li{display:inline-block;font-size:14px;font-weight:bold;}
.breadcrumbs .breadcrumbs_list_parents{font-size:0;}
.breadcrumbs li a,
.breadcrumbs li span{color:#000;font-size:14px;padding-right:5px;display:inline-block;font-weight:bold;}
.breadcrumbs li>span:first-child{font-weight: normal;}
.breadcrumbs li .breadcrumbs_list_page,
.breadcrumbs_last_li{color:#29f7fd;}
.what_for_you{padding:80px 0px 150px;text-align:center;}
.what_for_you .hmc_inner{max-width:800px;margin:0 auto;border-top:3px solid #051c2c;padding-top:90px;}
.what_for_you .hmc_inner p{max-width:580px;margin:0 auto 20px;}
.btn_color{color:#26272f;background-color:#29f7fd;padding:14px 24px;-moz-border-radius:5px;border-radius:5px;font-size:20px;display:inline-block;-webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;transition:all 300ms ease-in;font-weight:bold;}
.btn_color:hover{background:#051c2c;color:#fff;}
.global_page .page_content ul{margin-bottom:32px;padding-left:40px;}
.global_page .page_content ul li{font-size:20px;line-height:1.6;list-style:disc;}
.global_page .page_content img{-moz-border-radius: 8px;border-radius: 8px;}
.global_page .left,
.global_page .right{width:45%;text-align:left;}
.global_page .left p,
.global_page .right p,
.global_page .left h3,
.global_page .right h3,
.global_page .left h2,
.global_page .right h2{padding-bottom:20px;}
.global_page .page_content .lighter_text{font-weight:lighter;font-size:26px;padding-bottom:0px;margin-bottom:20px;}
.global_page .page_content .roles{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;gap: 24px;}
.global_page .page_content .img_ico img{display: inline-block;vertical-align: middle;margin-right:20px;-moz-border-radius:100%;border-radius:100%;}
.about_us h2{text-align:center;margin-bottom:40px;}
.about_us .getting_know{color:#4b4f58;}
.about_us .hmc_inner .getting_to_know p{text-align:center;}
.about_us .getting_to_know p:last-child{color:#00a9f4;margin-bottom:150px;}
.about_us .blockquote_icon{padding:10px 0px;text-align:center;margin:0 auto 32px;background:#f4f4f4;max-width:84px;-moz-border-radius:50%;border-radius:50%;}
.about_our ul li{overflow:hidden;margin-bottom:150px;}
.about_our ul li h2,
.about_our ul li p{text-align:left;}
.about_our ul li a{font-size:20px;color:#29f7fd;font-weight:bold;-webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;transition:all 300ms ease-in;}
.about_our ul li a:hover{color:#00a9f4;}
.about_our ul li .img_list,
.about_our ul li .text_list{width:46%;}
.about_our ul li .text_list h2{font-size: 50px;margin-bottom: 20px;}
.about_our ul li:nth-child(even){-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-moz-box-orient: horizontal;-moz-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.page-id-493 .global_page .left p{padding-bottom:0px;}
.careers .careers_title{text-align:center;font-size:50px;margin-bottom:80px;}
.careers .page_content{margin-bottom:100px;}

/* pulic */
hr{margin:50px 0;background:#ccc;border:1px solid;}
.pulic_flex{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.banner{margin-top: 80px; min-height: 430px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;background: -webkit-linear-gradient(top,rgb(5,28,44) 0%,rgb(34,81,255) 100%);background: -moz-linear-gradient(top,rgb(5,28,44) 0%,rgb(34,81,255) 100%);background: linear-gradient(180deg,rgb(5,28,44) 0%,rgb(34,81,255) 100%);}
/* header */
.header{position: fixed;top: 0; width: 100%;background:#051c2c;z-index: 99;}
.header .home_inner{padding:0 35px;}
.header a{color: #f0f0f0;text-decoration: none;display:inline-block;}
.header .header_left{padding: 20px 0;}
.header .header_right .mainNav>li{position: relative;}
.header .header_right .mainNav>li:hover .sub_menu{visibility:visible; opacity: 1;}
.header .header_right .mainNav>li::after{display: none; content: ''; position: absolute;bottom: 0; width: 100%;height: 1px;background: #29f7fd;}
.header .header_right .mainNav>li:hover::after{display: block;}
.header .header_right .mainNav>li>a{position: relative; padding: 0 20px;line-height: 80px;}
.header .header_right .mainNav li:hover > a{color:#29f7fd;}
.header .header_right .mainNav li:hover > a::after{background: url('/wp-content/themes/circle_wp/images/home-arrow-down-blue.png?v=1') no-repeat center;}
.header .header_right .mainNav>li>a::after{content: '';position: absolute;right: 0;top: 40%; background: url('/wp-content/themes/circle_wp/images/home-arrow-down.png') no-repeat center;width: 16px;height: 16px;}
.header .header_right .mainNav>li>a:last-child::after{display: none;}
.header .header_right .mainNav>li>a:hover::after{background: url('/wp-content/themes/circle_wp/images/home-arrow-down-blue.png') no-repeat center;}
.header .header_right .mainNav>li>ul{visibility: hidden; opacity: 0;position: absolute;top: 100%;left: 0;z-index: 2; background:#051c2c;width: 230px;}
.header .header_right .mainNav>li>ul li a{padding: 18px;width: 100%;}
.header .header_right .mainNav>li>ul li a:hover{color: #29f7fd;}
.header .header_right .services_menu{padding: 15px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-webkit-justify-content: flex-start;-moz-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.header .header_right .services_menu>li{-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;}
.header .header_right .services_menu>li ul li:first-child a{font-weight:700;}
.header .header_right .no_link{cursor: context-menu;}
/* footer */
.footer p{color: #fff;margin: 0;}
.footer .footer_top{padding: 100px 0;background: #111;}
.footer .footer_top .footer_top_left{max-width: 800px;}
.footer .footer_top .footer_top_left img{margin-bottom: 35px;}
.footer .footer_top .footer_top_right a:hover{background: #3d4559;}
.footer .footer_bottom{padding: 20px;}
.footer .footer_bottom p{font-size: 16px;color: #4b4f58;text-align: center;}
.footer .scroll_to_top{display: none;position: fixed;right: 30px;bottom: 30px;width: 30px;height: 30px;background: url('/wp-content/themes/circle_wp/images/to_top.png') no-repeat center #000000;-moz-background-size: 65%;background-size: 65%;cursor: pointer;}
/* home */
.home .banner{min-height: 800px;text-align: left;background: url('/wp-content/themes/circle_wp/images/hmc_banner.jpg') no-repeat center center;-moz-background-size: cover;background-size: cover;}
.home .banner h1{font-size:60px;max-width: 600px;}
.home .banner h1 span{font-weight:bold;color:#29f7fd;}
.home .home_main{text-align: center;padding-top: 100px;}
.home .home_main .home_introduce p:nth-child(3){color: #4b4f58;}
.home .home_main .home_introduce p{text-align:left;}
.home_introduce .left_img,.home_introduce .right_text{width:39%;}
.home_introduce .right_text{text-align:left;width:53%;}
/* .home_partner_title{margin-bottom:60px;} */
.home .home_main .hmc_inner>h2{margin-bottom:60px;}
.home .home_main .how_help{padding: 100px 0;}
.home .home_main .how_help>p{margin-bottom: 45px;}
.home .home_main .how_help .how_help_plan{text-align: left;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap: 100px;}
.home .home_main .how_help .how_help_plan>div{max-width: 100%;width: 100%;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 50px;}
.home .home_main .how_help .how_help_plan>div p{margin: 0; color: #4b4f58;}
.home .home_main .why_choose ul{text-align: left;margin:0px -2%;font-size:0;}
.home .home_main .why_choose ul li{margin-bottom: 10px;width:21%;margin:0px 2%;display: inline-block;text-align:center;vertical-align:top;}
.home .home_main .why_choose ul li .list_top{margin:40px 0px 20px;}
.home .home_main .why_choose ul li p{margin-bottom:0px;}
// .home .home_main .why_choose ul li .list_top a{font-size: 20px;text-decoration: underline;}
// .home .home_main .why_choose ul li .list_top a:hover{color: #29f7fd;}
// .home .home_main .why_choose .add,.home .home_main .why_choose .reduce{margin-right: 10px;}
// .home .home_main .why_choose .reduce{display: none;}
.home .home_title{background: -webkit-linear-gradient(top,rgb(22,146,226) 0%,rgb(41,247,253) 100%);background: -moz-linear-gradient(top,rgb(22,146,226) 0%,rgb(41,247,253) 100%);background: linear-gradient(180deg,rgb(22,146,226) 0%,rgb(41,247,253) 100%);padding:80px 0px;}
.home_title p,.home_title h2{color:#fff;text-align:center;}
.home_title h2{margin-bottom:0px;}
.home .what_for_you .hmc_inner{border-top: none;padding-top:0px;}
/* 404 */
.not_found .warning{padding: 260px 0;color: #051c2c;text-align: center;}
.not_found .warning h1{margin-bottom:30px;font-weight: 400;color: inherit;}
.not_found .warning h3{font-size: 30px;font-weight: inherit;}
/* default */
.default_page .default_content{padding: 75px 0;}

::-moz-selection{background-color:#0274be;color:#fff}

::selection{background-color:#0274be;color:#fff}
::-webkit-selection{background-color:#0274be;color:#fff}
::-moz-selection{background-color:#0274be;color:#fff}
.contact_content{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:20px;padding: 100px 0;}
.contact_content h3,.contact_content h2{color:#051c2c;margin-bottom:20px;font-weight:700}
.contact_content h3{font-size:20px}
.contact_content h2{font-size:32px;text-align:center}
.contact_content>div{max-width:50%;width:100%}
.contact_info *{text-align:left}
.contact_info p{font-size:20px;color:#4b4f58;font-weight:400}
.contact_info li{color:#fff;padding:12px;cursor:pointer;text-align:center;background-color:#2251ff;margin:0 7.5px;-moz-border-radius:50%;border-radius:50%;display:inline-block}
.contact_info li a{width: 20px;height: 20px;background-color: #fff;display: inline-block;}
.contact_info li:nth-child(1) a{-moz-border-radius: 50%;border-radius: 50%;}
.contact_info li:nth-child(3) a{background-color: transparent;}
.contact_info li img{vertical-align:-4px;}
.contact_form{margin-left:32px}
.contact_form p{font-size:20px;text-align:center;margin-bottom:35px}
.contact_form form>div{margin-bottom:20px}
.contact_form form .name{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:15px}
.contact_form form .name>div{width:100%}
.contact_form form .name>div:nth-child(2){-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1}
.contact_form input,.contact_form textarea{-moz-background-clip:padding-box;background-clip:padding-box;background-image:none;border:1px solid #ced4da;-moz-border-radius:.25rem;border-radius:.25rem;color:#495057;display:block;font-size:16px;line-height:1.5;margin-bottom:0;max-width:100%;padding:6px 12px;-webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-moz-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-moz-box-shadow .15s ease-in-out;width:100%;outline:none;background-color: #f9fafb;}
.contact_form input:focus,.contact_form textarea:focus{border:1px #a7d1ff dotted}
.contact_form .is_required::after{content:"*";margin-left:3px;color:#f56c6c}
.contact_form label{display:inline-block;font-weight:600;line-height:inherit;margin-bottom:5px;font-size:20px}
.error_info{color: #f56c6c;font-size: 12px;margin-top: 4px;display: none;}
.contact_form button{background-color:#29f7fd;color:#26272f;border:1px solid transparent;-moz-border-radius:4px;border-radius:4px;cursor:pointer;display:inline-block;font-size:16px;font-weight:400;line-height:1.5;padding:6px 12px;position:relative;text-align:center;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-moz-box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-moz-box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;display:inline}
.success_info{-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #ced4da;-moz-box-shadow:0 1px 5px rgba(0,0,0,.1);box-shadow:0 1px 5px rgba(0,0,0,.1);margin-top:10px;overflow-wrap:break-word;padding:15px;position:relative;font-size:20px;color:#000;font-weight:400;line-height:1.5;display:none}
/*
    life-at
*/
.text_c{text-align:center}
.page-id-486 .what_for_you{display:none}
.page-id-486 .page_content{padding-top:100px;padding-bottom:0;row-gap:0;-webkit-column-gap:80px;-moz-column-gap:80px;column-gap:80px;overflow:visible;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;margin-bottom: 60px;}
.page-id-486 .page_content .top{padding-left:80px;padding-right:80px}
.page-id-486 .page_content .top h2{margin-top:50px}
.page-id-486 .page_content .right{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.page-id-486 .page_content .bottom{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}
.page-id-486 .page_content .bottom div{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:24px;-webkit-box-align:normal;-webkit-align-items:normal;-moz-box-align:normal;-ms-flex-align:normal;align-items:normal;justify-self:unset}
.page-id-486 .page_content .bottom div p{border-left:5px solid rgba(0,0,0,0.05);font-size:22px;padding:20px;-moz-box-sizing:border-box;box-sizing:border-box;padding-bottom:-moz-calc(1.5em + 20px);padding-bottom:calc(1.5em + 20px);margin:0 1.5em}
.page-id-486 .page_content .bottom p a{color:#000;text-decoration:underline;-webkit-text-decoration-color:#000;-moz-text-decoration-color:#000;text-decoration-color:#000;text-decoration-thickness:2px;font-size:20px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.page-id-486 .page_content .bottom p a:hover{color:#29f7fd;-webkit-text-decoration-color:#29f7fd;-moz-text-decoration-color:#29f7fd;text-decoration-color:#29f7fd;}
/*
    explore_roles
*/
.explore_roles_wrapper .page_content>div{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;gap: 24px;}
.page-id-492 .what_for_you{display: none;}
/*
    current_job_openings
*/
.current_job_openings{display: none;margin-bottom: 60px;}
.page-id-492 .current_job_openings{display: block;}
.current_job_openings ul{padding: revert;margin: revert;}
.current_job_openings li{list-style: disc;font-size: 20px;line-height: 30px;}
.current_job_openings .job_title{margin: 12px;cursor: pointer;padding: 16px 32px;-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.current_job_openings .job_title img{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition: all 0.5s;-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.current_job_openings .job_title h3{font-size: 20px;margin-bottom: 0;}
.current_job_openings .job_content{margin: 12px;padding: 32px;display: none;}
.current_job_openings .job_content a{background-color: #29f7fd;color: #26272f;font-size: 20px;padding: 12px 16px;display: inline-block;}
.current_job_openings .job_list{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.current_job_openings .job_list .job_item{margin-bottom: 24px;}