/*欢迎页样式*/
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
*{ margin:0; padding:0;}
body, div, h1, h2, h3, h4, h5, h6, form, img, ul, ol, li, dl, dt, dd, p, tr, th, td {
    margin: 0;    padding: 0;}
body { color:#777986;   font: 12px/1.5 "宋体",sans-serif; z-index:-9999; overflow-x:hidden;}
li {    list-style: outside none none;}
em, i {    font-style: normal;}
h1, h2, h3, h4, h5, h6 {    font-size: 100%;    font-weight: normal;}
img {    border: 0 none;    vertical-align: top;}
a {    color: #333;    outline: medium none;    text-decoration: none;}
.clear{ clear:both}
input,select,textarea{ outline:none; font-family:"微软雅黑";}
input[ type="button"]{ cursor:pointer}
/*浮动方式*/
.fl{ float:left}
.fr{ float:right}
.wrap{ width:100%; overflow:hidden; position:relative; font-family:"微软雅黑";}
.header{ width:100%; position:relative; z-index:5;}
/*top样式*/
.top{ width:100%; height:40px; border-bottom:1px solid #c5c5c5; background:#fff; position:relative; z-index:50;  }
.top_wrap{ width:1200px; height:40px; margin:0 auto;  position:relative;}
.top_logo{ width:220px; height:37px; padding-top:3px;}
.top_logo a,.top_logo a img{ display:block; width:200px;}
.top_right{ width:580px; position:relative;}
.map_btn{ display:block; width:93px; height:28px; float:right; font-size:14px; color:#000000; line-height:28px; padding-left:14px; background:url(./images/map_btn_bg.png) no-repeat 0 0; margin-top:6px; }
.top_r_l{ float:right; display:block; height:40px; font-size:12px; color:#b1b1b1; line-height:40px; margin-right:12px;}
.top_r_l a{ padding:0 8px; font-size:14px; color:#000; }
.top_gg{ width:438px; height:40px; position:absolute; left:210px; top:0;}
.top_gg em{ display:block; width:1px; height:24px; position:absolute; left:0; top:8px; background:#ccc;}
.top_gg a{ display:block; width:438px; height:40px; margin-left:16px;}
.map{display:none; position:absolute; top:41px; right:0; z-index:11;	min-height:112px;border-left:1px solid #dadada;	border:1px solid #dadada; background:#fff;}
.t_ml{ display:none; width:120px; padding-bottom:12px;  position:absolute; right:100px; top:41px;border:1px solid #dadada; background:#fff;  z-index:11; padding-top:5px;}
.t_ml a{  font-size:14px; color:#333; line-height:32px; display:block; width:100%; text-align:center; margin:0 auto; position:relative; box-sizing:border-box; padding:0 20px 0 0; }
.t_ml a em{ display:block; width:18px; height:10px; position:absolute; right:5px; top:11px;  background:url(./images/icon_n.png) no-repeat 0 0;}
.t_ml li:last-child a em{ background-position:0 -60px;}
.t_ml a:hover{ color:#c20813;}
.map-bg,.ml-bg{ display:none; height:400px;width:100%; position:absolute; z-index:10; top:45px; right:0;}
.map ul {background:#fff;}
.map li { float:left;	width:110px; height:176px; 	text-align:center;	box-sizing:border-box;	border-right:1px solid #e9e9e9;	margin-top:6px;}
.map li a:hover {	color:#c20813}
.map li:last-child {	border-right:0}
.map li h3 {	font-size:14px;	color:#333;	height:32px;	line-height:32px;	border-bottom:1px solid #e9e9e9; margin-bottom:6px;}
.map li a {	display:block;	line-height:24px}

.nav{ width:100%; height:67px; background:url(./images/nav_bg.jpg) no-repeat 0 0; overflow:hidden;}
.navigate{ width:1200px; height:67px; margin:0 auto; overflow:hidden;}
.navigate ul{ width:480px; float:right; overflow:hidden; position:relative;}
.navigate ul li{ width:120px; float:left;}
.navigate ul li a{ display:block; width:70px; height:47px; padding:20px 0 0; margin:0 auto; font-size:16px; color:#b7b7b7; text-align:center; position:relative;} 
.navigate ul li:hover a,.navigate ul li.hover a{ color:#fe5847;}
.navigate ul li .nav_home{ position:relative; text-indent:16px;}
.navigate li .nav_home em{ display:block; width:18px; height:18px; background:url(./images/icon_home.png) no-repeat 0 0; position:absolute; left:5px; top:24px;}
.navigate li:hover .nav_home em{ background-position:0 -27px;}
.navigate li a i{ display:block; width:0; height:3px;background:#f93c29; position:absolute; bottom:0; left:0;}
.navigate li:hover a i{ width:70px; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out;  -ms-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;}
.navigate li.hover a i{ width:70px;}

.nav_line{ width:70px; height:2px; background:#f93c29; position:absolute; bottom:0; left:-20%; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out;  -ms-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;}
.navigate li:nth-child(1):hover ~ .nav_line {  left:25px; }
.navigate li:nth-child(2):hover ~ .nav_line {  left:145px; }
.navigate li:nth-child(3):hover ~ .nav_line {  left:265px; }
.navigate li:nth-child(4):hover ~ .nav_line {  left:385px; }


.banner{ width:100%; height:504px; overflow:hidden; position:relative; z-index:0;}
.banner_img{ width:100%; height:504px; overflow:hidden; position:relative; }
.banner_img ul{ position:relative;}
.banner_img ul li{ width:100%; height:504px; float:left;}
.banner_item{ width:100%; height:40px; overflow:hidden; position:absolute; bottom:0; left:0;}
.banner_item ul{ width:100px; margin:10px auto 0;}
.banner_item ul li{ display:block; width:20px; height:20px; float:left; margin:0 5px; background:url(./images/icon_bt.png) no-repeat -29px 0; text-indent:999px; overflow:hidden; white-space:nowrap; cursor:pointer;}
.banner_item ul li:hover,.banner_item ul li.on{ background-position:0 0;}
.products{ width:100%; height:640px; background:url(./images/bg02.jpg) no-repeat center 0;}
.products_cont{ width:1200px; height:640px; margin:0 auto; overflow:hidden;}
.title{ width:100%; height:70px; margin-top:52px; }
.title span{ display:block; width:300px; height:64px; margin:0 auto; text-align:center; background:url(./images/title.png) no-repeat 0 0;}
.joinus .title span{ background-position:0 -119px;}
.cooperation .title span{ background-position:0 -249px;}
.profile .title,.news .title{ margin-top:0;}
.profile .title span{ background-position:0 -346px;}
.benefits .title span{ background-position:0 -460px;}
.plan .title span{ background-position:0 -574px;}
.news .title span{ background-position:0 -689px;}
.hiring .title span{ background-position:0 -802px;}
.product_item{ width:800px; height:69px;  margin:32px auto; overflow:hidden;}
.product_item li{ width:206px; height:69px; float:left; margin:0 30px; }
.product_item li a{ display:block; width:206px; height:69px; background-image:url(./images/prod_item.png); background-repeat:no-repeat; text-indent:999px; overflow:hidden; white-space:nowrap; }
.prod_all a{ background-position:0 0;}
.prod_c a{ background-position:-252px 0;}
.prod_p a{ background-position:-503px 0;}
.prod_all a:hover,.prod_all a.hover{ background-position:0 -81px;}
.prod_c a:hover,.prod_c a.hover{ background-position:-252px -81px;}
.prod_p a:hover,.prod_p a.hover{ background-position:-503px -81px;}
.product_list{ width:100%; overflow:hidden;}
.product_unit ul li{ width:380px; height:335px; float:left; margin-left:30px; overflow:hidden;}
.product_unit ul li a{ display:block; width:380px; height:335px; overflow:hidden; border-radius:10px;}
.product_unit .pro_first{ margin:0;}
.product_unit{ display:none; width:100%; overflow:hidden;}
.product_unit.on{ display:block;}
.joinus{ width:100%; height:499px; background:url(./images/bg03.jpg) no-repeat 0 0; overflow:hidden;}
.joinus_cont{ width:1400px; height:280px; margin:0 auto; overflow:hidden;}
.joinus_cont ul{ padding:0 0 0 120px; overflow:hidden;}
.joinus_cont ul li{ width:320px; float:left; margin:42px 0 0 0; position:relative; overflow:hidden;}
.joinus_icon{ width:150px; float:left; }
.joinus_icon span{ display:block; width:150px; height:150px; margin-top:30px; background-image:url(./images/icon_jion.png); background-repeat:no-repeat; cursor:pointer; }
.joinus01 span{ background-position:0 0;}
.joinus02 span{ background-position:-214px 0;}
.joinus03 span{ background-position:-428px 0;}
.joinus04 span{ background-position:-642px 0;}
.joinus01 span:hover{ background-position:0 -206px;}
.joinus02 span:hover{ background-position:-214px -206px;}
.joinus03 span:hover{ background-position:-428px -206px;}
.joinus04 span:hover{ background-position:-642px -206px;}
.joinus_cont li p{ display:block; width:100%; font-size:18px; color:#535353; font-weight:bold; margin-top:16px; text-align:center;}
.joinus_list{ width:150px; height:221px; float:left; position:relative; }
.joinus_list_bg{ width:160px; height:221px; background:url(./images/joinlist_bg.png) no-repeat 0 0; position:absolute; left:0; top:0;  transform:translateX(300px); opacity:0; transition:all 0.5s ease 0s;filter: alpha(opacity=0);}
.joinus_list.active{ transform:translateX(0); opacity:1; transition:all 0.5s ease 0s;  filter: alpha(opacity=100); }
.joinus_list.active .joinus_list_bg{ transform:translateX(0); opacity:1;transition:all 0.5s ease 0s;  filter: alpha(opacity=100);}
.joinus_list_cont{ width:130px; height:200px;  padding:10px 10px; overflow:hidden; position:absolute; left:10px; top:0;}
.joinus_list_cont a{ display:block; width:100%; height:41px; font-size:14px; color:#1b82bd; line-height:40px; border-bottom:1px dashed #94d0e7; text-align:center; opacity:0; transform:translateX(300px); transition:transform 0.5s ease 0s; filter: alpha(opacity=0); white-space:nowrap; }
.joinus_list_cont a:last-child{ border-bottom:0;}
.joinus_list_cont a:hover{ color:#d50f19;}
.joinus_list.active .joinus_list_cont a{ opacity:1; transform:translateX(0); filter: alpha(opacity=100);}
.joinus_list.active .joinus_list_cont a:nth-child(1){  transition:transform 0.5s ease 0.3s;}
.joinus_list.active .joinus_list_cont a:nth-child(2){  transition:transform 0.5s ease 0.6s; }
.joinus_list.active .joinus_list_cont a:nth-child(3){  transition:transform 0.5s ease 0.9s;}
.joinus_list.active .joinus_list_cont a:nth-child(4){  transition:transform 0.5s ease 1.2s; }
.joinus_list.active .joinus_list_cont a:nth-child(5){  transition:transform 0.5s ease 1.5s;}
.cooperation{ width:100%; height:350px; overflow:hidden;}
.coop_cont{ width:1200px; overflow:hidden; margin:0 auto;}
.coop_cont p{ display:block; width:100%; font-size:14px; color:#2b3436; line-height:28px; margin:6px 0;}
.ab_banner{ width:100%; height:267px; background:url(./images/ab_banner.jpg) no-repeat center 0; overflow:hidden;}
.profile{ width:100%; height:687px; margin-top:-116px; background:url(./images/bg04.jpg) no-repeat center bottom; padding:200px 0 0 0; overflow:hidden; position:relative;}
.pro_title,.news_title{ width:232px; height:232px; position:absolute; left:50%; top:0; margin-left:-600px; }
.profile_cont{ width:1200px; margin:0 auto; overflow:hidden; position:relative;}
.pro_img{ display:block; width:100%; margin:0 auto 20px; overflow:hidden; text-align:center;}
.profile_cont p{ display:block; width:100%; padding:6px 0; font-size:18px; color:#1f2b37; line-height:30px;}
.benefits{ width:100%; height:668px; background:url(./images/bg05.jpg) no-repeat center 0; overflow:hidden;}
.benefits_cont,.plan_cont{ width:1200px; overflow:hidden; margin:0 auto;}
.benefits_cont p{ display:block; width:100%; padding:60px 0 0 0; font-size:18px; color:#343434; line-height:40px;}
.plan{ width:100%; height:713px; overflow:hidden; background:url(./images/bg06.jpg) no-repeat center 0;}
.plan_cont ul{ width:100%; overflow:hidden; padding-top:40px;}
.plan_cont ul li{ width:100%; font-size:18px; color:#343434; line-height:36px;}
.plan_cont ul li span{ display:block; width:60px; float:left;}
.plan_cont ul li p{ display:block; width:1140px; float:left;}
.news_banner{ width:100%; height:329px; background:url(./images/news_banner.jpg) no-repeat center 0; overflow:hidden;}
.news_banner1{ width:100%; height:329px; background:url(./images/ddz.png) no-repeat center 0; overflow:hidden;}
.news{ width:100%;  margin:-116px auto 60px; position:relative; overflow:hidden; padding:180px 0 0;}
.news_cont{ width:1200px; margin:0 auto; overflow:hidden;}
.news_list{ width:100%;  margin:30px auto 20px; overflow:hidden;}
.newsl_unit{ display:block; width:100%; height:100px; padding:20px 0 10px; border-bottom:1px solid #d2d2d2;}
.newsl_unit:hover{ background:#f9f9f9;}
.newsl_l{ width:1059px; height:86px; overflow:hidden; border-right:1px solid #c1c1c1; padding-left:10px;}
.newsl_r{ width:100px; padding-left:26px; overflow:hidden;}
.newsl_l h4{ display:block; width:980px; height:26px; overflow:hidden; font-size:18px; color:#d81722; font-weight:bold; line-height:26px; text-overflow:ellipsis; margin-bottom:12px; }
.newsl_l p{ display:block; width:980px; height:48px; font-size:14px; color:#5b5c5c; line-height:24px; overflow:hidden;text-overflow:ellipsis; }
.n_date{ font-size:38px; line-height:38px; color:#838383; font-family:Arial, Helvetica, sans-serif;}
.n_year{ font-size:14px; color:#838383; line-height:24px; font-family:Arial, Helvetica, sans-serif; padding-left:5px;}
.n_arrow{ display:block; width:31px; height:31px; background:url(./images/icon_arrow.png) no-repeat -49px 0; margin:5px 0 0 5px; transition:all 0.3s ease-in-out 0s;}
.newsl_unit:hover .n_arrow{ background-position:0 0; transition:all 0.3s ease-in-out 0s;}
.news_more{ width:100%;}
.news_more a{ display:block; width:1198px; height:46px; background:#f5f5f5; border:1px dashed #a8a8a8; font-size:14px; color:#565656; line-height:46px; text-align:center;}
.news_more a:hover{ background:#f43449; color:#fff;}
.news_page{ width:100%; overflow:hidden; height:56px;}
.page_cont{ width:705px; float:right;}
.page_btn{ display:block;  height:36px; background:#fff; border:1px solid #b2b2b2; padding:0 10px; margin-left:10px; overflow:hidden; font-size:14px; color:#5b5c5c; line-height:36px; cursor:pointer;}
.page_list{ height:42px; overflow:hidden;}
.page_list li{ float:left;font-size:14px; color:#5b5c5c; line-height:36px; text-align:center; margin-left:10px;}
.page_list li a{ display:block; width:36px; height:36px;background:#fff; border:1px solid #b2b2b2; font-size:14px; color:#5b5c5c; line-height:36px; text-align:center; }
.page_btn:hover,.page_list li a:hover{ background:#d81722; color:#fff;}
.page_search{ width:200px; height:42px; overflow:hidden; margin-left:10px;}
.page_search span{ font-size:14px; color:#5b5c5c; line-height:38px;}
.page_s_txt{ width:40px; height:36px; background:#fff; font-size:14px; color:#5b5c5c; line-height:36px; padding:0 10px;}
.page_s_btn{ width:68px; height:38px; background:#d81722; font-size:14px; color:#fff; line-height:38px; border:0;}
.hiring_banner{ width:100%; height:329px; background:url(./images/hiring_banner.jpg) no-repeat center 0; overflow:hidden;}
.hiring_cont{ width:1200px; overflow:hidden; margin:0 auto; padding-top:80px;}
.hiring_search{ width:100%; overflow:hidden;}
.hsearch_item,.h_search_s{ width:100%; height:58px;}
.hsearch_item{ margin-bottom:4px;}
.hsearch_t{ width:140px; height:58px; padding-right:10px; background:#e6f7ff; font-size:14px; color:#343434; line-height:58px; text-align:right;}
.hsearch_item_list,.hsearch_s_c{ width:900px; padding:12px 0 0 0; float:left; margin-left:30px;}
.hsearch_item_list li{ width:140px; float:left;}
.hsearch_item_list li span{ display:block; width:107px; height:32px;  color:#343434; font-size:14px; line-height:32px; text-align:center; cursor:pointer;}
.hsearch_item_list li span:hover,.hsearch_item_list li.hover span{ color:#e60012; border:1px solid #e60012; border-radius:20px;}
.hs_txt{ width:420px; height:32px; border:1px solid #c4c4c4; padding:0 10px; font-size:14px; color:#343434; line-height:32px;}
.hs_btn{ width:94px; height:34px; background:#e60012; font-size:14px; color:#fff; line-height:34px; text-align:center; border-radius:20px; margin-left:12px; border:0;}
.hiring_main{ width:100%; margin:40px auto; overflow:hidden;}
.hlist_title{ width:100%; height:42px; background:#cde9f6; color:#11587a;  font-weight:bold; box-shadow:2px 0 3px #5d5d5d;}
.hlist_title .hlist_t{ height:42px; line-height:42px;}
.hlist_t{ height:58px; padding-left:20px; overflow:hidden; font-size:14px; color:#343434; line-height:58px; border-bottom:1px solid #e6e6e6; cursor:pointer;}
.hlist_t.current{background:#e6f7ff; border:0;}
.hlist_t li{ float:left; width:16%; }
.hlist_t li.ht_last{ width:4%;}
.ht_arrow span{ display:block; width:20px; height:20px; background:url(./images/icon_arrow01.png) no-repeat 2px 0; margin:20px 0 0 0;}
.hlist_t.current .ht_arrow span{ background-position:0 -55px;}
.hinfo{ padding:20px; font-size:14px; color:#343434; line-height:22px; background:#e6f7ff;}
.hinfo p{ display:block; width:100%; margin-bottom:20px;}
.hinfo h4{ display:block; margin-bottom:6px; font-weight:bold;}
.news_detail{ width:1200px; min-height:650px; overflow:hidden; position:relative; margin: -116px auto 0;}
.newsd_cont{ width:100%; overflow:hidden; padding:250px 0 30px;}
.newsd_title{ width:100%; margin-bottom:30px;}
.newsd_title h2{ display:block; width:100%; height:72px; font-size:36px; color:#343434; font-weight:bold; line-height:72px; border-bottom:1px solid #e6e6e6; text-align:center; margin-bottom:10px;}
.newsd_title p{ display:block; width:100%; font-size:14px; color:#7e7e7e; line-height:32px; text-align:center;}
.newsd_mian{ font-size:14px; color:#343434; line-height:36px;}
.newsd_mian span{ display:block; width:100%; text-align:center; padding:20px 0;}
.newsd_o{ width:100%; margin:10px auto; overflow:hidden;}
.newsd_o li{ width:100%; font-size:14px; color:#343434; line-height:30px;}
.newsd_o li a{ color:#f0413a;}
/*footer样式*/
.footer{ width:100%; height:120px; background:#f9f9f9; overflow:hidden;}
.footer_cont{ width:1200px;  margin:26px auto; overflow:hidden;}
.footer_logo01{ width:110px; height:55px; float:left; position:relative; padding-top:8px;}
.footer_right{ width:950px; margin-left:6px;}
.footer_right p{ font-size:12px; color:#9a9a9a; line-height:22px; margin-top:5px;}
.totop{ display:none; width:49px; height:158px; position:fixed; right:50%; bottom:120px; margin-right:-700px;}
.totop span{ display:block; width:49px; height:158px; background:url(./images/totop.png) no-repeat 0 0; cursor:pointer; }