/*内页banner*/
.page_main{background: #f5f5f5;}
.page_con{padding-bottom: 125px;}
.page_img{position: relative; width: 100%; padding-top: 80px;}
.page_img a{position: relative; display: block; width: 100%; height: 450px; cursor: default;}
.page_img a img{display: block; width: 100%; height: 100%; object-fit: cover;}
.page_img a div{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.page_img a div h5{font-size: 48px; font-family: "Arial"; color: #fff; text-transform: uppercase;}
.page_img a div p{font-size: 50px; font-family: "MySourceHanSansCN"; color: #fff;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .page_con{padding-top: .80rem; padding-bottom: 1.25rem;}
  .page_img{padding-top: 60px;}
  .page_img a{height: auto; padding: 18% 0;}
  .page_img a img{position: absolute; left: 0; top: 0;}
  .page_img a div h5{font-size: .7rem;}
  .page_img a div p{font-size: .75rem;}}
@media only screen and (min-width: 0) and (max-width: 550px){
  .page_img a div h5{font-size: .55rem;}
  .page_img a div p{font-size: .65rem;}}

/*内页当前位置*/
.page_pos{width: 100%; border-bottom: 1px solid #cdcdcd;}
.page_pos .right{padding: 10px 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.page_pos .right li{padding: 10px 0; margin-right: 30px;}
.page_pos .right li:last-child{margin-right: 0;}
.page_pos .right li a{display: flex; align-items: center; justify-content: flex-start;}
.page_pos .right li a div{position: relative; display: inline-block; width: 40px; height: 40px;}
.page_pos .right li a div img{transition: 0.6s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.page_pos .right li a div .hide{opacity: 0;}
.page_pos .right li:hover a,.page_pos .right .active a{color: #ed7914;}
.page_pos .right li a h5{transition: 0.6s; font-size: 14px; padding: 0 10px; color: #999999;}
.page_pos .right li:hover a div .show,.page_pos .right li.active a div .show{opacity: 0;}
.page_pos .right li:hover a div .hide,.page_pos .right li.active a div .hide{opacity: 1;}
.page_pos .right li:hover a h5,.page_pos .right li.active a h5{color: #ea6616;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .page_pos .right{padding: .15rem 0;}
  .page_pos .right li{padding: .15rem 0; margin-right: .30rem;}
  .page_pos .right li a div{width: .65rem; height: .65rem;}
  .page_pos .right li a h5{font-size: .30rem; padding: 0 0 0 4px;}}

@media only screen and (min-width: 769px) and (max-width: 1023px){
  .page_pos .right li:last-child{margin-right: 1%;}
  .page_pos .right li{width: 19.2%; margin-right: 1%;}
  .page_pos .right li:nth-of-type(5n){margin-right: 0;}}
@media only screen and (min-width: 400px) and (max-width: 768px){
  .page_pos .right li:last-child{margin-right: 1%;}
  .page_pos .right li{width: 24.25%; margin-right: 1%;}
  .page_pos .right li:nth-of-type(4n){margin-right: 0;}}

/*内页导航*/
.page_nav{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.page_nav li{margin: 3px; min-width: 164px;}
.page_nav li a{display: block; font-size: 16px; font-family: "MySourceHanSansCN"; color: #363636; padding: 8px 10px; text-align: center; background: #fff;}
.page_nav li:hover a,.page_nav li.active a{color: #fff; background: #ea6616;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .page_nav li{min-width: auto;}
  .page_nav li a{font-size: .35rem; line-height: 220%; padding: 0 .25rem;}}

/*产品导航*/
.pro_nav{padding: 20px 0; background: #fff; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.pro_nav li{width: 16.5%; padding: 8px 0; border-right: 1px solid #e8e9ed;}
.pro_nav li:last-child{border: none;}
.pro_nav li a{display: flex; justify-content: center; flex-direction: column; align-items: center;}
.pro_nav li a div{position: relative; display: inline-block; width: 76px; height: 76px;}
.pro_nav li a div img{transition: 0.6s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.pro_nav li a div .hide{opacity: 0;}
.pro_nav li a h5{transition: 0.6s; margin-top: 10px; font-size: 13px; font-family: "MySourceHanSansCN"; font-weight: normal; color: #3e3e3e;}
.pro_nav li:hover a div .show,.pro_nav li.active a div .show{opacity: 0;}
.pro_nav li:hover a div .hide,.pro_nav li.active a div .hide{opacity: 1;}
.pro_nav li:hover a h5,.pro_nav li.active a h5{color: #ea6616;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .pro_nav{padding: .20rem 0;}
  .pro_nav li{width: 20%; padding: .1rem 0;}
  .pro_nav li a div{width: 1.2rem; height: 1.2rem;}
  .pro_nav li a h5{margin-top: .1rem; font-size: .28rem;}}

/*产品中心*/
.pro li{float: left;}
.pro li a{position: relative; display: block; width: 100%; padding-top: 40px; padding-bottom: 25px; border: 1px solid #fff; background: #fff;}
.pro li a .pro_img{overflow: hidden; position: relative; width: 100%; padding: 38.847% 0;}
.pro li a .pro_img img{transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain;}
.pro li a .pro_img:after{position: absolute; left: -400px; top: 0; 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)); transform: skewx(-25deg); transition: 0s;}
.pro li a .pro_img:hover:after{left: 400px; width: 200px; transition: 0.6s;}
.pro li a .pro_word{text-align: center;}
.pro li a .pro_word h4{margin-top: 10px; font-size: 16px; font-weight: normal; color: #5b5c5c; min-height: 28px; line-height: 28px;}
.pro li a .pro_word h5{font-size: 18px; font-weight: normal; color: #5c5c5c; line-height: 200%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pro li a .pro_word span{display: inline-block; font-size: 12px; color: #ea6616; line-height: 100%; border-bottom: 1px solid #ea6616;}
.pro li a>span{position: absolute; left: 15px; top: 15px; font-size: 16px; color: #ea6616;}
.pro li:hover a{border-color: #ea6616;}
@media only screen and (min-width: 769px){
  .pro li{width: 32.5%; margin-top: 1.5%; margin-right: 1.25%;}
  .pro li:nth-of-type(3n){margin-right: 0;}}

@media only screen and (min-width: 0) and (max-width: 1023px){
  .pro li a{padding-top: .40rem; padding-bottom: .30rem;}
  .pro li a .pro_word h4{display: none; margin-top: .10rem; min-height: auto; font-size: .35rem; line-height: 180%;}
  .pro li a .pro_word h5{margin-top: .10rem; font-size: .38rem; line-height: 200%;}
  .pro li a .pro_word span{font-size: .28rem;}
  .pro li a>span{left: .20rem; top: .20rem; font-size: .30rem;}}
@media only screen and (min-width: 0) and (max-width: 768px){
  .pro li{width: 49%; margin-top: 2%; margin-right: 2%;}
  .pro li:nth-of-type(2n){margin-right: 0;}}

/*产品详情*/
.pro_view1{margin-top: 15px; padding: 50px 3.333% 110px 3.333%; background: #fff; display: flex; align-items: stretch; justify-content: space-between;}
.pro_view1_left{width: 51.8%;}
.pro_view1_left>h5{font-size: 16px; font-weight: normal; color: #5b5c5c; line-height: 180%; padding: 10px 0;}
.pro_view1_hd{overflow: hidden; position: relative; width: 100%; padding: 35.862% 0;}
.pro_view1_hd img{padding: 5px; border: 1px solid #e0e0e0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain;}
.pro_view1_bd{margin-top: 16px; width: 100%; height: auto;}
.pro_view1_bd .swiper-container{width: 100%; height: 100%;}
.pro_view1_bd .swiper-wrapper{width: 100%; height: 100%;}
.pro_view1_bd .swiper-slide{overflow: hidden; position: relative; width: 100%; padding: 8.621% 0; cursor: pointer;}
.pro_view1_bd .swiper-slide img{padding: 2px; transition: 0.6s; border: 1px solid #e3e3e3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain;}
.pro_view1_bd .swiper-slide:hover img,.pro_view1_bd .swiper-slide.active img{border-color: #ea6616;}
.pro_view1_bd .swiper-pagination{margin-top: 10px;}
.pro_view1_bd .swiper-pagination .swiper-pagination-bullet{transition: 0.6s; margin: 0 5px 0 0; opacity: 1; display: inline-block; width: 8px; height: 8px; background: #e3e3e3;}
.pro_view1_bd .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.pro_view1_bd .swiper-pagination .swiper-pagination-bullet-active{background: #ea6616;}
.pro_view1_right{width: 48.2%; padding: 0 3.6%;}
.pro_view1_right h5{margin-top: 40px; font-size: 28px; color: #50504f;}
.pro_view1_right h5 span{color: #ea6616;}
.pro_view1_right h6{margin: 20px 0; font-size: 16px; color: #5b5c5c; line-height: 300%; border-bottom: 1px solid #e4e5e8;}
.pro_view1_right ul li{font-size: 16px; color: #5b5c5c; line-height: 200%;}
.pro_view1_right ul li span{font-weight: bold;}
.pro_view1_right .pro_view1_word{font-size: 16px; color: #5b5c5c; line-height: 180%;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .pro_view1{margin-top: 15px; padding: .50rem .50rem 1.1rem .50rem; display: block;}
  .pro_view1_left{width: 100%;}
  .pro_view1_left>h5{font-size: .35rem; padding: .10rem 0;}
  .pro_view1_bd{margin-top: .30rem;}
  .pro_view1_bd .swiper-pagination{margin-top: 5px;}
  .pro_view1_right{width: 100%; padding: 0;}
  .pro_view1_right h5{margin-top: .40rem; font-size: .48rem;}
  .pro_view1_right h6{margin: .20rem 0; font-size: .35rem;}
  .pro_view1_right ul li{font-size: .35rem;}
  .pro_view1_right .pro_view1_word{font-size: .35rem;}}

.pro_view2{padding: 0 3.333%; background: #fff;}
.pro_view2 h5{font-size: 24px; font-weight: normal; color: #4d4d4d;}
.pro_view2 .pro_view2_con{margin-top: 30px; padding: 1.5% 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .pro_view2{padding: 0 .50rem;}
  .pro_view2 h5{font-size: .42rem;}
  .pro_view2 .pro_view2_con{margin-top: .30rem;}}

.pro_view3{padding: 50px 3.333%; background: #fff;}
.pro_view3 h5{font-size: 24px; font-weight: normal; color: #4d4d4d;}
.pro_view3_swiper{margin-top: 40px; width: 100%; height: auto;}
.pro_view3_swiper .swiper-container{width: 100%; height: 100%;}
.pro_view3_swiper .swiper-wrapper{width: 100%; height: 100%;}
.pro_view3_swiper .swiper-slide{width: 100%; height: 100%;}
.pro_view3_swiper .swiper-slide a{display: block; width: 100%; height: 100%;}
.pro_view3_swiper .swiper-slide a div{overflow: hidden; position: relative; width: 100%; padding: 36% 0;}
.pro_view3_swiper .swiper-slide a div img{border: 1px solid #d5d5d5; border-bottom: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain;}
.pro_view3_swiper .swiper-slide a p{transition: 0.6s; font-size: 16px; color: #4e4b4b; line-height: 320%; padding: 0 10%; background: #f0f0ef; text-transform: uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pro_view3_swiper .swiper-slide:hover a p{color: #fff; background: #525252;}
.pro_view3_swiper .swiper-pagination{margin-top: 10px;}
.pro_view3_swiper .swiper-pagination .swiper-pagination-bullet{transition: 0.6s; margin: 0 5px 0 0; opacity: 1; display: inline-block; width: 8px; height: 8px; background: #e3e3e3;}
.pro_view3_swiper .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.pro_view3_swiper .swiper-pagination .swiper-pagination-bullet-active{background: #525252;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .pro_view3{padding: .80rem .50rem;}
  .pro_view3 h5{font-size: .42rem;}
  .pro_view3_swiper{margin-top: .40rem;}
  .pro_view3_swiper .swiper-slide a p{font-size: .35rem; line-height: 250%; padding: 0 5%;}
  .pro_view3_swiper .swiper-pagination{margin-top: 5px;}}

/*简介*/
.page_tit>h5{font-size: 40px; font-family: "MySourceHanSansCN_B"; color: #1c1c1c; text-align: center;}
.page_tit>h6{margin-top: 10px; font-size: 14px; font-family: "MySourceHanSansCN"; font-weight: normal; color: #ee7b00; text-align: center; text-transform: uppercase;}
.page_tit>p{margin-top: 10px; font-size: 14px; color: #6b6b6b; line-height: 180%; text-align: center; text-indent: 2em;}
.page_tit>p:last-child{margin-bottom: 30px;}
.about_word{margin-top: 20px;}
.about_word h6{margin-top: 20px; font-size: 16px; font-weight: normal; color: #ee7b00; line-height: 180%;}
.about_word p{font-size: 14px; color: #6b6b6b; line-height: 220%;}
.about_ul{margin-top: 35px; width: 100%; display: flex; align-items: stretch; justify-content: center;}
.about_ul li{width: 19.6%; margin-right: 0.5%; text-align: center; padding: 4% 2px; background: #fbfbfb;}
.about_ul li:last-child{margin-right: 0;}
.about_ul li em{font-size: 55px; font-family: "MySourceHanSansCN_B"; line-height: 120%; color: #ec7100;}
.about_ul li span{display: block; font-size: 14px; font-family: "MySourceHanSansCN"; color: #535353;}
.about_img{margin: 25px 0 50px 0; width: 100%; height: 100%;}
.about_img:last-child{margin-bottom: 0;}
.about_img img{width: 100%; height: 100%; object-fit: cover;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .page_tit>h5{font-size: .60rem;}
  .page_tit>h6{margin-top: .1rem; font-size: .30rem;}
  .page_tit>p{margin-top: .10rem; font-size: .30rem;}
  .page_tit>p:last-child{margin-bottom: .30rem;}
  .about_word{margin-top: .2rem;}
  .about_word h6{margin-top: .2rem; font-size: .35rem;}
  .about_word p{font-size: .30rem;}
  .about_ul{margin-top: .35rem; flex-wrap: wrap;}
  .about_ul li{width: 30%; margin: 1%; padding: 4% 1%;}
  .about_ul li em{font-size: .70rem; line-height: 120%;}
  .about_ul li span{font-size: .30rem;}
  .about_img{margin: .25rem 0 .50rem 0;}}
@media only screen and (min-width: 0) and (max-width: 550px){.about_ul li em{font-size: .65rem;}}

.about_pic{margin: 25px 0 50px 0; display: flex; align-items: stretch; justify-content: space-between;}
.about_pic .about_pic_word{width: 44.5%; padding: 0 20px; background: #fff; display: flex; justify-content: center; flex-direction: column; align-items: flex-start;}
.about_pic .about_pic_word h5{margin-top: 25px; font-size: 16px; font-weight: normal; color: #ee7b00; line-height: 190%;}
.about_pic .about_pic_word h5:nth-of-type(1){margin-top: 0;}
.about_pic .about_pic_word p{font-size: 14px; color: #6b6b6b; line-height: 220%;}
.about_pic .about_pic_img{width: 55.5%;}
.about_pic .about_pic_img img{width: 100%; object-fit: cover;}

.about_pn4 .about_pic_word{width: 42.833%; padding: 0 30px;}
.about_pn4 .about_pic_img{width: 57.167%; order: -1;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .about_pic{margin: .25rem 0 .50rem 0; display: block;}
  .about_pic .about_pic_word{width: 100%; padding: .40rem;}
  .about_pic .about_pic_word h5{font-size: .35rem; line-height: 180%;}
  .about_pic .about_pic_word p{font-size: .30rem; line-height: 200%;}
  .about_pic .about_pic_img{margin-top: .20rem; width: 100%;}
  
  .about_pn4 .about_pic_img{margin-top: 0;}}

/*大记事*/
.history{margin-top: 40px;}
.history li{transition: 0.6s; margin-top: 8px; padding: 24px 0; background: #fff; display: flex; align-items: stretch; justify-content: space-between;}
.history li:nth-of-type(1){margin-top: 0;}
.history li time{transition: 0.6s; width: 13.584%; padding: 5px 0; font-size: 16px; font-family: "MySourceHanSansCN"; color: #363636; text-align: center; border-right: 1px solid #e8e8e8; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.history li time em{display: block; font-size: 30px; font-family: "MySourceHanSansCN_B"; color: #ea6616; line-height: 120%;}
.history li h5{transition: 0.6s; width: 86.416%; padding: 5px 2.5%; font-size: 14px; font-family: "MySourceHanSansCN"; font-weight: normal; color: #808080; line-height: 180%; display: flex; justify-content: center; flex-direction: column; align-items: flex-start;}
.history li:hover{background: #343434;}
.history li:hover time{color: #fff;}
.history li:hover h5{color: #c7c7c7;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .history{margin-top: .40rem;}
  .history li{padding: .25rem 0;}
  .history li time{width: 20%; padding: .10rem 0; font-size: .35rem;}
  .history li time em{font-size: .50rem;}
  .history li h5{width: 80%; padding: .10rem 3%; font-size: .30rem;}}

.history_bd .swiper-slide{width: 100%; padding: 20px; background: #fff;}
.history_bd .swiper-slide .history_bd_img{display: block; position: relative; width: 100%; padding: 23.923% 0; overflow: hidden;}
.history_bd .swiper-slide .history_bd_img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.history_bd .swiper-slide .history_bd_word{padding: 20px 0;}
.history_bd .swiper-slide .history_bd_word h4{font-size: 24px; color: #ed7914; line-height: 150%;}
.history_bd .swiper-slide .history_bd_word p{font-size: 16px; color: #626262; line-height: 190%;}
.history_hd{position: relative; padding: 0px 50px;}
.history_hd .swiper-container{padding: 30px 0; position: relative;}
.history_hd .swiper-container:after{position: absolute; top: 46px; left: 0; content: ""; width: 100%; height: 1px; background: #c8c8c8;}
.history_hd .swiper-slide{position: relative; padding-top: 32px; font-size: 24px; font-family: "Arial"; color: #424242; text-align: center; cursor: pointer;}
.history_hd .swiper-slide:after{z-index: 1; position: absolute; top: 12px; left: 50%; content: ""; width: 8px; height: 8px; margin-left: -4px; border-radius: 50%; background: #cccccc;}
.history_hd .swiper-slide-active{color: #ed7914}
.history_hd .swiper-slide-active:after {background: #ed7914}
.history_hd .swiper-button-prev{transition: 0.6s; width: 32px; height: 32px; top: 0; margin-top: 30px; left: 0; background: url("https://www.szodia.com/style/images/btn_prev.png") center no-repeat;}
.history_hd .swiper-button-next{transition: 0.6s; width: 32px; height: 32px; top: 0; margin-top: 30px; right: 0; background: url("https://www.szodia.com/style/images/btn_next.png") center no-repeat;}
.history_hd .swiper-button-prev:hover{background: url("https://www.szodia.com/style/images/btn_prev_h.png") center no-repeat;}
.history_hd .swiper-button-next:hover{background: url("https://www.szodia.com/style/images/btn_next_h.png") center no-repeat;}
@media only screen and (min-width: 0px) and (max-width: 1023px){
  .history_bd .swiper-slide{padding: .32rem;}
  .history_bd .swiper-slide .history_bd_word{padding: .32rem 0;}
  .history_bd .swiper-slide .history_bd_word h4{font-size: .42rem;}
  .history_bd .swiper-slide .history_bd_word p{font-size: .35rem;}
  .history_hd{padding: 0px 40px;}
  .history_hd .swiper-container{padding: 20px 0; position: relative;}
  .history_hd .swiper-container:after{top: 36px;}
  .history_hd .swiper-slide{font-size: .42rem;}
  .history_hd .swiper-button-prev{margin-top: 20px;}
  .history_hd .swiper-button-next{margin-top: 20px;}}

/*视频中心*/
.video{margin-top: 40px; display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
.video li{background: #fff; cursor: pointer;}
.video li .video_img{position: relative; width: 100%; padding: 28.866% 0; overflow: hidden;}
.video li .video_img:after{position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); content: ""; width: 62px; height: 62px; background: url(https://www.szodia.com/style/images/video_ico.png) center no-repeat; background-size: contain;}
.video li .video_img img{transition: 0.6s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.video li .video_word{padding: 6% 0;}
.video li .video_word h5{transition: 0.6s; font-size: 18px; font-weight: normal; color: #262626; padding: 0 3%;}
.video li .video_word time{margin-top: 15px; transition: 0.6s; display: block; font-size: 14px; color: #909090; padding: 15px 3% 0 3%; border-top: 1px solid #ececec;}
.video li:hover .video_img img{transform: scale(1.05);}
.video li:hover .video_word h5,.video li:hover .video_word time{color: #ea6616;}
@media only screen and (min-width: 769px){
  .video li{width: 32.34%; margin-top: 2%; margin-right: 1.49%;}
  .video li:nth-of-type(-n+3){margin-top: 0;}
  .video li:nth-of-type(3n){margin-right: 0;}}

@media only screen and (min-width: 0) and (max-width: 1023px){
  .video{margin-top: .40rem;}
  .video li .video_img:after{width: 1rem; height: 1rem;}
  .video li .video_word{padding: 5% 0;}
  .video li .video_word h5{font-size: .38rem;}
  .video li .video_word time{margin-top: .10rem; font-size: .30rem; padding: .10rem 3% 0 3%;}}
@media only screen and (min-width: 0) and (max-width: 768px){
  .video li{width: 49%; margin-top: 2%; margin-right: 2%;}
  .video li:nth-of-type(-n+2){margin-top: 0;}
  .video li:nth-of-type(2n){margin-right: 0;}}

/*弹窗视频*/
.video_tc{z-index: 99; position: fixed; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100vh; padding: 0 .27rem; background: rgba(255, 255, 255, 0.5); visibility: hidden; opacity: 0; transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);}
.video_box_show{visibility: visible; opacity: 1; transition: all 0.51s cubic-bezier(0.23, 1, 0.32, 1);}
.video_dw{position: relative; width: 100%; max-width: 760px;}
.video_contain{width: 100%; height: 500px; overflow: hidden;}
.video_dw figure{width: 100%; height: 100%; vertical-align: top; color: #fff; background-color: #000; position: relative; display: none;}
.video_dw figure iframe{width: 100%; height: 100%;}
.video_dw figure *{margin: 0; padding: 0;}
.video_dw figure video{width: 100%; height: 100%; object-fit: contain;}
.video_close{position: absolute; top: -40px; right: 0px; display: block; width: 40px; height: 40px; background: #ea6616; line-height: 40px; color: #fff; text-align: center; cursor: pointer;}
.video_close img { width: 100%; height: 100%;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .video_dw{max-width: 95%;}
  .video_contain{height: 8rem;}}

/*荣誉榜*/
.honor li{float: left;}
.honor li a{display: block; width: 100%; height: 100%; padding: 5.3%; border: 1px solid #ddd;}
.honor li a div{position: relative; width: 100%; padding: 38% 0; overflow: hidden; background: #ececec;}
.honor li a div img{transition: 0.6s; transform: scale(0.9); position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.honor li a p{transition: 0.6s; font-size: 16px; color: #5b5c5c; margin-top: 2%; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.honor li:hover a div img{transform: scale(1);}
.honor li:hover a p{color: #ea6616;}
@media only screen and (min-width: 769px){
  .honor li{width: 32%; margin-top: 2%; margin-right: 2%;}
  .honor li:nth-of-type(-n+3){margin-top: 0;}
  .honor li:nth-of-type(3n){margin-right: 0;}}

@media only screen and (min-width: 0) and (max-width: 1023px){.honor li a p{font-size: .38rem;}}
@media only screen and (min-width: 0) and (max-width: 768px){
  .honor li{width: 49%; margin-top: 2%; margin-right: 2%;}
  .honor li:nth-of-type(-n+2){margin-top: 0;}
  .honor li:nth-of-type(2n){margin-right: 0;}}

/*工程案例*/
.case li a div img{object-fit: cover;}

/*新闻中心*/
.news{margin-top: 40px;}
.news li{float: left;}
.news li a{display: block; width: 100%; height: 100%;}
.news li a .news_img{position: relative; width: 100%; padding: 28.866% 0; overflow: hidden;}
.news li a .news_img img{transition: 0.6s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.news li a .news_word{padding-top: 25px; padding-bottom: 10px;}
.news li a .news_word h5{transition: 0.6s; min-height: 48px; font-size: 18px; font-weight: normal; color: #505050; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news li a .news_word time{margin-top: 20px; transition: 0.6s; display: block; font-size: 12px; color: #bbbbbb; padding-top: 15px; border-top: 1px solid #ececec;}
.news li:hover a .news_img img{transform: scale(1.05);}
.news li:hover a .news_word h5,.news li:hover a .news_word time{color: #ea6616;}
@media only screen and (min-width: 1024px){
  .news li{width: 32.34%; margin-top: 2%; margin-right: 1.49%;}
  .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: 0) and (max-width: 1023px){
  .news{margin-top: .40rem;}
  .news li a .news_word{padding-top: .25rem; padding-bottom: .25rem;}
  .news li a .news_word h5{min-height: 1rem; font-size: .38rem; /*-webkit-line-clamp: 1;*/}
  .news li a .news_word time{margin-top: .20rem; font-size: .28rem; padding-top: .20rem;}}
@media only screen and (min-width: 769px) and (max-width: 1023px){
  .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: 768px){
  .news li{width: 100%; margin-top: 2%;}
  .news li:nth-of-type(1){margin-top: 0;}
  .news li a .news_word h5{min-height: auto; -webkit-line-clamp: 1;}}

/*新闻详情*/
.news_view{margin-top: 40px;}
.news_view_tit{text-align: center;}
.news_view_tit h5{font-size: 24px; font-weight: normal; color: #383838; line-height: 180%;}
.news_view_tit figure{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.news_view_tit figure span{margin-top: 10px; font-size: 16px; color: #7d7d7d; line-height: 180%; margin-right: 30px; display: flex; align-items: center; justify-content: flex-start;}
.news_view_tit figure span:last-child{margin-right: 0;}
.news_view_con{padding: 35px 0; border-bottom: 1px dotted #cdcdcd;}
.news_view_bot{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.news_view_bot ul{padding-top: 12px; padding-bottom: 40px;}
.news_view_bot ul li{font-size: 14px; color: #7d7d7d; line-height: 210%; display: flex; align-items: flex-start; justify-content: flex-start;}
.news_view_bot ul li span{display: inline-block; min-width: 4em;}
.news_view_bot ul li a:hover{color: #ea6616;}
.news_view_bot>a{display: inline-block; font-size: 14px; color: #fff; padding: 7px 20px; border-radius: 5px; background: #ea6616;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .news_view{width: 100%;}
  .news_view_tit h5{font-size: .38rem;}
  .news_view_tit figure span{margin-top: 5px; font-size: .30rem; margin-right: .5rem;}
  .news_view_tit figure span img{margin-right: 3px;}
  .news_view_con{padding: .5697rem 0;}
  .news_view_bot ul{padding-top: .20rem; padding-bottom: .50rem;}
  .news_view_bot ul li{font-size: .30rem;}
  .news_view_bot>a{font-size: .30rem; line-height: 210%; padding: 0 .40rem;}}

/*公用表单*/
.msg_form{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; background: #fff;}
.msg_form section{margin-top: 20px; width: 100%; display: flex; align-items: stretch; justify-content: flex-start;}
.msg_form section:nth-of-type(-n+2){width: 48.9%; margin-top: 0;}
.msg_form section:nth-of-type(1){margin-right: 2.2%;}
.msg_form input[type="text"],.msg_form textarea{transition: 0.6s; font-size: 14px; font-family: "MySourceHanSansCN"; color: #868686; width: 100%; height: 40px; line-height: 100%; padding: 0 18px; border: 1px solid #959595; background: transparent; outline: none;}
.msg_form input[type="text"]::-webkit-input-placeholder,.msg_form textarea::-webkit-input-placeholder{color: #868686;}
.msg_form input[type="text"]:focus,.msg_form input[type="email"]:focus,.msg_form textarea:focus{border-color: #ea6616; box-shadow: 0 0 10px rgba(234,102,22,0.5);}
.msg_form textarea{resize: none; height: 190px; line-height: 150%; padding: 10px 18px;}
.msg_form .form_submit,.msg_form .form_reset{transition: 0.6s; margin-top: 20px; font-size: 14px; font-family: "MySourceHanSansCN"; color: #fff; width: 170px; height: 40px; line-height: 100%; border: none; background: #ea6616; outline: none; cursor: pointer;}
.msg_form .form_submit{}
.msg_form .form_submit:hover,.msg_form .form_reset:hover{background: #5d5d5d;}
.msg_form .form_reset{background: #5d5d5d;}
.msg_form .form_reset:hover{background: #ea6616;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .msg_form section{margin-top: .40rem;}
  .msg_form section:nth-of-type(-n+2){width: 100%; margin-top: .40rem;}
  .msg_form section:nth-of-type(1){margin-right: 0; margin-top: 0;}
  .msg_form input[type="text"],.msg_form textarea{font-size: .30rem; height: auto; line-height: 250%; padding: 0 .20rem;}
  .msg_form textarea{height: 3rem; line-height: 150%; padding: .20rem;}
  .msg_form .form_submit,.msg_form .form_reset{margin-top: .40rem; font-size: .30rem; width: 49%; height: auto; line-height: 250%;}
  .msg_form .form_submit{margin-left: 2%;}}

/*投诉与咨询*/
.consult .msg_form{margin-top: 30px; padding: 4%;}
@media only screen and (min-width: 0) and (max-width: 1023px){.consult .msg_form{margin-top: .30rem;}}

.contact_top{margin-top: 35px; display: flex; align-items: stretch; justify-content: flex-start;}
.contact_top li{width: 22%; margin-left: 2%; padding: 30px 0 20px 0; background: #fff;}
.contact_top li h5{margin-bottom: 8px; font-size: 24px; font-family: "MySourceHanSansCN_B"; color: #ea6616;}
.contact_top li p{font-size: 14px; font-family: "MySourceHanSansCN"; font-weight: bold; color: #454545; line-height: 180%; text-transform: uppercase;}
.contact_top li h6{font-size: 32px; font-family: "Arial"; color: #ea6616; text-transform: uppercase;}
.contact_top li span{position: relative; padding-top: 4px; padding-bottom: 28px; font-size: 18px; font-family: "MySourceHanSansCN"; font-weight: bold; color: #454545;}
.contact_top li span:after{position: absolute; left: 0; bottom: 0; content: ""; width: 1.5em; height: 1px; background: #c2c2c2;}
.contact_top li:nth-of-type(1){width: 52%; margin-left: 0; padding-left: 2.5%;}
.contact_top li:nth-of-type(2){display: flex; justify-content: center; flex-direction: column; align-items: center;}
.contact_top li:nth-of-type(2) h5{margin-bottom: 5px;}
.contact_top li:nth-of-type(2) div{width: 110px; height: 110px;}
.contact_top li:nth-of-type(2) div img{width: 100%; height: 100%; object-fit: contain;}
.contact_top li:nth-of-type(3){display: flex; justify-content: center; flex-direction: column; align-items: center;}
.contact_top li:nth-of-type(3) div a{display: block;}
.contact_top li:nth-of-type(3) div img{height: 112px; object-fit: contain;}
.contact_top li:nth-of-type(4){width: 26.7%; padding-left: 4%; display: flex; justify-content: center; flex-direction: column; align-items: flex-start;}
#map{margin-top: 20px; width: 100%; height: 445px; border: 1px solid #d2d2d2;}
#map img{max-width: none;}
.BMap_bubble_content p{font-size:14px; color: #4e4e4e; line-height: 180%;}
.BMap_bubble_content p:nth-of-type(1){font-size: 16px; font-weight: bold; color: #bf0008; margin-bottom: 5px;}
.contact_bot{margin-top: 20px; padding: 5% 4% 2.5% 4%; background: #fff;}
.contact_bot h5{font-size: 30px; font-family: "MySourceHanSansCN_B"; color: #1c1c1c; line-height: 100%;}
.contact_bot h5 span{margin-left: 15px; font-size: 14px; font-family: "MySourceHanSansCN"; font-weight: normal; color: #ee7b00; text-transform: uppercase;}
.contact_bot .msg_form{margin-top: 25px;}
@media only screen and (min-width: 0) and (max-width: 1220px){
  .contact_top li:nth-of-type(1){padding-left: 2%;}
  .contact_top li:nth-of-type(4){padding-left: 3%;}}
@media only screen and (min-width: 0) and (max-width: 1100px){
  .contact_top li h5{font-size: 22px;}
  .contact_top li h6{font-size: 30px;}
  .contact_top li:nth-of-type(1){padding-left: 1%; padding-right: 1%;}
  .contact_top li:nth-of-type(4){padding-left: 2%; padding-right: 2%;}}

@media only screen and (min-width: 0) and (max-width: 1023px){
  .contact_top{margin-top: .35rem; flex-wrap: wrap;}
  .contact_top li{width: 49%; margin-left: 2%; padding: 4% !important;}
  .contact_top li:nth-of-type(1){width: 100%; margin-bottom: 2%;}
  .contact_top li:nth-of-type(2){display: none;}
  .contact_top li:nth-of-type(3){margin-left: 0;}
  .contact_top li:nth-of-type(4){width: 100%;}
  .contact_top li h5{margin-bottom: .10rem; font-size: .45rem;}
  .contact_top li p{font-size: .30rem;}
  .contact_top li h6{font-size: .52rem;}
  .contact_top li span{padding-top: 0; padding-bottom: .30rem; font-size: .38rem;}
  .contact_top li:nth-of-type(3) div img{height: 1.8rem;}
  #map{margin-top: 2%; height: 7.5rem;}
  .contact_bot{margin-top: 2%;}
  .contact_bot h5{font-size: .50rem;}
  .contact_bot h5 span{margin-left: .20rem; font-size: .30rem;}
  .contact_bot .msg_form{margin-top: .30rem;}}

/*.join1{padding-top: 70px; padding-bottom: 60px;}
.join1_hd{margin-top: 12px;}
.join1_hd li{transition: 0.6s; float: left; width: 33.33%; font-size: 16px; font-family: "MySourceHanSansCN"; color: #fff; padding: 12px 0; text-align: center; background: #545454;}
.join1_hd li:hover,.join1_hd li.active{background: #ea6616;}
.join1_bd{margin-top: 6px;}
.join1_bd li{opacity: 0; width: 100%; height: 0; overflow: hidden; background: #fff;}
.join1_bd li.active{opacity: 1; min-height: 325px; height: auto; padding: 4.5% 4% 6% 4%; display: flex; align-items: center; justify-content: space-between;}
.join1_bd li .join1_bd_img{overflow: hidden; position: relative; width: 33%; padding: 9% 0;}
.join1_bd li .join1_bd_img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.join1_bd li .join1_bd_word{width: 63%;}
.join1_bd li .join1_bd_word p{font-size: 16px; font-family: "MySourceHanSansCN"; color: #6c6060; line-height: 180%; padding: 4px 0;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .join1{padding-top: 1.2rem; padding-bottom: 1rem;}
  .join1_hd{margin-top: .20rem;}
  .join1_hd li{font-size: .35rem; padding: .25rem 0;}
  .join1_hd li span{display: none;}
  .join1_bd li.active{min-height: auto; height: auto; padding: 4%; display: block;}
  .join1_bd li .join1_bd_img{width: 100%; padding: 27% 0;}
  .join1_bd li .join1_bd_word{width: 100%; margin-top: 2%;}
  .join1_bd li .join1_bd_word p{font-size: .35rem; line-height: 200%; padding: 0;}}

.join2{position: relative; padding-top: 22px; padding-bottom: 62px;}
.join2:after{position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 1px; background: #d4d4d4;}
.join2 ul{margin-top: 20px; display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
.join2 ul li{width: 24.625%; margin-right: 0.5%; background: #fff;}
.join2 ul li:last-child{margin-right: 0;}
.join2 ul li .join2_img{overflow: hidden; position: relative; width: 100%; padding: 46.44% 0;}
.join2 ul li .join2_img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.join2 ul li .join2_word{padding: 25px;}
.join2 ul li .join2_word h5{font-size: 18px; color: #f3980e; text-align: center;}
.join2 ul li .join2_word p{margin-top: 15px; font-size: 12px; color: #7e7e7e; line-height: 180%;}
@media only screen and (min-width: 0) and (max-width: 1220px){.join2 ul li .join2_word{padding: 15px;}}
@media only screen and (min-width: 0) and (max-width: 1100px){.join2 ul li .join2_word{padding: 10px;}}

@media only screen and (min-width: 0) and (max-width: 1023px){
  .join2{padding-top: .35rem; padding-bottom: 1rem;}
  .join2 ul{margin-top: .35rem;}
  .join2 ul li{width: 49.5%; margin-top: 1%; margin-right: 1%;}
  .join2 ul li:last-child{margin-right: 1%;}
  .join2 ul li:nth-of-type(-n+2){margin-top: 0;}
  .join2 ul li:nth-of-type(2n){margin-right: 0;}
  .join2 ul li .join2_word{padding: .30rem;}
  .join2 ul li .join2_word h5{font-size: .38rem;}
  .join2 ul li .join2_word p{margin-top: .20rem; font-size: .28rem;}}
@media only screen and (min-width: 0) and (max-width: 520px){.join2 ul li .join2_word h5{font-size: .30rem;}}

.join3{position: relative; padding-top: 60px; padding-bottom: 50px; background: #fff;}
.join3:before{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 100%; background: #fff;}
.join3:after{position: absolute; left: 50%; top: 389px; transform: translateX(-50%); content: ""; width: 1200px; height: 1px; background: #1c1c1c;}
.join3 ul{margin-top: 40px; position: relative; width: 100%; height: 404px;}
.join3 ul li{width: 130px; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.join3 ul li div{width: 117px; height: 117px;}
.join3 ul li div img{width: 100%; height: 100%; object-fit: contain;}
.join3 ul li p{margin-top: 5px; padding: 2px 0; min-height: 52px; font-size: 16px; font-family: "MySourceHanSansCN"; color: #3e3e3e;}
.join3 ul li:hover div img{transition: 0.6s; transform: rotateY(360deg);}
@media only screen and (min-width: 1221px){
  .join3 ul li:nth-of-type(1){position: absolute; left: 0; top: 0;}
  .join3 ul li:nth-of-type(2){position: absolute; left: 107px; top: 229px;}
  .join3 ul li:nth-of-type(3){position: absolute; left: 214px; top: 0;}
  .join3 ul li:nth-of-type(4){position: absolute; left: 321px; top: 229px;}
  .join3 ul li:nth-of-type(5){position: absolute; left: 428px; top: 0;}
  .join3 ul li:nth-of-type(6){position: absolute; left: 535px; top: 229px;}
  .join3 ul li:nth-of-type(7){position: absolute; left: 642px; top: 0;}
  .join3 ul li:nth-of-type(8){position: absolute; left: 749px; top: 229px;}
  .join3 ul li:nth-of-type(9){position: absolute; left: 856px; top: 0;}
  .join3 ul li:nth-of-type(10){position: absolute; left: 963px; top: 229px;}
  .join3 ul li:nth-of-type(11){position: absolute; left: 1070px; top: 0;}
  .join3 ul li:nth-of-type(1):after,.join3 ul li:nth-of-type(3):after,.join3 ul li:nth-of-type(5):after,
  .join3 ul li:nth-of-type(7):after,.join3 ul li:nth-of-type(9):after,.join3 ul li:nth-of-type(11):after{position: absolute; left: 50%; top: 100%; margin-left: -0.5px; content: ""; width: 1px; height: 28px; background: #1c1c1c;}
  .join3 ul li:nth-of-type(2):after,.join3 ul li:nth-of-type(4):after,.join3 ul li:nth-of-type(6):after,
  .join3 ul li:nth-of-type(8):after,.join3 ul li:nth-of-type(10):after{position: absolute; left: 50%; top: 0; margin-left: -0.5px; margin-top: -27px; content: ""; width: 1px; height: 28px; background: #1c1c1c;}}

@media only screen and (min-width: 0) and (max-width: 1220px){
  .join3:after{display: none;}
  .join3 ul{height: auto;}
  .join3 ul li{float: left;}
  .join3 ul li p{text-align: center;}}
@media only screen and (min-width: 1024px) and (max-width: 1220px){
  .join3 ul li{width: 15%; margin-top: 2%; margin-right: 2%;}
  .join3 ul li:nth-of-type(-n+6){margin-top: 0;}
  .join3 ul li:nth-of-type(6n){margin-right: 0;}}


@media only screen and (min-width: 0) and (max-width: 1023px){
  .join3{padding-top: 1rem; padding-bottom: .8rem;}
  .join3 ul{margin-top: .40rem;}
  .join3 ul li div{width: 1.9rem; height: 1.9rem;}
  .join3 ul li p{margin-top: .20rem; padding: 0; min-height: 1.2rem; font-size: .35rem;}}
@media only screen and (min-width: 801px) and (max-width: 1023px){
  .join3 ul li{width: 23.5%; margin-top: 2%; margin-right: 2%;}
  .join3 ul li:nth-of-type(-n+4){margin-top: 0;}
  .join3 ul li:nth-of-type(4n){margin-right: 0;}}
@media only screen and (min-width: 0) and (max-width: 800px){
  .join3 ul li{width: 32%; margin-top: 2%; margin-right: 2%;}
  .join3 ul li:nth-of-type(-n+3){margin-top: 0;}
  .join3 ul li:nth-of-type(3n){margin-right: 0;}}

.join4{padding: 100px 0;}
.join4 .join4_tit{margin-top: 15px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.join4 .join4_tit li{transition: 0.6s; margin: 4px; min-width: 164px; font-size: 16px; font-family: "MySourceHanSansCN"; color: #363636; padding: 8px 10px; text-align: center; background: #fff; cursor: pointer;}
.join4 .join4_tit li:hover,.join4 .join4_tit li.active{color: #fff; background: #ea6616;}
.join4_swiper{position: relative; margin-top: 20px; padding-bottom: 27px; width: 100%; height: auto;}
.join4_swiper .swiper-container{width: 100%; height: 100%;}
.join4_swiper .swiper-wrapper{width: 100%; height: 100%;}
.join4_swiper .swiper-slide{width: 100%; height: 100%;}
.join4_swiper .swiper-slide a{display: block; width: 100%; height: 100%;}
.join4_swiper .swiper-slide a div{overflow: hidden; position: relative; width: 100%; padding: 28.645% 0;}
.join4_swiper .swiper-slide a div img{transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.join4_swiper .swiper-slide a p{transition: 0.6s; font-size: 18px; color: #262626; line-height: 320%; padding: 0 4%; background: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.join4_swiper .swiper-slide:hover a p{color: #f39700;}
.join4_swiper .swiper-slide:hover a div img{transform: scale(1.05);}
.join4_swiper .swiper-pagination-progressbar{position: absolute; width: 100%; height: 2px; left: 0; bottom: 0; background: #313131;}
.join4_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #f39700; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .join4{padding: 1.6rem 0;}
  .join4 .join4_tit{margin-top: .25rem;}
  .join4 .join4_tit li{min-width: auto; font-size: .35rem; padding: .10rem .30rem;}
  .join4_swiper{margin-top: .35rem; padding-bottom: .40rem;}
  .join4_swiper .swiper-slide a p{font-size: .38rem; line-height: 260%; padding: 0 1%;}}

.join5{position: relative; padding: 65px 0; background: #fff;}
.join5:before{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 100%; background: #fff;}
.join5 .msg_form{margin-top: 35px;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .join5{padding: 1rem 0;}
  .join5 .msg_form{margin-top: .40rem;}}*/

/*系统方案*/
.system_tit img{height: 64px; object-fit: contain;}
.system_img{margin-top: 30px; width: 100%;}
.system_img img{width: 100%; height: 100%; object-fit: cover;}
.system_word p{margin-top: 30px; font-size: 14px; color: #6b6b6b; line-height: 220%;}

.system1_con{margin-top: 25px; background: #fff; display: flex; align-items: stretch; justify-content: space-between;}
.system1_con .system1_word{width: 50%; padding: 40px 30px;}
.system1_con .system1_word ul{margin-top: 45px; padding: 0 5px;}
.system1_con .system1_word ul li{font-size: 16px; color: #ee7b00; margin-top: 16px; display: flex; align-items: center; justify-content: flex-start;}
.system1_con .system1_word ul li:nth-of-type(1){margin-top: 0;}
.system1_con .system1_word ul li em{margin-right: 15px; min-width: 25px; min-height: 25px; width: 25px; height: 25px; color: #fff; border-radius: 50%; background: #f39910; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.system1_con .system1_word h6{margin-top: 40px; padding: 0 5px; font-size: 16px; font-weight: normal; color: #ee7b00; line-height: 190%;}
.system1_con .system1_word p{padding: 0 5px; font-size: 14px; color: #6b6b6b; line-height: 220%;}
.system1_con .system1_img{width: 50%;}
.system1_con .system1_img img{width: 100%; height: 100%; object-fit: cover;}

.system5_con{margin-top: 25px; background: #fff; display: flex; align-items: stretch; justify-content: space-between;}
.system5_con .system5_word{width: 50%; padding: 40px 30px;}
.system5_con .system5_word p{margin-top: 35px; font-size: 14px; color: #6b6b6b; line-height: 220%;}
.system5_con .system5_img{width: 50%; padding: 40px 30px;}
.system5_con .system5_img img{width: 100%; height: 100%; object-fit: cover;}
.system5 .system_img{margin-top: 10px;}

.system2,.system3,.system4,.system5,.system6{margin-top: 60px;}
@media only screen and (min-width: 0) and (max-width: 1023px){
.system_tit img{height: 1.04rem;}
.system_img{margin-top: .30rem;}
.system_word p{margin-top: .30rem; font-size: .30rem;}

.system1_con{margin-top: .25rem; display: block;}
.system1_con .system1_word{width: 100%; padding: .40rem .30rem;}
.system1_con .system1_word ul{margin-top: .50rem; padding: 0;}
.system1_con .system1_word ul li{font-size: .35rem; margin-top: .25rem;}
.system1_con .system1_word ul li em{margin-right: .20rem; min-width: 20px; min-height: 20px; width: .45rem; height: .45rem;}
.system1_con .system1_word h6{margin-top: .50rem; padding: 0; font-size: .35rem;}
.system1_con .system1_word p{padding: 0; font-size: .30rem;}
.system1_con .system1_img{width: 100%;}

.system5_con{margin-top: .25rem; display: block;}
.system5_con .system5_word{width: 100%; padding: .40rem .30rem;}
.system5_con .system5_word p{margin-top: .35rem; font-size: .30rem;}
.system5_con .system5_img{width: 100%; padding: .40rem .30rem;}
.system5 .system_img{margin-top: .15rem;}

.system2,.system3,.system4,.system5,.system6{margin-top: 1rem;}}

/*加盟*/
.join_tit>h5{font-size: 40px; font-family: "MySourceHanSansCN_B"; color: #454545; text-align: center;}
.join_tit>h5 span{color: #ea6616;font-size:40px;}
.join_tit>h6{font-size: 24px; font-family: "MySourceHanSansCN_B"; color: #ee7b00; text-align: center;}
.join_tit>p{margin-top: 20px; font-size: 16px; font-family: "MySourceHanSansCN"; color: #6c6060; line-height: 230%; text-align: center;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .join_tit>h5{font-size: .60rem;}
  .join_tit>h5 span{font-size: .60rem;}
  .join_tit>h6{font-size: .42rem;}
  .join_tit>p{margin-top: .30rem; font-size: .35rem; line-height: 200%;}}

.join1{padding-top: 65px; padding-bottom: 70px;}
.join1_pn1{margin-top: 35px; background: #fff; display: flex; align-items: stretch; justify-content: space-between;}
.join1_pn1 .join1_pn1_img{width: 44.667%;}
.join1_pn1 .join1_pn1_img img{width: 100%; height: 100%; object-fit: cover;}
.join1_pn1 .join1_pn1_word{width: 55.333%; padding: 10px 35px; display: flex; justify-content:center; flex-direction:column; align-items:flex-start;}
.join1_pn1 .join1_pn1_word h5{font-size: 18px; font-family: "MySourceHanSansCN_B"; color: #000; line-height: 200%;}
.join1_pn1 .join1_pn1_word p{font-size: 16px; font-family: "MySourceHanSansCN"; color: #6c6060; line-height: 230%;}
.join1_pn2{margin-top: 20px; display: flex; align-items: stretch; justify-content: space-between;}
.join1_pn2_left{width: 24.584%;}
.join1_pn2_left li{margin-top: 10px; padding: 40px 0; font-size: 24px; font-family: "MySourceHanSansCN_B"; font-weight: bold; color: #535353; line-height: 170%; background: #fbfbfb; display: flex; justify-content:center; flex-direction:column; align-items:center;}
.join1_pn2_left li:nth-of-type(1){margin-top: 0;}
.join1_pn2_left li span{display: block; font-size: 55px; color: #ec7100;}
.join1_pn2_right{width: 74.584%; padding: 0 40px; background: #fff; display: flex; justify-content:center; flex-direction:column; align-items:flex-start;}
.join1_pn2_right li{margin-top: 35px;}
.join1_pn2_right li:nth-of-type(1){margin-top: 0;}
.join1_pn2_right li h5{font-size: 18px; font-family: "MySourceHanSansCN_B"; color: #ee7b00; line-height: 200%;}
.join1_pn2_right li p{font-size: 16px; font-family: "MySourceHanSansCN"; color: #6c6060; line-height: 230%;}
.join1_pn3{margin-top: 20px; background: #ea6616; display: flex; align-items: stretch; justify-content: space-between;}
.join1_pn3_left{width: 50%;}
.join1_pn3_left img{width: 100%; object-fit: contain;}
.join1_pn3_right{width: 50%; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.join1_pn3_right h5{font-size: 24px; font-family: "MySourceHanSansCN_B"; color: #fff; line-height: 150%; text-align: center;}
.join1_pn3_right figure{margin-top: 25px;}
.join1_pn3_right figure a{display: inline-block; padding: 8px 30px; font-size: 18px; font-family: "MySourceHanSansCN_B"; font-weight: bold; color: #ea6616; border-radius: 10px; background: #fff;}
.join1_pn3_right figure a:nth-of-type(1){margin-right: 30px;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .join1{padding-top: 1rem; padding-bottom: 1rem;}
  .join1_pn1{margin-top: .50rem; display: block;}
  .join1_pn1 .join1_pn1_img{width: 100%;}
  .join1_pn1 .join1_pn1_word{width: 100%; padding: .20rem .40rem; display: block;}
  .join1_pn1 .join1_pn1_word h5{font-size: .38rem;}
  .join1_pn1 .join1_pn1_word p{font-size: .35rem; line-height: 200%;}
  .join1_pn2{margin-top: .30rem; display: block;}
  .join1_pn2_left{width: 100%; display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
  .join1_pn2_left li{width: 32%; margin-top: 0; margin-right: 2%; padding: .65rem 0; font-size: .42rem; line-height: 170%;}
  .join1_pn2_left li:nth-of-type(3n){margin-right: 0;}
  .join1_pn2_left li span{font-size: .80rem;}
  .join1_pn2_right{margin-top: .30rem; width: 100%; padding: .20rem .40rem; display: block;}
  .join1_pn2_right li{margin-top: .40rem;}
  .join1_pn2_right li h5{font-size: .38rem;}
  .join1_pn2_right li p{font-size: .35rem; line-height: 200%;}
  .join1_pn3{margin-top: .30rem; background: #ea6616; display: block;}
  .join1_pn3_left{width: 100%;}
  .join1_pn3_right{width: 100%; padding: .60rem 0;}
  .join1_pn3_right h5{font-size: .38rem;}
  .join1_pn3_right figure{margin-top: .50rem;}
  .join1_pn3_right figure a{padding: 0 .40rem; font-size: .38rem; line-height: 200%; border-radius: .15rem;}
  .join1_pn3_right figure a:nth-of-type(1){margin-right: .50rem;}}

.join2{z-index: 1; position: relative; padding-top: 65px; padding-bottom: 295px; text-align: center;}
.join2:after{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 100%; background: url(https://www.szodia.com/style/images/join2_bg.jpg) center no-repeat; background-size: cover;}
.join2>h5,.join2>h6,.join2>p{color: #fff;}
.join2_img{margin: 85px auto 0 auto; max-width: 750px;}
.join2_img img{width: 100%; object-fit: contain;}
.join2_word{z-index: 1; position: absolute; left: 0; bottom: 0; width: 100%; padding: 38px 0;}
.join2_word:after{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 100%; background: rgba(0,0,0,0.8);}
.join2_word p{margin: 0 auto; max-width: 720px; font-size: 16px; font-family: "MySourceHanSansCN"; color: #fff; height: 74px; line-height: 230%; overflow: hidden;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .join2{padding-top: 1rem; padding-bottom: 0;}
  .join2>h5,.join2>h6,.join2>p{text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
  .join2_img{margin: 1.3rem auto 0 auto;}
  .join2_word{position: relative; margin-top: 1rem; padding: .60rem 0;}
  .join2_word p{max-width: 100%; font-size: .35rem; height: auto; line-height: 180%;}}

.join3{z-index: 1; position: relative; padding-top: 45px; padding-bottom: 60px;}
.join3:after{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 100%; background: #fff;}
.join3 ul{margin-top: 30px;}
.join3 ul li{float: left; border: 1px solid #d7d7d7;}
.join3 ul li a{display: block; position: relative; width: 100%; padding: 37.534% 0; overflow: hidden;}
.join3 ul li a img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
@media only screen and (min-width: 1024px){
  .join3 ul li{width: 31.584%; margin-top: 2.624%; margin-right: 2.624%;}
  .join3 ul li:nth-of-type(-n+3){margin-top: 0;}
  .join3 ul li:nth-of-type(3n){margin-right: 0;}}

@media only screen and (min-width: 0) and (max-width: 1023px){
.join3{padding-top: .70rem; padding-bottom: 1rem;}
.join3 ul{margin-top: .45rem;}}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .join3 ul li{width: 47.5%; margin-top: 2.5%; margin-right: 2.5%;}
  .join3 ul li:nth-of-type(-n+2){margin-top: 0;}
  .join3 ul li:nth-of-type(2n){margin-right: 0;}}

.join4{padding-top: 45px; padding-bottom: 60px;}
.join4_pn1{margin-top: 20px; width: 100%;}
.join4_pn1 img{width: 100%; height: 100%; object-fit: cover;}
.join4_pn2{margin-top: 30px; display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
.join4_pn2 li{padding-top: 40px; padding-bottom: 30px; border: 1px solid #e6e6e6; background: #fff; display: flex; justify-content:flex-start; flex-direction:column; align-items:center;}
.join4_pn2 li .join4_pn2_img{width: 120px; height: 120px;}
.join4_pn2 li .join4_pn2_img img{width: 100%; height: 100%; object-fit: contain;}
.join4_pn2 li .join4_pn2_word{padding: 0 35px; text-align: center;}
.join4_pn2 li .join4_pn2_word h5{margin-top: 15px; font-size: 18px; font-family: "MySourceHanSansCN_B"; color: #ee7b00; line-height: 200%;}
.join4_pn2 li .join4_pn2_word p{font-size: 16px; font-family: "MySourceHanSansCN"; color: #6c6060; line-height: 230%;}
.join4_pn2 li:hover .join4_pn2_img img{transition: 0.6s; transform: rotateY(360deg);}
@media only screen and (min-width: 1024px){
  .join4_pn2 li{width: 32%; margin-top: 2%; margin-right: 2%;}
  .join4_pn2 li:nth-of-type(-n+3){margin-top: 0;}
  .join4_pn2 li:nth-of-type(3n){margin-right: 0;}}

.join4_pn3{margin-top: 50px;}
.join4_pn3>h5{font-size: 24px; font-family: "MySourceHanSansCN_B"; color: #000;}
.join4_pn3>h5 span{color: #ee7b00;font-size:24px;}
.join4_pn3>h6{margin-top: 5px; font-size: 18px; font-family: "Arial"; color: #a8a8a8; text-transform: uppercase;}
.join4_pn3>p{margin-top: 15px; font-size: 16px; font-family: "MySourceHanSansCN"; color: #6c6060; line-height: 230%;}
.join4_pn3 ul{margin-top: 30px; display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
.join4_pn3 ul li{width: 49.2%; margin-top: 1.6%; margin-right: 1.6%;}
.join4_pn3 ul li:nth-of-type(-n+2){margin-top: 0;}
.join4_pn3 ul li:nth-of-type(2n){margin-right: 0;}
.join4_pn3 ul li img{width: 100%; height: 100%; object-fit: cover;}

@media only screen and (min-width: 0) and (max-width: 1023px){
  .join4{padding-top: .70rem; padding-bottom: 1rem;}
  .join4_pn1{margin-top: .30rem; width: 100%;}
  .join4_pn2{margin-top: .50rem; display: block;}
  .join4_pn2 li{margin-top: .30rem; padding: .60rem .30rem;}
  .join4_pn2 li:nth-of-type(1){margin-top: 0;}
  .join4_pn2 li .join4_pn2_img{min-width: 1.9rem; width: 1.9rem; height: 1.9rem;}
  .join4_pn2 li .join4_pn2_word{padding: 0;}
  .join4_pn2 li .join4_pn2_word h5{margin-top: .20rem; font-size: .38rem;}
  .join4_pn2 li .join4_pn2_word p{font-size: .35rem; line-height: 200%;}
  .join4_pn3{margin-top: .80rem;}
  .join4_pn3>h5{font-size: .42rem;}
  .join4_pn3>h5 span{font-size: .42rem;}
  .join4_pn3>h6{margin-top: .10rem; font-size: .38rem;}
  .join4_pn3>p{margin-top: .25rem; font-size: .35rem; line-height: 200%;}
  .join4_pn3 ul{margin-top: .50rem;}}

.join5{z-index: 1; position: relative; padding-top: 45px; padding-bottom: 75px;}
.join5:after{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 100%; background: #fff;}
.join5_pn1{margin-top: 30px; width: 100%;}
.join5_pn1 img{width: 100%; height: 100%; object-fit: cover; border: 1px solid #d7d7d7;}
.join5_pn1_pic{margin-top: 20px; width: 100%;}
.join5_pn1_pic img{width: 100%; object-fit: contain;}
.join5_pn2{margin-top: 20px;}
.join5_pn2 h5{padding: 0 5px; font-size: 18px; font-family: "MySourceHanSansCN_B"; color: #ee7b00; line-height: 200%;}
.join5_pn2 p{margin-top: 35px; padding: 0 5px; font-size: 16px; font-family: "MySourceHanSansCN"; color: #6c6060; line-height: 230%;}
.join5_pn2 p:nth-of-type(1){margin-top: 0;}
.join5_pn2 .join5_pn2_img{margin-top: 30px; width: 100%;}
.join5_pn2 .join5_pn2_img img{width: 100%; height: 100%; object-fit: cover;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .join5{padding-top: .70rem; padding-bottom: 1rem;}
  .join5_pn1{margin-top: .50rem;}
  .join5_pn1_pic{margin-top: .25rem;}
  .join5_pn2{margin-top: .25rem;}
  .join5_pn2 h5{padding: 0; font-size: .38rem;}
  .join5_pn2 p{margin-top: .50rem; padding: 0; font-size: .35rem; line-height: 200%;}
  .join5_pn2 .join5_pn2_img{margin-top: .50rem;}}

.join6{padding-top: 45px; padding-bottom: 50px;}
.join6_pn1{margin-top: 20px; background: #fff; display: flex; align-items: stretch; justify-content: space-between;}
.join6_pn1 .join6_pn1_word{width: 43.75%; padding: 30px 45px; display: flex; justify-content:center; flex-direction:column; align-items:flex-start;}
.join6_pn1 .join6_pn1_word h5{font-size: 18px; font-family: "MySourceHanSansCN_B"; color: #ee7b00; line-height: 200%;}
.join6_pn1 .join6_pn1_word p{margin-top: 35px; font-size: 16px; font-family: "MySourceHanSansCN"; color: #6c6060; line-height: 230%;}
.join6_pn1 .join6_pn1_img{width: 56.25%; padding: 30px 25px;}
.join6_pn1 .join6_pn1_img img{width: 100%; height: 100%; object-fit: cover;}
.join6_pn2{margin-top: 35px;}
.join6_pn2 h5{font-size: 18px; font-family: "MySourceHanSansCN_B"; color: #ee7b00; line-height: 200%;}
.join6_pn2 p{font-size: 16px; font-family: "MySourceHanSansCN"; color: #6c6060; line-height: 230%;}
.join6_pn2 .join6_pn2_img{margin-top: 35px; width: 100%;}
.join6_pn2 .join6_pn2_img:nth-of-type(1){margin-top: 25px;}
.join6_pn2 .join6_pn2_img img{width: 100%; height: 100%; object-fit: cover;}
.join6_pn3{margin-top: 30px;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .join6{padding-top: .70rem; padding-bottom: 1rem;}
  .join6_pn1{margin-top: .30rem; display: block;}
  .join6_pn1 .join6_pn1_word{width: 100%; padding: .40rem; display: block;}
  .join6_pn1 .join6_pn1_word h5{font-size: .38rem;}
  .join6_pn1 .join6_pn1_word p{margin-top: .20rem; font-size: .35rem; line-height: 200%;}
  .join6_pn1 .join6_pn1_img{width: 100%; padding: 0 .40rem .40rem .40rem;}
  .join6_pn2{margin-top: .50rem;}
  .join6_pn2 h5{font-size: .38rem;}
  .join6_pn2 p{font-size: .35rem; line-height: 200%;}
  .join6_pn2 .join6_pn2_img{margin-top: .50rem;}
  .join6_pn2 .join6_pn2_img:nth-of-type(1){margin-top: .30rem;}
  .join6_pn3{margin-top: .50rem;}}

.join7{z-index: 1; position: relative; padding: 45px 0;}
.join7:after{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 100%; background: #fff;}
.join7_pn1{margin-top: 30px;}
.join7_pn1 .join7_pn1_img{width: 100%;}
.join7_pn1 .join7_pn1_img img{width: 100%; height: 100%; object-fit: cover;}
.join7_pn1 .join7_pn1_word{padding: 30px 25px; color: #fff; background: #ee7b00;}
.join7_pn1 .join7_pn1_word h5{font-size: 24px; font-family: "MySourceHanSansCN_B"; line-height: 150%;}
.join7_pn1 .join7_pn1_word h6{font-size: 18px; font-family: "MySourceHanSansCN_B"; line-height: 200%;}
.join7_pn1 .join7_pn1_word p{font-size: 16px; font-family: "MySourceHanSansCN"; line-height: 230%;}
.join7_pn2{margin-top: 45px; display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
.join7_pn2 li{display: flex; justify-content:flex-start; flex-direction:column; align-items:flex-start;}
.join7_pn2 li img{width: 100%; object-fit: contain;}
.join7_pn2 li:nth-of-type(2) img{position: relative; right: -16px; top: -6px;}
@media only screen and (min-width: 769px){
  .join7_pn2 li{width: 49.417%; margin-top: 1.166%; margin-right: 1.166%;}
  .join7_pn2 li:nth-of-type(-n+2){margin-top: 0;}
  .join7_pn2 li:nth-of-type(2n){margin-right: 0;}}

@media only screen and (min-width: 0) and (max-width: 1023px){
  .join7{padding: .70rem 0;}
  .join7_pn1{margin-top: .50rem;}
  .join7_pn1 .join7_pn1_word{padding: .40rem;}
  .join7_pn1 .join7_pn1_word h5{font-size: .42rem;}
  .join7_pn1 .join7_pn1_word h6{font-size: .38rem;}
  .join7_pn1 .join7_pn1_word p{font-size: .35rem; line-height: 200%;}
  .join7_pn2{margin-top: .40rem;}
  .join7_pn2 li:nth-of-type(2) img{right: 0; top: 0;}}
@media only screen and (min-width: 0) and (max-width: 768px){
  .join7_pn2 li{width: 100%; margin-top: 2%;}
  .join7_pn2 li:nth-of-type(1){margin-top: 0;}}

.join8{z-index: 1; position: relative; padding: 20px 0;}
.join8:after{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 100%; background: #eeeeef;}
@media only screen and (min-width: 0) and (max-width: 1023px){
.join8{padding: .30rem 0;}}

.join9{z-index: 1; position: relative; padding: 80px 0;}
.join9:after{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 100%; background: #fff;}
@media only screen and (min-width: 0) and (max-width: 1023px){
.join9{padding: 1rem 0;}}

.join10{z-index: 1; position: relative; padding-top: 60px; padding-bottom: 20px;}
.join10:after{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 100%; background: #ebedee;}
@media only screen and (min-width: 0) and (max-width: 1023px){
.join10{padding-top: .70rem; padding-bottom: .50rem;}}

.join11{position: relative; padding: 65px 0; background: #fff;}
.join11:before{z-index: -1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ""; width: 1920px; height: 100%; background: #fff;}
.join11 .msg_form{margin-top: 35px;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .join11{padding: 1rem 0;}
  .join11 .msg_form{margin-top: .40rem;}}

.anchor_point{position: relative;}
.anchor_point a{position: absolute; top: -80px;}
@media only screen and (min-width: 0) and (max-width: 1023px){.anchor_point a{top: -60px;}}


/*== 加盟弹框 ==*/
.design_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;}
.design_box .design_con{position: fixed; width: 550px; height: 600px; padding: 30px 35px; border: 2px solid #484443; background: #fff; display: flex; align-items: center; justify-content: center;}
.design_box .design_con .will_close{z-index: 99; display: block; position: absolute; right: 10px; top: 10px; width: 36px; height: 36px; border: 2px solid #484443; border-radius: 50%; background: url(https://www.szodia.com/style/images/close_ico2.png) #fff center no-repeat; cursor: pointer;}
.design_box .design_con .design_form{margin: 0 auto; position: relative; width: 100%;}
.design_box .design_con .design_form h3{font-size: 60px; color: #ea6616; text-align: center;}
.design_box .design_con .design_form p:first-of-type{font-size: 20px; font-weight: bold; color: #484443; text-align: center;}
.design_box .design_con .design_form p:last-of-type{margin-top: 20px; font-size: 14px; color: #484443; text-align: center;}
.design_box .design_con .design_form ul{margin: 15px auto; position: relative; width: 100%;}
.design_box .design_con .design_form ul li{margin-bottom: 20px; width: 100%; display: flex; align-items: flex-start; justify-content: flex-start;}
.design_box .design_con .design_form ul li:last-child{margin-bottom: 0;}
.design_box .design_con .design_form ul li span{display: inline-block; min-width: 4em; font-size: 18px; line-height: 35px;}
.design_box .design_con .design_form ul li input{transition: 0.6s; width: 100%; height: 35px; padding: 0 5px; border: 1px solid #484443; outline: none;}
.design_box .design_con .design_form ul li textarea{transition: 0.6s; width: 100%; height: 80px; padding: 5px; border: 1px solid #484443; outline: none;}
.design_box .design_con .design_form ul li .design_address{width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.design_box .design_con .design_form ul li select{width: 33.33%; height: 35px; border: 1px solid #484443; border-right-color: #fff; text-align: center;}
.design_box .design_con .design_form ul li select:last-child{border-right-color: #484443;}
#v_container{width: 100px; height: 35px;}
.design_box .design_con .design_form ul li input:focus,.design_box .design_con .design_form ul li textarea:focus{box-shadow: 0 0 10px #484443;}
.design_box .design_con .design_form ul .design_sub{transition: 0.6s; display: block; margin: 0 auto; width: 200px; height: 35px; color: #fff; padding: 0; border: 1px solid #ea6616; border-radius: 5px; background: #ea6616; cursor: pointer;}
.design_box .design_con .design_form ul .design_sub:hover{box-shadow: 0 0 10px #ea6616;}
@media only screen and (min-width: 0) and (max-width: 767px){
    .design_box .design_con{width: 95%; height: auto; padding: 5% 5.5%;}
    .design_box .design_con .will_close{right: 5px; top: 5px; width: 30px; height: 30px; background-size: 45%;}
    .design_box .design_con .design_form h3{font-size: 40px; text-align: center;}
    .design_box .design_con .design_form p:first-of-type{font-size: 18px; font-weight: normal;}
    .design_box .design_con .design_form ul li{margin-bottom: 10px;}
    .design_box .design_con .design_form ul li span{font-size: 16px}
    .design_box .design_con .design_form ul li select{margin-top: 10px; width: 100%; border-right-color: #484443;}
    .design_box .design_con .design_form ul li select:nth-of-type(1){margin-top: 0;}
}
/*新增产品参数表格*/
.pro_view2_con table{
  margin-top:2%;
  overflow: hidden;
}
.pro_view2_con tr td{
  border:1px solid #dfdfdf;
  font-size:16px;
  color:#333;
  padding:1%;
}
@media screen and (max-width: 520px){
  .pro_view2_con table{
    margin-top:4%;
  }
  .pro_view2_con tr td{
    font-size:14px;
  }
} 

/*头部 底部*/
.h_top{background-color:#184755}
.h_nav li:hover>a, .h_nav li.active>a{color:#25878c}
.h_nav li dl dd:hover a{background-color:#25878c}
footer{background-color:#184755}
footer a{color:#d8d8d8;font-size:14px}
.f_word li{color:#d8d8d8;font-size:14px;}

.join11.page_tit.j_ly{background-color:#fff;padding:3%;padding-top:3%}
.join11.page_tit.j_ly:before{display:none}

.tit a{color:#fff;}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}

.pro_view1_right ul{ line-height:30px; font-size:14px; color:#666}
.pro_view2_con{ line-height:30px; font-size:14px; color:#666}

#maximg img{ max-width:100% !important; height:auto !important}