@charset "UTF-8";
*{padding: 0; margin: 0; box-sizing: border-box;}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,pre,th,td,dl,dd,form,fieldset,legend,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
a{transition: 0.6s; background-color: transparent; text-decoration:none; color: inherit;}
table{border-collapse: collapse;}
button,input,select,textarea{font-size: 100%;}
input,button,textarea,select,optgroup,option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
input{-webkit-appearance:none;}
mark{background-color: inherit;}
abbr[title]{border-bottom: 1px dotted;}
ol,dl,dt,dd,ul,li{list-style:none;}
img{max-width: 100%; border:0; vertical-align:middle;}
i,em{font-style: normal;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: unset !important;}
.clear:after{display: block; clear: both; content: ""; visibility: hidden;}
.clearfix:after{display: block; clear: both; content: ""; width: 0; height: 0; visibility: hidden;}
.design_box .bounceIn,.fixed_box .bounceIn,.search_box .bounceIn{-webkit-animation-name: bounceIn; animation-name: bounceIn;}
.design_box .animated,.fixed_box .animated,.search_box .animated{-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible;}
.hero{margin-top:80px}
@-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);}
}

/*@font-face{font-family: 'MySourceHanSansCN'; src: url('../fonts/SOURCEHANSANSCN.OTF');}
@font-face{font-family: 'MySourceHanSansCN_B'; src: url('../fonts/SOURCEHANSANSCN_B.OTF');}*/
@font-face{font-family: 'MySourceHanSansCN'; src: url('../fonts/SOURCEHANSANSCN.ttf');}
@font-face{font-family: 'MySourceHanSansCN_B'; src: url('../fonts/SOURCEHANSANSCN_B.ttf');}

body{font-size: 14px; font-family: "微软雅黑","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; background: #fff;}
@media only screen and (min-width: 1024px){body{/*min-width: 1220px;*/}}
.keoror_container{overflow: hidden;}
.keoror_container,.keoror_container .h_top{/*min-width: 1220px;*/}
@media only screen and (min-width: 0) and (max-width: 1023px){.keoror_container,.keoror_container .h_top{min-width: 320px;}}

.word_content *{max-width: 100% !important;}

/*html::-webkit-scrollbar{width: 5px; height: 5px;}
html::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background:rgba(0, 0, 0, 0.1);}
html::-webkit-scrollbar-thumb{background: #030519; border-radius: 6px;}*/

.center{max-width: 1200px; width: 100%; margin: 0 auto;}
.center2{max-width: 1840px; width: 100%; margin: 0 auto;}
@media only screen and (max-width: 1220px){.center{max-width: 100%; padding: 0 .27rem;}}
@media only screen and (max-width: 1860px){.center2{max-width: 100%; padding: 0 .27rem;}}

aside ul{position: fixed; top: 50%; transform: translateY(-50%); right: 60px; z-index: 99;}
aside ul li{position: relative; width: 65px; height: 65px; text-align: center; margin-bottom: 5px; background: #a8a8a8;}
aside ul li:last-child{margin-bottom: 0;}
aside ul li i{transition: 0.6s; display: block; width: 34px; height: 34px; margin-bottom: 2px; overflow: hidden; cursor: pointer;}
aside ul li:nth-of-type(1) i{background: url(../images/aside_ico1.png) center no-repeat;}
aside ul li:nth-of-type(2) i{background: url(../images/aside_ico2.png) center no-repeat;}
aside ul li:nth-of-type(3) i{background: url(../images/aside_ico3.png) center no-repeat;}
aside ul li:nth-of-type(4) i{background: url(../images/aside_ico4.png) center no-repeat;}
aside ul li>a{width: 100%; height: 100%; font-size: 14px; color: #fff; display: flex; justify-content:center; flex-direction:column; align-items:center;}
aside ul li:hover>a{background: #ea6616;}
aside ul li .fix_tel{transition: 0.6s; z-index: -1; opacity: 0; pointer-events: none; position: absolute; top: 0; right: 0; font-size: 14px; color: #fff; background: #ea6616; height: 65px; line-height: 65px; padding: 0 10px; width: max-content; width: -webkit-max-content; width: -moz-max-content; width: -ms-max-content; width: -o-max-content;}
aside ul li:hover .fix_tel{opacity: 1; pointer-events: auto; right: 66px;}
aside ul li:nth-of-type(3) .fix_tel{transform: scale(0); opacity: 1; right: 66px; top: 50%; margin-top: -55px; padding: 0 10px 0 0; width: 120px; height: 110px; background: transparent;}
aside ul li:nth-of-type(3) .fix_tel img{width: 100%; height: 100%; object-fit: contain;}
aside ul li:hover:nth-of-type(3) .fix_tel{transform: scale(1);}
aside ul .go_top{display: none; height: 38px;}
@media only screen and (max-width: 1023px){
  aside ul{top: 80%; right: 10px;}
  aside ul li:nth-of-type(-n+3){display: none !important;}
  aside ul .go_top{width: 50px; height: 50px; border-radius: 50%; background: #ea6616;}
  aside ul .go_top>a{border-radius: 50%;}}

.back{position: relative; z-index: 1; float: left; display: inline-block; font-size: 14px; padding: 5px 15px; color: #ea6616; letter-spacing: 2px; border: 1px solid #ea6616; background: #fff; margin-top: 30px;}
.back:hover{color: #fff; background: #ea6616;}
section.page_con>h1{font-size: 20px; color: #ea6616; height: 31px; line-height: 31px; text-align: center; margin-top: 30px; margin-bottom: 15px;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .back{font-size: .30rem; padding: 0 .35rem; height: 35px; line-height: 33px; margin-top: .827rem;}
  section.page_con>h1{font-size: .40rem; height: 35px; line-height: 35px; margin-top: .827rem;}}
@media only screen and (min-width: 0px) and (max-width: 500px){
  .back{height: 27px; line-height: 25px;}
  section.page_con>h1{height: 27px; line-height: 27px;}}

.fenye{display: flex; align-items: center; justify-content: center; padding-top: 40px;}
.fenye ul{display: flex; align-items: center; justify-content: center;}
.fenye ul li{transition: 0.6s; width: 40px; height: 40px; line-height: 38px; font-size: 14px; color: #343434; text-align: center; border: 1px solid #ddd; border-right: none;}
.fenye ul .fenye-p,.fenye ul .fenye-n{width: 80px;}
.fenye ul li:last-child{border: 1px solid #ddd;}
.fenye ul li a{transition: 0s; display: block; width: 100%; height: 100%;}
.fenye ul li:hover, .fenye ul li.active{color: #fff; border-color: #ea6616; background: #ea6616;}
.fenye form{margin-left: 10px; font-size: 14px; color: #343434; height: 40px;}
.fenye form label{margin: 0 10px;}
.fenye form input[type="text"]{transition: 0.6s; width: 40px; height: 100%; line-height: 38px; text-align: center; border: 1px solid #ddd; background: transparent; outline: none;}
.fenye form input[type="text"]::-webkit-input-placeholder{transition: 0.6s; color: #343434;}
.fenye form input[type="text"]:focus{color: #fff; border-color: #ea6616; background: #ea6616;}
.fenye form input[type="text"]:focus::-webkit-input-placeholder{color: #fff;}
.fenye form input[type="submit"]{transition: 0.6s; width: 60px; height: 100%; line-height: 40px; text-align: center; color: #909090; border: none; background: #343434; outline: none; cursor: pointer;}
.fenye form input[type="submit"]:hover{color: #fff; background: #ea6616;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .fenye{padding-top: .40rem; flex-wrap: wrap;}
  .fenye ul,.fenye form{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  .fenye ul li{margin: 2px 0; width: 34px; height: 34px; line-height: 32px; border-right: 1px solid #ddd;}
  .fenye ul .fenye-p,.fenye ul .fenye-n{width: 60px;}
  .fenye form{margin: 2px 0; height: 34px;}
  .fenye form label{margin: 0 5px;}
  .fenye form input[type="text"]{width: 34px; line-height: 32px;}
  .fenye form input[type="submit"]{width: 40px; line-height: 34px; color: #fff; background: #ea6616;}}
@media only screen and (min-width: 0) and (max-width: 450px){ .fenye ul li,.fenye form{font-size: 12px;}}
@media only screen and (min-width: 451px) and (max-width: 1023px){.fenye ul li,.fenye form{font-size: 14px;}}

#baguetteBox-overlay .full-image figcaption{font-size: 24px; height: 70px; line-height: 70px !important;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  #baguetteBox-overlay .full-image figcaption{font-size: .446rem; height: 48px; line-height: 48px !important;}}

/*公共头部*/
.h_top{transition: 0.6s; z-index: 999; position: fixed; left: 0; top: 0; width: 100%; height: 80px; background: #000;}
.h_top .center2{width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start;}
.h_logo{z-index: 999; position: relative; display: inline-block;}
.h_logo img{height: 60px; object-fit: contain;}
.h_nav{margin-left: 55px; margin-right: auto; height: 100%; display: flex; align-items: center; justify-content: flex-start;}
.h_nav li{position: relative; height: 100%; text-align: center; margin-right: 15px;}
.h_nav li:last-child{margin-right: 0;}
.h_nav li>a{height: 100%; font-size: 14px; padding: 0 10px; color: #f2f2f2; display: flex; justify-content:center; flex-direction:column; align-items:center;}
.h_nav li:hover>a,.h_nav li.active>a{color: #ea6616;}
.h_nav li dl{display: none; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); min-width: 110px; text-align: center; background: rgba(255,255,255,0.75); width: max-content; width: -webkit-max-content; width: -moz-max-content; width: -ms-max-content; width: -o-max-content;}
.h_nav li dl dd{line-height: 35px;}
.h_nav li dl dd:nth-child(1){padding-top: 15px;}
.h_nav li dl dd:nth-last-child(1){padding-bottom: 20px;}
.h_nav li dl dd a{display: block; font-size: 14px; color: #646464;}
.h_nav li dl dd a:hover{color: #fff; background: #ea6616;}
.h_top .h_right{display: flex; align-items: center; justify-content: flex-start;}
.h_top .h_right>a{display: block; margin-right: 15px;}
.h_top .h_right>a img{height: 27px; object-fit: contain;}
.h_top .center2 form{width: 224px; height: 36px; position: relative;}
.h_top .center2 form input[type="text"]{display: block; width: 100%; height: 100%; line-height: 34px; font-size: 14px; color: #c4c4c4; padding-left: 15px; padding-right: 40px; border: 1px solid #dfdfdf; border-radius: 30px; background: transparent; outline: none;}
.h_top .center2 form input[type="text"]::-webkit-input-placeholder{color: #c4c4c4;}
.h_top .center2 form input[type="submit"]{position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 29px; height: 29px; border: none; border-radius: 50%; background: url("../images/search.png") #eaeaea center no-repeat; outline: none; cursor: pointer;}
@media only screen and (min-width: 0) and (max-width: 1420px){
  .h_nav{margin-left: auto; margin-right: 0;}
  .h_top .h_right{display: none;}}

.h_top .nav_btn{transition: 0.6s; z-index: 9999999; position: relative; width: 35px; height: 35px; border: 1px solid #fff; background: #000; cursor: pointer;}
.h_top .nav_btn span{position: absolute; top: 50%; left: 7px; margin-top: -1px; display: block; width: 20px; height: 2px; background: #fff; transition: .2s ease;}
.h_top .nav_btn span:before{content: ''; position: absolute; top: -8px; left: 0; width: 20px; height: 2px; border-radius: 3px; background: #fff; transition: transform .2s ease, top .2s ease;}
.h_top .nav_btn span:after{position: absolute; top: 8px; left: 0; width: 20px; height: 2px; content: ''; border-radius: 3px; background: #fff; transition: transform .2s ease, top .2s ease;}
.h_top .nav_btn_open{border: 1px solid #e75d1e; background: #e75d1e;}
.h_top .nav_btn_open span{width: 0;}
.h_top .nav_btn_open span:before{top: 0; transform: rotate(45deg);}
.h_top .nav_btn_open span:after{top: 0; transform: rotate(-45deg);}
@media only screen and (min-width: 1024px){
  .h_top .nav_btn{display: none;}
  .h_top .mobile-nav-box{height: 0; overflow: hidden;}
  .h_top .mobile-nav-box .mobile-menu-nav ul li .tit{font-weight: normal;}}

/*移动端导航*/
@media only screen and (min-width: 0) and (max-width: 1023px){
  .h_top{height: 60px;}
  .h_top .center2{justify-content: space-between;}
  .h_logo img{height: 45px;}
  .h_nav{display: none;}
  .h_logo.active img{opacity: 0;}
  .h_top .mobile-nav-box{position: fixed; top: 0; left: 0; z-index: 999999; min-width: 250px; width: 100%; height: 100%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); transform: perspective(450px) rotateY(-91deg); transform-origin: 0; transition: .4s ease;}
  .h_top .mobile-nav-box .mobile-logo{z-index: 99999999; position: relative; width: 250px; text-align: center; padding: 16px 0; background: #000; display: flex; align-items: center; justify-content: center;}
  .h_top .mobile-nav-box .mobile-logo a{display: block; width: 100%; height: 100%;}
  .h_top .mobile-nav-box .mobile-logo img{max-width: 100%; height: 28px;}
  .h_top .mobile-nav-box .bg{transition: 0.6s; width: 100%; height: 100%; z-index: 10; top: 0; left: 0; position: absolute; background: rgba(0, 0, 0, 0.6);}
  .h_top .mobile-nav-box .mobile-menu-nav{z-index: 99999999; position: relative; overflow-y: scroll; height: 100%; background: #000; width: 250px;}
  .h_top .mobile-nav-box .mobile-menu-nav ul li{border-bottom: 1px solid rgba(255,255,255,0.4);}
  .h_top .mobile-nav-box .mobile-menu-nav ul li .tit{position: relative; display: block; height: 56px; line-height: 56px; overflow: hidden; padding: 0 20px 0 40px; font-size: 16px; color: #fff; font-weight: normal; letter-spacing: 1px; cursor: pointer; transition: .6s;}
  .h_top .mobile-nav-box .mobile-menu-nav ul li .tit:before{content: ""; position: absolute; top: 50%; left: 15px; width: 10px; height: 10px; margin-top: -5px; border: 1px solid #fff; border-radius: 50%; transition: .6s;}
  .h_top .mobile-nav-box .mobile-menu-nav ul li .tit a{transition: 0s; display: block;}
  .h_top .mobile-nav-box .mobile-menu-nav ul li .tit i{float: right; margin-top: 18px; font-size: 18px;}
  .h_top .mobile-nav-box .mobile-menu-nav ul li .tit.active,.h_top .mobile-nav-box .mobile-menu-nav ul li .tit.active i{color: #ea6616;}
  .h_top .mobile-nav-box .mobile-menu-nav ul li .tit.active:before{border-color: #ea6616; background: #ea6616;}
  .h_top .mobile-nav-box .mobile-menu-nav ul li .mobile-second-nav{display: none; margin-bottom: 0;}
  .h_top .mobile-nav-box .mobile-menu-nav ul li .mobile-second-nav dd{border-top: 1px solid rgba(255,255,255,0.4);}
  .h_top .mobile-nav-box .mobile-menu-nav ul li .mobile-second-nav dd a{display: block; height: 56px; line-height: 56px; overflow: hidden; padding: 0 10px 0 45px; font-size: 16px; color: #fff; letter-spacing: 1px; cursor: pointer;}
  .h_top .mobile-nav-box .mobile-menu-nav ul li .mobile-second-nav dd a:hover{color: #ea6616;}
  .h_top .mobile-nav-box-show{transform: perspective(450px) rotateY(0deg);}
  .h_top .mobile-nav-box .mobile-menu-nav form{margin-top: 15px; width: 100%; height: 32px; padding: 0 10px; position: relative;}
  .h_top .mobile-nav-box .mobile-menu-nav form input[type="text"]{display: block; width: 100%; height: 100%; line-height: 30px; font-size: 14px; color: #cdcdcd; padding-left: 13px; padding-right: 32px; border: 1px solid #cdcdcd; border-radius: 5px; background: transparent; outline: none;}
  .h_top .mobile-nav-box .mobile-menu-nav form input[type="text"]::-webkit-input-placeholder{color: #cdcdcd;}
  .h_top .mobile-nav-box .mobile-menu-nav form input[type="submit"]{position: absolute; right: 10px; top: 0; width: 30px; height: 100%; border-radius: 0 5px 5px 0; border: none; background: url("../images/search.png") #cdcdcd center no-repeat; outline: none; cursor: pointer;}}

/*首页轮播图*/
/* .hero{height:70vh;overflow: hidden;} */
@media only screen and (min-width: 0) and (max-width: 1023px){.hero{display: none;}.hero-box{position:static; height: 100%;}}

.ind_banner{position: relative; height: 100%; z-index: 2; background: #000;}
.ind_banner .swiper-container{width: 100%; height: 100%;}
.ind_banner .swiper-wrapper{width: 100%; height: 100%;}
.ind_banner .swiper-slide{width: 100%; height: 100%;}
.ind_banner .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.ind_banner .swiper-slide-active img{animation: mybanner 2s; -webkit-animation: mybanner 2s;}
.ind_banner .swiper-pagination{position: absolute; z-index: 10; top: 50%; transform: translateY(-50%);}
.ind_banner .swiper-pagination .swiper-pagination-bullet{transition: 0.6s; margin: 0 80px 15px auto; opacity: 1; display: block; width: 20px; height: 2px; border-radius: 0; background: #fff;}
.ind_banner .swiper-pagination .swiper-pagination-bullet:last-child{margin-bottom: 0;}
.ind_banner .swiper-pagination .swiper-pagination-bullet-active{width: 32px;}
.ind_banner_con{z-index: 9; position: absolute; bottom: 0; width: 100%; text-align: center;}
.ind_banner_word{color: #fff;}
.ind_banner_word h5{font-size: 48px; font-family: "Arial"; text-transform: uppercase;}
.ind_banner_word h5 span{font-weight: normal;}
.ind_banner_word h6{font-size: 55px; font-family: "MySourceHanSansCN"; font-weight: normal;}
.ind_banner_word h6 span{color: #ea6616;}
.ind_banner_word p{margin-bottom: 20px; display: inline-block; font-size: 24px; font-family: "MySourceHanSansCN"; line-height: 200%;}
.ind_banner_img{width: 45%; min-width: 650px; margin: 0 auto;}
.ind_banner_img img{width: 100%; height: 100%; object-fit: contain;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .ind_banner .swiper-pagination{top: 100%; transform: translateY(-600%);}
  .ind_banner .swiper-pagination .swiper-pagination-bullet{margin: 0 5px; display: inline-block; width: 8px; height: 8px; border-radius: 50%;}
  .ind_banner .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
  .ind_banner .swiper-pagination .swiper-pagination-bullet-active{width: 8px; background: #e75d1e;}
  .ind_banner_con{padding-top: 60px; padding: 0 .27rem; width: 100%; height: 100%; z-index: 8; display: flex; justify-content: center; flex-direction: column; align-items: center;}
  .ind_banner_word h5{font-size: .7rem;}
  .ind_banner_word h6{font-size: .8rem;}
  .ind_banner_word p{margin-bottom: .4rem; font-size: .4rem;}
  .ind_banner_img{width: 55%; min-width: 280px;}}
@media only screen and (min-width: 0) and (max-width: 550px){
  .ind_banner_word h5{font-size: .55rem;}
  .ind_banner_word h6{font-size: .65rem;}}
@keyframes mybanner{
  0%{transform: scale(0.9);}
  100%{transform: scale(1);}}

#banner_show{z-index: 9; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.ind_banner_con{display: none;}
.banner_show0 .ind_banner_con:nth-of-type(1){display: block;}
.banner_show1 .ind_banner_con:nth-of-type(2){display: block;}
.banner_show2 .ind_banner_con:nth-of-type(3){display: block;}
.banner_show3 .ind_banner_con:nth-of-type(4){display: block;}
.banner_show4 .ind_banner_con:nth-of-type(5){display: block;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .banner_show0 .ind_banner_con:nth-of-type(1){display: flex;}
  .banner_show1 .ind_banner_con:nth-of-type(2){display: flex;}
  .banner_show2 .ind_banner_con:nth-of-type(3){display: flex;}
  .banner_show3 .ind_banner_con:nth-of-type(4){display: flex;}
  .banner_show4 .ind_banner_con:nth-of-type(5){display: flex;}}

#hero-overlay {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:7;
    overflow:hidden
}
#hero-overlay #hero-overlay1 {
    position:absolute;
    left:-160%;
    top:0;
    width:0;
    height:100%;
    z-index:8;
    background:rgba(14,22,104,.5);
    -webkit-transition:all 1s cubic-bezier(.19,1,.22,1);
    transition:all 1s cubic-bezier(.19,1,.22,1);
    -webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);
    transition-timing-function:cubic-bezier(.19,1,.22,1);
    -webkit-transform:skew(-30deg);
    transform:skew(-30deg);
}
#hero-overlay #hero-overlay2 {
    position:absolute;
    left:-165%;
    top:0;
    width:0;
    height:100%;
    z-index:7;
    background:rgba(30,72,157,.5);
    -webkit-transition:all 1s cubic-bezier(.19,1,.22,1);
    transition:all 1s cubic-bezier(.19,1,.22,1);
    -webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);
    transition-timing-function:cubic-bezier(.19,1,.22,1);
    -webkit-transition-delay:.2s;
    transition-delay:.2s;
    -webkit-transform:skew(30deg);
    transform:skew(30deg);
}
#hero-overlay.step0 #hero-overlay1 {
    -webkit-transform:skew(-30deg);
    transform:skew(-30deg);
    width:200%!important
}
#hero-overlay.step0 #hero-overlay2 {
    -webkit-transform:skew(30deg);
    transform:skew(30deg);
    width:200%!important
}
#hero-overlay.step1 #hero-overlay1 {
    -webkit-transform:skew(70deg);
    transform:skew(70deg);
    left:70%;
    width:300%!important
}
#hero-overlay.step1 #hero-overlay2 {
    -webkit-transform:skew(50deg);
    transform:skew(50deg);
    left:70%;
    width:300%!important
}
#hero-overlay.step2 #hero-overlay1 {
    -webkit-transform:skew(-20deg);
    transform:skew(-20deg);
    left:70%;
    width:200%!important
}
#hero-overlay.step2 #hero-overlay2 {
    -webkit-transform:skew(40deg);
    transform:skew(40deg);
    left:70%;
    width:200%!important
}
#hero-overlay.step3 #hero-overlay1 {
    -webkit-transform:skew(-70deg);
    transform:skew(-70deg);
    left:80%;
    width:300%!important
}
#hero-overlay.step3 #hero-overlay2 {
    -webkit-transform:skew(-50deg);
    transform:skew(-50deg);
    left:60%;
    width:300%!important
}
#hero-overlay.step4 #hero-overlay1 {
    -webkit-transform:skew(70deg);
    transform:skew(70deg);
    width:200%!important
}
#hero-overlay.step4 #hero-overlay2 {
    -webkit-transform:skew(50deg);
    transform:skew(50deg);
    width:200%!important
}

/* banner */
.banner{
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  color: #ffffff;
  height: 100%;
}
.banner li{
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  height: 80vh;
  opacity: 1 !important;
  overflow: hidden;
  z-index: 11;
}
.banner ul,.banner li a{
  height:100%;
  width: 100%;
}
.banner li img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner li.active{
  left: 0;
}
.banner li video{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  object-fit: contain;
  background-color: #000;
}
/*.banner li .banner_video:after{position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}*/
/*banner上文字*/
.banner .cent-cont{
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  transform: translate(-50%,0);
  color: #fff;
  z-index: 9;
  font-weight: 300;
  line-height: 1.5;
}
.banner .hei .cent-cont{
  color: #333333;
}
.banner .cent-cont h3.tit{
  font-size: 37.33px;
  font-weight: 400;
}
.banner .cent-cont .d2{
  font-size: 35.5px;
}
.banner .cent-cont .more{
  display: inline-block;
  font-size: 13px;
  text-align: left;
  width: 82px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #fff;
  padding: 0 0 0 10px;
  border-radius: 5px;
  margin-top: 50px;
  position: relative;
}
.banner .hei .cent-cont .more{
  border: 1px solid #000;
}
.banner .cent-cont .more:after{
  content: '';
  width: 6px;
  height: 12px;
  background: url('../images/btn-arr.png') no-repeat center/cover;
  position: absolute;
  right: 14px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.banner .hei .cent-cont .more:after{
  background-image: url('../images/btn-arr-h.png');
}
.banner .cent-cont .box{
  position: absolute;
  width: 100%;
  top: 39%;
  left: 0;
  transform: translate(0,-50%);
}
/*数字分页器*/
.banner .circle{
    position: absolute;
    bottom: 70px;
    left: 0;
    z-index: 10;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #cbcbcb;
}
.banner .circle span{
    width: 30px;
    margin-right: 20px;
    padding-bottom: 10px;
    font-size: 14px;
}
.banner .circle span:last-child{
    width: 40px;
    margin-right: 0px;
}
.banner .circle span.cur{
    color: #b4b4b5;
    border-bottom: 1px solid #b4b4b5;
}
/*进度条分页器*/
.banner .btns{
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 10;
    width: 100%;
    text-align: center;
    font-size: 0;
}
.banner span{
    display: inline-block;
    cursor: pointer;
    padding: 30px 0;
}
.banner span em{
    display: inline-block;
    width: 50px;
    height: 2px;
    margin: 0px 5px;
    background-color: #bdbdc9;
    position: relative;
}
.banner span i{
    display: block;
    height: 100%;
    position: absolute;
    width: 0;
    background-color: #ea6616;
}
.banner span.cur{
    opacity: 1;
}
/*左右按钮*/
.banner .banner-to{
    width: 3.125vw;
    height: 7.2917vw;
    position: absolute;
    top: 50%;
    margin-top: -3.6458vw;
    z-index: 9;
}
.banner .banner-to.prev{
    transition: 0.6s;
    left: 0px;
    background: url(../images/banner-prev.png) rgba(212,212,212,0.1) no-repeat center/100% auto;
}
.banner .banner-to.next{
    transition: 0.6s;
    right: 0px;
    background: url(../images/banner-next.png) rgba(212,212,212,0.1) no-repeat center/100% auto;
}
.banner .banner-to.prev:hover{
    background-color: #ea6616;
}
.banner .banner-to.next:hover{
    background-color: #ea6616;
}

.m_ind_banner{display: none; position: relative; padding-top: 60px; height: auto;}
.m_ind_banner .swiper-container{width: 100%; height: 100%;}
.m_ind_banner .swiper-wrapper{width: 100%; height: 100%;}
.m_ind_banner .swiper-slide{width: 100%; height: 100%;}
.m_ind_banner .swiper-slide a{width: 100%; height: 100%; display: block;}
.m_ind_banner .swiper-slide a img{width: 100%; height: 100%; object-fit: cover;}
.m_ind_banner .swiper-pagination{position: absolute; bottom: 20px;}
.m_ind_banner .swiper-pagination .swiper-pagination-bullet{transition: 0.6s; margin: 0 5px 0 0; opacity: 1; display: inline-block; width: 8px; height: 8px; background: #fff;}
.m_ind_banner .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.m_ind_banner .swiper-pagination .swiper-pagination-bullet-active{background: #ea6616;}
@media only screen and (min-width: 0) and (max-width: 1023px){
	.m_ind_banner{display: block;}
	.m_ind_banner .swiper-slide a{position: relative; padding: 50% 0; overflow: hidden;}
    .m_ind_banner .swiper-slide a img {position: absolute; left: 0; top: 0;}}
@media only screen and (min-width: 0) and (max-width: 450px){.m_ind_banner .swiper-pagination{bottom: 10px;}}

main,footer{position: relative; z-index: 2;}
.ind_main{overflow: hidden; background: #fff;}

/*首页产品*/
.ind1_swiper{position: relative; height: auto;}
.ind1_swiper .swiper-container{width: 100%; height: 100%;}
.ind1_swiper .swiper-wrapper{width: 100%; height: 100%;}
.ind1_swiper .swiper-slide{width: 100%; height: 100%;}
.ind1_swiper .swiper-slide a{width: 100%; height: 100%; display: block;}
.ind1_swiper .swiper-slide a img{width: 100%; height: 100%; object-fit: cover;}
.ind1_box{pointer-events: none; z-index: 1; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.ind1_con{max-width: 600px; height: 100%; padding-left: 80px; color: #fff; display: flex; justify-content: center; flex-direction: column; align-items: flex-start;}
.ind1_con h2{font-size: 48px; font-family: "Arial"; text-transform: uppercase;}
.ind1_con h2 span{margin-top: 5px; display: block; font-weight: normal;}
.ind1_con h6{margin-top: 20px; font-size: 55px; font-family: "MySourceHanSansCN"; font-weight: normal;}
.ind1_con>a{display: none; pointer-events: auto; margin-top: .55rem; font-size: .4rem; line-height: 200%; padding: 0 .55rem; border: 2px solid #fff; border-radius: .4rem;}
.ind1_con>a:hover{color: #ea6616; border-color: #ea6616;}
.ind1_swiper .swiper-pagination{margin-top: 40px; text-align: left; max-width: 360px; width: 100%;}
.ind1_swiper .swiper-pagination-bullet{transition: 0.6s; margin-right: 15px; margin-top: 20px; pointer-events: auto; font-size: 18px; font-family: "MySourceHanSansCN"; width: 172px; height: auto; padding: 14px 0; text-align: center; opacity: 1; border: 2px solid #eee; border-radius: 25px; background: transparent;}
.ind1_swiper .swiper-pagination .swiper-pagination-bullet:hover,.ind1_swiper .swiper-pagination .swiper-pagination-bullet-active{color: #ea6616; border-color: #ea6616;}
.ind1_swiper .swiper-pagination-bullet:nth-of-type(-n+2){margin-top: 0;}
.ind1_swiper .swiper-pagination-bullet:nth-of-type(2n){margin-right: 0;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .ind1_swiper{margin-top: .35rem;}
  .ind1_swiper .swiper-slide a{position: relative; padding: 35% 0; overflow: hidden;}
  .ind1_swiper .swiper-slide a img{position: absolute; left: 0; top: 0;}
  .ind1_con{max-width: 100%; padding-left: 0;}
  .ind1_con h2{font-size: .6rem;}
  .ind1_con h2 span{margin-top: .1rem;}
  .ind1_con h6{margin-top: .1rem; font-size: .68rem;}
  .ind1_con>a{display: inline-block;}
  .ind1_swiper .swiper-pagination{display: none; margin-top: .65rem; max-width: 50%;}
  .ind1_swiper .swiper-pagination-bullet{font-size: .38rem;}
  .ind1_swiper .swiper-pagination-bullet{margin-right: 5%; margin-top: 5%; font-size: .38rem; width: 47.5%; padding: .2rem 0; border-radius: .4rem;}}
@media only screen and (min-width: 0) and (max-width: 550px){
  .ind1_con h2{font-size: .5rem;}
  .ind1_con h6{font-size: .58rem;}
  .ind1_swiper .swiper-pagination{max-width: 55%;}}

/*首页服务*/
.ind2{margin-top: 20px; position: relative;}
.ind2_img{width: 100%; height: 100%;}
.ind2_img a{display: block; width: 100%; height: 100%;}
.ind2_img img{width: 100%; height: 100%; object-fit: cover;}
.ind2 .animated_prompt{pointer-events: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.ind2_word{width: 100%; height: 100%; text-align: center; color: #fff; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.ind2_word h5{font-size: 48px; font-family: "Arial"; text-transform: uppercase;}
.ind2_word h5 span{font-weight: normal;}
.ind2_word h6{margin-top: 5px; font-size: 55px; font-family: "MySourceHanSansCN"; font-weight: normal;}
.ind2_word p{margin-top: 30px; font-size: 18px; font-family: "MySourceHanSansCN"; text-transform: uppercase;}
.ind2_word>span{transition: 0.6s; margin-top: 35px; display: inline-block; font-size: 20px; line-height: 200%; padding: 0 35px; border: 2px solid #fff; border-radius: 25px;}
.ind2:hover .ind2_word>span{color: #ea6616; border-color: #ea6616;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .ind2{margin-top: .35rem;}
  .ind2_img a{position: relative; padding: 35% 0; overflow: hidden;}
  .ind2_img img{position: absolute; left: 0; top: 0;}
  .ind2_word h5{font-size: .6rem;}
  .ind2_word h6{margin-top: .1rem; font-size: .68rem;}
  .ind2_word p{display: none; margin-top: .45rem; font-size: .38rem;}
  .ind2_word>span{margin-top: .55rem; font-size: .4rem; padding: 0 .55rem; border-radius: .4rem;}}
@media only screen and (min-width: 0) and (max-width: 550px){
  .ind2_word h5{font-size: .5rem;}
  .ind2_word h6{font-size: .58rem;}}

/*首页羽顺*/
.ind3{margin-top: 20px; position: relative;}
.ind3_img li{opacity: 0; position: relative; width: 100%; height: 0; overflow: hidden;}
.ind3_img .active{opacity: 1; padding: 23.177% 0;}
.ind3_img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind3 .animated_prompt{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.ind3_word{width: 100%; height: 100%; color: #fff; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.ind3_word h4{font-size: 24px; font-family: "MySourceHanSansCN"; font-weight: normal;}
.ind3_word h5{margin-top: 10px; font-size: 48px; font-family: "Arial"; text-transform: uppercase;}
.ind3_word h5 span{font-weight: normal;}
.ind3_word h6{margin-top: 10px; font-size: 55px; font-family: "MySourceHanSansCN"; font-weight: normal;}
.ind3_word>span{transition: 0.6s; margin-top: 35px; display: none; font-size: 20px; line-height: 200%; padding: 0 35px; border: 2px solid #fff; border-radius: 25px;}
.ind3>a:hover .ind3_word>span{color: #ea6616; border-color: #ea6616;}
.ind3_word ul{margin-top: 55px; width: 100%; border-top: 1px solid rgba(255,255,255,0.44); border-bottom: 1px solid rgba(255,255,255,0.44); display: flex; align-items: stretch; justify-content: center;}
.ind3_word ul li{transition: 0.6s; width: 14.286%; text-align: center; padding: 4% 0; border-left: 1px solid rgba(255,255,255,0.44);}
.ind3_word ul li:last-child{border-right: 1px solid rgba(255,255,255,0.44);}
.ind3_word ul li em{transition: 0.6s; font-size: 36px; font-family: "MySourceHanSansCN_B";}
.ind3_word ul li span{transition: 0.6s; margin-top: 15px; display: block; font-size: 14px; font-family: "MySourceHanSansCN";}
.ind3_img .active img{transform: scale(1.05); animation: myind3_img 4s; -webkit-animation: myind3_img 4s;}
.ind3_word ul li:hover,.ind3_word ul .active{background: rgba(255,255,255,0.69);}
.ind3_word ul li:hover em,.ind3_word ul .active em{color: #e08057;}
.ind3_word ul li:hover span,.ind3_word ul .active span{color: #6a5143;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .ind3{margin-top: .35rem;}
  .ind3_img li{display: none; opacity: 1; padding: 35% 0;}
  .ind3_img li:nth-of-type(2){display: block;}
  .ind3_img li:nth-of-type(2) img{transform: scale(1.05); animation: myind3_img 4s; -webkit-animation: myind3_img 4s;}
  .ind3_word h4{font-size: .40rem;}
  .ind3_word h5{margin-top: .2rem; font-size: .6rem;}
  .ind3_word h6{margin-top: .1rem; font-size: .68rem;}
  .ind3_word>span{display: inline-block; margin-top: .55rem; font-size: .4rem; padding: 0 .55rem; border-radius: .4rem;}
  .ind3_word ul{margin-top: .85rem; display: none;}
  .ind3_word ul li{width: 22%;}
  .ind3_word ul li em{font-size: .6rem;}
  .ind3_word ul li span{margin-top: .25rem; font-size: .3rem;}}
@media only screen and (min-width: 0) and (max-width: 820px){
  .ind3_word ul li{width: 25%;}}
@media only screen and (min-width: 0) and (max-width: 550px){
  .ind3_word h5{font-size: .5rem;}
  .ind3_word h6{font-size: .58rem;}}
@keyframes myind3_img{
  0%{transform: scale(1);}
  100%{transform: scale(1.05);}}

/*首页新闻*/
.ind4{margin-top: 20px; padding-top: 65px; padding-bottom: 85px; background: #171a1b;}
.ind4 .center{display: flex; align-items: stretch; justify-content: space-between;}
.ind4_left,.ind4_right{position: relative; width: 49.3%;}
.ind4_left .ind4_left_img{position: relative; width: 100%; height: 100%;}
.ind4_left .ind4_left_img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind4_left .ind4_left_word{color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.ind4_left .ind4_left_word a{display: block; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.ind4_left .ind4_left_word h5{font-size: 38px; font-family: "Arial"; text-transform: uppercase;}
.ind4_left .ind4_left_word h5 span{font-weight: normal;}
.ind4_left .ind4_left_word h6{margin-top: 5px; font-size: 42px; font-family: "MySourceHanSansCN"; font-weight: normal;}
.ind4_left .ind4_left_word a>span{transition: 0.6s; margin-top: 25px; display: inline-block; font-size: 20px; font-family: "MySourceHanSansCN"; line-height: 200%; padding: 0 35px; border: 2px solid #f0f0f0; border-radius: 25px;}
.ind4_left .ind4_left_word a:hover>span{color: #ea6616; border-color: #ea6616;}
.ind4_right li{margin-top: 3%;}
.ind4_right li:nth-of-type(1){margin-top: 0;}
.ind4_right li a{position: relative; display: block; width: 100%; height: 100%;}
.ind4_right li a .ind4_right_img{position: relative; width: 100%; padding: 27.417% 0; overflow: hidden;}
.ind4_right li a .ind4_right_img:after{transition: 0.6s; position: absolute; left: 0; top: 0; content: ""; width: 0; height: 100%; background: rgba(0,0,0,0.6);}
.ind4_right li a .ind4_right_img img{transition: 0.6s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind4_right li a .ind4_right_word{color: #fff; padding: 0 5%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.ind4_right li a .ind4_right_word h5{font-size: 20px; max-height: 52px; text-align: center; font-weight: normal; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ind4_right li a .ind4_right_word time{margin-top: 5px; font-size: 18px;}
.ind4_right li:hover a .ind4_right_img:after{width: 100%;}
.ind4_right li:hover a .ind4_right_img img{transform: scale(1.05);}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .ind4{margin-top: .35rem; padding-top: 1rem; padding-bottom: 1.4rem;}
  .ind4_left .ind4_left_word h5{font-size: .6rem;}
  .ind4_left .ind4_left_word h6{margin-top: .1rem; font-size: .68rem;}
  .ind4_left .ind4_left_word a>span{margin-top: .4rem; font-size: .4rem; padding: 0 .55rem; border-radius: .4rem;}
  .ind4_right li a .ind4_right_word h5{font-size: .40rem; max-height: 1rem;}
  .ind4_right li a .ind4_right_word time{margin-top: .1rem; font-size: .38rem;}}
@media only screen and (min-width: 0) and (max-width: 550px){
  .ind4_left .ind4_left_word h5{font-size: .5rem;}
  .ind4_left .ind4_left_word h6{font-size: .58rem;}}

@media only screen and (min-width: 0) and (max-width: 768px){
  .ind4{padding-top: 3%; padding-bottom: 3%;}
  .ind4 .center{display: block;}
  .ind4_left,.ind4_right{width: 100%;}
  .ind4_left .ind4_left_img{padding: 30% 0;}
  .ind4_right li:nth-of-type(1){margin-top: 3%;}
  .ind4_right li a .ind4_right_img{padding: 30% 0;}}

/*公共尾部*/
footer{/*overflow: hidden;*/ padding: 23px 0; background: #030519;}
.f_con{display: flex; align-items: flex-start; justify-content: space-between;}
.f_left a{display: inline-block;}
.f_left a img{height: 75px; object-fit: contain;}
.f_left a p{margin-top: 10px; font-size: 24px; font-family: "MySourceHanSansCN"; font-weight: bold; color: #fff; text-align: center;}
.f_left>div{position: relative; margin-top: 20px; max-width: 328px; height: 28px; line-height: 28px; font-size: 14px; font-family: "MySourceHanSansCN"; color: #fff; text-align: center; background: #25878c; cursor: pointer;}
.f_left>div i{margin-left: 18px;}
.f_left>div ul{transition: 0.6s; position: absolute; left: 0; bottom: 100%; margin-bottom: 1px; width: 100%; opacity: 0; z-index: -1;}
.f_left>div ul li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.f_left>div ul li a{display: block; padding: 2px 0; background: #25878c;}
.f_left>div ul li a:hover{color: #25878c; background: #fff;}
.f_left>div:hover ul{opacity: 1; z-index: 1;}
.f_word{margin-left: 50px; margin-right: auto;}
.f_word li{font-size: 14px; font-family: "MySourceHanSansCN"; color: #acacac; line-height: 220%; text-transform: uppercase;}
.f_word li a:hover{color: #25878c;}
.f_qrc{display: flex; align-items: center; justify-content: flex-start;}
.f_qrc li{margin-right: 15px;}
.f_qrc li:last-child{margin-right: 0;}
.f_qrc li div{width: 145px; height: 145px; background: #fff;}
.f_qrc li div img{width: 100%; height: 100%; object-fit: contain;}
.f_qrc li p{font-size: 14px; font-family: "MySourceHanSansCN"; color: #afafaf; padding: 12px 0; text-align: center;}
@media only screen and (min-width: 0) and (max-width: 1199px){
  .f_word{margin-left: auto; margin-right: 0;}
  .f_qrc{display: none;}}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .f_left{display: none;}
  .f_con{display: block;}
  .f_word li{font-size: .30rem;}}

/*移动端底部*/
.fixed{display: none;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  footer{margin-bottom: 1.49rem;}
  .fixed{position: fixed; width: 100%; bottom: 0px; left: 0px; z-index: 55; display: flex; justify-content: center; align-items: center; background: #030519;}
  .fixed li{float: left; width: 25%; height: 1.5rem; line-height: 1.5rem; text-align: center; letter-spacing: 1px; position: relative;}
  .fixed li a{width: 100%; height: 100%; display: flex; justify-content: space-around; flex-direction: column; align-items: center;}
  .fixed li a span{font-size: .30rem; color: #fff; line-height: 100%;}
  .fixed li img{width: .75rem; height: .75rem; object-fit: contain}}

/*内页banner*/
.page_main{background: #f5f5f5;}
.page_con{padding-top: 80px; padding-bottom: 125px;}
.page_img{position: relative; width: 100%; padding-top: 80px;}
.page_img a{position: relative; display: block; width: 100%; height: 600px; 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("../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("../images/btn_next.png") center no-repeat;}
.history_hd .swiper-button-prev:hover{background: url("../images/btn_prev_h.png") center no-repeat;}
.history_hd .swiper-button-next:hover{background: url("../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(../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{margin-left: 1%;}
.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: 16.5%; margin-left: 1%; 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: 37.3%; 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: 49%;}
  .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(../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(../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;}