@charset "UTF-8";

/*img[data-src]{background: url(../images/loading.png) #f8f8f8 center no-repeat;}
@media only screen and (min-width: 0) and (max-width: 1024px){img[data-src]{background-size: 80%;}}
@media only screen and (min-width: 0) and (max-width: 768px){img[data-src]{background-size: 50%;}}*/
em{font-weight: normal;}
i,em{font-style: normal;}
/*@font-face{font-family: 'name'; src: url('../fonts/name.TTF');}*/
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: unset !important;}
.swiper-container{width: 100%;}
.clear::after{display: block; clear: both; content: ""; visibility: hidden;}
.clearfix::after{display: block; clear: both; content: ""; width: 0; height: 0; visibility: hidden;}
.tip_show{display: none; z-index: 999; position: fixed; left: 50%; top: 40%; margin-left: -3rem; margin-top: -.814rem; font-size: .4rem; color: #fff; min-width: 5.8594rem; height:  1.6277rem; line-height: 1.6277rem; padding: 0 .5rem; text-align: center; letter-spacing: 1px; background: rgba(0,0,0,0.5);}
.img_scale{overflow: hidden;}
.img_scale:hover img{-moz-animation:amplify 1.5s;-o-animation:amplify 1.5s;-webkit-animation:amplify 1.5s;animation:amplify 1.5s;}
.img_effect{position: relative;}
.img_effect::after{transition: 0s; position: absolute; left: -400px; top: 0; transform: skewx(-25deg); content: ""; width: 200px; height: 100%; overflow: hidden; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));}
.img_effect:hover::after{transition: 0.6s; left: 400px; width: 200px;}
.video_ico{position: relative;}
.video_ico::before{transition: 0.6s; opacity: 0; z-index: 1; position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.2);}
.video_ico::after{transition: 0.6s; opacity: 0; z-index: 2; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); content: ""; width: 100%; height: 61px; background: url(../images/video_ico.png) center no-repeat; background-size: contain;}
.video_ico:hover::before,.video_ico:hover::after{opacity: 1;}
.download_ico{position: relative;}
.download_ico::before{transition: 0.6s; opacity: 0; z-index: 1; position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.2);}
.download_ico::after{transition: 0.6s; opacity: 0; z-index: 2; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); content: ""; width: 100%; height: 61px; background: url(../images/download_ico.png) center no-repeat; background-size: contain;}
.download_ico:hover::before,.download_ico:hover::after{opacity: 1;}
@keyframes amplify{
  	0%{transform: scale(1.0);}
  	50%{transform: scale(1.03);}
  	100%{transform: scale(1.0);}
}
@-webkit-keyframes bounceIn{
  	0%{opacity: 0; -webkit-transform: scale(.3); transform: scale(.3);}
	80%{opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05);}
	100% {opacity: 1;-webkit-transform: scale(1); transform: scale(1);}
}
@keyframes bounceIn {
  	0%{opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3);}
	80%{opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
	100%{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
}
@-webkit-keyframes tada{
	0%{-webkit-transform:scale(1);}
	10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
	40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
	100%{-webkit-transform:scale(1) rotate(0);}
}
@-moz-keyframes tada{
	0%{-moz-transform:scale(1);}
	10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
	40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
	100%{-moz-transform:scale(1) rotate(0);}
}
.login_box .bounceIn,.design_box .bounceIn,.design_box2 .bounceIn,.search_box .bounceIn,.tip_show.bounceIn,.qrcode_box .bounceIn{-webkit-animation-name: bounceIn; animation-name: bounceIn;}
.login_box .animated,.design_box .animated,.design_box2 .animated,.search_box .animated,.tip_show.animated,.qrcode_box .animated{-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible;}
#baguetteBox-overlay .full-image figcaption{font-size: 24px; height: 70px; line-height: 70px !important;}
@media only screen and (min-width: 0) and (max-width: 1024px){
  	#baguetteBox-overlay .full-image figcaption{font-size: 24px; height: 50px; line-height: 50px !important;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
  	#baguetteBox-overlay .full-image figcaption{font-size: 18px; height: 38px; line-height: 38px !important;}
}

/*==定位描点==*/
.anchor_point{position: relative;}
.anchor_point a{position: absolute; top: -95px;}
@media only screen and (min-width: 0) and (max-width: 1200px){.anchor_point a{top: -80px;}}
@media only screen and (min-width: 0) and (max-width: 768px){.anchor_point a{top: -60px;}}

body{min-width: 320px; max-width: 1920px; margin: 0 auto; font-size: 14px; font-family: "微软雅黑","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; background: #fff;}
.keoror_container{overflow: hidden;}
.layout{max-width: 1400px; width: 100%; margin: 0 auto;}
.layout2{width: 100%; margin: 0 auto;}
@media only screen and (max-width: 1440px){.layout{padding-left: 0rem; padding-right: 0rem;}}
@media only screen and (max-width: 1880px){.layout2{padding-left: 0rem; padding-right: 0rem;}}

/*==分页==*/
.fenye{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding-top: 80px;}
.fenye ul{margin-right: 20px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.fenye ul li{transition: 0.6s; margin-right: 6px; font-size: 13px; font-family: "Arial"; color: #fff; width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 5px; background: #ccc;}
.fenye ul li:last-child{margin-right: 0;}
.fenye ul li span,.fenye ul li a{display: block; width: 100%; height: 100%;}
.fenye ul li a{transition: 0s;}
.fenye ul li:hover,.fenye ul li.active{background: #536072;}
.fenye select{font-size: 16px; font-family: "Arial"; color: #434144; width: 64px; height: 36px; padding: 0 5px; border: 1px solid #c8c8c8; border-radius: 5px; background: #fff; cursor: pointer;}
@media only screen and (min-width: 0) and (max-width: 1024px){
	.fenye{display: none; padding-top: 6%;}
	.fenye ul{margin-right: 10px;}
	.fenye ul li{display: none; margin-right: 10px; font-size: 18px; width: 40px; height: 40px; line-height: 40px;}
	.fenye ul li.fenye-p,.fenye ul li.fenye-n{display: block; background: #536072;}
	.fenye select{font-size: 18px; width: 70px; height: 40px;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.fenye ul{margin-right: 8px;}
	.fenye ul li{margin-right: 8px; font-size: 16px; width: 35px; height: 35px; line-height: 35px;}
	.fenye select{font-size: 16px; width: 60px; height: 35px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.fenye ul{margin-right: 5px;}
	.fenye ul li{margin-right: 5px; font-size: 14px;}
	.fenye select{font-size: 14px;}
}

/*== 搜索 ==*/
.back_box{margin-top: 60px; position: relative;}
.back_box .back{position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: inline-block; font-size: 14px; color: #536072; line-height: 100%; padding: 8px 15px; border: 1px solid #536072; background: #fff; letter-spacing: 2px;}
.back_box .back:hover{color: #fff; background: #536072;}
.back_box h1{font-size: 20px; color: #2c2c2c; line-height: 32px; text-align: center;}
@media only screen and (min-width: 0) and (max-width: 1024px){
	.back_box{margin-top: 6%;}
	.back_box .back{font-size: 18px; text-align: center;}
	.back_box h1{font-size: 22px; line-height: 36px;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.back_box .back{position: static; transform: translateY(0); font-size: 16px; padding: 8px 15px;}
	.back_box h1{font-size: 18px; line-height: 26px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.back_box .back{font-size: 14px; padding: 6px 12px;}
	.back_box h1{font-size: 16px;}
}

/*== 优惠二维码 ==*/
.qrcode_box{z-index: 999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; align-items: center; justify-content: center;}
.qrcode_con{position: fixed; background: #fff; display: flex; align-items: center; justify-content: center;}
.qrcode_con .will_close{z-index: 99; display: block; position: absolute; left: 100%; top: 0; width: 58px; height: 58px; background: url(../images/close_ico.png) #f8b62d center no-repeat; cursor: pointer;}
.qrcode_words{width: 380px; padding: 80px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
#qrcode{display: block; width: 180px; height: 180px;}
#qrcode canvas{width: 100% !important; height: 100% !important;}
.qrcode_words p{margin-top: 20px; font-size: 16px; color: #979797; line-height: 24px; text-align: center;}
.user_coupon{width: 500px; padding: 50px;}
.user_coupon .pic{display: block; height: 55px; text-align: center;}
.user_coupon .pic img{height: 100%; object-fit: contain;}
.user_coupon h5{margin-top: 20px; font-size: 18px; color: #434144;}
.user_coupon ul{margin-top: 10px;}
.user_coupon ul li{font-size: 16px; color: #434144; line-height: 24px; padding: 5px 10px; border: 1px solid #ccc; border-top: none; display: flex; align-items: flex-start; justify-content: flex-start;}
.user_coupon ul li:nth-of-type(1){border-top: 1px solid #ccc;}
.user_coupon ul li em{min-width: 7em;}
@media only screen and (min-width: 0) and (max-width: 1024px){
	.qrcode_con .will_close{transform: translateX(-100%);}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.qrcode_con{width: 90%;}
	.qrcode_words{width: 100%; padding: 8%;}
	.qrcode_con .will_close{width: 48px; height: 48px; background-size: 42%;}
	.user_coupon{width: 100%; padding: 8%;}
	.user_coupon .pic{height: 50px;}
	.user_coupon h5{font-size: 16px;}
	.user_coupon ul li{font-size: 14px; line-height: 1.8em;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.qrcode_words{padding: 40px;}
	.qrcode_con .will_close{width: 38px; height: 38px; background-size: 38%;}
	.user_coupon h5{font-size: 14px;}
	.user_coupon .pic{height: 45px;}
}

/*== 公共头部 ==*/
.h_top{height: 100px; display: flex; align-items: center; justify-content: space-between;}
.h_logo{display: inline-block; height: 71px;}
.h_logo img{height: 100%; object-fit: contain;}
.h_right{z-index: 10; position: relative; display: flex; align-items: center; justify-content: flex-start;}
.h_right li{transition: 0.6s; font-size: 20px; color: #434144; line-height: 30px; border: 1px solid transparent; text-transform: uppercase; display: flex; align-items: center; justify-content: flex-start; background:url(../images/tele.png) no-repeat; padding-left:40px}
.h_right li b{ color:#114a9f}
/*.h_right li:last-child{padding-right: 0;}
.h_right li>a{display: flex; align-items: center; justify-content: flex-start;}
.h_right li:nth-of-type(1) em{color: #979797;}
.h_right li i.fa{margin-left: 5px; font-size: 16px; color: #bebebe;}
.h_right li i.ico{margin-right: 8px; display: inline-block; height: 16px;}
.h_right li i.h_right_ico1{width: 14px; background: url(../images/h_right_ico1.png);}
.h_right li i.h_right_ico2{width: 14px; background: url(../images/h_right_ico2.png);}
.h_right li i.h_right_ico3{width: 20px; background: url(../images/h_right_ico3.png);}
.h_right li i.h_right_ico4{width: 16px; background: url(../images/h_right_ico4.png);}
.h_right li>a:hover{color: #536072;}
.h_right li:nth-of-type(1):hover,.h_right li:nth-of-type(1).active{border-color: #d8d8d8; border-bottom-color: #f5f5f5; background: #f5f5f5;}
.h_right li:nth-of-type(1):hover .location,.h_right li:nth-of-type(1).active .location{pointer-events: auto; opacity: 1;}*/
.location{transition: 0.6s; pointer-events: none; opacity: 0; z-index: -1; position: absolute; left: 0; top: 100%; margin-top: -1px; width: 100%; border: 1px solid #d8d8d8;}
.location_hd{padding: 0 33px; border-bottom: 1px solid #d8d8d8; background: #f5f5f5; display: flex; align-items: center; justify-content: flex-start;}
.location_hd dd{transition: 0.6s; margin-right: 33px; position: relative; font-size: 14px; color: #979797; line-height: 40px; cursor: pointer;}
.location_hd dd:last-child{margin-right: 0;}
.location_hd dd::after{transition: 0.6s; opacity: 0; position: absolute; left: 0; top: 100%; content: ""; margin-top: -1px; width: 100%; height: 2px; background: #979797;}
.location_hd dd:hover,.location_hd dd.active{color: #f8b62d;}
.location_hd dd:hover::after,.location_hd dd.active::after{opacity: 1; background: #f8b62d;}
.location_bd{padding: 8px 33px 33px; background: #fff;}
.location_bd dd{height: 0; opacity: 0; overflow: hidden; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.location_bd dd a{font-size: 14px; color: #979797; width: 2em; white-space: nowrap; line-height: 100%; margin-top: 25px; margin-right: 25px;}
.location_bd dd:hover,.location_bd dd.active{height: 100%; opacity: 1;}
.location_bd dd a:hover{color: #536072;}
.location_address{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.location_address #map{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.location_address #map select{margin-top: 25px; margin-right: 20px; font-size: 14px; color: #979797; height: 35px; padding: 0 12px; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.location_address #location_btn{margin-top: 25px; font-size: 14px; color: #fff; height: 35px; padding: 0 12px; border: none; border-radius: 4px; background: #f8b62d; cursor: pointer;}
.location_bd dd:nth-of-type(2).active .location_bg{z-index: -1; position: fixed; left: 0; top: 0; width: 100%; height: 100%;}
.h_right li:nth-of-type(3){position: relative;}
.h_right li:nth-of-type(3) .wx_box{transition: 0.6s; z-index: 10; transform: scale(0); position: absolute; left: 50%; top: 100%; margin-left: -55px; width: 110px; height: 110px; object-fit: contain;}
.h_right li:nth-of-type(3) .wx_box img{width: 100%; height: 100%; object-fit: contain;}
.h_right li:nth-of-type(3):hover .wx_box{transform: scale(1);}

.h_fixed{z-index: 9; position: relative; background: #0d459c;}
.h_fixed.active{position: fixed; left: 0; right: 0; top: 0;}
.h_con{display: flex; align-items: center; justify-content: space-between;}
.h_nav{height: 60px; display: flex; align-items: center; justify-content: flex-start;}
.h_nav li{position: relative; height: 100%; text-align: center;}
.h_nav li::after{transition: 0.6s; position: absolute; left: 0; bottom: 0; content: ""; width: 0; height: 6px; background: #ef8300;}
.h_nav li>a{display: block; font-size: 16px; color: #fff; height: 100%; padding: 0 30px; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.h_nav li:hover::after,.h_nav li.active::after{width: 100%;}
.h_nav li:hover>a,.h_nav li.active>a{background: #265fb3;}
.h_second_nav{display: none; pointer-events: none; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 100%; border: 1px solid #d7d7d7;}
.h_second_nav dd{display: block; border-top: 1px solid #d7d7d7;}
.h_second_nav dd:nth-of-type(1){border:none;}
.h_second_nav dd a{display: block; font-size: 14px; color: #6e6e6e; line-height: 52px; background: #fff;}
.h_second_nav dd a:hover{color: #fff; background: #536072;}
.h_nav li:hover .h_second_nav{pointer-events: auto;}
.h_con form{transition: 0.6s; position: relative; width: 540px; height: 40px; display: flex; align-items: center; justify-content: flex-start;}
.h_con form .sel{font-size: 16px; color: #fff; width: 110px; height: 100%; padding: 0 10px; border: none; background: url(../images/select_ico.png) #bfbfbf 90% center no-repeat; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor: pointer;}
.h_con form .text{transition: 0.6s; font-size: 14px; color: #979797; width: 430px; height: 100%; padding-left: 20px; padding-right: 60px; border: 1px solid #fff; background: #fff;}
.h_con form .text::-webkit-input-placeholder{color: #979797;}
.h_con form .text:focus{border-color: #bfbfbf;}
.h_con form .submit{position: absolute; right: 0; top: 0; width: 55px; height: 100%; border: none; background: url("../images/search.png") center no-repeat; cursor: pointer;}

/*== 移动端导航 ==*/
.model_nav{display: none; z-index: 9999; position: fixed; left: 0; top: 0; min-width: 320px; width: 100%; background: #fff;}
.model_nav .layout{height: 80px; display: flex; align-items: center; justify-content: space-between;}
.model_nav .m_logo{display: inline-block;}
.model_nav .m_logo img{height: 50px; object-fit: contain;}
.model_nav .m_right{display: flex; align-items: center; justify-content: flex-start;}
.m_search_btn{transition: .3s; display: none; z-index: 9999999; position: relative; width: 38px; height: 38px; background: url("../images/m_search_btn.png") center no-repeat; background-size: contain; cursor: pointer;}
.m_close_btn{background-image: url(../images/m_close_btn.png); background-size: 90%;}
.meun_btn{display: none; margin-left: 30px; z-index: 9999999; position: relative; width: 44px; height: 38px; cursor: pointer; justify-content: space-between; flex-direction: column; align-items: flex-end;}
.meun_btn span{transition: .2s ease; display: block; width: 100%; height: 5px; border-radius: 25px; background: #434144;}
.meun_btn span:nth-of-type(3){ width: 60%;}
.meun_btn_open span{position: absolute; left: 0; top: 50%; background: #536072;}
.meun_btn_open span:nth-of-type(1) {transform: rotate(45deg);}
.meun_btn_open span:nth-of-type(2){width: 0;}
.meun_btn_open span:nth-of-type(3) {width: 100%; transform: rotate(-45deg);}
.mobile_menu_box{display: none; z-index: 555; position: fixed; left: 0; top: 80px; width: 100%; height: 100%; padding-bottom: 80px; background: #f5f5f5;}
.mobile_menu_nav{width: 100%; height: 100%; padding: .32rem; overflow-y: scroll;}
.mobile_menu_nav ul li .tit{transition: 0.6s; position: relative; font-size: 16px; font-weight: normal; color: #434144; height: 56px; line-height: 56px; padding: 0 .32rem; border-bottom: 1px solid #cecece; overflow: hidden; letter-spacing: 1px; cursor: pointer; display: flex; align-items: center; justify-content: space-between;}
.mobile_menu_nav ul li .tit span{display: block;}
.mobile_menu_nav ul li .tit b{transition: 0.6s; display: block; position: relative; width: 18px; height: 2px; background: #707070;}
.mobile_menu_nav ul li .tit b::before{transition: 0.6s; position: absolute; left: 50%; top: 50%; margin-left: -1px; margin-top: -9px; content: ""; width: 2px; height: 18px; background: #707070;}
.mobile_menu_nav ul li .tit a{transition: 0s; display: block; width: 100%; height: 100%;}
.mobile_menu_nav ul li .tit:hover,.mobile_menu_nav ul li .tit.active{color: #fff; background: #536072; border-color: #536072;}
.mobile_menu_nav ul li .tit:hover b,.mobile_menu_nav ul li .tit.active b{background: #fff;}
.mobile_menu_nav ul li .tit:hover b::before{background: #fff;}
.mobile_menu_nav ul li .tit.active b::before{opacity: 0;}
.mobile_second_nav{display: none; border-bottom: 1px solid #cecece; padding: .32rem;}
.mobile_menu_nav ul li dl dd{transition: 0.6s; position: relative; font-size: 15px; color: #747474; height: 40px; line-height: 40px; padding-left: .30rem; letter-spacing: 1px; cursor: pointer;}
.mobile_menu_nav ul li dl dd::after{position: absolute; left: 0; top: 17px; content: ""; width: 5px; height: 5px; border-radius: 50%; background: #f8b62d;}
.mobile_menu_nav ul li dl dd a{display: block; width: 100%; height: 100%;}
.search_box{z-index: 999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; align-items: center; justify-content: center;}
.search_con{width: 100%; height: 100%; text-align: center; background: #434144; display: flex; align-items: center; justify-content: center;}
.search_con .layout{display: flex; justify-content: center; flex-direction: column; align-items: center;}
.search_con img{height: 1.1rem; object-fit: contain;}
.search_con h3{margin-top: 2%; font-size: 48px; font-family: "Arial"; color: #fff; line-height: 110%; text-transform: uppercase;}
.search_con form{margin-top: 6%; position: relative; max-width: 500px; width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.search_con form .sel{font-size: 24px; color: #cfcfcf; width: 100%; line-height: 60px; padding: 0 5px; border: none; background: url(../images/select_ico3.png) 99% center no-repeat; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor: pointer;}
.search_con form .sel option{background: #434144;}
.search_con form .text{transition: 0.6s; font-size: 24px; color: #cfcfcf; width: 100%; line-height: 60px; padding: 0 5px; border: 1px solid #505050; border-left-color: transparent; border-right-color: transparent; background: transparent;}
.search_con form .text::-webkit-input-placeholder{color: #cfcfcf;}
.search_con form .text:focus{box-shadow: 0 0 10px rgba(80,80,80,0.5);}
.search_con form .submit{margin-top: 10%; font-size: 24px; font-weight: bold; color: #fff; width: 100%; height: 60px; border: none; background: #536072; text-transform: uppercase; cursor: pointer;}
.search_con .will_close{margin-top: 11.667%; display: flex; justify-content: center; flex-direction: column; align-items: center; cursor: pointer;}
.search_con .will_close i{display: block; position: relative; width: 26px; height: 26px;}
.search_con .will_close i::before{display: block; position: absolute; left: 0; top: 50%; margin-top: -1.5px; transform: rotate(45deg); content: ""; width: 100%; height: 3px; border-radius: 25px; background: #fff;}
.search_con .will_close i::after{display: block; position: absolute; left: 0; top: 50%; margin-top: -1.5px; transform: rotate(-45deg); content: ""; width: 100%; height: 3px; border-radius: 25px; background: #fff;}
.search_con .will_close p{margin-top: 5px; font-size: 14px; font-family: "Arial"; font-weight: bold; color: #fff; line-height: 100%; text-transform: uppercase;}
@media only screen and (min-width: 0) and (max-width: 1850px){
	.h_nav li>a{padding: 0 25px;}
	.h_con form{width: 490px;}
	.h_con form .text{width: 380px;}
}
@media only screen and (min-width: 0) and (max-width: 1700px){
	.h_con form{display: none;}
	.h_con .m_search_btn{display: block; width: 30px; height: 30px; background: url("../images/search_btn.png") center no-repeat; background-size: contain;}
}
@media only screen and (min-width: 0) and (max-width: 1300px){
	.h_nav li>a{padding: 0 20px;}
}

@media only screen and (min-width: 0) and (max-width: 1200px){
	header{padding-top: 80px;}
	.pc_top{display: none;}
	.m_search_btn{display: block;}
	.meun_btn{display: flex;}
	.model_nav{display: block;}
	.search_box{padding-top: 80px;}
	.search_con img{height: 1rem;}
	.search_con h3{font-size: 42px;}
	.search_con form{max-width: 450px;}
	.search_con form .sel{font-size: 20px; line-height: 55px; background-size: 6%;}
	.search_con form .text{font-size: 20px; line-height: 55px;}
	.search_con form .submit{font-size: 20px; height: 55px;}
	.search_con .will_close{display: none;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	header{padding-top: 60px;}
	.model_nav .m_logo img{height: 35px;}
	.m_search_btn{width: 30px; height: 30px;}
	.meun_btn{margin-left: .35rem; width: 36px; height: 30px;}
	.meun_btn span{height: 4px;}
	.model_nav .layout{height: 60px;}
	.mobile_menu_box{top: 60px; padding-bottom: 60px;}
	.search_box{padding-top: 60px;}
	.search_con img{height: .9rem;}
	.search_con h3{font-size: .7rem;}
	.search_con form{max-width: 420px;}
	.search_con form .sel{font-size: 16px; line-height: 48px; background-size: 4%;}
	.search_con form .text{font-size: 16px; line-height: 48px;}
	.search_con form .submit{font-size: 16px; height: 48px;}
}

.banner_box{margin-top: 0px; position: relative; display: flex; align-items: stretch; justify-content: space-between;}
.ind_banner{width: 100%; position: relative; height: auto;}
.ind_banner .swiper-container{height: 100%;}
.ind_banner .swiper-slide{display: block; position: relative; width: 100%; padding: 20.3730% 0; overflow: hidden;}
.ind_banner .swiper-slide img{position: absolute; left: 0; top: 0; width: 100%; object-fit: cover;}
.ind_banner .swiper-pagination{bottom: 40px; line-height: 100%; padding: 0 40px; display: flex; align-items: center; justify-content: flex-end;}
.ind_banner .swiper-pagination-bullet{opacity: 1; width: 8px; height: 8px; background: #fff;}
.ind_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px 0 0;}
.ind_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin: 0;}
.ind_banner .swiper-pagination-bullet-active{background: #f8b62d;}
@media only screen and (min-width: 0) and (max-width: 1500px){
	.ind_banner{width: 100%;}
  	.ind_banner .swiper-pagination{bottom: 20px; padding: 0 20px;}
}
@media only screen and (min-width: 0) and (max-width: 1200px){
 	.banner_box{margin-top: 0;}
}
@media only screen and (min-width: 0) and (max-width: 1200px){
 	.ind_banner{width: 100%;}
 	.ind_banner .swiper-pagination{padding: 0; justify-content: center;}
}

.m_ind_banner{display: none; position: relative; width: 100%; height: 92vh;}
.m_ind_banner .swiper-container{height: 100%;}
.m_ind_banner .swiper-slide{display: block; width: 100%; height: 100%;}
.m_ind_banner .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.m_ind_banner .swiper-pagination{bottom: 20px; line-height: 100%; display: flex; align-items: center; justify-content: center;}
.m_ind_banner .swiper-pagination-bullet{opacity: 1; width: 8px; height: 8px; background: #fff;}
.m_ind_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px 0 0;}
.m_ind_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin: 0;}
.m_ind_banner .swiper-pagination-bullet-active{background: #f8b62d;}
@media only screen and (min-width: 0) and (max-width: 1024px){
	.banner_box{padding: 0;}
	.ind_banner{display: none;}
 	.m_ind_banner{display: block;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
 	.m_ind_banner .swiper-pagination{bottom: 15px;}
 	.m_ind_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px 0 0;}
}

.feedback{width: 29.348%; padding: 40px; background: #f5f5f5;}
.feedback_hd{width: 100%; height: auto; display: flex; align-items: stretch; justify-content: flex-start;}
.feedback_hd li{transition: 0.6s; position: relative; width: 33.33%; height: 100%; padding: 8% 0; cursor: pointer; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.feedback_hd li::after{transition: 0.6s; opacity: 0; position: absolute; bottom: 0; content: ""; width: 30px; height: 6px; background: #f8b62d;}
.feedback_hd li i.ico{transition: 0.6s; display: block; width: 50px; height: 50px;}
.feedback_hd li:nth-of-type(1) i.ico{background: url(../images/feedback_hd_ico1.png) center no-repeat; background-size: contain;}
.feedback_hd li:nth-of-type(2) i.ico{background: url(../images/feedback_hd_ico2.png) center no-repeat; background-size: contain;}
.feedback_hd li:nth-of-type(3) i.ico{background: url(../images/feedback_hd_ico3.png) center no-repeat; background-size: contain;}
.feedback_hd li p{transition: 0.6s; margin-top: 10px; font-size: 16px; color: #787878;}
.feedback_hd li:hover,.feedback_hd li.active{background: #fff;}
.feedback_hd li:hover::after,.feedback_hd li.active::after{opacity: 1;}
.feedback_hd li:nth-of-type(1):hover i.ico,.feedback_hd li:nth-of-type(1).active i.ico{background-image: url(../images/feedback_hd_ico1_h.png);}
.feedback_hd li:nth-of-type(2):hover i.ico,.feedback_hd li:nth-of-type(2).active i.ico{background-image: url(../images/feedback_hd_ico2_h.png);}
.feedback_hd li:nth-of-type(3):hover i.ico,.feedback_hd li:nth-of-type(3).active i.ico{background-image: url(../images/feedback_hd_ico3_h.png);}
.feedback_hd li:hover p,.feedback_hd li.active p{color: #434144;}
.feedback_box{display: block; width: 100%;}
.feedback_form{width: 100%; height: 100%; min-height: 480px; padding: 40px; background: #fff;}
.feedback_form section{margin-top: 20px; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.feedback_form section .text{transition: 0.6s; font-size: 14px; color: #979797; width: 100%; height: 46px; padding: 0 15px; border: 1px solid #bebebe; background: #fff;}
.feedback_form section .text::-webkit-input-placeholder{color: #979797;}
.feedback_form section .text:focus{border-color: #f8b62d; box-shadow: 0 0 10px rgba(248,182,45,0.5);}
.feedback_form section #map2{width: 100%; display: flex; align-items: center; justify-content: space-between;}
.feedback_form section #map2 select{font-size: 14px; color: #979797; width: 47%; height: 46px; padding: 0 15px; border: 1px solid #bebebe; background: url(../images/select_ico2.png) #fff 90% center no-repeat; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor: pointer;}
.feedback_form section .form_btn{transition: 0.6s; font-size: 16px; font-weight: bold; color: #fff; width: 100%; height: 58px; border: none; background: #f8b62d; cursor: pointer;}
.feedbackText1,.feedbackText2{font-size: 18px; color: #434144; line-height: 30px;}
.feedback_form section.feedbackCount{margin-top: 25px;}
.feedbackCount h4{font-size: 16px; color: #434144; width: 100%;}
.feedbackCount h4 span{font-size: 24px; color: #d83131;}
.feedbackCount ul{margin-top: 15px; width: 100%; display: flex; align-items: center; justify-content: space-between;}
.feedbackCount ul li{display: none; font-size: 14px; color: #434144;}
.feedbackCount ul li:nth-of-type(-n+2){display: block;}
.feedbackCount ul li span{margin: 0 6px;}
.feedbackText4{margin-top: 15px;}
.feedbackText4,.feedbackText5{display: none; font-size: 14px; color: #434144; line-height: 24px;}
.close_ico{display: none; position: absolute; top: 20px; right: 0; content: ""; width: 36px; height: 36px; background: url(../images/close_ico.png) #f8b62d center no-repeat; background-size: 50%; cursor: pointer;}
@media only screen and (min-width: 0) and (max-width: 1880px){
	.feedback{padding: 30px;}
	.feedback_form{min-height: 480px; padding: 30px;}
}
@media only screen and (min-width: 0) and (max-width: 1850px){
	.feedbackCount ul{margin-top: 10px; justify-content: flex-start; flex-wrap: wrap;}
	.feedbackCount ul li{margin-top: 3px; width: 100%;}
	.feedbackCount ul li:nth-of-type(-n+2){display: flex; align-items: center; justify-content: space-between;}
}
@media only screen and (min-width: 0) and (max-width: 1760px){
	.feedback_form{min-height: 485px;}
}
@media only screen and (min-width: 0) and (max-width: 1700px){
	.feedback_hd li{padding: 5% 0;}
	.feedback_hd li i.ico{width: 40px; height: 40px;}
	.feedback{padding: 25px;}
	.feedback_form{min-height: 470px; padding: 25px;}
	.feedbackText4,.feedbackText5{line-height: 22px;}
}
@media only screen and (min-width: 0) and (max-width: 1500px){
	.feedback{position: relative; width: 18%; padding: 20px;}
	.feedback_hd{width: 100%; height: 100%; flex-wrap: wrap;}
	.feedback_hd li{width: 100%; height: 33.33%;}
	.feedback_hd li::after{bottom: 20px;}
	.feedback_hd li i.ico{width: 50px; height: 50px;}
	.feedback_box{display: none; z-index: 2; position: absolute; top: 0; right: 100%; margin-right: -20px; width: 450px; height: 100%; padding: 20px 0 20px 20px; background: #f5f5f5;}
	.close_ico{display: block;}
}
@media only screen and (min-width: 0) and (max-width: 1300px){
	.feedback_hd li i.ico{width: 45px; height: 45px;}
}
@media only screen and (min-width: 0) and (max-width: 1200px){
 	.feedback_hd li::after{bottom: 10%;}
 	.feedbackCount ul{margin-top: 0;}
}
@media only screen and (min-width: 0) and (max-width: 1200px){
 	.feedback{display: none;}
}
/*== 公共头部 ==*/


/*== 首页 ==*/
.ind_tit{z-index: 1; position: relative; width: 100%; overflow: hidden; display: flex; justify-content: left; flex-direction: column; }
.ind_tit h3{font-size: 30px; color: #434144; line-height: 100%;}
.ind_tit h3 span{color: #536072;}
.ind_tit figure{display: block; margin: 0 auto; max-width: 300px; width: 100%; text-align: center; overflow: hidden;}
.ind_tit h4{margin-top: 15px; display: inline-block; font-size: 14px; font-family: "Arial"; color: #ef7900; line-height: 100%;  text-transform: uppercase;}
.ind_tit h4 span{position: relative; display: block; padding: 0 12px;}
.ind_tit h4 span::before{z-index: -1; position: absolute; left: 100%; top: 50%; content: ""; width: 150px; height: 1px; background: #bebebe;}
.ind_tit h4 span::after{z-index: -1; position: absolute; right: 100%; top: 50%; content: ""; width: 150px; height: 1px; background: #bebebe;}
.ind_tit .ind_tit_ico{margin-top: 15px; display: block; width: 23px; height: 23px; background: url(../images/ind_tit_ico.png) center no-repeat; background-size: contain;}
.ind_tit .ind_tit_ico2{margin-top: 15px; display: block; width: 23px; height: 23px; background: url(../images/ind_tit_ico2.png) center no-repeat; background-size: contain;}
.pub_tit{display: flex; justify-content: center; flex-direction: column; align-items: center;}
.pub_tit h4{font-size: 20px; font-family: "Arial"; color: #536072; text-transform: uppercase; font-weight:normal}
.pub_tit h5{font-size: 24px; color: #333; font-weight:normal}
.pub_tit hr{margin-top: 20px; display: inline-block; font-size: 18px; width: 30px; height: 3px; border: none; background: #f8b62d;}
.pub_link{z-index: 1; position: relative; font-size: 16px; color: #fff; width: 170px; height: 58px; border-bottom: 3px solid #f8b62d; background: #536072; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.pub_link::after{transition: 0.6s; z-index: -1; position: absolute; left: 0; bottom: 0; content: ""; width: 0; height: 100%; background: #f8b62d;}
.pub_link:hover::after{width: 100%;}
.pub_link2{z-index: 1; position: relative; font-size: 16px; color: #fff; width: 170px; height: 58px; border-bottom: 3px solid #f8b62d; background: #536072; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.pub_link2::before{transition: 0.6s; z-index: 1; position: absolute; right: 0; bottom: -3px; content: ""; width: 0; height: 3px; background: #536072;}
.pub_link2::after{transition: 0.6s; z-index: -1; position: absolute; left: 0; bottom: 0; content: ""; width: 0; height: 100%; background: #f8b62d;}
.pub_link2:hover::before,.pub_link2:hover::after{width: 100%;}
@media only screen and (min-width: 0) and (max-width: 1024px){
	.pub_tit h5{font-size: 20px;}
	.pub_tit h4{text-align: center;}
	.pub_tit hr{margin-top: 15px; width: 2em;}
	.pub_link,.pub_link2{font-size: 18px; font-weight: bold; min-width: 110px; width: 2.4rem; min-height: 32px; height: auto; line-height: 260%; display: inline-block; text-align: center;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.ind_tit h3{font-size: 22px;}
	.ind_tit figure{max-width: 200px;}
	.ind_tit h4{margin-top: 10px; font-size: 12px;}
	.ind_tit .ind_tit_ico{margin-top: 10px; width: 20px; height: 20px;}
	.ind_tit .ind_tit_ico2{margin-top: 10px; width: 20px; height: 20px;}
	.pub_tit h4{font-size: 22px;}
	.pub_tit h5{font-size: 18px;}
	.pub_tit hr{margin-top: 12px;}
	.pub_link,.pub_link2{font-size: 14px; width: 2.1rem; line-height: 290%;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.ind_tit h3{font-size: 20px;}
	.pub_tit h4{font-size: 20px;}
	.pub_tit h5{font-size: 18px;}
	.pub_tit hr{margin-top: 10px;}
}
@media only screen and (min-width: 0) and (max-width: 375px){
	.ind_tit h3{font-size: 18px;}
	.ind_tit figure{max-width: 180px;}
	.ind_tit .ind_tit_ico{width: 18px; height: 18px;}
	.ind_tit .ind_tit_ico2{width: 18px; height: 18px;}
	.pub_tit h4{font-size: 18px;}
	.pub_tit h5{font-size: 16px;}
	.pub_tit hr{margin-top: 8px;}
}

.ind1{margin-top: 40px; display: flex; align-items: stretch; justify-content: space-between;}
.ind1_left{width: 68.479%; padding-top: 40px; display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start;}
.ind1_list{width: 100%; display: flex; align-items: center; justify-content: flex-start;}
.ind1_list li{width: 16.667%; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.ind1_list li .number{width: 100%; padding: 28.572% 0; background: #536072; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.ind1_list li .number h4{transition: 0.6s; font-size: 30px; font-family: "Arial"; color: #536072; width: 58px; height: 58px; border-radius: 50%; background: #fff; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.ind1_list li .number .ind1_list_ico{transition: 0.6s; margin-top: 20px; display: block; width: 22px; height: 13px; background: url(../images/ind1_list_ico.png) center no-repeat; background-size: contain;}
.ind1_list li:nth-of-type(2n) .number{order: 2;}
.ind1_list li:nth-of-type(2n) .ind1_list_ico{order: -1; margin-top: 0; margin-bottom: 20px; transform: rotate(180deg);}
.ind1_list li .content{transition: 0.6s; position: relative; width: 100%; padding: 18.096% 0; border: 12px solid #f5f5f5; background: #fff; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.ind1_list li .content::after{transition: 0.6s; opacity: 0; position: absolute; bottom: 4.5%; content: ""; width: 30px; height: 6px; background: #f8b62d;}
.ind1_list li .content .pic{width: 56px; height: 56px;}
.ind1_list li .content .pic img{width: 100%; height: 100%; object-fit: contain;}
.ind1_list li .content h5{margin-top: 12px; font-size: 16px; font-weight: normal; color: #434144;}
.ind1_list li .content p{margin-top: 7px; font-size: 12px; font-family: "Arial"; color: #979797; text-transform: uppercase;}
.ind1_list li:hover .number h4{color: #f8b62d;}
.ind1_list li:hover .number .ind1_list_ico{background-image: url(../images/ind1_list_ico_h.png);}
.ind1_list li:hover .content{background: #f5f5f5;}
.ind1_list li:hover .content::after{opacity: 1;}
.ind1_right{width: 29.348%;}
.ind1_pic{position: relative; width: 100%;}
.ind1_pic .pic{width: 100%; height: 100%;}
.ind1_pic .pic img{width: 100%; height: 100%; object-fit: cover;}
.ind1_pic .words{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.ind1_pic .words h4{font-size: 24px; font-family: "Arial"; color: #fff; text-transform: uppercase;}
.ind1_pic .words h5{font-size: 18px; color: #fff;}
.ind1_pic .words p{margin-top: 25px; font-size: 16px; color: #fff;}
.ind1_con{margin-top: 7.408%; padding: 7.408%; border: 1px solid #bebebe;}
.ind1_provide1{margin-top: 40px; display: flex; align-items: center; justify-content: space-around;}
.ind1_provide1 li{font-size: 16px; color: #434144;}
.ind1_provide2{margin-top: 40px; padding-top: 40px; border-top: 1px solid #bebebe; display: flex; align-items: center; justify-content: center;}
.ind1_provide2 li{margin-right: 30px; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.ind1_provide2 li:last-child{margin-right: 0;}
.ind1_provide2 li .pic{width: 41px; height: 41px;}
.ind1_provide2 li .pic img{width: 100%; height: 100%; object-fit: contain;}
.ind1_provide2 li p{margin-top: 5px; font-size: 14px; color: #787878;}
@media only screen and (min-width: 0) and (max-width: 1880px){
	.ind1_con{padding: 30px;}
}
@media only screen and (min-width: 0) and (max-width: 1700px){
	.ind1_list li .number{padding: 25.5% 0;}
	.ind1_list li .content{padding: 14% 0;}
	.ind1_con{padding: 25px;}
}
@media only screen and (min-width: 0) and (max-width: 1550px){
	.ind1_list li .number{padding: 23% 0;}
	.ind1_list li .content{padding: 10.5% 0;}
	.ind1_con{padding: 18px;}
}
@media only screen and (min-width: 0) and (max-width: 1500px){
	.ind1{display: block;}
	.ind1_left{width: 100%;}
	.ind1_list{margin-top: 60px;}
	.ind1_list li .number{padding: 31% 0;}
	.ind1_list li .content{padding: 22% 0;}
	.ind1_right{margin-top: 40px; width: 100%; display: flex; align-items: stretch; justify-content: space-between;}
	.ind1_pic{width: 49%;}
	.ind1_con{margin-top: 0; width: 49%; padding: 40px;}
}
@media only screen and (min-width: 0) and (max-width: 1400px){
	.ind1_list li .number{padding: 29.5% 0;}
	.ind1_list li .content{padding: 20% 0;}
	.ind1_con{padding: 30px;}
	.ind1_provide1{margin-top: 30px;}
	.ind1_provide2{margin-top: 30px; padding-top: 30px;}
}
@media only screen and (min-width: 0) and (max-width: 1300px){
	.ind1_list li .number{padding: 28% 0;}
	.ind1_list li .content{padding: 17.5% 0;}
	.ind1_con{padding: 25px;}
	.ind1_provide1{margin-top: 25px;}
	.ind1_provide2{margin-top: 25px; padding-top: 25px;}
}
@media only screen and (min-width: 0) and (max-width: 1200px){
	.ind1_list li .number{padding: 26% 0;}
	.ind1_list li .content{padding: 15.5% 0; border-width: 10px;}
}
@media only screen and (min-width: 0) and (max-width: 1100px){
	.ind1_list li .number{padding: 23.5% 0;}
	.ind1_list li .content{padding: 12.5% 0;}
	.ind1_con{padding: 20px;}
	.ind1_provide1{margin-top: 20px;}
	.ind1_provide2{margin-top: 20px; padding-top: 20px;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.ind1{margin-top: 4%;}
	.ind1_left{padding-top: 4%;}
	.ind1_list{margin-top: 6%; flex-wrap: wrap;}
	.ind1_list li .number{display: none;}
	.ind1_list li .content{padding: 24% 0; border: 15px solid #f5f5f5;}
	.ind1_list li .content::after{display: none;}
	.ind1_list li .content h5{margin-top: 5%; font-size: 18px;}
	.ind1_list li .content p{margin-top: 3%; font-size: 14px;}
	.ind1_list li:hover .content{background: #fff;}
	.ind1_right{display: none;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.ind1_list li .content{padding: 23% 0; border: 12px solid #f5f5f5;}
	.ind1_list li .content .pic{width: 45px; height: 45px;}
	.ind1_list li .content h5{margin-top: 4%; font-size: 16px;}
	.ind1_list li .content p{margin-top: 2%; font-size: 12px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.ind1_list li .content{padding: 20% 0; border: 10px solid #f5f5f5;}
	.ind1_list li .content .pic{width: 40px; height: 40px;}
	.ind1_list li .content h5{font-size: 14px;}
}
@media only screen and (min-width: 0) and (max-width: 375px){
	.ind1_list li .content{padding: 18% 0; border: 8px solid #f5f5f5;}
}
@media only screen and (min-width: 769px) and (max-width: 1024px){
	.ind1_list li{width: 30.667%; margin-top: 4%; margin-right: 4%;}
	.ind1_list li:nth-of-type(-n+3){margin-top: 0;}
	.ind1_list li:nth-of-type(3n){margin-right: 0;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.ind1_list li{width: 48%; margin-top: 4%; margin-right: 4%;}
	.ind1_list li:nth-of-type(-n+2){margin-top: 0;}
	.ind1_list li:nth-of-type(2n){margin-right: 0;}
}

.ind2{position: relative; margin-top: 80px; display: flex; align-items: stretch; justify-content: flex-start;}
.ind2_pic{z-index: 1; position: relative; width: 50%;}
.ind2_pic img{width: 100%; height: 100%; object-fit: cover;}
.ind2_box{width: 50%; background: #f7f7f7;}
.ind2_con{position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 1400px; height: 100%; padding-left: 700px;}
.ind2_words{width: 100%; height: 100%; padding-left: 14.286%; display: flex; justify-content: center; flex-direction: column; align-items: flex-start;}
.ind2_words .pub_tit{align-items: flex-start;}
.ind2_words>p{margin-top: 35px; font-size: 16px; color: #434144; line-height: 30px;}
.ind2_words>a{margin-top: 50px;}
@media only screen and (min-width: 0) and (max-width: 1600px){
	.ind2_con{position: static; transform: translateX(0); width: 100%; padding: 0;}
	.ind2_words{padding: 4% 10%;}
}
@media only screen and (min-width: 0) and (max-width: 1500px){
	.ind2_words{padding: 6%;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.ind2{margin-top: 4%; display: block;}
	.ind2_pic,.ind2_box{width: 100%;}
	.ind2_words{padding: 4%;}
	.ind2_words>p{margin-top: 2%; font-size: 18px; line-height: 1.8em;}
	.ind2_words>a{margin-top: 4%;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.ind2_words>p{font-size: 16px;}
}
@media only screen and (min-width: 0) and (max-width: 375px){
	.ind2_words>p{font-size: 14px;}
}

.ind3{padding-top: 80px; padding-bottom: 50px;}
.ind3_swiper{position: relative; display: block !important;}
.ind3_swiper .swiper-slide{position: relative;}
.ind3_swiper .swiper-slide:hover .fade{opacity: 1;}
.ind3_swiper_btn .swiper-button-prev{transition: 0.6s; z-index: 1; opacity: 1; font-size: 35px; color: #bebebe; width: 45px; height: 45px; left: -45px; margin-top: -5%; background: transparent; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.ind3_swiper_btn .swiper-button-prev i{transform: translateX(-10%) translateY(-5%);}
.ind3_swiper_btn .swiper-button-next{transition: 0.6s; z-index: 1; opacity: 1; font-size: 35px; color: #bebebe; width: 45px; height: 45px; right: -45px; margin-top: -5%; background: transparent; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.ind3_swiper_btn .swiper-button-next i{transform: translateX(10%) translateY(-5%);}
.ind3_swiper_btn .swiper-button-prev:hover ,.ind3_swiper_btn .swiper-button-next:hover{color: #536072;}
@media only screen and (min-width: 0) and (max-width: 1600px){
	.ind3{padding-bottom: 80px;}
	.ind3_swiper_btn{margin-top: 30px; display: flex; align-items: center; justify-content: center;}
	.ind3_swiper_btn .swiper-button-prev{margin-right: 26.667px; position: static; margin-top: 0; color: #fff; background: #536072;}
	.ind3_swiper_btn .swiper-button-next{position: static; margin-top: 0; color: #fff; background: #536072;}
	.ind3_swiper_btn .swiper-button-prev:hover ,.ind3_swiper_btn .swiper-button-next:hover{color: #fff; background: #f8b62d;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.ind3{padding-top: 8%; padding-bottom: 8%;}
	.ind3_swiper_btn{margin-top: 3%;}
	.ind3_swiper_btn .swiper-button-prev{margin-right: 20px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.ind3_swiper_btn .swiper-button-prev{margin-right: 15px; font-size: 25px; width: 35px; height: 35px;}
	.ind3_swiper_btn .swiper-button-next{font-size: 25px; width: 35px; height: 35px;}
}


.ind4{max-width: 1840px; margin-left: auto; margin-right: auto; padding: 80px 0; background: #f7f7f7;}
.ind4_swiper{margin-top: 60px; display: flex; align-items: stretch; justify-content: flex-start; background: #fff;}
.ind4_pic{width: 67.143%;}
.ind4_pic .swiper-slide{display: block; position: relative; width: 100%; padding: 26.596% 0; overflow: hidden;}
.ind4_pic .swiper-slide img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind4_pic .swiper-pagination{bottom: 40px; line-height: 100%; padding: 0 40px; display: flex; align-items: center; justify-content: flex-start;}
.ind4_pic .swiper-pagination-bullet{opacity: 1; width: 8px; height: 8px; background: #fff;}
.ind4_pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px 0 0;}
.ind4_pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin: 0;}
.ind4_pic .swiper-pagination-bullet-active{background: #f8b62d;}
.ind4_words{width: 32.857%;}
.ind4_words .swiper-container{width: 100%; height: 100%;}
.ind4_words .swiper-slide{padding: 0 40px; display: flex; justify-content: center; flex-direction: column; align-items: flex-start;}
.ind4_words .swiper-slide h5{font-size: 24px; font-weight: normal; color: #434144;}
.ind4_words .swiper-slide ul{margin-top: 35px; /*max-width: 320px;*/}
.ind4_words .swiper-slide ul li{margin-top: 20px; display: flex; align-items: flex-start; justify-content: flex-start;}
.ind4_words .swiper-slide ul li:nth-of-type(1){margin-top: 0;}
.ind4_words .swiper-slide ul li:nth-of-type(4){margin-top: 13px;}
.ind4_words .swiper-slide ul li img{margin-right: 10px; min-width: 18px; width: 18px; height: 24px; object-fit: contain;}
.ind4_words .swiper-slide ul li:nth-of-type(4) img{height: 30px;}
.ind4_words .swiper-slide ul li p{font-size: 16px; color: #666666; line-height: 24px;}
.ind4_words .swiper-slide ul li p span{color: #d83131;}
.ind4_words .swiper-slide ul li p em{font-size: 30px; color: #d83131;}
.ind4_words .swiper-slide>a{z-index: 1; position: relative; margin-top: 35px; display: block; font-size: 16px; font-weight: bold; color: #fff; width: 100%; line-height: 58px; text-align: center; background: #536072;}
.ind4_words .swiper-slide>a:after{transition: 0.6s; z-index: -1; position: absolute; left: 0; top: 0; content: ""; width: 0; height: 100%; background: #f8b62d;}
.ind4_words .swiper-slide>a:hover:after{width: 100%;}
@media only screen and (min-width: 0) and (max-width: 1200px){
	.ind4_swiper{display: block;}
	.ind4_pic,.ind4_words{width: 100%;}
	.ind4_words .swiper-slide{padding: 40px;}
	.ind4_words .swiper-slide ul{/*max-width: 100%;*/}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.ind4{padding: 8% 0;}
	.ind4_swiper{margin-top: 6%;}
	.ind4_pic .swiper-pagination{bottom: 7.5%; padding: 0 4%;}
	.ind4_words .swiper-slide{padding: 4%;}
	.ind4_words .swiper-slide h5{font-size: 22px;}
	.ind4_words .swiper-slide ul{margin-top: 3.5%;}
	.ind4_words .swiper-slide ul li{margin-top: 2%;}
	.ind4_words .swiper-slide ul li:nth-of-type(4){margin-top: 1.3%;}
	.ind4_words .swiper-slide ul li p{font-size: 18px;}
	.ind4_words .swiper-slide>a{margin-top: 3.5%; font-size: 18px;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.ind4_pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px 0 0;}
	.ind4_words .swiper-slide h5{font-size: 20px;}
	.ind4_words .swiper-slide ul li:nth-of-type(4) img{height: 28px;}
	.ind4_words .swiper-slide ul li p{font-size: 16px;}
	.ind4_words .swiper-slide ul li p em{font-size: 26px;}
	.ind4_words .swiper-slide>a{font-size: 16px; line-height: 48px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.ind4_words .swiper-slide h5{font-size: 18px;}
	.ind4_words .swiper-slide ul li p{font-size: 14px;}
	.ind4_words .swiper-slide ul li p em{font-size: 24px;}
	.ind4_words .swiper-slide>a{font-size: 14px; line-height: 38px;}
}

.ind5{padding-top: 80px; padding-bottom: 80px;}
.ind5_con{margin-top: 60px; display: flex; align-items: stretch; justify-content: space-between;}
.ind5_swiper{position: relative; width: 49.2858%; order: 2;}
.ind5_swiper .swiper-container{width: 100%; height: 100%;}
.ind5_swiper .swiper-slide .pic{display: block; position: relative; width: 100%; padding: 50% 0; height: 100%; overflow: hidden;}
.ind5_swiper .swiper-slide .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind5_swiper .swiper-pagination{bottom: 40px; line-height: 100%; padding: 0 40px; display: flex; align-items: center; justify-content: flex-end;}
.ind5_swiper .swiper-pagination-bullet{opacity: 1; width: 8px; height: 8px; background: #fff;}
.ind5_swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px 0 0;}
.ind5_swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin: 0;}
.ind5_swiper .swiper-pagination-bullet-active{background: #f8b62d;}
.ind5_box{width: 49.2858%; display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start;}
.ind5_list1{width: 100%; padding: 4.3479% 8.696%; background: #f7f7f7; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.ind5_list1 li{width: 15.7895%; margin-top: 5.2635%; margin-right: 12.2807%;}
.ind5_list1 li:nth-of-type(-n+4){margin-top: 0;}
.ind5_list1 li:nth-of-type(4n){margin-right: 0;}
.ind5_list1 li a{display: block; width: 100%; height: 100%;}
.ind5_list1 li .pic{transition: 0.6s; display: block; position: relative; margin: 0 auto; width: 90px; height: 90px; border-radius: 50%; overflow: hidden;}
.ind5_list1 li .pic img{transition: 0.6s; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 50px; height: 50px; object-fit: contain;}
.ind5_list1 li .pic .fade{opacity: 0;}
.ind5_list1 li p{transition: 0.6s; margin-top: 15px; font-size: 16px; color: #787878; line-height: 100%; text-align: center;}
.ind5_list1 li:hover .pic{background: #536072;}
.ind5_list1 li:hover .pic .show{opacity: 0;}
.ind5_list1 li:hover .pic .fade{opacity: 1;}
.ind5_list1 li:hover p{color: #434144;}
.ind5_list2{width: 100%; display: flex; align-items: center; justify-content: flex-start;}
.ind5_list2 li{width: 48.551%; margin-top: 2.898%; margin-right: 2.898%;}
.ind5_list2 li:nth-of-type(2n){margin-right: 0;}
.ind5_list2 li a{position: relative; display: block; width: 100%; height: 100%;}
.ind5_list2 li .pic{position: relative; display: block; width: 100%; padding: 50% 0; overflow: hidden;}
.ind5_list2 li .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind5_list2 li .words{transition: 0.6s; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 10px; background: rgba(0,0,0,.5);}
.ind5_list2 li .box{width: 100%; height: 100%; text-align: center; padding-top: 19.2%; border: 1px solid rgba(255,255,255,.5); display: flex; justify-content: center; flex-direction: column; align-items: center;}
.ind5_list2 li .box h5{margin-top: 28px; font-size: 18px; font-weight: normal; color: #fff;}
.ind5_list2 li .box p{margin-top: 5px; font-size: 14px; font-family: "Arial"; color: #fff; text-transform: uppercase;}
.effect_ico{margin-top: 19.2%; display: block; width: 28px; height: 28px; background: url(../images/effect_ico.png) center no-repeat; background-size: contain;}
.ind5_list2 li:hover .words{opacity: 1;}
@media only screen and (min-width: 0) and (max-width: 1440px){
	.ind5_list1{width: 100%; padding: 5% 8.696%;}
	.ind5_list1 li .pic{width: 80px; height: 80px;}
	.ind5_list1 li .pic img{width: 45px; height: 45px;}
}
@media only screen and (min-width: 0) and (max-width: 1300px){
	.ind5_list1 li .pic{width: 72px; height: 72px;}
	.ind5_list1 li .pic img{width: 40px; height: 40px;}
}
@media only screen and (min-width: 0) and (max-width: 1200px){
	.ind5_list1 li .pic{width: 62px; height: 62px;}
	.ind5_list1 li .pic img{width: 34px; height: 34px;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.ind5{padding-top: 8%; padding-bottom: 8%;}
	.ind5_con{margin-top: 6%; display: block;}
	.ind5_swiper{width: 100%;}
	.ind5_swiper .swiper-pagination{bottom: 4%; padding: 0 4%; justify-content: center;}
	.ind5_box{width: 100%; display: block;}
	.ind5_list1{display: none;}
	.ind5_list2 .words{display: none;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.ind5_swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px 0 0;}
}

.ind6{max-width: 1840px; margin-left: auto; margin-right: auto; padding: 80px 0; background: #f7f7f7;}
.ind6_con{margin-top: 60px; display: flex; align-items: stretch; justify-content: space-between;}
.ind6_left{width: 23.9286%; display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start;}
.ind6_tit{position: relative; width: 100%;}
.ind6_tit .pic{width: 100%; height: 100%;}
.ind6_tit .pic img{width: 100%; height: 100%; object-fit: contain;}
.ind6_tit .pub_tit{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 28px; align-items: flex-start;}
.ind6_tit .pub_tit h4{color: #fff;}
.ind6_tit .pub_tit h5{color: #fff;}
.ind6_list{margin-top: 5.9702%; width: 100%; padding: 28px; background: #fff;}
.ind6_hd{width: 100%; display: flex; align-items: center; justify-content: space-between;}
.ind6_hd h4{font-size: 16px; color: #434144;}
.ind6_hd h4 span{margin-bottom: 2px; display: block; font-size: 18px; font-family: "Arial"; color: #536072; text-transform: uppercase;}
.ind6_hd img{height: 39px; object-fit: contain;}
.ind6_bd{margin-top: 18px; border-top: 3px solid #f8b62d; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.ind6_bd li{margin-top: 18px; width: 50%; line-height: 100%; display: flex; align-items: center; justify-content: flex-start;}
.ind6_bd li a{font-size: 14px; color: #787878; line-height: 100%; padding-right: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ind6_bd li a:hover{color: #f8b62d;}
.ind6_bd2 li{width: 33.33%;}
.ind6_right{width: 74.6429%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.ind6_swiper{position: relative; width: 66.0288%;}
.ind6_swiper .swiper-slide a{display: block; position: relative; width: 100%; padding: 24.2754% 0; overflow: hidden;}
.ind6_swiper .swiper-slide img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind6_swiper .swiper-pagination{bottom: 20px; line-height: 100%; padding: 0 20px; display: flex; align-items: center; justify-content: flex-end;}
.ind6_swiper .swiper-pagination-bullet{opacity: 1; width: 8px; height: 8px; background: #fff;}
.ind6_swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px 0 0;}
.ind6_swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin: 0;}
.ind6_swiper .swiper-pagination-bullet-active{background: #f8b62d;}
.ind6_item{position: relative;}
.ind6_item a{display: block; width: 100%; height: 100%;}
.ind6_item .pic{display: block; position: relative; width: 100%; padding: 50% 0; overflow: hidden;}
.ind6_item .pic img{transition: 0.6s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind6_item .pic .fade{opacity: 0;}
.ind6_item .pic:hover .fade{opacity: 1;}
.ind6_item .words{transition: 0.6s; pointer-events: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; padding: 0 10px; background: rgba(0,0,0,.5);}
.ind6_item .box{transition: 0.6s; width: 100%; height: 100%; text-align: center; border: 1px solid transparent; overflow: hidden; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.ind6_item .box h5{transition: 0.6s; display: none; font-size: 18px; font-weight: normal; color: #fff;}
.ind6_item .box p{transition: 0.6s; font-size: 16px; color: #fff; height: 20px; line-height: 20px; overflow: hidden;}
.ind6_item .box p span{display: block;}
.ind6_item .box em{transition: 0.6s; pointer-events: auto; margin-top: 30px; font-size: 14px; font-weight: bold; color: #fff; cursor: pointer; display: none; align-items: center; justify-content: center;}
.pro_ico{transition: 0.6s; margin-right: 5px; display: block; width: 12px; height: 12px; background: url(../images/effect_ico.png) center no-repeat; background-size: contain;}
.ind6_item:hover .words{height: 100%; padding: 10px;}
.ind6_item:hover .box{border-color: rgba(255,255,255,.5);}
.ind6_item:hover .box h5{display: block;}
.ind6_item:hover .box p{margin-top: 30px; height: auto;}
.ind6_item:hover .box em{display: flex;}
@media only screen and (min-width: 1441px){
  .ind6_item{width: 32.0575%; margin-top: 1.9138%; margin-left: 1.9138%;}
  .ind6_right>div:nth-of-type(2){margin-top: 0;}
  .ind6_right>div:nth-of-type(3){margin-left: 0;}
}
@media only screen and (min-width: 1025px) and (max-width: 1440px){
  .ind6_item{width: 48.5508%; margin-top: 2.8985%; margin-left: 2.8985%;}
  .ind6_right>div:nth-of-type(2){margin-left: 0;}
}
@media only screen and (min-width: 0) and (max-width: 1024px){
  .ind6_item{width: 48.5508%; margin-top: 2.8985%; margin-left: 2.8985%;}
  .ind6_right>div:nth-of-type(-n+3){margin-top: 0;}
  .ind6_right>div:nth-of-type(2n){margin-left: 0;}
}

@media only screen and (min-width: 0) and (max-width: 1440px){
	.ind6_left{width: 32.0575%;}
	.ind6_tit .pub_tit{padding: 10%;}
	.ind6_list{padding: 10%;}
	.ind6_bd li{margin-top: 8%;}
	.ind6_right{width: 66.0288%;}
	.ind6_swiper{width: 100%;}
	.ind6_right .ind6_item{display: none;}
	.ind6_right .ind6_item:nth-of-type(-n+3){display: block;}
}
@media only screen and (min-width: 0) and (max-width: 1300px){
	.ind6_tit .pub_tit{padding: 9%;}
	.ind6_list{padding: 9%;}
}
@media only screen and (min-width: 0) and (max-width: 1200px){
	.ind6_tit .pub_tit{padding: 8%;}
	.ind6_list{padding: 8%;}
	.ind6_bd li{margin-top: 7%;}
}
@media only screen and (min-width: 0) and (max-width: 1100px){
	.ind6_tit .pub_tit{padding: 7%;}
	.ind6_list{padding: 7%;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.ind6{padding: 8% 0;}
	.ind6_con{margin-top: 6%;}
	.ind6_left{display: none;}
	.ind6_right{width: 100%;}
	.ind6_swiper{display: none;}
	.ind6_right .ind6_item{display: block;}
	.ind6_item .words{height: 42px; padding: 0 .32rem;}
	.ind6_item .box p{font-size: 18px; height: 20px; line-height: 20px;}
	.ind6_item:hover .words{height: 42px; padding: 0 .32rem;}
	.ind6_item:hover .box{border-color: transparent;}
	.ind6_item:hover .box h5{display: none;}
	.ind6_item:hover .box p{margin-top: 0; height: 20px;}
	.ind6_item:hover .box em{display: none;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.ind6_item .words{height: 36px;}
	.ind6_item .box p{font-size: 16px;}
	.ind6_item:hover .words{height: 36px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.ind6_item .words{height: 28px;}
	.ind6_item .box p{font-size: 14px;}
	.ind6_item:hover .words{height: 28px;}
}

.ind7{padding-top: 80px; padding-bottom: 80px;}
.ind7_con{margin-top: 60px; display: flex; align-items: stretch; justify-content: space-between;}
.ind7_left{z-index: 1; position: relative; width: 28.2143%; padding: 40px 30px 30px; background: #536072; display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start;}
.ind7_left::after{z-index: -1; position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 50%; background: #f7f7f7;}
.ind7_tit{width: 100%; display: flex; align-items: center; justify-content: space-between;}
.ind7_tit .pub_tit{align-items: flex-start;}
.ind7_tit .pub_tit h4,.ind7_tit .pub_tit h5{color: #fff;}
.ind7_tit .pic{height: 45px;}
.ind7_tit .pic img{height: 100%; object-fit: contain;}
.ind7_pic{margin-top: 11%; display: block; position: relative; width: 100%; padding: 52.2389% 0; overflow: hidden;}
.ind7_pic::before{z-index: 1; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); content: ""; width: 60px; height: 60px; background: url(../images/video_ico.png) center no-repeat; background-size: contain;}
.ind7_pic::after{transition: 0.6s; opacity: 0; position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.3);}
.ind7_pic:hover::after{opacity: 1;}
.ind7_pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind7_left>hr{margin-top: 11%; display: inline-block; width: 100%; height: 3px; border: none; background: #f8b62d;}
.ind7_right{width: 70.3572%;}
.ind7_swiper{position: relative; padding: 20px 0 20px 20px; border: 1px solid #bebebe; display: flex; align-items: stretch; justify-content: flex-start;}
.ind7_swiper .swiper-container{width: 100%;}
.ind7_swiper .swiper-slide a{display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between;}
.ind7_swiper .swiper-slide .pic{display: block; position: relative; width: 37.0107%; padding: 13.8791% 0; overflow: hidden;}
.ind7_swiper .swiper-slide .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind7_swiper .swiper-slide .words{width: 60.4983%;}
.ind7_swiper .swiper-slide .words h5{transition: 0.6s; font-size: 18px; color: #434144; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ind7_swiper .swiper-slide .words p{margin-top: 10px; font-size: 14px; color: #787878; line-height: 24px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ind7_swiper .swiper-slide .words time{margin-top: 22px; display: block; font-size: 16px; font-family: "Arial"; color: #787878;}
.ind7_swiper .swiper-slide .words .bot{margin-top: 30px; display: flex; align-items: center; justify-content: space-between;}
.ind7_swiper .swiper-slide .words .bot hr{display: inline-block; width: 71.5687%; height: 1px; border: none; background: #e4e4e4;}
.ind7_swiper .swiper-slide .words .bot em{transition: 0.6s; font-size: 14px; font-weight: bold; color: #f8b62d; display: flex; align-items: center; justify-content: flex-start;}
.ind7_swiper .swiper-slide:hover .words h5{color: #536072;}
.ind7_swiper .swiper-slide:hover .pro_ico{background-image: url(../images/effect_ico2.png);}
.ind7_swiper .swiper-slide:hover .words .bot em{color: #536072;}
.ind7_swiper .swiper_bottom{margin-left: 50px; min-width: 70px; border-left: 1px solid #e4e4e4; display: flex; justify-content: space-between; flex-direction: column; align-items: center;}
.ind7_swiper .swiper-button-prev{transition: 0.6s; z-index: 1; position: static; opacity: 1; font-size: 35px; color: #bebebe; width: 100%; height: 15px; margin-top: 0; background: transparent; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.ind7_swiper .swiper-button-prev i{transform: translateX(20%) rotate(90deg);}
.ind7_swiper .swiper-button-next{transition: 0.6s; z-index: 1; position: static; opacity: 1; font-size: 35px; color: #bebebe; width: 100%; height: 15px; margin-top: 0; background: transparent; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.ind7_swiper .swiper-button-next i{transform: translateX(20%) rotate(90deg);}
.ind7_swiper .swiper_page{transform: rotate(90deg); font-size: 16px; font-family: "Arial"; font-weight: bold; color: #979797; letter-spacing: 5px; display: flex; align-items: center; justify-content: center;}
.ind7_swiper .swiper-button-prev:hover ,.ind7_swiper .swiper-button-next:hover{color: #536072;}
.ind7_box{margin-top: 2.0305%; padding: 20px; border: 1px solid #bebebe; display: flex; align-items: stretch; justify-content: flex-start;}
.ind7_list1{width: 50.3712%;}
.ind7_list1 li{margin-top: 4.2106%; padding-top: 4.2106%; border-top: 1px solid #e6e6e6; box-sizing: content-box;}
.ind7_list1 li:nth-of-type(1){margin-top: 0; padding-top: 0; border: none;}
.ind7_list1 li a{width: 100%; display: flex; align-items: center; justify-content: space-between;}
.ind7_list1 li .pic{display: block; position: relative; width: 26.7369%; padding: 10.1053% 0; overflow: hidden;}
.ind7_list1 li .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind7_list1 li .words{width: 69.4737%;}
.ind7_list1 li .words h5{transition: 0.6s; font-size: 16px; font-weight: normal; color: #434144; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ind7_list1 li .words p{margin-top: 10px; font-size: 14px; color: #787878; line-height: 24px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ind7_list1 li a:hover .words h5{color: #f8b62d;}
.ind7_list2{width: 42.4179%; margin-left: 3.5%; padding-left: 3.5%; border-left: 1px solid #e4e4e4; box-sizing: content-box;}
.ind7_list2 li{margin-top: 7%; position: relative; width: 100%;}
.ind7_list2 li::after{transition: 0.6s; opacity: 0; position: absolute; left: -10px; top: 50%; transform: translateX(-100%) translateY(-50%); content: ""; width: 8px; height: 8px; border-radius: 50%; background: #f8b62d;}
.ind7_list2 li:nth-of-type(1){margin-top: 1%;}
.ind7_list2 li a{display: block; font-size: 14px; color: #787878; line-height: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ind7_list2 li:hover::after{opacity: 1;}
.ind7_list2 li:hover a{color: #536072;}
@media only screen and (min-width: 0) and (max-width: 1440px){
	.ind7_left{width: 34%;}
	.ind7_right{width: 63%;}
	.ind7_swiper .swiper-slide .pic{width: 29.6%; padding: 11.1987% 0;}
	.ind7_swiper .swiper-slide .words{width: 66.2%;}
	.ind7_swiper .swiper-slide .words time{margin-top: 15px;}
	.ind7_swiper .swiper-slide .words .bot{margin-top: 15px;}
	.ind7_swiper .swiper_bottom{margin-left: 30px; min-width: 60px;}
	.ind7_box{margin-top: 4%;}
	.ind7_list1{width: 100%;}
	.ind7_box .ind7_list2{display: none;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.ind7{padding-top: 8%; padding-bottom: 8%;}
	.ind7_con{margin-top: 6%;}
	.ind7_left{display: none;}
	.ind7_right{width: 100%;}
	.ind7_swiper{padding: 0; border: none; display: block;}
	.ind7_swiper .swiper-slide{padding: 1px;}
	.ind7_swiper .swiper-slide a{display: block; padding: 4%; border: 1px solid #e4e4e4;}
	.ind7_swiper .swiper-slide .pic{width: 100%; padding: 37.5% 0;}
	.ind7_swiper .swiper-slide .words{padding-top: 4%; width: 100%;}
	.ind7_swiper .swiper-slide .words h5{font-size: 18px; font-weight: normal;}
	.ind7_swiper .swiper-slide .words p{margin-top: 3%; font-size: 16px; line-height: 1.6em;}
	.ind7_swiper .swiper-slide .words figure{margin-top: 4%; padding-top: 4%; border-top: 1px solid #e4e4e4; display: flex; align-items: center; justify-content: space-between;}
	.ind7_swiper .swiper-slide .words time{margin-top: 0; font-size: 16px;}
	.ind7_swiper .swiper-slide .words .bot{margin-top: 0; display: block;}
	.ind7_swiper .swiper-slide .words .bot hr{display: none;}
	.ind7_swiper .swiper-slide .words .bot .pro_ico{width: 16px; height: 16px;}
	.ind7_swiper .swiper-slide .words .bot em{font-size: 16px;}
	.ind7_swiper .swiper_bottom{margin-top: 3%; margin-left: 0; min-width: 100%; border: none; display: flex; justify-content: center; flex-direction: row; align-items: center;}
	.ind7_swiper .swiper-button-prev{margin-right: 26.667px; color: #fff; width: 45px; height: 45px; background: #536072;}
	.ind7_swiper .swiper-button-prev i{transform: translateX(-10%) translateY(-5%) rotate(0deg);}
	.ind7_swiper .swiper-button-next{color: #fff; width: 45px; height: 45px; background: #536072;}
	.ind7_swiper .swiper-button-next i{transform: translateX(10%) translateY(-5%) rotate(0deg);}
	.ind7_swiper .swiper-button-prev:hover ,.ind7_swiper .swiper-button-next:hover{color: #fff; background: #f8b62d;}
	.ind7_swiper .swiper_page{display: none;}
	.ind7_box{display: none;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.ind7_swiper .swiper-slide .words h5{font-size: 16px;}
	.ind7_swiper .swiper-slide .words p{font-size: 14px;}
	.ind7_swiper .swiper-slide .words time{font-size: 14px;}
	.ind7_swiper .swiper-slide .words .bot .pro_ico{width: 14px; height: 14px;}
	.ind7_swiper .swiper-slide .words .bot em{font-size: 14px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.ind7_swiper .swiper-button-prev{margin-right: 15px; font-size: 25px; width: 35px; height: 35px;}
	.ind7_swiper .swiper-button-next{font-size: 25px; width: 35px; height: 35px;}
}
/*== 首页 ==*/


/*== 公共尾部 ==*/
aside ul{z-index: 10; position: fixed; top: 254px; right: 10px;}
aside ul li{margin-top: 10px; position: relative; width: 70px; height: 70px;}
aside ul li:nth-of-type(1){margin-top: 0;}
aside ul li .fix_box{transition: 0.6s; width: 100%; height: 100%; border: 1px solid #bebebe; background: #fff;}
aside ul li .fix_box>a{width: 100%; height: 100%; font-size: 12px; color: #434144; display: flex; justify-content: center; flex-direction: column; align-items: center;}
aside ul li i{transition: 0.6s; display: block; width: 34px; height: 34px; margin: 0 auto 5px; overflow: hidden;}
aside ul li:nth-of-type(1) i{background: url(../images/aside_ico1.png) center no-repeat; background-size: contain;}
aside ul li:nth-of-type(2) i{background: url(../images/aside_ico2.png) center no-repeat; background-size: contain;}
aside ul li:nth-of-type(3) i{background: url(../images/aside_ico3.png) center no-repeat; background-size: contain;}
aside ul li:nth-of-type(4) i{background: url(../images/aside_ico4.png) center no-repeat; background-size: contain;}
aside ul li:nth-of-type(5) i{background: url(../images/aside_ico5.png) center no-repeat; background-size: contain;}
aside ul li:hover:nth-of-type(1) i{background-image: url(../images/aside_ico1_h.png);}
aside ul li:hover:nth-of-type(2) i{background-image: url(../images/aside_ico2_h.png);}
aside ul li:hover:nth-of-type(3) i{background-image: url(../images/aside_ico3_h.png);}
aside ul li:hover:nth-of-type(4) i{background-image: url(../images/aside_ico4_h.png);}
aside ul li:hover:nth-of-type(5) i{background-image: url(../images/aside_ico5_h.png);}
aside ul li .fix_tel{transition: 0.6s; opacity: 0; pointer-events: none; position: absolute; right: 100%; top: 0; font-size: 14px; color: #434144; height: 70px; line-height: 24px; padding: 0 30px; border: 2px solid #536072; border-right: none; background: #fff; width: max-content; width: -webkit-max-content; width: -moz-max-content; width: -ms-max-content; width: -o-max-content; display: flex; justify-content: center; flex-direction: column; align-items: center;}
aside ul li .fix_erwei{transition: 0.6s; z-index: -1; transform: scale(0); position: absolute; right: 70px; top: 50%; margin-top: -60px; font-size: 14px; color: #fff; width: 130px; height: 120px; padding-right: 10px;}
aside ul li .fix_erwei img{width: 100%; height: 100%; object-fit: contain;}
aside ul li:hover .fix_box{border-color: #536072; background: #536072;}
aside ul li:hover .fix_box>a{color: #fff;}
aside ul li:hover .fix_tel{opacity: 1; pointer-events: auto;}
aside ul li:hover .fix_erwei{transform: scale(1);}
aside ul .go_top{display: none;}
@media only screen and (min-width: 0) and (max-width: 1024px){
	footer{padding-bottom: 1.49rem;}
	aside ul{top: 100%; right: 0; transform: translateY(-100%); width: 100%; display: flex; align-items: center; justify-content: center;}
	aside ul li{margin-top: 0; width: 25%; height: 1.5rem; letter-spacing: 1px;}
	aside ul li:nth-of-type(4){display: none;}
	aside ul li .fix_box{border: none; border-top: 1px solid #bebebe; border-right: 1px solid #bebebe;}
	aside ul li:last-child .fix_box{border-right: none;}
	aside ul li .fix_box>a{font-size: .30rem;}
	aside ul li i{width: .60rem; height: .60rem;}
	aside ul li:hover:nth-of-type(1) i{background-image: url(../images/aside_ico1.png);}
	aside ul li:hover:nth-of-type(2) i{background-image: url(../images/aside_ico2.png);}
	aside ul li:hover:nth-of-type(3) i{background-image: url(../images/aside_ico3.png);}
	aside ul li:hover:nth-of-type(4) i{background-image: url(../images/aside_ico4.png);}
	aside ul li:hover:nth-of-type(5) i{background-image: url(../images/aside_ico5.png);}
	aside ul li:hover .fix_box{border-color: #bebebe; background: #fff;}
	aside ul li:hover .fix_box>a{color: #434144;}
	aside ul li:hover .fix_tel{display: none;}
	aside ul li:hover .fix_erwei{transform: scale(0);}
	aside ul .go_top{display: block;}
}

/*== 经销商登录 ==*/
.login_box{z-index: 999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; align-items: center; justify-content: center;}
.login_con{position: fixed; background: #fff; display: flex; align-items: center; justify-content: center;}
.login_con .will_close{z-index: 99; display: block; position: absolute; left: 100%; top: 0; width: 58px; height: 58px; background: url(../images/close_ico.png) #f8b62d center no-repeat; cursor: pointer;}
.login_form{width: 100%; display: flex; align-items: stretch; justify-content: space-between;}
.login_pic{display: block; position: relative; width: 525px; padding: 27.6077% 0; height: 100%; overflow: hidden;}
.login_pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.login_right{width: 520px; padding: 80px 40px; display: flex; justify-content: center; flex-direction: column; align-items: flex-start;}
.login_right ul{margin-top: 60px; width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.login_right ul li{margin-top: 20px; width: 100%;}
.login_right ul li:nth-of-type(1){margin-top: 0;}
.login_right ul li .text{transition: 0.6s; font-size: 16px; color: #979797; width: 100%; height: 58px; padding: 0 50px 0 20px; border: 1px solid #dcdcdc;}
.login_right ul li .text::-webkit-input-placeholder{color: #979797;}
.login_right ul li .login_acc{background: url(../images/login_ico1.png) #f5f5f5 95% center no-repeat;}
.login_right ul li .login_pwd{background: url(../images/login_ico2.png) #f5f5f5 95% center no-repeat;}
.login_right ul li .text:focus{border-color: #f8b62d; box-shadow: 0 0 10px rgba(248,128,45,0.5);}
.login_right ul li .form_btn{transition: 0.6s; font-size: 16px; font-weight: bold; color: #fff; width: 100%; height: 58px; border: none; border-bottom: 3px solid #f8b62d; background: #536072; cursor: pointer;}
.login_right ul li .form_btn:hover{background: #f8b62d;}
@media only screen and (min-width: 0) and (max-width: 1250px){
	.login_pic{display: none;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.login_con .will_close{transform: translateX(-100%);}
	.login_right{max-width: 670px; width: 100%; padding: 80px 40px;}
	.login_right ul{margin-top: 40px;}
	.login_right ul li{margin-top: 5%;}
	.login_right ul li .text{font-size: 18px; height: 60px; padding: 0 70px 0 20px;}
	.login_right ul li .form_btn{font-size: 18px; height: 60px; line-height: 60px; border: none; background: #f8b62d;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.login_con{width: 90%;}
	.login_con .will_close{width: 48px; height: 48px; background-size: 42%;}
	.login_right{padding: 8% 4%;}
	.login_right ul{margin-top: 6%;}
	.login_right ul li .text{font-size: 16px; height: 48px; padding: 0 40px 0 10px;}
	.login_right ul li .login_acc,
	.login_right ul li .login_pwd{background-position: 98% center; background-size: 2.8%;}
	.login_right ul li .form_btn{font-size: 16px; height: 48px; line-height: 48px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.login_con .will_close{width: 38px; height: 38px; background-size: 38%;}
	.login_right ul li .text{font-size: 14px; height: 38px; padding: 0 30px 0 10px;}
	.login_right ul li .login_acc,
	.login_right ul li .login_pwd{background-size: 3.2%;}
	.login_right ul li .form_btn{font-size: 14px; height: 38px; line-height: 38px;}
}
@media only screen and (min-width: 0) and (max-width: 375px){
	.login_right ul li .login_acc,
	.login_right ul li .login_pwd{background-size: 4.5%;}
}

/*== 0元设计 ==*/
.design_box,
.design_box2{z-index: 999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; align-items: center; justify-content: center;}
.design_con,
.design_con2{position: fixed; background: #fff; display: flex; align-items: center; justify-content: center;}
.design_con .will_close,
.design_con2 .will_close{z-index: 99; display: block; position: absolute; left: 100%; top: 0; width: 58px; height: 58px; background: url(../images/close_ico.png) #f8b62d center no-repeat; cursor: pointer;}
.design_form,
.design_form2{width: 100%; display: flex; align-items: stretch; justify-content: space-between;}
.design_left,
.design_left2{width: 820px; padding: 70px 40px;}
.design_left .content,
.design_left2 .content{margin-top: 40px; display: flex; align-items: stretch; justify-content: space-between;}
.design_left .content .design_pic,
.design_left2 .content .design_pic{display: block; position: relative; width: 42.973%; padding: 17.2973% 0; height: 100%; overflow: hidden;}
.design_left .content .design_pic img,
.design_left2 .content .design_pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.design_left .content ul,
.design_left2 .content ul{width: 51.3514%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.design_left .content ul li,
.design_left2 .content ul li{margin-top: 20px; width: 100%;}
.design_left .content ul li:nth-of-type(1),
.design_left2 .content ul li:nth-of-type(1){margin-right: 5.263%;}
.design_left .content ul li:nth-of-type(-n+2),
.design_left2 .content ul li:nth-of-type(-n+2){margin-top: 0; width: 47.3685%;}
.design_left .content ul li .text,
.design_left2 .content ul li .text{transition: 0.6s; font-size: 14px; color: #979797; width: 100%; height: 46px; padding: 0 14px; border: 1px solid #bebebe;}
.design_left .content ul li .text::-webkit-input-placeholder,
.design_left2 .content ul li .text::-webkit-input-placeholder{color: #979797;}
.design_left .content ul li .design_sex,
.design_left2 .content ul li .design_sex{background: url(../images/select_ico2.png) #fff 90% center no-repeat; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor: pointer;}
.design_left .content ul li .design_address,
.design_left2 .content ul li .design_address{display: flex; align-items: center; justify-content: space-between;}
.design_left .content ul li .design_address select,
.design_left2 .content ul li .design_address select{width: 47.3685% ; background: url(../images/select_ico2.png) #fff 90% center no-repeat; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor: pointer;}
.design_left .content ul li input[type='text']:focus,
.design_left2 .content ul li input[type='text']:focus{border-color: #f8b62d; box-shadow: 0 0 10px rgba(248,128,45,0.5);}
.design_left .content ul li .form_btn,
.design_left2 .content ul li .form_btn{transition: 0.6s; font-size: 16px; font-weight: bold; color: #fff; width: 100%; height: 58px; border: none; background: #f8b62d; cursor: pointer;}
.design_left .content ul li .form_btn:hover,
.design_left2 .content ul li .form_btn:hover{background: #536072;}
.design_right{width: 380px; padding: 70px 78px; background: #536072;}
.design_right h5{font-size: 24px; color: #fff; text-align: center;}
.design_right h5 span{font-size: 36px; color: #f8b62d;}
.design_right ul li{display: none; font-size: 14px; color: #fff; line-height: 48px; white-space: nowrap;}
.design_right ul li:nth-of-type(-n+8){display: block;}
@media only screen and (min-width: 0) and (max-width: 1350px){
	.design_right{display: none;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.design_con .will_close,
	.design_con2 .will_close{transform: translateX(-100%);}
	.design_left,
	.design_left2{max-width: 670px; width: 100%; padding: 80px 40px;}
	.design_left .content,
	.design_left2 .content{margin-top: 40px;}
	.design_left .content .design_pic,
	.design_left2 .content .design_pic{display: none;}
	.design_left .content ul,
	.design_left2 .content ul{width: 100%;}
	.design_left .content ul li,
	.design_left2 .content ul li{margin-top: 5%;}
	.design_left .content ul li .text,
	.design_left2 .content ul li .text{font-size: 18px; height: 60px; padding: 0 20px;}
	.design_left .content ul li .design_sex,
	.design_left2 .content ul li .design_sex{background-position: 92% center;}
	.design_left .content ul li .design_address select,
	.design_left2 .content ul li .design_address select{background-position: 92% center;}
	.design_left .content ul li .form_btn,
	.design_left2 .content ul li .form_btn{font-size: 18px; height: 60px;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.design_con,
	.design_con2{width: 90%;}
	.design_con .will_close,
	.design_con2 .will_close{width: 48px; height: 48px; background-size: 42%;}
	.design_left,
	.design_left2{padding: 8% 4%;}
	.design_left .content,
	.design_left2 .content{margin-top: 6%;}
	.design_left .content ul li .text,
	.design_left2 .content ul li .text{font-size: 16px; height: 48px; padding: 0 10px;}
	.design_left .content ul li .design_sex,
	.design_left2 .content ul li .design_sex{background-position: 95% center;}
	.design_left .content ul li .design_address select,
	.design_left2 .content ul li .design_address select{background-position: 95% center;}
	.design_left .content ul li .form_btn,
	.design_left2 .content ul li .form_btn{font-size: 16px; height: 48px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.design_con .will_close,
	.design_con2 .will_close{width: 38px; height: 38px; background-size: 38%;}
	.design_left .content ul li .text,
	.design_left2 .content ul li .text{font-size: 14px; height: 38px;}
	.design_left .content ul li .form_btn,
	.design_left2 .content ul li .form_btn{font-size: 14px; height: 38px;}
}

footer{background: #434144;}
.f_top{padding: 40px 0;}
.f_top .layout{display: flex; align-items: center; justify-content: space-between;}
.bdsharebuttonbox a{transition: 0.6s; float: left; padding: 15.5px !important; margin: 0 10px 0 0 !important; font-size: 14px !important; color: #717171 !important; display: flex; align-items: center; justify-content: space-between; height: 31px !important; line-height: 31px !important; border-radius: 50% !important; background-position: unset !important;}
.bdsharebuttonbox a:last-child{margin: 0 !important;}
.bdsharebuttonbox .bds_more{padding: 0 !important; margin: 0 5px 0 0 !important; border-radius: 0% !important; background: transparent !important;}
.bdsharebuttonbox .bds_weixin{background: url("../images/share_ico1.png") #6e6e6e center no-repeat !important;}
.bdsharebuttonbox .bds_tsina{background: url("../images/share_ico2.png") #6e6e6e center no-repeat !important;}
.bdsharebuttonbox .popup_qzone{background: url("../images/share_ico3.png") #6e6e6e center no-repeat !important;}
.bdsharebuttonbox .popup_tqq{background: url("../images/share_ico4.png") #6e6e6e center no-repeat !important;}
.bdsharebuttonbox .popup_renren{background: url("../images/share_ico5.png") #6e6e6e center no-repeat !important;}
.bdsharebuttonbox a:hover{background-color: #536072 !important;}
.f_logo{height: 58px;}
.f_logo img{height: 100%; object-fit: contain;}
.f_phone{display: flex; align-items: center; justify-content: flex-start;}
.f_phone img{height: 40px; object-fit: contain;}
.f_phone p{margin-left: 10px; font-size: 14px; color: #c7c7c7;}
.f_phone p a{display: block; font-size: 24px; color: #fff;}
.f_middle{border-top: 1px solid rgba(195,195,195,.3);}
.f_middle .layout{display: flex; align-items: stretch; justify-content: space-between;}
.f_words{width: 44.2858%; padding: 40px 0; border-right: 1px solid rgba(195,195,195,.3);}
.f_words h5{font-size: 16px; color: #fff;}
.f_words p{font-size: 14px; color: #d8d8d8; line-height: 30px;}
.f_words p:nth-of-type(1){margin-top: 10px;}
.f_words p a:hover{color: #f8b62d;}
.f_con{padding: 40px 0; display: flex; align-items: flex-start; justify-content: flex-end;}
.f_nav{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.f_nav li{transition: 0.6s; margin-top: 28px; margin-right: 38px; line-height: 100%;}
.f_nav li:nth-of-type(-n+2){margin-top: 0;}
.f_nav li:nth-of-type(2n){margin-right: 0;}
.f_nav li a{display: block; width: 5em; font-size: 14px; font-weight: bold; color: #d8d8d8; border-left: 3px solid transparent; padding-left: 10px; white-space: nowrap;}
.f_nav li a:hover{color: #fff; border-color: #f8b62d;}
.f_code{margin-left: 120px; text-align: center; display: flex; align-items: center; justify-content: flex-start;}
.f_code li{margin-right: 30px;}
.f_code li:last-child{margin-right: 0;}
.f_code li .pic{width: 112px; height: 112px;}
.f_code li .pic img{width: 100%; height: 100%; object-fit: contain;}
.f_code li p{margin-top: 15px; font-size: 14px; color: #d8d8d8; line-height: 100%;}
.f_bottom{padding: 35px 0; border-top: 1px solid rgba(195,195,195,.3);}
.f_link{display: flex; align-items: flex-start; justify-content: flex-start;}
.f_link h5{min-width: 5em;}
.f_link h5,.f_link ul li{font-size: 14px; font-weight: normal; color: #fff; line-height: 20px;}
.f_link ul{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.f_link li{margin-right: 15px;}
.f_link li:last-child{margin-right: 0;}
.f_link li a:hover{color: #f8b62d;}
@media only screen and (min-width: 0) and (max-width: 1380px){
	.f_nav{display: none;}
	.f_code{margin-left: 0;}
}
@media only screen and (min-width: 0) and (max-width: 1200px){
	.f_words{width: 100%; border: none;}
	.f_con{display: none;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.f_top,.f_bottom{display: none;}
	.f_words p em{display: block;}
	.f_words{padding: 6% 0;}
	.f_words h5{font-size: 22px;}
	.f_words p{font-size: 18px; line-height: 1.8em;}
	.f_words p:nth-of-type(1){margin-top: 1%;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.f_words h5{font-size: 16px;}
	.f_words p{font-size: 14px;}
}
/*== 公共尾部 ==*/


/*== 内页 ==*/
.page_img{position: relative; width: 100%;}
.page_img .pic{display: block; position: relative; width: 100%; padding: 10.8696% 0; overflow: hidden;}
.page_img .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.page_img .ind_tit{position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.page_img .ind_tit h3{color: #fff;}
.page_img .ind_tit h4{color: #fff;}
.page_img .ind_tit h4 span::before,.page_img .ind_tit h4 span::after{background: #fff;}
@media only screen and (min-width: 0) and (max-width: 1200px){
.page_img .pic{display: block; position: relative; width: 100%; padding: 20.8696% 0; overflow: hidden;}

}

.page_pos_box{display: flex; align-items: center; justify-content: space-between;}
.page_pos{font-size: 14px; color: #434144; height: 78px; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.page_pos span{margin: 0 5px;}
.page_pos span:nth-of-type(1){margin: 0 0 0 10px;}
.page_pos a:hover{color: #f8b62d;}
.page_nav{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.page_nav li{position: relative; height: 100%; text-align: center;}
.page_nav li::after{transition: 0.6s; position: absolute; left: 0; bottom: 0; content: ""; width: 0; height: 3px; background: #f8b62d;}
.page_nav li a{display: block; font-size: 14px; color: #787878; height: 78px; padding: 0 20px; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.page_nav li:hover::after,.page_nav li.active::after{width: 100%;}
.page_nav li:hover a,.page_nav li.active a{color: #fff; background: #536072;}
.m_page_nav{display: none;}
@media only screen and (min-width: 0) and (max-width: 1024px){
	.page_pos_box{display: none;}
	.m_page_nav{display: block;}
	.m_page_nav li{width: 100%;}
	.m_page_nav li dl{display: block; border-top: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd;}
	.m_page_nav li dl dt{transition: 0.6s; padding: 1.2% .32rem; cursor: pointer; display: flex; align-items: center; justify-content: space-between;}
	.m_page_nav li dl dt span{transition: 0.6s; font-size: 18px; color: #434144; line-height: 200%;}
	.m_page_nav li dl dt i{transition: 0.6s; font-size: 36px; font-weight: bold; color: #536072;}
	.m_page_nav li dl dd{display: none; padding: 0 .32rem; border-top: 1px solid #bdbdbd; background: #f5f5f5;}
	.m_page_nav li dl dd a{display: block; font-size: 18px; color: #434144; line-height: 200%; padding: 1.2% 0; border-bottom: 1px solid #cecece; text-align: center;}
	.m_page_nav li dl dd a:last-child{border-color: transparent;}
	.m_page_nav li dl dd a.active{color: #f8b62d;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.m_page_nav{ margin-top:0px}
	.m_page_nav li dl dt{padding: 1.6% .32rem;}
	.m_page_nav li dl dt span{font-size: 20px;}
	.m_page_nav li dl dt i{font-size: 30px;}
	.m_page_nav li dl dd a{font-size: 16px; padding: 1.6% 0;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.m_page_nav li dl dt{padding: 2.2% .32rem;}
	.m_page_nav li dl dt span{font-size: 14px;}
	.m_page_nav li dl dt i{font-size: 24px;}
	.m_page_nav li dl dd a{font-size: 14px; padding: 2.2% 0;}
	.page_img .ind_tit{position: absolute; left: 50%; top: 60%; transform: translateX(-50%) translateY(-50%);}
}

.page_con{max-width: 1840px; margin: 0 auto 80px; padding: 50px 0; background: #fff;}
.pub_box{padding: 80px; height: 100%; overflow: hidden; background: #fff;}
@media only screen and (min-width: 0) and (max-width: 1024px){
	.page_con{margin: 0 auto 0; padding: 8% 0; background: #fff;}
	.pub_box{padding: 0; overflow: visible;}
}

/*== 关于金豪 ==*/
.about1{height: 100%; display: flex; align-items: stretch; justify-content: space-between;}
.about1_words{width: 50.8065%;}
.about1_words .pub_tit{align-items: flex-start;}
.about1_words>p{margin-top: 27px; font-size: 16px; color: #434144; line-height: 30px;}
.about1_words>p:nth-of-type(1){margin-top: 35px;}
.about1_pic{display: block; position: relative; width: 42.742%; height: 100%; padding: 31.6533% 0; overflow: hidden;}
.about1_pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
@media only screen and (min-width: 0) and (max-width: 1200px){
	.about1{height: 100%; display: block;}
	.about1_words{width: 100%;}
	.about1_words .pub_tit{align-items: center;}
	.about1_pic{display: none;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.about1_words>p{margin-top: 3%; font-size: 18px; line-height: 1.8em;}
	.about1_words>p:nth-of-type(1){margin-top: 6%;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.about1_words>p{font-size: 16px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.about1_words>p{font-size: 14px;}
}

.about2{padding: 80px 0;}
.about2_swiper{margin-top: 40px; position: relative;}
.about2_swiper .swiper-slide a{display: block; width: 100%; height: 100%;}
.about2_swiper .swiper-slide .pic{display: block; position: relative; width: 100%; padding: 50% 0; overflow: hidden; background: #f7f7f7;}
.about2_swiper .swiper-slide .pic img{padding: 18px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.about2_swiper .swiper-slide p{transition: 0.6s; margin-top: 15px; padding: 0 18px; font-size: 16px; color: #434144; line-height: 24px; text-align: center;}
.about2_swiper .swiper-slide:hover p{color: #f8b62d;}
.about2_swiper_btn .swiper-button-prev{transition: 0.6s; z-index: 1; opacity: 1; font-size: 35px; color: #bebebe; width: 45px; height: 45px; left: -45px; background: transparent; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.about2_swiper_btn .swiper-button-prev i{transform: translateX(-10%) translateY(-5%);}
.about2_swiper_btn .swiper-button-next{transition: 0.6s; z-index: 1; opacity: 1; font-size: 35px; color: #bebebe; width: 45px; height: 45px; right: -45px; background: transparent; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.about2_swiper_btn .swiper-button-next i{transform: translateX(10%) translateY(-5%);}
.about2_swiper_btn .swiper-button-prev:hover ,.about2_swiper_btn .swiper-button-next:hover{color: #536072;}
@media only screen and (min-width: 0) and (max-width: 1024px){
	.about2{padding: 8% 0;}
	.about2_swiper{margin-top: 6%;}
	.about2_swiper .swiper-slide .pic img{padding: 15px;}
	.about2_swiper .swiper-slide p{margin-top: 3%; padding: 0 15px; font-size: 18px; line-height: 1.8em;}
	.about2_swiper_btn{margin-top: 3%; display: flex; align-items: center; justify-content: center;}
	.about2_swiper_btn .swiper-button-prev{margin-right: 20px; position: static; margin-top: 0; color: #fff; background: #536072;}
	.about2_swiper_btn .swiper-button-next{position: static; margin-top: 0; color: #fff; background: #536072;}
	.about2_swiper_btn .swiper-button-prev:hover ,.about2_swiper_btn .swiper-button-next:hover{color: #fff; background: #f8b62d;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.about2_swiper .swiper-slide p{font-size: 16px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.about2_swiper .swiper-slide .pic img{padding: 10px;}
	.about2_swiper .swiper-slide p{padding: 0 10px; font-size: 14px;}
	.about2_swiper_btn .swiper-button-prev{margin-right: 15px; font-size: 25px; width: 35px; height: 35px;}
	.about2_swiper_btn .swiper-button-next{font-size: 25px; width: 35px; height: 35px;}
}

.about3{position: relative; display: flex; align-items: stretch; justify-content: flex-start; background: #f7f7f7;}
.about3_pic{width: 50%;}
.about3_pic .swiper-container{width: 100%;}
.about3_pic .swiper-slide{display: block; position: relative; width: 100%; padding: 37.5% 0; overflow: hidden;}
.about3_pic .swiper-slide img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.about3_pic .swiper_bottom{position: absolute; right: 0; bottom: 0; width: 50%; padding: 0 40px;}
.about3_pic .swiper_bottom .box{height: 70px; border-top: 1px solid #e4e4e4; display: flex; align-items: center; justify-content: space-between;}
.about3_pic .swiper-button-prev{transition: 0.6s; z-index: 1; position: static; opacity: 1; font-size: 35px; color: #bebebe; width: 15px; height: 100%; margin-top: 0; background: transparent; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.about3_pic .swiper-button-prev i{transform: translateX(-10%) translateY(-5%);}
.about3_pic .swiper-button-next{transition: 0.6s;  z-index: 1; position: static; opacity: 1; font-size: 35px; color: #bebebe; width: 15px; height: 100%; margin-top: 0; background: transparent; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.about3_pic .swiper-button-next i{transform: translateX(10%) translateY(-5%);}
.about3_pic .swiper_page{font-size: 16px; font-family: "Arial"; font-weight: bold; color: #979797; letter-spacing: 5px; display: flex; align-items: center; justify-content: center;}
.about3_pic .swiper-button-prev:hover ,.about3_pic .swiper-button-next:hover{color: #536072;}
.about3_words{width: 50%; padding: 0 40px 70px; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.about3_words>p{margin-top: 30px; font-size: 16px; color: #434144; line-height: 30px; text-align: center;}
@media only screen and (min-width: 0) and (max-width: 1200px){
	.about3{display: block; padding-bottom: 70px;}
	.about3_pic{width: 100%;}
	.about3_words{width: 100%; padding: 40px;}
	.about3_pic .swiper_bottom{width: 100%;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.about3{display: block; padding-bottom: 1rem;}
	.about3_pic .swiper_bottom{width: 100%; padding: 0 4%;}
	.about3_pic .swiper_bottom .box{height: 1rem;}
	.about3_pic .swiper_page{font-size: 18px; letter-spacing: 4px;}
	.about3_words{padding: 4%;}
	.about3_words>p{margin-top: 3%; font-size: 18px; line-height: 1.8em;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.about3_pic .swiper_page{font-size: 16px; letter-spacing: 3px;}
	.about3_words>p{font-size: 16px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.about3_pic .swiper_page{font-size: 14px;}
	.about3_words>p{font-size: 14px;}
}

.about4{padding-top: 80px;}
.about4_list{margin-top: 40px; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.about4_list li .pic{display: block; position: relative; width: 100%; padding: 26.7242% 0; overflow: hidden; background: #f7f7f7; cursor: default;}
.about4_list li .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.about4_list li .pic img:hover{-webkit-animation: tada 1s .2s ease both; -moz-animation: tada 1s .2s ease both;}
@media only screen and (min-width: 1201px){
	.about4_list li{width: 23.3871%; margin-top: 2.1506%; margin-right: 2.1506%;}
	.about4_list li:nth-of-type(-n+4){margin-top: 0;}
	.about4_list li:nth-of-type(4n){margin-right: 0;}
}
@media only screen and (min-width: 769px) and (max-width: 1200px){
	.about4_list li{width: 32%; margin-top: 2%; margin-right: 2%;}
	.about4_list li:nth-of-type(-n+3){margin-top: 0;}
	.about4_list li:nth-of-type(3n){margin-right: 0;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.about4{padding-top: 8%;}
	.about4_list{margin-top: 6%;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.about4_list li{width: 49%; margin-top: 2%; margin-right: 2%;}
	.about4_list li:nth-of-type(-n+2){margin-top: 0;}
	.about4_list li:nth-of-type(2n){margin-right: 0;}
}

.about5{margin-top: 80px;}
.about5_bg{z-index: 1; position: relative; padding: 50px 0;}
.about5_bg::after{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1400px; height: 100%; background: url(../images/about5_bg.jpg) center no-repeat; background-size: cover;}
.about5_bd{position: relative; padding: 60px 40px; background: #fff;}
.about5_bd .swiper-slide{background: #fff; display: flex; align-items: flex-start; justify-content: space-between;}
.about5_bd .swiper-slide .about5_bd_words{width: 39%;}
.about5_bd .swiper-slide .about5_bd_words .pub_tit{align-items: flex-start;}
.about5_bd .swiper-slide .about5_bd_words h3{margin-top: 55px; font-size: 24px; color: #536072;}
.about5_bd .swiper-slide .about5_bd_words pre{margin-top: 25px; white-space: pre-wrap; font-family: "微软雅黑","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; font-size: 16px; color: #434144; line-height: 36px;}
.about5_bd .swiper-slide .about5_bd_pic{display: block; position: relative; width: 58.0173%; padding: 20.2587% 0; overflow: hidden;}
.about5_bd .swiper-slide .about5_bd_pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.about5_hd{margin-top: 40px; position: relative; padding: 0 50px;}
.about5_hd .swiper-container{position: relative;}
.about5_hd .swiper-container:after{position: absolute; left: 0; top: 16px; content: ""; width: 100%; height: 1px; background: #c8c8c8;}
.about5_hd .swiper-slide{transition: 0.6s; position: relative; padding-top: 32px; font-size: 24px; font-family: "Arial"; color: #424242; text-align: center; cursor: pointer;}
.about5_hd .swiper-slide:after{z-index: 1; transition: 0.6s; position: absolute; left: 50%; top: 12px; margin-left: -4px; content: ""; width: 8px; height: 8px; border-radius: 50%; background: #cccccc;}
.about5_hd .swiper-slide-active{color: #536072}
.about5_hd .swiper-slide-active:after {background: #536072;}
.about5_hd .swiper-button-prev{transition: 0.6s; z-index: 1; opacity: 1; font-size: 28px; font-weight: bold; color: #c8c8c8; width: 32px; height: 32px; left: 0; top: 0; margin-top: 0; border: 3px solid #c8c8c8; border-radius: 50%; background: transparent; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.about5_hd .swiper-button-prev i{transform: translateX(-10%) translateY(-5%);}
.about5_hd .swiper-button-next{transition: 0.6s; z-index: 1; opacity: 1; font-size: 28px; font-weight: bold; color: #c8c8c8; width: 32px; height: 32px; right: 0; top: 0; margin-top: 0; border: 3px solid #c8c8c8; border-radius: 50%; background: transparent; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.about5_hd .swiper-button-next i{transform: translateX(10%) translateY(-5%);}
.about5_hd .swiper-button-prev:hover ,.about5_hd .swiper-button-next:hover{color: #f8b62d; border-color: #f8b62d;}
@media only screen and (min-width: 0) and (max-width: 1200px){
	.about5_bd .swiper-slide{display: block;}
	.about5_bd .swiper-slide .about5_bd_words{width: 100%;}
	.about5_bd .swiper-slide .about5_bd_words .pub_tit{align-items: center;}
	.about5_bd .swiper-slide .about5_bd_pic{margin-top: 20px; width: 100%; padding: 34.9183% 0;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.about5{margin-top: 8%;}
	.about5_bg{padding: .32rem 0;}
	.about5_bd{padding: 4%;}
	.about5_bd .swiper-slide .about5_bd_words h3{margin-top: 6%; font-size: 22px;}
	.about5_bd .swiper-slide .about5_bd_words pre{margin-top: 3%; font-size: 18px; line-height: 2em;}
	.about5_bd .swiper-slide .about5_bd_pic{margin-top: 3%;}
	.about5_hd{margin-top: 4%; padding: 0 40px;}
	.about5_hd .swiper-slide{font-size: 22px;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.about5_bd .swiper-slide .about5_bd_words h3{font-size: 18px;}
	.about5_bd .swiper-slide .about5_bd_words pre{font-size: 16px;}
	.about5_hd .swiper-slide{font-size: 18px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.about5_bd .swiper-slide .about5_bd_words h3{font-size: 16px;}
	.about5_bd .swiper-slide .about5_bd_words pre{font-size: 14px;}
	.about5_hd .swiper-slide{font-size: 16px;}
}

.about6{margin-top: 80px;}
.about6_pic{margin-top: 40px; padding: 80px; border: 40px solid #f7f7f7; display: flex; justify-content: center; flex-direction: column; align-items: center;}
@media only screen and (min-width: 0) and (max-width: 1024px){
	.about6{margin-top: 8%;}
	.about6_pic{margin-top: 6%; padding: 4%; border: .55rem solid #f7f7f7;}
}

.about7{margin-top: 80px; display: flex; align-items: stretch; justify-content: space-between;}
.about7_words{width: 50%; padding: 3.5%; background: #f7f7f7; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.about7_words h3{margin-top: 35px; font-size: 18px; color: #536072;}
.about7_words p{margin-top: 5px; font-size: 16px; color: #434144; line-height: 36px; text-align: center;}
.about7_pic{order: -1; display: block; position: relative; width: 50%; padding: 18.75% 0; overflow: hidden;}
.about7_pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
@media only screen and (min-width: 0) and (max-width: 1200px){
	.about7{display: block;}
	.about7_words{width: 100%; padding: 4%;}
	.about7_pic{width: 100%; padding: 37.5% 0;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.about7{margin-top: 8%;}
	.about7_words h3{margin-top: 4%; font-size: 20px;}
	.about7_words p{margin-top: 1%; font-size: 18px; line-height: 2em;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.about7_words h3{font-size: 18px;}
	.about7_words p{font-size: 16px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.about7_words h3{font-size: 16px;}
	.about7_words p{font-size: 14px;}
}

/*== 联系我们 ==*/
.contact1_list li{font-size: 16px; color: #434144; line-height: 30px;}
.contact1_list li a:hover{color: #f8b62d;}
#bmap{margin-top: 40px; width: 100%; height: 410px; border: 1px solid #e1e1e1;}
#bmap img{max-width: none;}
.BMap_bubble_content{max-width: 310px;}
.BMap_bubble_content p{font-size: 14px; color: #434144; line-height: 180%;}
.BMap_bubble_content p:nth-of-type(1){font-size: 16px; font-weight: bold; color: #bf0008; margin-bottom: 5px;}
@media only screen and (min-width: 0) and (max-width: 1024px){
	.contact1_list li{font-size: 18px; line-height: 1.8em;}
	#bmap{margin-top: 6%; width: 100%; height: 8rem;}
	.BMap_bubble_content p{font-size: 18px;}
	.BMap_bubble_content p:nth-of-type(1){font-size: 20px;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.contact1_list li{font-size: 16px;}
	.BMap_bubble_content p{font-size: 16px;}
	.BMap_bubble_content p:nth-of-type(1){font-size: 18px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.contact1_list li{font-size: 14px;}
	.BMap_bubble_content p{font-size: 14px;}
	.BMap_bubble_content p:nth-of-type(1){font-size: 16px;}
}

.contact2{padding-top: 80px;}
.msg_form{margin-top: 40px;}
.msg_form ul{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.msg_form ul li{margin-top: 20px; width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.msg_form ul li:nth-of-type(-n+2){margin-right: 1.613%;}
.msg_form ul li:nth-of-type(-n+3){width: 32.2581%; margin-top: 0;}
.msg_form ul li:last-child{margin-top: 40px; justify-content: center;}
.msg_form .text{transition: 0.6s; font-size: 16px; color: #979797; width: 100%; height: 58px; padding: 0 15px; border: 1px solid #dcdcdc; background: #f5f5f5;}
.msg_form .text::-webkit-input-placeholder{color: #979797;}
.msg_form input[type='text']:focus,.msg_form input[type='email']:focus,.msg_form textarea:focus{border-color: #f8b62d; box-shadow: 0 0 10px rgba(248,128,45,0.5);}
.msg_form .msg_address{width: 100%; display: flex; align-items: center; justify-content: space-between;}
.msg_form .msg_address select{width: 49.1936%; background: url(../images/select_ico2.png) #f5f5f5 97.5% center no-repeat; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor: pointer;}
.msg_form .msg_content{height: 158px; padding: 15px;}
.msg_form .form_btn,.msg_form .form_reset{transition: 0.6s; font-size: 14px; font-weight: bold; color: #fff; max-width: 170px; width: 100%; height: 58px; border: none; border-bottom: 3px solid #f8b62d; background: #536072; cursor: pointer;}
.msg_form .form_reset{margin-left: 1.613%; border-color: #536072; background: #f8b62d;}
.msg_form .form_btn:hover,.msg_form .form_reset:hover{box-shadow: 3px 3px 10px rgba(248,128,45,0.5);}
@media only screen and (min-width: 0) and (max-width: 1024px){
	.contact2{padding-top: 8%;}
	.msg_form{margin-top: 6%;}
	.msg_form ul li{margin-top: 3%;}
	.msg_form ul li:nth-of-type(-n+2){margin-right: 0;}
	.msg_form ul li:nth-of-type(-n+3){width: 100%; margin-top: 3%;}
	.msg_form ul li:nth-of-type(1){margin-top: 0;}
	.msg_form ul li:last-child{margin-top: 3%;}
	.msg_form .text{font-size: 18px; height: 60px; padding: 0 20px;}
	.msg_form .msg_address select{width: 48.5%; background-position: 95.5% center;}
	.msg_form .msg_content{height: 3rem; padding: 20px;}
	.msg_form .form_btn,.msg_form .form_reset{font-size: 18px; max-width: 100%; width: 48.5%; height: 60px;}
	.msg_form .form_reset{margin-left: 3%;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.msg_form .text{font-size: 16px; height: 48px; padding: 0 10px;}
	.msg_form .msg_address select{background-position: 97% center;}
	.msg_form .msg_content{height: 2.5rem; padding: 10px;}
	.msg_form .form_btn,.msg_form .form_reset{font-size: 16px; height: 48px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.msg_form .text{font-size: 14px; height: 38px;}
	.msg_form .msg_content{height: 2.5rem;}
	.msg_form .form_btn,.msg_form .form_reset{font-size: 14px; height: 38px;}
}

/*== 产品中心 ==*/
.page_nav_hd{font-size: 16px; color: #626262; border: 1px solid #d3d3d3; background: #fff; 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(../images/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;}
.page_nav_hd .right li a i{margin-left: 10px;}
.page_nav_hd .right li:hover a{color: #fff; background: #536072;}
.page_nav_bd{background: #fff;}
.page_nav_bd li{width: 100%; padding: 11px 0; border: 1px solid #d3d3d3; border-top: none;}
.page_nav_bd li dl{display: flex; align-items: flex-start; justify-content: flex-start;}
.page_nav_bd li dl dt{padding: 0 44px; display: flex; align-items: center; justify-content: center;}
.page_nav_bd li dl dt span{display: block; min-width: 2em; position: relative; font-size: 16px; font-weight: bold; color: #626262; line-height: 100%; padding: 13px 0;}
.page_nav_bd li dl dt i{display: none; margin-left: 1%; font-size: 20px; color: #b3b3b3;}
.page_nav_bd li dl dd{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.page_nav_bd li dl dd a{margin: 0 15px; display: block; font-size: 16px; color: #626262; line-height: 100%; padding: 10px 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent;}
.page_nav_bd li dl dd a:hover,.page_nav_bd li dl dd a.active{border-bottom-color: #f8b62d;}
@media only screen and (min-width: 0) and (max-width: 1024px){
	.page_nav_hd{display: none;}
	.page_nav_bd li{width: 100%; padding: 0; border: none;}
	.page_nav_bd li dl{display: block;}
	.page_nav_bd li dl dt{transition: 0.6s; padding: 2%; border: 1px solid #bdbdbd; border-bottom: none; cursor: pointer;}
	.page_nav_bd li:last-child dl dt{border-bottom: 1px solid #bdbdbd;}
	.page_nav_bd li dl dt span{transition: 0.6s; font-size: 18px; font-weight: normal; padding: 0;}
	.page_nav_bd li dl dt i{transition: 0.6s; display: block;}
	.page_nav_bd li dl dd{display: none; padding: 2% 0; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd;}
	.page_nav_bd li:last-child dl dd{border-bottom: 1px solid #bdbdbd;}
	.page_nav_bd li dl dd a{margin: 0; font-size: 18px; padding: 2%; border: none; text-align: center;}
	.page_nav_bd li dl dd a:nth-of-type(1){display: none;}
	.page_nav_bd li dl dd a.active{color: #f8b62d;}
	.page_nav_bd li.active dl dt{border-color: #536072; background: #536072;}
	.page_nav_bd li.active dl dt span,.page_nav_bd li.active dl dt i{color: #fff;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.page_nav_bd li dl dt{padding: 2.3%;}
	.page_nav_bd li dl dt span{font-size: 16px;}
	.page_nav_bd li dl dd a{font-size: 16px; padding: 2.3%;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.page_nav_bd li dl dt{padding: 2.8%;}
	.page_nav_bd li dl dt span{font-size: 14px;}
	.page_nav_bd li dl dd a{font-size: 14px; padding: 2.8%;}
}

.pro{margin-top: 60px; display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
.pro li{position: relative; height: 100%;}
.pro a{display: block; width: 100%; height: 100%;}
.pro .pro_pic{display: block; position: relative; width: 100%; padding: 50% 0; overflow: hidden;}
.pro .pro_pic img{transition: 0.6s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.pro .pro_pic:after{transition: 0s; position: absolute; left: -400px; top: 0; transform: skewx(-25deg); content: ""; width: 200px; height: 100%; overflow: hidden; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));}
.pro .pro_pic:hover:after{transition: 0.6s; left: 450px; width: 200px;}
.pro .pro_pic .fade{opacity: 0;}
.pro li:hover .fade{opacity: 1;}
.pro .pro_words{z-index: 1; position: relative;}
.pro .pro_bg{padding: 10.3449%; background: #fff; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.pro .pro_bg h5{max-width: 100%; font-size: 18px; font-weight: normal; color: #434144; line-height: 110%;}
.pro .pro_bg h5 a{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:18px}
.pro .pro_bg p{margin-top: 5px; max-width: 100%; font-size: 14px; font-family: "Arial"; color: #979797; text-transform: uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pro .pro_bg em{margin-top: 30px; cursor: pointer;}
.pro .pro_label{position: absolute; left: 0; top: 0; display: inline-block; font-size: 14px; color: #fff; min-width: 44px; line-height: 26px; padding: 0 8px; text-align: center; background: #de413a;} 

.loading_bnt,.m_pro,.pro_hid,.news_hid,.activity_hid{display: none;}
@media only screen and (min-width: 1201px){
	.pro li{width: 23.5715%; margin-top: 1.9048%; margin-right: 1.9048%;}
	.pro li:nth-of-type(-n+4){margin-top: 0}
  	.pro li:nth-of-type(4n){margin-right: 0;}
}
@media only screen and (min-width: 769px) and (max-width: 1200px){
	.pro li,
	.m_pro li{width: 32%; margin-top: 2%; margin-right: 2%;}
	.pro li:nth-of-type(-n+3),
	.m_pro li:nth-of-type(-n+3){margin-top: 0}
  	.pro li:nth-of-type(3n),
  	.m_pro li:nth-of-type(3n){margin-right: 0;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.pro li,
	.m_pro li{width: 49%; margin-top: 2%; margin-right: 2%;}
	.pro li:nth-of-type(-n+2),
	.m_pro li:nth-of-type(-n+2){margin-top: 0}
  	.pro li:nth-of-type(2n),
  	.m_pro li:nth-of-type(2n){margin-right: 0;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.pro{margin-top: 6%;}
	/* .pro .pro_words{margin-top: -10%; padding: 0 .32rem;} */
	.pro .pro_bg{padding: 10%;}
	.pro .pro_bg p{font-size: 16px;}
	.pro .pro_bg em{margin-top: 10%;}

	.loading_bnt{margin-top: 6%; padding: 2.5% 0; background: #536072; display: flex; align-items: center; justify-content: center;}
	.loading_bnt i{display: block; width: 25px; height: 25px; background: url(../images/loading_ico.png); background-size: contain;}
	.loading_bnt span{margin-left: 10px; display: block; font-size: 20px; color: #fff; line-height: 100%;}
	.m_pro{margin-top: 6%; display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
	.m_pro a{display: block; width: 100%; height: 100%;}
	.m_pro .pro_pic{display: block; position: relative; width: 100%; padding: 50% 0; overflow: hidden;}
	.m_pro .pro_pic img{transition: 0.6s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
	.m_pro .pro_pic:after{transition: 0s; position: absolute; left: -400px; top: 0; transform: skewx(-25deg); content: ""; width: 200px; height: 100%; overflow: hidden; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));}
	.m_pro .pro_pic:hover:after{transition: 0.6s; left: 450px; width: 200px;}
	.m_pro .pro_words{padding: 4%; text-align: center;}
	.m_pro .pro_words h5{font-size: 18px; font-weight: normal; color: #434144; line-height: 110%;}
	.m_pro .pro_words p{margin-top: 5px; font-size: 16px; font-family: "Arial"; color: #979797; text-transform: uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	/* .pro .pro_words{margin-top: -9%;} */
	.pro .pro_bg{padding: 9%;}
	.pro .pro_bg h5{font-size: 16px;}
	.pro .pro_bg p{font-size: 14px;}
	.pro .pro_bg em{margin-top: 9%;}

	.loading_bnt{padding: 2.8% 0;}
	.loading_bnt i{width: 18px; height: 18px;}
	.loading_bnt span{margin-left: 5px; font-size: 16px;}
	.m_pro .pro_words h5{font-size: 16px;}
	.m_pro .pro_words p{font-size: 14px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.loading_bnt{padding: 3.5% 0;}
}
@media only screen and (min-width: 0) and (max-width: 375px){
	/* .pro .pro_words{margin-top: -7%;} */
	.pro .pro_bg{padding: 7%;}
	.pro .pro_bg em{margin-top: 7%;}
}

/*== 产品详情 ==*/
.pro_view1{margin-top: 60px; display: flex; align-items: flex-start; justify-content: space-between;}
.pro_view1_left{position: relative; width: 48.1429%; padding: 6px; border: 1px solid #d8d8d8;}
.pro_view1_bd .swiper-slide{position: relative; background: #f7f7f7;}
.pro_view1_bd .swiper-slide .pic{display: block; position: relative; width: 100%; padding: 50% 0; overflow: hidden;}
.pro_view1_bd .swiper-slide .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.pro_view1_bd .swiper-slide p{position: absolute; left: 0; bottom: 0; width: 100%; font-size: 14px; color: #fff; line-height: 20px; padding: 10px 20px; background: rgba(0,0,0,0.5);}
.pro_view1_hd{position: absolute; left: 0; bottom: 60px; width: 100%; padding: 0 26px;}
.pro_view1_hd .swiper-slide{width: auto;}
.pro_view1_hd .swiper-slide a{display: block; position: relative; width: 30px; height: 30px; overflow: hidden; background: #fff;}
.pro_view1_hd .swiper-slide a img{transition: 0.6s; border: 1px solid #cccccc; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.pro_view1_hd .swiper-slide.active a img{border-color: #313131;}
.pro_view1_right{width: 47.5%;}
.pro_view1_right h3{margin-top: 10px; font-size: 24px; color: #000;}
.pro_view1_word{margin-top: 20px;}
.pro_view1_word pre{white-space: pre-wrap; font-family: "微软雅黑","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; font-size: 16px; color: #474443; line-height: 24px;}
.pro_view1_word2{margin-top: 35px; padding: 40px 0; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; display: flex; align-items: flex-start; justify-content: space-between;}
.pro_view1_word2 ul{max-width: 98%;}
.pro_view1_word2 ul li{margin-top: 25px; font-size: 16px; color: #474443; line-height: 24px; display: flex; align-items: flex-start; justify-content: flex-start;}
.pro_view1_word2 ul li:nth-of-type(1){margin-top: 0;}
.pro_view1_word2 ul li span{display: inline-block; min-width: 3.5em;}
.pro_view1_word2 ul li i:last-child{display: none;}
.pro_view1_word2 figure{min-width: 155px; width: 155px;}
.pro_view1_word2 figure .pic{width: 100%;}
.pro_view1_word2 figure .pic img{width: 100%; object-fit: contain;}
.pro_view1_word2 figure p{margin-top: 10px; font-size: 16px; color: #474443; text-align: center;}
.pro_view1_word3{margin-top: 40px; display: flex; align-items: center; justify-content: flex-start;}
.pro_view1_word3 a{margin-right: 20px;}
.pro_view1_word3 a:last-child{margin-right: 0;}
.pro_view1_word3 .pro_btn{display: inline-block; font-size: 16px; color: #fff; width: 142px; line-height: 42px; text-align: center; background: #074a99;}
.pro_view1_word3 .pro_btn:hover{color: #fff; border-color: #f9bf46; background: #f9bf46;}
.pub_bdsharebuttonbox a:hover{background-color: transparent !important;}
.pub_bdsharebuttonbox .bds_weixin,.pub_bdsharebuttonbox .bds_weixin:hover{background-color: #3eb135 !important;}
.pub_bdsharebuttonbox .bds_tsina,.pub_bdsharebuttonbox .bds_tsina:hover{background-color: #df4d69 !important;}
.pub_bdsharebuttonbox .popup_qzone,.pub_bdsharebuttonbox .popup_qzone:hover{background-color: #eecf3d !important;}
.pub_bdsharebuttonbox .popup_tqq,.pub_bdsharebuttonbox .popup_tqq:hover{background-color: #45aaf2 !important;}
.pub_bdsharebuttonbox .popup_renren,.pub_bdsharebuttonbox .popup_renren:hover{background-color: #1361a7 !important;}
@media only screen and (min-width: 0) and (max-width: 1440px){
	.pro_view1_word2 ul{max-width: 100%;}
	.pro_view1_word2 figure{display: none;}
}
@media only screen and (min-width: 0) and (max-width: 1200px){
	.pro_view1{display: block;}
	.pro_view1_left{width: 100%;}
	.pro_view1_right{width: 100%;}
	.pro_view1_right h3{margin-top: 35px;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.pro_view1{margin-top: 0;}
	.pro_view1_bd .swiper-slide p{font-size: 18px; line-height: 30px; padding: 10px;}
	.pro_view1_hd{bottom: 76px; padding: 0 16px;}
	.pro_view1_hd .swiper-slide a{width: 40px; height: 40px;}
	.pro_view1_right h3{margin-top: 4%; font-size: 22px;}
	.pro_view1_word{margin-top: 2%;}
	.pro_view1_word pre{font-size: 18px; line-height: 1.8em;}
	.pro_view1_word2{margin-top: 4%; padding: 4% 0; display: block;}
	.pro_view1_word2 ul li{margin-top: 1%; font-size: 18px; line-height: 1.8em;}
	.pro_view1_word3{margin-top: 4%;}
	.pro_view1_word3 .pub_link2{width: 250px; border-color: #536072; background: #f9bf46;}
	.pro_view1_word3 .pub_link2::before{background: #536072;}
	.pro_view1_word3 .pub_link2::after{background: #f9bf46;}
	.pro_view1_word3 .pub_link2.design_btn{border-color: #f9bf46; background: #536072;}
	.pro_view1_word3 .pub_link2.design_btn::before{background: #f9bf46;}
	.pro_view1_word3 .pub_link2.design_btn::after{background: #536072;}
	.pro_view1_word3 a{margin-right: 20px;}
	.pro_view1_right .pro_view1_word3:nth-of-type(4),
	.pro_view1_right .pro_view1_word3:nth-of-type(5){display: none;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.pro_view1_bd .swiper-slide p{font-size: 16px; line-height: 24px;}
	.pro_view1_hd{bottom: 70px;}
	.pro_view1_hd .swiper-slide a{width: 35px; height: 35px;}
	.pro_view1_right h3{font-size: 20px;}
	.pro_view1_word pre{font-size: 16px;}
	.pro_view1_word2 ul li{font-size: 16px;}
	.pro_view1_word3 .pub_link2{width: 220px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.pro_view1_bd .swiper-slide p{font-size: 14px; line-height: 20px;}
	.pro_view1_hd{bottom: 66px;}
	.pro_view1_hd .swiper-slide a{width: 30px; height: 30px;}
	.pro_view1_right h3{font-size: 18px;}
	.pro_view1_word pre{font-size: 14px;}
	.pro_view1_word2 ul li{font-size: 14px;}
	.pro_view1_word3 .pub_link2{width: 50%;}
}

.pro_view2{margin-top: 60px;}
.pro_view2_con{margin-top: 60px;}
.pro_view2_bd{position: relative; padding: 0 100px;}
.pro_view2_bd .swiper-container{border: 1px solid #d8d8d8;}
.pro_view2_bd .swiper-slide{display: block; position: relative; width: 100%; padding: 29.8652% 0; overflow: hidden; background: #fff;}
.pro_view2_bd .swiper-slide img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.pro_view2_bd .swiper-button-prev{transition: 0.6s; z-index: 1; opacity: 1; font-size: 35px; color: #fff; width: 40px; height: 40px; left: 0; margin-top: -20px; border-radius: 50%; background: #536072; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.pro_view2_bd .swiper-button-prev i{transform: translateX(-10%) translateY(-5%);}
.pro_view2_bd .swiper-button-next{transition: 0.6s; z-index: 1; opacity: 1; font-size: 35px; color: #fff; width: 40px; height: 40px; right: 0; margin-top: -20px; border-radius: 50%; background: #536072; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.pro_view2_bd .swiper-button-next i{transform: translateX(10%) translateY(-5%);}
.pro_view2_bd .swiper-button-prev:hover ,.pro_view2_bd .swiper-button-next:hover{background: #f8b62d;}
.pro_view2_hd{margin-top: 25px; padding: 0 100px;}
.pro_view2_hd .swiper-slide a{display: block; position: relative; width: 100%; padding: 30.0532% 0; overflow: hidden; background: #fff;}
.pro_view2_hd .swiper-slide a::after{transition: 0.6s; opacity: 0; position: absolute; left: 0; top: 0; content: "查看中"; font-size: 14px; color: #fff; width: 100%; height: 100%; background: rgba(0,0,0,.5); display: flex; justify-content: center; flex-direction: column; align-items: center;}
.pro_view2_hd .swiper-slide a img{transition: 0.6s; border: 1px solid #d8d8d8; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.pro_view2_hd .swiper-slide.active a::after{opacity: 1;}
.pro_view2_hd .swiper-slide.active a img{border-color: rgba(0,0,0,.5);}
@media only screen and (min-width: 0) and (max-width: 1024px){
	.pro_view2{margin-top: 6%; padding: 8% 0;}
	.pro_view2_con{margin-top: 6%;}
	.pro_view2_bd{padding: 0 25px;}
	.pro_view2_bd .swiper-button-prev,
	.pro_view2_bd .swiper-button-next{display: none;}
	.pro_view2_hd{margin-top: 25px; padding: 0 25px;}
	.pro_view2_hd .swiper-slide a::after{font-size: 18px;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.pro_view2_bd{padding: 0 20px;}
	.pro_view2_hd{margin-top: 20px; padding: 0 20px;}
	.pro_view2_hd .swiper-slide a::after{font-size: 16px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.pro_view2_bd{padding: 0 15px;}
	.pro_view2_hd{margin-top: 15px; padding: 0 15px;}
	.pro_view2_hd .swiper-slide a::after{font-size: 14px;}
}
@media only screen and (min-width: 0) and (max-width: 375px){
	.pro_view2_bd{padding: 0 10px;}
	.pro_view2_hd{margin-top: 10px; padding: 0 10px;}
}

.pro_view3{padding-bottom: 0;}

/*== 效果中心 ==*/
.effect{margin-top: 60px;}
.effect li{float: left;}
.effect li a{position: relative; display: block; width: 100%; height: 100%;}
.effect li .pic{position: relative; display: block; width: 100%; padding: 50% 0; overflow: hidden;}
.effect li .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.effect li .words{transition: 0.6s; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 10px; background: rgba(0,0,0,.5);}
.effect li .box{width: 100%; height: 100%; text-align: center; padding-top: 19.2%; border: 1px solid rgba(255,255,255,.5); display: flex; justify-content: center; flex-direction: column; align-items: center;}
.effect li .box h5{margin-top: 28px; font-size: 18px; font-weight: normal; color: #fff;}
.effect li .box p{margin-top: 5px; font-size: 14px; font-family: "Arial"; color: #fff; text-transform: uppercase;}
.effect li:hover .words{opacity: 1;}
@media only screen and (min-width: 1025px){
	.effect li{width: 23.9286%; margin-top: 1.4286%; margin-right: 1.4286%;}
	.effect li:nth-of-type(-n+3){margin-top: 0;}
	.effect li:nth-of-type(4n-3),.effect li:nth-of-type(3),.effect li:nth-of-type(5){margin-right: 0;}
	.effect li:nth-of-type(1){/*width: 49.2858%;*/width: 49.28%; margin-right: 1.4286%;}
}

/*== 效果中心详情 ==*/
.effect_view{display: flex; align-items: stretch; justify-content: space-between;}
.effect_view_left{width: 74.2858%;}
.effect_view_left .pro_view2_bd,.effect_view_left .pro_view2_hd{padding: 0;}
.effect_view_right{padding: 60px 20px 0; width: 24.2858%; background: #fff;}
.effect_view h3{font-size: 24px; font-weight: normal; color: #434144; text-align: center;}
.effect_view>h3{display: none;}
.effect_view_swiper{margin-top: 60px; position: relative;}
.effect_view_swiper .swiper-slide{padding: 1px;}
.effect_view_swiper .swiper-slide a{display: block; width: 100%; height: 100%;}
.effect_view_swiper .swiper-slide .pic{display: block; position: relative; width: 100%; padding: 50% 0; overflow: hidden;}
.effect_view_swiper .swiper-slide .pic img{border: 1px solid #e8e8e8; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.effect_view_swiper .swiper-slide .words{padding-top: 20px; text-align: center;}
.effect_view_swiper .swiper-slide .words h5{font-size: 18px; font-weight: normal; color: #434144;}
.effect_view_swiper .swiper-slide .words p{margin-top: 5px; font-size: 14px; font-family: "Arial"; color: #979797;}
.effect_view_swiper .swiper_btn{margin-top: 60px; padding-top: 60px; border-top: 1px solid #e8e8e8;}
.effect_view_swiper .swiper_btn h3{display: none;}
.effect_view_swiper .swiper_btn .pro_view1_word3{margin-top: 0; justify-content: space-between;}
.effect_view_swiper .swiper-button-prev{transition: 0.6s; z-index: 1; opacity: 1; position: static; margin-top: 0;}
.effect_view_swiper .swiper-button-next{transition: 0.6s; z-index: 1; opacity: 1; position: static; margin-top: 0;}
@media only screen and (min-width: 0) and (max-width: 1440px){
	.effect_view{display: block;}
	.effect_view_left{width: 100%;}
	.effect_view_right{margin-top: 60px; padding: 80px; width: 100%;}
	.effect_view_right h3{display: none;}
	.effect_view_swiper{margin-top: 0; display: flex; align-items: stretch; justify-content: center;}
	.effect_view_swiper .swiper-container{width: 50%;}
	.effect_view_swiper .swiper_btn{width: 50%; margin-top: 0; padding-top: 0; margin-left: 80px; padding-left: 80px; border: none; border-left: 1px solid #e8e8e8; display: flex; justify-content: center; flex-direction: column; align-items: center;}
	.effect_view_swiper .swiper_btn h3{display: block;}
	.effect_view_swiper .swiper_btn .pro_view1_word3{margin-top: 40px; justify-content: space-between;}
	.effect_view_swiper .swiper_btn .pro_view1_word3 .pro_btn{margin-right: 20px;}
	.effect_view_swiper .swiper_btn .pro_view1_word3 .pro_btn:last-child{margin-right: 0;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.effect_view{margin: 0; padding: 0;}
	.effect_view_left{margin-top: 6%;}
	.effect_view h3{font-size: 22px;}
	.effect_view>h3{display: block;}
	.effect_view_right{margin-top: 4%; padding: 4%;}
	.effect_view_swiper .swiper-slide .words h5{font-size: 18px;}
	.effect_view_swiper .swiper-slide .words p{font-size: 16px;}
	.effect_view_swiper .swiper_btn{margin-left: 4%; padding-left: 4%;}
	.effect_view_swiper .swiper_btn .pro_view1_word3{margin-top: 5%;}
	.effect_view_swiper .swiper_btn .pro_view1_word3 .pro_btn{margin-right: 5%;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.effect_view h3{font-size: 20px;}
	.effect_view_swiper{display: block;}
	.effect_view_swiper .swiper-container{width: 100%;}
	.effect_view_swiper .swiper-slide .words h5{font-size: 16px;}
	.effect_view_swiper .swiper-slide .words p{font-size: 14px;}
	.effect_view_swiper .swiper_btn{width: 100%; margin-left: 0; padding-left: 0; border: none; display: block;}
	.effect_view_swiper .swiper_btn h3{display: none;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.effect_view h3{font-size: 18px;}
}

/*== 720°全景 ==*/
@media only screen and (min-width: 1025px){
	.panorama li:nth-of-type(4n-3),.panorama li:nth-of-type(3),.panorama li:nth-of-type(5){margin-right: 1.4286%;}
	.panorama li:nth-of-type(1){width: 23.9286%;}
	.panorama li:nth-of-type(-n+4){margin-top: 0;}
	.panorama li:nth-of-type(4n){margin-right: 0;}
}

/*== 720°全景详情 ==*/
.panorama_view1 .effect_view_left{border: 1px solid #d8d8d8;}
.panorama_view1 .effect_view_left .pic{display: block; position: relative; width: 100%; padding: 29.8652% 0; overflow: hidden; background: #fff;}
.panorama_view1 .effect_view_left .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.panorama_view1 .effect_view_right h3{text-align: left;}
.panorama_view1_list{margin-top: 40px; padding-top: 40px; border-top: 1px solid #e8e8e8;}
.panorama_view1_list li{margin-top: 20px; font-size: 16px; color: #626262; line-height: 18px; display: flex; align-items: flex-start; justify-content: flex-start;}
.panorama_view1_list li:nth-of-type(1){margin-top: 0;}
.panorama_view1_list li span{display: inline-block; min-width: 3em;}
.panorama_view1_link{margin-top: 40px;}
.panorama_view1_link li{margin-top: 20px;}
.panorama_view1_link li:nth-of-type(1){margin-top: 0;}
.panorama_view1_link li a{width: 100%;}
@media only screen and (min-width: 0) and (max-width: 1440px){
	.panorama_view1 .effect_view_right h3{display: block;}
	.panorama_view1_link{display: flex; align-items: center; justify-content: flex-start;}
	.panorama_view1_link li{margin-top: 0; width: 170px; margin-left: 20px;}
	.panorama_view1_link li:nth-of-type(1){margin-left: 0;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.panorama_view1 .effect_view_left{margin: 0;}
	.panorama_view1_list{margin-top: 4%; padding-top: 4%;}
	.panorama_view1_list li{margin-top: 1%; font-size: 18px; line-height: 1.8em;}
	.panorama_view1_link{margin-top: 4%; display: block;}
	.panorama_view1_link li{margin-top: 3%; width: 100%; margin-left: 0;}
	.panorama_view1_link li .pub_link2{border-color: #536072; background: #f9bf46;}
	.panorama_view1_link li .pub_link2::before{background: #536072;}
	.panorama_view1_link li .pub_link2::after{background: #f9bf46;}
	.panorama_view1_link li:nth-of-type(1) .pub_link2{border-color: #f9bf46; background: #536072;}
	.panorama_view1_link li:nth-of-type(1) .pub_link2::before{background: #f9bf46;}
	.panorama_view1_link li:nth-of-type(1) .pub_link2::after{background: #536072;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.panorama_view1_list li{font-size: 16px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.panorama_view1_list li{font-size: 14px;}
}

.panorama_view2{margin-top: 40px;}
.panorama_view2 iframe{width: 100%; height: 700px; border: none;}
@media only screen and (min-width: 0) and (max-width: 1024px){
	.panorama_view2{margin-top: 4%;}
	.panorama_view2 iframe{height: 8rem;}
}

/*== 案例 ==*/
/*.case{margin-top: 0;}*/
@media only screen and (min-width: 1400px){
	.case li{width: 18.8%; margin-top: 1.5%; margin-right: 1.5%;}
	.case li:nth-of-type(-n+3){margin-top: 1.5%;}
	.case li:nth-of-type(4n-3),.case li:nth-of-type(3),.case li:nth-of-type(5){margin-right: 1.5%;}
	.case li:nth-of-type(1){width: 18.8%; margin-right: 1.5%;}
	.case li:nth-of-type(-n+5){margin-top: 0;}
	.case li:nth-of-type(5n){margin-right: 0;}
}
@media only screen and (min-width: 1025px) and (max-width: 1399px){
	.case li{width: 23.875%; margin-top: 1.5%; margin-right: 1.5%;}
	.case li:nth-of-type(-n+3){margin-top: 1.5%;}
	.case li:nth-of-type(4n-3),.case li:nth-of-type(3),.case li:nth-of-type(5){margin-right: 1.5%;}
	.case li:nth-of-type(1){width: 23.875%; margin-right: 1.5%;}
	.case li:nth-of-type(-n+4){margin-top: 0;}
	.case li:nth-of-type(4n){margin-right: 0;}
}

/*== 新闻专区 ==*/
.news{display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
.news li{transition: 0.6s;}
.news li a{display: block; width: 100%; height: 100%; padding: 20px; border: 1px solid #e4e4e4; background: #fff;}
.news .pic{display: block; position: relative; width: 100%; padding: 37.5% 0; overflow: hidden;}
.news .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.news .words{padding-top: 20px;}
.news .words h5{transition: 0.6s; font-size: 16px; font-weight: normal; color: #434144; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news .words p{margin-top: 10px; font-size: 14px; color: #787878; line-height: 24px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news .words .bot{margin-top: 20px; padding-top: 20px; border-top: 1px solid #e4e4e4; display: flex; align-items: center; justify-content: space-between;}
.news .words .bot time{display: block; font-size: 16px; font-family: "Arial"; color: #787878;}
.news .words .bot em{transition: 0.6s; font-size: 14px; font-weight: bold; color: #f8b62d; display: flex; align-items: center; justify-content: flex-start;}
.news li:hover{box-shadow: 10px 10px 15px rgba(0,0,0,.16);}
.news li:hover .words h5{color: #536072;}
.news li:hover .pro_ico{background-image: url(../images/effect_ico2.png);}
.news li:hover .words .bot em{color: #536072;}
@media only screen and (min-width: 1025px){
  	.news li{width: 31.8572%; margin-top: 2.2143%; margin-right: 2.2143%;}
  	.news li:nth-of-type(-n+3){margin-top: 0;}
  	.news li:nth-of-type(3n){margin-right: 0;}
}
@media only screen and (min-width: 521px) and (max-width: 1024px){
  	.news li{width: 49%; margin-top: 2%; margin-right: 2%;}
  	.news li:nth-of-type(-n+2){margin-top: 0;}
  	.news li:nth-of-type(2n){margin-right: 0;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
  	.news li{width: 100%; margin-top: 3%;}
  	.news li:nth-of-type(1){margin-top: 0;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.news li a{padding: 4%;}
	.news .words{padding-top: 4%;}
	.news .words h5{font-size: 18px;}
	.news .words p{margin-top: 3%; font-size: 16px; line-height: 1.6em;}
	.news .words .bot{margin-top: 4%; padding-top: 4%;}
	.news .words .bot time{font-size: 16px;}
	.news .words .bot .pro_ico{width: 16px; height: 16px;}
	.news .words .bot em{font-size: 16px;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.news .words h5{font-size: 16px;}
	.news .words p{font-size: 14px;}
	.news .words .bot time{font-size: 14px;}
	.news .words .bot .pro_ico{width: 14px; height: 14px;}
	.news .words .bot em{font-size: 14px;}
}

/*== 媒体详情 ==*/
.pub_view{display: block; align-items: flex-start; justify-content: space-between;}
.pub_view_left{width: 71.4286%; padding: 40px; border: 1px solid #e4e4e4; background: #fff;}
.pub_view_tit h3,
.pub_view_right h3{font-size: 30px; color: #434144; line-height: 1.2em;}
.pub_view_tit figure{margin-top: 20px; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.pub_view_tit figure span{margin-right: 15px; font-size: 16px; line-height: 1.5em; color: #787878;}
.pub_view_tit figure span:last-child{margin-right: 0;}
.pub_view_tit .pub_bdsharebuttonbox{margin-top: 20px;}
.pub_view_con{margin: 40px 0; padding: 40px 0; border-top: 1px dotted #d6d6d6; border-bottom: 1px dotted #d6d6d6;}
.pub_view_con video{max-width: 100%; height: 10rem !important; min-height: 300px;}
.pub_view_con iframe{max-width: 100%; height: 10rem !important; min-height: 300px;}
.pub_view_bot ul li{width: 100%; display: flex; align-items: center; justify-content: flex-start;}
.pub_view_bot ul li a{font-size: 16px; color: #626262; line-height: 190%; display: flex; align-items: flex-start; justify-content: flex-start;}
.pub_view_bot ul li em{display: block; min-width: 4em;}
.pub_view_bot ul li a:hover{color: #536072;}
.pub_view_back{margin-top: 25px; position: relative; display: inline-block; padding-left: 65px;}
.pub_view_back::after{position: absolute; left: 0; top: 0; content: ""; width: 65px; height: 100%; background: url("../images/back_ico.png") #f8b62d center center no-repeat;}
.pub_view_back a{display: inline-block; font-size: 16px; color: #fff; padding: 0 45px; line-height: 40px; background: #536072;}
.m_pub_view_back{margin: 8% 0 0 auto; width: 80px; height: 34px; line-height: 34px; font-size: 16px; color: #fff; text-align: center; background: #536072;}
.pub_view_right{width: 25.4286%;}
.pub_view_right h3{display: none;}
.pub_view_swiper{padding: 30px; border: 1px solid #e4e4e4; background: #fff;}
.pub_view_swiper .words h5{font-weight: bold;}
.pub_view_swiper .words .bot{margin: 0 0 25px; padding: 25px 0; border: none; border-bottom: 1px solid #e4e4e4;}
.pub_view_swiper .swiper-slide:hover .words h5{color: #536072;}
.pub_view_swiper .swiper_bottom{width: 100%; display: flex; align-items: center; justify-content: space-between;}
.pub_view_swiper .swiper-button-prev{transition: 0.6s; z-index: 1; position: static; opacity: 1; font-size: 35px; color: #bebebe; width: 15px; height: 100%; margin-top: 0; background: transparent; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.pub_view_swiper .swiper-button-prev i{transform: translateX(-10%) translateY(-5%);}
.pub_view_swiper .swiper-button-next{transition: 0.6s;  z-index: 1; position: static; opacity: 1; font-size: 35px; color: #bebebe; width: 15px; height: 100%; margin-top: 0; background: transparent; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.pub_view_swiper .swiper-button-next i{transform: translateX(10%) translateY(-5%);}
.pub_view_swiper .swiper_page{font-size: 16px; font-family: "Arial"; font-weight: bold; color: #979797; letter-spacing: 5px; display: flex; align-items: center; justify-content: center;}
.pub_view_swiper .swiper-button-prev:hover ,.pub_view_swiper .swiper-button-next:hover{color: #536072;}
.pub_view_list{margin: 40px 0 0; width: 100%; padding: 40px; border: 1px solid #e4e4e4; background: #fff; box-sizing: border-box;}
.pub_view_list li:nth-of-type(1){margin-top: 0;}
@media only screen and (min-width: 0) and (max-width: 1440px){
	.pub_view{display: block;}
	.pub_view_left{width: 100%;}
	.pub_view_right{display: none;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.pub_view_left{padding: 0; border: none;}
	.pub_view_tit h3,
	.pub_view_right h3{font-size: 22px;}
	.pub_view_tit figure{margin-top: 3%;}
	.pub_view_tit figure span{font-size: 18px; margin-right: 2%;}
	.pub_view_tit .pub_bdsharebuttonbox{display: none;}
	.pub_view_con{margin: 4% 0; padding: 4% 0;}
	.pub_view_bot ul li{margin-top: 3%;}
	.pub_view_bot ul li:nth-of-type(1){margin-top: 0;}
	.pub_view_bot ul li a{font-size: 18px; line-height: 150%;}
	.pub_view_back{margin-top: 3%; width: 100%; padding-left: 1.3rem;}
	.pub_view_back::after{width: 1.3rem;}
	.pub_view_back a{font-size: 18px; width: 100%; line-height: 300%; padding: 0 .15rem; text-align: center;}
	.m_pub_view_back{margin: 0 0 8% auto;}
	.pub_view_right{margin-top: 4%; display: block; width: 100%;}
	.pub_view_right h3{display: block;}
	.pub_view_swiper{display: none;}
	.pub_view_list{margin: 0; padding: 4%;}
	.pub_view_list li{margin-top: 3%;}
	.pub_view_list li::after{display: none;}
	.pub_view_list li a{max-width: 100%; display: inline-block; font-size: 18px;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.pub_view_tit h3,
	.pub_view_right h3{font-size: 20px;}
	.pub_view_tit figure span{font-size: 16px;}
	.pub_view_bot ul li a{font-size: 16px;}
	.pub_view_back a{font-size: 16px;}
	.pub_view_list li a{font-size: 16px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.pub_view_tit h3,
	.pub_view_right h3{font-size: 18px;}
	.pub_view_tit figure span{font-size: 14px;}
	.pub_view_bot ul li a{font-size: 14px;}
	.pub_view_back a{font-size: 14px;}
	.pub_view_list li a{font-size: 14px;}
}

/*== 视频专区 ==*/
.video li:hover .video_ico::before,.video li:hover .video_ico::after{opacity: 1;}

/*== 热门活动 ==*/
.activity{display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
.activity dd{display: block; width: 100%; height: 100%; padding: 20px; border: 1px solid #e4e4e4; background: #fff;}
.activity dd:nth-of-type(1){padding: 0; border: none; display: flex; align-items: stretch; justify-content: flex-start;}
.activity dd .pic{display: block; position: relative; width: 100%; padding: 26.609% 0; overflow: hidden;}
.activity dd:nth-of-type(1) .pic{width: 67.143%; padding: 17.8572% 0;}
.activity dd .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.activity dd .words{padding-top: 15px;}
.activity dd:nth-of-type(1) .words{width: 32.857%; padding: 0 40px; display: flex; justify-content: center; flex-direction: column; align-items: flex-start;}
.activity dd .words h5{max-width: 100%; font-size: 16px; font-weight: normal; color: #434144; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.activity dd:nth-of-type(1) .words h5{font-size: 24px;}
.activity dd .words ul{/*max-width: 320px;*/}
.activity dd:nth-of-type(1) .words ul{margin-top: 35px;}
.activity dd .words ul li{margin-top: 15px; display: none; align-items: flex-start; justify-content: flex-start;}
.activity dd:nth-of-type(1) .words ul li{display: flex;}
.activity dd .words ul li:nth-of-type(1){margin-top: 0;}
.activity dd .words ul li:nth-of-type(3){display: flex;}
.activity dd .words ul li:nth-of-type(4){margin-top: 13px;}
.activity dd .words ul li img{margin-right: 10px; min-width: 18px; width: 18px; height: 24px; object-fit: contain;}
.activity dd .words ul li:nth-of-type(4) img{height: 30px;}
.activity dd .words ul li p{font-size: 16px; color: #666666; line-height: 24px;}
.activity dd .words ul li p span{color: #d83131;}
.activity dd .words ul li p em{font-size: 30px; color: #d83131;}
.activity dd .words>a{z-index: 1; position: relative; margin-top: 15px; display: block; font-size: 16px; font-weight: bold; color: #fff; width: 100%; line-height: 58px; text-align: center; background: #bfbfbf;}
.activity dd:nth-of-type(1) .words a{margin-top: 35px;}
.activity dd .words>a:after{transition: 0.6s; z-index: -1; position: absolute; left: 0; top: 0; content: ""; width: 0; height: 100%; background: #536072;}
.activity dd .words>a:hover:after{width: 100%;}
@media only screen and (min-width: 1025px){
  	.activity dd{width: 31.8572%; margin-top: 2.2143%; margin-right: 2.2143%;}
  	.activity dd:nth-of-type(1){margin-top: 0; width: 100%;}
  	.activity dd:nth-of-type(3n-2){margin-right: 0;}
}
@media only screen and (min-width: 769px) and (max-width: 1024px){
  	.activity dd{width: 49%; margin-top: 2%; margin-right: 2%;}
  	.activity dd:nth-of-type(-n+2){margin-top: 0;}
  	.activity dd:nth-of-type(2n){margin-right: 0;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
  	.activity dd{width: 100%; margin-top: 3%;}
  	.activity dd:nth-of-type(1){margin-top: 0;}
}

@media only screen and (min-width: 0) and (max-width: 1200px){
	.activity dd:nth-of-type(1){display: block;}
	.activity dd:nth-of-type(1) .pic{width: 100%; padding: 26.609% 0;}
	.activity dd:nth-of-type(1) .words{width: 100%; padding: 40px;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.activity dd{padding: 2%;}
	.activity dd:nth-of-type(1){padding: 2%; border: 1px solid #e4e4e4;}
	.activity dd .words{padding-top: 3%;}
	.activity dd:nth-of-type(1) .words{padding: 3% 0 0 0; display: block;}
	.activity dd .words h5{font-size: 20px;}
	.activity dd:nth-of-type(1) .words h5{font-size: 20px;}
	.activity dd:nth-of-type(1) .words ul{margin-top: 0;}
	.activity dd .words ul li{margin-top: 3%;}
	.activity dd:nth-of-type(1) .words ul li{display: none;}
	.activity dd .words ul li:nth-of-type(3){display: flex;}
	.activity dd .words ul li:nth-of-type(4){margin-top: 2%;}
	.activity dd .words ul li p{font-size: 18px;}
	.activity dd .words>a{margin-top: 3%; font-size: 18px; line-height: 48px;}
	.activity dd:nth-of-type(1) .words a{margin-top: 3%;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.activity dd .words h5{font-size: 18px;}
	.activity dd:nth-of-type(1) .words h5{font-size: 18px;}
	.activity dd .words ul li:nth-of-type(4) img{height: 27px;}
	.activity dd .words ul li p{font-size: 16px;}
	.activity dd .words ul li p em{font-size: 24px;}
	.activity dd .words>a{font-size: 16px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.activity dd .words h5{font-size: 16px;}
	.activity dd:nth-of-type(1) .words h5{font-size: 16px;}
	.activity dd .words ul li p{font-size: 14px;}
	.activity dd .words ul li p em{font-size: 20px;}
	.activity dd .words>a{font-size: 14px; line-height: 42px;}
}

/*== 活动详情 ==*/
.activity_view{margin-top: 40px;}
.activity_view .pub_tit{align-items: flex-start;}
.activity_form ul li:nth-of-type(-n+2){width: 24.1936%; margin-right: 1.0753%;}
.activity_form ul li:nth-of-type(3){width: 49.4625%;}
.activity_form ul li:last-child{margin-top: 30px; justify-content: flex-start;}
.activity_form .msg_address select{width: 48.9135%; background-position: 95% center;}
@media only screen and (min-width: 0) and (max-width: 1200px){
	.activity_form ul li:nth-of-type(-n+2){width: 49%; margin-right: 0;}
	.activity_form ul li:nth-of-type(1){margin-right: 2%;}
	.activity_form ul li:nth-of-type(3){width: 100%; margin-top: 30px;}
	.activity_form .msg_address select{width: 49%; background-position: 97% center;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.activity_view_list dd{width: 100%; margin: 0; padding: 0;}
	.activity_view_list dd:nth-of-type(1){padding: 0; border: none;}
	.activity_view_list dd .words{padding: 4%;}
	.activity_view_list dd:nth-of-type(1) .words{padding: 4%;}
	.activity_view_list dd .words ul{margin-top: 3%;}
	.activity_view_list dd:nth-of-type(1) .words ul{margin-top: 3%;}
	.activity_view_list dd .words ul li{display: flex;}
	.activity_view_list dd:nth-of-type(1) .words ul li{display: flex;}

	.activity_view{margin-top: 6%; z-index: 1; position: relative; padding: 8% 0;}
	.activity_view::after{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1024px; height: 100%; background: #fff;}
	.activity_view .pub_tit{align-items: center;}
	.activity_form ul li:nth-of-type(-n+2){width: 100%;}
	.activity_form ul li:nth-of-type(1){margin-right: 0;}
	.activity_form ul li:nth-of-type(3){margin-top: 3%;}
	.activity_form .msg_address select{width: 48.5%; background-position: 95.5% center;}
}

/*== 授权门店 ==*/
.cityList{display: flex; align-items: center; justify-content: space-between; box-shadow: 0 0 10px #ccc;}
.cityList-l{position: relative; width: 24.1936%; height: 30px; margin-left: 30px; border: 1px solid #dcdcdc;}
.cityList-l input{transition: 0.6s; width: 100%; height: 100%; line-height: 28px; font-size: 14px; color: #656565; padding: 0 30px 0 5px; border: none;}
.cityList-l input::-webkit-input-placeholder{color: #656565;}
.cityList-l input:focus{box-shadow: 0 0 10px #ccc;}
.cityList-l button{position: absolute; right: 0; top: 0; width: 28px; height: 28px; line-height: 28px; font-size: 18px; color: #d7d7d7; text-align: center; border: none; outline: none; background: transparent; cursor: pointer;}
.cityList-l button i{position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.cityList-r{width: 56.4517%;}
.cityList-r .address{width: 100%; display: flex; align-items: center; justify-content: space-around;}
.cityList-r select{width: 32.5%; height: 60px; padding: 0 15px; font-size: 14px; color: #656565; border: none; border-left: 1px solid #eee; background: #fff; outline: none; cursor: pointer;}
.networkMap{float: left; width: 65.5%;}
#allmap{width: 100%; height: 800px;}
#allmap img{max-width: none;}
.mapChose{float: right; width: 34.5%; height: 800px; overflow: hidden;}
.mapChose ul{width: 100%; height: 100%; overflow-y: scroll;}
.mapChose ul::-webkit-scrollbar{width: 10px; height: 10px;}
.mapChose ul::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); border-radius: 6px; background: #e5e5e5;}
.mapChose ul::-webkit-scrollbar-thumb{border-radius: 6px; background: #446183;}
.mapChose li{transition: 0.6s; position: relative; min-height: 200px; padding: 30px 30px 15px 80px; border-bottom: 1px solid #eee; cursor: pointer;}
.mapChose li:hover,.mapChose li.active{background: #fafafa}
.mapChose li i{position: absolute; top: 30px; left: 20px; width: 40px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; font-style: normal; border-radius: 5px; background: #446183;}
.mapChose li h6{font-size: 16px; color: #141414; font-weight: normal; min-height: 48px; line-height: 24px;}
.mapChose li p{font-size: 14px; color: #969696; line-height: 24px;}
@media only screen and (min-width: 0) and (max-width: 1200px){
	#allmap{height: 600px;}
	.mapChose{height: 600px;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.cityList{display: block; box-shadow: none;}
	.cityList-l{width: 100%; height: 60px; margin-left: 0;}
	.cityList-l input{line-height: 58px; font-size: 18px; padding: 0 60px 0 15px;}
	.cityList-l button{width: 58px; height: 58px; line-height: 58px; font-size: 30px;}
	.cityList-r{width: 100%;}
	.cityList-r .address{justify-content: space-between;}
	.cityList-r select{margin-top: 3%; width: 32%; padding: 0 15px; font-size: 18px; border: 1px solid #dcdcdc;}
	.networkMap{display: none;}
	.mapChose{margin-top: 3%; width: 100%; height: 600px;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.cityList-l{height: 48px;}
	.cityList-l input{line-height: 46px; font-size: 16px; padding: 0 50px 0 10px;}
	.cityList-l button{width: 46px; height: 46px; line-height: 46px; font-size: 22px;}
	.cityList-r .address{display: block;}
	.cityList-r select{margin-top: 3%; height: 46px; width: 100%; padding: 0 10px; font-size: 16px;}
	.mapChose{height: 400px;}
	.mapChose ul::-webkit-scrollbar{width: 5px; height: 5px;}
}
/*@media only screen and (min-width: 0) and (max-width: 520px){
	.cityList-l{height: 38px;}
	.cityList-l input{line-height: 36px; font-size: 14px; padding: 0 40px 0 10px;}
	.cityList-l button{width: 36px; height: 36px; line-height: 36px; font-size: 18px;}
	.cityList-r select{height: 36px; font-size: 14px;}
}*/

/*== 招商加盟 ==*/
.join1{display: flex; align-items: flex-start; justify-content: space-between;}
.join1_words{width: 50%;}
.join1_words .pub_tit{align-items: flex-start;}
.join1_words ul li{margin-top: 29px; line-height: 30px;}
.join1_words ul li h5{font-size: 16px; color: #f8b62d;}
.join1_words ul li p{font-size: 16px; color: #434144;}
.join1_pic{width: 42.742%; display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start;}
.join1_pic .pic,.join1_pic .pic2{width: 100%;}
.join1_pic .pic img,.join1_pic .pic2 img{width: 100%; height: 100%; object-fit: contain;}
.join1_pic .pic2{margin-top: 20px;}
@media only screen and (min-width: 0) and (max-width: 1200px){
	.join1{display: block;}
	.join1_words{width: 100%;}
	.join1_words .pub_tit{align-items: center;}
	.join1_pic{display: none;}
}

@media only screen and (min-width: 0) and (max-width: 1024px){
	.join1_words ul{margin-top: 6%;}
	.join1_words ul li{margin-top: 3%; line-height: 1.8em;}
	.join1_words ul li:nth-of-type(1){margin-top: 0;}
	.join1_words ul li h5{font-size: 18px;}
	.join1_words ul li p{font-size: 18px;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.join1_words ul li h5{font-size: 16px;}
	.join1_words ul li p{font-size: 16px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.join1_words ul li h5{font-size: 14px;}
	.join1_words ul li p{font-size: 14px;}
}

.join2{margin-top: 80px; padding: 80px 0; border-top: 1px solid #e4e4e4;}
.join2_list{margin-top: 60px; display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
.join2_list li figure{padding: 25% 0; border: 12px solid #f5f5f5; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.join2_list li figure em{display: block; font-size: 30px; font-family: "Arial"; font-weight: bold; color: #536072; width: 58px; height: 58px; border-radius: 50%; background: #f5f5f5; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.join2_list li figure h5{margin-top: 25px; font-size: 24px; font-family: "Arial"; color: #536072; text-transform: uppercase;}
.join2_list li p{margin-top: 25px; font-size: 16px; color: #434144; line-height: 30px;}
@media only screen and (min-width: 1025px){
  	.join2_list li{width: 21.7742%; margin-right: 4.3011%;}
  	.join2_list li:nth-of-type(4n){margin-right: 0;}
}
@media only screen and (min-width: 0) and (max-width: 1024px){
  	.join2_list li{width: 48.5%; margin-top: 3%; margin-right: 3%;}
  	.join2_list li:nth-of-type(-n+2){margin-top: 0;}
  	.join2_list li:nth-of-type(2n){margin-right: 0;}
}

@media only screen and (min-width: 0) and (max-width: 1400px){
	.join2_list li figure{padding: 23.5% 0;}
}
@media only screen and (min-width: 0) and (max-width: 1300px){
	.join2_list li figure{padding: 21.5% 0;}
}
@media only screen and (min-width: 0) and (max-width: 1200px){
	.join2_list li figure{padding: 19% 0; border-width: 10px;}
}
@media only screen and (min-width: 0) and (max-width: 1100px){
	.join2_list li figure{padding: 15.5% 0;}
}
@media only screen and (min-width: 0) and (max-width: 1024px){
	.join2{margin-top: 8%; padding: 8% 0;}
	.join2_list{margin-top: 6%;}
	.join2_list li figure{padding: 25% 0;}
	.join2_list li figure em{font-size: 30px; width: 60px; height: 60px;}
	.join2_list li figure h5{margin-top: 5%; font-size: 24px;}
	.join2_list li p{margin-top: 3%; font-size: 18px; line-height: 1.8em;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.join2_list li figure em{font-size: 24px; width: 48px; height: 48px;}
	.join2_list li figure h5{font-size: 18px;}
	.join2_list li p{font-size: 16px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.join2_list li figure{border-width: 8px;}
	.join2_list li figure em{font-size: 22px; width: 44px; height: 44px;}
	.join2_list li figure h5{font-size: 16px;}
	.join2_list li p{font-size: 14px;}
}

.join3{padding-top: 80px; background: url(../images/join3_bg.jpg) center no-repeat; background-size: cover;}
.join3 .pub_tit h4,.join3 .pub_tit h5{color: #fff;}
.join3_con{margin-top: 60px;}
.join3_bd{margin: 0 auto; max-width: 780px; text-align: center;}
.join3_bd li{opacity: 0; height: 0; overflow: hidden; line-height: 30px;}
.join3_bd li h5{font-size: 16px; color: #fff;}
.join3_bd li p{font-size: 16px; color: #dfdfdf; min-height: 90px;}
.join3_bd li.active{opacity: 1; height: 100%;}
.join3_hd{margin-top: 75px; display: flex; align-items: center; justify-content: flex-start;}
.join3_hd li{transition: 0.6s; position: relative; width: 25%; padding: 25px 0; border-top: 1px solid #676767; border-right: 1px solid #676767; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.join3_hd li::after{transition: 0.6s; position: absolute; left: 0; bottom: 0; content: ""; width: 0; height: 4px; background: #f8b62d;}
.join3_hd li:last-child{border-right: none;}
.join3_hd li .pic{height: 44px;}
.join3_hd li .pic img{height: 100%; object-fit: contain;}
.join3_hd li h5{margin-top: 15px; font-size: 16px; font-weight: normal; color: #dfdfdf;}
.join3_hd li p{margin-top: 8px; font-size: 12px; font-family: "Arial"; color: #acacac; text-transform: uppercase;}
.join3_hd li.active{background: rgba(0,0,0,.5);}
.join3_hd li.active::after{width: 100%;}
.m_join3_swiper{display: none;}
@media only screen and (min-width: 0) and (max-width: 1024px){
	.join3{padding: 8% 4% 0; margin-bottom: 4%;}
	.join3_con{display: none;}
	.m_join3_swiper{margin-top: 6%; padding-bottom: 6%; position: relative; display: block;}
	.m_join3_swiper .swiper-slide{text-align: center;}
	.m_join3_swiper .swiper-slide h5{font-size: 18px; color: #fff; line-height: 1.8em;}
	.m_join3_swiper .swiper-slide p{font-size: 18px; color: #dfdfdf; line-height: 1.8em;}
	.m_join3_swiper .swiper-pagination{margin-top: 2%; top: 100%; width: 100%; line-height: 100%; display: flex; align-items: center; justify-content: center;}
	.m_join3_swiper .swiper-pagination-bullet{opacity: 1; width: 8px; height: 8px; background: #536072;}
	.m_join3_swiper .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px 0 0;}
	.m_join3_swiper .swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin: 0;}
	.m_join3_swiper .swiper-pagination-bullet-active{background: #f8b62d;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.m_join3_swiper .swiper-slide h5{font-size: 16px;}
	.m_join3_swiper .swiper-slide p{font-size: 16px;}
	.m_join3_swiper .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px 0 0;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.m_join3_swiper .swiper-slide h5{font-size: 14px;}
	.m_join3_swiper .swiper-slide p{font-size: 14px;}
}

.join4{padding-top: 80px; display: flex; align-items: stretch; justify-content: flex-start;}
.join4_pic{width: 50%;}
.join4_pic img{width: 100%; height: 100%; object-fit: cover;}
.join4_words{width: 50%; padding: 40px; background: #f7f7f7; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.join4_words ul{margin-top: 30px; text-align: center;}
.join4_words ul li{font-size: 16px; color: #434144; line-height: 30px;}
.join4_words>a{margin-top: 11.3%;}
@media only screen and (min-width: 0) and (max-width: 1024px){
	.join4{padding-top: 8%; display: block;}
	.join4_pic{width: 100%;}
	.join4_words{width: 100%; padding: 8%;}
	.join4_words ul{margin-top: 4%;}
	.join4_words ul li{font-size: 18px; line-height: 1.8em;}
	.join4_words>a{margin-top: 6%;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.join4_words ul li{font-size: 16px;}
}
@media only screen and (min-width: 0) and (max-width: 520px){
	.join4_words ul li{font-size: 14px;}
}
/*== 内页 ==*/


/*== joan 产品列表页分页器 ==*
@media only screen and (max-width: 1024px) and (min-width: 0){
	.joan_page .pro{display:flex !important;}
	.joan_page .fenye {display: flex;padding-top: 6%;}
	.joan_page .m_pro{display:none;}
	.joan_page .loading_bnt{display:none;}
}