@charset "UTF-8";
/*font*/
@font-face {
  font-family: "CG";
  src: url("../font/Century Gothic.woff2") format("woff2"),
       url("../font/Century Gothic.woff") format("woff"),
       url("../font/Century Gothic.ttf") format("truetype"),
       url("../font/Century Gothic.eot") format("embedded-opentype"),
       url("../font/Century Gothic.svg") format("svg");
  font-weight:normal;
  font-style: normal;
}
@font-face {
  font-family: 'iconfont';  /* project id 671521 */
  src: url('//at.alicdn.com/t/font_671521_69ftlj5zs6m6ajor.eot');
  src: url('//at.alicdn.com/t/font_671521_69ftlj5zs6m6ajor.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_671521_69ftlj5zs6m6ajor.woff') format('woff'),
  url('//at.alicdn.com/t/font_671521_69ftlj5zs6m6ajor.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_671521_69ftlj5zs6m6ajor.svg#iconfont') format('svg');
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-1:before { content: "\e628"; }
.icon-2:before { content: "\e619"; }
.icon-3:before { content: "\e61a"; }
.icon-4:before { content: "\e600"; }
.icon-5:before { content: "\e67a"; }
.icon-6:before { content: "\e603"; }
.icon-7:before { content: "\e6b3"; }
.icon-8:before { content: "\e61b"; }
.icon-9:before { content: "\e720"; }
.icon-10:before { content: "\e679"; }
.icon-11:before { content: "\e602"; }
.icon-12:before { content: "\e60c"; }


/* public */
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0;    max-width: 100%;}
ul,dl,li,dt,dd{list-style:none;}
html{font-size:62.5%; height:100%;}
body{font:12px "microsoft yahei",Helvetica; background:#f6f8fa; overflow-x:hidden; color: #222222;  }
a{text-decoration:none;  color: #222; }
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none; font-family:"microsoft yahei"; line-height: normal;}
textarea{resize:none; overflow:hidden;}
select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
.u_hidden{ display: none;}
.fl{float:left;}
.fr{float:right;}
.z-container {width:94%;height:auto;clear: both;margin: 0 auto;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden;text-overflow:ellipsis;}
.nav_bar{ width: 100%; height: 100%; position: absolute; right: 0; top: 48px; background: #f5f5f5; /*transform: translateX(100%);*/ display: none;}
.nav_bar.active{ transform: translateX(0);}
.nav_bar>ul>li{ width: 100%;  box-sizing: border-box; ;border-bottom: 1px solid #c9c9c9; font-size:15px; position: relative;}
.nav_bar>ul>li a{ display: block; width: 100%;line-height: 50px;padding:0px 10px;}
.nav_bar>ul>li.active>a{ background: #dddddd; color: #16a06a;}
.nav_bar>ul>li.active em{ transform: rotate(90deg);}
.nav_bar>ul>li .nav_down{ padding: 10px 0; display: none; background:#e9e9e9;}
.nav_bar>ul>li .nav_down li a{ font-size: 14px; line-height:30px; z-index: 1;} 
.nav_bar>ul>li em{ display: block; width: 50px; height: 50px; background: url(../img/arr_l.png) no-repeat center; position: absolute; right: 0px; top: 0; background-size: auto 14px; opacity: 0; transition: all .5s; }
.header{ height: 48px; background: rgba(58,67,92,.7); position: fixed; left: 0;top: 0; width: 100%; padding: 0 10px; box-sizing: border-box; z-index: 99;}
.header .logo img{ height: 50px; vertical-align: middle;}
.header .logo{ display: block; line-height:48px;}
.header .menu_btn{ display: block; width: 48px; height: 48px; background: url(../img/menu_btn.png) no-repeat center; background-size: 22px auto; position: absolute; right: 0px; top: 0; transition: all .5s;}
.header .menu_btn.active{ background: url(../img/close.png) no-repeat center; background-size: 22px auto; }
/*.header .logo.active{float: right;}*/
.banner img{ width: 100%; vertical-align: bottom;}
.padd_box{ padding:10px; box-sizing: border-box;}
.index_icon .box{ width:49.5% ; height: 105px; float: left; color: #fff;}
.index_icon .box a{ color: #fff;}
.index_icon .box em{ font-family: "CG"; font-size: 14px; display: block; margin: 9px 0; line-height: 16px;}
.index_icon .box h3{font-size: 14px; }
.index_icon .box1{ height: 215px; background: #1c8bd5; text-align: center;}
.index_icon .box1 img{display: block; margin: 0 auto; height:55px; margin-top: 45px;}
.index_icon .box2,.index_icon .box3{ float: right; background: #16a06a; margin-bottom: 5px; padding: 0 5px; box-sizing: border-box;}
.index_icon .box2 img,.index_icon .box3 img{ height: 38px; float: left; vertical-align: middle; margin-top: 30px; margin-right: 15px;}
.index_icon .box2 .info,.index_icon .box3 .info{ float: left; margin-top: 15px;}
.index_icon .box3{ background:#dc9836;}
.index_icon .box3 img{ margin-right: 15px;}
.index_tit{margin-bottom: 20px; text-align: center;}
.index_tit span{ display: block; font-size: 16px;}
.index_tit em{ display: block; width: 10px; height: 2px; background: #16A06A; margin: 5px auto;}
.index_tit p{font-family: "CG";}
.index_tit h3{ font-size: 24px; font-family: "CG"; font-weight: bold;}
.index_about img{ width: 100%; vertical-align:bottom}
.iabout_tit{ background: #3a435c; color:#fff; text-align: center; padding: 20px 10px; box-sizing: border-box; }

.iabout_tit p{line-height: 15px;}
.hz_school{ padding: 30px 10px; background: #edeff0; box-sizing: border-box;}
.hz_school .swiper-slide{ position: relative;}
.hz_school .swiper-slide img{ width: 100%; vertical-align: bottom;}
.hz_school .swiper-slide h3{ position: absolute; left: 0; bottom: 0; background: rgba(58,67,92,.75); width: 100%; text-align: center; line-height: 45px; color: #fff;}
/*swiper样式*/
.swiper-slide img{ width: 100%;}
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;/*height: 420px;*/ position: relative;} 
.swiper-container {margin: 0 auto;  position: relative; overflow: hidden;  z-index: 1;}
.swiper-wrapper { position: relative; /*width: 100%;height: 100%;*/ z-index: 1;display: -webkit-box;display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;
    display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform;-o-transition-property: -o-transform; -ms-transition-property: -ms-transform;
    transition-property: transform; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;   box-sizing: content-box;}
.arrow-left{ display: block; width: 36px; height: 36px; background: url(../img/cir_l.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 9;}
.arrow-right{ display: block; width: 36px; height: 36px; background: url(../img/cir_r.png) no-repeat center; background-size: 100% 100%; position: absolute; right: 0; top: 50%; transform: translateY(-50%);z-index: 9;}

.index_case,.index_news,.index_logobar{padding: 30px 10px;box-sizing: border-box;}
.index_case .swiper-slide img{ width: 100%; vertical-align: bottom; height: 315px;}
.index_case .swiper-slide .info{ padding: 15px 10px; box-sizing: border-box; background: #16A06A; color: #fff;}
.index_case .swiper-slide .info h3{ font-size: 15px; font-weight: bold;}
.index_case .swiper-slide .info h4{ font-size: 15px;}
.index_case .swiper-slide em{ display: block; width: 20px; height: 2px; background: #fff; margin: 10px 0;}
.readmore{ display: block; width:28%; height: 32px; background: #1c8bd5; color: #fff; text-align: center;line-height:32px; border-radius: 3px;margin:0 auto;margin-top: 20px; font-size: 14px;  }
.readmore em{ display: inline-block; width: 4px;height:8px; background: url(../img/arr_r.png) no-repeat center; background-size: 100% 100%; vertical-align: middle; margin-left: 10px; }
.index_num{ width: 100%; padding: 40px 0; background: url(../img/index_bg.jpg) no-repeat center; background-size: 100% 100%;position: relative; z-index: 1;}
.index_num2{ width: 1200px; margin: 0 auto; background: #323644; padding: 40px 0; position: absolute; top: -75px;}
.index_num:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(58,67,92,.9); position: absolute; left: 0; top: 0; z-index: -1; color: #fff;}
.index_num .box{ width: 33%;float: left; text-align: center; color: #fff;}
.index_num2 .box{ border-right:1px solid rgba(230,230,230,.4);}
.index_num2 .box:last-child{border-right: none;}
.index_num .box h3{ font-size: 30px; font-weight: bold; font-family:  "Century Gothic"; color: #16a06a;transition: all .7s; -webkit-transition: all .7s; }
.index_num .box:hover h3{transform: scale(1.4,1.4);}
.index_num .box span{ font-size: 12px;}
.index_news .swiper-slide{ margin-bottom: 10px;}
.index_news .info{ padding: 15px; background: #fff;}
.index_news .info h3{ font-size: 16px;}
.index_news .info p{color: #666; margin: 10px 0;}
.index_news .info span{color: #666;}
.index_logobar{ background: #f6f8fa;}
.index_logobar ul li{ width: 25%; float: left; text-align: center;  height: 50px; margin-bottom: 20px;}
.index_logobar ul li img{ max-width: 80%;max-height: 100%;}
.contact_bar{ background: #fff; padding: 15px 25px; box-sizing: border-box; box-shadow: 0 0 10px 5px #e2e4e5;}
.contact_bar li{ width: 48%; float: left; height: 36px; line-height: 36px; background: #1c8bd5; border-radius: 3px; text-align: center; color: #fff;}
.contact_bar li:last-child{ float: right; background: #16A06A;}
.contact_bar li a{ display: block; width: 100%; height: 100%; color: #fff; font-size: 16px;}
.contact_bar li img{ vertical-align: middle; max-height: 60%; margin-right: 10px;}
.footer{ width: 100%; background: #323644; padding: 15px 0 35px; text-align: center; color: #797e8f; line-height: 23px;}
.footer a{ color: #797e8f;}
.index_case2{ padding: 20px 10px;}
.index_case2 .swiper-slide{ margin-bottom: 10px;}
.index_case2 .swiper-slide .info{ background:#fff; color: #333;}
.index_case2 .swiper-slide:hover .info{ background: #16A06A; color: #fff;}



.wrapper{width:100%; overflow:hidden; background:#16a06a; position:relative; z-index:1;height: 45px; line-height: 45px;}
.wrapper.on .page-nav,.wrapper2.on .country_nav{display:block;}
.wrapper.on .page-nav li,.wrapper2.on .country_nav li{float:left; font-size:14px;margin:0 10px;}
.wrapper.on .page-nav li a{margin: 0 25px; display: block; width: 100%; height: 100%; color: #fff;}
.wrapper2.on .country_nav li a{ margin: 0 19px;}
.page-nav li a{ color: #fff; position: relative; display: inline-block; width: 100%; height: 100%; }
.wrapper ul li:first-child a{ margin-left: 0!important;}
.page-nav li.cur a:before{content: ""; display: block; width: 55%; height: 1px; background: #fff; position: absolute; left:50%; bottom: 7px; transform: translateX(-50%);}
.page-nav,.country_nav li{display:flex;}
.page-nav li,.country_nav li{flex:1; text-align:center; font-size:14px;}
.wrapper2{width:100%;background:none; position:relative; z-index:1; height: 77px; overflow: hidden; }

.country_nav li{background: #e3e3e3; margin-bottom: 20px!important; height: 65px; }
.country_nav li a{ position: relative; display: block;padding: 10px 0;margin: 0 19px;}
.country_nav li a img{max-width: 35px;}
.country_nav li.cur a:before{content: ""; display: block; background:url(../img/arr_bb.png) no-repeat center; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); width: 15px; height: 11px;z-index: 2;}
.about_page,.team_page,.news_page,.contact_page,.lx_page,.compare_page{ padding: 20px 10px; box-sizing: border-box;}
.about_con h3{ font-size: 15px; font-weight: bold;margin-bottom: 15px;}
.about_con img{ margin: 20px 0; width: 100%;}
/*.about_con img:first-child{ display: none;}*/
.about_con .en_text{ color: #9b9b9b; line-height: 16px;}
.about_adv img{ width: 100%; vertical-align: bottom;}
.about_adv .info{ padding: 20px; box-sizing: border-box; color: #fff; position: relative;}
.about_adv .tit{ margin-bottom: 20px;}
.about_adv .tit h3{ font-weight: bold; font-size:15px;}
.about_adv .box{ margin-bottom: 10px;}
.about_adv .info em{ font-size: 36px; font-weight: bold;position: absolute;right: 20px; top: 10px; font-style: italic;font-family: "CG"; color: rgba(255,255,255,.2);}

.about_adv .box1 .info{ background: #16A06A;}
.about_adv .box2 .info{ background: #fff; color: #333;}
.about_adv .box2 .info em{ color: #efefef;}
.about_adv .box3 .info{ background: #c58b32;}
.about_adv .box4 .info{ background: #1c8bd5;}
.about_adv .box5 .info{ background: #939d44;}
.about_adv .box6 .info{ background: #323644;}
/*团队*/
.team_page .box{ /*width: 100%;*/ background: #323644; margin-bottom: 10px;}
.team_page .box a{ display:block; /*width: 100%; height: 100%;*/ color: #fff;}
.team_page .box img{ width: 100%; vertical-align: bottom;}
.team_page .box .info{ padding: 15px; box-sizing: border-box; background: url(../img/arr_r.png) no-repeat right 20px center; background-size: auto 12px;}
.team_page .box h3{font-size: 14px; font-weight: bold; margin-bottom: 4px;}
.team_page .box p{ color: #d1d2d6;}
/*新闻详情*/
.news_tit{ padding: 15px 0;}
.news_tit h3{ font-size: 16px; margin-bottom: 4px;}
.news_tit p{ color: #a9aaab;}
.news_text{ border-bottom: 1px solid #333; border-top: 1px solid #333; padding: 15px 0; color: #666; min-height: 300px;}
.topbtm_bar{ margin: 20px 0;}
.topbtm_bar a{ display: block; width: 100%; margin-bottom: 5px;}
/*咨询*/
.ly_bz{ text-align: center; margin: 30px auto;}
.ly_bz h3{ font-size: 16px;}
.ly_bz p{ color: #878787; margin: 15px 0;}

.ly_bz p em{ display: block; font-size: 16px; color: #333;}
.ly_form li{ width: 100%; background: #fff; margin-bottom: 10px; padding: 10px 10px; box-sizing: border-box;}
.ly_form li label{ font-size: 14px; width: 20%; margin-right: 10px; vertical-align: top;}
.ly_form li .text_input,.ly_form li select{ width: 85%; border:none}
.ly_form li textarea{ height: 80px;width: 85%; border: none;}
.ly_form li select{ background: url(../img/arr_b.png) no-repeat right center; background-size:  14px auto; }
.subbtn{ width: 100%; height: 36px; background: #1c8bd5; color: #fff; font-size: 16px; margin-top: 10px; border:none;}
/*招贤纳仕*/
.sideMenu{width: 100%; min-height: 300px; }
.sideMenu .tit{ height:55px; line-height:55px; padding:0 10px;box-sizing: border-box; background:#f8f8f8; cursor:pointer; color: #2e2e2e; border-bottom: 1px solid #ededed;}
.sideMenu .tit span{ display: inline-block; width:30%; font-size: 15px;}
.sideMenu .tit em{ float:right; display:inline-block; width:20px; height:20px; background: url(../img/add.png) no-repeat left center; background-size: 100% 100%;  margin-top: 17px;}
.sideMenu .tit.on em{ background: url(../img/jian.png) no-repeat center; background-size: 100% 100%; }
.sideMenu .tit.on{ background:#f4f4f4; }
.sideMenu ul{ padding:15px; color:#515151; display:none; /* 默认都隐藏 */ background: #f4f4f4; }

.sideMenu ul h4{ margin-bottom: 20px;}
.sideMenu ul p{ margin-bottom: 10px;}
.sideMenu .aplybtn{ display: inline-block; width: 120px; height: 30px; background: #1c8bd5; border-radius: 5px; line-height: 30px; text-align: center;color: #fff; margin-top: 40px; cursor: pointer;}


.aply_pop{ width: 78%;  background: #fff;border-radius: 3px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);box-shadow: 0 0 10px 5px #d9d9d9; text-align: center; padding: 10px;box-sizing: border-box; display: none;}
.aply_pop h3{ height: 35px; line-height:35px; text-align: center; border-bottom:1px solid #cccccc; margin-bottom: 25px;}
.aply_pop .uploadbtn{ display: inline-block; width: 100px; height: 33x; text-align: center;line-height: 33px; color: #333; color: #fff; border-radius: 4px; background:#1C8BD5; position: relative;overflow: hidden;}
.aply_pop .uploadbtn input{ position: absolute; left: 0; bottom: 0; top: 0;right: 0; opacity: 0;}
.aply_pop p{ color: #7f7f7f; margin-top:5px; margin-bottom: 20px;}
.aply_pop .btn_group button{ display: inline-block; width: 100px; height: 33px; background: #c6c6c6; border:none; color: #fff; border-radius: 3px; cursor: pointer;margin: 0 10px;}
.aply_pop .btn_group .surebtn{ background: #929292;}
.aply_pop .closebtn{ width: 27px; height: 27px;background: url(../img/closea.png) no-repeat center; background-size: 100% 100%; position: absolute; right: 10px; top: 10px; cursor: pointer;}
.aply_pop .btn_group { margin-bottom: 10px;}
.lx_page .box{ margin-bottom: 10px;}
.lx_page .box img{ width: 100%; vertical-align: bottom;}
.lx_page .box .info{ padding: 20px; box-sizing: border-box; background: #fff;}
.lx_page .info h3{ font-size: 14px; font-weight: bold; font-family: "CG";}
.lx_page .info h4{ font-weight: bold; margin: 5px 0;}
.lx_page .info p{ color: #666; margin: 10px 0;}
.lx_page .info .zx_btn{ display: block; width: 90px; height: 28px; background: #1C8BD5; color: #fff; text-align: center; line-height: 28px; border-radius: 5px; margin-top: 20px;}
.compare_box { margin-bottom: 2px;}
.compare_box h3{ height: 55px; line-height: 55px; font-size: 15px; background: #404456; color: #fff; padding: 0 15px; box-sizing: border-box;}
.compare_box h3 span{ float: right;font-size: 12px;}
.compare_box h3 em{ display: inline-block; width: 15px; height: 15px; background: url(../img/arr_b2.png) no-repeat center; background-size: 100% auto; transition: all .5s; float: right; margin-top: 20px; margin-left: 10px;}
.compare_box h3.on em{transform: rotate(180deg);}
.compare_box ul{display: none; }
.compare_box .info{padding: 20px 15px; box-sizing: border-box; color: #fff; } 
.compare_box .info h4{ margin-bottom: 10px;}
.compare_box .new{ background: #16A06A;}
.compare_box .old{ background: #a0a0a0;}
/*精品生活方案*/
.lifcase_box{ margin-bottom: 2px;}
.lifcase_box h3{ background: #fff; line-height: 55px; padding: 0 15px; box-sizing: border-box; font-size: 14px;}
.lifcase_box h3 .iconfont{font-size: 22px; color: #1C8BD5; vertical-align: middle; margin-right: 10px;}
.lifcase_box h3 em{ display: inline-block; width: 22px; height: 22px; background: url(../img/add2.png) no-repeat center; background-size: 100% 100%; margin-top: 16px; float: right; overflow: hidden;border-radius: 50%;}
.lifcase_box ul{ background: #eaeaea; color: #000; padding: 15px; box-sizing: border-box; display: none;}
.lifcase_box .lj_btn{ display: inline-block; width: 90px; height: 30px; line-height: 30px; text-align: center; background: #1C8BD5; border-radius: 3px; color: #fff; margin-top: 15px;}
.lifcase_box h3.active em{ background: url(../img/jian2.png) no-repeat center;}
.lifcase_box h3.active .iconfont{ color: #fff;}
.lifcase_box h3.active{ background: #16A06A; color: #fff;}
/*流程*/
.lc_box{ background: #fff; padding:20px 15px; margin-bottom: 1px;}
.lc_box em{ font-size: 24px; font-family: "CG"; font-weight: bold; color: #16A06A; margin-bottom: 10px; display: block;}
.lc_box .tit{ }
.lc_box .tit h3{ font-weight: bold; font-size: 14px;}
.lc_box .hide_con{ margin-top: 10px; display: none;}
.lc_box.active{ background: #16A06A; color: #fff;}

.lc_box.active em{ color: #fff;}
.lc_box.active .hide_con{ display: block;}

/*国家*/
.country_con{ padding: 20px 10px; box-sizing: border-box;}
.country_con .tit{ margin-bottom: 20px;}
.country_con .tit span{ font-size: 16px;}
.country_con .tit em{display: block; width: 9px; height: 2px; background: #16A06A; margin: 10px 0;}
.country_con .tit h3{ font-size: 24px; font-family: "CG";font-weight: bold;}
.country_con .en_text{ color: #666; margin: 20px 0;}
.country_con img{ max-width: 100%;}

.contact_page .boxli p{ margin-bottom: 10px;}

.contact_page .boxli p em{ display:block; font-size: 14px; font-weight: bold; margin-bottom: 5px;}
.contact_page .boxli p i{ display: inline-block; margin-right: 10px;}
.contact_page .boxli .img img{ width: 100px; height: 100px;}





@media screen and (max-width: 320px) {
.index_icon .box2, .index_icon .box3{ padding: 0 5px;}
.index_icon .box2 img,.index_icon .box3 img{ margin-right: 10px;}
.index_icon .box h3{ font-size: 12px;}
}

@keyframes arr
{
    from {transform: translateX(10px);
        -webkit-transform: translateX(10px);
        -o-transform: translateX(10px);
        -moz-transform:translateX(10px);
        transition: all 10s;
        -webkit-transition: all 10s;
        -o-transition: all 10s;
        -moz-transition:all 10s;
    }
    to {  transform:translateX(0px);
        -webkit-transform:translateX(0px);
        -o-transform: translateX(0px);
        -moz-transform: translateX(0px);
        transition: all 10s;
        -webkit-transition: all 10s;
        -o-transition: all 10s;
        -moz-transition:all 10s;
    }
}