.clearfix::after,.clearfix::before{
	content:"";
	display: table;
	clear: both;
}
.flex{display: flex; align-items: center;}
.about_banner{width:100%;height: 5.82rem;background: url(../images/about_ban.jpg) center top no-repeat;background-size: auto 100%;}

.content{max-width: 1600px;width: 100%;margin: 0px auto;}

.ab_box_1{padding: 0px 0.48rem;height: 1.66rem;margin-top: -1.66rem!important;display: flex;align-items: center; background: #FFFFFF;box-sizing: border-box; }
.ab_box_1 .title{font-size: 0.24rem;color: #333333;font-weight: bold; padding-left: 0.45rem;line-height: 0.5rem;height: 0.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;}
.ab_box_1 .title::after{content: "";width: 0.45rem;height: 0.24rem;background: url(../images/i4.png) center center no-repeat;background-size: 100% 100%;position: absolute;top: 0px;left: 0px;}
.ab_box_1 .desc{font-size: 0.16rem;color: #333333;}


.ab_box_2{background: #f3f3f3;padding: 0.4rem 0.55rem 0.55rem 0.55rem;box-sizing: border-box;}
.ab_box_2 .tabs{border-bottom: 0.03rem solid #E0E0E0;margin-bottom: 0.4rem;}
.ab_box_2 .tabs .tab{padding: 0px 0.22rem; font-size: 0.18rem;line-height: 0.6rem;height: 0.6rem;margin-right: 1.2rem; color:#333333; float: left;position: relative;cursor: pointer;}
.ab_box_2 .tabs .tab.on{font-weight: bold;}
.ab_box_2 .tabs .tab::after{content: "";width: 0px;height: 0.03rem;background: #007cc2;position: absolute;bottom: 0px;left: 50%;transform: translate(-50%,100%);transition: all 320ms linear;}
.ab_box_2 .tabs .tab.on::after{width: 100%;}
.ab_box_2 .tabs .tab:hover::after{width: 100%;}

.ab_box_2 .items .item{display: none;}
.ab_box_2 .items .item.on{display: block;}
.ab_box_2 .items .item .con_box{font-size: 0.16rem;color: #333333;line-height: 0.37rem; width: calc(100% - 5.5rem);height: 2.86rem; float: left;}
.ab_box_2 .items .item .con_box p{font-size: 0.16rem;line-height: 0.37rem;}
.ab_box_2 .items .item .img_box{width: 4.75rem;float: right;}

.ab_box_2 .mCSB_scrollTools .mCSB_draggerRail{background-color: #e0e0e0;width: 0.09rem;border-radius: 0.05rem;overflow: hidden;}
.ab_box_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:0.09rem;border-radius: 0.05rem;background-color: #007cc2;}
.ab_box_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{background-color: #007cc2;}

/*精度车间*/
.ab_box_3{padding-bottom: 0.88rem;}
.ab_box_3 .top_box{padding: 0.56rem 0px;text-align: center;}
.ab_box_3 .top_box .title{display: inline-block;margin-left: -0.45rem; font-size: 0.24rem;color: #333333;font-weight: bold; padding-left: 0.45rem;line-height: 0.5rem;height: 0.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;}
.ab_box_3 .top_box .title::after{content: "";width: 0.45rem;height: 0.24rem;background: url(../images/i4.png) center center no-repeat;background-size: 100% 100%;position: absolute;top: 0px;left: 0px;}
.ab_box_3 .top_box .desc{font-size: 0.16rem;color: #231815;line-height: 0.28rem;}
#chejian_swiper{}
#chejian_swiper .swiper-slide{height: 5.68rem;position: relative;}
#chejian_swiper .swiper-slide .con_box{background: #f3f3f3; width: 50%;height:5rem;padding-left: 1.5rem;padding-top: 0.9rem;padding-right: 0.4rem; position: absolute;right: 0px;top: 0px;z-index: 1;box-sizing: border-box;}
#chejian_swiper .swiper-slide .con_box .title{font-size: 0.18rem;color: #333333;line-height: 0.28rem;margin-bottom: 0.4rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#chejian_swiper .swiper-slide .con_box .desc{font-size: 0.14rem;color: #666666;line-height: 2em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
#chejian_swiper .swiper-slide .img_box{width:56.25%;height:auto;position: absolute;left: 0px;top: 0.66rem;z-index: 2;}

#chejian_swiper .swiper-slide .img_box img{width: 100%;}

#chejian_swiper .btn_box{width: 42%; height: 0.54rem;position: absolute;right: 0px;top: 3.8rem;z-index: 3;}
#chejian_swiper .btn_box>div{background: url(../images/about_arrow_1.png) center center no-repeat;background-size: 100% 100%; margin: 0px 0.2rem; width: 0.54rem;height: 0.54rem;display: inline-block;vertical-align: middle;position: static;top: 0px;left: 0px;}

#chejian_swiper .btn_box>div.swiper-button-next{transform: rotateY(180deg);}
#chejian_swiper .btn_box>div:hover{background: url(../images/about_arrow_1_on.png) center center no-repeat;background-size: 100% 100%; }


.ab_box_4{height: 5.52rem;background:url(../images/i30.png) center center no-repeat;background-size: auto 100%;}
.ab_box_4 .top_box{text-align: center;padding-top: 0.5rem;padding-bottom: 0.6rem;}

.ab_box_4 .top_box .title{display: inline-block;margin-left: -0.45rem; font-size: 0.24rem;color: #ffffff;font-weight: bold; padding-left: 0.45rem;line-height: 0.5rem;height: 0.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;}
.ab_box_4 .top_box .title::after{content: "";width: 0.45rem;height: 0.24rem;background: url(../images/i31.png) center center no-repeat;background-size: 100% 100%;position: absolute;top: 0px;left: 0px;}

#develop_swiper{height: 1.13rem;}
#develop_swiper .swiper-slide{cursor: pointer; width: 100%;height: 100%; text-align: center;position: relative;}
#develop_swiper .swiper-slide::after{content: "";width: 100%;height: 1px;background: #fff;opacity: 0.5;position: absolute;top: 50%;left: 0px;transform: translateY(-50%);z-index: 1;}
#develop_swiper .swiper-slide::before{content: "";width: 0%;height: 1px;background: url(../images/develop_line.jpg) center center no-repeat;background-size: 100% 100%;position: absolute;top: 50%;left: 50%;transform: translateY(-50%);z-index: 2; transition:width 0.75s ease;}
#develop_swiper .swiper-slide.on::before,#develop_swiper .swiper-slide:hover::before{width:100%;}
#develop_swiper .swiper-slide .title{font-size: 0.18rem;color:#58a9d7; transition:0.3s ease all;}
#develop_swiper .swiper-slide:hover .title,#develop_swiper .swiper-slide.on .title{font-size: 0.28rem;font-weight:bold;color:#fff;}
#develop_swiper .swiper-slide .dot{width: 8px;height: 8px;background: #86c1e2;opacity: 1;border-radius: 50%; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 3;}
#develop_swiper .swiper-slide:hover .dot div,#develop_swiper .swiper-slide.on .dot div{position:relative;margin-left:-12px;margin-top:-12px;}
#develop_swiper .swiper-slide:hover .dot font,#develop_swiper .swiper-slide.on .dot font{width:8px;height:8px;background:#86c1e2;display:block;border-radius:50px;position:absolute;left:12px;top:12px;}
#develop_swiper .swiper-slide:hover .dot p,#develop_swiper .swiper-slide.on .dot p{width:20px;height:20px;background:rgba(134,193,226,.2);display:block;border-radius:50px;position:absolute;left:6px;top:6px;animation:mymove 1s 1;}
#develop_swiper .swiper-slide:hover .dot i,#develop_swiper .swiper-slide.on .dot i{width:32px;height:32px;background:rgba(134,193,226,.1);display:block;border-radius:50px;position:absolute;left:0px;top:0px;animation:mymove2 1s 1;}
#develop_swiper .btn{ width: 0.53rem;height: 0.53rem;background: url(../images/develop_arrow.png) center center no-repeat;background-size: 100% 100%;border-radius: 50%; position: absolute;top: 50%;left: 0px;transform: translateY(-50%);}
@keyframes mymove
{
0% { transform:scale(.4)}
100% {transform:scale(1)}
}
@keyframes mymove2
{
0% { transform:scale(.25)}
100% {transform:scale(1)}
}
#develop_swiper .btn.swiper-button-next{transform: translateY(-50%) rotateY(180deg);right: 0px;left: initial;}
#develop_swiper .btn:hover{background: url(../images/develop_arrow_on.png) center center no-repeat;background-size: 100% 100%;}
.develop_items .item{display: none;padding: 0px 1.08rem;box-sizing: border-box;}
.develop_items .item.on{display: block;}

.develop_items .item .title{font-size: 0.46rem;color: #fff;font-weight: bold;}
.develop_items .item .line{width: 0.3rem;height: 0.05rem;background: #80bee1;margin: 0.32rem 0px;}
.develop_items .item .desc{font-size: 0.16rem;color: #fff;line-height: 0.28rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}



.ab_box_5{background: #f3f3f3;padding-bottom: 0.6rem;}
.ab_box_5 .top_box{padding-top: 0.6rem;padding-bottom: 0.4rem; text-align: center;}
.ab_box_5 .top_box .title{display: inline-block;margin-left: -0.45rem; font-size: 0.24rem;color: #333333;font-weight: bold; padding-left: 0.45rem;line-height: 0.5rem;height: 0.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;}
.ab_box_5 .top_box .title::after{content: "";width: 0.45rem;height: 0.24rem;background: url(../images/i4.png) center center no-repeat;background-size: 100% 100%;position: absolute;top: 0px;left: 0px;}
.ab_box_5 .tabs{text-align: center;margin-bottom: 0.5rem;}
.ab_box_5 .tabs .tab{cursor: pointer; margin: 0px 0.2rem; font-size: 0.16rem;color: #333333;font-weight: bold; width: 1.86rem;height: 0.59rem;line-height: 0.57rem; border: 0.01rem solid #C6C6C6;text-align: center; display: inline-block;vertical-align: top;}
.ab_box_5 .tabs .tab.on{background: #007cc2;border-color: #007cc2;color: #FFFFFF;}

.ab_box_5 .swipers .swiper-container{display: none;}
.ab_box_5 .swipers .swiper-container.on{display: block;}
.ab_box_5 .swipers .swiper-container .swiper-slide{padding: 0px 0.14rem;box-sizing: border-box;}
.ab_box_5 .swipers .swiper-container .swiper-slide .box{background: #fff;padding: 0.2rem;}
.ab_box_5 .swipers .swiper-container .swiper-slide .img_box{box-sizing: border-box;}
.ab_box_5 .swipers .swiper-container .swiper-slide .img_box img{width: 100%;}
.ab_box_5 .swipers .swiper-container .swiper-slide .title{font-size: 0.16rem;color: #333333;line-height:0.3rem;text-align: center;margin-top: 0.2rem;}
.ab_box_5 .swipers .swiper-container .swiper-slide:hover .title{color: #007cc2;font-weight: bold;}
.ab_box_5 .swipers .swiper-container .swiper-pagination{position: static;padding-top: 0.35rem;}
.ab_box_5 .swipers .swiper-container .swiper-pagination span{width: 0.14rem;height: 0.14rem;background: #d3d3d3;border-radius: 50%;margin: 0px 0.08rem;}
.ab_box_5 .swipers .swiper-container .swiper-pagination span.swiper-pagination-bullet-active{background: #008cd6;}

.ab_box_6 {padding-bottom: 0.5rem;}
.ab_box_6 .top_box{padding-top: 0.6rem;padding-bottom: 0.32rem;text-align: center}
.ab_box_6 .top_box .title{display: inline-block;margin-left: -0.45rem; font-size: 0.24rem;color: #333333;font-weight: bold; padding-left: 0.45rem;line-height: 0.5rem;height: 0.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;}
.ab_box_6 .top_box .title::after{content: "";width: 0.45rem;height: 0.24rem;background: url(../images/i4.png) center center no-repeat;background-size: 100% 100%;position: absolute;top: 0px;left: 0px;}


.ab_box_6 .swiper-container .swiper-slide{padding: 0px 0.17rem;box-sizing: border-box;}
.ab_box_6 .swiper-container .swiper-slide .box{box-sizing: border-box;border: 1px solid #E4E4E4;padding: 0.25rem 0.45rem;background: #fff;}
.ab_box_6 .swiper-container .swiper-slide .box .num{font-size: 0.2rem;color: #333333;opacity: 0.5;margin-bottom: 0.2rem;line-height: 0.3rem;}
.ab_box_6 .swiper-container .swiper-slide .box .title{font-size: 0.2rem;color: #333333;margin-bottom: 0.15rem;line-height: 0.3rem;}
.ab_box_6 .swiper-container .swiper-slide .box .desc p{font-size: 0.16rem;color: #333;opacity: 0.7;line-height: 0.3rem;}
.ab_box_6 .swiper-container .swiper-pagination{position: static;padding-top: 0.35rem;}
.ab_box_6 .swiper-container .swiper-pagination span{width: 0.14rem;height: 0.14rem;background: #d3d3d3;border-radius: 50%;margin: 0px 0.08rem;}
.ab_box_6 .swiper-container .swiper-pagination span.swiper-pagination-bullet-active{background: #008cd6;}

.ab_box_6 .swiper-container .swiper-slide:hover .box{background: url(../images/i38.png) right bottom no-repeat #007CC2;background-size:auto 100%;}
.ab_box_6 .swiper-container .swiper-slide:hover .box .num{color: #fff;}
.ab_box_6 .swiper-container .swiper-slide:hover .box .title{color: #fff;}
.ab_box_6 .swiper-container .swiper-slide:hover .box .desc p{color: #fff;}


.p_class .class_item{width:50%;float: left;position: relative;}
.p_class .class_item .class_cont{width: 100%;height: 100%; display: flex;align-items: center;position: absolute;top: 0px;left: 0px;}
.p_class .class_item .class_cont .box{width: 5.5rem;margin: 0px auto;text-align: center;}
.p_class .class_item .class_cont .box .title{font-size: 0.32rem;color: #fff;font-weight: bold;}
.p_class .class_item .class_cont .box .line{width: 0.27rem;height: 0.02rem;background: #FFFFFF;margin: 0.15rem auto;}
.p_class .class_item .class_cont .box .desc{font-size: 0.16rem;color: #fff;line-height: 0.25rem;}
.p_class .class_item .class_cont .box .items{overflow: hidden;margin-top: 0.3rem;}
.p_class .class_item .class_cont .box .item{margin-right: 0.4rem;margin-bottom: 0.27rem; float: left; width: 1.52rem;height: 0.52rem;line-height: 0.5rem;border: 0.01rem solid #FFFFFF;font-size: 0.14rem;text-align: center;color:#fff;}
.p_class .class_item .class_cont .box .item a{color: #FFFFFF;width: 100%;height: 100%;display: block;}

.p_class .class_item .class_cont .box .item:nth-child(3n){margin-right: 0px;}

.p_class .class_item .class_cont .box .item:hover{background: #fff;}
.p_class .class_item .class_cont .box .item:hover a{color: #007cc2;font-weight: bold;}
.p_class .class_item .class_cont .box .more{margin-top: 0.4rem;display: block;}
.p_class .class_item .class_cont .box .more1{width: 100%;height: 0.65rem;line-height: 0.65rem; text-align: center;background: #007cc2;}
.p_class .class_item .class_cont .box .more1 .tit{font-size: 0.14rem;color: #ffffff;display: inline-block;vertical-align: middle;}
.p_class .class_item .class_cont .box .more1 .icon{margin-left: 0.1rem; display: inline-block;vertical-align: middle;transition: all 320ms linear;}
.p_class .class_item .class_cont .box .more1:hover .icon{margin-left: 0.2rem;}
.p_class .class_item .class_cont .box .mouse { margin: 0px auto;margin-top: 0.4rem; width: 0.2rem; height: 0.28rem; -webkit-animation: mouseWheel 2.2s linear infinite; animation: mouseWheel 2.2s linear infinite; }

@-webkit-keyframes mouseWheel {
    0% { -webkit-transform: translateY(-20%);opacity: 0.8; }
    40% { -webkit-transform: translateY(0%); opacity: 1;}
    100% { -webkit-transform: translateY(20%); opacity: 0.2;}
}

@keyframes mouseWheel {
    0% { -webkit-transform: translateY(-20%);opacity: 0.8; }
    40% { -webkit-transform: translateY(0%); opacity: 1;}
    100% { -webkit-transform: translateY(20%); opacity: 0.2;}
}


.ny_banner{width:100%;height: 4.56rem;background-size: auto 100%;background-repeat: none;background-position: center center;}
.ny_banner .bg{display: none;}
.ny_banner .box{text-align: center;width: 100%;}
.ny_banner .box .title{font-size: 0.36rem;color: #fff;font-weight: bold;text-align: center;}


.ny_ctg_box .content{padding: 0.4rem 0.2rem;box-sizing: border-box;}
.ny_ctg_box .content>ul{border: 1px solid #d1ebfa;background: #f9fdff;text-align: center;font-size: 0;box-sizing: border-box;}
.ny_ctg_box .content>ul>li{line-height:0.7rem;height: 0.7rem;text-align: center; width: 2.1rem;display: inline-block;margin: 0px;position: relative;z-index:6;}
.ny_ctg_box .content>ul>li>a{width: 100%;height: 100%;display: block;font-size: 0.18rem;color: #333;}
.ny_ctg_box .content>ul>li::after{content: "";width: 1px;height: 0.12rem;background: #007CC2;position: absolute;top: 50%;right: -1px;transform: translateY(-50%);}
.ny_ctg_box .content>ul>li:last-child::after{display: none;}
.ny_ctg_box .content>ul>li.cur{background: #007CC2;}
.ny_ctg_box .content>ul>li.cur::after{display: none;}
.ny_ctg_box .content>ul>li.cur>a{color: #fff;}
.ny_ctg_box .content>ul>li:hover{background: #007CC2;}
.ny_ctg_box .content>ul>li:hover::after{display: none;}
.ny_ctg_box .content>ul>li:hover>a{color: #fff;}
.ny_ctg_box .content>ul>li ul{position:absolute;left:0px;top:0.7rem;width:100%;background:#f5f5f5;box-shadow: 0px 0px 10px rgba(0,0,0,.5);display:none;}
.ny_ctg_box .content>ul>li ul li{line-height:40px;overflow:hidden;}
.ny_ctg_box .content>ul>li ul li:first-child{padding-top:.1rem;}
.ny_ctg_box .content>ul>li ul li:last-child{padding-bottom:.1rem;}
.ny_ctg_box .content>ul>li ul li a{display:block;color:#666666;font-size:14px;}
.ny_ctg_box .content>ul>li ul li a:hover,.ny_ctg_box .content>ul>li ul li.cur a{color:#007bc2;}

.product .product_list{}
.product .product_list li{ width: 33.333333%;padding: 0px 0.2rem;margin: 0.4rem 0px; box-sizing: border-box;float: left;transition: all 320ms linear;}
.product .product_list li .box {background: #f5f5f5;overflow: hidden;box-sizing: border-box;border: 0.05rem solid #f5f5f5;}
.product .product_list li .box .img_box{padding:20px;}
.product .product_list li .box .img_box img{width: 100%;display: block;}
.product .product_list li .box .con_box{text-align: center;padding: 0px 0.2rem;}
.product .product_list li .box .con_box .type{font-size: 0.22rem;color: #4c4c4c;height: 0.3rem;line-height: 0.3rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 320ms linear;}
.product .product_list li .box .con_box .title{font-size: 0.22rem;color: #4c4c4c;line-height: 0.3rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 320ms linear;}
.product .product_list li .box .more{display: block;margin: 0.32rem auto; width: 1.62rem;height: 0.52rem;line-height: 0.52rem; text-align: center;font-size: 0.14rem;color:#808080;background: #ebebeb;transition: all 320ms linear;}
.product .product_list li .box .more span{transition: all 320ms linear;}

.product .product_list li:hover .box .type{font-weight: bold;}
.product .product_list li:hover .box .title{color: #007cc2;font-weight: bold;}
.product .product_list li:hover .more{background: #007cc2;color: #FFFFFF;}
.product .product_list li:hover .box .more span{margin-left: 0.1rem;}


.product .product_list li:hover {transform: scale(1.05);}
.product .product_list li:hover .box{border-color: #007cc2;}




.contact .top_box{padding-top: 0.56rem;margin-bottom: 0.6rem;}
.contact .top_box .title{display: inline-block; font-size: 0.24rem;color: #333;font-weight: bold; padding-left: 0.45rem;line-height: 0.5rem;height: 0.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;}
.contact .top_box .title::after{content: "";width: 0.45rem;height: 0.24rem;background: url(../images/i4.png) center center no-repeat;background-size: 100% 100%;position: absolute;top: 0px;left: 0px;}
.contact .top_box .desc{margin-top: 0.1rem; font-size: 0.16rem;color: #231815;line-height: 0.28rem;}

.contact_list li{background: #f5f5f5;width: calc(50% - 0.22rem);float: left;margin-bottom: 0.2rem;}
.contact_list li:nth-child(even){float: right;}

.contact_list li .title_box{background: #007cc2; line-height: 0.82rem;padding: 0px 0.36rem;box-sizing: border-box;position: relative;}
.contact_list li .title_box .title{font-size: 0.2rem;color: #fff;}
.contact_list li .title_box .more{width: 0.34rem;height: 0.25rem; position: absolute;top: 50%;right: 0.36rem;transform: translateY(-50%);}
.contact_list li .con_box{padding: 0.25rem 0.35rem;padding-bottom: 0.1rem;}
.contact_list li .con_box .item{width: 60%;float: left;padding-right: 0.2rem;box-sizing: border-box;}
.contact_list li .con_box .item:nth-child(even){width: 40%;}

.contact_list li .con_box .item .title{font-size: 0.2rem;line-height: 0.33rem; color: #333333;margin-bottom: 0.15rem;}
.contact_list li .con_box .item .desc{font-size: 0.16rem;line-height: 0.24rem;height: 0.48rem; color: #666666;margin-bottom: 0.2rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.news .news_imgs{margin-top: 0.2rem;}
.news .news_imgs li{width: 33.333333%;padding: 0px 0.2rem;float: left;box-sizing: border-box;margin-bottom: 0.45rem;}
.news .news_imgs li .box .img_box img{width: 100%;display: block;margin-bottom: 0.25rem;}
.news .news_imgs li .box .title{margin-bottom: 0.15rem; font-size: 0.2rem;color: #333333;line-height: 0.3rem;height: 0.6rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition:all 320ms linear; }
.news .news_imgs li .box:hover .title{color: #007cc2;font-weight: bold;}

.news .news_imgs li .box .desc{margin-bottom: 0.15rem; font-size: 0.14rem;color: #666666; line-height: 0.24rem;height: 0.48rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news .news_imgs li .box:hover .desc{color: #333;}
.news .news_imgs li .box .time{font-size: 0.14rem;color: #a6a6a6;line-height: 0.56rem;border-bottom: 1px solid #A6A6A6;position: relative;}
.news .news_imgs li .box .time .more{display: block; width: 0.19rem;height: 0.19rem;background: url(../images/i40.png) center center no-repeat;background-size: 100% 100%;position: absolute;top: 50%;right: 0px;transform: translateY(-50%);}

.news .news_list li{width: 33.333333%;padding:0.2rem; float: left;box-sizing: border-box;}
.news .news_list li .box{background: #f5f5f5;padding: 0.25rem;}
.news .news_list li .box .time{font-size: 0.14rem;color: #a6a6a6;line-height: 0.24rem;margin-bottom: 0.2rem;}
.news .news_list li .box .title{font-size: 0.2rem;line-height: 0.3rem; color: #333333;margin-bottom: 0.2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .news_list li .box .desc{margin-bottom: 0.2rem; font-size: 0.14rem;color: #666666; line-height: 0.24rem;height: 0.48rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news .news_list li .box .more{display: block; width: 1.62rem;height: 0.52rem;line-height: 0.52rem; text-align: center;background: #007cc2;font-size: 0.14rem;color: #fff;}
.news .news_list li .box .more span{transition: all 320ms linear;}
.news .news_list li:hover .box .more span{margin-left: 0.1rem;}
.contact{padding-bottom:.4rem}
@media only screen and (max-width:1600px)
{
	.content{padding-left: 0.2rem;padding-right: 0.2rem;box-sizing: border-box;}
	.product .content{padding-left: 0px;padding-right: 0px;}
	.news .content{padding-left: 0px;padding-right: 0px;}
}

@media only screen and (max-width:1440px)
{
	.news .news_imgs li .box .title{font-size: 0.24rem;line-height: 1.5em;height: 3em;}
	.news .news_imgs li .box .desc{font-size: 0.18rem;line-height: 1.5em;height: 3em;}
	.news .news_imgs li .box .time{font-size: 0.18rem;}
	
	.news .news_list li .box .time{font-size: 0.18rem;line-height: 1.5em;}
	.news .news_list li .box .title{font-size: 0.24rem;line-height: 1.5em;}
	.news .news_list li .box .desc{font-size: 0.18rem;line-height: 1.5em;height: 3em;}
	.news .news_list li .box .more{font-size: 0.18rem;}
	
	.ny_ctg_box>.content>ul>li{line-height: 0.9rem;height: 0.9rem;}
	.ny_ctg_box>.content>ul>li a{font-size: 0.22rem;}
	
	.contact_list li{margin-bottom: 0.4rem;}
	.contact_list li .title_box .title{font-size: 0.24rem;}
	.contact_list li .con_box .item .title{font-size: 0.24rem;}
	.contact_list li .con_box .item .desc{font-size: 0.2rem;line-height: 1.5em;height: 3em;}
	.contact .top_box .title{font-size: 0.28rem;}
	.contact .top_box .desc{font-size: 0.2rem;}
	
	
	
	
	.ab_box_1 .title{font-size: 0.3rem;height: 0.6rem;line-height: 0.6rem;}
	.ab_box_1 .desc{font-size: 0.2rem;line-height: 2em;}
	.ab_box_2 .tabs .tab{font-size: 0.22rem;}
	.ab_box_2 .items .item .con_box p{font-size: 0.2rem;line-height: 2em;}
	
	.ab_box_3 .top_box .title{font-size: 0.3rem;line-height: 0.6rem;height: 0.6rem;margin-bottom: 0.1rem;}
	.ab_box_3 .top_box .desc{font-size: 0.2rem;line-height: 2em;}
	#chejian_swiper .swiper-slide .con_box .title{font-size: 0.22rem;}
	#chejian_swiper .swiper-slide .con_box .desc{font-size: 0.18rem;}
	
	.ab_box_4 .top_box .title{font-size: 0.3rem;line-height: 0.6rem;height: 0.6rem;margin-bottom: 0.1rem;}
	.ab_box_5 .top_box .title{font-size: 0.3rem;line-height: 0.6rem;height: 0.6rem;margin-bottom: 0.1rem;}
	.ab_box_6 .top_box .title{font-size: 0.3rem;line-height: 0.6rem;height: 0.6rem;margin-bottom: 0.1rem;}
	
	.ny_ctg_box .content>ul>li ul{top:0.9rem;}
	.ny_ctg_box .content>ul>li ul li a{font-size:12px;}
}

@media only screen and (max-width:1366px)
{
	.p_class .class_item .class_cont .box .title{font-size: 0.38rem;}
	.p_class .class_item .class_cont .box .desc{font-size: 0.2rem;line-height: 1.5em;}
}



@media only screen and (max-width:1280px)
{
	.news .news_imgs li .box .title{font-size: 0.26rem;}
	.news .news_imgs li .box .desc{font-size: 0.2rem;}
	.news .news_imgs li .box .time{font-size: 0.2rem;}
	
	.news .news_list li .box .time{font-size: 0.2rem;}
	.news .news_list li .box .title{font-size: 0.26rem;}
	.news .news_list li .box .desc{font-size: 0.2rem;}
	.news .news_list li .box .more{font-size: 0.2rem;}
	
	.product .product_list li .box .con_box .type{font-size: 0.26rem;line-height: 0.42rem;height: 0.42rem;}
	.product .product_list li .box .con_box .title{font-size: 0.26rem;line-height: 0.42rem;}
	.product .product_list li .box .more{width: 1.8rem;}
}

@media only screen and (max-width:1024px)
{
	
	.news .news_imgs li .box .title{font-size: 0.3rem;}
	.news .news_imgs li .box .desc{font-size: 0.24rem;}
	.news .news_imgs li .box .time{font-size: 0.24rem;}
	
	.news .news_list li .box .time{font-size: 0.24rem;}
	.news .news_list li .box .title{font-size: 0.3rem;}
	.news .news_list li .box .desc{font-size: 0.24rem;}
	.news .news_list li .box .more{font-size: 0.24rem;}
	
	
	.p_class .class_item{width: 100%;}
	.p_class .class_item .bg{width: 100%;}
	.p_class .class_item .class_cont .box .title{font-size: 0.46rem;}
	.p_class .class_item .class_cont .box .line{margin: 0.2rem auto;}
	.p_class .class_item .class_cont .box .desc{font-size: 0.24rem;line-height: 2em;}
	.p_class .class_item .class_cont .box{width: 50%;}
	.p_class .class_item .class_cont .box .item{padding: 0px 0.4rem;width: auto;height: 0.64rem;line-height: 0.64rem; float: initial;display: inline-block; margin-right: 0.4rem;}
	.p_class .class_item .class_cont .box .item:nth-child(3n){margin-right: 0.4rem;}
	.p_class .class_item .class_cont .box .more1{height: 0.8rem;line-height: 0.8rem;}
	.p_class .class_item .class_cont .box .mouse{width: 0.4rem;height: 0.56rem;}
	.ab_box_1{height: auto;padding: 0.4rem; margin-top: 0px!important;}
	.ab_box_1 .desc{font-size: 0.28rem;}
	.ab_box_2 .tabs .tab{line-height: 0.8rem;height: 0.8rem;font-size: 0.28rem;}
	.ab_box_2 .items .item .con_box p{font-size: 0.26rem;}
	.ab_box_3 .top_box .desc{font-size: 0.28rem;}
	#chejian_swiper .swiper-slide .con_box .title{font-size: 0.28rem;}
	#chejian_swiper .swiper-slide .con_box .desc{font-size: 0.22rem;}
	#develop_swiper .swiper-slide .title{font-size: 0.26rem;}
	.develop_items .item .desc{font-size: 0.28rem;line-height: 1.5em;}
	
	.ab_box_5 .swipers .swiper-container .swiper-slide .title{font-size: 0.28rem;line-height: 2em;}
	.ab_box_6 .swiper-container .swiper-slide .box{padding: 0.5rem 0.6rem;}
	.ab_box_6 .swiper-container .swiper-slide .box .num{font-size: 0.32rem;margin-bottom: 0.3rem;line-height: 1em;}
	.ab_box_6 .swiper-container .swiper-slide .box .title{font-size: 0.32rem;margin-bottom: 0.25rem;line-height: 1em;}
	.ab_box_6 .swiper-container .swiper-slide .box .desc p{font-size: 0.26rem;line-height: 2em;}
}

@media only screen and (max-width:768px)
{
	.ny_banner .box .title{font-size: 32px;}
	.ny_ctg_box{padding: 0px 10px;}
	.ny_ctg_box .content{padding: 30px 10px;}
	.ny_ctg_box .content>ul>li{height: 50px;line-height: 50px;}
	.ny_ctg_box .content>ul>li>a{font-size: 14px;}
	.content{padding-left: 15px;padding-right: 15px;box-sizing: border-box;}
	.product .content{padding-left: 0px;padding-right: 0px;}
	
	.news{padding: 0px 10px;}
	.news .content{padding-left: 0px;padding-right: 0px;}
	
	.news .news_imgs li{width: 50%;padding: 0px 10px;margin-bottom: 20px;}
	.news .news_imgs li .box .img_box img{margin-bottom: 20px;}
	.news .news_imgs li .box .title{font-size: 20px;margin-bottom: 15px;}
	.news .news_imgs li .box .desc{font-size: 14px;margin-bottom: 15px;}
	.news .news_imgs li .box .time{font-size: 14px;line-height: 50px;height: 50px;}
	.news .news_imgs li .box .time .more{width:19px;height: 19px;}
	.news .news_list li{width: 50%;padding: 10px;}
	.news .news_list li .box{padding: 20px;}
	.news .news_list li .box .time{font-size: 14px;margin-bottom: 15px;}
	.news .news_list li .box .title{font-size: 20px;margin-bottom: 15px;}
	.news .news_list li .box .more{font-size: 14px;width: 162px;height: 50px;line-height: 50px;}
	.news .news_list li .box .desc{font-size: 14px;margin-bottom: 15px;}
	.news .news_list li .box .more:hover span{margin-left: 10px;}
	
	.product{padding: 0px 10px;}
	.product .product_list li{width: 50%;padding: 0px 10px;margin: 15px 0px;}
	.product .product_list li .box .con_box{padding: 0px 10px;}
	.product .product_list li .box .con_box .type{font-size: 18px;line-height: 1.5em;height: 1.5em;}
	.product .product_list li .box .con_box .title{font-size: 18px;line-height: 1.5em;}
	.product .product_list li .box .more{margin: 20px auto;width: 160px;height: 46px;line-height: 46px;font-size: 14px;}
	
	.contact .content{padding: 0px 20px;}
	.contact .top_box{padding-top: 40px;margin-bottom: 40px;}
	.contact .top_box .title{font-size: 24px;padding-left: 45px;line-height: 50px;height: 50px;}
	.contact .top_box .title::after{width: 45px;height: 24px;}
	.contact .top_box .desc{margin-top: 10px;line-height: 28px;font-size: 16px;}
	.contact_list li{width: 100%;}
	
	.p_class .class_item .class_cont .box{width: 80%;}
	
	
	
	
	.ab_box_1 .title{font-size: 0.36rem;}
	.ab_box_1 .desc{font-size: 0.28rem;}
	.ab_box_2 .tabs .tab{width: 33.33333%;float: left; font-size: 0.28rem;line-height: 0.8rem;height: 0.8rem;box-sizing: border-box;margin-right: 0px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	
	.ab_box_2 .items .item .con_box{width: 100%;margin-bottom: 0.4rem;height: 3.5rem;}
	.ab_box_2 .items .item .con_box .mCSB_container{margin-right: 20px;}
	.ab_box_2 .items .item .con_box p{font-size: 0.28rem;}
	.ab_box_2 .items .item .img_box{width: 100%;}
	.ab_box_2 .items .item .img_box img{max-width: 100%;margin: 0px auto;display: block;}
	
	.ab_box_3 .top_box .title{font-size: 0.36rem;}
	.ab_box_3 .top_box .desc{font-size: 0.28rem;line-height: 1.5em;}
	#chejian_swiper .swiper-slide .con_box{padding-left: 1rem;}
	#chejian_swiper .swiper-slide .con_box .title{font-size: 0.28rem;}
	#chejian_swiper .swiper-slide .con_box .desc{font-size: 0.22rem;}
	.ab_box_4 .top_box .title{font-size: 0.36rem;}
	.ab_box_4{height: auto;padding-bottom: 0.6rem;}
	.develop_items .item .desc{font-size: 0.28rem;line-height: 1.5em;}
	.develop_items .item{padding: 0px 20px;}
	#develop_swiper{height: 1.8rem;}
	#develop_swiper .swiper-slide .dot{width: 0.16rem;height: 0.16rem;}
	#develop_swiper .swiper-slide .title{font-size: 0.32rem;}
	#develop_swiper .swiper-slide:hover .title, #develop_swiper .swiper-slide.on .title{font-size: 0.36rem;}
	.ab_box_5 .top_box .title{font-size: 0.36rem;}
	.ab_box_5 .tabs .tab{font-size: 0.28rem;height: 0.64rem;line-height: 0.64rem;width: 2rem;}
	.ab_box_5 .tabs{margin-bottom: 25px;}
	.ab_box_5 .swipers .swiper-container .swiper-slide .box{padding: 15px;}
	.ab_box_5 .swipers .swiper-container .swiper-slide .title{font-size: 0.32rem;line-height: 2em;}
	.ab_box_6 .top_box .title{font-size: 0.36rem;}
	
	.ab_box_5 .swipers .swiper-container .swiper-pagination{padding-top: 25px;}
	.ab_box_6 .swiper-container .swiper-slide .box{padding: 0.5rem 0.6rem;}
	.ab_box_6 .swiper-container .swiper-slide .box .num{font-size: 0.4rem;margin-bottom: 0.4rem;line-height: 1em;}
	.ab_box_6 .swiper-container .swiper-slide .box .title{font-size: 0.4rem;margin-bottom: 0.3rem;line-height: 1em;}
	.ab_box_6 .swiper-container .swiper-slide .box .desc p{font-size: 0.32rem;line-height: 2em;}
	
}
@media only screen and (max-width:640px){
	.contact .top_box .title{font-size:16px;padding-left:28px;}
	.contact_list li .con_box .item{width:100%;}
	.contact_list li .con_box .item:nth-child(even){width:100%;}
	.contact .top_box .desc{font-size:14px;}
	.contact .top_box{padding-top:20px;margin-bottom:20px;}
	.news .news_imgs li .box .title{font-size:16px;}
	.news .news_imgs li .box .desc{font-size:14px;}
	.news .news_list li .box .title{font-size:16px;}
	.news .news_list li .box .desc{font-size:12px;line-height:24px;height:auto;margin-bottom:20px;}
	.ab_box_2 .items .item .con_box{font-size:12px;line-height:26px;}
	.ab_box_6 .swiper-container .swiper-slide .box .title{font-size:16px;}
	.ab_box_6 .swiper-container .swiper-slide .box .desc{font-size:12px;}
	.ab_box_6 .swiper-container .swiper-slide .box .desc p{font-size:12px;}
	.ab_box_3 .top_box .desc{font-size: 12px;line-height:24px;padding-top:10px;}
	.ab_box_1 .title{font-size:16px;}
	.ab_box_1 .desc{font-size:12px;padding-top:10px;}
	.news .news_imgs li .box .title{height:auto;}
	.ny_ctg_box .content{/*overflow:hidden;*/}
	.ny_ctg_box .content>ul{/*overflow:hidden;*/}
	.ny_ctg_box .content>ul>li{width:33.33333%;display:block;float:left;/*overflow:hidden;*/}
	.ny_ctg_box .content>ul>li:hover{z-index:7;}
	.ny_ctg_box .content>ul:after{content:"";display:block;clear:both;overflow:hidden;height:0px;}
	.contact_list li .con_box .item .desc{line-height:20px;font-size:12px;}
	.contact .top_box .title::after{width:26px;height:14px;}
	.contact_list li .title_box .title{font-size:14px;font-weight:bold;}
	.contact_list li .con_box .item .desc{height:auto;}
	.product .product_list li .box .con_box .type{font-size:16px;}
	.product .product_list li .box .con_box .title{font-size:14px;}
	.product .product_list li .box .more{font-size:12px;width:100px;height:36px;line-height:36px;}
	.ab_box_5 .swipers .swiper-container .swiper-slide .title{font-size:14px;}
	.develop_items .item .desc{font-size:14px;}
	.develop_items .item .title{font-size:16px;}
	.ab_box_2 .tabs .tab{font-size:13px;}
	#chejian_swiper .swiper-slide .con_box .desc{-webkit-line-clamp: 104;}
}
@media only screen and (max-width:480px){
	.ny_banner .box .title{font-size: 28px;}
	.news .news_imgs li{width: 100%;}
	.news .news_list li{width: 100%;}
	.product .product_list li{width: 100%;}
	
	.p_class .class_item{height: 50vh;background-size: auto 100%;background-position: center center;background-repeat: no-repeat;}
	.p_class .class_item .bg{display: none;}
	.p_class .class_item .class_cont .box .mouse{width: 0.3rem;height: 0.42rem;}
	
	
	#chejian_swiper .swiper-slide{height: auto;}
	#chejian_swiper .swiper-slide .img_box{width: 100%;position: static;}
	#chejian_swiper .swiper-slide .con_box{height: auto;padding: 0.4rem; width: 100%;position: static;}
	#chejian_swiper .swiper-slide .con_box .title{font-size: 14px;margin-bottom: 0.4rem;line-height: 1.5em;margin-bottom:20px;}
	#chejian_swiper .swiper-slide .con_box .desc{font-size: 12px;line-height:24px;}
	#chejian_swiper .btn_box{width: 100%;left: 0px;bottom: 0px;position: static;margin-top: 0.6rem;text-align: center;}
	
	
}

@media only screen and (max-width:414px){
	.ny_banner .box .title{font-size: 26px;}
	.news .news_list li .box .more{font-size: 12px;width: 100px;height: 36px;line-height: 36px;}
}
@media only screen and (max-width:320px){
.contact .content{padding:0px 10px;}
}