/*************========网站感地图 fyk==========*****************/
.sitemap, .sitemap_content { width: 100%; height: auto; font-family: "Microsoft Yahei"; }
.sitemap_photos { overflow: hidden; width: 100%; height: 270px; background-size: cover; }
.sitemap_photos .wrap { width: auto; height: auto; overflow: hidden; padding: 10px; }
.sitemap_photos.animate-enable h1 { font-size: 44px; font-weight: 100; margin: 80px 0 30px; color: #fff; opacity: 0; text-align: center; transition: all .5s ease-in-out; transform: translateY(-300px); }
.sitemap_photos.animate-active h1 { opacity: 1; transform: translateY(0); transition-delay: .3s; }
.sitemap_photos.animate-enable .wrap div { font-size: 14px; color: #fff; letter-spacing: 1px; opacity: 0; text-align: center; transition: all .8s ease-in-out; transform: translateY(300px); }
.sitemap_photos.animate-active .wrap div { opacity: 1; transform: translateY(0); transition-delay: .3s; }
.sitemap_photos.case_bg { background: url('../images/lie/case_banner.jpg') no-repeat center center; background-size: cover; }
.sitemap_Company_intro { width: 100%; overflow: hidden; position: relative; }
.sitemap_Company_intro .intro_bg { width: 534px; height: 338px; margin: 0; position: absolute; bottom: 0; right: 0; background: url('../images/about/yuan1.png')center center; background-size: 100% 100%; }
.sitemap_intro_content { width: 1200px; margin: 0 auto; overflow: hidden; }
.sitemap_intro_content h2 { float: left; width: 100%; font-size: 14px; color: #333; text-align: left; margin: 20px 0; padding: 0 3%; }
.sitemap_intro_content h2 a { color: #333; }
.sitemap_list { float: left; width: 100%; background: #fff; min-height: 450px; font-size: 16px; color: #333; text-align: left; margin: 0 0 3% 0; padding: 0 3.3%; }
.sitemap_list .sitemap_listul { float: left; width: 100%; background: #fff; border-bottom: 1px solid #f2f2f2; padding: 3.5% 0%; font-size: 16px; color: #333; text-align: left; }
.sitemap_list h3 { float: left; width: 100%; font-size: 20px; color: #333; text-align: left; margin: 0px 0; padding: 0 10px; border-left: 4px solid #e4007f; font-weight: bold !important; }
.sitemap_list h3 a { float: left; width: 100%; font-size: 20px; color: #333; font-weight: bold !important; }

.sitemap_list ul { float: left; width: 100%; background: #fff; font-size: 16px; color: #333; text-align: left; padding: 20px 0 0 0; overflow: hidden; }
.sitemap_list ul li { float: left; width: 100%; background: #fff; font-size: 16px; color: #8d8d8d; text-align: left; padding: 10px 0 0 0; }
.sitemap_list ul li .site_tit { float: left; width: auto; padding: 0 3% 0 0; font-size: 14px; color: #333333; }
.sitemap_list ul li .site_tit a { float: left; width: auto; font-size: 14px; color: #333333; }
.sitemap_list ul li .site_tit.sitename a { float: left; width: auto; font-size: 14px; font-weight: 600 !important; color: #333333; }
.sitemap_list ul.service li { padding: 10px 0 10px 0; }
/*************========关于==========*****************/
/**banner*/
.about, .about_content { width: 100%; height: auto; }
.about_photos { overflow: hidden; width: 100%; height: 450px; background-size: cover; }
.about_photos .wrap { width: auto; height: auto; overflow: hidden; padding: 10px; }
.about_photos.animate-enable .casename { font-size: 44px; font-weight: 100; margin: 150px 0 30px; color: #fff; opacity: 0; text-align: center; transition: all .5s ease-in-out; transform: translateY(-300px); }
.about_photos.animate-active .casename { opacity: 1; transform: translateY(0); transition-delay: .3s; }
.about_photos.animate-enable .wrap .contitle { font-size: 14px; color: #fff; letter-spacing: 1px; opacity: 0; text-align: center; transition: all .8s ease-in-out; transform: translateY(300px); }
.about_photos.animate-active .wrap .contitle { opacity: 1; transform: translateY(0); transition-delay: .3s; }
.about_photos.case_bg { background: url('../images/lie/case_banner.jpg') no-repeat center center; background-size: cover; }
/**公司介绍*/
.about .h2 { display: block; font-size: 26px; color: #333; text-align: center; margin: 60px 0; }
.about_Company_intro { width: 100%; overflow: hidden; position: relative; background: #f7f7f7 url('../images/about/d.png'); }
.about_Company_intro .intro_bg { width: 534px; height: 338px; margin: 0; position: absolute; bottom: 0; right: 0; background: url('../images/about/yuan1.png')center center; background-size: 100% 100%; }
.about_intro_content { width: 1200px; margin: 0 auto; overflow: hidden; }
.about_intro_content div { width: calc(49% - 1 / 2 * 6%); float: left; margin-bottom: 60px; margin-left: 3%; }
.about_intro_content.animate-enable .intro_left img { width: 100%; height: 100%; border-bottom: 6px solid #59bcc9; border-right: 6px solid #59bcc9; transition: all .8s ease-in-out; transform: translateX(-600px); opacity: 0; }
.about_intro_content.animate-active .intro_left img { opacity: 1; transform: translateX(0); }
.about_intro_content.animate-enable .intro_right { float: right; transition: all .8s ease-in-out; transform: translateX(600px); opacity: 0; }
.about_intro_content.animate-active .intro_right { opacity: 1; transform: translateX(0); }
.about_intro_content .intro_right h3 { margin: 30px 0 60px; font-size: 20px; color: #333; }
.about_intro_content .intro_right span { display: block; margin-bottom: 40px; width: 60px; height: 6px; background-color: #59bcc9; }
.about_intro_content .intro_right p { text-align: justify; display: inline-block; line-height: 24px; font-size: 14px; color: #333; letter-spacing: 2px; }
/**三优原则*/
.about_san_u { width: 100%; background-color: #fff; }
.about_san_u .san_u_content { width: 1200px; margin: 0 auto; clear: both; overflow: hidden; }
.about_san_u .san_u_content .san_u_left { width: calc(51% - 1 / 2 * 6%); float: left; }
.about_san_u .san_u_content .san_u_left li i { font-style: normal; display: inline-block; border-radius: 50%; font-size: 14px; font-weight: bold; margin-right: 24px; width: 25px; height: 25px; line-height: 25px; text-align: center; background-color: #59bcc9; color: #fff; }
.about_san_u .san_u_content .san_u_left li h4 { font-size: 18px; font-weight: bold; color: #333; display: inline-block; }
.about_san_u .san_u_content .san_u_left li div { font-size: 14px; color: #666; margin: 30px 0 65px 55px; }
.about_san_u .san_u_content .san_u_right { width: calc(49% - 1 / 2 * 6%); height: 400px; float: right; position: relative; }
.about_san_u .san_u_content .san_u_right .san_line { height: 400px; width: 400px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }
.about_san_u .san_u_content .san_u_right .san_line .in { position: relative; }
.about_san_u .san_u_content .san_u_right .san_line .line { width: 82px; height: 78px; display: inline-block; background: url(../images/about/xian.png) no-repeat center center; background-size: 100% 100%; }
.about_san_u .san_u_content .san_u_right .san_line .in .line-1 { position: absolute; top: 0px; left: 0; transform: rotate(265deg); }
.about_san_u .san_u_content .san_u_right .san_line .in .line-2 { position: absolute; top: 0px; right: 0; transform: rotate(10deg); }
.about_san_u .san_u_content .san_u_right .san_line .in .line-3 { position: absolute; top: 350px; right: 0; transform: rotate(100deg); }
.about_san_u .san_u_content .san_u_right .san_line .in .line-4 { position: absolute; top: 300px; left: 0; transform: rotate(180deg); }
.about_san_u .san_u_content .san_u_right .san_line .in .line-5 { position: absolute; top: 170px; right: -30px; transform: rotate(-90deg); }
.about_san_u .san_u_content .san_u_right .san_circle { width: 300px; height: 300px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }
.about_san_u .san_u_content .san_u_right .san_circle .in { position: relative; }
.about_san_u .san_u_content .san_u_right .san_circle div { width: 200px; height: 200px; margin: 0 auto; }
.about_san_u .san_u_content .san_u_right .san_circle .in .circle1 { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }
.about_san_u .san_u_content .san_u_right .san_circle .in .circle2 { position: absolute; top: 110px; left: -80px; }
.about_san_u .san_u_content .san_u_right .san_circle .in .circle3 { position: absolute; top: 110px; right: -80px; }
.about_san_u .san_u_content .san_u_right .san_circle span { display: inline-block; width: 200px; height: 200px; line-height: 200px; background: url('../images/about/yuan.png') no-repeat center center; background-size: contain; text-align: center; font-size: 28px; color: #fff; }
/*动画效果*/
.about_san_u .san_u_content.animate-enable .san_u_left li { transition: all .8s ease-in-out; transform: translateX(-600px); opacity: 0; }
.about_san_u .san_u_content.animate-active .san_u_left li { opacity: 1; transform: translateX(0); }
.about_san_u .san_u_content.animate-active .san_u_left li:nth-of-type(2) { transition-delay: .6s; }
.about_san_u .san_u_content.animate-active .san_u_left li:nth-of-type(3) { transition-delay: .9s; }

.about_san_u .san_u_content.animate-enable .san_u_right .san_circle .in div { transition: all .8s ease-in-out; opacity: 0; }
.about_san_u .san_u_content.animate-enable .san_u_right .san_circle .in .circle1 { transform: translateY(-400px); }
.about_san_u .san_u_content.animate-enable .san_u_right .san_circle .in .circle2 { transform: translate(-200px, 200px); }
.about_san_u .san_u_content.animate-enable .san_u_right .san_circle .in .circle3 { transform: translate(200px, 200px); }
.about_san_u .san_u_content.animate-active .san_u_right .san_circle .in .circle1 { transform: translateY(0); opacity: 1; }
.about_san_u .san_u_content.animate-active .san_u_right .san_circle .in .circle2 { transform: translate(0); opacity: 1; }
.about_san_u .san_u_content.animate-active .san_u_right .san_circle .in .circle3 { transform: translate(0); opacity: 1; }
/**核心价值观**/
.worth { width: 100%; height: auto; overflow: hidden; background: #fff; }
.worth .worth_content .worth_main { width: 1005px; margin: 0 auto 70px; overflow: hidden; }
.worth .worth_content.animate-enable .worth_main li { float: left; transition: all .8s ease-in-out; transform: scale(.1) rotate(180deg); opacity: 0; }
.worth .worth_content.animate-active .worth_main li { opacity: 1; transform: scale(1) rotate(0deg); }
.worth .worth_content.animate-active .worth_main li:nth-of-type(2) { transition-delay: .3s; }
.worth .worth_content.animate-active .worth_main li:nth-of-type(3) { transition-delay: .4s; }
.worth .worth_content.animate-active .worth_main li:nth-of-type(4) { transition-delay: .5s; }
.worth .worth_content.animate-active .worth_main li:nth-of-type(5) { transition-delay: .6s; }
.worth .worth_content.animate-active .worth_main li:nth-of-type(6) { transition-delay: .7s; }
.worth .worth_content.animate-active .worth_main li:nth-of-type(7) { transition-delay: .8s; }
.worth .worth_content.animate-active .worth_main li:nth-of-type(8) { transition-delay: .9s; }
.worth .worth_content.animate-active .worth_main li:nth-of-type(9) { transition-delay: 1s; }
.worth .worth_content .worth_main div { margin-top: 10px; text-align: center; font-size: 14px; color: #666; }
.worth .worth_content .worth_main .worth_img { width: 120px; height: auto; margin-bottom: 15px; }
.worth .worth_content .worth_main .worth_line { width: 101px; height: 67px; margin-top: 70px; }
.worth .worth_content .worth_main .worth_img img { display: block; width: 120px; margin: 0 auto; }
.w-img2, .w-img4 { margin-top: 110px; }
/**招贤纳士*/
.about_recruit { width: 100%; height: 100%; min-height: 100%; overflow: hidden; background: #f7f7f7 url('../images/about/d.png'); position: relative; }
.about_recruit .about-img1 { width: 539px; height: 269px; position: absolute; top: 0; left: 0; background: url('../images/about/yuan2.png') no-repeat center center; background-size: contain; }
.about_recruit .about-img2 { width: 228px; height: 172px; position: absolute; right: 150px; bottom: 50px; background: url('../images/about/U.png') no-repeat center center; background-size: contain; }
.about_recruit .recruit_content { width: 1200px; margin: 0 auto 30px; overflow: hidden; }
.about_recruit .recruit_content > div.small_text { font-size: 18px; text-align: center; color: #656565; margin-bottom: 60px; }
.about_recruit .recruit_content .h2 { margin-bottom: 25px; }
.about_recruit .recruit_content .recruit_left { width: 130px; float: left; height: 100%; min-height: 100%; border-right: 1px solid #dbdbdb; margin-right: 65px; position: relative; }
.about_recruit .recruit_content .recruit_left .ul-o { float: left; width: 160px; position: relative; }
.about_recruit .recruit_content .recruit_left .ul-o li { width: 100%; cursor: pointer; position: relative; z-index: 2; margin-bottom: 20px; }
.about_recruit .recruit_content .recruit_left .ul-o li p { float: left; line-height: 35px; color: #666; text-align: center; font-size: 16px; width: 160px; }
.about_recruit .recruit_content .recruit_left .ul-o .li-mask { position: absolute; left: 0; top: 0; width: 160px; height: 35px; background: url(../images/about/anniu.png) no-repeat center center; background-size: cover; }
.about_recruit .recruit_content .recruit_left .ul-o li.on b { display: block; }
.about_recruit .recruit_content .recruit_left .ul-o > ul > li.li-active > p { color: #fff !important; }

/*about_arrow*/
.recruit_content .recruit_left ul li a { font-size: 16px; display: inline-block; text-align: center; color: #666; }
.recruit_content .recruit_left ul li.arrow_active > a { color: #fff; margin-right: 25px; }
.recruit_content .recruit_right { float: left; min-height: 540px; font-size: 14px; color: #666; }
.recruit_content .recruit_right .job { margin: 6px 0 30px; }
.recruit_content .recruit_right .job ul { overflow: hidden; }
.recruit_content .recruit_right .job ul li { float: left; margin-right: 20px; font-size: 14px; color: #666; width: 100px; display: inline-block; }
/*.job ul li.position_name, .job ul li.online_test > a { color: #5cc2cf; }*/
.recruit_content .recruit_right .job .job_content { clear: both; font-size: 14px; color: #666; }
.recruit_content .recruit_right .job .job_content div { font-size: 14px; margin: 20px 0; }
.recruit_content .recruit_right .job .job_content p { margin-bottom: 20px; font-size: 14px; }
.recruit_content .recruit_right .job .on_test a { color: #5CC2D0; text-decoration: underline; }

/*动画效果*/
.about_recruit .recruit_content.animate-enable .recruit_left { transition: all .8s ease-in-out; transform: translateX(-400px); opacity: 0; }
.about_recruit .recruit_content.animate-active .recruit_left { transform: translateX(0); opacity: 1; }
.about_recruit .recruit_content.animate-enable .recruit_right { transition: all .8s ease-in-out; transform: translateX(400px); opacity: 0; }
.about_recruit .recruit_content.animate-active .recruit_right { transform: translateX(0); opacity: 1; }
/************404页面**********************/
.page_404 { width: 100%; }
.page_404 img { display: block; margin: 170px auto 64px; text-align: center; }
.page_404 h2 { color: #ff8820; font-size: 28px; text-align: center; }
.page_404 div.countDown { margin: 40px 0 20px; color: #666; font-size: 18px; text-align: center; }
.page_404 div.countDown span { margin-right: 10px; color: #ff8820; }
.page_404 a { margin-right: 20px; color: #5cc2df; font-size: 12px; text-align: center; }
.page_404 .back { text-align: center; }

/**二维码微博分享置顶***/
#jump { position: fixed; top: 40%; right: 20px; margin-top: 54px; z-index: 99999; }
#jump li { width: 44px; height: 44px; overflow: hidden; margin-bottom: 10px; }
#jump li a { display: block; width: 44px; height: 44px; overflow: hidden; cursor: pointer; background-color: #66686d; background-size: 36px 36px; background-position: center center; background-repeat: no-repeat; transition: all 0.3s ease-in-out !important; border-radius: 50%; overflow: hidden; }
#jump li a:hover { background-color: #81d9e5; }
.nb-icon-wrap-4, .nb-icon-bridge-base, .nb-icon-icon { position: fixed; padding: 0 !important; top: 40% !important; right: 20px !important; margin: 0px !important; width: 44px !important; height: 44px !important; z-index: 400; overflow: hidden; background-position: center center !important; background-size: 44px 44px !important; transform: none !important; }
.nb-icon-inner-wrap, .nb-icon-customer { width: 44px !important; height: 44px !important; background-size: 44px 44px !important; background-image: url(../Images/kf.png) !important; transition: all 0.3s ease-in-out !important; }
.nb-icon-inner-wrap:hover, .nb-icon-customer:hover { background-image: url(../Images/kf_hover.png) !important; }

/*.nb-icon-wrap-4, .nb-icon-bridge-base, .nb-icon-icon { position: fixed; padding: 0 !important; top: 40% !important; right: 20px !important; margin: 0px !important; width: 44px !important; height: 44px !important; z-index: 400; overflow: hidden; background-position: center center !important; background-size: 44px 44px !important; transform: none !important;border-radius: 50%!important; }
.nb-icon-inner-wrap, .nb-icon-customer { width: 44px !important; height: 44px !important; background-size: 38px 38px !important;background-color: #66686d!important; background-image: url(../Images/kf@3x.png) !important; transition: all 0.3s ease-in-out !important;border-radius: 50%!important; }
.nb-icon-inner-wrap:hover, .nb-icon-customer:hover { background-color: #81d9e5!important; }*/

#jump li a#kf { background-image: url(../images/about/kf@3x.png); }
#jump li a#qq { background-image: url(../images/about/qq@3x.png); }
#jump li a#tel { background-image: url(../images/about/dh@3x.png); }
#jump li a#weixin { background-image: url(../images/about/wx@3x.png); }
#jump li a#top { background-image: url(../images/about/top@3x.png); background-size: 30px 30px; }
/*#top:hover { background: url(../images/about/top_hover.png) no-repeat; background-size: cover; }
#qq:hover { background: url(../images/about/qq_hover.png) no-repeat; background-size: cover; }
#tel:hover { background: url(../images/about/dh_hover.png) no-repeat; background-size: cover; }
#weixin:hover { background: url(../images/about/wx_hover.png) no-repeat; background-size: cover; }*/
.s11 { width: 200px; height: 200px; overflow: hidden; }
.tipCon img { display: inline-block; width: 124px; height: 124px; }
.tipCon .h2 { margin: 0; padding-bottom: 5px; font-size: 12px; color: #acadb1; text-align: left; }
.tipCon div { font-size: 18px; color: #5edae2; margin-bottom: 5px; }
.tooltip { opacity: 1 !important; }

/*******************====动态=====*********************/
/**banner*/
.dynamic, .dynamic_content { width: 100%; height: auto; overflow: hidden; }
/*.dynamic .dynamic_content.dy_bg { background: #FFf; }*/
.dynamic .dynamic_content .dynamic_photos { overflow: hidden; width: 100%; height: 210px; background-size: cover; }
.dynamic .dynamic_content .dynamic_photos .wrap { float: left; width: 100%; height: 100%; margin: 0 auto; text-align: center; background: rgba(0,0,0,.7); }
.dynamic .dynamic_content .dynamic_photos h1 { font-size: 44px; font-weight: 100; margin: 80px 0 10px; color: #fff; text-align: center; }
.dynamic .dynamic_content .dynamic_photos ul { display: inline-block; text-align: center; overflow: hidden; }
.dynamic .dynamic_content .dynamic_photos li { float: left; margin-right: 30px; font-size: 12px; line-height: 24px; }
.dynamic .dynamic_content .dynamic_photos li span { color: #fff; }
.dynamic .dynamic_content .dynamic_photos li i { font-style: normal; }
/*动画效果*/
.dynamic .dynamic_content .dynamic_photos.animate-enable .h1 { font-size: 34px; font-weight: 100; margin: 80px 0 15px; color: #fff; opacity: 0; text-align: center; transition: all .5s ease-in-out; transform: translateY(-300px); }
.dynamic .dynamic_content .dynamic_photos.animate-active .h1 { display: inline-block; opacity: 1; transform: translateY(0); transition-delay: .3s; }
.dynamic .dynamic_content .dynamic_photos.animate-enable .wrap ul { font-size: 14px; color: #fff; letter-spacing: 1px; opacity: 0; text-align: center; transition: all .8s ease-in-out; transform: translateY(300px); }
.dynamic .dynamic_content .dynamic_photos.animate-active .wrap ul { opacity: 1; transform: translateY(0); transition-delay: .3s; }
.dynamic .dynamic_content .dynamic_photos.animate-enable .wrap div { font-size: 14px; color: #fff; letter-spacing: 1px; opacity: 0; text-align: center; transition: all .8s ease-in-out; transform: translateY(300px); }
.dynamic .dynamic_content .dynamic_photos.animate-active .wrap div { opacity: 1; transform: translateY(0); transition-delay: .3s; }
/*内容*/
.dynamic_con { width: 1200px; margin: 0 auto; overflow: hidden; margin-top: -70px; padding-top: 70px; }
.dynamic_con > .h2 { margin: 60px 0 25px; text-align: center; font-size: 26px; color: #333; }
.dynamic_con .small_text { text-align: center; font-size: 20px; color: #666; }
.dynamic_con > .dynamic_btn { width: 100%; height: 36px; line-height: 36px; text-align: center; margin: 20px 0; }
.dynamic_con > .dynamic_btn span { display: inline-block; }
.dynamic_con > .dynamic_btn a { opacity: 0.8; display: inline-block; width: 110px; height: 36px; line-height: 36px; border: 1px solid #d9d9d9; color: #999; font-size: 14px; text-align: center; margin: 0 10px; transition: all 0.3s ease-in-out; }
.dynamic_con > .dynamic_btn a:hover { opacity: 1; }
.dynamic_con > .dynamic_btn a.btn_active { border: 0; background-color: #5cc2cf; color: #fff; }

section, .default_width, .gt_content_wrap { float: left; width: 100%; position: relative; }
section.gt_courses_bg { margin-top: 40px; }
figure { float: left; width: 100%; position: relative; overflow: hidden; }
figure a { float: left; width: 100%; position: relative; overflow: hidden; }

.gt_gallery_style1_des ul li { display: inline-block; margin: 0 2px; }

.mb30 { margin-bottom: 30px; }
.gt_gallery_style1_des, .gt_gallery_style1:before { transform-origin: top left; -webkit-transform-origin: top left; -ms-transform-origin: top left; -moz-transform-origin: top left; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); }
.gt_gallery_style1_des { left: 0; top: 50%; bottom: 0; right: 0; text-align: center; position: absolute; margin: auto; z-index: 10; width: 100%; margin: -40px 0px 0px; }
.gt_blog_wrap { overflow: hidden; background-color: #ffffff; border-radius: 5px; border-bottom: 2px solid; }
.gt_blog_wrap ul { margin: 0px 0px 15px; }
.gt_blog_wrap ul.get_event_meta { margin: 0px 0px 15px; width: 100%; float: left; }
.gt_blog_wrap figure img { width: 100%; height: 300px; transition: all .5s ease-in; }
.gt_blog_wrap figure:before { content: ""; position: absolute; left: 0; top: 300px; bottom: 0; right: 0; z-index: 10; opacity: 0.75; transform-origin: top left; -webkit-transform-origin: top left; -ms-transform-origin: top left; -moz-transform-origin: top left; /**transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);*/ }
.gt_blog_wrap figure h3 { margin-bottom: 18px; font-size: 22px; text-align: center; color: #fff; padding: 0 5%; line-height: 34px; }
.gt_blog_wrap figure div { font-size: 12px; text-align: center; color: #fff; }
.gt_blog_des { z-index: 10; padding: 20px 15px 0px; background-color: #ffffff; }
.gt_blog_wrap ul { margin: 0px 0px 15px; }
ul.gt_event_meta li { display: inline-block; color: #999999; padding: 0px 30px; font-size: 12px; color: #666; }
ul.gt_event_meta li:first-child { padding-left: 0; font-size: 12px; }
.gt_blog_des > h6 > a { display: block; font-size: 16px; color: #333; text-transform: capitalize; font-weight: 600; margin: 0px 0px 15px; height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
ul.gt_event_meta li span{padding-left:8px;}            
.gt_blog_des > p { margin-bottom: 10px; font-size: 14px; color: #999999; overflow: hidden; text-overflow: ellipsis; height: 60px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.gt_blog_des > p a { color: #999999; }
.gt_blog_wrap > a { z-index: 10; position: relative; float: left; width: 100%; opacity: 0; padding: 0px 15px; font-size: 14px; color: #ffffff; text-transform: capitalize; transform: translateY(-12px); -moz-transform: translateY(-12px); -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); }
.gt_blog_wrap > a > i { width: 18px; height: 18px; background: url('../images/dynamic/you.png') no-repeat center center; background-size: contain; }
.gt_blog_wrap > a:before { content: ""; position: absolute; bottom: -13px; left: 0px; width: 100%; height: 0px; z-index: -1; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.gt_blog_wrap > a > i { position: absolute; top: 5px; right: -100px; }
.gt_blog_wrap figure:before, .gt_blog_wrap > a:before, .gt_blog_wrap { border-color: #5CC2D0; }
.gt_blog_wrap:hover figure img { transform: scale(1.1); }
.gt_blog_wrap:hover .gt_gallery_style1_des { bottom: 0; }
.gt_blog_wrap:hover .gt_gallery_style1_des { background: none; }
.gt_blog_wrap:hover .gt_blog_des { transform: translateY(-25px); transition: all .5s ease-in; /*-moz-transform:translateY(-25px);-webkit-transform:translateY(-25px);-ms-transform:translateY(-25px);*/ }
.gt_blog_wrap:hover > a { opacity: 1; }
.gt_blog_wrap:hover > a:before { height: 45px; background: #5CC2D0; bottom: -13px; }
.gt_blog_wrap > a:hover:before { background-color: #5CC2D0; }
.gt_blog_wrap:hover > a > i { right: 15px; }
.gt_choose_wrap.gt_bg_13:hover:before, .gt_gallery_style1:before, .gt_event_date:before, .gt_who_we_icon:before { background-color: #5cc2d0; }
.gt_blog_wrap:hover figure:before,
.gt_blog_wrap:hover .gt_gallery_style1_des { transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); visibility: visible; }


div.zxf_pagediv { text-align: center; color: #999999; margin-bottom: 30px; }
div.zxf_pagediv a { text-decoration: none; text-align: center; font-size: 14px; }
div.zxf_pagediv a:hover { color: #5cc2d0; border: 1px solid #5cc2d0; margin: 0 5px; }
div.zxf_pagediv span, div.zxf_pagediv a { display: inline-block; box-sizing: border-box; text-align: center; font-size: 14px; }
div.zxf_pagediv span { margin: 0 5px; }
span.disabled { height: 35px; width: 65px; line-height: 35px; background: #f2f2f2; margin: 0 5px; }
.current { color: #ffffff; background: #5cc2d0; width: 35px; height: 35px; line-height: 35px; margin: 0 5 px; }
.zxfPagenum { color: #999999; background: #FFFFFF; width: 35px; height: 35px; line-height: 35px; border: 1px solid #dfdfdf; margin: 0 5px; }
/*.nextpage { color: #5CC2D0; margin: 0 5px; border: 1px solid #5cc2d0; }*/
.nextbtn, .prebtn { color: #999999; background: #FFFFFF; width: 65px; height: 35px; line-height: 35px; border: 1px solid #dfdfdf; }
.zxfinput { width: 35px; height: 35px; text-align: center; box-sizing: border-box; margin: 0 12px; }
.zxfokbtn { width: 45px; height: 35px; line-height: 35px; border: 1px solid #dfdfdf; }


div.pagerright { text-align: center; color: #999999; margin-bottom: 30px; }
div.pagerright a { text-decoration: none; text-align: center; font-size: 14px; }
div.pagerright .pagerdis, div.pagerright a { margin: 0 5px; display: inline-block; box-sizing: border-box; text-align: center; font-size: 14px; }
div.pagerright .pagercrt { color: #ffffff; background: #5cc2d0; width: 35px; height: 35px; line-height: 35px; margin: 0 5 px; }
div.pagerright .pagerdis { height: 35px; width: 65px; line-height: 35px; background: #f2f2f2; margin: 0 5px; }
.nextbtn, .prevbtn { color: #999999; background: #FFFFFF; width: 65px; height: 35px; line-height: 35px; border: 1px solid #dfdfdf; }
div.pagerright span { display: inline-block; box-sizing: border-box; text-align: center; font-size: 14px; }
div.pagerright span { margin: 0 5px; }
div.pagerright span.disabled { height: 35px; width: 65px; line-height: 35px; background: #f2f2f2; margin: 0 5px; }

/*******************====动态详情=====******************/

.dynamic .dynamicmb { width: 1000px; margin: 10px auto 20px; padding: 10px 40px 0 40px; overflow: hidden; }
.dynamic .dynamicmb h2 { width: 100%; height: auto; overflow: hidden; font-size: 14px; color: #333; line-height: 20px; }
.dynamic .dynamicmb h2 a { width: 100%; color: #333; }
.dynamic .dynamicmb h2 a:hover { color: #5cc2d0; }
.dynamic_det { position: relative; width: 1200px; min-height: 500px; margin: 10px auto 40px; padding: 50px 30px; background-color: #fff; border: 1px solid #eeeded; overflow: hidden; }
.dynamic .dynamic_det.dy-det-con { width: 1000px; margin: 10px auto 20px; padding: 50px 40px; background-color: #fff; border: 1px solid #eeeded; }

.dynamic .dynamic_det.dy-det-con .dy_left { width: 610px; height: auto; float: left; overflow: hidden; }
.dynamic .dynamic_det .dy_left { width: 830px; float: left; overflow: hidden; }
.dynamic .dynamic_det.dy-det-con .dy_right { float: right; width: 260px; height: auto; margin: 0; }
.dynamic .dynamic_det .dy_right { float: right; width: 260px; height: auto; margin-top: 95px; }
.dynamic .dy_head { width: 100%; overflow: hidden; }
.dynamic .dy_head h2 { font-size: 22px; line-height: 28px; color: #333; font-weight: 900 !important; letter-spacing: 1px; text-align: left; }
.dynamic .dy_head ul { display: inline-block; margin: 15px 0 18px; text-align: center; overflow: hidden; }
.dynamic .dy_head li { float: left; margin-right: 30px; font-size: 12px; line-height: 24px; }
.dynamic .dy_head li span { color: #999; }
.dynamic .dy_head li i { font-style: normal; }
/*.dy_left .dy_content { margin-top: 20px; }*/
.dy_left .dy_content .title_content { min-height: 500px; }
.dy_left .dy_content p { margin-bottom: 30px; line-height: 24px; font-size: 14px; color: #343434; text-align: justify; letter-spacing: 1px; }
.dy_left .dy_content p strong { font-size: 18px; }
.dy_left .dy_content span { margin-bottom: 10px; line-height: 24px; font-size: 14px; color: #5c5c5c; }
.dy_left .dy_content img { max-width: 100% !important; height: auto; margin-bottom: 30px; }

.dy_left .dy_content .shareBtn { height: 50px; line-height: 50px; margin-top: 20px; text-indent: 32px; border-bottom: 1px solid #B3B3B3; overflow: hidden; }
.dy_left .dy_content .shareBtn .shareBtn_hd { float: left; width: 60px; text-align: left; font-size: 12px; color: #a0a0a0; }
.dy_left .dy_content .shareBtn .shareBtn_bd { display: inline-block; width: 200px; vertical-align: middle; }
.dy_left .dy_content .shareBtn .shareBtn_bd li { width: 24px; height: 24px; overflow: hidden; margin: 13px 5px 0 0; float: left; overflow: hidden; }
.dy_left .dy_content .shareBtn .dy_con_label { float: right; font-size: 14px; color: #666; }
.dy_left .dy_content .shareBtn .dy_con_label a { display: inline; padding: 0 10px; color: #666; font-size: 14px; }
.dy_left .dy_content .shareBtn .dy_con_label a:hover { color: #17cfe6; }
.dy_left .shareBtn_bd li a { display: inline-block; width: 24px; height: 24px; vertical-align: top; opacity: 0.7; transition: all 0.3s ease-in; }
.dy_left .shareBtn_bd li a:hover { opacity: 1; }
.dy_left .shareBtn_bd li .txwb { background: url('../images/dynamic/txwb.png') no-repeat center center; background-size: 100% 100%; }
.dy_left .shareBtn_bd li .qzone { background: url('../images/dynamic/kj.png') no-repeat center center; background-size: 100% 100%; }
.dy_left .shareBtn_bd li .qq { background: url('../images/dynamic/qq.png') no-repeat center center; background-size: 100% 100%; }
.dy_left .shareBtn_bd li .xlwb { background: url('../images/dynamic/xl.png') no-repeat center center; background-size: 100% 100%; }
.dy_left .shareBtn_bd li .wx { background: url('../images/dynamic/wx.png') no-repeat center center; background-size: 100% 100%; }
.dy_left .dy_content .preNex { position: relative; overflow: hidden; height: 70px; margin: 10px 0 30px; color: #666; font-size: 12px; }
.dy_left .dy_content .preNex > a { position: absolute; top: 0; right: 0; display: block; width: 110px; height: 35px; line-height: 35px; background: #f4f4f4; }
.dy_left .dy_content .preNex > a i { width: 32px; height: 35px; background: #5CC2D0 url('../images/prev.png') no-repeat center center; background-size: 60% 60%; display: inline-block; }
.dy_left .dy_content .preNex > a span { text-align: center; display: inline-block; float: right; margin-right: 10px; line-height: 35px; }
.dy_left .dy_content .preNex > a:hover { color: #17cfe6; }
.dy_right .dy-posi { top: 80px; width: 260px; height: auto; }
.dy_right .dy_right_con { width: 100%; height: auto; }
.dy_right .dy_right_con > div, .dy_right .dy-label-con > div { float: left; width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #e5e5e5; overflow: hidden; }

.dy_right h2 { float: left; padding-left: 12px; font-size: 16px; font-weight: 900 !important; color: #333; line-height: 40px; font-weight: bold; background: url(../images/dynamic/red.png) no-repeat left center; background-size: 4px 16px; }
.dy_right .dy_right_con ul { display: inline-block; width: 100%; margin: 0px 0 20px; }
.dy_right .dy_right_con ul li { height: auto; padding: 25px 12px; border-bottom: 1px solid #e5e5e5; }
.dy_right .dy_right_con ul li h3 { font-size: 14px; color: #333; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dy_right .dy_right_con ul li h3:hover { color: #17cfe6; }
.dy_right .dy_right_con ul li div { font-size: 12px; color: #666; margin: 10px 0 15px; }
.dy_right .dy_right_con ul li div span { margin-right: 10px; }
.dy_right .dy-label-con { margin-top: 20px; }
.dy_right .dy-label-con ul { display: inline-block; margin: 10px -4px 20px; clear: both; }
.dy_right .dy-label-con ul li { float: left; width: 50%; height: 30px; padding: 0 4px; margin: 3px 0; }
.dy_right .dy-label-con ul li a { display: inline-block; width: 100%; height: 30px; line-height: 30px; font-size: 12px; overflow: hidden; color: #666; text-align: center; border: 1px solid #e6e6e6; }
.dy_right .dy-label-con ul li:hover a { border: 1px solid #5cc2d0; color: #17cfe6; }

/***动态标签页列表****/
.dy_left .dy_title { text-align: center; }
.dy_left .dy_title h2 { font-size: 28px; color: #333; }
.dy_left .dy_title p { padding: 20px 0 30px; font-size: 18px; color: #808080; }
.dy_left .dy_content > ul > li { padding: 20px 0; border-bottom: 1px solid #e6e6e6; overflow: hidden; }
.dy_left .dy_content > ul > li:last-child { border: none; padding: 20px 0 40px; }
.dy_left .dy_content > ul > li a img { float: left; width: 180px; margin: 0; }
.dy_left .dy_content > ul > li a > .dy-list { margin-left: 200px; }
.dy_left .dy_content > ul > li a > .dy-list h3 { font-size: 22px; color: #333; }
.dy_left .dy_content > ul > li a > .dy-list h3:hover { color: #5CC2D0; }
.dy_left .dy_content > ul > li a > .dy-list ul { padding: 7px 0; overflow: hidden; }
.dy_left .dy_content > ul > li a > .dy-list li { float: left; margin-right: 10px; font-size: 12px; color: #999; }
.dy_left .dy_content > ul > li a > .dy-list p { margin: 0; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.dy_left .dy_content > ul > li a > .dy-list div { font-size: 14px; color: #999; }
.dy_left .dy_content > ul > li a > .dy-list div span { padding: 0 10px; font-size: 14px; color: #999; }
.dy_right .dy_right_title i { display: none; }

/*******************====服务=====***********************/
.advantage { width: 100%; min-height: 100%; overflow: hidden; background: url('../images/about/bg.png') no-repeat center center; background-size: 1920px auto; }
.advantage_content { width: 1200px; margin: 0 auto; }
.about_photos.ser_bg { background-size: cover; }
.advantage_content h2, .procedure h2 { margin: 60px 0 60px; font-size: 24px; color: #333; text-align: center; font-weight: 200; }
.advantage_content > div { margin-bottom: 100px; overflow: hidden; }
.advantage_content > div > div.adv_img { width: 100%; height: 300px; min-height: 300px; clip: rect(0px 1200px 300px 0px); }
.advantage_content > div.service_advan1 > div.adv_img { background: url('../images/icon/adv1.jpg') no-repeat center center; background-size: cover; }
.advantage_content > div.service_advan2 > div.adv_img { background: url('../images/icon/adv2.jpg') no-repeat center center; background-size: cover; }
.advantage_content > div.service_advan3 > div.adv_img { background: url('../images/icon/adv3.jpg') no-repeat center center; background-size: cover; }
.advantage_content .advantage_text { width: 100%; position: relative; /*height: 138px;*/ padding: 0 94px; }
.advantage_content /*.service_advan1*/ .adv_text_left { width: 140px; display: inline-block; }
.advantage_content /*.service_advan1*/ .adv_text_left div { margin-top: -50px; left: 0; font-size: 70px; color: #5CC2D0; font-weight: bold; }
.advantage_content /*.service_advan1*/ .adv_text_left p { font-size: 20px; color: #333; }
.advantage_content /*.service_advan1*/ .adv_text_left span { display: inline-block; margin-top: 30px; width: 25px; height: 5px; background-color: #5cc2d0; }
.advantage_content .service_advan1 .adv_text_right, .advantage_content .service_advan3 .adv_text_right { width: 519px; float: right; margin-top: 60px; }
.advantage_content /*.service_advan1*/ .adv_text_right > div.com_name { float: left; width: 40px; height: 40px; margin-top: 5px; background: url('../images/uc.png') no-repeat center center; background-size: contain; display: inline-block; }
.advantage_content /*.service_advan1*/ .adv_text_right p { float: left; width: 430px; font-size: 14px; color: #666; text-align: left; display: inline-block; margin-left: 5%; line-height: 26px; vertical-align: top; }
.advantage_content .service_advan2 .adv_text_left { width: 519px; margin-top: 60px; float: left; }
.advantage_content .service_advan2 .adv_text_left > div.com_name { width: 40px; height: 40px; margin-top: 5px; background: url('../images/uc.png') no-repeat center center; background-size: contain; display: inline-block; }
.advantage_content .service_advan2 .adv_text_left p { width: 430px; font-size: 14px; color: #666; text-align: left; display: inline-block; margin-left: 5%; line-height: 26px; vertical-align: top; }
.advantage_content .service_advan2 .adv_text_right { float: right; width: 140px; display: inline-block; text-align: right; margin: 0; }
.advantage_content .service_advan2 .adv_text_right div { margin-top: -50px; font-size: 70px; color: #5CC2D0; font-weight: bold; }
.advantage_content .service_advan2 .adv_text_right p { font-size: 20px; color: #333; }
.advantage_content .service_advan2 .adv_text_right span { display: inline-block; margin-top: 30px; width: 25px; height: 5px; background-color: #5cc2d0; }

/**流程**/
.procedure { width: 100%; overflow: hidden; background: #fff; }
.procedure_content { width: 1200px; margin: 0 auto; }
.process { width: 1130px; margin: 0 auto 60px; }
.process li { display: inline-block; width: 105px; margin: 0 -10px; }
.process li.pross_line { margin: 0 0 85px; }
.process li .process-bg { width: 95px; height: 95px; margin: 0 auto; cursor: pointer; line-height: 95px; border-radius: 50%; border: 1px solid #b3b3b3; transition: all 0.5s ease-in; }
.process li div.cess-active { background: #5CC2D0; border: 0; transition: all 0.5s ease-in; }
.process li div.process-bg span { display: inline-block; width: 100%; height: 100%; }
.process li div.process-bg .cess-1 { background: url('../images/icon/pros1.png') no-repeat center center; background-size: cover; }
.process li div.process-bg .cess-2 { background: url('../images/icon/pros2.png') no-repeat center center; background-size: cover; }
.process li div.process-bg .cess-3 { background: url('../images/icon/pros3.png') no-repeat center center; background-size: cover; }
.process li div.process-bg .cess-4 { background: url('../images/icon/pros4.png') no-repeat center center; background-size: cover; }
.process li div.process-bg .cess-5 { background: url('../images/icon/pros5.png') no-repeat center center; background-size: cover; }
.process li div.process-bg .cess-6 { background: url('../images/icon/pros6.png') no-repeat center center; background-size: cover; }
.process li div.process-bg .cess-7 { background: url('../images/icon/pros7.png') no-repeat center center; background-size: cover; }
.process li div.process-bg .cess-8 { background: url('../images/icon/pros8.png') no-repeat center center; background-size: cover; }
.process li div.process-bg .cess-9 { background: url('../images/icon/pros9.png') no-repeat center center; background-size: cover; }

.process li div.cess-active .cess-1 { background: url('../images/icon/pros-bg1.png') no-repeat center center; background-size: cover; }
.process li div.cess-active .cess-2 { background: url('../images/icon/pros-bg2.png') no-repeat center center; background-size: cover; }
.process li div.cess-active .cess-3 { background: url('../images/icon/pros-bg3.png') no-repeat center center; background-size: cover; }
.process li div.cess-active .cess-4 { background: url('../images/icon/pros-bg4.png') no-repeat center center; background-size: cover; }
.process li div.cess-active .cess-5 { background: url('../images/icon/pros-bg5.png') no-repeat center center; background-size: cover; }
.process li div.cess-active .cess-6 { background: url('../images/icon/pros-bg6.png') no-repeat center center; background-size: cover; }
.process li div.cess-active .cess-7 { background: url('../images/icon/pros-bg7.png') no-repeat center center; background-size: cover; }
.process li div.cess-active .cess-8 { background: url('../images/icon/pros-bg8.png') no-repeat center center; background-size: cover; }
.process-name { font-size: 14px; color: #666; margin: 30px 0; text-align: center; }
.pross_line { width: 56px !important; height: 10px !important; margin-bottom: 85px; background: url('../images/icon/line.png') no-repeat center center; background-size: contain; }


/*.process li:after { content: ''; width: 24px; height: 10px; margin: 0 15px; background: ;}*/
/*********=====在线测试======****************/
.online_test { width: 100%; margin-top: 0px; }
.test_content { width: 1200px; margin: 40px auto; overflow: hidden; }
.test_content h2 { font-size: 26px; margin: 40px 0; color: #333; text-align: center; }
.test_content .test { width: 980px; padding-bottom: 30px; margin: 0 auto; background-color: #fff; }
.test_content .test .test_header { font-weight: bold; width: 92%; padding: 20px 0; border-bottom: 1px solid #d9d9d9; margin: 20px auto 0; }
.test_content .test .test_header h3 { font-size: 20px; color: #333; margin-right: 20px; display: inline-block; }
.test_content .test .test_header span { font-size: 12px; color: #dbdbdb; }
.test_content /*.test*/ .test_intro { width: 180px; margin: 30px auto 0; }
.test_content /*.test*/ .test_intro li { margin-bottom: 18px; }
.test_content /*.test*/ .test_intro span { display: inline-block; width: 80px; text-align: right; font-size: 14px; color: #666; }
.test_content /*.test*/ .test_intro div { display: inline-block; font-size: 14px; color: #666; }

.test_btn { width: 100%; height: 36px; line-height: 36px; text-align: center; margin-top: 12px; }
.test_btn a { margin-right: 20px; display: inline-block; width: 100px; color: #666; border-radius: 4px; border: 1px solid #d9d9d9; }
.test_btn a.test_active { background-color: #5cc2d0; color: #fff; font-size: 14px; border: none; }

/****====在线测试表单======****/
.test_intro_form { width: 92%; margin: 30px auto; overflow: hidden; }
.test_intro_form li { width: 50%; float: left; display: inline-block; margin-bottom: 20px; }
.test_intro_form li label { width: 80px; text-align: right; font-size: 14px; color: #666; font-weight: normal; }
.test_intro_form li input { width: 300px; margin-left: 20px; height: 40px; border: 1px solid #d9d9d9; line-height: 40px; padding: 0 10px; }
/****====在线试卷=====*****/
.test_paper { width: 890px; float: left; background: #fff; border: 1px solid #d9d9d9; overflow: hidden; }
.test_paper .test_header { width: 100%; height: 135px; overflow: hidden; }
.test_paper .test_header h2 { margin: 46px 0 18px; text-align: center; font-size: 18px; color: #333; }
.test_paper .test_header span { display: block; font-size: 12px; color: #b5b5b5; text-align: center; }
.test_paper > h3 { width: 96%; height: 40px; line-height: 40px; padding-left: 16px; margin: 0 auto; background-color: #f5f5f5; font-size: 14px; color: #333; }
.it { background-position: right bottom; background-repeat: no-repeat; /*border-bottom: 1px solid #D5DFE8;border-right: 1px solid #D5DFE8;*/ font-size: 14px; padding: 12px; text-align: left; width: 100%; }
.it h3 { font-weight: 200 !important; height: auto !important; font-size: 16px; line-height: 40px; overflow: hidden; padding-left: 14px; }
.it ul { margin-left: 36px; }
.it li { line-height: 22px !important; margin: 6px 0; }
.it label { font-weight: normal; font-size: 14px; margin-left: 10px; margin-top: -10px; }
.it b { font-weight: 200 !important; height: auto !important; font-size: 16px; line-height: 40px; overflow: hidden; padding-left: 14px; }
.it .icheckbox { margin-left: 36px; }
.it .icheckbox span { float: left; width: 100%; line-height: 22px !important; margin: 6px 0; }
.it .icheckbox span label { font-weight: normal; font-size: 14px; }

.answer_person { width: 280px; float: right; border: 1px solid #d9d9d9; background: #fff; padding: 30px 0; }
.remaining_time { text-align: center; color: #666; height: 98px; line-height: 110px; font-size: 14px; border-bottom: 1px solid #d9d9d9; }
.remaining_time > span > i { font-style: normal; font-weight: bold; font-size: 24px; color: #333; }
/***联系我们****/
.contactUs { width: 100%; background-color: #fff; padding-bottom: 60px; overflow: hidden; }
.contactUs .about_photos.contact_bg { height: 584px; background: url("../images/banner.jpg") no-repeat center center; background-size: cover; }
.contactUs_content { width: 1200px; margin: 100px auto 30px; }
.contactUs_content .contact_left { float: left; overflow: hidden; width: 520px; border-right: 1px solid #f5f5f5; }
.contactUs_content .contact_left h2 { font-size: 26px; color: #333; }
.contactUs_content .contact_left form { margin: 15px 0; }
.contactUs_content .contact_left .row { margin: 0; clear: both; }
.contactUs_content .contact_left .row > div { position: relative; float: left; margin: 5px 0; display: block; }
.contactUs_content .contact_left .row label { margin: 0; font-weight: normal; cursor: pointer; }
.contactUs_content .contact_left .row .tel { margin-left: 10px; }
.contactUs_content .contact_left div > span { position: absolute; left: 10px; font-weight: normal; top: 10px; font-size: 14px; color: #acacac; }
.contactUs_content .contact_left .txt.f1 { width: 240px; font-size: 14px; }
.contactUs_content .contact_left .txt.f1.long { width: 490px; }
.contactUs_content .contact_left .txt { border: 1px solid #d9d9d9; padding: 10px; background-color: #f2f2f2; }
.contactUs_content .contact_left .txt:focus { border: 1px solid #5cc2d0; padding: 10px; background-color: #fff; }
.contactUs_content .contact_left .txt.f2 { width: 490px; height: 116px; line-height: 20px; font-size: 14px; text-align: justify; }
.contactUs_content .contact_left .btn_us { float: left; border: 0; background-color: #5CC2D0; border-radius: 2px; width: 160px; padding: 0 11px; height: 50px; cursor: pointer; opacity: 0.9; text-align: center; font-size: 16px; color: #fff; margin-top: 20px; }
.contactUs_content .contact_left .btn_us:hover { opacity: 1; }
.contactUs_content .contact_left .row p.email { float: right; line-height: 50px; margin: 20px 30px 0 0; color: #666; font-size: 14px; }
.contactUs_content .contact_left .row p.email a { color: #5CC2D0; }
.contactUs_content .contact_left h3 { margin: 15px 0; font-size: 16px; color: #333; clear: both; }
.contactUs_content .contact_left .row div { font-size: 12px; font-weight: normal; color: #656565; vertical-align: sub; }
.contactUs_content .contact_left .input_cs { margin-bottom: 10px; }
.contactUs_content .contact_left input[type=checkbox] { vertical-align: sub; margin-right: 5px; }
.contactUs_content .contact_left input[type=radio] { vertical-align: sub; margin: 0 4px; }
.contactUs_content .contact_left .row div.label_left { width: 140px; margin-bottom: 0; }
.contactUs_content .contact_left .row div.label_right { width: 180px; margin: 5px 0 5px 50px; }
.iradio_flat-aero { margin-left: 10px; }

.contact_right { width: 648px; margin-left: 28px; float: left; }
.contact_right > h2 { font-size: 46px; letter-spacing: 2px; color: #5CC2D0; margin-bottom: 20px; }
.contact_right > p { line-height: 24px; letter-spacing: 1px; font-size: 14px; color: #666; border-top: 1px solid #f5f5f5; padding-top: 24px; text-align: justify; }
.contact_right > h3 { font-size: 26px; color: #5CC2D0; letter-spacing: 2px; margin-top: 90px; }

.contact_bottom { position: relative; }
.contact_bottom h2 { font-size: 16px; line-height: 30px; color: #333; margin-bottom: 18px; }
.contact_bottom .con { width: 100%; margin: 23px auto 40px; overflow: hidden; }
.contact_bottom .con ul { float: left; font-size: 14px; color: #333; line-height: 32px; }
.contact_bottom .con .code { width: 260px; margin-top: 12px; position: absolute; top: 0; right: -10px; }
.contact_bottom .con .code dl { text-align: center; font-size: 14px; color: #333; font-weight: normal; float: left; }
.contact_bottom .con .code dl dd { margin-bottom: 10px; }
.contact_bottom .con .code dl dt { font-weight: normal; }
.contact_bottom .con .code dl dd img { width: 130px; }
.contact_bottom .con a:hover { color: inherit; }
/*.hotline { margin-top: 48px; }*/
.hotline h2 { display: inline-block; margin-right: 20px; color: #5CC2D0; font-size: 26px; font-weight: 200; }
.hotline span { font-size: 14px; color: #333; display: inline-block; margin: 0 6px; }

/**============案例详情=================*/
.case_home { width: 100%; height: auto; overflow: hidden; position: relative; }
.case_home .list1 { width: 100%; height: 100%; background: url('../images/case/xinsheng02.png') no-repeat center bottom; background-size: cover; background-attachment: fixed; overflow: hidden; }
.case_home .list1 .pic { width: 1400px; margin: 0px auto 0; }
.case_home .pic img { width: 100%; }
.case_home .list2, .case_home .list4 { overflow: hidden; background: #f7f7f7; background-size: cover; }
.case_home .case_txt { line-height: 32px; color: #7f7f7f; font-size: 16px; margin-top: 80px; text-align: center; }
.case_home .case_txt h1 { font-size: 30px; color: #333; margin-bottom: 48px; line-height: 44px; }
.case_home .case_txt p { width: 600px; text-align: center; margin: 0 auto; }
.case_home .pic { margin: 80px auto 0; width: 1400px; }
.list3, .list5 { background: url('../images/case/xinsheng08.png') no-repeat center bottom; background-size: cover; overflow: hidden; }
.case_home .list3 .case_txt, .case_home .list5 .case_txt { color: #bb6f12; }
.case_home h2 { text-align: center; color: #fdac3d; font-size: 22px; letter-spacing: 2px; margin: 0px 0 50px; }
.case_home .list6 .pic { width: 538px; margin: 0 auto; }
.case_home .bingo img { width: 100%; height: auto; }

.case_content { float: left; width: 100%; height: auto; overflow: hidden; }
.case_content .caseinfm { width: 980px; line-height: 32px; margin: 50px auto 100px; font-size: 18px; color: #666; text-align: center; padding: 20px 0; margin: 0 auto; background: #fff; }
.case_content .caseinfm .caseinfmb { float: left; width: 100%; font-size: 16px; padding: 0; margin: 0; }
.case_content .caseinfm .caseinfmb a { float: left; color: #9f9f9f; font-size: 16px; }
.case_content .caseinfm .caseinfmb span { float: left; color: #9f9f9f; font-size: 16px; }
.case_content .caseinfm .caseinfmb a:hover { color: #5cc2d0; }
.case_content .bingo { float: left; width: 100%; height: 100%; line-height: 0; padding: 0; margin: 0; }
.case_content .bingo img { float: left; max-width: 100% !important; height: auto; padding: 0; margin: 0; }
.bingo .bingo_bg { float: left; position: relative; width: 100%; overflow: hidden; }
.bingo .bingo_bg .bingoBox { overflow: hidden; }
.bingo .bingo_bg .bingoBox0 { display: none; }
.bingo .bingo_bg .bingoBox1 { display: none; }
.bingo .bingo_bg .or { width: 100%; height: 1000px; }
.bingo .bg-two h1 { margin-top: 60px; font-size: 28px; color: #333; text-align: center; }
.bingo .bg-two p { width: 980px; line-height: 32px; margin: 50px auto 100px; font-size: 18px; color: #666; text-align: center; }

/**============测试弹窗=================*/
.layui-layer.layui-layer-page.layer-anim { width: auto !important; }
.grade { width: 500px; height: 280px; overflow: hidden; }
.grade .grade_content { width: 90%; height: auto; margin: 60px auto 30px; }
.grade .grade_left { width: 110px; height: 130px; display: inline-block; float: left; background: url('../images/about/adopt.png') no-repeat center center; background-size: cover; }
.grade .grade_right { float: left; margin-left: 50px; }
.grade .grade_right > div { font-size: 22px; color: #333; }
.grade .grade_right > div > span { color: #5CC2D0; }
.grade .grade_right > ul { width: 260px; margin: 25px 0 50px; }
.grade .grade_right > ul li { display: inline-block; width: 140px; font-size: 14px; color: #999; margin-right: 8px; line-height: 22px; }
.grade .grade_right > ul li.w { width: 100px; }
.grade .grade_right > ul li span { width: 70px; text-align: right; display: inline-block; }
.grade .grade_right > ul li.w span { width: 42px; }
.grade .grade_right > ul li div { display: inline-block; }
.grade .grade_btn { width: 100px; height: 36px; line-height: 36px; border-radius: 4px; margin: 0 auto; clear: both; background-color: #5cc2d0; opacity: 0.8; transition: all 0.5s ease-in; }
.grade .grade_btn:hover { opacity: 1; }
.grade .grade_btn a { display: block; font-size: 14px; text-align: center; color: #fff; }

@media screen and (max-width: 1450px) {
    .case_home .pic { width: 90%; }
    .bingo .bingo_bg .or { width: 100%; height: 1000px; }
    .bingo .bingo_bg .bingoBox { display: none; overflow: hidden; }
    .bingo .bingo_bg .bingoBox0 { display: block; }
    .san_u_left { margin-left: 40px; }
    .contact_bottom .con .code { right: 60px; }
    .dynamic .dynamic_content .dynamic_photos h1 { font-size: 40px; }
}

@media screen and (max-width: 1250px) {
    .dynamic .dynamicmb { width: 100%; padding: 10px 20px 0 20px; }
    /**网站地图 fyk*/
    .sitemap_list .sitemap_listul { padding: 20px 0%; }
    .sitemap_list ul li .site_tit a { padding: 5px; }
    .sitemap_list ul { padding: 0; }
    /**关于*/
    .contactUs_content, .test_content, .procedure_content, .about_recruit .recruit_content, .advantage_content, .about_intro_content, .dynamic_det, .sitemap_intro_content { width: 94%; }
    .contactUs { padding-bottom: 0; }
    .contact_right > h3 { margin-top: 60px; }
    .about_recruit .recruit_con { width: 90%; margin: 0 auto; }
    .contactUs_content .contact_left { width: 520px; float: none; margin: 0 auto; border: 0; }
    .contactUs_content .contact_right { width: 520px; float: none; margin: 60px auto; }
    .contact_bottom .con .code { margin-top: 0; }
    .contact_bottom .con .code dl dd { margin: 0; }
    .dynamic_det > div { float: none; margin: 0 auto; }
    .dynamic_det > div.dy_right { float: none; width: 880px; overflow: hidden; }
    .dynamic_det .dy_right a div, .dynamic_det .dy_right a p { display: none; }
    .dynamic_det .dy_right li { border: 0; }
    .answer_person, .test_paper { width: 94%; margin: 5px auto; float: none; }
    .bingo .bingo_bg .bingoBox1 { display: block; }
    .bingo .bingo_bg .bingoBox0 { display: none; }
    .bingo .bingo_bg .bingoBox { display: none; }
}

@media screen and (max-width: 1200px) {
    .dynamic_con, .about_san_u .san_u_content { width: 94%; }
    .about_photos, .dynamic_photos { height: 350px; }
    .contactUs .about_photos.contact_bg { height: 450px; }
    .about_photos h1, .dynamic_photos h1 { font-size: 32px; }
    .dy_right { background: none; }
    .dy_right .dy_right_con, .dynamic .dynamic_det.dy-det-con { width: 100%; /* padding: 50px 20px;*/ }

    .dynamic .dynamic_det.dy-det-con .dy_left, .dynamic .dynamic_det.dy-det-con .dy_left, .dynamic .dynamic_det.dy-det-con .dy_right, .dynamic .dynamic_det .dy_right { float: none; width: 100%; }
    .dy_right .dy-label-con ul { width: 100%; }
    .process { width: 532px; }
    .process-name { margin: 10px 0 30px; }
    .process li.pross_line { margin: 0 0 67px; }
    .process .shadow:nth-child(8) li { display: none; }
    .process li:nth-child(8) { display: none; }

    /*.about_Company_intro .intro_left img { width: 450px;}*/
    .about_Company_intro .intro_right h3 { margin-bottom: 30px; }
    .test_intro_form li input { width: 60%; }
    .san_u_right .san_circle div, .san_u_right .san_circle span { width: 150px !important; height: 150px !important; line-height: 150px !important; }
    .san_u_right .san_circle .in .circle2 { top: 90px; left: -60px; }
    .san_u_right .san_circle .in .circle3 { top: 90px; right: -60px; }
    .bingo .bingo_bg .or { width: 100%; height: 800px; }
    .worth .worth_content .worth_main { width: auto; text-align: center; }
    .worth_main .worth_line { display: none; }
    .worth_main .worth_img { float: none; display: inline-block; margin: 0 0 15px; width: 32.5%; }
    .contact_bottom .con .code { right: -10px; }
}

@media screen and (max-width: 1024px) {
    .foot_top .foot_right { width: 80%; }
    .foot_top .foot_right > ul > li { margin: 0 27px; }
    .gt_blog_wrap figure img { height: 230px; }
    .about_intro_content, .dynamic_con { margin: 0 auto; }
    .intro_right span { margin: 0; }
    .bingo .bg-two p { width: 700px; }
    .contactUs_content { margin: 60px auto 30px; }
    .project .project_title h2 { margin: 0; }
    .contact_right > h2 { font-size: 38px; }
    .dy_content .title_content { min-height: 200px; }
    .gt_blog_wrap { border-bottom: none; }
    .san_u_left { margin-left: 40px; }
    .intro_right h3 { margin-top: 10px; }
    .about_Company_intro .intro_right p { margin-top: 30px; }
}

@media screen and (max-width: 1000px) {
    .case_content .caseinfm { float: left; width: 100%; }
    .case_content .caseinfm .caseinfmb { padding: 0 20px; }
    .foot_top .foot_right { width: 90%; }
    .about_Company_intro .about_intro_content { margin-top: 0px; }
    /*.about_Company_intro .intro_left img { width: 350px; height: auto;}*/
    .about_Company_intro .intro_right span { display: none; }
    .about_Company_intro .intro_right h3 { margin: 0px; }
    .about_san_u .san_u_content .san_u_left li div { margin: 20px 0 40px 50px; }
    .about_recruit .recruit_content .recruit_left { float: none; width: 100%; border: 0; }
    .about_recruit .recruit_content .recruit_left .ul-o { width: auto; }
    .about_recruit .recruit_content .recruit_left .ul-o li { width: 66px; margin-right: 9px; float: left; border: 1px solid #d9d9d9; border-radius: 4px; transition: all .5s ease-out; }
    .about_recruit .recruit_content .recruit_left .ul-o li p { width: 66px; }
    .about_recruit .recruit_content .recruit_left .ul-o .li-mask { background-image: none; }
    .about_san_u .san_u_content.animate-active .san_u_right .san_circle .in .circle2 { transform: translate(15px,-10px); }
    .about_san_u .san_u_content.animate-active .san_u_right .san_circle .in .circle3 { transform: translate(-20px,-10px); }
    .recruit_left .ul-o li.li-active { border: 0; }
    .recruit_left .ul-o li.li-active > p { width: 66px; color: #fff; background: #5CC2D0; border-radius: 4px; border: 0; }
    .recruit_content .recruit_left ul li.arrow_active { width: 70px; background: none; background-color: #5CC2D0; border-radius: 4px; }
    .recruit_content .recruit_left ul li.arrow_active a { margin: 0; }
    .recruit_content .recruit_right { float: none; clear: both; min-height: auto; }
    .test_content .test { width: auto; }
    .case_home .case_txt { margin-top: 50px; }
    .case_home .case_txt h1 { margin-bottom: 20px; }
    .case_home .pic { margin: 40px auto 0; }
    .dy_left, .dynamic_det > div.dy_right { width: 100%; }
    .dy_right .dy-posi { width: 100%; }
}

@media screen and (max-width: 850px) {
    .foot_top .foot_right { width: 100%; }
    .dy_left .dy_content > ul > li a img { width: 100%; }
    .dy_left .dy_content > ul > li a > .dy-list { float: left; margin: 0; padding-top: 15px; }
}

@media screen and (max-width: 768px) {
    div.pagerright { display: none; }
    .dynamic .dynamic_content .dynamic_photos.animate-enable h1 { font-size: 20px; padding: 0 5%; }
    .about_Company_intro .intro_right p { text-overflow: ellipsis; }
    .about .h2 { margin: 60px 0 40px; }
    .about_intro_content { margin: 0 auto 60px; }
    .about_Company_intro .intro_right h3 { text-align: center; }
    .about_intro_content .intro_left { display: none; }
    .about_intro_content .intro_right { float: none; width: 90%; margin: 0 auto; }
    .san_u_left div { margin: 15px 0 30px 55px; }
    .san_u_right .san_circle span { width: 150px; height: 150px; line-height: 150px; }
    .san_u_right .san_circle div { width: 150px; height: 150px; }
    .san_u_right .san_circle .in .circle2 { top: 90px; left: -55px; }
    .san_u_right .san_circle .in .circle3 { top: 90px; right: -55px; }
    .advantage_content .service_advan1 .adv_text_right, .advantage_content .service_advan3 .adv_text_right { float: none; }
    .advantage_content .service_advan2 .adv_text_right { float: none; text-align: left; }
    .contactUs_content .contact_left .btn_us { width: 490px; margin-left: 0; }
    .contactUs_content .contact_left .row p.email { float: left; }
    .dynamic_con { margin-top: -50px; padding-top: 50px; }
    .dynamic_con > .h2 { margin-top: 60px; }
    .dy_content .shareBtn { height: auto; line-height: inherit; }
    .dy_content .shareBtn .shareBtn_hd { margin-top: 0px; }
    .dy_left .dy_content .shareBtn .shareBtn_hd { width: auto; }
    .dy_left .dy_content .shareBtn .dy_con_label { float: left; width: 100%; }
    .dy_content .shareBtn .dy_con_label { float: left; padding: 10px 0; }
    .gt_blog_wrap figure img { width: 100%; height: auto; }
    div.zxf_pagediv { display: none; }
    .dy_content .preNex > span { display: none; }
    .bingo .bingo_bg .or { width: 100%; height: 400px; background-attachment: inherit !important; }
    .bingo .bg-two p { width: auto; padding: 0 20px; }
    .worth_main .worth_img { width: 25%; }
    .container { padding-left: 20px; padding-right: 20px; }
    #jump { right: 10px; margin-top: 38px; }
    #jump li { width: 32px; height: 32px; margin-bottom: 6px; }
    #jump li a { display: block; width: 32px; height: 32px; background-size: 32px 32px; }
    .nb-icon-wrap-4, .nb-icon-wrap-4, .nb-icon-bridge-base, .nb-icon-icon { right: 10px !important; width: 32px !important; height: 32px !important; background-size: 32px 32px !important; }
    .nb-icon-inner-wrap, .nb-icon-customer { width: 32px !important; height: 32px !important; background-size: 32px 32px !important; }
}

@media screen and (max-width: 640px) {
    .about_photos, .dynamic_photos { height: 160px; }
    .contactUs .about_photos.contact_bg { height: 350px; }
    .about_Company_intro .about_intro_content, .dynamic_content .dynamic_con { margin: 0px auto; }
    .about_photos h1, .dynamic_photos h1 { font-size: 26px; }
    .about_Company_intro .about_intro_content div { width: calc(100% / 1 - 2%); clear: left; margin-bottom: 30px; margin-left: 1%; }
    .san_u_right { height: 360px; }
    .san_u_right .san_circle { height: 240px; }
    .test_intro_form li { width: 100%; }
    .about_san_u .san_u_content .san_u_left, .about_san_u .san_u_content .san_u_right { width: calc(98% - 1 / 2 * 6%); float: none; margin: 0 auto; }
    .contactUs { padding-bottom: 30px; }
    .contactUs_content, .contactUs_content .contact_right { margin: 30px auto; }
    .contact_right > h2 { font-size: 30px; }
    .contact_right > h3 { margin-top: 50px; font-size: 20px; }
    .contactUs_content .contact_left .row > div, .contactUs_content .contact_left .row.txtar label { width: 100%; }
    .contactUs_content .contact_right, .contactUs_content .contact_left { width: 94%; }
    .contactUs_content .contact_left .txt.f1.long, .contactUs_content .contact_right .txt.f1.long, .contactUs_content .contact_left .txt.f1, .contactUs_content .contact_left .txt.f2 { width: 100%; }
    .contactUs_content .contact_left .row .tel { margin: 5px 0 10px; }
    .contactUs_content .contact_left .row div.label_right { margin: 5px 0; }
    .contactUs_content .contact_left .btn_us { width: 100%; }
    .contactUs_content .contact_left .row p.email { margin-right: 0; }
    .hotline h2 { font-size: 20px; }
    .contact_bottom .con .code { position: static; }
    .contact_bottom .con .code dl { margin-left: 0; }
    .advantage_content .advantage_text { padding: 0 10px; }
    .advantage_content > div > div.adv_img { height: 200px; min-height: 200px; }
    .advantage_content .service_advan1 .adv_text_right, .advantage_content .service_advan2 .adv_text_left, .advantage_content .service_advan3 .adv_text_right { width: 90%; }
    .advantage_content /*.service_advan1*/ .adv_text_right p, .advantage_content .service_advan2 .adv_text_left p { width: 80%; }
    .advantage_content .service_advan1 .adv_text_right, .advantage_content .service_advan3 .adv_text_right, .advantage_content .service_advan2 .adv_text_left { margin-top: 20px; }
    .case_home .case_txt h1 { font-size: 24px; }
    .case_home .case_txt { font-size: 14px; }
    .case_home .list6 .pic { width: 90%; }
    .case_home h2 { margin: 0px 0 20px; }
    .case_home .case_txt p { width: 90%; }
    .process { width: 400px; }
    .process .pross_line { display: none; }
    .process li { margin: 0 10px; }
    .demand div.pos_sc > h3 { font-size: 24px; }
    .demand ul > li > div.demand_center > h4 { font-size: 20px; }
    .demand ul > li > div.demand_center p { font-size: 14px; }
    .about_photos.animate-enable .casename, .dynamic .dynamic_content .dynamic_photos.animate-active .h1 { font-size: 26px; margin: 80px 0 10px; }
    .bingo .bg-two h1 { margin-top: 40px; }
    .bingo .bg-two p { width: auto; padding: 0 20px; margin: 30px 0 60px; }
    .worth_main .worth_img { width: 25%; }
    .demand ul > li > a > div { margin: 25px auto; }
    .dynamic_det > div.dy_right { margin: 40px auto 0; }
    .dy_left .dy_content .preNex { height: auto; }
    .dy_left .dy_content .preNex > a { position: static; float: none; margin: 0 auto; text-align: center; }
    .dy_left .dy_content .preNex > a span { float: none; margin: 0; }
    .dy_left .dy_content .preNex > a i { display: none; }
    .dy_left .dy_content .title_content { min-height: 200px; }
}

@media screen and (max-width: 480px) {
     .project .project_con dt .h3 { font-size: 16px}
    /*.about_photos, .dynamic .dynamic_content .dynamic_photos { height: 270px; }*/
    .contactUs .about_photos.contact_bg { height: 300px; }
    .about_photos.animate-enable .casename, .dynamic .dynamic_content .dynamic_photos.animate-active .h1 { margin: 60px auto 10px; font-size: 18px; line-height: 26px; }
    .dynamic .dynamic_content .dynamic_photos.animate-active .wrap ul { width: 80%; }
    .about_photos div { font-size: 12px; }
    .about .h2, .home_dynamic, .dynamic_con > .h2, .project { margin: 40px auto 30px; font-size: 24px; }
    .about_recruit .recruit_content > div.small_text { margin-bottom: 30px; }
    .about_Company_intro .intro_right h3, .dynamic_con .small_text { font-size: 16px; }
    .about_Company_intro .intro_right p { font-size: 12px; }
    .bingo .bingo_bg .or { width: 100%; height: 300px; background-attachment: inherit !important; }
    .worth .worth_content .worth_main { width: 96%; }
    .worth_main .worth_img { width: 32.5%; }
    .worth_main .worth_img img { width: 90px; }

    .project .project_con, .home_dynamic .home_dynamic_con { margin-top: 40px; }
    .dy_right .dy_right_con, .dynamic .dynamic_det.dy-det-con { padding: 20px 15px; }
    .dy_right .dy-label-con { margin: 0; }
    .dy_left .dy_title p { padding: 10px 20px; font-size: 16px; }
}

@media screen and (max-width: 450px) {
    .contactUs_content .contact_left .row label.label_right { margin: 0; }
    .process { width: 300px; }
    .bingo .bg-two h1 { margin-top: 30px; font-size: 18px; }
    .bingo .bg-two p { width: auto; line-height: 26px; margin: 20px 0 50px; font-size: 12px; }
    .process li { margin: 0 20px; }
}

@media screen and (max-width: 360px) {
    .advantage_content /*.service_advan1*/ .adv_text_right p, .advantage_content .service_advan2 .adv_text_left p { width: 75%; }
    .worth_main .worth_img { width: 49%; }
    .hotline h2 { font-size: 15px; }
    .contactUs_content .contact_left .row > div { margin: 5px 0; }
    .iradio_flat-aero { margin-left: 10px; }
}

@media screen and (max-width: 320px) {
    .about_photos h1, .dynamic_photos h1 { margin: 40% 0 10px; }
}