html,body,ul,ol,li,span,a,b,i,p,h1,h2,h3,img{ margin: 0; padding: 0; border: 0; }
ul,ol,li{list-style: none}
html,body{ width: 100%; font-family: Arial;}
a{text-decoration: none;}

.top_bar{ width: 100%; height: 3rem; background-color: #fff; position: relative; z-index: 9; box-shadow: .1rem 0 .1rem rgba(0,0,0,.3); }
.top_bar .logo{ width: 2.5rem; display: block; float: left; margin: .35rem 0 0 .75rem; }
.top_bar .logo img{ width: 100%; display: block; }
.top_bar .nav_btn{ width: 1.1rem; display: block; position: absolute; top: 1rem; right: 1.5rem; }
.top_bar .nav_btn img{ width: 100%; display: block; }
.top_bar .nav_close{ width: .8rem; display: block; position: absolute; top: 1.1rem; right: 1.6rem; display: none}
.top_bar .nav_close img{ width: 100%; display: block; }
.top_bar .nav{width: 100%; position: absolute; top: 5.5rem; left: 0; background: #fcfcfc; padding-bottom: 1rem; display: none}
.top_bar .nav a{ width: 100%; height: 2.5rem; line-height: 2.5rem; border-bottom: 1px #e9e9e9 solid; display: block; position: relative; font-size: .65rem; color: #333; text-indent: 1.5rem; transition: .5s}
.top_bar .nav a:before{ content: ""; width: .325rem; height: .55rem; position: absolute; top: 1.2rem; right: 1rem; background-image: url(/style/img/nav_arrow.png); background-size: 100% 100%; display: block; transition: .5s}
.top_bar .nav a.cur{ color: #ff7444; }
.top_bar .nav a:hover{ color: #ff7444}
.top_bar .language{ position: absolute; width: 100%; height: 2.5rem; line-height: 2.5rem; text-align: center; font-size: .65rem; background: #e9e9e9; top: 3rem; left: 0; display: none}
.top_bar .language a{ color: #666; display: inline-block;}
.top_bar .language a.cur{ color: #ff7444 }
.top_bar .language a:hover{ color: #ff7444 }
.top_bar .language i{ width: 1px; height: .75rem; vertical-align: middle; margin: 0 1rem; display: inline-block; background-color: #d0d0d0; }

.home .top_bar{ position: absolute; top:0; left:0; z-index:9; background-color: transparent; box-shadow: none}
.home .top_bar .logo{ width:2.5rem; height:2.45rem; display:block; margin: .35rem 0 0 .75rem; background-image:url(https://ftimg.friendtimes.cn/images/friendtimes/cn/logo/4/512.png); background-size:100% 100% }
.home .top_bar .logo img{ display:none }
.home .top_bar .nav_btn img{ filter: invert(100%); }

.home .top_bar.show{ background-color:#fff }
.home .top_bar.show .logo{ background-image:none; }
.home .top_bar.show .logo img{ display:block }

.banner{ width: 100%; height: 100vh; position: relative; z-index: 1; overflow: hidden;}
.banner .slogan{ width: 17rem; display: block; position: absolute; top: 50%; margin-top: -5rem; z-index: 3; left: 50%; margin-left: -8.5rem; }

.banner .video_mask{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background-color: rgba(0,0,0,.4); }
.banner .home_video{ width: 100%; height: 100%; overflow: hidden; position: relative;}
.banner .home_video canvas{ width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); object-fit: cover; z-index:0;display:none}

.banner .scroll_tips{ width: 2rem; height: 2rem; border-radius: 2rem; border: 1px rgba(255,255,255,.2) solid; position: absolute; bottom: .5rem; left: 50%; margin-left: -1rem; cursor: pointer; transition: .5s; z-index:3 }
.banner .scroll_tips:hover{ background-color: rgba(255,255,255,.1); }
.banner .scroll_tips:before{ width: .2rem; height: .2rem; display: block; content: ""; border-left: 1px #fff solid; border-bottom: 1px #fff solid; position: absolute; top: .78rem; left: .85rem; animation: SlowAction 1s linear infinite alternate;}
@-webkit-keyframes SlowAction {
	from { transform: translateY(0) rotate(-45deg); }
	to { transform: translateY(.2rem) rotate(-45deg); }
}
@keyframes SlowAction {
	from { transform: translateY(0) rotate(-45deg); }
	to { transform: translateY(.2rem) rotate(-45deg); }
}

#banner .flex-control-paging{width:100%;height:.5rem;display:inline-block;position:absolute;left:0;bottom:.25rem;text-align:center;overflow: hidden;}
#banner .flex-control-paging li{ display: inline-block; margin: 0 .125rem;}
#banner .flex-control-paging li a{width:.5rem; height:.5rem; border-radius: .5rem; background:rgba(255,255,255,.8); position: relative; display:block;text-indent:-9000px;cursor:pointer; transition: .5s}
#banner .flex-control-paging li a.flex-active{ width: 1rem; background: #ec6545;}
#banner .flexslider{position:relative;}
#banner .flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;list-style-type:none;}

.m_hidden{ display: none!important; }

.part_1{ background: #fff; padding: 1.5rem 0; }
.part_1 .news_title{ width: 8.5rem; margin: 0 auto; text-align: center;}
.part_1 .news_title h1{ font-size:1.2rem; color: #333; }
.part_1 .news_title span{ width: 100%; height: 1.5rem; line-height: 1.5rem; display: block; font-size: .6rem; color: #bbb; position: relative; }
.part_1 .news_title span:before{ content: ""; width: 2.2rem; height: 1px; display: block; background: #ddd; position: absolute; top: .75rem; left: 0; }
.part_1 .news_title span:after{ content: ""; width: 2.2rem; height: 1px; display: block; background: #ddd; position: absolute; top: .75rem; right: 0; }

.part_1 .news_list{ width: 17.5rem; margin: 0 auto; overflow: hidden;}
.part_1 .news_list ul li{ width: 100%; padding: .75rem 0; height: 3.25rem; overflow: hidden; }
.part_1 .news_list ul li .news_img{ width: 4.875rem; height: 3.25rem; overflow: hidden; display: block; float: left; }
.part_1 .news_list ul li .news_img img{ width: 100%; display: block; transition: .5s}
.part_1 .news_list ul li:hover .news_img img{ transform: scale(1.05,1.05); }
.part_1 .news_list ul li .news_info{ width: 11.8rem; float: left; margin-left: .75rem;}
.part_1 .news_list ul li .news_info a{ width: 100%; font-size: .65rem; line-height: 1rem; color: #333; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.part_1 .news_list ul li .news_info a:hover{ color: #ff7444 }
.part_1 .news_list ul li .news_info .news_time{ font-size: .6rem; color: #bbb; display: block; line-height: 1.2rem; }
.part_1 .news_list ul li .news_info p{ height: 1rem; line-height: 1rem; overflow: hidden; font-size: .6rem; color: #666 }

.part_1 .news_more{ width: 16rem; height: 2.5rem; line-height: 2.5rem; border: 1px #ddd solid; margin: 1rem auto; font-size: .65rem; color: #666; text-align: center; text-indent: -.5rem; display: block; position: relative; transition: .5s}
.part_1 .news_more:before{ content: "";  width: .325rem; height: .55rem; display: block; background-image: url(/style/img/nav_arrow.png); background-size: 100% 100%; position: absolute; top: .95rem; left: 50%; margin-left: 2rem; transition: .5s}
.part_1 .news_more:hover{ color: #ff7444; border: 1px #ff7444 soild; background-color: #fafafa}
.part_1 .news_more:hover:before{ margin-left: 2.5rem; }

.part_2{ padding: 1.5rem 0; background: #e7e9ed; position: relative; }

.part_2 .swiper_video{ width: 100%; height: 13rem; position: relative; z-index: 1}
.part_2 .swiper_video .swiper-video-slide{ position: relative;}
.part_2 .swiper_video .swiper-video-slide a{ width: 82%; display:block; margin: 0 auto; border-radius:.75rem; overflow:hidden; position: relative; }
.part_2 .swiper_video .swiper-video-slide a:before{ content:""; display:block; width:3rem; height:3rem; transition: .5s; background-image: url(/style/img/video_i_pc.png); background-size: 100% 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; opacity: .6}
.part_2 .swiper_video .swiper-video-slide a:hover:before{ transform: translate(-50%,-50%) scale(1.05); opacity: .8}
.part_2 .swiper_video .swiper-video-slide img{ width:100%; height: 9rem; object-fit: cover; filter: brightness(.8) grayscale(30%); display: block; position: relative; z-index: 1; transition: .5s}
.part_2 .swiper_video .swiper-video-slide a:hover img{ filter:brightness(1.0) grayscale(0%); }
.part_2 .swiper_video .swiper-video-slide span{ display: block; width: 100%; text-align: center; font-size: .7rem; color: #333; padding-top:.5rem; }

.part_2 .swiper_video .swiper-pagination{ width:100% }
.part_2 .swiper_video .swiper-pagination .swiper-pagination-bullet{ width:.4rem; height:.4rem; border-radius:.4rem; }
.part_2 .swiper_video .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#ec6545 }

.part_2 .video_button a{ width:1rem; height:2.775rem; display:block; background-image:url(img/video_arrow.png); background-size: 100% 200%; background-position:top; position: absolute; top:4.5rem; left:50%; z-index: 2}
.part_2 .video_button a:hover{ background-position:bottom; }
.part_2 .video_button a.video_prev{ margin-left:-9.05rem; transform:rotateY(180deg); }
.part_2 .video_button a.video_next{ margin-left:8rem;}


.footer{ width: 100%; text-align: center; background: #e7e9ed; padding: 1rem 0 .5rem; }
.footer .foot_nav{ color: #ccc; font-size: .6rem; line-height: 1rem;}
.footer .foot_nav a{ color: #333; padding: 0 .2rem; font-size: .6rem; white-space: nowrap;}
.footer .foot_nav a:hover{ color: #ff7444 }
.footer .copyright{ font-size: .6rem; color: #999; line-height: 1rem; padding-top: .5rem; padding-bottom: 2.5rem}
.footer .copyright a{ color: #999; padding: 0 .25rem; }
.footer .copyright i{ display: block; }
.footer .copyright a img{ height: .5rem; vertical-align: middle; margin-top: -.1rem; margin-right: .1rem; }
.footer .copyright a:hover{ color: #ff7444 }

.ny_banner{ width: 100%; height: 10.5rem; background-size: cover; background-position: top center; background-repeat: no-repeat;}
.ny_banner .top_bar{ background-color: rgba(255,255,255,.9); }
.ny_banner.banner_company{ background-image: url(/style/img/banner_company_m.jpg); }
.ny_banner.banner_careers{ background-image: url(/style/img/banner_careers_m.jpg); }
.ny_banner.banner_business{ background-image: url(/style/img/banner_business_m.jpg); }
.ny_banner.banner_news{ background-image: url(/style/img/banner_news_m.jpg); }
.ny_banner h1{ display: block; font-size: 1.2rem; font-weight: bold; color: #fff; position: absolute; top: 5.95rem; left: 1.5rem; }
.ny_banner span{ font-size: .5rem; color: #fff; opacity: .6; display: block; position: absolute; top: 7.8rem; left: 1.5rem; letter-spacing: .25rem; font-weight: normal; }

.ny_news_list{ width: 100%; margin: 0 auto; overflow: hidden; background: #e7e9ed}
.ny_news_list ul{ width: 17.5rem; margin: 0 auto;}
.ny_news_list ul li{ width: 100%; padding: .75rem 0; height: 3.25rem; overflow: hidden; }
.ny_news_list ul li .news_img{ width: 4.875rem; height: 3.25rem; overflow: hidden; display: block; float: left; }
.ny_news_list ul li .news_img img{ width: 100%; display: block; transition: .5s}
.ny_news_list ul li:hover .news_img img{ transform: scale(1.05,1.05); }
.ny_news_list ul li .news_info{ width: 11.8rem; float: left; margin-left: .75rem;}
.ny_news_list ul li .news_info a{ width: 100%; font-size: .65rem; line-height: 1rem; color: #333; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ny_news_list ul li .news_info a:hover{ color: #ff7444 }
.ny_news_list ul li .news_info .news_time{ font-size: .6rem; color: #bbb; display: block; line-height: 1.2rem; }
.ny_news_list ul li .news_info p{ height: 1rem; line-height: 1rem; overflow: hidden; font-size: .6rem; color: #666 }


.news_content{ width: 100%; padding: 2rem 0; background: #e7e9ed; }
.news_tbox{ width: 17.5rem; margin: 0 auto; padding-bottom: .5rem; border-bottom: 1px #ddd solid; }
.news_tbox h1{ text-align: center; font-size: .8rem; color: #333; }
.news_tbox .news_time{ font-size: .6rem; color: #999; display: block; text-align: center; padding-top: .5rem; position: relative;}
.news_tbox .news_time:before{ content: ""; width: .5rem; height: .5rem; display: inline-block; background-image: url(/style/img/ico_time.png); background-size: 100% 100%; vertical-align: middle; margin-top: -.1rem; margin-right: .3rem; }
.news_content .content{ width: 17.5rem; min-height: 10rem; padding-top: 1rem; margin: 0 auto; font-size: .6rem; color: #666; line-height: 1rem; }
.news_content .content *{ max-width: 100%!important; height: auto!important;}
.news_content .content img{ display: block; margin: 0 auto;}

.business{ width: 100%; background: #e7e9ed; padding: 1.5rem 0; overflow: hidden; }
.business ul{ width: 15.75rem; margin: 0 auto;}
.business ul li{ width: 100%; margin: 1rem 0; overflow: hidden;}
.business ul li img{ width: 4.5rem; display: block; float: left; }
.business ul li p{ width: 9.5rem; display: block; float: left; margin-left: .75rem; padding-top: .75rem;}
.business ul li p .h1{ font-size: .8rem; color: #333; display: block; padding-top: .5rem;}
.business ul li p .h2{ font-size: .6rem; color: #999; display: block; line-height: 2rem; }

.mask{ width: 100%; height: 100%; position: fixed; _position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.8); z-index: 8; display: none}
.pop_video{ width:16rem; height:9rem; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); z-index:11; padding:0.125rem; background:#666; display:none;}
.pop_video .close{ width:1rem; height:1rem; position:absolute; top:-1.4rem; right:0; display:block; z-index:5}
.pop_video .close img{ transition:all ease .5s; width:100%;}
.pop_video .close:hover img{ transform:rotate(360deg);}
.pop_video video{ width:100%; height:100%;}



.about_tab{ width: 100%; height: 3rem; background: #fff; text-align: center; border-bottom: .3rem #e7e9ed solid;}
.about_tab a{ width: 20%; display: block; float: left; position: relative; height: 3rem; color: #333; text-align: center; font-size: .6rem;}
.about_tab a:before{ content: ""; width:2rem; height: 1.25rem; display: block; position: absolute; top: .3rem; left: 50%; margin-left: -1rem; background-image: url(/style/img/ico_m.png); background-size: 500% 200%;}
.about_tab a b{ font-weight: normal; padding-top: 1.6rem; display: block;}
.about_tab a span{display: none }
.about_tab a.about_1:before{ background-position: 0 0 }
.about_tab a.about_2:before{ background-position: -2rem 0 }
.about_tab a.about_3:before{ background-position: -4rem 0 }
.about_tab a.about_4:before{ background-position: -6rem 0 }
.about_tab a.about_4:before{ background-position: -8rem 0 }
.about_tab a.cur{ color: #ff7444; border-bottom: .1rem #ff7444 solid; box-sizing: border-box; }
.about_tab a.cur.about_1:before{ background-position: 0 -1.25rem}
.about_tab a.cur.about_2:before{ background-position: -2rem -1.25rem}
.about_tab a.cur.about_3:before{ background-position: -4rem -1.25rem}
.about_tab a.cur.about_4:before{ background-position: -6rem -1.25rem}
.about_tab a.cur.about_4:before{ background-position: -8rem -1.25rem}
.about_tab a:hover{ color: #ff7444; }

.company{ width: 100%; height: 42.75rem; overflow: hidden; position: relative; margin-top: 2rem; }
.company .company_info{ width: 90%; margin: 0 auto; position: relative;}
.company .company_info .t_box{ padding: 0 0 .75rem; text-align: center;}
.company .company_info .t_box h1{ font-size: 1.5rem; color: #333; display: block; }
.company .company_info .t_box p{ font-size: .55rem; color: #999; letter-spacing: .2rem; padding-top: .2rem; }
.company .company_info .content{ font-size: .55rem; color: #333; line-height: 1rem; }
.company .company_info .content p{ padding: 10px 0; }

.company .company_img{ width: 100%; position: absolute; bottom: 0; z-index: 1}
.company .company_img img{ height: 19rem; display: block; }
.company .company_img_mask{ display: none}
.company .company_img:after{ content: ""; display: block; width: 18.75rem; height: 20.45rem; background-image: url(/style/img/company_img_mask_m.png); background-size: 100% 100%; position: absolute; bottom: 0; left: 0; z-index: 2;}


.honor{ width: 100%; padding:3rem 0 2rem; background: #fff; }
.honor_list{ width: 100%; position: relative; padding: 1rem 0}
.honor_list:before{content: ""; width: 1px; height: 100%; display: block; background-color: #df7854; position: absolute; top: 0; left: 5rem;}
.honor_list:after{content: ""; width: 1.2rem; height: 1.2rem; display: block; background-image: url(/style/img/ico_honor.png); background-size: 100% 100%; position: absolute; top: -.2rem; left:4.45rem;}
.honor_list ul li{ width: 12rem; position: relative; margin: 1rem 0 0 5rem;}
.honor_list ul li:before{ content: ""; width: .5rem; height: .5rem; display: block; border-radius: 20px; background-color: #fff; border: 2px #df7854 solid; position: absolute; top: .2rem; left: -.3rem}
.honor_list ul li p{text-align: left; font-size: .6rem; color: #666; line-height: .8rem; padding: .3rem 0 .3rem 1.8rem; position: relative; cursor: pointer; transition: .5s}
.honor_list ul li p:before{ content: "-"; font-size: .6rem; line-height: 1.3rem; display: block; position: absolute; top:0; display: block; transition: .3s; left: 1.2rem;}
.honor_list ul li .year{ position: absolute; font-size: .8rem; color: #df7854; font-weight: bold; top: 0; left: -3.5rem}
.honor_list ul li p:hover{ color: #f60; }
.honor_list ul li p:hover:before{ width: 5px; height: 5px; border: 1px #f60 solid; background-color: #f60; transform: rotate(45deg); top: 14px;}

.history{ padding:1rem 0; background: #fff; position: relative; display: block;}
.swiper-wrapper{ display: block; padding-bottom: 2rem;}
.history_list:before{ content: ""; width: .5rem; height: 100%; display: block; position: absolute; top: 0; left: 3rem; background-image: url(/style/img/ico_history_m.jpg); background-size: 100% auto;}
.history_list .swiper-wrapper{ position: relative;}
.history_list .swiper-slide{ width: 13rem; margin: 1rem 0 1rem 4.5rem; background-color: #ec8457; border-radius: .5rem; position: relative; -webkit-flex-shrink: initial; -ms-flex-negative: initial; flex-shrink:initial; }
.history_list .swiper-slide p{ display: block; padding:.5rem .8rem;  font-size: .6rem; color: #fff; line-height: .9rem; text-align: justify; position: relative; z-index: 2}
.history_list .swiper-slide .time{ display: block; width: 2.2rem; font-size: .6rem; color: #333; text-align: center; position: absolute; left: -4.2rem; top: 50%; margin-top: -.5rem; height: 1rem; line-height: 1rem;}
.history_list .swiper-slide:before{content: ""; width: 1rem; height: 1rem; position: absolute; top: 50%; margin-top: -.5rem; left: -.15rem; display: block; background-color: #ec8457; transform: rotate(45deg); }

.history_list .history_control{ display: none }
.history_list .swiper-pagination {display: none}

.history_list i{ display:block; }


.contact{ padding: 2rem 1rem; }
.contact .contact_info{ width: 100%;  }
.contact .contact_info h1{ font-size: 1.2rem; color: #333; display: block; text-align: center;}
.contact .contact_info .contact_list{ width: 100%; padding: .5rem 0; }
.contact_list ul li{ width: 100%; height: 2.5rem; border-bottom: 1px #ddd solid; position: relative; font-size: .6rem; color: #333;}
.contact_list ul li:before{ width: 1.25rem; height: 1.25rem; display: block; content: ""; position: absolute; top: .6rem; left: .5rem; background-image: url(/style/img/ico_contact.png); background-size: 400% 100%;}
.contact_list ul li.contact_1:before{ background-position: 0 0 }
.contact_list ul li.contact_2:before{ background-position: -1.25rem 0 }
.contact_list ul li.contact_3:before{ background-position: -2.5rem 0 }
.contact_list ul li.contact_4:before{ background-position: -3.75rem 0 }
.contact_list ul li span{ padding-left: 2rem; display: block; padding-top: .5rem; font-size: .7rem;}
.contact_list ul li b{ padding-left: 2rem; display: block; font-weight: normal;}
.contact .wx_qrcode{ display: none }
.map{ width: 100%; height: 10rem; border: 1px #ddd solid; margin-top: 1rem}
.irenquries .contact_list ul li:before{ background-image: url(/style/img/ico_irenquries.png); }



.company_footer .footer{ background: #fff; }

.careers{ background: #fff; padding: 1.25rem  .5rem; }
.careers_nav{ width: 100%; height: 3rem; background: #fff; text-align: center; border-bottom: .3rem #e7e9ed solid;}
.careers_nav a{ width: 25%; display: block; float: left; position: relative; height: 3rem; color: #333; text-align: center; font-size: .6rem;}
.careers_nav a:before{ content: ""; width:1.8rem; height: 1.25rem; display: block; position: absolute; top: .3rem; left: 50%; margin-left: -.9rem; background-image: url(/style/img/ico_careers.png); background-size: 400% 200%;}
.careers_nav a b{ font-weight: normal; padding-top: 1.6rem; display: block;}
.careers_nav a span{display: none }
.careers_nav a.about_1:before{ background-position: 0 0 }
.careers_nav a.about_2:before{ background-position: -1.8rem 0 }
.careers_nav a.about_3:before{ background-position: -3.6rem 0 }
.careers_nav a.about_4:before{ background-position: -5.4rem 0 }
.careers_nav a.cur{ color: #ff7444; border-bottom: .1rem #ff7444 solid; box-sizing: border-box; }
.careers_nav a.cur.about_1:before{ background-position: 0 -1.25rem}
.careers_nav a.cur.about_2:before{ background-position: -1.8rem -1.25rem}
.careers_nav a.cur.about_3:before{ background-position: -3.6rem -1.25rem}
.careers_nav a.cur.about_4:before{ background-position: -5.4rem -1.25rem}
.careers_nav a:hover{ color: #ff7444; }

.careers_tab{ width: 100%; overflow: hidden; }
.careers_tab a{ width: 2.75rem; height: 2.25rem; padding-top: .5rem; margin: 0 .1rem; text-align: center; float: left; font-size: .55rem; color: #666; background-color: #efefef;}
.careers_tab a b{ display: block; }
.careers_tab a.cur{ background-color: #f57d59; color: #fff; }

.careers_list{ width: 100%; overflow: hidden; padding: .25rem 0 }
.careers_list ul li{ width: 100%; height: 4rem; background-color: #f6f6f6; margin: .25rem 0; position: relative;}
.careers_list ul li h1{ font-weight: normal; font-size: .65rem; color: #333; display: block; padding: .75rem 0 0 .75rem; white-space: nowrap; text-overflow: overflow: hidden; overflow: hidden;}
.careers_list ul li p{ padding: .5rem 0 0 .5rem; font-size: .55rem; color: #999; }
.careers_list ul li p span{ padding: 0 .25rem; }
.careers_list ul li.careers_hover{ width: 100%; height: 4rem; border: 1px #f60 solid; background-color: #fff; box-sizing: border-box;}
.careers_list ul li.careers_hover b{ font-weight: normal; position: absolute; top: .8rem; left: 5rem; font-size: .65rem; color: #f97345; }
.careers_list ul li.careers_hover span{ font-size: .55rem; color: #999; display: block; padding: .5rem 0 0 .75rem }
.careers_list ul li .careers_hot{ width: .75rem; height: .825rem; display: block; background-image: url(/style/img/hot.png); background-size: 100% 100%; position: absolute; top: 1.5rem; right: 1rem; }

.careers_content h1{ font-size: 1rem; color: #000; text-align: center; padding-bottom: 1rem}
.careers_content h1 .careers_hot{ width: .75rem; height: .825rem; display: inline-block; background-image: url(/style/img/hot.png); background-size: 100% 100%; vertical-align: middle; margin-left: .5rem; margin-top: -.1rem;}
.careers_content .careers_txt{ padding: .5rem 0 }
.careers_content .careers_txt h2{ font-size: .75rem; color: #ff7444; display: block; padding: .25rem 0 }
.careers_content .careers_txt .content{ padding-top: 0; font-size: .6rem!important; color: #666!important; line-height: 1.3rem!important; min-height: 2rem;}
.careers_content .careers_txt .content *{font-size: .6rem!important; color: #666!important; line-height: 1.3rem!important;}
.careers_content .careers_txt .careers_email{ width: 100%; height: 2rem; line-height: 2rem!important; text-align: center; background-color: #ffe9e1; font-size: .7rem!important; color: #ff7444!important;}
.careers_content .careers_txt .careers_email i{ width: 1.25rem; height: 1.25rem; display: inline-block; background-image: url(/style/img/ico_contact.png); background-size: 400% 100%; vertical-align: middle; background-position: -2.5rem 0; margin-top: -.1rem}

.careers_content .careers_bottom{ width: 100%; border-top: 1px #ddd solid; padding-top: 1rem; text-align: center; }
.careers_content .careers_bottom a{ width: 6rem; height: 1.8rem; line-height: 1.8rem; margin: 0 auto; font-size: .6rem; color: #f16d44; text-indent: .5rem; display: block; background-image: url(/style/img/careers_back.png); background-size: 100% 100%; transition: .5s}


.welfare{ width: 100%; overflow: hidden;}
.welfare ul li{ width: 50%; height: 8rem; float: left; position: relative; box-sizing: border-box; border-bottom: 1px #ddd solid; border-right: 1px #ddd solid;}
.welfare ul li i{ width: 3rem; height: 3rem; display: block; background-image: url(/style/img/ico_welfare.png); background-size: 800% 100%; position: absolute; top: .8rem; left: 50%; margin-left: -1.5rem; }
.welfare ul li h1{ font-size: .65rem; color: #333; text-align: center; padding-top: 4rem; }
.welfare ul li p{ width: 90%; margin: 0 auto; padding-top: .5rem; text-align: center; font-size: .5rem; color: #999}
.welfare ul li:hover{ box-shadow: 0 0 10px rgba(0,0,0,.2) }
.welfare ul li .ico_1{ background-position: 0 0}
.welfare ul li .ico_2{ background-position: -3rem 0}
.welfare ul li .ico_3{ background-position: -6rem 0}
.welfare ul li .ico_4{ background-position: -9rem 0}
.welfare ul li .ico_5{ background-position: -12rem 0}
.welfare ul li .ico_6{ background-position: -15rem 0}
.welfare ul li .ico_7{ background-position: -18rem 0}
.welfare ul li .ico_8{ background-position: -21rem 0}
.welfare ul li:nth-child(even){ border-right: 0 }

.careers .life{ width: 17.25rem; margin: 0 auto; overflow: hidden;}
.careers .life ul{ width: 100%; float: left; margin: .125rem; }
.careers .life ul li{ float: left; height: 8.25rem; overflow: hidden;}
.careers .life ul li:last-child{ margin-left: .25rem; }
.careers .life ul li img{ width: 8.5rem; display: block; transition: .5s}
.careers .life ul li:hover img{ transform: scale(1.1); }
.careers .life ul.single li:last-child{ margin-left: 0; }
.careers .life ul.single li img{ width: 17.25rem; }
.careers .life ul li .lft{ width: 8.5rem; height: 8.25rem; background-size: 100% 100%;}
.careers .life ul li .lft h1{ font-size: 1rem; display: block; font-weight: bold; color: #fff; padding-left: 1rem; width: 6rem;}
.careers .life ul li .lft span{ font-size: .55rem; display: block; color: #fff; padding-left: 1rem;}
.careers .life ul li .lft_1{ background-image: url(/style/img/lft_2.png); }
.careers .life ul li .lft_2{ background-image: url(/style/img/lft_1.png); }
.careers .life ul li .lft_3{ background-image: url(/style/img/lft_4.png); }
.careers .life ul li .lft_4{ background-image: url(/style/img/lft_3.png); }
.careers .life ul li .lft_1 h1{ padding-top: 4.8rem; }
.careers .life ul li .lft_2 h1{ padding-top: 4.8rem; }
.careers .life ul li .lft_3 h1{ padding-top: .75rem; }
.careers .life ul li .lft_4 h1{ padding-top: .75rem; }

.careers .cultivate{ padding:0 .25rem }
.careers .cultivate .title{ text-align:center; }
.careers .cultivate .title b{ font-size:1.3rem; color:#000; display:block; line-height: 1.6rem; position: relative;}
.careers .cultivate .title span{ font-size:.65rem; color:#999; display:block; line-height: 1rem; padding-top: .3rem; letter-spacing: .5rem; transform: translateX(.5rem);}
.careers .cultivate .txt_box{ font-size:.6rem; color:#333; line-height:1rem; text-indent:2em; margin:.5rem 0}
.careers .cultivate .cont ul li{ width: 100%; position: relative; margin: 1.5rem 0;}
.careers .cultivate .cont ul li .box{ width:100%; margin-top: .5rem; border-radius: .3rem; overflow: hidden;}
.careers .cultivate .cont ul li .box img{ width:100%; display:block; }
.careers .cultivate .cont ul li h2{ font-size:1.2rem; line-height: 1.5rem; color:#ff7444; display:block; font-weight:normal; }
.careers .cultivate .cont ul li p{ font-size:.6rem; color:#666; line-height:1rem; margin-top:.5rem; }


.information .pagenum_Me{ background-color: #fff; }
.careers .pagenum_Me{ background-color: #fff; }
.pagenum_Me{width:100%; height:.5rem; margin:0 auto; padding: 1rem 0; font-size: .5rem; background: #e7e9ed}
.pagenum_Me ul{ text-align:center; list-style:none}
.pagenum_Me ul li{position: relative; display:inline; padding: .2rem 0 .15rem; margin: 0px .1rem; background: #fff; border-radius: 20px; color:#333}
.pagenum_Me ul li a{padding:0 .35rem;  text-decoration:none; color:#333;}
.pagenum_Me ul li a:hover{text-decoration:underline}
.pagenum_Me ul li:last-child{ background: none }
.pagenum_Me .selected{font-weight: bold; background: #ff7444;}
.pagenum_Me .selected a{ color:#fff}

.info_nav{ width: 100%; height: 3.3rem; background: #fff; border-bottom: 1px #e5e5e5 solid; overflow: auto;}
.info_nav .inner{width: 28rem;}
.info_nav a{ width: 4rem; display: block; float: left; position: relative; height: 3.3rem; color: #333;}
.info_nav a:before{ content: ""; width: 1.2rem; height: 1.2rem; display: block; position: absolute; top: .5rem; left: 50%; margin-left: -.5rem; background-image: url(/style/img/ico_company.png); background-size: 700% 200%; }
.info_nav a.cur:after{ content: ""; width: 100%; height: 2px; display: block; position: absolute; bottom: 0; left: 0; background-color: #ff7444;}
.info_nav a b{ display: block; font-size: .6rem; color: #666; padding-top: 1.8rem; font-weight: normal; text-align: center; transition: .5s}
.info_nav a span{ display:none}
.info_nav a.info_1:before{ background-position: 0 0 }
.info_nav a.info_2:before{ background-position: -1.2rem 0 }
.info_nav a.info_3:before{ background-position: -2.4rem 0 }
.info_nav a.info_4:before{ background-position: -3.6rem 0 }
.info_nav a.info_5:before{ background-position: -4.8rem 0 }
.info_nav a.info_6:before{ background-position: -6rem 0 }
.info_nav a.info_7:before{ background-position: -7.2rem 0 }
.info_nav a.info_1.cur:before{ background-position: 0 -1.2rem }
.info_nav a.info_2.cur:before{ background-position: -1.2rem -1.2rem }
.info_nav a.info_3.cur:before{ background-position: -2.4rem -1.2rem }
.info_nav a.info_4.cur:before{ background-position: -3.6rem -1.2rem }
.info_nav a.info_5.cur:before{ background-position: -4.8rem -1.2rem }
.info_nav a.info_6.cur:before{ background-position: -6rem -1.2rem }
.info_nav a.info_7.cur:before{ background-position: -7.2rem -1.2rem }
.info_nav a.info_1:hover:before{ background-position: 0 -1.2rem }
.info_nav a.info_2:hover:before{ background-position: -1.2rem -1.2rem }
.info_nav a.info_3:hover:before{ background-position: -2.4rem -1.2rem }
.info_nav a.info_4:hover:before{ background-position: -3.6rem -1.2rem }
.info_nav a.info_5:hover:before{ background-position: -4.8rem -1.2rem }
.info_nav a.info_6:hover:before{ background-position: -6rem -1.2rem }
.info_nav a.info_7:hover:before{ background-position: -7.2rem -1.2rem }
.info_nav a.cur b{ color: #ff7444; }
.info_nav a.cur span{ color: #ff7444; }
.info_nav::-webkit-scrollbar { width: 0; height: 0; }  


.information{ padding: 1rem .5rem}
.information h1{ font-size: .75rem; color: #333; text-align: center; display: block; }
.information table{ width: 100%; background-color: #f9f9fb; border-top: 1px #e5e5e5 solid; border-left: 1px #e5e5e5 solid; margin-top: 1rem; background-color: #f9f9fb; box-sizing: border-box;}
.information table tr td{ display: block; padding: 0 .5rem; font-size: .55rem; line-height: 1rem; }
.information table tr td:nth-child(2){ border-bottom: 1px #e5e5e5 solid; padding:0 .5rem .5rem .5rem;}
.information table tr td:nth-child(3){ padding-top: .5rem }
.information table tr{ display: block; border-bottom: 1px #e5e5e5 solid; border-right: 1px #e5e5e5 solid; box-sizing: border-box; padding: .5rem 0 }

.prospectus{ width: 17.25rem; margin: 0 auto; overflow: hidden; padding: 1rem 0}
.prospectus ul li{ width: 100%; background-color: #f9f9fb; margin: .25rem 0; float: left; position: relative;}
.prospectus ul li .list_info{ padding: .6rem 0 .6rem 3rem; float: left; border-right: 1px #e5e5e5 solid; width:11rem;}
.prospectus ul li .list_info a{ font-size: .6rem; color: #333; display: block; padding: .35rem 0 .25rem 0; width: 10rem;}
.prospectus ul li .list_info a:hover{ color: #f60 }
.prospectus ul li .list_info span{ font-size: .5rem; color: #999; display: block; }
.prospectus ul li:before{ width: 1.5rem; height: 1.5rem; display: block; content: ""; background-image: url(/style/img/xls.png); background-size: 100% 100%; position: absolute; top: 1rem; left: .7rem;}
.prospectus ul li .download{ width: 1.65rem; height:  1.65rem; display: block; background-image: url(/style/img/ico_arrow1_m.png); background-size: 100% 100%; background-position: top; float: left; margin: .8rem 0 0 1rem; }
.prospectus ul li:hover a{ color: #f60; background-position: bottom }

.notice{ width: 100%; overflow: hidden; padding: 1.5rem 0}
.notice ul li{ width: 100%; padding: 1rem 0; background-color: #f9f9fb; margin: .25rem 0; float: left; position: relative;}
.notice ul li .list_info{ width: 15.75rem; margin: 0 auto; padding-bottom: .5rem; border-bottom: 1px #e5e5e5 solid; min-height: 1.6rem}
.notice ul li .list_info a{ font-size: .6rem; color: #333; display: block; line-height: .8rem; padding-left: 2.2rem; }
.notice ul li .list_info a:hover{ color: #f60 }
.notice ul li span{ font-size: .55rem; color: #999; display: block; padding: .5rem .75rem 0 .75rem; }
.notice ul li:before{ width: 1.5rem; height: 1.5rem; display: block; content: ""; background-image: url(/style/img/xls.png); background-size: 100% 100%; position: absolute; top: 1rem; left: 1rem;}
.notice ul li .arrow{ width: .8rem; height: .68rem; display: block; background-image: url(/style/img/ico_arrow2.png); background-size: 100% 100%;  position: absolute; bottom: .625rem; right: .75rem;}

.report{ width: 100%; overflow: hidden; padding: 1.5rem 0;}
.report ul{ width: 100%; text-align: center; }
.report ul li{ width: 8.5rem; display: inline-block; margin: .35rem;}
.report ul li img{ display: block; width: 100%; }
.report ul li span{ display: block; text-align: center; font-size: .5rem; color: #333; padding-top: .5rem }
.report ul li span i{ width: .75rem; height: .4rem; display: inline-block; background-image: url(/style/img/pdf.png); background-size: 100% 100%; vertical-align: middle; margin-top: -.075rem; margin-left: .25rem;}

.irenquries{width: 100%; overflow: hidden; padding: 1rem 0;}

.gongyi{ width: 100%; font-size: .55rem; line-height: 1rem; color: #333;}
.gongyi i{ display: block; }
.gongyi .gy_part_1{ width: 100%; height: 50.9rem; background-image: url(img/mgy_02.jpg); background-size: 100% 100%; }
.gongyi .gy_part_2{ width: 100%; height: 39.6rem; background-image: url(img/mgy_03.jpg); background-size: 100% 100%; }
.gongyi .gy_part_3{ width: 100%; height: 30.5rem; background-image: url(img/mgy_04.jpg); background-size: 100% 100%; }
.gongyi .gy_part_4{ width: 100%; height: 21rem; background-image: url(img/mgy_05.jpg); background-size: 100% 100%; }
.gongyi .gy_part_5{ width: 100%; height: 37.75rem; background-image: url(img/mgy_06.jpg); background-size: 100% 100%; }
.gongyi .gy_part_6{ width: 100%; height: 38rem; background-image: url(img/mgy_07.jpg); background-size: 100% 100%; }
.gongyi .gy_part_7{ width: 100%; height: 37.25rem; background-image: url(img/mgy_08.jpg); background-size: 100% 100%; }

.gy_part_1 .text_1{ width: 16.5rem; height: 9rem; font-size: .55rem; color: #333; line-height: 1rem; margin: 0 auto; padding-top: 9rem; }
.gy_part_1 .text_1 span{ color: #dd6b4c }
.gy_part_1 .text_2{ width: 17.25rem; margin: 0 auto; padding-top: 4.8rem; text-align: center;}
.gy_part_1 .text_2 i{ display: inline; }
.gy_part_1 .text_3{ width: 100%; padding-top: 11.3rem; text-align: center;}
.gy_part_2 p{ padding-top: 3.8rem; text-align: center }
.gy_part_3 p{ padding-top: 3.3rem; text-align: center }
.gy_part_4 p{ padding-top: 4.1rem; text-align: center }
.gy_part_5 p{ padding-top: 2.9rem; text-align: center }
.gy_part_6 p{ padding-top: 3.4rem; text-align: center }
.gy_part_7 p{ padding-top: 3.5rem; text-align: center }



.culture{ width: 16.5rem; margin: 0 auto; padding: 1rem 0;}
.culture .culture_part_1{ height: 33rem; padding-top: 1rem;}
.culture .culture_part_1 .cul_pic{ width: 15rem; margin: 0 auto; position: relative;}
.culture .culture_part_1 .cul_pic img{ width: 100%; display: block; position: relative; z-index: 2}
.culture .culture_part_1 .cul_pic:before{ width: 13.125rem; height: 8.65rem; display: block; content: ""; position: absolute; top: 2.5rem; left: -.75rem; z-index: 1; box-shadow: 0 0 .5rem rgba(0,0,0,.2); background-color: #fff}
.culture .culture_part_1 .text{ padding-top: 2rem;}
.culture .culture_part_1 .text h1{ font-size: 1rem; color: #333; display: block; padding-bottom: 1rem; text-align: center;}
.culture .culture_part_1 .text p{ display: block; padding: .25rem 0; position: relative; font-size: .6rem; color: #666; line-height: 1.3rem; text-indent: 1rem; }
.culture .culture_part_1 .text p:before{ content: ""; width: .2rem; height: .2rem; display: block; background-color: #ee805b; position: absolute; top: .7rem; left: 0 }

.culture .culture_part_2{ height: 26.5rem; padding-top: 4rem}
.culture .culture_part_2 .text h1{ font-size: 1rem; color: #333; display: block; padding: .5rem 0;}
.culture .culture_part_2 .text p{ font-size: .6rem; color: #666; line-height: 1.3rem; }
.culture .culture_part_2 .txt_yj{ width: 100%; padding-top: .6rem}
.culture .culture_part_2 .txt_yj ul li{ width: 100%; height: 5.5rem; margin: .2rem 0; background-color: #fafafa }
.culture .culture_part_2 .txt_yj ul li img{ width: 3.75rem; display: block; float: left; padding: .9rem;  }
.culture .culture_part_2 .txt_yj ul li p{ width: 10rem; float: left; font-size: .75rem; color: #333; display: block; text-align: center; padding-top: 1.5rem; line-height: 1.2rem; }
.culture .culture_part_2 .txt_yj ul li:nth-child(2) p{ padding-top: 2.1rem }
.culture .culture_part_2 .txt_yj ul li:nth-child(3) p{ padding-top: 2.1rem }
.culture .culture_part_2 .txt_yj ul li p i{ display: block; }

.culture .culture_part_3{ padding-top: 1rem; }
.culture .culture_part_3 h1{font-size: 1rem; color: #333; display: block; text-align: center; }
.culture .culture_part_3 .txt{ overflow: hidden; padding-top: 1rem; }
.culture .culture_part_3 .txt ul li{ width: 100%; height: 5rem; background-color: #fafafa; margin:.2rem 0;}
.culture .culture_part_3 .txt ul li i{ width: 3rem; height: 3rem; display: block; float: left; margin: 1rem 0 0 .4rem; background-image: url(/style/img/ico_culture.png); background-size: 600% 100%; }
.culture .culture_part_3 .txt ul li p{ width: 11.5rem; display: block; float: left; padding: 1rem 0 0 .6rem; }
.culture .culture_part_3 .txt ul li p .h1{ display: block; font-size: .75rem; color: #333; padding-bottom: .2rem; }
.culture .culture_part_3 .txt ul li p .h2{ display: block; font-size:.6rem; color: #666; line-height: 1rem; }
.culture .culture_part_3 .txt ul li.t_1 i{ background-position: 0 0 }
.culture .culture_part_3 .txt ul li.t_2 i{ background-position: 20% 0 }
.culture .culture_part_3 .txt ul li.t_3 i{ background-position: 40% 0 }
.culture .culture_part_3 .txt ul li.t_4 i{ background-position: 60% 0 }
.culture .culture_part_3 .txt ul li.t_5 i{ background-position: 80% 0 }
.culture .culture_part_3 .txt ul li.t_6 i{ background-position: 100% 0 }

.float_notice{ width: 100%; padding: .3rem .5rem; box-sizing: border-box; line-height: .8rem; background-color: #f46d29; color: #fff; font-size: .5rem; text-align: center; position: fixed; bottom: 0; right: 0; z-index: 10;}
.float_notice a{ color: #fff; }
.float_notice .float_close{ display: none }
.float_notice .float_img{ display: none }

.pop_img_404{ width: 17.5rem; height: 31.125rem; background-image: url(img/pop_img_m.jpg); background-size: 100% 100%; position: absolute; top: 4rem; left: 50%; margin-left: -8.75rem; z-index: 11;}
.pop_img_404 .pop_img_close{ width: 2rem; height: 2rem; display: block; position: absolute; top: .7rem; right: .7rem; }