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%; max-width: 2560px; margin: 0 auto; min-width: 1280px; position: relative; font-family: Arial,Microsoft YaHei;}
a{text-decoration: none;}

.top_bar{ width: 100%; height: 100px; min-width: 1280px; background-color: rgba(255, 255, 255, .85); position: absolute; top: 0; left: 0; z-index: 2; box-shadow: 5px 0 5px rgba(0,0,0,.3); }
.top_bar .logo{ width: 80px; display: block; float: left; margin: 10px 0 0 25px; }
.top_bar .logo img{ width: 100%; display: block; }
.top_bar .nav{ float: right; line-height: 100px; }
.top_bar .nav a{ padding: 0 35px; display: block; float: left; position: relative; height: 100px; font-size: 16px; color: #333; text-align: center; transition: .5s}
.top_bar .nav a:before{ content: ""; width: 0; height: 2px; background-color: #ff7444; position: absolute; top: 70px; left: 50%; margin-left: -10px; transition: .5s}
.top_bar .nav a.cur{ color: #ff7444; }
.top_bar .nav a.cur:before{ width: 20px;  }
.top_bar .nav a:hover:before{ width: 20px;}
.top_bar .nav a:hover{ color: #ff7444}
.top_bar .language{ float: right; width: 114px; height: 44px; padding-left: 16px; border: 1px #ccc solid; margin: 28px 38px 0 20px; font-size: 16px;}
.top_bar .language a{ color: #666; display: block; float: left; line-height: 44px;}
.top_bar .language a.cur{ color: #ff7444 }
.top_bar .language a:hover{ color: #ff7444 }
.top_bar .language i{ width: 1px; height: 16px; display: block; background-color: #ddd; float: left; margin: 13px 10px; }
.nav_btn,.nav_close{ display: none }

.home .top_bar{ background-color:rgba(0, 0, 0, 0); box-shadow:none }
.home .top_bar .logo{ width:80px; height:76px; background-image:url(https://ftimg.friendtimes.cn/images/friendtimes/cn/logo/4/256.png); background-size: 100% 100%;}
.home .top_bar .logo img{ display:none }
.home .top_bar .nav a{ color:#fff }
.home .top_bar .language a{ color: #fff; display: block; float: left; line-height: 44px;}
.home .top_bar .language a.cur{ color: #ff7444;}
.home .top_bar .language a:hover{ color: #ff7444;}

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

.banner{ width: 100%; height: 100vh; position: relative; z-index: 1; overflow: hidden;}
.banner ul li{ width: 100%; height: 100vh; position: relative; overflow: hidden;}
.banner ul li a{ width: 100%; height: 100vh; display: block; background-position: top center; background-repeat: no-repeat; background-size: cover;}
.header_video{ width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); margin-left: -960px\9; z-index: 1}
.video_mask{ width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); position: absolute; top: 0; left: 0; z-index: 2; background-position: center center; display: none\9}
.slogan{ width: 1107px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-40%); z-index: 3; display: block; display: none\9;}
:root .video_mask{ display: block;}
:root .slogan{display: block;}
/*@media screen and (max-width: 1440px) {
	.slogan{ left: 20px; }
}
@media screen and (min-width: 1440px) {
	.slogan{ left: 50%; margin-left: -700px }
}*/
#banner .flex-control-paging{width:100%;height:20px;display:inline-block;position:absolute;left:0;bottom:10px;text-align:center;overflow: hidden; z-index: 3}
#banner .flex-control-paging li{ display: inline-block; margin: 0 5px;}
#banner .flex-control-paging li a{width:15px; height:15px; border-radius: 20px; 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: 30px; background: #ec6545;}
#banner .flexslider{position:relative;}
#banner .flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;list-style-type:none;position: relative;}

.pc_hidden{ display: none!important; }

.part_1{ background: #fff; padding: 60px 0; }
.part_1 .news_title{ width: 220px; margin: 0 auto; text-align: center;}
.part_1 .news_title h1{ font-size: 30px; color: #333; }
.part_1 .news_title span{ width: 100%; height: 30px; line-height: 30px; display: block; font-size: 16px; color: #bbb; position: relative; }
.part_1 .news_title span:before{ content: ""; width: 55px; height: 1px; display: block; background: #ddd; position: absolute; top: 15px; left: 0; }
.part_1 .news_title span:after{ content: ""; width: 55px; height: 1px; display: block; background: #ddd; position: absolute; top: 15px; right: 0; }

.part_1 .news_list{ width: 1280px; margin: 0 auto; overflow: hidden;}
.part_1 .news_list ul li{ width: 50%; float: left; margin: 20px 0; height: 120px; overflow: hidden; }
.part_1 .news_list ul li .news_img{ width: 180px; height: 120px; 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: 410px; float: left; margin-left: 20px; }
.part_1 .news_list ul li .news_info a{ width: 100%; font-size: 18px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }
.part_1 .news_list ul li .news_info a:hover{ color: #ff7444 }
.part_1 .news_list ul li .news_info .news_time{ font-size: 14px; color: #bbb; display: block; line-height: 40px; }
.part_1 .news_list ul li .news_info p{ height: 44px; line-height: 22px; overflow: hidden; font-size: 14px; color: #666 }

.part_1 .news_more{ width: 140px; height: 46px; line-height: 46px; border: 1px #ddd solid; margin: 20px auto; font-size: 16px; color: #666; text-align: center; text-indent: -10px; display: block; position: relative; transition: .5s}
.part_1 .news_more:before{ content: ""; width: 8px; height: 14px; display: block; background-image: url(/style/img/arrow.png); position: absolute; top: 15px; right: 25px; transition: .5s}
.part_1 .news_more:hover{ color: #ff7444; border: 1px #ff7444 soild; background-color: #fafafa}
.part_1 .news_more:hover:before{ right: 15px; }
 
.part_2{ padding: 60px 0; background: #e7e9ed; position: relative;}
.swiper_video{ width: 1280px; height: 270px; margin: 0 auto; position: relative; z-index: 1}
.swiper_video .swiper-video-slide{ position: relative;}
.swiper_video .swiper-video-slide a{ display:block; border-radius:20px; overflow:hidden; position: relative; }
.swiper_video .swiper-video-slide a:before{ content:""; display:block; width:60px; height:60px; 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}
.swiper_video .swiper-video-slide a:hover:before{ transform: translate(-50%,-50%) scale(1.05); opacity: .8}
.swiper_video .swiper-video-slide img{ width:100%; height: 190px; object-fit: cover; filter: brightness(.8) grayscale(30%); display: block; position: relative; z-index: 1; transition: .5s}
.swiper_video .swiper-video-slide a:hover img{ filter:brightness(1.0) grayscale(0%); }
.swiper_video .swiper-video-slide span{ display: block; width: 100%; text-align: center; font-size: 16px; color: #333; padding-top:7px; }

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

.part_2 .video_button a{ width:22px; height:61px; display:block; background-image:url(/style/img/video_arrow.png); background-position:top; position: absolute; top:125px; left:50%; z-index: 2}
.part_2 .video_button a:hover{ background-position:bottom; }
.part_2 .video_button a.video_prev{ margin-left:-670px; transform:rotateY(180deg); }
.part_2 .video_button a.video_next{ margin-left:648px;}


.footer{ width: 100%; text-align: center; background: #e7e9ed; padding: 60px 0; }
.footer .foot_nav{ color: #ccc; font-size: 14px; }
.footer .foot_nav a{ color: #333; padding: 0 25px; }
.footer .foot_nav a:hover{ color: #ff7444 }
.footer .copyright{ font-size: 14px; color: #999; line-height: 25px; padding-top: 10px; }
.footer .copyright a{ color: #999; padding: 0 10px; }
.footer .copyright a img{ height: 17px; vertical-align: middle; margin-top: -3px; margin-right: 5px; }
.footer .copyright a:hover{ color: #ff7444 }

.ny_banner{ width: 100%; height: 420px; background-position: top center; background-repeat: no-repeat; background-size: cover;}
.ny_banner .top_bar{ background-color: rgba(255,255,255,.9); }
.ny_banner.banner_company{ background-image: url(/style/img/banner_company.jpg); }
.ny_banner.banner_careers{ background-image: url(/style/img/banner_careers.jpg); }
.ny_banner.banner_business{ background-image: url(/style/img/banner_business.jpg); }
.ny_banner.banner_news{ background-image: url(/style/img/banner_news.jpg); }
.ny_banner h1{ display: block; font-size: 38px; font-weight: bold; color: #fff; position: absolute; top: 238px; left: 50%; margin-left: -530px; }
.ny_banner span{ font-size: 14px; color: #fff; opacity: .6; display: block; position: absolute; top: 300px; left: 50%; margin-left: -530px; letter-spacing: 15px; font-weight: normal; }

.ny_news_list{ width: 100%; margin: 0 auto; overflow: hidden; background: #e7e9ed}
.ny_news_list ul li{ width: 100%; height: 120px; padding: 40px 0; overflow: hidden; transition: .5s}
.ny_news_list ul li .inner{ width: 1200px; margin: 0 auto; }
.ny_news_list ul li .news_img{ width: 180px; height: 120px; 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{ background: #fff; }
.ny_news_list ul li:hover .news_img img{ transform: scale(1.05,1.05); }
.ny_news_list ul li .news_info{ width: 990px; float: left; margin-left: 30px; }
.ny_news_list ul li .news_info a{ width: 100%; font-size: 20px; font-weight: bold; display: block; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: .5s }
.ny_news_list ul li .news_info a:hover{ color: #ff7444 }
.ny_news_list ul li .news_info .news_time{ font-size: 14px; color: #bbb; display: block; line-height: 40px; }
.ny_news_list ul li .news_info p{ height: 44px; line-height: 22px; overflow: hidden; font-size: 14px; color: #666 }

.news_content{ width: 100%; padding: 80px 0; background: #e7e9ed; }
.news_tbox{ width: 1280px; margin: 0 auto; padding-bottom: 20px; border-bottom: 1px #ddd solid; }
.news_tbox h1{ text-align: center; font-size: 30px; color: #333; }
.news_tbox .news_time{ font-size: 16px; color: #999; display: block; text-align: center; padding-top: 15px; position: relative;}
.news_tbox .news_time:before{ content: ""; width: 16px; height: 16px; display: block; background-image: url(/style/img/ico_time.png); position: absolute; top: 15px; left: 50%; margin-left: -100px; }
.news_content .content{ width: 1280px; min-height: 400px; padding-top: 30px; margin: 0 auto; font-size: 16px!important; line-height: 30px; }
.news_content .content *{font-size: 16px!important; max-width: 100%!important}

.business{ width: 100%; background: #e7e9ed; padding: 60px 0; overflow: hidden; }
.business ul{ width: 1280px; margin: 0 auto; padding-left: 100px;}
.business ul li{ width: 340px; float: left; margin: 30px 40px; }
.business ul li img{ width: 88px; display: block; float: left; }
.business ul li p{ width: 220px; display: block; float: left; margin-left: 20px; padding-top: 10px;}
.business ul li p .h1{ font-size: 18px; color: #333; display: block; padding-top: 5px;}
.business ul li p .h2{ font-size: 14px; color: #999; display: block; line-height: 30px;}
.business ul li a:hover .h1{ color: #ff7444 }

.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:1136px; height:640px; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); z-index:11; padding:5px; background:#000; display:none;}
.pop_video video{ width:100%; height:100% }
.pop_video .close{ width:39px; height:39px; position:absolute;	top:0px; right:-39px; background-color: #000; display:block;}
.pop_video .close img{ padding:6px; transition:all ease 0.5s;}
.pop_video .close:hover img{ transform:rotate(360deg);}

.about_tab{ width: 100%; height: 80px; background: #fff; border-bottom: 1px #e5e5e5 solid;}
.about_tab .inner{ width: 1200px; margin: 0 auto; }
.about_tab a{ width: 200px; display: block; float: left; text-align: center; position: relative; height: 80px; color: #333; font-size: 16px; margin: 0 20px;}
.about_tab a:before{ content: ""; width: 44px; height: 25px; display: block; position: absolute; top: 30px; left: 15px; background-image: url(/style/img/ico_about.png); }
.about_tab a.cur:after{ content: ""; width: 200px; height: 3px; display: block; position: absolute; bottom: 0; left: 0; background-color: #ff7444;}
.about_tab a b{ display: block; font-size: 18px; color: #666; padding-top: 25px; font-weight: normal; padding-left: 20px; transition: .5s}
.about_tab a span{ display: block; font-size: 12px; color: #bbb; padding-top: 5px;  padding-left: 20px; transition: .5s}
.about_tab a.about_1:before{ background-position: 0 0 }
.about_tab a.about_2:before{ background-position: -44px 0 }
.about_tab a.about_3:before{ background-position: -88px 0 }
.about_tab a.about_4:before{ background-position: -132px 0 }
.about_tab a.about_5:before{ background-position: -176px 0 }
.about_tab a.about_1.cur:before{ background-position: 0 -25px }
.about_tab a.about_2.cur:before{ background-position: -44px -25px }
.about_tab a.about_3.cur:before{ background-position: -88px -25px }
.about_tab a.about_4.cur:before{ background-position: -132px -25px }
.about_tab a.about_5.cur:before{ background-position: -176px -25px }
.about_tab a.about_1:hover:before{ background-position: 0 -25px }
.about_tab a.about_2:hover:before{ background-position: -44px -25px }
.about_tab a.about_3:hover:before{ background-position: -88px -25px }
.about_tab a.about_4:hover:before{ background-position: -132px -25px }
.about_tab a.about_5:hover:before{ background-position: -176px -25px }
.about_tab a:hover b{ color: #ff7444; }
.about_tab a:hover span{ color: #ff7444; }


.company{ width: 100%; height: 764px; overflow: hidden; position: relative; }
.company .company_info{ width: 46%; padding-left: 6%; float: left; z-index: 3; position: relative;}
.company .company_info .t_box{ padding: 90px 0 60px; }
.company .company_info .t_box h1{ font-size: 40px; color: #333; display: block; }
.company .company_info .t_box p{ font-size: 16px; color: #999; letter-spacing: 10px; padding-top: 10px; }
.company .company_info .content{ font-size: 16px; color: #333; line-height: 36px; }
.company .company_info .content p{ padding: 10px 0; }
@media screen and (max-width: 1330px) {
	.company .company_info .t_box{ padding: 60px 0 30px; }
}
.company .company_img{ width: 45%; height: 100%; position: relative; float: right; z-index: 1}
.company .company_img img{width: 100%; height: 100%; object-fit: cover; display: block; }
.company .company_img_mask{ height: 100%; display: block; position: absolute; top: 0; right: 32%; z-index: 2; pointer-events: none; transition: .5s}


.careers_nav{ width: 100%; height: 80px; background: #fff; border-bottom: 1px #e5e5e5 solid;}
.careers_nav .inner{ width: 960px; margin: 0 auto; }
.careers_nav a{ width: 200px; display: block; float: left; text-align: center; position: relative; height: 80px; color: #333; font-size: 16px; margin: 0 20px;}
.careers_nav a:before{ content: ""; width: 40px; height: 30px; display: block; position: absolute; top: 30px; left: 15px; background-image: url(/style/img/ico_careers.png); }
.careers_nav a.cur:after{ content: ""; width: 200px; height: 3px; display: block; position: absolute; bottom: -2px; left: 0; background-color: #ff7444;}
.careers_nav a b{ display: block; font-size: 18px; color: #666; padding-top: 25px; font-weight: normal; padding-left: 20px; transition: .5s}
.careers_nav a span{ display: block; font-size: 12px; color: #bbb; padding-top: 5px;  padding-left: 20px; transition: .5s}
.careers_nav a.about_1:before{ background-position: 0 0 }
.careers_nav a.about_2:before{ background-position: -40px 0 }
.careers_nav a.about_3:before{ background-position: -80px 0 }
.careers_nav a.about_4:before{ background-position: -120px 0 }
.careers_nav a.about_1.cur:before{ background-position: 0 -30px }
.careers_nav a.about_2.cur:before{ background-position: -40px -30px }
.careers_nav a.about_3.cur:before{ background-position: -80px -30px }
.careers_nav a.about_4.cur:before{ background-position: -120px -30px }
.careers_nav a.about_1:hover:before{ background-position: 0 -30px }
.careers_nav a.about_2:hover:before{ background-position: -40px -30px }
.careers_nav a.about_3:hover:before{ background-position: -80px -30px }
.careers_nav a.about_4:hover:before{ background-position: -120px -30px }
.careers_nav a:hover b{ color: #ff7444; }
.careers_nav a:hover span{ color: #ff7444; }


.careers .life{ width: 1200px; margin: 0 auto; overflow: hidden;}
.careers .life ul{ width: 590px; float: left; margin: 5px; }
.careers .life ul li{ float: left; width: 290px; height: 280px; overflow: hidden;}
.careers .life ul li:last-child{ margin-left: 10px; }
.careers .life ul li img{ width: 100%; display: block; transition: .5s}
.careers .life ul li:hover img{ transform: scale(1.03); }
.careers .life ul.single li:last-child{ width: 590px; margin-left: 0; }
.careers .life ul li .lft{ width:290px; height: 280px;}
.careers .life ul li .lft h1{ font-size: 36px; display: block; font-weight: bold; color: #fff; padding-left: 50px;}
.careers .life ul li .lft span{ font-size: 14px; color: #fff; display: block; padding-top: 5px; padding-left: 50px;}
.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: 165px; }
.careers .life ul li .lft_2 h1{ padding-top: 165px; }
.careers .life ul li .lft_3 h1{ padding-top: 30px; }
.careers .life ul li .lft_4 h1{ padding-top: 30px; }

.careers .cultivate{ width: 1280px; margin: 0 auto; }
.careers .cultivate .title b{ font-size:50px; color:#000; display:inline-block; vertical-align: bottom; line-height: 50px; position: relative;}
.careers .cultivate .title b:after{ content:""; display:block; width:60px; height:4px; background-color:#ff7444; position: absolute; top: 60px; left:0 }
.careers .cultivate .title span{ font-size:18px; color:#999; display:inline-block;  vertical-align:bottom; line-height: 25px; margin-left: 20px;}
.careers .cultivate .txt_box{ font-size:16px; color:#333; line-height:30px; text-indent:2em; margin:45px 0 10px;}
.careers .cultivate .cont ul li{ width: 100%; height: 255px; position: relative; margin: 60px 0;}
.careers .cultivate .cont ul li .box{ width:780px; position: absolute; top: 0; border-radius: 10px; overflow: hidden;}
.careers .cultivate .cont ul li .box img{ width:100%; display:block; }
.careers .cultivate .cont ul li:nth-child(even) .box{ right:0 }
.careers .cultivate .cont ul li h2{ font-size:30px; color:#ff7444; display:block; font-weight:normal; padding-top:2.2%; }
.careers .cultivate .cont ul li p{ width:470px; font-size:16px; color:#666; line-height:25px; margin-top:20px; }
.careers .cultivate .cont ul li:nth-child(even) .box{ right:0 }
.careers .cultivate .cont ul li:nth-child(odd) h2{ padding-left:820px }
.careers .cultivate .cont ul li:nth-child(odd) p{ padding-left:820px }


.honor{ width: 100%; padding: 60px 0 40px; background: #fff; }
.honor_list{ width: 1280px; margin: 0 auto; position: relative; padding: 50px 0}
.honor_list:before{content: ""; width: 1px; height: 100%; display: block; background-color: #df7854; position: absolute; top: 0; left: 50%; }
.honor_list:after{content: ""; width: 35px; height: 35px; display: block; background-image: url(/style/img/ico_honor.png); position: absolute; top: -15px; left: 50%; margin-left: -16.5px;}
.honor_list ul li{ width: 50%; position: relative; margin: 60px 0; margin: 60px 0 60px 52%\9;}
.honor_list ul li:before{ content: ""; width: 10px; height: 10px; display: block; border-radius: 10px; background-color: #fff; border: 2px #df7854 solid; position: absolute; top: 10px; top: -33px\9; left: -31px\9}
.honor_list ul li:nth-child(odd){ margin-left: 50%;}
.honor_list ul li:nth-child(even){ margin: 60px 0\9\0;}
.honor_list ul li:nth-child(even):before{ right:-8px; left:634px\9\0 }
.honor_list ul li:nth-child(odd):before{ left: -6px; }
.honor_list ul li p{ font-size: 15px; color: #666; line-height: 36px; position: relative; cursor: pointer; transition: .5s}
.honor_list ul li p:before{ content: ""; width: 6px; height: 1px; display: block; background-color: #666; position: absolute; top:15px; left: -15px\9; display: block; transition: .3s}
.honor_list ul li:nth-child(even) p:before{right: 25px; left: 608px\9\0 }
.honor_list ul li:nth-child(odd) p:before{ left: 25px }
.honor_list ul li .year{ position: absolute; font-size: 24px; color: #df7854; font-weight: bold; top: 0; top: -40px\9;}
.honor_list ul li:nth-child(even) .year{ right: -100px }
.honor_list ul li:nth-child(odd) .year{ left: -100px }
.honor_list ul li:nth-child(even) p{ text-align: right; padding-right: 40px; }
.honor_list ul li:nth-child(odd) p{ text-align: left; padding-left: 40px; }
.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;}

.company_footer .footer{ background: #fff; }


.history{ padding:0 0 60px; background: #fff; position: relative; cursor: pointer;}
.history_list{ padding: 0 20px; height: 560px; overflow: hidden; background-image: url(/style/img/ico_history.jpg); background-repeat: repeat-x; background-position: left center;}
.history_list .swiper-wrapper{ position: relative;}
.history_list .swiper-slide{height: 100%; position: relative; opacity: 1}
.history_list .swiper-slide p{width: 100%; display: block; padding: 20px 25px; box-sizing: border-box; text-align: center; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.15); border-radius: 10px; position: absolute; transition: .5s; font-size: 14px; color: #666; line-height: 25px;}
.history_list .swiper-slide p span{ text-align: justify; display: inline-block; }
.history_list .swiper-slide:nth-child(odd) p{top: 320px;}
.history_list .swiper-slide:nth-child(even) p{ bottom: 320px; }
.history_list .swiper-slide .time{ display: block; width: 100%; font-size: 18px; color: #333; text-align: center; position: absolute; left: 0}
.history_list .swiper-slide:nth-child(odd) .time{top: 220px;}
.history_list .swiper-slide:nth-child(even) .time{ top: 310px; }
.history_list .swiper-slide p:before{ width: 16px; height: 16px; display: block; content: ""; background-color: #fff; position: absolute; transform: rotate(45deg); left: 50%; margin-left: -8px; transition: .5s}
.history_list .swiper-slide:nth-child(odd) p:before{top: -8px;}
.history_list .swiper-slide:nth-child(even) p:before{ bottom:-8px; }
.history_list .swiper-slide:before{ content: ""; width: 4px; height: 4px; border: 1px #ddd solid; position: absolute; top: 50%; margin-top: -3px; left: 50%; margin-left: -3px; transition: .5s; transform: rotate(45deg); background-color: #ddd;}
.history_list .swiper-slide:hover:before{ background-color: #ea7b55; border: 1px #ea7b55 solid; width: 10px; height: 10px; margin-left: -6px; margin-top: -6px;}
.history_list .swiper-slide:hover p{background-color: #ea7b55; color: #fff;}
.history_list .swiper-slide:hover p:before{background-color: #ea7b55;}
.history_list .swiper-slide.swiper-slide-active{ opacity: 1; }

.history_control a{ width: 60px; height: 60px;display: block; background-color: #fff; outline: none; position: absolute; z-index: 3; box-shadow: 0 0 10px rgba(0,0,0,.15); border-radius: 100px; transition: .5s}
.history_control a i{ width: 60px; height: 60px;display: block; background-image: url(/style/img/ico_arrow.png);background-position: center center; background-repeat: no-repeat; transition: .5s}
.history_control a.forward{ top: 248px; left: 20px }
.history_control a.backward{ top: 248px; right: 20px; transform: rotate(180deg); }
.history_control a:hover{ background-color: #ea7b55 }

.history_list i{ display:block; }

.history_list .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 2px; border-radius: 0!important}
.history_list .swiper-wrapper{ transition-timing-function: linear; transition-duration: 400ms;}

.contact{ padding: 100px 40px; }
.contact .inner{ width: 1280px; margin: 0 auto; overflow: hidden; }
.contact_info{ width: 360px; float: left; margin-left: 15px; }
.contact_info h1{ font-size: 30px; color: #333; display: block; }
.contact_info .contact_list{ width: 390px; padding: 20px 0; }
.contact_list ul li{ width: 100%; height: 66px; border-bottom: 1px #ddd solid; position: relative; font-size: 14px; color: #333; line-height: 20px}
.contact_list ul li:before{ width: 50px; height: 50px; display: block; content: ""; position: absolute; top: 8px; left: 0; background-image: url(/style/img/ico_contact.png);}
.contact_list ul li.contact_1:before{ background-position: 0 0 }
.contact_list ul li.contact_2:before{ background-position: -50px 0 }
.contact_list ul li.contact_3:before{ background-position: -100px 0 }
.contact_list ul li.contact_4:before{ background-position: -150px 0 }
.contact_list ul li span{ padding-left: 60px; display: block; padding-top: 13px;}
.contact_list ul li b{ padding-left: 60px; display: block; font-weight: normal;}
.contact .map{ width: 820px; height: 530px; float: right; border: 1px #ddd solid;}
.irenquries .map{ width: 820px; height: 330px; float: right; border: 1px #ddd solid;}
.irenquries .contact_list ul li:before{ background-image: url(/style/img/ico_irenquries.png); }

.careers{ background: #fff; padding: 80px 0; }
.careers .inner{ width: 1280px; margin: 0 auto; }



.information .pagenum_Me{ background-color: #fff; }
.careers .pagenum_Me{ background-color: #fff; }
.pagenum_Me{width:100%; height:20px; margin:0 auto; padding: 40px 0; font-size: 14px; background: #e7e9ed}
.pagenum_Me ul{ text-align:center; list-style:none}
.pagenum_Me ul li{position: relative; display:inline; padding: 8px 0 6px; margin: 0px 4px; background: #fff; border-radius: 20px; color:#333}
.pagenum_Me ul li a{padding:0 12px;  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}


.careers_tab{ width: 924px; height: 68px; margin: 0 auto; }
.careers_tab a{ width: 150px; height: 68px; float: left; margin: 0 2px; display: block; background-color: #f6f6f6; line-height: 68px; font-size: 15px; transition: .5s}
.careers_tab a i{ width: 40px; height: 40px; display: block; float: left; margin: 14px 5px 14px 12px; background-image: url(/style/img/ico_careers_tab.png); }
.careers_tab a span{ display: block; float: left; color: #666; width: 75px; text-align: center; white-space: nowrap;}
.careers_tab a.cur{ background-image: url(/style/img/careers_tab_bg.jpg); }
.careers_tab a.cur span{ color: #fff; }
.careers_tab a:hover{ background-image: url(/style/img/careers_tab_bg.jpg); }
.careers_tab a:hover span{ color: #fff; }
.careers_tab a.ct_1 i{ background-position: 0 -40px }
.careers_tab a.ct_2 i{ background-position: -40px -40px }
.careers_tab a.ct_3 i{ background-position: -80px -40px }
.careers_tab a.ct_4 i{ background-position: -120px -40px }
.careers_tab a.ct_5 i{ background-position: -160px -40px }
.careers_tab a.ct_6 i{ background-position: -200px -40px }
.careers_tab a.ct_1.cur i{ background-position: 0 0 }
.careers_tab a.ct_2.cur i{ background-position: -40px 0 }
.careers_tab a.ct_3.cur i{ background-position: -80px 0 }
.careers_tab a.ct_4.cur i{ background-position: -120px 0 }
.careers_tab a.ct_5.cur i{ background-position: -160px 0 }
.careers_tab a.ct_6.cur i{ background-position: -200px 0 }
.careers_tab a.ct_1:hover i{ background-position: 0 0 }
.careers_tab a.ct_2:hover i{ background-position: -40px 0 }
.careers_tab a.ct_3:hover i{ background-position: -80px 0 }
.careers_tab a.ct_4:hover i{ background-position: -120px 0 }
.careers_tab a.ct_5:hover i{ background-position: -160px 0 }
.careers_tab a.ct_6:hover i{ background-position: -200px 0 }

.careers_list{ width: 100%; overflow: hidden; padding: 30px 0 }
.careers_list ul li{ width: 314px; height: 118px; background-color: #f6f6f6; margin: 0 4px 4px 0; float: left; position: relative; border: 1px #f6f6f6 solid;}
.careers_list ul li:hover{border: 1px #f4b796 solid; background-color: #fffaf8;}
.careers_list ul li a{ display: block; width: 314px; height: 118px;}
.careers_list ul li h1{ font-weight: normal; font-size: 20px; color: #333; display: block; padding: 25px 0 0 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 240px;}
.careers_list ul li p{ padding: 15px 0 0 10px; font-size: 14px; color: #999; }
.careers_list ul li p span{ padding: 0 10px; }
.careers_list ul li .careers_hot{ width: 20px; height: 22px; display: block; background-image: url(/style/img/hot.png); background-size: 100% 100%; position: absolute; top: 30px; right: 30px; }

.careers_content{ width: 920px; margin: 0 auto; }
.careers_content h1{ font-size: 30px; color: #000;}
.careers_content h1 .careers_hot{ width: 20px; height: 22px; display: inline-block; background-image: url(/style/img/hot.png); background-size: 100% 100%; vertical-align: middle; margin-left: 20px; margin-top: -3px;}
.careers_content .careers_txt{ padding: 20px 0 }
.careers_content .careers_txt h2{ font-size: 18px; color: #ff7444; display: block; padding: 10px 0 }
.careers_content .careers_txt .content{ padding-top: 0; font-size: 14px!important; color: #666!important; line-height: 30px!important; min-height: 100px;}
.careers_content .careers_txt .content *{font-size: 14px!important; color: #666!important; line-height: 30px!important; }
.careers_content .careers_txt .careers_email{ width: 250px; height: 40px; line-height: 40px!important; text-align: center; background-color: #ffe9e1; font-size: 14px!important; color: #ff7444!important }
.careers_content .careers_txt .careers_email i{ width: 38px; height: 20px; display: inline-block; background-image: url(/style/img/ico_irenquries.png); background-position: -160px -17px; vertical-align: middle;}

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



.welfare{ width: 100%; height: 560px}
.welfare ul li{ width: 320px; height: 280px; float: left; position: relative; transition: .5s}
.welfare ul li i{ width: 100px; height: 100px; display: block; background-image: url(/style/img/ico_welfare.png); position: absolute; top: 40px; left: 50%; margin-left: -50px; }
.welfare ul li h1{ font-size: 18px; color: #333; text-align: center; padding-top: 140px; }
.welfare ul li p{ width: 240px; margin: 0 auto; padding-top: 15px; text-align: center; font-size: 14px; 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: -100px 0}
.welfare ul li .ico_3{ background-position: -200px 0}
.welfare ul li .ico_4{ background-position: -300px 0}
.welfare ul li .ico_5{ background-position: -400px 0}
.welfare ul li .ico_6{ background-position: -500px 0}
.welfare ul li .ico_7{ background-position: -600px 0}
.welfare ul li .ico_8{ background-position: -700px 0}






.info_nav{ width: 100%; height: 80px; background: #fff; border-bottom: 1px #e5e5e5 solid;}
.info_nav .inner{ width: 1280px; margin: 0 auto; }
.info_nav a{ width: 160px; display: block; float: left; position: relative; height: 80px; color: #333; font-size: 16px; margin: 0 10px;}
.info_nav a:before{ content: ""; width: 34px; height: 34px; display: block; position: absolute; top: 30px; left: 15px; background-image: url(/style/img/ico_company.png); }
.info_nav a.cur:after{ content: ""; width: 160px; height: 3px; display: block; position: absolute; bottom: -2px; left: 0; background-color: #ff7444;}
.info_nav a b{ display: block; font-size: 18px; color: #666; padding-top: 35px; font-weight: normal; padding-left: 55px; transition: .5s}
.info_nav a span{ display: block; font-size: 12px; color: #bbb; padding-top: 5px;  padding-left: 55px; transition: .5s; display: none}
.info_nav a.info_1:before{ background-position: 0 0 }
.info_nav a.info_2:before{ background-position: -34px 0 }
.info_nav a.info_3:before{ background-position: -68px 0 }
.info_nav a.info_4:before{ background-position: -102px 0 }
.info_nav a.info_5:before{ background-position: -136px 0 }
.info_nav a.info_6:before{ background-position: -170px 0 }
.info_nav a.info_7:before{ background-position: -204px 0 }
.info_nav a.info_1.cur:before{ background-position: 0 -34px }
.info_nav a.info_2.cur:before{ background-position: -34px -34px }
.info_nav a.info_3.cur:before{ background-position: -68px -34px }
.info_nav a.info_4.cur:before{ background-position: -102px -34px }
.info_nav a.info_5.cur:before{ background-position: -136px -34px }
.info_nav a.info_6.cur:before{ background-position: -170px -34px }
.info_nav a.info_7.cur:before{ background-position: -204px -34px }
.info_nav a.info_1:hover:before{ background-position: 0 -34px }
.info_nav a.info_2:hover:before{ background-position: -34px -34px }
.info_nav a.info_3:hover:before{ background-position: -68px -34px }
.info_nav a.info_4:hover:before{ background-position: -102px -34px }
.info_nav a.info_5:hover:before{ background-position: -136px -34px }
.info_nav a.info_6:hover:before{ background-position: -170px -34px }
.info_nav a.info_7:hover:before{ background-position: -204px -34px }
.info_nav a:hover b{ color: #ff7444; }
.info_nav a:hover span{ color: #ff7444; }


.information{ width: 1280px; margin: 0 auto; padding: 60px 0;}
.information h1{ font-size: 30px; 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: 50px; background-color: #f9f9fb;}
.information table tr td{ font-size: 14px; color: #333; line-height: 20px; padding: 35px 20px; vertical-align: center; border-bottom: 1px #e5e5e5 solid; border-right: 1px #e5e5e5 solid;}
.information table tr td:nth-child(1){ width: 120px }
.information table tr td:nth-child(2){ width: 430px }
.information table tr td:nth-child(3){ width: 120px }

.prospectus{ width: 100%; overflow: hidden; padding: 40px 0}
.prospectus ul{ width: 1300px; }
.prospectus ul li{ width: 630px; height: 120px; background-color: #f9f9fb; margin: 10px; float: left; position: relative;}
.prospectus ul li .list_info{ margin: 20px 0 0 110px; float: left; height: 80px; border-right: 1px #e5e5e5 solid; width: 400px;}
.prospectus ul li .list_info a{ font-size: 18px; color: #333; display: block; padding: 15px 0 10px 0; width: 380px; max-height: 40px; overflow: hidden; line-height: 25px;}
.prospectus ul li .list_info a:hover{ color: #f60 }
.prospectus ul li .list_info span{ font-size: 16px; color: #999; display: block; }
.prospectus ul li:before{ width: 43px; height: 43px; display: block; content: ""; background-image: url(/style/img/xls.png); position: absolute; top: 40px; left: 40px;}
.prospectus ul li .download{ width: 40px; height: 40px; display: block; background-image: url(/style/img/ico_arrow1.png);  background-position: top; float: left; margin: 40px 0 0 35px; }
.prospectus ul li:hover a{ color: #f60; background-position: bottom }


.notice{ width: 100%; overflow: hidden; padding: 40px 0}
.notice ul{ width: 1300px; }
.notice ul li{ width: 410px; height: 160px; background-color: #f9f9fb; margin: 10px; float: left; position: relative;}
.notice ul li .list_info{ width: 350px; margin: 0 auto; padding: 30px 0 20px 0; height: 50px; overflow: hidden; border-bottom: 1px #e5e5e5 solid;}
.notice ul li .list_info a{ font-size: 16px; color: #333; display: block; line-height: 25px; padding-left: 65px; max-height: 50px; overflow: hidden; }
.notice ul li .list_info a:hover{ color: #f60 }
.notice ul li span{ font-size: 16px; color: #999; display: block; padding: 20px 30px 0 30px; }
.notice ul li:before{ width: 43px; height: 43px; display: block; content: ""; background-image: url(/style/img/xls.png); position: absolute; top: 33px; left: 30px;}
.notice ul li .arrow{ width: 20px; height: 18px; display: block; background-image: url(/style/img/ico_arrow2.png);  position: absolute; bottom: 25px; right: 30px;}


.report{ width: 100%; overflow: hidden; padding: 40px 0;}
.report ul{ width: 1300px; text-align: center;}
.report ul li{ display: inline-block; margin:15px;}
.report ul li img{ display: block; height: 300px; margin: 0 auto; }
.report ul li span{ display: block; text-align: center; font-size: 14px; color: #333; padding-top: 15px }
.report ul li span i{ width: 30px; height: 16px; display: inline-block; background-image: url(/style/img/pdf.png); vertical-align: middle; margin-top: -3px; margin-left: 10px;}

.irenquries{width: 100%; overflow: hidden; padding: 40px 0;}

.gongyi{ width: 100%; font-size: 15px; line-height: 30px; color: #333;}
.gongyi .gy_part_1{ width: 100%; height: 1460px; background-image: url(img/gy_02.jpg); background-position: top center; background-repeat: no-repeat; }
.gongyi .gy_part_2{ width: 100%; height: 593px; background-image: url(img/gy_03.jpg); background-position: top center; background-repeat: no-repeat; }
.gongyi .gy_part_3{ width: 100%; height: 753px; background-image: url(img/gy_04.jpg); background-position: top center; background-repeat: no-repeat; }
.gongyi .gy_part_4{ width: 100%; height: 564px; background-image: url(img/gy_05.jpg); background-position: top center; background-repeat: no-repeat; }
.gongyi .gy_part_5{ width: 100%; height: 533px; background-image: url(img/gy_06.jpg); background-position: top center; background-repeat: no-repeat; }
.gongyi .gy_part_6{ width: 100%; height: 599px; background-image: url(img/gy_07.jpg); background-position: top center; background-repeat: no-repeat; }
.gongyi .gy_part_7{ width: 100%; height: 507px; background-image: url(img/gy_08.jpg); background-position: top center; background-repeat: no-repeat; }

.gy_part_1 .text_1{ width: 620px; font-size: 15px; color: #333; line-height: 36px; margin: 0 auto; padding: 98px 0 0 410px; }
.gy_part_1 .text_1 span{ color: #dd6b4c }
.gy_part_1 .text_2{ width: 710px; margin: 0 auto; padding-top: 195px; text-align: center;}
.gy_part_1 .text_2 i{ display: block; }
.gy_part_1 .text_3{ width: 430px; margin: 0 auto; padding-top: 600px; padding-right: 390px; text-align: center;}
.gy_part_2 p{ width: 670px; margin: 0 auto; padding-top: 130px; text-align: center }
.gy_part_3 p{ width: 700px; margin: 0 auto; padding-top: 110px; text-align: center }
.gy_part_4 p{ width: 530px; margin: 0 auto; padding-top: 285px; padding-right: 730px; text-align: center }
.gy_part_5 p{ width: 650px; margin: 0 auto; padding-top: 130px; text-align: center }
.gy_part_6 p{ width: 560px; margin: 0 auto; padding-top: 135px; text-align: center }
.gy_part_7 p{ width: 520px; margin: 0 auto; padding-top: 125px; text-align: center }

.culture{ width: 1280px; margin: 0 auto; padding: 40px;}
.culture .culture_part_1{ height: 350px; padding-top: 30px;}
.culture .culture_part_1 .cul_pic{ width: 400px; float: left; position: relative; padding-left: 28px;}
.culture .culture_part_1 .cul_pic img{ width: 100%; display: block; position: relative; z-index: 2}
.culture .culture_part_1 .cul_pic:before{ width: 350px; height: 230px; display: block; content: ""; position: absolute; top: 70px; left: 10px; z-index: 1; box-shadow: 0 0 10px rgba(0,0,0,.2); background-color: #fff}
.culture .culture_part_1 .text{ width: 800px; float: right; }
.culture .culture_part_1 .text h1{ font-size: 30px; color: #333; display: block; padding-bottom: 15px; }
.culture .culture_part_1 .text p{ display: block; padding: 5px 0; position: relative; font-size: 14px; color: #666; line-height: 26px; text-indent: 25px; }
.culture .culture_part_1 .text p:before{ content: ""; width: 4px; height: 4px; display: block; background-color: #ee805b; position: absolute; top: 16px; left: 0 }

.culture .culture_part_2{ height: 240px; padding-top: 50px;}
.culture .culture_part_2 .text{ width: 500px; padding: 10px; float: left;}
.culture .culture_part_2 .text h1{ font-size: 30px; color: #333; display: block; padding: 25px 0;}
.culture .culture_part_2 .text p{ font-size: 15px; color: #666; line-height: 30px; }
.culture .culture_part_2 .txt_yj{ width: 726px; float: right;}
.culture .culture_part_2 .txt_yj ul li{ width: 240px; height: 240px; float: left; margin: 0 1px; background-color: #fafafa }
.culture .culture_part_2 .txt_yj ul li img{ width: 100px; display: block; margin: 0 auto; padding-top: 42px; }
.culture .culture_part_2 .txt_yj ul li p{ font-size: 16px; color: #333; display: block; text-align: center; padding-top: 15px; line-height: 24px; }
.culture .culture_part_2 .txt_yj ul li p i{ display: block; }

.culture .culture_part_3{ padding-top: 60px; }
.culture .culture_part_3 h1{font-size: 30px; color: #333; display: block; text-align: center; }
.culture .culture_part_3 .txt{ overflow: hidden; padding-top: 30px; }
.culture .culture_part_3 .txt ul{ width: 1320px; }
.culture .culture_part_3 .txt ul li{ width: 410px; height: 138px; background-color: #fafafa; margin: 0 24px 24px 0; float: left; }
.culture .culture_part_3 .txt ul li i{ width: 70px; height: 70px; display: block; float: left; margin: 30px 0 0 20px; background-image: url(/style/img/ico_culture.png); background-size: 600% 100%; }
.culture .culture_part_3 .txt ul li p{ width: 270px; display: block; float: left; padding: 25px 0 0 15px; }
.culture .culture_part_3 .txt ul li p .h1{ display: block; font-size: 24px; color: #333; padding-bottom: 12px; }
.culture .culture_part_3 .txt ul li p .h2{ display: block; font-size: 14px; color: #666; line-height: 22px; }
.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: 260px; position: fixed; bottom: 0px; right: 0; z-index: 10;}
.float_notice img{ display: block; }
.float_notice .float_close{ width: 20px; height: 20px; display: block; position: absolute; top: 0; left: 0;}
.float_notice p{ display: none }


.pop_img_404{ width: 900px; height: 383px; background-image: url(img/pop_img.jpg); position: absolute; top: 260px; left: 50%; margin-left: -450px; z-index: 11; }
.pop_img_404 .pop_img_close{ width: 60px; height: 60px; display: block; position: absolute; top: 20px; right: 20px; }