.ct{font-family:pingfang_b}
.tc{font-family:pingfang_h}
.cg{font-family:pingfang_m}
.zd{font-family:pingfang_r}
.xt{font-family:pingfang_l}
.jx{font-family:pingfang_el}
.sz{font-family:number_only}
.yw{font-family:MontDemo}
body {
    font: 0.16rem/1.5 "Microsoft YaHei";
    color: #333;
    /* overflow-x: hidden; */
}
.clearfix:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden; 
    height:0;
}

.clearfix{zoom:1}
.img{overflow: hidden;}
.img:hover img{transform:scale(1.1)}
.img img{
    transition: all 0.3s ease;
    width: 100%;
}
.imgj {
    overflow: hidden;
}
.wal{max-width: 12rem;margin:0 auto;width: 90%;position: relative;z-index: 2;}

.zicon {
    display: none;
}

.zicon.active {
    display: block;
}
a:hover {
    text-decoration: none;
    color: #1572e2;
}



.swiper {
        width: 100%;
        height: 100%;
      }

.padding0 {padding: 0 !important;}
.indexbg{
    background: url(../images/indexbg.png) left center repeat-y;
}
/**index_nav**/
.index_nav .logo img.lvlogo {
    display: block;
}

.index_nav .logo img.bailogo {
    display: none;
}

.top_top {
    position: absolute;
    right: 5%;
    top: 0;
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    font-weight: bold;
    line-height: 0.5rem;
}

.top_top a {
    display: inline-block;
    padding: 0 0 0 0.3rem;
    background: url(../images/xie.png) left center no-repeat;
    background-size: 0.2rem;
    margin: 0 0.2rem 0;
}

.top_top p {}
header.header {
    background: rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    /* height: 1rem; */
}
.header.header.navbar-scrolled {
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(8px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.header.header.navbar-scrolled .top_nav .nav_main ul li .one_level,.header.header.navbar-scrolled .index_nav .tel{color:#333;}

.index_nav {
    display: flex;
    align-items: center;
    height: 80px;
    /* position: absolute; */
    /* left: 0; */
    /* right: 0; */
    /* top: 0; */
    /* background: rgb(255 255 255 / 30%); */
    /* width: 100%; */
    /* padding: 0.4rem 5% 0; */
    justify-content: space-between;
    box-sizing: border-box;
}

.index_nav .logo {}

.index_nav .logo img {height:60px;}

.top_nav {
    
    /* padding: 0 1rem; */
}

.top_nav .nav_main {
    display: flex;
    align-items: center;
    width: 100%;
}

.top_nav .nav_main ul {
    display: flex;
    width: 100%;
    flex: 1;
}

.top_nav .nav_main ul li {
    /* display: flex; */
    align-items: center;
    height: 100%;
    position: relative;
    /* padding: 0 0.5rem; */
    /* flex: 1; */
    text-align: center;
    margin-right:100px;
}

.top_nav .nav_main ul li .one_level {
    display: block;
    font-weight: bold;
    color: #fff;
    line-height: 80px;
    /* padding: 0 0.1rem; */
    border-radius: 0.1rem;
    position: relative;
}
.top_nav .nav_main ul li .one_level:before {
    content: '';
    position: absolute;
    background-color: var(--primary-color);
    height: 2px;
    left: 0;
    bottom: 0;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    width: 0;
}
.top_nav .nav_main ul li .one_level:hover:before,.top_nav .nav_main ul li.on .one_level:before {
    width: 100%;
}
.top_nav .nav_main ul li .one_level:hover h3,.top_nav .nav_main ul li.on .one_level h3{
    color: var(--primary-color);
}

.top_nav .nav_main ul li .one_level h3 {
    font-size: 0.18rem;
     font-weight: bold; 
}

.top_nav .nav_main ul li .one_level span {
    font-size: 0.12rem;
}

.top_nav .nav_main ul li .two_level {
    /* display: none; */
    position: absolute;
    top: 80px;
    left: -0.25rem;
    right: -0.25rem;
    background: #fff;
    text-align: center;
    line-height: 0.4rem;
    /* border-top: 3px solid #e60213; */
    font-size: 0.14rem;
    opacity: 0;
    transform: translate(0px, -0.5rem);
    transition: all 0.3s ease 0.1s;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.top_nav .nav_main ul li .two_level .list a {
    display: block;
    color: #333;
    line-height: 0.4rem;
}
.top_nav .nav_main ul li .two_level .list a:hover{
    color: var(--primary-color);
}
.top_nav .nav_main ul li .two_level .main {
    display: flex;
    padding: 0.5rem 0.3rem;
    background: #fff;
    border-radius: 0 0 0.2rem 0.2rem;
    box-sizing: border-box;
    justify-content: space-between;
}

.top_nav .nav_main ul li .two_level .main .imgj {
    width: 47%;
    border-radius: 0.2rem;
}

.top_nav .nav_main ul li .two_level .main .imgj img {}

.top_nav .nav_main ul li .two_level .main .list {
    width: 50%;
    display: flex;
    flex-flow: wrap;
    padding: 0 0 0 10%;
    background: url(../images/hanwen.png) right center no-repeat;
    background-size: 95%;
}

.top_nav .nav_main ul li .two_level .main .list a {
    width: 50%;
    font-weight: bold;
}
.top_nav .nav_main ul li .two_level .main .list a:hover {
    color: #ffa321;
    text-decoration: underline;
}
.top_nav .nav_main ul li .two_level.big{
    width:1400px;
    left: 50%;
    transform: translate(-50%, 0) !important;
    display: none;
    justify-content: space-between;
    text-align: left;
    line-height:1.5;
    background: #f8fafc;
    position: fixed;
    top: 80px;
}
.top_nav .nav_main ul li .two_level.big .box{/* border-right:1px solid #ddd; */padding:20px}
.top_nav .nav_main ul li .two_level.big .box:last-child{border-right:none;}
.top_nav .nav_main ul li .two_level.big .box h2{font-size:18px;font-weight:bold;color:#333;}
.top_nav .nav_main ul li .two_level.big .box .three_child{margin-top:10px;display:flex;justify-content:space-between;gap:20px;}
.top_nav .nav_main ul li .two_level.big .box .three_child h3{font-size:14px;color:#888;height:30px;line-height:30px;}
.top_nav .nav_main ul li .two_level.big .box .three_child a{
    display:flex;padding:20px 0;border-top:1px solid #ddd;justify-content:space-between;align-items: center;
}
.top_nav .nav_main ul li .two_level.big .box .three_child a img{width:40px;aspect-ratio:4/3;object-fit: cover;}
.top_nav .nav_main ul li .two_level.big .box .three_child a>div.info{margin-left:10px;}
.top_nav .nav_main ul li .two_level.big .box .three_child a>div.info p{color:#333;font-size:14px;}
.top_nav .nav_main ul li .two_level.big .box .three_child a>div.info span{color:#999;font-size:14px;margin-top:5px;display:block;}
.top_nav .nav_main ul li .two_level.big .box .three_child a:hover div.info p{color:var(--primary-color);}


.top_nav .nav_main ul li.on .one_level,.top_nav .nav_main ul li:hover .one_level {
    /* color: #1472e2; */
    /* background: #217fc4; */
    font-weight: bold;
}

.top_nav .nav_main ul li.on .one_level h3 {}

.top_nav .nav_main ul li.on .one_level span {}

.top_nav .nav_main ul li .two_level.show {display: block;}
.top_nav .nav_main ul li .two_level.big.show {display: flex;}
.two_navbg {
    position: absolute;
    left: 0;
    right: 0;
    top: 1rem;
    height: 1rem;
    background: rgba(0,0,0,0.5);
    transition: all 0.3s ease;
    transform: translate(0px, -0.5rem);
    opacity: 0;
    display: none;
}

.two_navbg.show {
    opacity: 1;
    transform: translate(0px, 0px);
}

.top_nav .nav_main ul li .two_level.show {
    transform: translate(0px, 0px);
    opacity:1
}
.index_nav .tel {
    color: #fff;
    font-family: "DIN";
    font-size: 0.2rem;
    font-weight: bold;
}

.nav_join a {
    font-size: 0.12rem;
    font-weight: bold;
    text-align: right;
    display: block;
    margin: 0 0 0 0.5rem;
    color: #000;
}

.nav_join a span {
    display: block;
    color: #0e3686;
    text-decoration: underline;
}

.nav_join a em {
    font-weight: bold;
    display: block;
}
.go_english {
    font-size: 0.18rem;
    /* font-weight: bold; */
    background: url(../images/english.png) left center no-repeat;
    background-size: 0.2rem;
    justify-content: center;
    padding: 0 0 0 0.25rem;
    margin: 0 0.15rem;
}

.go_english a {
    /* color: #0e3686; */
}
.go_seach {
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
    font-size: 0.14rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0.15rem;
}

.go_seach i {
    display: block;
    width: 0.23rem;
    height: 0.23rem;
    background: url(../images/seach.png) center no-repeat;
    background-size: 100%;
}
.seach_box {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    line-height: 0.33rem;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.seach_box.show {
    display: flex;
}
.seach_box .seach {
    display: flex;
    align-items: center;
    background: #fff;
    width: 50%;
    line-height: 0.5rem;
    border-radius: 50px;
    position: relative;
    z-index: 2;
}

.seach_box .seach i {
    background: url(../images/seach.png) center center no-repeat;
    width: 0.4rem;
    height: 0.2rem;
    display: block;
    background-size: 0.2rem;
}

.seach_box .seach .input {
    flex: 1;
}

.seach_box .seach span {
    width: 0.7rem;
    font-size: 0.18rem;
    text-align: center;
    cursor: pointer;
}
.guanbi {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.8);
    z-index: 1;
}
.gb {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    background: url(../images/guanbi.png) rgb(255 255 255 / 20%) center no-repeat;
    z-index: 1;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    z-index: 9;
    background-size: 0.2rem;
    transition: all 0.3s ease;
}
.gb:hover{
    transform: rotate(360deg);
}
.go_tel {
    height: 1rem;
    display: flex;
    align-items: center;
    border-left: 1px solid #eaeaea;
    padding: 0 0 0 0.2rem;
}

.go_tel .tel {}

.go_tel .tel span {
    color: #666;
    display: block;
}

.go_tel .tel em {
    font-size: 0.22rem;
    font-family: 'DIN';
    color: #e60012;
    display: block;
}
.phone_menu {
    /* display: none; */
}
.phone_menu {
    width: 0.34rem;
    /* height: 0.4rem; */
    display: block;
    /* background: url(../images/menu.png) center center no-repeat rgba(0,0,0,0.1); */
    background-size: 0.18rem;
    font-size: 0;
    cursor: pointer;
    /* position: fixed; */
    /* right: 0.3rem; */
    /* top: 0.25rem; */
    /* z-index: 9; */
    /* border-radius: 50%; */
    display: none;
}
.phone_menu .icon_bar{width: 0.26rem;height: 0.03rem;background-color: #ffffff;opacity:1;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;display: block;}
.phone_menu .icon_bar:nth-of-type(2){margin:5px 0;width: 0.18rem;}
.phone_menu.kai .icon_bar:nth-of-type(2){opacity:0}
.phone_menu.kai .icon_bar:first-child{-webkit-transform:translate(0,7px) rotate(45deg);-ms-transform:translate(0,7px) rotate(45deg);transform: translate(0,9px) rotate(45deg);}
.phone_menu.kai .icon_bar:last-child{-webkit-transform:translate(0,-7px) rotate(-45deg);-ms-transform:translate(0,-7px) rotate(-45deg);transform: translate(0,-6px) rotate(-45deg);}

/**index_banner**/
.index_banner {
    overflow: hidden;
    /* height: 100vh; */
    display: flex;
    text-align: center;
    width: 100%;
    border: 0;
    outline: 0;
}

.index_banner img {
    /* width: 100%; */
    display: inline;
}
.swiper-pagination-bullet {
    height: 0.1rem;
    width: 0.1rem;
    border-radius: 50px;
    background: #e60012;
    opacity: 0.5;
    transition: all 0.3s ease;
    border: 1px solid #666;
    background: none;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    /* width: 0.17rem; */
    background: #e60010;
    opacity: 1;
    border: 1px solid #e60010;
}
.index_part {
    padding: 0.5rem 0;
    position: relative;
}

.index_main_part {}
/**index_ti**/
.index_ti {margin: 0 auto 0.34rem;}

.index_ti .ti {
    text-align: center;
}
.index_ti .ti h4{
    font-size: 0.36rem;
    font-weight: bold;
}
.index_ti .ti span{
    font-size: 0.16rem;
    color: #666;
}
.index_ti .ti p{
    margin: 0.2rem auto 0;
}

/**index_about_us**/

/**changes_ul**/
.chages_ul {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.16rem;
    font-weight: bold;
    color: #000;
    margin: 0 auto 0.3rem !important;
}

.chages_ul li {width: auto !important;/* text-align: center; */}

.chages_ul li span {
    /* background: #0e3686; */
    color: #666;
    margin: 0 0.11rem;
    line-height: 0.4rem;
    padding: 0 0.3rem;
    border-radius: 13.1rem;
    cursor: pointer;
    display: block;
    font-size: 0.18rem;
    font-weight: normal;
    border: 1px solid #ddd;
}

.chages_ul li.on {

}

.chages_ul li.on span,.chages_ul li.on span a {
    background: #1472e2;
    color: #fff;
    border: 1px solid #1472e2;
}

.index_main_part .swiper-slide {
    /* opacity: 0 !important; */
}
.index_main_part .swiper-slide.swiper-slide-active {
    /* opacity: 1 !important; */
}
.swiper-slide .blog-slider__content > * {
	transform: translateY(90px);
	transition: all .4s;
}
.swiper-slide-active .blog-slider__content > * {
	opacity: 1;
	transform: none;
}
.blog-slider__content > *:nth-child(1) {
	transition-delay:0s;
}

.blog-slider__content > *:nth-child(2) {
	transition-delay: 0.1s;
}
.blog-slider__content > *:nth-child(3) {
	transition-delay: 0.2s;
}
.blog-slider__content > *:nth-child(4) {
	transition-delay: 0.3s;
}
.blog-slider__content > *:nth-child(5) {
	transition-delay: 0.4s;
}
.blog-slider__content > *:nth-child(6) {
	transition-delay: 0.5s;
}
.blog-slider__content > *:nth-child(7) {
	transition-delay: 0.6s;
}
.blog-slider__content > *:nth-child(8) {
	transition-delay: 0.7s;
}
.blog-slider__content > *:nth-child(9) {
	transition-delay: 0.8s;
}
.blog-slider__content > *:nth-child(10) {
	transition-delay: 0.9s;
}
.blog-slider__content > *:nth-child(11) {
	transition-delay: 1s;
}
.blog-slider__content > *:nth-child(12) {
	transition-delay: 1.1s;
}
.blog-slider__content > *:nth-child(13) {
	transition-delay: 1.2s;
}
.blog-slider__content > *:nth-child(14) {
	transition-delay: 1.3s;
}
.blog-slider__content > *:nth-child(15) {
	transition-delay: 1.4s;
}


/**chanpinzhognxin**/
.pro_bg {
    background: url(../images/pro_bg.jpg) center bottom no-repeat;
    background-size: 100%;
}

.product_list .swiper-slide {
    opacity: 0 !important;
}

.product_list  .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}
.product_item {
    display: flex;
    flex-flow: wrap;
    margin: -0.1rem 0 0 -0.1rem;
    padding: 0.1rem;
}

.product_item li {width: 33.33%;}
.product_item li:first-child {
}
.product_item li a {
    display: block;
    position: relative;
    height: 100%;
    margin: 0.1rem 0 0 0.1rem;
    /* background: #f9f9f9; */
}

.product_main {
    position: relative;
    padding: 2.3rem 0 0.5rem;
    background: #f9f9f9;
}

.product_main .imgj {}

.product_main .imgj img {}

.product_main .ti {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    padding: 0.5rem 0 0;
    font-size: 0.2rem;
    text-align: center;
}
.product_main .ti h5 {
    font-size: 0.22rem;
    color: #999;
}
.product_main .ti p {
    font-size: 0.18rem;
    font-weight: 100;
    color: #666;
}
.product_main .ti h4 {
    font-size: 0.5rem;
    font-weight: bold;
}
a.see_more_product {
    width: 2.5rem;
    line-height: 0.5rem;
    border: 1px solid #ddd;
    display: block;
    margin: 0.5rem auto 0;
    text-align: center;
    font-size: 0.18rem;
}

a.see_more_product:hover {
    color: #fff;
    background: #c0293f;
}



/**text_onimages_box**/
.case_box {
    /* width: 80%; */
    margin: 0 auto;
}

.text_onimages_box {
    position: relative;
    margin: 0.1rem 0 0 0.1rem;
}

.text_onimages_box .imgj {}

.text_onimages_box .imgj img {}

.text_onimages_box .ti {
    color: #fff;
    position: absolute;
    left: 20%;
    right: 20%;
    top: 0.5rem;
    text-align: center;
}

.text_onimages_box .ti h3 {
    font-size: 0.32rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
}

.text_onimages_box .ti p {
    font-size: 0.18rem;
    line-height: 0.32rem;
    margin: 0 0 0.4rem;
}

.text_onimages_box .ti a {
    display: block;
    text-align: center;
    line-height: 0.5rem;
    color: #fff;
    margin: 0 auto;
    font-size: 0.16rem;
}
.index_casebox {
    overflow: hidden;
}
.index_casebox .text_onimages_box {
    margin: 0.05rem 0.05rem;
}
.index_casebox ul {
    display: flex;
    flex-flow: wrap;
    margin: -0.1rem 0 0 -0.1rem;
    padding: 0 0.1rem;
}

.index_casebox ul li {
    width: 33.33%;
}

.index_casebox ul li .text_onimages_box {}

/*.index_casebox ul li:nth-child(1),.index_casebox ul li:nth-child(2) {*/
/*    width: 50%;*/
/*}*/



/**/
.bg_aboimg {
    background: url(../images/bg_aboimg.jpg);
    background-size: cover;
}

.index_aboutbox {
    display: flex;
}

.index_aboutbox .img {
    /* position: absolute; */
    /* left: 0; */
    width: 45%;
}



.yj_jjz {}

.yj_jjz .main {
    margin: 0.3rem 0 0;
}

.yj_jjz .main i {
    display: block;
    width: 0.2rem;
    height: 3px;
    background: #1472e2;
    margin: 0 0 0.1rem;
}

.yj_jjz .main span {
    display: block;
    font-size: 0.2rem;
    color: #666;
}

.yj_jjz .main p {
    font-size: 0.24rem;
    font-weight: bold;
    color: #1472e2;
}

/**foot_bigcon**/
.foot_bigcon {
    background: #f1f1f3;
    padding: 0.5rem 0 0;
}

.foot_bigcon .foot_navbox {
    display: flex;
    justify-content: space-between;
}

.foot_bigcon .foot_navbox .left {}

.foot_bigcon .foot_navbox .left h2 {}

.foot_bigcon .foot_navbox .left h2 img {
    width: 1.37rem;
    margin: 0 0 0.2rem;
}

.foot_bigcon .foot_navbox .left .p {}

.foot_bigcon .foot_navbox .left .p p {}

.foot_bigcon .foot_navbox .left .p p span {
    font-size: 0.16rem;
    font-weight: 100;
    display: block;
}

.foot_bigcon .foot_navbox .left .p p em {
    font-size: 0.28rem;
    font-weight: bold;
}

.foot_bigcon .foot_navbox .left .ewmbox {
    display: flex;
    margin: 1rem 0 0;
}

.foot_bigcon .foot_navbox .left .ewmbox .ewm {
    position: relative;
}

.foot_bigcon .foot_navbox .left .ewmbox .ewm label {}

.foot_bigcon .foot_navbox .left .ewmbox .ewm label img {
    width: 0.3rem;
}
.foot_bigcon .foot_navbox .left .ewmbox .ewm label span{display:none}
.foot_bigcon .foot_navbox .left .ewmbox .ewm .im {
    position: absolute;
    left: 0;
    top: -1.3rem;
    width: 1rem;
    height: 1rem;
    background: #fff;
    padding: 0.1rem;
    display: none;
}

.foot_bigcon .foot_navbox .left .ewmbox .ewm .im img {
    width: 100%;
}

.foot_bigcon .foot_navbox .foot_nav {
    display: flex;
}

.foot_bigcon .foot_navbox .foot_nav .fotnav {
    margin: 0 0 0 0.5rem;
    font-size: 0.16rem;
    line-height: 0.32rem;
}

.foot_bigcon .foot_navbox .foot_nav .fotnav a.one_level {
    display: block;
    margin: 0 0 0.2rem;
}

.foot_bigcon .foot_navbox .foot_nav .fotnav .fot_ej {}

.foot_bigcon .foot_navbox .foot_nav .fotnav .fot_ej a {
    display: block;
    opacity: 0.5;
}

.foot_bigcon .foot_navbox .left .ewmbox .ewm:hover .im {
    display: block;
}

.foot_information {
    display: flex;
    justify-content: space-between;
    padding: 0.2rem 0;
    border-top: 1px solid #ddd;
    margin: 0.5rem auto 0;
}

.foot_information p {
    opacity: 0.5;
}

/**nei_banner**/
.nei_banner {}

.nei_banner img {
    width: 100%;
}

.neibannerzi {
    position: absolute;
    left: 0;
    right: 0;
    top: 0.5rem;
    bottom: 0;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.neibannerzi .ti {}

.neibannerzi .ti h4 {
    font-size: 0.5rem;
}

.neibannerzi .ti span {
    font-size: 0.2rem;
    display: block;
}

/***pro_main_ti*/
.bg_f9f9f9 {
    background: #f9f9f9;
}

.pro_main_ti {
    padding: 1rem 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pro_main_ti .ti {}

.pro_main_ti .ti h3 {
    font-size: 0.5rem;
}

.pro_main_ti .ti p {
    font-size: 0.2rem;
    color: #666;
    margin: 0.1rem 0 0;
}

.pro_main_ti .imgj {
    max-width: 50%;
}

.pro_main_ti .imgj img {
    width: 100%;
}
.produt_main {}
.tmpVideo0-dimensions {
    width: 100% !important;
    height: auto !important;
}
.produt_main p {
    font-size: 0.16rem;
    line-height: 0.34rem;
    color: #666666;
}
.produt_main video {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
}
/**contac_map*/
.padding_b0 {
    padding-bottom: 0;
}
.contac_map {
    position: relative;
    height: 5rem;
    max-width: 90%;
    margin: auto;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.contac_map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

.contac_map .con_main {
    position: absolute;
    right: 5%;
    top: 50px;
    background: rgba(20, 114, 226, 0.85);
    padding: 0.2rem 0.5rem 0.5rem;
    box-sizing: border-box;
    width: 3.5rem;
    height: 4rem;
    border-radius: 20px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.contac_map .con_main p {
    color: #fff;
    font-size: 0.18rem;
    margin: 0.1rem 0 0;
}

.contac_map .con_main p em {
    display: block;
    font-size: 0.2rem;
    margin: 0.1rem 0 0;
}

.contac_map .con_main p img {
    width: 1.3rem;
    /*padding: 0.12rem;*/
    background: #fff;
    box-sizing: border-box;
}

.contac_map .con_main p span {
    display: block;
    text-align: center;
    width: 1rem;
    font-size: 0.14rem;
    opacity: 0.5;
    margin: 0.1rem 0 0;
}

/**partners_list**/
.partners_list {}

.partners_list ul {
    display: flex;
    flex-flow: wrap;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.partners_list ul li {
    width: 20%;
}

.partners_list ul li .item {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.partners_list ul li .item .imgj {
    max-width: 80%;
    max-height: 80%;
}

.partners_list ul li .item .imgj img {
}
/**solution_list**/
.solution_list {}

.solution_list ul li {margin: 0.5rem 0 0;}

.solution_list ul li .item {
    background: #f1f1f3;
    display: flex;
    justify-content: space-between;
}

a.item.img {}

.solution_list ul {
    margin: -0.5rem 0 0;
}

.solution_list ul li .item .imgj {
    width: 45%;
}

.solution_list ul li .item .zi {
    width: 55%;
    padding: 0.5rem 0.5rem;
    box-sizing: border-box;
    position: relative;
}

.solution_list ul li .item .zi h3 {
    font-size: 0.32rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
}

.solution_list ul li .item .zi p {
    font-size: 0.18rem;
    line-height: 0.32rem;
    color: #666;
}

.solution_list ul li .item .zi span {
    position: absolute;
    bottom: 0.5rem;
    font-size: 0.16rem;
    color: #666;
}

.solution_list ul li:nth-child(2n) .item .imgj {
    order: 2;
}

/**neinews_list**/
.neinews_list {}

.neinews_list ul {}

.neinews_list ul li {}

.neinews_list ul li .item {
    background: #f1f1f3;
    display: flex;
    justify-content: space-between;
    margin: 0.5rem 0 0;
    /* align-items: center; */
}

.neinews_list ul li .item .imgj {
    width: 35%;
    height: 100%;
}

.neinews_list ul li .item .imgj img {
    height: 100%;
}

.neinews_list ul li .item .zi {
    width: 65%;
    padding: 0.25rem 0.5rem;
    box-sizing: border-box;
    position: relative;
}

.neinews_list ul li .item .zi h3 {
    font-size: 0.24rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
}

.neinews_list ul li .item .zi span {
    font-size: 0.16rem;
    color: #999;
    background: url(../images/date.png) left center no-repeat;
    background-size: 0.18rem;
    padding: 0 0 0 0.25rem;
    display: block;
    margin: 0 0 0.2rem;
}

.neinews_list ul li .item .zi p {
    font-size: 0.16rem;
    line-height: 0.32rem;
    color: #666;
}

/**neinews_main**/
.neinews_main {}

.neinews_main .ti {
    text-align: center;
    margin: 0 0 0.5rem;
}

.neinews_main .ti h3 {
    font-size: 0.24rem;
    margin: 0 0 0.1rem;
    font-weight: bold;
}

.neinews_main .ti span {
    font-size: 0.16rem;
    color: #999;
    background: url(../images/date.png) left center no-repeat;
    background-size: 0.18rem;
    padding: 0 0 0 0.25rem;
    display: inline-block;
    /* margin: 0 0 0.2rem; */
}

.neinews_main .main {
    font-size: 0.16rem;
    line-height: 0.32rem;
    color: #666666;
}

.neinews_main .main img {
    max-width: 80%;
    margin: 0 auto;
    display: block;
}

.neinews_main .main p {
    margin: 0.2rem 0 0;
}
@media (min-width: 1px) and (max-width: 800px) {
.wal {
    width: 96%;
}

.index_nav .top_nav {
    /* left: 0; */
    /* transition: all 0.3s ease; */
    /* position: absolute; */
    /* right: 0; */
    /* top: 0; */
    /* background: rgb(255 255 255 / 90%); */
    /* margin: 0; */
    /* transform: translate(0px, -100%); */
    /* border-top: 1px solid #ddd; */
}

.index_nav .top_right {
    margin: 0 0.6rem;
    display: none;
}

.index_nav .top_nav.show .nav_main ul {
    float: none;
    position: fixed;
    top: 0.7rem;
    bottom: 0;
    transform: none;
    overflow: scroll;
    transform: translate(0px, 0);
}

.show.top_nav {}
.index_nav .top_nav .nav_main {
    /* padding: 1rem 0; */
    display: block;
}
.index_nav .top_nav .nav_main ul {
    /* display: none; */
    height: auto;
    font-size: 0.2rem;
    left: 0;
    transition: all 0.3s ease;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(255 255 255 / 95%);
    margin: 0;
    transform: translate(0px, -150%);
    border-top: 1px solid #ddd;
    display: block;
}

.top_nav .nav_main ul li .two_level .main .list a {
    color: #333;
    text-align: left;
    font-size: 0.18rem;
    line-height: 0.5rem;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.index_nav .top_nav .nav_main ul li a.one_level {
    color: #333;
    /* font-size: 0.3rem; */
    height: 0.8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
}

.index_nav .top_nav .nav_main ul li:hover a.one_level, .index_nav .top_nav .nav_main ul li.on a.one_level {
    background: url(../images/baision.png) left center no-repeat;
    background-size: 0.18rem;
    color: #e60012;
}

.index_nav .top_nav .nav_main ul li .two_level {
    position: relative;
    /* background: none; */
    /* padding: 0; */
    /* top: auto; */
    /* left: auto; */
    /* padding: 0.2rem 0.4rem; */
    top: auto;
    left: auto;
    width: auto;
    right: auto;
    border: 0;
    text-align: left;
    display: none;
    opacity: 1;
    transform: translate(0px, 0px);
    transition: none;
}

.index_nav .top_nav .nav_main ul li {
    /* padding: 0.2rem; */
    /* border-bottom: 0.01rem solid #444444; */
    display: block;
    height: auto;
    margin: 0;
}
.index_nav .top_nav .nav_main ul li .two_level:before {
    display: none;
}
.nei_banner {
    padding: 0;
    padding: 0.7rem 0 0;
    background: #1572e2;
}

.index_nav {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    height: 0.7rem;
    background: rgba(0,0,0,0.5);
    z-index: 11;
    padding: 0 5%;
    max-width: 100%;
    margin: 0;
    width: 100%;
}
.two_level {}

.top_nav .nav_main ul li .two_level .main {
    background: none;
    padding: 0;
}

.top_nav .nav_main ul li .two_level .main .imgj {
    display: none;
}

.top_nav .nav_main ul li .two_level .main .list {
    width: 100%;
    padding: 0 0 0 0.2rem;
    background: none;
}

.nav_join a {
    text-align: left;
    margin: 0 0 1rem;
    padding: 0.2rem;
}

.nav_join a span br {
    display: none;
}
.top_nav .nav_main ul li:before {
}

.top_nav .nav_main ul li.on:after, .top_nav .nav_main ul li:hover:after {top: 0;height: 0.8rem;}

.index_nav .logo img {
    /* width: 2.5rem; */
}

.seach_box {
    /* position: relative; */
    /* display: none; */
    top: 0;
    background: none;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0.25rem 0;
    border-radius: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.7rem;
    z-index: 13;
    background: #fff;
    padding: 0;
    display: none;
}
.seach_box .seach {
    border-radius: 50px;
    border: 1px solid #ddd;
    background: #fff;
    width: 80%;
    margin: 0 5% 0 0;
}
.seach_box.show {
    display: flex;
}

.gb {
    display: block;
    width: 0.23rem;
    height: 0.23rem;
    background: url(../images/hguanbi.png) center no-repeat transparent;
    margin: 0 0 0 0.2rem;
    background-size: cover;
    right: 4%;
    top: 0.25rem;
}
.top_top {
    display: none;
}

.phone_menu {
    position: fixed;
    right: 5%;
    top: 0.28rem;
    display: block;
}

.guanbi {
    display: none;
}

.index_banner {
    height: auto;
}

.index_banner img {
    width: 100%;
}

.chages_ul {
    display: block;
}

.chages_ul li {
    text-align: center;
    margin: 0 0 0.1rem;
}

.product_item li {
    width: 50%;
}

.text_onimages_box .ti {
    position: relative;
    background: #f9f9f9;
    left: 0;
    right: 0;
    top: 0;
    padding: 0.1rem;
    color: #333;
}

.text_onimages_box .ti h3 {
    font-size: 0.2rem;
}

.text_onimages_box .ti p {
    font-size: 0.14rem;
    line-height: 0.26rem;
    margin: 0 0 0.2rem;
}

.text_onimages_box .ti a {
    font-size: 0.12rem;
    color: #666;
}

.index_casebox ul li {
    width: 100% !important;
}

.index_aboutbox {
    display: block;
}

.index_aboutbox .img {
    width: 100%;
}

.index_aboutbox .text {
    width: 100%;
    padding: 0.3rem;
}

.foot_bigcon .foot_navbox .foot_nav {
    display: none;
}

.top_nav .nav_main ul li .two_level .list a {
    color: #333;
}
.foot_bigcon .foot_navbox .left .ewmbox .ewm .im {
    display: block;
    position: relative;
    top: 0;
}

.foot_bigcon .foot_navbox .left .ewmbox .ewm {
    width: 1.5rem;
}

.foot_bigcon .foot_navbox .left .ewmbox {
    margin: 0.2rem 0;
}

.foot_bigcon .foot_navbox .left .ewmbox .ewm label span{display: inline-block;}
.foot_information {
    margin: 0.3rem auto 0;
    display: block;
    text-align: center;
    padding: 0.1rem 0;
}
.nei_banner {
    height: 2rem;
}

.nei_banner img {
    width: auto;
    height: 100%;
}

.neibannerzi {
    top: 0.7rem;
}

.neibannerzi .ti h4 {
    font-size: 0.36rem;
}

.neibannerzi .ti span {
    font-size: 0.16rem;
}
.solution_list ul li .item {
    display: block;
}

.solution_list ul li .item .imgj {
    width: 100%;
}

.solution_list ul li .item .zi {
    width: 100%;
    padding: 0.2rem;
}

.solution_list ul li .item .zi span {
    position: relative;
    left: 0;
    bottom: 0;
    margin: 0.2rem 0 0 0;
    display: block;
}

.solution_list ul li {
    margin: 0.1rem 0 0 0;
}

.neinews_list ul li .item {
    display: block;
    margin: 0.1rem 0 0;
}

.neinews_list ul li .item .imgj {
    width: 100%;
}

.neinews_list ul li .item .zi {
    width: 100%;
    padding: 0.2rem;
}

.contac_map {
    min-height: auto;
    display: block;
}

.contac_map .con_main {
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    padding: 0.2rem 0.2rem;
}
.pro_main_ti {
    display: block;
}

.pro_main_ti .imgj {
    width: 100%;
    max-width: initial;
}

.pro_main_ti .ti h3 {
    font-size: 0.4rem;
}

.pro_main_ti .ti {
    text-align: center;
    margin: 0 0 0.2rem 0;
}
.partners_list ul li {
    width: 33.33%;
}


}

.index_banner source {
    width: 100%;
    border: 0;
    outline: 0;
}

.index_banner video {
    width: 100%;
    border: 0;
    outline: 0;
}








.index_banner img {
    /* width: 100%; */
    display: inline;
}
.swiper-pagination-bullet {
    height: 0.1rem;
    width: 0.1rem;
    border-radius: 50px;
    background: #e60012;
    opacity: 0.5;
    transition: all 0.3s ease;
    border: 1px solid #666;
    background: none;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    /* width: 0.17rem; */
    background: var(--primary-color);
    opacity: 1;
    border: 1px solid var(--primary-color);
}
.index_part {
    padding: 0.6rem 0;
    position: relative;
}
.produt_main_DJI {}

.produt_main_DJI img {
    width: 100%;
}
.index_main_part {}
/**index_ti**/
.index_ti {margin: 0 auto 0.34rem;}

.index_ti .ti {
    text-align: center;
}
.index_ti .ti h4{
    font-size: 0.36rem;
    font-weight: bold;
}
.index_ti .ti span{
    font-size: 0.16rem;
    color: #666;
}
.index_ti .ti p{
    margin: 0.2rem auto 0;
}

/**index_about_us**/

/**changes_ul**/
.chages_ul {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.16rem;
    font-weight: bold;
    color: #000;
    margin: 0 auto 0.3rem !important;
}

.chages_ul li {width: auto !important;/* text-align: center; */}

.chages_ul li span {
    /* background: #0e3686; */
    color: #666;
    margin: 0 0.11rem;
    line-height: 0.4rem;
    padding: 0 0.3rem;
    border-radius: 13.1rem;
    cursor: pointer;
    display: block;
    font-size: 0.18rem;
    font-weight: normal;
    border: 1px solid #ddd;
}

.chages_ul li.on {

}

.chages_ul li.on span,.chages_ul li.on span a {
    background: #1472e2;
    color: #fff;
    border: 1px solid #1472e2;
}

.index_main_part .swiper-slide {
    /* opacity: 0 !important; */
}
.index_main_part .swiper-slide.swiper-slide-active {
    /* opacity: 1 !important; */
}
.swiper-slide .blog-slider__content > * {
	transform: translateY(90px);
	transition: all .4s;
}
.swiper-slide-active .blog-slider__content > * {
	opacity: 1;
	transform: none;
}
.blog-slider__content > *:nth-child(1) {
	transition-delay:0s;
}

.blog-slider__content > *:nth-child(2) {
	transition-delay: 0.1s;
}
.blog-slider__content > *:nth-child(3) {
	transition-delay: 0.2s;
}
.blog-slider__content > *:nth-child(4) {
	transition-delay: 0.3s;
}
.blog-slider__content > *:nth-child(5) {
	transition-delay: 0.4s;
}
.blog-slider__content > *:nth-child(6) {
	transition-delay: 0.5s;
}
.blog-slider__content > *:nth-child(7) {
	transition-delay: 0.6s;
}
.blog-slider__content > *:nth-child(8) {
	transition-delay: 0.7s;
}
.blog-slider__content > *:nth-child(9) {
	transition-delay: 0.8s;
}
.blog-slider__content > *:nth-child(10) {
	transition-delay: 0.9s;
}
.blog-slider__content > *:nth-child(11) {
	transition-delay: 1s;
}
.blog-slider__content > *:nth-child(12) {
	transition-delay: 1.1s;
}
.blog-slider__content > *:nth-child(13) {
	transition-delay: 1.2s;
}
.blog-slider__content > *:nth-child(14) {
	transition-delay: 1.3s;
}
.blog-slider__content > *:nth-child(15) {
	transition-delay: 1.4s;
}


/**chanpinzhognxin**/
.pro_bg {
    background: url(../images/pro_bg.jpg) center bottom no-repeat;
    background-size: 100%;
}

.product_list .swiper-slide {
    opacity: 0 !important;
}

.product_list  .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}
.product_item {
    display: flex;
    flex-flow: wrap;
    margin: -0.1rem 0 0 -0.1rem;
    padding: 0.1rem;
}

.product_item li {width: 33.33%;}
.product_item li:first-child {
}
.product_item li a {
    display: block;
    position: relative;
    height: 100%;
    margin: 0.1rem 0 0 0.1rem;
    /* background: #f9f9f9; */
}

.product_main {
    position: relative;
    padding: 1.5rem 0 0rem;
    background: #f9f9f9;
}

.product_main .imgj {
    height: 350px;
}

.product_main .imgj img {}

.product_main .ti {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    padding: 0.5rem 0 0;
    font-size: 0.2rem;
    text-align: center;
}
.product_main .ti h5 {
    font-size: 0.22rem;
    color: #999;
}
.product_main .ti p {
    font-size: 0.18rem;
    font-weight: 100;
    color: #666;
}
.product_main .ti h4 {
    font-size: 0.3rem;
    font-weight: bold;
}
a.see_more_product {
    width: 2.5rem;
    line-height: 0.5rem;
    border: 1px solid #ddd;
    display: block;
    margin: 0.5rem auto 0;
    text-align: center;
    font-size: 0.18rem;
}

a.see_more_product:hover {
    color: #fff;
    background: #c0293f;
}



/**text_onimages_box**/
.case_box {
    /* width: 80%; */
    margin: 0 auto;
}

.text_onimages_box {
    position: relative;
    margin: 0.1rem 0 0 0.1rem;
}

.text_onimages_box .imgj {
    position: z;
    position: relative;
    z-index: 1;
}

.text_onimages_box .imgj img {}
.index_casebox ul li .text_onimages_box:after {content: "";position: absolute;left: 0;right: 0;top: 0;height: 2rem;background: linear-gradient(0deg, transparent, #8ca6c4);z-index: 1;}
.text_onimages_box .ti {
    color: #fff;
    position: absolute;
    left: 20%;
    right: 20%;
    top: 50%;
    text-align: center;
    z-index: 3;
    transform: translateY(-50%);
}

.text_onimages_box .ti h3 {
    font-size: 0.23rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
    /* text-shadow: 0 0 0.2rem rgb(0 0 0 / 60%); */
}

.text_onimages_box .ti p {
    font-size: 0.18rem;
    line-height: 0.32rem;
    margin: 0 0 0.4rem;
}

.text_onimages_box .ti a {
    display: block;
    text-align: center;
    line-height: 0.5rem;
    color: #fff;
    margin: 0 auto;
    font-size: 0.16rem;
}
.index_casebox {
    overflow: hidden;
}
.index_casebox .text_onimages_box {
    margin: 0.05rem 0.05rem;
}
.index_casebox ul {
    display: flex;
    flex-flow: wrap;
    margin: -0.1rem 0 0 -0.1rem;
    padding: 0 0.1rem;
}
.index_casethree {}

.index_casethree li {
    width: 33.33% !important;
}

.index_casebox ul {padding: 0 0 0 0.1rem;}
.index_casebox ul li {
    width: 33.33%;
}

.index_casebox ul li .text_onimages_box {}

/*.index_casebox ul li:nth-child(1),.index_casebox ul li:nth-child(2) {*/
/*    width: 50%;*/
/*}*/



/**/
.bg_aboimg {
    background: url(../images/bg_aboimg.jpg);
    background-size: cover;
}

.index_aboutbox {
    display: flex;
}

.index_aboutbox .img {
    /* position: absolute; */
    /* left: 0; */
    width: 45%;
}

.index_aboutbox .text {
    width: 55%;
    padding-left: 0.5rem;
    box-sizing: border-box;
}

.index_aboutbox .text .p {
    font-size: 0.16rem;
    line-height: 0.34rem;
    color: #666;
}

.yj_jjz {}

.yj_jjz .main {
    margin: 0.3rem 0 0;
}

.yj_jjz .main i {
    display: block;
    width: 0.2rem;
    height: 3px;
    background: #1472e2;
    margin: 0 0 0.1rem;
}

.yj_jjz .main span {
    display: block;
    font-size: 0.2rem;
    color: #666;
}

.yj_jjz .main p {
    font-size: 0.24rem;
    font-weight: bold;
    color: #1472e2;
}

/**foot_bigcon**/
.foot_bigcon {
    background: #f1f1f3;
    padding: 0.5rem 0 0;
}

.foot_bigcon .foot_navbox {
    display: flex;
    justify-content: space-between;
    padding: 0 0 0.5rem;
}

.foot_bigcon .foot_navbox .left {}

.foot_bigcon .foot_navbox .left h2 {}

.foot_bigcon .foot_navbox .left h2 img {
    width: 1.37rem;
    margin: 0 0 0.2rem;
}

.foot_bigcon .foot_navbox .left .p {}

.foot_bigcon .foot_navbox .left .p p {}

.foot_bigcon .foot_navbox .left .p p span {
    font-size: 0.16rem;
    font-weight: 100;
    display: block;
}

.foot_bigcon .foot_navbox .left .p p em {
    font-size: 0.28rem;
    font-weight: bold;
}

.foot_bigcon .foot_navbox .left .ewmbox {
    display: flex;
    margin: 1rem 0 0;
}

.foot_bigcon .foot_navbox .left .ewmbox .ewm {
    position: relative;
}

.foot_bigcon .foot_navbox .left .ewmbox .ewm label {}

.foot_bigcon .foot_navbox .left .ewmbox .ewm label img {
    width: 0.3rem;
}
.foot_bigcon .foot_navbox .left .ewmbox .ewm label span{display:none}
.foot_bigcon .foot_navbox .left .ewmbox .ewm .im {
    position: absolute;
    left: 0;
    top: -1.3rem;
    width: 1rem;
    height: 1rem;
    background: #fff;
    padding: 0.1rem;
    display: none;
}

.foot_bigcon .foot_navbox .left .ewmbox .ewm .im img {
    width: 100%;
}

.foot_bigcon .foot_navbox .foot_nav {
    display: flex;
}

.foot_bigcon .foot_navbox .foot_nav .fotnav {
    margin: 0 0 0 0.5rem;
    font-size: 0.16rem;
    line-height: 0.32rem;
}

.foot_bigcon .foot_navbox .foot_nav .fotnav a.one_level {
    display: block;
    margin: 0 0 0.2rem;
}

.foot_bigcon .foot_navbox .foot_nav .fotnav .fot_ej {}

.foot_bigcon .foot_navbox .foot_nav .fotnav .fot_ej a {
    display: block;
    opacity: 0.5;
}

.foot_bigcon .foot_navbox .left .ewmbox .ewm:hover .im {
    display: block;
}

.foot_information {
    display: flex;
    justify-content: space-between;
    padding: 0.2rem 0;
    border-top: 1px solid #ddd;
    margin: 0rem auto 0;
}

.foot_information p {
    opacity: 0.5;
    margin: 0 0.2rem 0 0;
}
.foot_bigcon .foot_navbox .link {
    position: absolute;
    left: 0;
    bottom: 0.1rem;
}
.foot_bigcon .foot_navbox .link a{
    border-right: 1px solid #c2c2c2;
    padding: 0 0.1rem 0;
    margin: 0;
    line-height: 0.15rem;
    display: inline-block;
}
@media screen and (max-width:600px){
    .foot_bigcon .foot_navbox .link {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .foot_bigcon .foot_navbox .link a{
        border-right: 1px solid #c2c2c2;
        padding: 0 0.06rem 0;
        margin: 0;
        line-height: 0.15rem;
        display: inline-block;
    }
    .product_main .imgj {
        margin-top: 2rem;
    }
    
    .index_nav .tel{
        position: fixed;
        right: 15%;
    }
}
.foot_bigcon .foot_navbox .link a:last-child {
    border: 0;
}
/**nei_banner**/
.nei_banner {}

.nei_banner img {
    width: 100%;
}
.foot_information .left {
    display: flex;
    align-items: center;
}
.neibannerzi {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    bottom: 0;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.neibannerzi .ti {}

.neibannerzi .ti h4 {
    font-size: 0.5rem;
}

.neibannerzi .ti span {
    font-size: 0.2rem;
    display: block;
}

/***pro_main_ti*/
.bg_f9f9f9 {
    background: #f9f9f9;
}

.pro_main_ti {
    padding: 1rem 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pro_main_ti .ti {}

.pro_main_ti .ti h3 {
    font-size: 0.4rem;
}

.pro_main_ti .ti p {
    font-size: 0.2rem;
    color: #666;
    margin: 0.1rem 0 0;
}

.pro_main_ti .imgj {
    max-width: 30%;
}

.pro_main_ti .imgj img {
    width: 100%;
}
.produt_main img {
    max-width: 100%;
}

.produt_main p {
    font-size: 0.16rem;
    line-height: 0.34rem;
    color: #666666;
}
/**contac_map*/
.padding_b0 {
    padding-bottom: 0;
}




.partners_list ul {
    display: flex;
    flex-flow: wrap;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.partners_list ul li {
    width: 20%;
}

.partners_list ul li .item {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.partners_list ul li .item .imgj {
    max-width: 80%;
    max-height: 80%;
}

.partners_list ul li .item .imgj img {
}
/**solution_list**/
.solution_list {}

.solution_list ul li {margin: 0.5rem 0 0;}

.solution_list ul li .item {
    background: #f1f1f3;
    display: flex;
    justify-content: space-between;
}

a.item.img {}

.solution_list ul {
    margin: -0.5rem 0 0;
}

.solution_list ul li .item .imgj {
    width: 45%;
}

.solution_list ul li .item .zi {
    width: 55%;
    padding: 0.5rem 0.5rem;
    box-sizing: border-box;
    position: relative;
}

.solution_list ul li .item .zi h3 {
    font-size: 0.32rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
}

.solution_list ul li .item .zi p {
    font-size: 0.18rem;
    line-height: 0.32rem;
    color: #666;
}

.solution_list ul li .item .zi span {
    position: absolute;
    bottom: 0.5rem;
    font-size: 0.16rem;
    color: #666;
}

.solution_list ul li:nth-child(2n) .item .imgj {
    order: 2;
}

/**neinews_list**/
.neinews_list {}

.neinews_list ul {}

.neinews_list ul li {}

.neinews_list ul li .item {
    background: #f1f1f3;
    display: flex;
    justify-content: space-between;
    margin: 0.5rem 0 0;
    /* align-items: center; */
}

.neinews_list ul li .item .imgj {
    width: 35%;
    height: 100%;
}

.neinews_list ul li .item .imgj img {
    height: 100%;
}

.neinews_list ul li .item .zi {
    width: 65%;
    padding: 0.25rem 0.5rem;
    box-sizing: border-box;
    position: relative;
}

.neinews_list ul li .item .zi h3 {
    font-size: 0.24rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
}

.neinews_list ul li .item .zi span {
    font-size: 0.16rem;
    color: #999;
    background: url(../images/date.png) left center no-repeat;
    background-size: 0.18rem;
    padding: 0 0 0 0.25rem;
    display: block;
    margin: 0 0 0.2rem;
}

.neinews_list ul li .item .zi p {
    font-size: 0.16rem;
    line-height: 0.32rem;
    color: #666;
}

/**neinews_main**/
.neinews_main {}

.neinews_main .ti {
    text-align: center;
    margin: 0 0 0.5rem;
}

.neinews_main .ti h3 {
    font-size: 0.24rem;
    margin: 0 0 0.1rem;
    font-weight: bold;
}

.neinews_main .ti span {
    font-size: 0.16rem;
    color: #999;
    background: url(../images/date.png) left center no-repeat;
    background-size: 0.18rem;
    padding: 0 0 0 0.25rem;
    display: inline-block;
    /* margin: 0 0 0.2rem; */
}

.neinews_main .main {
    font-size: 0.16rem;
    line-height: 0.32rem;
    color: #666666;
}

.neinews_main .main img {
    max-width: 80%;
    margin: 0 auto;
    display: block;
}

.neinews_main .main p {
    margin: 0.2rem 0 0;
}
@media (min-width: 1px) and (max-width: 800px) {
.wal {
    width: 96%;
}

.index_nav .top_nav {
    /* left: 0; */
    /* transition: all 0.3s ease; */
    /* position: absolute; */
    /* right: 0; */
    /* top: 0; */
    /* background: rgb(255 255 255 / 90%); */
    /* margin: 0; */
    /* transform: translate(0px, -100%); */
    /* border-top: 1px solid #ddd; */
}

.index_nav .top_right {
    margin: 0 0.6rem;
    display: none;
}

.index_nav .top_nav.show .nav_main ul {
    float: none;
    position: fixed;
    top: 0.7rem;
    bottom: 0;
    transform: none;
    overflow: scroll;
    transform: translate(0px, 0);
}

.show.top_nav {}
.index_nav .top_nav .nav_main {
    /* padding: 1rem 0; */
    display: block;
}
.index_nav .top_nav .nav_main ul {
    /* display: none; */
    height: auto;
    font-size: 0.2rem;
    left: 0;
    transition: all 0.3s ease;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(255 255 255 / 95%);
    margin: 0;
    transform: translate(0px, -150%);
    border-top: 1px solid #ddd;
    display: block;
}

.top_nav .nav_main ul li .two_level .main .list a {
    color: #333;
    text-align: left;
    font-size: 0.18rem;
    line-height: 0.5rem;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.index_nav .top_nav .nav_main ul li a.one_level {
    color: #333;
    /* font-size: 0.3rem; */
    height: 0.8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
}

.index_nav .top_nav .nav_main ul li:hover a.one_level, .index_nav .top_nav .nav_main ul li.on a.one_level {
    background: url(../images/baision.png) left center no-repeat;
    background-size: 0.18rem;
    color: #e60012;
}

.index_nav .top_nav .nav_main ul li .two_level {
    position: relative;
    text-align: center;
    background-color: rgba(255,255,255,0.1)!important;
    /* background: none; */
    /* padding: 0; */
    /* top: auto; */
    /* left: auto; */
    /* padding: 0.2rem 0.4rem; */
    top: auto;
    left: auto;
    width: auto;
    right: auto;
    border: 0;
    /*text-align: left;*/
    display: none;
    opacity: 1;
    transform: translate(0px, 0px);
    transition: none;
}

.index_nav .top_nav .nav_main ul li {
    /* padding: 0.2rem; */
    /* border-bottom: 0.01rem solid #444444; */
    display: block;
    height: auto;
    margin: 0;
}
.index_nav .top_nav .nav_main ul li .two_level:before {
    display: none;
}
.nei_banner {
    padding: 0;
    padding: 0.7rem 0 0;
    background: #1572e2;
}

.index_nav {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    height: 0.7rem;
    background: rgba(0,0,0,0.5);
    z-index: 11;
    padding: 0 5%;
    max-width: 100%;
    margin: 0;
    width: 100%;
}
.two_level {}

.top_nav .nav_main ul li .two_level .main {
    background: none;
    padding: 0;
}

.top_nav .nav_main ul li .two_level .main .imgj {
    display: none;
}

.top_nav .nav_main ul li .two_level .main .list {
    width: 100%;
    padding: 0 0 0 0.2rem;
    background: none;
}

.nav_join a {
    text-align: left;
    margin: 0 0 1rem;
    padding: 0.2rem;
}

.nav_join a span br {
    display: none;
}
.top_nav .nav_main ul li:before {
}

.top_nav .nav_main ul li.on:after, .top_nav .nav_main ul li:hover:after {top: 0;height: 0.8rem;}

.index_nav .logo img {
    /* width: 2.5rem; */
}

.seach_box {
    /* position: relative; */
    /* display: none; */
    top: 0;
    background: none;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0.25rem 0;
    border-radius: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.7rem;
    z-index: 13;
    background: #fff;
    padding: 0;
    display: none;
}
.seach_box .seach {
    border-radius: 50px;
    border: 1px solid #ddd;
    background: #fff;
    width: 80%;
    margin: 0 5% 0 0;
}
.seach_box.show {
    display: flex;
}

.gb {
    display: block;
    width: 0.23rem;
    height: 0.23rem;
    background: url(../images/hguanbi.png) center no-repeat transparent;
    margin: 0 0 0 0.2rem;
    background-size: cover;
    right: 4%;
    top: 0.25rem;
}
.top_top {
    display: none;
}

.phone_menu {
    position: fixed;
    right: 5%;
    top: 0.28rem;
    display: block;
}

.guanbi {
    display: none;
}

.index_banner {
    height: auto;
}

.index_banner img {
    width: 100%;
}

.chages_ul {
    display: block;
}

.chages_ul li {
    text-align: center;
    margin: 0 0 0.1rem;
}

.product_item li {
    width: 50%;
}

.text_onimages_box .ti {
    position: relative;
    background: #f9f9f9;
    left: 0;
    right: 0;
    top: 0;
    padding: 0.1rem;
    color: #333;
}

.text_onimages_box .ti h3 {
    font-size: 0.2rem;
}

.text_onimages_box .ti p {
    font-size: 0.14rem;
    line-height: 0.26rem;
    margin: 0 0 0.2rem;
}

.text_onimages_box .ti a {
    font-size: 0.12rem;
    color: #666;
}

.index_casebox ul li {
    width: 100% !important;
}

.index_aboutbox {
    display: block;
}

.index_aboutbox .img {
    width: 100%;
}

.index_aboutbox .text {
    width: 100%;
    padding: 0.3rem;
}

.foot_bigcon .foot_navbox .foot_nav {
    display: none;
}

.top_nav .nav_main ul li .two_level .list a {
    color: #333;
}
.foot_bigcon .foot_navbox .left .ewmbox .ewm .im {
    display: block;
    position: relative;
    top: 0;
}

.foot_bigcon .foot_navbox .left .ewmbox .ewm {
    width: 1.5rem;
}

.foot_bigcon .foot_navbox .left .ewmbox {
    margin: 0.2rem 0;
}

.foot_bigcon .foot_navbox .left .ewmbox .ewm label span{display: inline-block;}
.foot_information {
    margin: 0.3rem auto 0;
    display: block;
    text-align: center;
    padding: 0.1rem 0;
}
.nei_banner {
    height: 2rem;
}

.nei_banner img {
    width: auto;
    height: 100%;
}

.neibannerzi {
    top: 0.7rem;
}

.neibannerzi .ti h4 {
    font-size: 0.36rem;
}

.neibannerzi .ti span {
    font-size: 0.16rem;
}
.solution_list ul li .item {
    display: block;
}

.solution_list ul li .item .imgj {
    width: 100%;
}

.solution_list ul li .item .zi {
    width: 100%;
    padding: 0.2rem;
}

.solution_list ul li .item .zi span {
    position: relative;
    left: 0;
    bottom: 0;
    margin: 0.2rem 0 0 0;
    display: block;
}

.solution_list ul li {
    margin: 0.1rem 0 0 0;
}

.neinews_list ul li .item {
    display: block;
    margin: 0.1rem 0 0;
}

.neinews_list ul li .item .imgj {
    width: 100%;
}

.neinews_list ul li .item .zi {
    width: 100%;
    padding: 0.2rem;
}

.contac_map {
    min-height: auto;
    display: block;
}

.contac_map .con_main {
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    padding: 0.2rem 0.2rem;
}
.pro_main_ti {
    display: block;
}

.pro_main_ti .imgj {
    width: 100%;
    max-width: initial;
}

.pro_main_ti .ti h3 {
    font-size: 0.4rem;
}

.pro_main_ti .ti {
    text-align: center;
    margin: 0 0 0.2rem 0;
}
.partners_list ul li {
    width: 33.33%;
}


}

.index_banner source {
    width: 100%;
    border: 0;
    outline: 0;
}

.index_banner video {
    width: 100%;
    border: 0;
    outline: 0;
}