﻿:root{
	--main_color:#e60012;        /* 主色 */
	--main_color_rgb:230,0,18;  /* rgba */
}
.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}


/*加盟合作*/
.jm_box{ margin:80px auto!important;}
.jm_box1{ background:url(/images/jm-1.jpg) no-repeat; width:100%; height:280px; border-radius:12px; overflow:hidden; margin-bottom:48px; color:#fff; text-align:center;}
.jm_box1 p{ font-size:30px; line-height:30px; margin:90px 0 20px 0;}
.jm_box1 h2{ font-size:42px; line-height:42px; font-weight:bold;}

.jm_box2{ display:flex;}
.jm_box2 .img{ width:50%; height:504px; overflow:hidden;}
.jm_box2 .img img{ transition:.5s; height: 100%;}
.jm_box2 .img:hover img{ transform:scale(1.08); cursor: pointer;}
.jm_box2 .txt{ background: rgba(230, 0, 18, 0.05); width:50%; padding:56px 48px 48px; box-sizing:border-box;}
.jm_box2 .txt h2{ font-size:30px; font-weight:bold; margin-bottom:30px; color:var(--main_color);}
.jm_box2 .txt p{ line-height:30px; background:url(/images/xing.png) no-repeat; background-size:18px; background-position: 0 5px; padding-left:26px; margin-top: 20px;}



/*侧边*/
.nav_bar{ position:fixed; right:2%; bottom:6%; z-index:99;}
.nav_bar ul{ border-radius:30px; overflow: hidden; padding:15px 0; background:var(--main_color);}
.nav_bar li:hover{ cursor: pointer;}
.nav_bar li span{ display:block; width:60px; height:60px; background:url(/images/nav_btn.png) no-repeat;}
.nav_bar li:nth-child(2) span{ background-position:-60px 0;}
.nav_bar li:nth-child(3) span{ background-position:-180px 0;}
.nav_bar li .phone_a{ width:240px; padding:12px 0; position:absolute; right:90px; top:16%; background:var(--main_color); display:flex; justify-content:space-between; flex-wrap:wrap; align-content:center; border-radius:6px;box-sizing:border-box;padding-left:16px;opacity:0;transform-origin:right center;transform:translateY(-50%) scale(0);}
.nav_bar li .phone_a:before{ width:auto; content:""; position:absolute; right:-10px; top:50%; transform:translateY(-50%); border-left:10px var(--main_color) solid; border-top:10px transparent solid; border-bottom:10px transparent solid;}
.nav_bar li .phone_a p{ width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#fff; line-height:30px;}
.nav_bar li:hover .phone_a{ transform:translateY(-50%) scale(1); opacity:1;}

.nav_bar li .ewm_a{ width:180px; height:180px; position:absolute; right:90px; top:50%; background:var(--main_color); display:flex; justify-content:space-between; flex-wrap:wrap; align-content:center; border-radius:6px; box-sizing:border-box; transform-origin:right center; transform:translateY(-50%) scale(0);}
.nav_bar li .ewm_a:before{ width:auto; content:""; position:absolute; right:-10px; top:50%; transform:translateY(-50%); border-left:10px var(--main_color) solid; border-top:10px transparent solid;border-bottom:10px transparent solid;}
.nav_bar li .ewm_a img{ width:88%; height:88%; margin-left:6%; border-radius:6px;}
.nav_bar li:hover .ewm_a{ transform:translateY(-50%) scale(1); opacity:1;}

.nav_bar .back_top{ width:60px; height:60px; border-radius:50%; background:var(--main_color); margin-top:12px;}
.nav_bar .back_top:hover{ cursor: pointer;}
.nav_bar .back_top span{ display:block; width:60px; height:60px; background:url(/images/nav_btn.png) no-repeat center right;}


/*导航*/
#mould90103{ width:100%; background:#fff; z-index:99; transition: .5s ease-in-out; box-shadow: 0 0 10px rgb(0 0 0 / 15%);}
.navbars41{ width:100%; height:80px; margin:0 auto;}
.navbars41 .logo{ float:left; width: 180px; height: 100%; display: table; padding-left:8%;}
.navbars41 .logo a{ display: table-cell; vertical-align: middle;}
.navbars41 ul{ display: table; height:100%; margin:0 auto; width: 56%; float:right; z-index:2; position:relative;}
.navbars41 li{ display: table-cell; vertical-align: middle; position:relative;}
.navbars41 li>a{ color:#1a1a1a; font-size:18px;}
.navbars41 li:hover>a{ color:var(--main_color);}
.navbars41 li .hide1{ width: 150px; position:absolute; top:72px; left: 22%; transform:translateX(-50%); background: #fff; padding:10px; box-sizing:border-box; border-radius:5px; display:none;box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.navbars41 li .hide1 a{ display:block; line-height:40px; border-radius: 4px;}
.navbars41 li:hover .hide1{ display:block; text-align:center;}
.navbars41 li:hover .hide1 a:hover{ background: var(--main_color); color: #fff;}
.navbars41 .vr{ float:right; background: var(--main_color); height:100%; width:240px;}
.navbars41 .vr a{ display: block; color:#fff; text-align: center; line-height: 80px;}
.navbars41 .vr img{ width:26px; display: inline-block; margin: -6px 4px 0 0;}
.navbars41 .vr em{ font-size:20px; font-weight:bold; letter-spacing: 2px;}

/*通用*/
.width_1600{ width:1600px; margin:0 auto;}
.fixed_img{ width:100%;}

/*标签栏*/
#ny_menu ul{ background:#f5f5f5; margin:48px auto; border-radius:40px; overflow:hidden;}
#ny_menu li{ float:left; width:180px; transition:.5s;}
#ny_menu li:hover{ background: var(--main_color);}
#ny_menu li.active{ background: var(--main_color);}
#ny_menu li a{ line-height:80px;     font-size: 20px;text-align:center; display: block; transition:.5s;}
#ny_menu li.active a{ color:#fff;}
#ny_menu li:hover a{ color:#fff;}


.newslist{ width:1600px; margin:0 auto;}
.newslist > ul li{ width:32%; padding:24px; border-radius:12px;}
.newslist>ul li .newsimgs{ height:277px;}
.newslist>ul li .newsconts{ padding: 20px 0 0;}
.newslist>ul li .newsconts h3{ line-height:30px;}
.newslist>ul li .newsconts h3:hover{ color:var(--main_color);}
.newslist>ul li .newsconts time em{ float: right; background: url(/images/yan.png) no-repeat center left; padding-left:24px;}

.newcontent{ width:1600px;}
.newcontent p{ line-height:30px;}
.newcontent h3 a{ color:var(--main_color);}
.fenye3_all{ width:1600px; margin:30px auto 48px auto;}
.tb_page h4 a{ color:var(--main_color);}
.f-pageone.fenye{ margin:16px 0 48px 0;}


/*视频*/
#mould35389{ width:1600px; margin: 0 auto;}
#mould35389 li{ width:48%; float:left; margin-bottom:2%;}
#mould35389 li:nth-child(even){ float:right;}
#mould35389 li .videos{ height: 432px; display: inline-block; border-radius: 12px; overflow: hidden;}
#mould35389 li video{ width:100%; height: 100%;}
#mould35389 li p{ text-align:center; line-height:60px;}
#mould35389 li:hover p{ color: #333;}


/*简介*/
.about_box1{ }
.about_box1 h2{ font-size:36px; line-height:36px; color:var(--main_color); position:relative; padding-bottom:20px; margin-bottom:24px;}
.about_box1 h2:after{ content:""; width:100px; height:2px; background: var(--main_color); position:absolute; left:0; bottom:0;}
.about_box1 p{ font-size:18px; line-height:36px;}
.about_box1 p em{ font-weight:bold; color:var(--main_color);}
.about_box1_txt{ display:flex; margin-top:24px;}
.about_box1_txt p{ text-indent:2em;}
.about_box1_txt .txt1{ width:45%; margin-right:5%;}
.about_box1_txt .txt1 p{ margin-top:20px;}
.about_box1_txt .img1{ width:50%; border-radius:10px; overflow:hidden;}
.about_box1_txt .img1 img{ transition:.5s;}
.about_box1_txt .img1:hover img{ transform:scale(1.08); cursor: pointer;}



/*文化*/
.about_box2{ background: #f1f1f1; padding:80px 0 60px 0; margin-top:100px; background-attachment: fixed; overflow:hidden;}
.about_box2 h2{ font-size:36px; line-height:36px; font-weight:bold; color: var(--main_color); position:relative; padding-bottom:30px; margin-bottom:30px;}
.about_box2 h2:after{ content:""; width:48px; height:2px; background: var(--main_color); position:absolute; left:0; bottom:0;}

.about_box2 li{ background: #fff; float:left; overflow:hidden; width:32%; margin-right:2%; border-radius:10px; padding:40px; box-sizing:border-box; position:relative; z-index:1;}
.about_box2 li:nth-child(3n){ margin-right:0;}
.about_box2 li:nth-child(-n+4){ margin-bottom:2%;}
.about_box2 li p{ font-size:18px;}
.about_box2 li div h2{ font-size:30px; font-family: pingfang; position:relative; padding-bottom:20px; margin-bottom:20px;}
.about_box2 li div h2:after{ content:""; position:absolute; left:0; bottom:0; width:60px; height:3px; background: var(--main_color);}
.about_box2 li div span{ width:54px; height:54px; display:block; background:url(/images/btn_culture.png) no-repeat; float:right;}
.about_box2 li:nth-child(2) div span{ background-position:-54px 0;}
.about_box2 li:nth-child(3) div span{ background-position:-108px 0;}
.about_box2 li:nth-child(4) div span{ background-position:-162px 0;}
.about_box2 li:nth-child(5) div span{ background-position:-216px 0;}
.about_box2 li:nth-child(6) div span{ background-position:-270px 0;}

.about_box2 li:hover{ cursor: pointer;}
.about_box2 li:after{ content:""; background: var(--main_color); width:100%; height:100%; position:absolute; top:0; left:-100%; transition:.2s; z-index:-1;}
.about_box2 li:hover:after{ left:0;}
.about_box2 li:hover div{ color:#fff;}
.about_box2 li:hover div h2{ color:#fff;}
.about_box2 li:hover div h2:after{ background:#fff;}
.about_box2 li:hover p{ color:#fff;}
.about_box2 li:hover:nth-child(1) div span{ background-position:0 -54px;}
.about_box2 li:hover:nth-child(2) div span{ background-position:-54px -54px;}
.about_box2 li:hover:nth-child(3) div span{ background-position:-108px -54px;}
.about_box2 li:hover:nth-child(4) div span{ background-position:-162px -54px;}
.about_box2 li:hover:nth-child(5) div span{ background-position:-216px -54px;}
.about_box2 li:hover:nth-child(6) div span{ background-position:-270px -54px;}


/*荣誉*/
.flex_space{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.brand_box4{ padding: 80px 0;}
.brand_box4 h3{ font-size:36px; line-height:36px; font-weight:bold; color:var(--main_color); text-align:center; padding-bottom:20px;}
.picture2{ margin-top: 36px;}
.picture2 a{ width:24%; display:block;}
.picture2 a:nth-child(n+5){ margin-top: 1.5%;}
.picture2 a img{ width: 100%; transition: .8s;}
.picture2 a:hover img{ transform: scale(1.06);}
.brand_box4>a{ width:120px; line-height:52px; color:#fff; text-align:center; display:block; background: var(--main_color); border-radius:6px; margin:30px auto 0 auto; transition:.5s;}
.brand_box4>a img{ width:18px; margin: -3px 0 0 4px;}
.brand_box4>a:hover{ letter-spacing: 2px;}

.picture1 .picture1-cont{ width:1600px; margin: 0 auto;}
.picture1 .picture1-cont > ul li a img{ height:252px;}


/*风采*/
.brand_box5{ padding-bottom: 80px;}
.title1 h2{ font-size: 40px; line-height: 40px; font-weight: bold; text-align:center; margin-bottom:48px;}
.team_a a{ display:block; width:32%; overflow:hidden;}
.team_a a:nth-child(-n+3){ margin-bottom:2%;}
.team_a a img{ transition:1s;}
.team_a a:hover img{ transform:scale(1.1);}











/*产品*/
.product-list > ul{ display: flow; margin-bottom:64px;}
.product-list > ul li{ width:23.5%; border:1px solid #e5e5e5; padding:24px; box-sizing:border-box; border-radius:10px; float:left; margin-right:2%; transition:.5s; margin-bottom:48px;}
.product-list > ul li:nth-child(4n){ margin-right:0;}
.product-list > ul li:hover{ border:1px solid var(--main_color);}
.product-list > ul li p:first-child{ height:auto;}
.product-list > ul li span{ font-size:18px; text-align:center; display:block; margin-top:16px;}
.product-list > ul li:hover span{ font-weight:bold; color: var(--main_color);}








/*招聘页*/
.zhaopin_list{ width:80%; margin: auto; min-height:600px;}
.zhaopin_a .left{ width:64%; float:left;}
.zhaopin_a .left .zhaopin_column{ background: var(--main_color); color:#fff; padding:0 24px; box-sizing:border-box; border-radius:4px; margin-bottom:1px;}
.zhaopin_a .left .zhaopin_column span{ display:inline-block; line-height:80px;}
.zhaopin_a .left .zhaopin_column span:nth-child(-n+2){ width:24%;}
.zhaopin_a .left .zhaopin_column span:nth-child(3){ width:20%;}
.zhaopin_a .left .zhaopin_column span:nth-child(4){ width:32%;}
.zhaopin_a .left li{ border-bottom:1px solid #e5e5e5;}
.zhaopin_a .left li .title{ padding:0 24px; box-sizing:border-box;}
.zhaopin_a .left li .title span{ line-height:72px; float: left;}
.zhaopin_a .left li .title span:nth-child(-n+2){ width:24%;}
.zhaopin_a .left li .title span:nth-child(3){ width:20%;}
.zhaopin_a .left li .title span:nth-child(4){ width:30%;}
.zhaopin_a .left li .title em{ float:left; width:2%; width:14px; height:14px; background-position:center; background-image: url(/images/ico2.png); margin-top:33px;}
.zhaopin_a .left li .title.active{ background: var(--main_color); color:#fff;}
.zhaopin_a .left li .requirement{ padding:24px; box-sizing:border-box; display:none; border:2px solid var(--main_color); box-sizing:border-box;}
.zhaopin_a .left li .requirement h2{ font-size:18px; font-weight:bold;}
.zhaopin_a .left li .requirement p{ line-height:30px;}

.zhaopin_a .right{ width:30%; float:right;}
.zhaopin_a .right .img_boxs{ background:url(/images/zhaopin.jpg) no-repeat; background-size: cover; color:#fff; padding:40px 36px 80px 36px; box-sizing:border-box; border-radius:6px;}
.zhaopin_a .right .img_boxs span{ font-size:24px; letter-spacing: 2px;}
.zhaopin_a .right .img_boxs h2{ font-size:36px; font-weight:bold; line-height:40px; margin:12px 0; letter-spacing: 3px;}
.zhaopin_a .right .img_boxs p{ line-height:18px;}
.zhaopin_a .right .img_boxs a{ border:1px solid #fff; width:128px; line-height:40px; display:inline-block; color:#fff; text-align:Center; margin-top:20px;}
.zhaopin_a .right .img_boxs a:hover{ color:var(--main_color); background:#fff;}
.zhaopin_a .right .text_boxs{ background:#f2f2f2; color:#333; border-radius:6px; margin-top:20px; padding:36px;}
.zhaopin_a .right .text_boxs h2{ font-size:24px; margin-bottom:10px;}
.zhaopin_a .right .text_boxs p{ line-height:30px;}


/*简历*/
.resume{ width:1080px; margin-bottom:48px;}
.resume textarea{ width:100%; padding:20px; box-sizing:border-box;}
.resume .resume_submit{ margin-top: 30px; height:48px; line-height:48px; border-radius:6px;}
.resume .resume_submit:hover{ background:var(--main_color);}


/*联系*/
#mould54317{ background: url(/images/contact_bg.fff97c3a.png) no-repeat right 50px top 50px; background-size: 90%; padding: 0 0 90px 0; box-sizing: border-box;}
.width_1360{ width: 1600px; margin: 0 auto;}
.contact-box h2{ font-size: 70px; font-family: Patrician; position: relative; padding-bottom:20px;}
.contact-box h2:after{ content: ""; display: block;width: 70px; height: 1px; border-top: 1px solid #000; position: absolute;bottom: 0;left: 0;}
.contact-box h3{ font-size: 30px; line-height:30px; margin-top:48px;}
.contact-box h3 em{ font-size: 24px; margin: 0 25px; color: #666;}
.contact-box h3 span{ font-size: 20px; color: #8d8d8d; display: inline-block;}
.contact-container{ width: 48%; padding: 50px 0; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2); border-radius: 18px;}
.contact-container .left{ width: 80px; float: left; margin: 0 24px 0 40px;}
.contact-container .left img{ width: 100%;}
.contact-container .right{  margin-top: 8px;}
.contact-container .right p{ font-size: 24px; line-height:30px; margin-top: 10px; color: #1a1a1a;}
.dizhi .contact-container{ float: left;  margin-top: 60px;}
.dizhi .contact-container:nth-child(even){ float: right;}
#mould54317 .map{ margin-top:60px; border-radius:12px; overflow:hidden; box-shadow: 0 0 10px rgba(0, 0, 0, .2);}
.allmap{ overflow: hidden;}


/*留言*/
.liuyan_list{ background:url(/images/answer.jpg) no-repeat center bottom; width:100%; padding:80px 0 100px 0;}
#messages1{ width:1600px; margin:0 auto;}
.liuyan_list .top h3{ font-size:30px; line-height:30px; font-weight:bold; color:var(--main_color);}
.liuyan_list .top p{ margin:24px 0 60px 0; font-size:18px; line-height:18px;}
.liuyan_list input{ float:left; width:32%; margin:0 2% 2% 0; height:64px; line-height:64px; border:1px solid #ccc; padding:0 28px; border-radius:4px; box-sizing:border-box; font-size:16px;}
.liuyan_list input:last-child{ margin-right:0;}
.liuyan_list input:focus{ box-shadow:none;}
.liuyan_list textarea{ width:100%; height:240px; border:1px solid #ccc; padding:28px; border-radius:4px; box-sizing:border-box; font-size:16px;}
.liuyan_list textarea:focus{ box-shadow:none;}
.liuyan_list .submit{ width:100%; line-height:64px; text-align:center; display:block; color:#fff; background: var(--main_color); margin-top:2%; border-radius:4px; font-size:20px;}
.liuyan_list .submit:focus{ text-decoration:none;}
.liuyan_list .submit:hover{ background:#e6213a;}


/*联系*/
.footer_a{ background:#1a1a1a; padding-top:80px;}
.contact_a{ color:#fff;}
.contact_a .left{ floaT:right; width:30%; border-left:1px solid rgba(255,255,255,0.2); padding-left:80px; box-sizing:border-box;}
.contact_a .left span{ font-size:18px; line-height:36px;}
.contact_a .left h3{ font-family:arial; font-size:36px; font-weight:bold; margin-bottom:10px;}
.contact_a .left p{ font-size:18px; line-height:36px;}
.contact_a .right{ float:left; width:70%;}
.contact_a .right dl{ float:left; margin-right:100px;}
.contact_a .right dl:last-child{ margin-right:0;}
.contact_a .right dl a{ color:#e5e5e5;}
.contact_a .right dl a:hover{ color:#fff;}
.contact_a .right dt{ border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:16px; margin-bottom:12px;}
.contact_a .right dt a{ font-size:20px; line-height:20px; font-weight: normal;}
.contact_a .right dd a{ line-height:36px;}

.copyright_a{ text-align:Center; color:#e5e5e5; background: none; margin-top:64px;}
.copyright_a .width_1600{ display:flex; justify-content: space-between; border-top:1px solid rgba(255,255,255,0.2);}
.copyright_a p{ line-height:64px;}
.copyright_a a{ color:#e5e5e5;}
.copyright_a a:hover{ color:#fff;}

@media screen and (max-width:1680px){
  .navbars41 .logo{ padding-left: 3%;}
  .width_1600{ width:94%;}
} 

@media screen and (max-width: 1560px){
  .about_box1 p{ font-size: 16px; line-height: 30px;}
  .newslist,.newcontent,.fenye3_all,.zhaopin_list,.width_1360,#messages1,.picture1 .picture1-cont{ width:94%;}
  .jm_box2{ height:504px;}
  .jm_box2 .txt{ padding: 30px 40px 40px;}
  .picture1 .picture1-cont > ul li a img{ height:238px;}
  .newslist>ul li .newsimgs{ height:251px;}
  
  .contact_a .right dl{ margin-right:80px;}
}

@media screen and (max-width: 1440px){
  #ny_menu li{ width:160px;}
  #ny_menu li a{ line-height:64px;}
  .newslist>ul li .newsimgs{ height:230px;}
}

@media screen and (max-width:1360px){ 
  .about_box2 li div h2{ font-size:24px;}
  .about_box2 li p{ font-size:16px;}
  .jm_box2{ height:480px; overflow:hidden;}
  .jm_box2 .txt p{ line-height:26px;}
  .jm_box2 .txt h2{ margin-bottom:24px;}
  .newslist>ul li .newsimgs{ height:215px;}
  .contact_a .right dl{ margin-right:64px;}
}




