@charset "utf-8";
/*统一的样式*/

/* reset */
* { margin: 0; padding: 0; list-style: none; font-size: 16px; box-sizing: border-box; } /*默认外边距 和 内边距*/ /*去圆点*/
img { border: none; vertical-align: bottom; max-width: 100% }
table { border-collapse: collapse; } /*边框会合并为一个单一的边框*/ /**/
button, input, select, textarea { font-size: 100%; }/* 使得表单元素在 ie 下能继承字体大小 */
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/*字体系列 字体大小 字体样式 字体粗细 都继承父元素*/
.h1, .h2, .h3, .h4, .h5, .h6, span, h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; font-size: inherit }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
/*input:focus{box-shadow: 0 0 10px #999; outline: none;}   /*边框阴影*/  /*轮廓取消*/
/* link */
a { text-decoration: none; color: inherit; transition: 0s; }  /*清除超链接的下划线*/
a:hover { text-decoration: none; color: inherit; }
.clear { clear: both; }  /*清除浮动*/
/*统一的样式*/
ol, ul, dl { margin: 0px; }
html body { margin: 0px auto; max-width: 1920px; min-width: 320px; font-size: 100%; font-family: "微软雅黑", "Microsoft YaHei", "SimSun", "宋体"; }
main { font-size: 16px; }
/*=================公共头部/公共尾样式           开始==========================*/
header { padding-top: 96px; }
.pchea { background-color: #fff; position: fixed; top: 0px; width: 100%; left: 0px; z-index: 20;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px 0px; }
.pchea .layout { display: flex; justify-content: space-between; align-items: center; max-width: 1400px; }
.pchea ul li { float: left; height: 96px; line-height: 96px; }
.pchea ul li a { display: block; padding: 0 20px; color: #383838; transition: 0.4s }
.pchea ul li:hover a { background-color: #fabe00; color: #fff }
.pchea ul li.li_act a { background-color: #fabe00; color: #fff }
.index_video{position:absolute; top:0; left:0; z-index:1; height:100%;width:100%; object-fit:cover;}
.banner .swiper-pagination-bullet { opacity: 1; background-color: #fff }
.banner .swiper-pagination-bullet-active { width: 50px; background-color: #fabe00; border-radius: 20px }
.subhlogo { position: fixed; top: 0px; left: 0px; width: 100%; border-bottom: 1px solid rgba(40,88,88, 0.3); z-index: 55; display: none; background-color: #fff; }
.subhlogo .layout { display: flex; justify-content: space-between; align-items: center; height: 80px; padding: 0 20px }
.subhlogo .hloho { width: 300px; }
.joinin10 { background-color: #fff; z-index: 1; position: relative; padding: 1rem 0px; }
.joinin10 ul { margin-top: 0.4rem; padding: 0px; }
.joinin10 ul li { float: left; width: 49%; margin-right: 2%; margin-bottom: 20px; }
.joinin10 ul li:nth-of-type(3) { float: left; width: 100%; margin-right: 0px; }
.joinin10 ul li:nth-of-type(2) { margin-right: 0px; }
.joinin10 ul li { font-size: 16px; color: #626262; text-align: center; }
.joinin10 ul li .pic { margin-bottom: 15px; }
.meun-btn { position: relative; width: 50px; height: 50px; display: flex; cursor: pointer; z-index: 555; flex-direction: column; justify-content: space-around; }
.meun-btn span { top: 50%; left: 0px; display: block; width: 100%; height: 5px; border-radius: 25px; margin-top: -1px; background: #fabe00; transition: .2s ease; }
.meun-btn-open span:nth-of-type(1) { position: absolute; transform: rotate(45deg); }
.meun-btn-open span:nth-of-type(3) { position: absolute; transform: rotate(-45deg); }
.meun-btn-open span:nth-of-type(2) { width: 0px; }
.second_nav { position: fixed; top: 0px; left: 0px; z-index: 555; width: 320px; height: 100%; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .4); overflow-y: scroll; padding-bottom: 100px; pointer-events: none; animation-duration: 0.5s; }
.second_nav form { box-sizing: border-box; margin: 0px; background: #fabe00; height: 81px; min-height: 50px; font-size: 16px; color: #fff; width: 100%; text-align: center; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.second_nav form input { border: none; width: 80%; height: 36px; outline: none; border-bottom: 1px solid #fff; background: transparent; padding-left: 15px; padding-right: 25px; color: #fff; font-size: 16px; }
.second_nav form button { border: none; background: no-repeat; margin-left: -15px; color: #fff; }
.second_nav_block { pointer-events: auto; visibility: visible; }
 .second_nav form input::-webkit-input-placeholder {
color: #fff;
}
.second_nav form input:-moz-placeholder {
color: #fff;
}
.second_nav form input::-moz-placeholder {
color: #fff;
}
.second_nav form input:-ms-input-placeholder {
color: #fff;
}
.second_nav form input::placeholder {
color: #fff;
}
.second_nav li { width: 100%; }
.second_nav li p { position: relative; display: block; height: 56px; line-height: 56px; overflow: hidden; padding: 0px 20px 0px 40px; margin: 0px; font-size: 16px; color: #505050; font-weight: normal; letter-spacing: 1px; cursor: pointer; transition: .3s; border-bottom: 1px solid #f2f2f2; }
.second_nav li p i { float: right; margin-top: 20px; transition: .6s; }
.second_nav li p a { display: block; width: 100%; float: left; }
.second_nav li p::before { content: ""; position: absolute; top: 50%; left: 15px; width: 10px; height: 10px; margin-top: -5px; border: 1px solid #505050; border-radius: 50%; transition: .3s; }
.second_nav .li_act p::before { border: 1px solid #fabe00; background: #fabe00; }
.second_nav .li_act p { color: #fabe00; }
.second_nav .li_act p i { transform: rotateX(180deg); }
.second_nav li dl { display: none; }
.second_nav li dd { font-size: 16px; line-height: 56px; height: 56px; padding: 0px 20px 0px 40px; border-bottom: 1px solid #f2f2f2; }
.second_nav li dd a { display: block }
.mark { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(255, 255, 255, 0.5); z-index: 55; display: none; }
.second_nav .iphone { font-size: 28px; margin: 0.2rem 0px; position: relative; color: #000; font-family: Arial; padding-left: 30px; }
.second_nav .iphone i { padding-right: 5px; }
.phone_banner { display: none }
@media screen and (max-width: 1199px) {
.pchea { display: none }
.subhlogo { display: block }
}
 @media screen and (max-width: 767px) {
.foobot .layout div { margin: 0 !important; }
.subhlogo .hloho { width: 40%; min-width: 150px; }
header { padding-top: 60px; }
.subhlogo .layout { height: 60px; }
.meun-btn { width: 30px; height: 30px; }
.meun-btn span { height: 3px; }
}
.footop { display: flex; justify-content: space-between; align-items: center; height: 100px; }
footer { background-color: #262626 }
.footop ul li { float: left; padding-right: 0.35rem; color: #cecece; transition: 0.4s; }
.footop ul li:hover { color: #fabe00 }
.foobot { padding: 20px 0px; border-top: 1px solid #686868 }
.foobot p { color: #cecece; font-size: 16px; line-height: 30px; text-align: center }
footer br { display: none }
/*侧面小导航*/
.fix_list { position: fixed; right: 1%; bottom:2%; z-index: 9999; }
.fix_list .back i { font-size: 30px; color: #ffffff; }
.fix_list li { width: 65px; height: 65px; background-color: #000000; margin-bottom: 1px; display: flex; justify-content: center; align-items: center; flex-direction: column; transition: .5s; position: relative; cursor: pointer; }
.fix_list li a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.fix_list li p { font-size: 14px; color: #ffffff; margin-top: 5px; }
.fix_list li:hover { background-color: #fabe00; }
.fix_list .phone:hover .fix_te { opacity: 1; width: 150px }
.phone { position: relative; }
.phone .fix_te { position: absolute; top: 0; right: 65px; height: 65px; line-height: 65px; opacity: 0; transition: .5s; width: 0; text-align: center; background: #fabe00; border-right: 1px solid #ffffff; color: #ffffff; }
.fix_qr .fix_te { position: absolute; top: 0; right: 65px; background: url("../style/foot-qr.jpg")no-repeat; width: 0; height: 90px; background-size: 100% 100%; opacity: 0; transition: .5s; }
.fix_list .fix_qr:hover .fix_te { opacity: 1; width: 90px }
.join_us { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; z-index: 999; display: none; }
.tanchuang-content .will_close { font-style: normal; display: block; position: absolute; right: 0; top: 0; width: 30px; height: 30px; cursor: pointer; }
/*侧面小导航*/
.join_us1 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; display: none; }
.join_con { display: flex; height: 100%; width: 100%; justify-content: center; align-items: center }
.tanchuang-content { max-width: 534px; position: fixed; left: 50%; box-sizing: border-box; width: 80%; padding: 25px 55px; margin-left: -267px; border: 2px solid #000; background: #fff; }
.tanchuang-content h6 { margin-bottom: 10px; line-height: 60px; font-size: 60px; color: #fabe00; text-align: center; }
.tanchuang-content h6 span { display: block; font-size: 20px; color: #000 }
.form-control2 .need { float: left; width: 15px; height: 15px; margin-top: 9px; margin-right: 5px; line-height: 15px; }
.form-control2 { margin-bottom: 20px; }
.form-control2 label { display: inline-block; width: 66px; line-height: 32px; font-size: 18px; color: #201f1f; }
.form-control2 input { float: right; box-sizing: border-box; width: 350px; height: 32px; line-height: 32px; padding: 0px 10px; border: 1px solid #000; outline: none; transition: .3s; }
.form-control2 select { box-sizing: border-box; width: 112px; height: 32px; line-height: 32px; padding: 0px 10px; border: 1px solid #000; outline: none; }
.form-btn { display: block; width: 200px; height: 36px; margin: auto; border-radius: 5px; border: none; background: #fabe00; line-height: 36px; font-size: 14px; color: #fff; text-align: center; cursor: pointer; transition: .3s; }
.tanchuang-content p { margin-top: 20px; line-height: 26px; font-size: 14px; color: #000; text-align: center; }
.form-control2 input:focus, .form-control2 select:focus { border-color: rgba(217, 54, 81, .6); box-shadow: 0 0 10px rgba(217, 54, 81, .6); }
/*=================公共头部/公共尾样式           结束============================*/




/*=================首页样式              ===========================*/
.box1 { position: relative; padding-top: 0.8rem }
.box1 .layout1400 { max-width: 1400px; background-color: #fff; margin: 0 auto }
.box1 .layout { background-color: #fff; max-width: 100%; padding-top: 1rem; position: relative; z-index: 2; }
.title hr { width: 60px; height: 3px; background-color: #fabe00; margin: 0 auto 0.3rem; border: 0px; }
.title h5 { text-transform: uppercase; font-family: Arial; text-align: center; font-size: 48px; line-height: 110%; font-weight: bold; }
.title h6 { text-align: center; font-size: 24px; line-height: 130%; color: #5a5a5a }
.box1 p { text-align: center; font-size: 16px; line-height: 30px; color: #747474; margin-top: 0.25rem; }
.box1 .more { font-family: Arial; text-align: center; font-size: 18px; line-height: 110%; display: block; margin: 0.3rem auto; font-weight: 600; }
.box1 .more a { display: inline-block; transition: 0.4s; position: relative; padding-bottom: 7px }
.box1 .more a::after { background-color: #000; position: absolute; content: ''; left: 0px; bottom: 0px; width: 100%; height: 2px; transition: 0.4s }
.box1 .more a:hover { color: #fabe00 }
.box1 .more a:hover::after { background-color: #fabe00 }
.box1 img { display: block; margin: 0 auto; margin: 0.4rem auto; }
.box1::before { position: absolute; content: ''; height: 300px; top: 0px; left: 0px; width: 100%; background-color: #f5f5f5; }
.box2 { position: relative; background: url('../style/box2_pic.jpg')no-repeat center center; padding-top: 1rem; min-height: 840px }
.box2 .title { position: relative; z-index: 10; }
.box2 .title h5, .box2 .title h6 { color: #fff }
.box2 .title p { font-size: 18px; line-height: 30px; color: #cacaca; text-align: center; margin-top: 0.20rem }
.box2 .title .box2ulone li { font-size: 18px; line-height: 30px; color: #cacaca; text-align: center; margin-top: 0.20rem; display: none; }
.box2 .title .box2ulone .active { display: block; }
.box2 .box2ul { position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; height: 100%; margin: 0 auto; max-width: 1300px; }
.box2 .box2ul li { float: left; width: 19.6666%; transition: 0.4s; height: 100%; }
.box2 .box2ul li a { display: flex; height: 100%; width: 100%; flex-direction: column; justify-content: center; align-items: center }
.box2 .box2ul li .picwarp { width: 150px; height: 150px; border-radius: 50%; position: relative; border: 2px solid #7e8080; display: flex; justify-content: center; align-items: center; margin-top: 135px; }
.box2 .box2ul li .picwarp img { position: absolute; width: 100%; height: 100%; object-fit: none; transition: 0.4s; }
.box2 .box2ul li .picwarp img.pic_hover { opacity: 0; }
.box2 .box2ul li h5 { text-transform: uppercase; font-size: 16px; line-height: 22px; margin-top: 10px; ; text-align: center; color: #fff }
.box2 .box2ul li h6 { text-transform: uppercase; font-size: 18px; line-height: 22px; margin-top: 10px; ; text-align: center; color: #cacaca; opacity: 0; transition: 0.4s }
.box2 .box2ul li p { font-size: 18px; line-height: 22px; text-align: center; color: #fabe00; transition: 0.4s; position: relative; opacity: 0; padding: 10px 0px; border-bottom: 2px solid #fabe00 }
.tuijian-a { position: relative; }
.tuijian { position: absolute; right: -264px; top: 0; width: 250px; height: 380px; border: 1px solid #ccc; }
.tuijian h3 { font-size: 18px; padding: 10px 0 10px 10px; position: relative; }
.tuijian h3::before { content: ''; width: 90%; height: 1px; background-color: #ccc; position: absolute; bottom: 0; left: 10px; }
.tuijian ul { padding-left: 10px; }
.tuijian ul li:hover a h4 { color: #ccc; }
.tuijian ul li:hover a p { color: #ccc; }
.tuijian ul li a { text-decoration: none; }
.tuijian ul li a h4 { transition: .4s all; font-size: 15px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.tuijian ul li a p { transition: .4s all; color: #333; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.tuijian ul li a h4 i { font-style: normal; width: 18px; height: 21px; color: #fff; background-color: darkcyan; display: inline-block; text-align: center; line-height: 21px; margin-right: 10px; }
.tuijian ul li { padding: 10px 0; }
.tuijian ul li a p { padding-left: 30px; }
@media screen and (max-width: 1500px) {
.tuijian { display: none; }
}
@media screen and (min-width: 1200px) {
/* .box2 .box2ul li:nth-of-type(1) h6{opacity: 1; margin: 50px 0px;}
	.box2 .box2ul li:nth-of-type(1) p{opacity: 1; display: inline-block}
	.box2 .box2ul li:nth-of-type(1){
		background-color: rgba(0, 0, 0, .5);
		border-left: 1px solid rgba(255, 255, 255, 0.5);
		border-right: 1px solid rgba(255, 255, 255, 0.5);
	}
	.box2 .box2ul li:nth-of-type(1) .picwarp{border-color: transparent; width: 70px; height: 70px;}
	.box2 .box2ul li:nth-of-type(1) .picwarp .pic{opacity: 0;}
	.box2 .box2ul li:nth-of-type(1) .picwarp .pic_hover{opacity: 1;} */
.box2 .box2ul li:hover h6 { opacity: 1; margin: 50px 0px; }
.box2 .box2ul li:hover p { opacity: 1; display: inline-block }
.box2 .box2ul li:hover { background-color: rgba(0, 0, 0, .5); border-left: 1px solid rgba(255, 255, 255, 0.5); border-right: 1px solid rgba(255, 255, 255, 0.5); }
.box2 .box2ul li:hover .picwarp { border-color: transparent; width: 70px; height: 70px; }
.box2 .box2ul li:hover .picwarp .pic { opacity: 0; }
.box2 .box2ul li:hover .picwarp .pic_hover { opacity: 1; }
}
.box3 { max-width: 1200px; margin: 0 auto; padding-top: 1rem; }
.box3_tit img { float: right; }
.box3_tit .left { float: left; }
.box3_tit .left hr { border: 0px; background-color: #fabe00; width: 60px; height: 3px; margin: 0px 0px }
.box3_tit .left h5 { text-transform: uppercase; font-family: Arial; font-weight: bold; color: #252525; margin-top: 25px; font-size: 48px; line-height: 110% }
.box3_tit .left h6 { font-family: Arial; color: #5a5a5a; font-size: 24px; margin-top: 10px; }
.box3_cont { margin-top: 35px; }
.box3_cont>div { float: left; width: 50%; background-color: #fff; position: relative; }
.box3_warp { background-color: #f5f5f5; padding-bottom: 1rem }
.box3_cont>div.words a { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 33.5% 0px; position: relative; width: 100% }
.box3_cont:nth-of-type(1)>div.words a { background: url('../style/box3_bg1.png')no-repeat center center; }
.box3_cont:nth-of-type(2)>div.words a { background: url('../style/box3_bg2.png')no-repeat center center; }
.box3_cont:nth-of-type(3)>div.words a { background: url('../style/box3_bg3.png')no-repeat center center; }
.box3_cont>div.words div { position: absolute }
.box3_cont>div.words h5 { font-family: Arial; font-size: 24px; font-weight: bold; text-align: center; text-transform: uppercase }
.box3_cont>div.words h6 { font-family: Arial; font-size: 18px; font-weight: bold; text-align: center; margin-top: 10px; }
.box3_cont>div.words h4 { font-size: 14px; display: block; width: 190px; height: 50px; border-radius: 35px; display: flex; justify-content: space-between; align-items: center; padding: 0px 20px; border: 0.03rem solid #b9b9b9; margin-top: 0.6rem; transition: 0.4s; }
.box3_cont>div.words h4 i { font-size: 24px; color: #fabe00 }
.box3_cont>div.words h4:hover { border-color: #fabe00; background-color: #fabe00; color: #fff; }
.box3_cont>div.words h4:hover i { color: #fff }
.box3_swiper .swiper-container { padding: 33.5% 0px; width: 100%; position: relative; }
.box3_swiper .swiper-container .swiper-wrapper { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.box3_swiper .swiper-container .swiper-slide { height: 100%; }
.box3_swiper .swiper-container .swiper-slide img { height: 100%; width: 100%; object-fit: cover }
.box3_swiper .swiper-prev, .box3_swiper .swiper-next { position: absolute; width: 50px; height: 50px; top: 50%; font-size: 50px; z-index: 11; color: #ffffff; cursor: pointer; display: flex; justify-content: center; align-items: center }
.box3_swiper .swiper-prev { left: 10px; }
.box3_swiper .swiper-next { right: 10px }
.box3_swiper .swiper-prev:hover, .box3_swiper .swiper-next:hover { color: #fabe00 }
.box4 { padding: 0px 0px 1rem; }
.box4 .swiper-slide { position: relative; height: 7rem; min-height: 300px }
.box4 .swiper-slide img { width: 100%; height: 100%; object-fit: cover }
.box4 .layout { padding-top: 1.3rem; position: absolute; top: 0px; left: 0px; width: 100%; right: 0px; height: 100%; z-index: 5; margin: 0 auto }
.box4 .layout .title h5, .box4 .layout .title h6 { color: #fff }
.box4 .layout .title p { font-size: 18px; line-height: 30px; color: #ffffff; text-align: center; margin-top: 0.7rem }
.box4_pagination { position: absolute; z-index: 11; bottom: 1rem; left: 0px; width: 100%; display: flex; justify-content: center; align-items: center }
.box4_pagination>div.swiper-pagination { position: relative; width: auto; bottom: auto; font-family: Arial; margin: 0 40px; font-weight: bold; font-style: italic; font-size: 30px; letter-spacing: 5px }
.box4_pagination>div { font-size: 45px; color: #fff; font-weight: bold; line-height: 48px; }
.box4_pagination .swiper-prev:hover, .box4_pagination .swiper-next:hover { color: #fabe00 }
.box5 .swiper-container { margin: 0.5rem 0px 0px }
.box5 .swiper-container img { height: 5rem; width: 100%; object-fit: cover }
.box5 .swiper-prev, .box5 .swiper-next { position: absolute; width: 50px; height: 50px; top: 50%; font-size: 50px; margin-top: -40px; z-index: 11; color: #ffffff; cursor: pointer; display: flex; justify-content: center; align-items: center }
.box5 p { text-align: center; font-size: 16px; line-height: 36px; color: #5e5e5e; margin-top: 10px; }
.box5 .swiper-prev { left: 10px; }
.box5 .swiper-next { right: 10px }
.box5 .swiper-prev:hover, .box5 .swiper-next:hover { color: #fabe00 }
.box5 .pic { display: block; position: relative; }
.box5 .pic::before { content: ''; position: absolute; z-index: 2; background: url('../style/box5_bg.png')no-repeat center center; background-color: rgba(0, 0, 0, .4); top: 0px; left: 0px; width: 100%; height: 100%; transition: 0.4s; opacity: 0; }
.box5 .pic:hover::before { opacity: 1; }
.box6 { background: url('../style/box6_bg.jpg')repeat center center; padding: 1rem 0px; margin-top: 1rem }
.box6 dl { display: flex; justify-content: center; align-items: center; margin: 0.4rem auto; }
.box6 dl dd { width: 150px; height: 50px; line-height: 48px; text-align: center; background-color: #fff; border: 1px solid #bababa; margin-right: 30px; transition: 0.4s; }
.box6 dl dd:hover { border-color: #fabe00; background-color: #fabe00; color: #fff }
.box6 ul li .pic { width: 100%; padding: 36.5% 0px; position: relative; }
.box6 ul li .pic img { position: absolute; top: 0px; left: 0px; object-fit: cover; width: 100%; height: 100%; }
.box6 ul li .words { background-color: #fff; padding: 0.25rem }
.box6_swiper .swiper-pagination { position: relative; display: none }
.box6_swiper .swiper-pagination-bullet-active { background-color: #fabe00; }
.box6_swiper .swiper-pagination-bullet { margin: 0 5px; }
.box6 ul li .words h5 { font-size: 18px; line-height: 30px; color: #000; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.box6 ul li .words p { font-size: 16px; line-height: 30px; color: #5e5e5e; height: 60px; text-align: center; overflow: hidden; margin-bottom: 15px; }
.box6 ul li .words h6 { font-size: 14px; line-height: 30px; color: #636363; font-family: Arial, Helvetica, sans-serif; text-align: center; border: 2px solid #636363; border-radius: 10px; margin-bottom: 15px; transition: 0.4s; font-weight: bold; width: 118px; margin: 0 auto }
.box6 ul li .words h6:hover { color: #fabe00; border-color: #fabe00 }
.snav>.snavtop { display: flex; justify-content: space-between; align-items: center }
.snav { background-color: #f5f5f5 }
.snav dd span { padding: 0 2px }
.snav dt, .snav dd { line-height: 80px; transition: 0.4s; float: left; font-weight: normal; font-size: 14px; color: #626262; }
.snav dd:last-of-type span { display: none }
.snav dd:hover { color: #fabe00 }
.snav dd a { font-size: inherit }
.snav form { position: relative; }
.snav form .form_input { width: 2.95rem; height: 41px; border-radius: 30px; outline: none; border: 1px solid #ededed; padding: 0 15px; padding-right: 30px; }
.snav form .form_submit { position: absolute; right: 8px; top: 8px; height: 25px; border-radius: 50%; background-color: #fabe00; width: 25px; text-align: center; border: transparent; }
.snav form .form_submit i { font-size: 16px; cursor: pointer; color: #fff }
.snav .snavfoo { background-color: #fff; padding-top: 1rem }
.snav .snavfoo>div { max-width: 1200px; margin: 0 auto; }
.page_nav_hd { font-size: 16px; color: #626262; border: 1px solid #d3d3d3; background: #f2f2f2; display: flex; align-items: center; justify-content: space-between; }
.page_nav_hd .left { padding-left: 20px; }
.page_nav_hd .left span { position: relative; padding-left: 24px; }
.page_nav_hd .left span::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; width: 14px; height: 14px; background: url(../style/page_nav_hd_ico.png) center no-repeat; }
.page_nav_hd .right { display: flex; align-items: center; justify-content: flex-start; }
.page_nav_hd .right li a { padding: 18.5px 20px; display: flex; align-items: center; justify-content: flex-start; transition: 0.4s; }
.page_nav_hd .right li a i { margin-left: 10px; transition: 0.4s; }
.page_nav_hd .right_act i { transform: rotateZ(-90deg) }
.bd_weixin_popup { height: auto !important; }
/* .page_nav_hd .right li:hover a,.page_nav_hd .right li.active a{color: #fff; background: #fcd500;} */

.page_nav_bd { border: 1px solid #d3d3d3; border-top: 0px; }
.page_nav_bd li { float: left; line-height: 60px; height: 60px; padding-left: 20px }
.page_nav_bd li a { padding: 10px; border-radius: 5px; transition: 0.4s; }
.page_nav_bd li:hover a { background-color: #fabe00; color: #fff }
.page_nav_bd li.li_act a { background-color: #fabe00; color: #fff }
.alldiv { padding: 0.4rem 0px; }
.case_list li { width: 32%; margin-right: 2%; margin-bottom: 0.3rem; float: left; }
.case_list li a { position: relative; display: block; width: 100%; padding: 36% 0px; overflow: hidden; }
.case_list li:nth-of-type(3n+3) { margin-right: 0px; ; }
.case_list li a img { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; object-fit: cover; transition: 0.4s; }
.case_list li:hover img { transform: scale(1.1); }
.case_list li p { text-align: center; font-size: 16px; padding-top: 5px; color: #6b6b6b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fengpage { margin-top: 20px; text-align: center; }
.fengpage ul { display: inline-block; }
.fengpage li { float: left; }
.fengpage li:nth-last-child(2) { background: none; border: none; padding: 0px; }
.fengpage li select { min-width: 35px; height: 33px; border-radius: 5px; }
.fengpage .onfeng a { background-color: #474443; border-color: #d4c9b3; color: #fff; }
.fengpage a, .fengpage .sheng { display: block; font-size: 14px; line-height: 16px; color: #fff; padding: 8px 12px; border-radius: 5px; margin: 0px 5px; background-color: #cccccc; cursor: pointer; }
.pro_list li { width: 48%; margin-bottom: 0.3rem; float: left; }
.pro_list li a { position: relative; display: block; width: 100%; padding: 50% 0px; overflow: hidden; }
.pro_list li:nth-of-type(2n+2) { margin-right: 0px; float: right; ; }
.pro_list li a img { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; object-fit: cover; transition: 0.4s }
.pro_list li p { text-align: center; font-size: 16px; padding-top: 5px; color: #6b6b6b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro_list li:hover img { transform: scale(1.1); }
.proview_left { float: left; width: 51.7% }
.pro_bpic { border: 1px solid #cccccc }
.pro_bpic .pic { position: relative; padding: 50% 0px; }
.pro_bpic .pic img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: contain; }
.pro_spic { position: relative; margin-top: 20px; padding: 0 45px }
.pro_spic .swiper-slide-active { border: 1px solid #fabe00 }
.pro_spic .pic { position: relative; padding: 50% 0px; }
.pro_spic .pic img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: contain; }
.pro_spic .swiper-prev, .pro_spic .swiper-next { position: absolute; width: 26px; top: 0; bottom: 0px; border: 0.03rem solid #b4b4b4; font-size: 30px; z-index: 11; color: #b4b4b4; cursor: pointer; outline: none; display: flex; justify-content: center; align-items: center; transition: 0.4s; }
.pro_spic .swiper-prev { left: 0px; }
.pro_spic .swiper-next { right: 0px }
.pro_spic .swiper-prev:hover, .pro_spic .swiper-next:hover { color: #fabe00; border-color: #fabe00 }
.proview_right { float: right; position: relative; width: 44.5%; background-color: #f5f5f5; padding: 0.3rem; min-height: 730px }
.proview_right h1 { font-size: 24px; line-height: 30px; color: #383838; font-weight: bold; padding-bottom: 0.2rem }
.proview_right h5 { font-size: 14px; line-height: 30px; font-weight: bold; color: #717171 }
.proview_right p { font-size: 14px; line-height: 30px; color: #717171 }
.bdsharebuttonboxpro { margin-top: 0.3rem; padding-top: 0.3rem; border-top: 1px solid #cccccc }
.bdsharebuttonboxpro a { float: none !important; vertical-align: middle; font-size: 16px !important; width: 31px !important; display: inline-block; height: 31px !important; background-position: unset !important; margin: 0 !important; padding: 0 !important; }
.bdsharebuttonboxpro .bds_more { width: auto !important; height: auto !important; background-image: none !important; }
.bdsharebuttonboxpro .bds_weixin { background-image: url("../style/share_ico1.png") !important; }
.bdsharebuttonboxpro .bds_tsina { background-image: url("../style/share_ico2.png") !important; }
.bdsharebuttonboxpro .bds_qzone { background-image: url("../style/share_ico3.png") !important; }
.bdsharebuttonboxpro .bds_tqq { background-image: url("../style/share_ico4.png") !important; }
.bdsharebuttonboxpro .bds_renren { background-image: url("../style/share_ico5.png") !important; }
.pro_view_btn { margin-top: 0.4rem }
.pro_view_btn a:nth-of-type(1) { margin-right: 16px; }
.pro_view_btn a { text-align: center; font-size: 16px; color: #6D6D83; line-height: 180%; display: block; display: inline-block; width: 166px; border: 1px solid #ccc; padding: 10px 16px; background-color: #fff; transition: 0.4s; }
.pro_view_btn a:hover { background-color: #fabe00; border-color: #fabe00; color: #fff }
.pv-ct { position: absolute; bottom: 0.3rem; left: 0.3rem; right: 0.3rem }
.pv-ct a { width: 100%; display: flex; height: 40px; align-items: center; color: #ffffff; font-size: 16px; }
.pv-ct a span { display: block; width: 70%; height: 100%; text-align: center; background: #000; line-height: 40px; }
.pv-ct a p { display: block; color: #fff; width: 30%; height: 100%; text-align: center; background: #fabe00; line-height: 40px; }
.procont { background-color: #f5f5f5; padding: 0.3rem 0px }
.procont_left { float: left; width: 71%; padding: 0.25rem; background-color: #fff }
.procont_left hr { background-color: #fabe00; width: 60px; height: 3px; margin: 0 auto; border: 0px; margin-top: 0.5rem }
.procont_left h5 { font-family: Arial; font-weight: bold; font-size: 48px; line-height: 110%; text-align: center; padding: 0.2rem 0px }
.procont_left h6 { font-size: 24px; line-height: 110%; color: #5a5a5a; text-align: center; }
.procont_left .gack { width: 215px; display: flex; justify-content: center; align-items: center; margin: 0.5rem auto }
.procont_left .gack a { width: 150px; transition: 0.4s; height: 40px; line-height: 40px; background-color: #000; color: #fff; text-align: center; }
.procont_left .gack i { display: block; background: url('../style/home.png')no-repeat center center; width: 65px; height: 40px; background-color: #fabe00; }
.procont_left .gack a:hover { background-color: #fabe00 }
.procont_right { float: right; width: 26.5%; background-color: #fff; padding: 0.2rem }
.procont_right h6 { font-family: Arial; text-transform: uppercase; font-weight: bold; font-size: 24px; line-height: 110%; text-align: center; padding: 0.2rem 0px 0px }
.procont_right h5 { font-size: 18px; line-height: 110%; color: #000; margin: 0.1rem 0 0.25rem; font-weight: bold; text-align: center; }
.procont_right li { margin-bottom: 0.25rem; border: 1px solid #dbdbdb }
.procont_right li .pic { margin: 5px; padding: 48% 0px; position: relative; overflow: hidden; }
.procont_right li .pic img { position: absolute; top: 0px; left: 0px; width: 100%; transition: 0.5s; height: 100%; object-fit: cover; }
.procont_right li p { font-size: 14px; position: relative; z-index: 1; line-height: 30px; transition: 0.5s; text-align: center; color: #717171; border-top: 1px solid #dbdbdb; padding: 5px 0px }
.procont_right li:hover .pic img { transform: scale(1.1) }
.procont_right li:hover p { color: #fff }
.procont_right li p::before { position: absolute; content: ''; width: 0; height: 100%; background: #fabe00; transition: .5s; top: 0; left: 0; z-index: -1; }
.procont_right li:hover p::before { width: 100% }
.service_list { padding: 0.4rem }
.service_list li { border-bottom: 1px solid #ccc; }
.service_list li h6 { height: 1.1rem; font-size: 24px; color: #000; font-weight: bold; display: flex; justify-content: space-between; align-items: center; }
.service_list li h6 i { font-size: 30px; transition: 0.4s; }
.service_list li.li_act h6 i { transform: rotateX(180deg); color: #fabe00 }
.service_list li .words { font-size: 16px; display: none; line-height: 30px; color: #626262; padding-bottom: 0.4rem }
.store { padding: 0.5rem; border: 1px solid #ccc; margin: 0.5rem 0px; }
.stroe_form { display: flex; justify-content: space-between; padding: 0 5px; align-items: center; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.35) }
.stroe_form .flex-grow { flex-grow: 1; }
.stroe_form select { height: 55px; border: 0px; background-color: #f7f7f7; margin-left: 3px; width: 18% }
.stroe_form .form { padding-left: 15px; width: 25%; position: relative; height: 30px; }
.stroe_form .form input { width: 100%; height: 100%; border: 0px; border: 1px solid #ccc; padding-right: 15%; padding-left: 5px; }
.stroe_form .form button { position: absolute; right: 4px; top: 3px; height: 25px; border-radius: 50%; width: 25px; text-align: center; border: transparent; color: #ccc; background-color: transparent; outline: none; transition: 0.4s; }
.stroe_form .form button:hover { color: #fabe00 }
.store_map #map { float: left; width: 68%; }
.store_map #map #allmap { width: 100%; height: 700px; }
.map_swiper { float: right; width: 32%; position: relative; padding-right: 5px; }
.map_swiper .swiper-container { height: 700px; }
.map_swiper .swiper-slide { border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.map_swiper .swiper-slide .pic { float: left; width: 50%; padding: 10px; height: 100%; }
.map_swiper .swiper-slide .pic img { height: 100%; width: 100%; object-fit: cover; }
.map_swiper .swiper-slide .words { float: right; width: 50%; padding: 5px; }
.map_swiper .words h6 { font-size: 18px; line-height: 26px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.map_swiper .words p { font-size: 16px; line-height: 26px; color: #b4b4b4; overflow: hidden; height: 52px; }
.about1 { padding: 0.3rem 0 0.5rem; }
.about1 ul { display: flex; justify-content: space-between; align-items: center }
.about1 li { width: 48%; margin-top: 20px }
.about1 li img { display: block }
.about1 li .words { border: 1px solid #ccc; padding: 0.2rem }
.about1 li .words h5 { font-family: Arial; font-weight: bold; text-transform: uppercase; font-size: 24px; line-height: 120% }
.about1 li .words p { font-size: 16px; color: #5e5e5e; line-height: 20px; height: 40px; overflow: hidden; margin: 5px 0px }
.about2 { background: url('../style/about2.jpg')no-repeat center center; background-size: cover; padding: 0.45rem 0px; }
.about2_bpic .swiper-slide { background-color: #fff; padding: 0.6rem 0.4rem; position: relative; }
.about2_bpic .swiper-slide .words { float: left; width: 43%; padding-right: 0.8rem }
.about2_bpic .words h5 { text-transform: uppercase; font-family: Arial; font-weight: bold; font-size: 48px; line-height: 120%; }
.about2_bpic .words h6 { font-size: 24px; line-height: 120%; color: #5a5a5a }
.about2_bpic .words h3 { font-size: 24px; line-height: 36px; color: #fabe00; font-weight: bold; margin-top: 0.5rem }
.about2_bpic .pic { width: 57%; padding: 21% 0px; position: relative; float: right; }
.about2_bpic .pic img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover }
.about2_bpic .words hr { width: 60px; height: 3px; background-color: #fabe00; border: 0px; margin-top: 0px; }
.about2_bpic .words p { font-size: 16px; line-height: 24px; color: #424242; margin-top: 25px }
.about2_bpic .swiper-slide { background: url('../style/about2_bg.png')no-repeat 11% 100%; background-color: #fff }
.about2_spic { padding: 0 0.5rem; position: relative; margin: 0 0px 0.3rem; display: flex; justify-content: space-between; align-items: center }
.about2_spic .swiper-slide { text-align: center; font-family: Arial; font-size: 24px; color: #424242; }
.about2_spic .swiper-slide::before { display: block; content: ''; width: 10px; height: 10px; margin: 0 auto; background-color: #cccccc; border-radius: 50%; margin-bottom: 15px; }
.about2_spic .swiper-container { position: relative; margin-top: 0.3rem }
.about2_spic .swiper-container::before { width: 100%; height: 1px; background-color: #ccc; top: 4px; left: 0px; content: ''; position: absolute; }
.about2_spic .swiper-slide-active { color: #fabe00 }
.about2_spic .swiper-slide-active::before { background-color: #fabe00 }
.about2_spic .swiper-prev, .about2_spic .swiper-next { position: absolute; width: 32px; top: 40%; height: 32px; border: 0.02rem solid #b4b4b4; font-size: 30px; margin-top: -16px; z-index: 11; color: #b4b4b4; cursor: pointer; outline: none; display: flex; justify-content: center; align-items: center; transition: 0.4s; border-radius: 50%; }
.about2_spic .swiper-prev { left: 0px; }
.about2_spic .swiper-next { right: 0px }
.about2_spic .swiper-prev:hover, .about2_spic .swiper-next:hover { color: #fabe00; border-color: #fabe00 }
.about3 { background-color: #f5f5f5; padding: 0.5rem 0px; }
.about3_swiper { margin-top: 0.5rem; position: relative; }
.about3_swiper .swiper-slide .pic { position: relative; padding: 36% 0px; position: relative; border: 1px solid #ccc; background-color: #fff; }
.about3_swiper .swiper-slide .pic img { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; width: 80%; height: 80%; object-fit: contain; }
.about3_swiper p { font-size: 16px; line-height: 18px; color: #626262; text-align: center; padding-top: 10px }
.about3_swiper .swiper-prev, .about3_swiper .swiper-next { position: absolute; top: 50%; border: 0 solid #b4b4b4; font-size: 50px; margin-top: -25px; z-index: 11; color: #b4b4b4; cursor: pointer; outline: none; display: flex; justify-content: center; align-items: center; transition: 0.4s; }
.about3_swiper .swiper-prev { left: -50px; }
.about3_swiper .swiper-next { right: -50px }
.about3_swiper .swiper-prev:hover, .about3_swiper .swiper-next:hover { color: #fabe00; border-color: #fabe00 }
.about4 { padding: 0.5rem 0px; }
.about4 p { text-align: center; font-size: 16px; line-height: 30px; color: #747474; margin-top: 0.25rem; }
.about4 img { display: block; margin: 0 auto; margin: 0.4rem auto; }

.about5 { background: url('../style/about5.jpg')no-repeat center center; background-size: cover; padding: 0.3rem 0px; }
.about5 .layout { padding: 0.5rem; background-color: #fff }
.about5 img { float: left; width: 50%; max-width: 530px; }
.about5 .words { float: right; width: 47%; }
.about5 .title hr { margin-left: 0px }
.about5 .title h5, .about5 .title h6 { text-align: left }
.about5 p { font-size: 16px; line-height: 24px; margin-top: 20px }

.about5-1 {background:url('https://w.yksyb.cn/img.php?w=1920&h=962')no-repeat center center; background-size: cover; padding: 0.3rem 0px;}
.about5-1 .layout { padding: 0.5rem; background-color: #fff }
.about5-1 img { float: left; width: 50%; max-width: 530px; }
.about5-1 .words { float: right; width: 47%; }
.about5-1 .title hr { margin-left: 0px }
.about5-1 .title h5, .about5 .title h6 { text-align: left }
.about5-1 p { font-size: 16px; line-height: 24px; margin-top: 18px }

.about6, .about6_swiper { margin-top: 0.5rem; position: relative; }
.about6_swiper .swiper-slide .pic { position: relative; padding: 36% 0px; }
.about6_swiper .swiper-slide .pic img { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; width: 100%; height: 100%; object-fit: contain; }
.about6_swiper p { font-size: 16px; line-height: 18px; color: #626262; text-align: center; padding-top: 10px }
.about6_swiper .swiper-prev, .about6_swiper .swiper-next { position: absolute; top: 50%; border: 0 solid #b4b4b4; font-size: 50px; margin-top: -25px; z-index: 11; color: #b4b4b4; cursor: pointer; outline: none; display: flex; justify-content: center; align-items: center; transition: 0.4s; }
.about6_swiper .swiper-prev { left: -50px; }
.about6_swiper .swiper-next { right: -50px }
.about6_swiper .swiper-prev:hover, .about6_swiper .swiper-next:hover { color: #fabe00; border-color: #fabe00 }
.news_list li { float: left; width: 32%; margin-right: 2%; margin-bottom: 20px; }
.news_list li:nth-of-type(3n+3) { margin-right: 0px; }
.news_list li .pic { position: relative; display: block; width: 100%; padding: 36% 0px; overflow: hidden; }
.news_list li a img { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; object-fit: cover; transition: 0.4s; }
.news_list li .words { border: 1px solid #ccc; padding: 0.25rem }
.news_list li .words h5 { font-size: 18px; line-height: 30px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center }
.news_list li .words h6 { font-size: 16px; line-height: 30px; color: #5e5e5e; overflow: hidden; height: 60px; text-align: center }
.news_list li .words h4 { font-size: 14px; color: #636363; text-align: center; width: 120px; margin: 20px auto 0px; height: 36px; line-height: 34px; border: 0.02rem solid #636363; background-color: #f5f5f5; border-radius: 10px; transition: 0.4s; }
.news_list li .words h4:hover { border-color: #fabe00; background-color: #fabe00; color: #fff }
.news_con { background-color: #fff; padding: 20px; border: 1px solid #ccc }
.news_con img { height: auto !important; }
.news_con h1 { font-size: 20px; line-height: 24px; color: #040000; margin-bottom: 10px; margin-top: 15px; font-weight: bold }
.news_con h5 { font-size: 16px; line-height: 24px; color: #909090; font-weight: normal; margin-bottom: 15px; }
.news_con .news_vcon { padding: 20px 0px; margin: 15px 0px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }
.news_con .goback { width: 168px; height: 42px; display: block; font-size: 14px; line-height: 42px; background-color: #e9e9e9; text-align: center; transition: 0.3s; margin-top: 25px; }
.news_con .goback:hover { background-color: #1c62a2; color: #fff; }
.feng a { font-size: 16px; line-height: 34px; color: #565656; display: block; }
.feng a:hover { color: #fabe00; }
.news_con .gack { width: 215px; display: flex; justify-content: center; align-items: center; margin: 0.5rem 0 }
.news_con .gack a { width: 150px; transition: 0.4s; height: 40px; line-height: 40px; background-color: #000; color: #fff; text-align: center; }
.news_con .gack i { display: block; background: url('../style/home1.png')no-repeat center center; width: 65px; height: 40px; background-color: #fabe00; }
.news_con .gack a:hover { background-color: #fabe00 }
.actform { background-color: #f5f5f5; padding: 0.35rem; }
.actform div.flex { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px }
.actform div.flex .formName, .actform div.flex .formTelephone { width: 48.5%; height: 40px; border: 1px solid #ccc; padding: 0 10px }
.actform div.flex select { width: 23%; height: 40px; border: 1px solid #ccc; padding: 0 10px }
.actform .formCon { width: 100%; border: 1px solid #ccc; padding: 0 10px }
.actform .ver_code { border-bottom: 0 !important; }
.actform .ver_code > p { display: inline-block; font-size: 18px; }
.actform .ver_code .code-box { vertical-align: bottom; display: inline-block; position: relative; padding: 0 10px; width: 240px; height: 40px; color: #fff; text-shadow: 1px 1px 1px black; background: rgba(0, 0, 0, 0.16); border: 0; border-radius: 5px; outline: none; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06); }
.actform .ver_code .code-box p, .actform .ver_code .code-box span { margin-top: 0 !important; color: #fff !important; display: block; position: absolute; left: 0; height: 40px; text-align: center; line-height: 40px; border-radius: 5px; }
.actform .ver_code .code-box span { width: 40px; font-family: "宋体"; font-size: 16px; cursor: pointer; background: #fff; }
.actform .form_btn { display: flex; justify-content: flex-end; }
.actform .form_btn input { width: 1.50rem; height: 40px; min-width: 120px; margin-left: 20px; cursor: pointer; }
.actform .form_btn .form_submit { color: #fff; background: #fabe00; border: 0; }
.actform .form_btn .form_submit_default { background: #d1d1d1; color: #fff; }
.actform .form_btn .form_reset { border: 0; background: #d1d1d1; color: #fff; }
.actform .ver_code1 { margin-top: 20px; display: flex; justify-content: flex-start; align-items: center }
.join dl { background-color: #000; margin-bottom: 0px; }
.join dd { float: left; width: 20%; text-align: center; font-size: 16px; line-height: 50px; color: #fff; }
.join li dl { margin-top: 0px; background-color: #fff; border-bottom: 1px solid #e9e9e9 }
.join li dd { color: #5f5f5f; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.join li.li_act dl { background-color: #fabe00 }
.join li.li_act dd { color: #fff; }
.join li .words { padding: 0.5rem 0.85rem; background: #f3f3f3 }
.join li .words1 { border-bottom: 1px solid #b1b1b1; padding-bottom: 0.4rem; position: relative }
.join li h5 { font-size: 18px; line-height: 30px; color: #313232; }
.join li p { font-size: 14px; line-height: 30px; color: #5e5d5d; }
.join li .words1>div { float: left; width: 50%; }
.join li .words1 div:nth-of-type(2) { padding-left: 0.65rem; }
.join li .words1 div:nth-of-type(1) { border-right: 1px solid #b1b1b1 }
.join li h3 { padding-left: 15px; position: relative; font-size: 14px; line-height: 100%; color: #5e5d5d; margin-top: 15px; }
.join li h3::before { background-color: #343434; width: 7px; height: 7px; top: 4px; left: 0px; position: absolute; content: ''; border-radius: 4px; }
.join li .more { width: 130px; height: 40px; background-color: #fabe00; text-align: center; color: #fff; line-height: 40px; font-size: 16px; margin: 20px 0px 0px; ; display: block; float: left; position: relative; padding-left: 20px; border-radius: 30px; transition: 0.2s; }
.join li .more::before { position: absolute; height: 28px; width: 28px; top: 50%; margin-top: -14px; left: 7px; background-color: #fff; border-radius: 50%; transition: 0.2s; content: ''; }
.join li .more span { position: relative; z-index: 55; }
.join li .words { display: none }
.join .li_act i { transform: rotateX(180deg) }
.join li .words .bdsharebuttonboxpro { float: right; margin: 20px 0px 0px; padding-top: 0px; border: 0px; }
.join li .more:hover { color: #000; padding-left: 0px }
.join li .more:hover::before { width: 117px; border-radius: 20px; }
.procont_left .words { margin: 0.5rem 0px; display: flex; justify-content: center; }
.procont_left .words p { width: 150px; height: 50px; border: 1px solid #ccc; color: #5f5f5f; text-align: center; line-height: 48px; transition: 0.4s; margin-right: 0.2rem }
.procont_left .words p.p_act { border-color: #fabe00; background-color: #fabe00; color: #fff }
.feedback { border: 1px solid #ccc; padding: 0.3rem }
.feedback img { float: right; width: 44% }
.feedback .feedform { position: relative; padding: 20px 2%; width: 55%; float: left; }
.feedback .feedform h5 { font-size: 30px; margin-bottom: 25px; font-weight: bold; }
.feedback .feedform h5 span { font-size: 18px; text-transform: uppercase }
.feedback .feedform > figure { position: relative; display: flex; align-items: center; }
.feedback .feedform > figure input { width: 50%; height: 40px; line-height: 40px; border: none; outline: none; border-bottom: 1px solid #CCCCCC; }
.feedback .feedform > figure input:first-of-type { margin-right: 20px; }
.feedback .feedform > input { width: 100%; height: 40px; line-height: 40px; border: none; outline: none; border-bottom: 1px solid #CCCCCC; margin-top: 30px; }
.feedback .feedform textarea { width: 100%; height: 50px; border: none; outline: none; border-bottom: 1px solid #CCCCCC; margin-top: 30px; }
.feedback .feedform > div { width: 100%; }
.feedback .feedform > div .ver_code { border-bottom: 0 !important; margin-top: 30px; }
.feedback .feedform > div .ver_code > p { display: inline-block; font-size: 18px; }
.feedback .feedform > div .ver_code .code-box { vertical-align: bottom; display: inline-block; position: relative; padding: 0 10px; width: 50%; min-width: 300px; height: 40px; color: #fff; text-shadow: 1px 1px 1px black; background: rgba(0, 0, 0, 0.16); border: 0; border-radius: 5px; outline: none; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06); }
.feedback .feedform > div .ver_code .code-box p, .feedback .feedform > div .msg_form .ver_code .code-box span { margin-top: 0 !important; color: #fff !important; display: block; position: absolute; left: 0; height: 40px; text-align: center; line-height: 40px; border-radius: 5px; }
.feedback .feedform > div .ver_code .code-box span { text-align: center; width: 42px; font-family: "宋体"; font-size: 16px; cursor: pointer; background: #fff; height: 100%; position: absolute; left: 0; top: 0; line-height: 40px; border-radius: 4px; }
.feedback .feedform > div > figure { display: flex; align-items: center; margin-top: 30px; justify-content: space-around; }
.feedback .feedform > div > figure .replaces { width: 35%; height: 40px; line-height: 40px; font-size: 16px; border-radius: 5px; border: 1px solid #CCCCCC; }
.feedback .feedform > div > figure .submit-btn { width: 35%; height: 40px; line-height: 40px; font-size: 16px; border: none; border-radius: 5px; }
.feedback .ver_code { border-bottom: 0 !important; margin: 0.25rem 0px; }
.feedback .ver_code > p { display: inline-block; font-size: 18px; }
.feedback .ver_code .code-box { vertical-align: bottom; display: inline-block; position: relative; padding: 0 10px; width: 240px; height: 40px; color: #fff; text-shadow: 1px 1px 1px black; background: rgba(0, 0, 0, 0.16); border: 0; border-radius: 5px; outline: none; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06); }
.feedback .ver_code .code-box p, .feedback .ver_code .code-box span { margin-top: 0 !important; color: #fff !important; display: block; position: absolute; left: 0; height: 40px; text-align: center; line-height: 40px; border-radius: 5px; }
.feedback .ver_code .code-box span { width: 40px; font-family: "宋体"; font-size: 16px; cursor: pointer; background: #fff; }
.feedback .form_btn input { width: 1.50rem; height: 40px; min-width: 120px; margin-right: 20px; cursor: pointer; }
.feedback .form_btn .form_submit { color: #fff; background: #fabe00; border: 0; }
.feedback .form_btn .form_submit_default { background: #d1d1d1; color: #fff; }
.feedback .form_btn .form_reset { border: 0; background: #d1d1d1; color: #fff; }
.feedback .ver_code1 { margin-top: 20px; display: flex; justify-content: flex-start; align-items: center }
.contact { border: 1px solid #ccc; padding: 0.25rem }
.contactmap { width: 100%; height: 5rem; min-height: 300px }
.con-box { width: 100%; display: flex; justify-content: space-between; height: 145px; margin-bottom: 20px; border: 1px solid #dfdfdf; }
.con-box li { width: 25%; height: 100%; border-right: 1px solid #dfdfdf; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.con-box li:last-of-type { border-right: none; }
.con-box li p { font-size: 16px; color: #231815; }
.con-box li span { display: block; width: 15px; height: 15px; background: #fcd500; border-radius: 50%; margin: 15px 0; }
.con-box li h6 { font-size: 18px; color: #231815; text-align: center; }
.con-box li h6 a { display: inline-block; margin-right: 10px; }
.video { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; display: none }
.video .fa { position: absolute; top: 0px; right: 0px; height: 30px; width: 30px; background-color: #fabe00; display: flex; justify-content: center; align-items: center; color: #fff; cursor: pointer; }
.video iframe { width: 100%; height: 100%; }
@media screen and (max-width: 767px) {
/* .video {
    left: 15px;
    right: 15px;
    width: auto;
    height: auto;
    margin-left: 0px;
    top: 50%;
    height: auto;
    padding: 50% 0px;
	} */
}
.joinin { position: relative; }
.joinin1 { background-color: #fff; z-index: 1; position: relative; padding: 0px 0px 2rem }
.joinin::before { position: absolute; content: ''; height: 215px; top: 0px; left: 0px; width: 100%; background-color: #f5f5f5; }
.joinin1 .title span { color: #fabe00 }
.joinin1_swiper { margin-top: 0.5rem; position: relative; padding: 0px !important }
.joinin1_swiper .swiper-slide .pic { position: relative; padding: 36% 0px; }
.joinin1_swiper .swiper-slide .pic img { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; width: 100%; height: 100%; object-fit: cover; }
.joinin1_swiper p { font-size: 16px; line-height: 18px; color: #626262; text-align: center; padding-top: 10px }
.joinin1_swiper .swiper-prev, .joinin1_swiper .swiper-next { position: absolute; top: 50%; border: 0 solid #b4b4b4; font-size: 50px; margin-top: -25px; z-index: 11; color: #b4b4b4; cursor: pointer; outline: none; display: flex; justify-content: center; align-items: center; transition: 0.4s; }
.joinin1_swiper .swiper-prev { left: -50px; }
.joinin1_swiper .swiper-next { right: -50px }
.joinin1_swiper .swiper-prev:hover, .joinin1_swiper .swiper-next:hover { color: #fabe00; border-color: #fabe00 }
.joinin2 { background: url('../style/joinin2.jpg')no-repeat center center; }
.joinin2 .title { display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 700px }
.joinin2 .title h5, .joinin2 .title h6, .joinin2 .title p { color: #fff; }
.joinin2 .title h6 { margin-bottom: 0.75rem }
.joinin2 .title p { font-size: 18px; line-height: 30px; text-align: center }
.joinin3 { background-color: #f5f5f5; padding: 0.5rem 0px; }
.joinin3 li { background-color: #fff; height: 400px; margin-bottom: 0.2rem; position: relative; }
.joinin3 li img, .joinin3 li .words { float: left; width: 50%; height: 100%; object-fit: cover }
.joinin3 li .words { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.joinin3 li .words h5 { font-family: Arial; font-size: 24px; font-weight: bold; text-align: center; text-transform: uppercase; }
.joinin3 li .words h6 { font-size: 18px; font-weight: bold; text-align: center; margin-top: 10px; }
.joinin3 li .words p { font-size: 16px; text-align: center; line-height: 24px; margin-top: 0.4rem; }
.joinin3 li:nth-of-type(1) .words { background: url(../style/joinin3_bg1.png)no-repeat center center; }
.joinin3 li:nth-of-type(2) .words { background: url(../style/joinin3_bg1.png)no-repeat center center; }
.joinin3 li:nth-of-type(3) .words { background: url(../style/joinin3_bg2.png)no-repeat center center; }
.joinin3 li:nth-of-type(4) .words { background: url(../style/joinin3_bg3.png)no-repeat center center; }
.joinin3_swiper { margin-top: 20px }
.joinin4 { padding: 0.5rem 0px; }
.joinin4 li { float: left; width: 25%; margin-top: 0.3rem }
.joinin4 li i { width: 90px; height: 90px; display: block; background-color: #fabe00 !important; margin: 0 auto 25px; }
.joinin4 li h5 { font-size: 18px; text-align: center; font-weight: bold; line-height: 30px; }
.joinin4 li p { font-size: 16px; text-align: center; line-height: 30px; height: 60px; ; }
.joinin4 li:nth-of-type(1) i { background: url('../style/jo1.png')no-repeat center center }
.joinin4 li:nth-of-type(2) i { background: url('../style/jo2.png')no-repeat center center }
.joinin4 li:nth-of-type(3) i { background: url('../style/jo3.png')no-repeat center center }
.joinin4 li:nth-of-type(4) i { background: url('../style/jo4.png')no-repeat center center }
.joinin4 li:nth-of-type(5) i { background: url('../style/jo5.png')no-repeat center center }
.joinin4 li:nth-of-type(6) i { background: url('../style/jo6.png')no-repeat center center }
.joinin4 li:nth-of-type(7) i { background: url('../style/jo7.png')no-repeat center center }
.joinin4 li:nth-of-type(8) i { background: url('../style/jo8.png')no-repeat center center }
.joinin5 { background: url('../style/joinin5.jpg')no-repeat center center; padding: 0.5rem 0px; position: relative; }
.joinform { float: left; width: 65%; background-color: #fff; padding: 0.3rem 0.5rem }
.joinform h5 { font-family: Arial; font-size: 18px; line-height: 110%; color: #fabe00; text-transform: uppercase }
.joinform h4 { font-size: 18px; line-height: 110%; font-weight: bold; margin-bottom: 15px; }
.joinform p { font-size: 14px; line-height: 24px; color: #747474 }
.joinform .jiam { width: 100%; border-bottom: 1px solid #ababab; height: 50px; align-items: center; display: flex; justify-content: flex-start; }
.joinform .jiam p { font-size: 18px; line-height: 24px; color: #222222; }
.joinform .jiam input, .joinform .jiam label { margin: 0px 5px; font-size: 18px; font-weight: normal; color: #222 }
.joinform figure { position: relative; display: flex; align-items: center; }
.joinform figure>input { width: 50%; height: 50px; font-size: 18px; line-height: 40px; border: none; outline: none; border-bottom: 1px solid #CCCCCC; }
.joinform figure>input:first-of-type { margin-right: 20px; }
.joinform textarea { width: 100%; height: 50px; border: none; outline: none; border-bottom: 1px solid #CCCCCC; padding-top: 15px; }
.joinform figure>.jiam { width: 50% }
.joinform form input::-webkit-input-placeholder {
color: #222222;
}
.joinform form input:-moz-placeholder {
color: #222222;
}
.joinform form input::-moz-placeholder {
color: #222222;
}
.joinform form input:-ms-input-placeholder {
color: #222222;
}
.joinform form input::placeholder {
color: #222222;
}
.joinform form select { width: 40%; border: 0px; outline: none; height: 100%; }
.joinform form #joinsmap { justify-content: space-between }
.joinform span { color: red; font-size: 12px; padding: 5px 0px; }
.joinform .ver_code { border-bottom: 0 !important; margin: 0.25rem 0px; }
.joinform .ver_code > p { display: inline-block; font-size: 18px; }
.joinform .ver_code .code-box { vertical-align: bottom; display: inline-block; position: relative; padding: 0 10px; width: 240px; height: 40px; color: #fff; text-shadow: 1px 1px 1px black; background: rgba(0, 0, 0, 0.16); border: 0; border-radius: 5px; outline: none; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06); }
.joinform .ver_code .code-box p, .joinform .ver_code .code-box span { margin-top: 0 !important; color: #fff !important; display: block; position: absolute; left: 0; height: 40px; text-align: center; line-height: 40px; border-radius: 5px; padding: 0px }
.joinform .ver_code .code-box span { width: 40px; font-family: "宋体"; font-size: 16px; cursor: pointer; background: #fff; }
.joinform .form_btn input { width: 1.50rem; height: 40px; min-width: 120px; margin-right: 20px; cursor: pointer; }
.joinform .form_btn .form_submit { color: #fff; background: #fabe00; border: 0; }
.joinform .form_btn .form_submit_default { background: #d1d1d1; color: #fff; }
.joinform .form_btn .form_reset { border: 0; background: #d1d1d1; color: #fff; }
.joinform .ver_code1 { margin-top: 20px; display: flex; justify-content: flex-start; align-items: center }
.joinin5 .layout { max-width: 1000px; position: relative; }
.joinin_swiper { position: absolute; right: 0px; width: 35%; top: 0px; bottom: 0px; background-color: rgba(0, 0, 0, .8); padding: 0.2rem }
.joinin_swiper h5 { font-family: Arial; font-size: 18px; line-height: 110%; color: #fff; text-transform: uppercase; }
.joinin_swiper h6 { font-size: 18px; font-weight: bold; line-height: 110%; color: #fff; }
.joinin_swiper .swiper-container { margin: 0.3rem 0px; height: 75%; }
.joinin_swiper .swiper-slide { display: flex; justify-content: space-between; align-items: center; color: #fff; border-top: 1px solid #8f8d8a; font-size: 14px }
.joinin_swiper p { font-size: 14px; color: #fff; font-weight: bold; }
.joinin_swiper p span { color: #d93751 }
.joinin6 { margin: 1rem 0px; }
.joinin6 img { display: block; margin: 0.5rem auto 0.2rem }
.joinin6 h3 { font-size: 18px; text-align: center; font-weight: bold; margin-bottom: 0.2rem }
.joinin6 h2 { font-size: 24px; text-align: center; font-weight: bold; color: #fabe00 }
.procont_left .cont { margin: 0.5rem 0px; line-height:180%;}
.contwords li { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #cccccc; padding: 0.3rem 0px; }
.contwords li p:nth-of-type(1) { width: 15%; line-height: 34px; background-color: #f1f1f1; text-align: center; font-size: 14px; }
.contwords li p:nth-of-type(2) { width: 85%; padding-left: 15px; }
.link { background-color: #000; padding: 15px 0px; }
.link p { color: #cecece; font-size: 16px; line-height: 30px; text-align: center; }
.joinin7 { background-color: #f5f5f5 }
.joinin7 li p { text-transform: uppercase }
.joinin7 li:nth-of-type(1) i { background: url('../style/join1.png')no-repeat center center }
.joinin7 li:nth-of-type(2) i { background: url('../style/join2.png')no-repeat center center }
.joinin7 li:nth-of-type(3) i { background: url('../style/join3.png')no-repeat center center }
.joinin7 li:nth-of-type(4) i { background: url('../style/join4.png')no-repeat center center }
.joinin7 li:nth-of-type(5) i { background: url('../style/join5.png')no-repeat center center }
.joinin7 li:nth-of-type(6) i { background: url('../style/join6.png')no-repeat center center }
.joinin7 li:nth-of-type(7) i { background: url('../style/join7.png')no-repeat center center }
.joinin7 li:nth-of-type(8) i { background: url('../style/join8.png')no-repeat center center }
.joinin7 li i { position: relative; }
.joinin7 li i::before { position: absolute; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #fabe00; content: ''; }
.joinin7 li:nth-of-type(1) i::before { right: -10px; top: 50%; margin-top: -10px; }
.joinin7 li:nth-of-type(2) i::before { right: -10px; top: 50%; margin-top: -10px; }
.joinin7 li:nth-of-type(3) i::before { right: -10px; top: 50%; margin-top: -10px; }
.joinin7 li:nth-of-type(4) i::before { left: 50%; bottom: -14px; margin-left: -5px; transform: rotateZ(90deg) }
/* .joinin7 li:nth-of-type(5) i::before{left: -10px; top: 50%;margin-top: -10px; transform: rotateY(180deg)} */
.joinin7 li:nth-of-type(6) i::before { left: -10px; top: 50%; margin-top: -10px; transform: rotateY(180deg) }
.joinin7 li:nth-of-type(7) i::before { left: -10px; top: 50%; margin-top: -10px; transform: rotateY(180deg) }
.joinin7 li:nth-of-type(8) i::before { left: -10px; top: 50%; margin-top: -10px; transform: rotateY(180deg) }
.joinin7modil { display: none }
.joinin1_swiper .swiper-pagination { width: 100%; color: #fcd500; bottom: -40px; font-size: 20px; font-weight: bold; line-height: 30px; }
.joinin1_swiper .swiper-pagination-bullet { opacity: 1; background-color: #000; margin: 0px 2px; transition: 0.4s; ; }
.joinin1_swiper .swiper-pagination-bullet-active { width: 50px; background-color: #fabe00; border-radius: 20px }
.joinin1_swiper .swiper-pagination_joinin1 .swiper-pagination-total { color: #000; margin-left: 5px; letter-spacing: 1px; }
.joinin1_swiper .swiper-pagination_joinin1 .swiper-pagination-current { margin-right: 5px; letter-spacing: 1px; }
@media only screen and (max-width: 413px) {
.joinin1_swiper .swiper-pagination { bottom: -30px; }
}
/*=================首页样式           结束=============================*/














/*=================部分公共样式            开始==========================*/
.wrapper { width: 100%; min-width: 320px; margin: auto; overflow: hidden; }
.layout { box-sizing: border-box; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; }
.layout1400 { max-width: 1400px; width: 100%; margin-left: auto; margin-right: auto; }
@media only screen and (max-width: 1400px) {
.layout1400 { padding-left: 15px; padding-right: 15px; }
}
@media only screen and (max-width: 1200px) {
.layout, .box5 { padding-left: 15px; padding-right: 15px; }
}
.clearfix::after { clear: both; content: ''; width: 0px; height: 0px; overflow: hidden; display: block; }
.ulclearfix ul::after { display: block; overflow: hidden; clear: both; width: 0px; height: 0px; content: ''; }
.liclearfix li::after { display: block; overflow: hidden; clear: both; width: 0px; height: 0px; content: ''; }
body .swiper-container { overflow: hidden; }

/*=================部分公共样式            结束===================================*/
.tezheng{ max-height:300px; overflow:auto; position:relative; visibility:visible;}
.content{ line-height:180%;}

.myvd{ text-align:center; position:relative; padding:5px 0 20px 0;}
.myvd img{ margin:0 auto; max-width:90%; cursor:pointer; }

.myvd p{ height:70px; width:70px;background: url('../style/vd.png')no-repeat center center; position:absolute; left:50%; top:50%; margin:-35px 0 0 -35px;  z-index:8;cursor:pointer;}