﻿@media (max-width: 1220px){
.nav_w {
    float: left;
    padding-left: 180px;
    height: 100%;
}
}
@media screen and (max-width:1600px){
}

@media screen and (max-width:1440px){
}

@media screen and (max-width:1300px){
}

@media screen and (max-width:1220px){

}

@media screen and (max-width:1130px){
}

@media screen and (max-width:1060px){
}

@media screen and (max-width:1023px){
.w{ width:100%;}
.head,.pc{ display:none!important;}
.pc{ display:none!important;}
.sjhedes,.m{ display:block!important;}
.con1 .w,.con2 .w,.con3 .w,.con6 .w,.con7 .w,.con8 .w,.con9 .w,.con10 .w,.con12 .w,.con13 .w,.con14 .w,.con33 .w,.con20 .w,.con19 .w,.con17 .w,.con18 .w,.con22 ,.con18 .w,.con22 .w,.fotherBanner .w,.bannerTxt .w,.con16 .w,.pro .w,.con4 .w,.footer .w,.contact .w,.about1 .w,.supply1 .w,.supply2 .w,.supply3 .w,.pro2 .w{ width:93.6%;}
.otherBanner ,.banner{ margin-top:auto;}
.otherBanner{ margin-top:auto; height:460px;}
.titc em{ font-size:35px;}
.titc p{ font-size:22px;}







.rvcImg {width:100%; margin: 0 auto; margin-top: .4rem; position: relative;z-index: 0;}
.rvcImg .swiper-container{ width: 100%;}
.rvcImg .swiper-slide p{ font-size:20px; margin-top:20px;}
.rvcImg .swiper-slide i{ height: auto; justify-content: center; align-items: center;  background: #e9e9e9; border-radius: 5px; height: 160px;}
.rvcImg .swiper-slide{width: 100%;}
.rvcImg  .swiper-slide.swiper-slide-active i{ }
.rvcImg  .swiper-button-next{ background: #cccccc; width:50px; height:50px; transform:translateX(50%);
  -webkit-transform:translateX(50%);  margin-top: -50px; border-radius: 50%; background-image: url(../images/ico-right.png); background-position: center center;  background-repeat: no-repeat;background-size:40% auto;right: 0;}
.rvcImg  .swiper-button-prev{ background: #cccccc; width:50px; height:50px; transform:translateX(-50%);
  -webkit-transform:translateX(-50%); margin-top: -50px;  border-radius: 50%;  background-image: url(../images/ico-left.png); background-position: center center; background-repeat: no-repeat; background-size:40% auto; left: 0;}




.con5{ padding:60px 0;}
.con5 .swiper-slide{ padding:35px 0 30px 0; margin-top:20px; transform: inherit; -webkit-backface-visibility: inherit;backface-visibility: inherit;}
.con5 ul li{width: calc((100% - 20px)/2);margin-right:20px; float:left;margin-bottom: 20px;}
.con5 ul li:nth-child(2n){margin-right: 0;}
.con5 ul li.hover{ transform:translateY(-0px);}
.con5 .swiper-slide .pic {width: 96.66666666666667%; margin: 0 auto;}





.con1{ padding:60px 0;}
.con1_list{ padding:0; margin-top:-15px;}
.con1_list li{ width:100%; }

.con1_list li .txt{ width:54%;padding-left:3%; position:static; border-radius:0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.con1_list li .txt .clear{ width:100%;}
.con1_list li .txt em{ text-align:left; margin-bottom:10px; /*color:#0090ff;*/}
.con1_list li .txt p{ font-size:22px; padding:0; display:block; text-align:left;}
.con1_list li.hover .txt{ padding:0; background:#fff; border-radius:0;}
.con1_list li.hover .txt em{ color:#333;}
.con1_list li.hover .txt p{ color:#333;}
.con1_list li .txt .p1 {width:100%; text-align:left;}
.con1_list li .txt .p2{width:100%; text-align:left;}
.con1_list li .line { margin-left:0px;}



.con2{ padding:0 0 60px 0;}
.con2_right {width: 100%;}
.con2_right .titc p {text-align: justify;}
.con2_list li .txt em{ line-height:1.599829351535836;}
.con2_list li .txt p{ font-size:22px; line-height:1.611374407582938;}

.con2_list li.li1 .txt{ padding:0 8% 0 0;}

.con3{ background:url() #f8f8f8 center bottom no-repeat; background-size:100%; padding:60px 0 60px 0;}
.con3_list{ padding:0; float:left; width:100%;margin-top: 20px;}
.con3_list li{width: calc((100% - 10px)/2);margin-right:10px; text-align:center;}
.con3_list li:nth-child(2){margin-right:0px;}
.con3_list li:nth-child(5){margin-right:0px;}

.con4_list li {width: calc((100% - 0px)/2);min-height: 190px;}
.con4_list li:nth-child(1){background: url(../images/ico4-1.png) no-repeat;background-size:100%;display: flow-root;}
.con4_list li:nth-child(2){background: url(../images/ico4-2.png) no-repeat;background-size:100%;display: flow-root;}

.con4_list li:nth-child(4){background: url(../images/ico4-3.png) no-repeat;background-size:100%;display: flow-root;}
.con4_list li:nth-child(5){background: url(../images/ico4-4.png) no-repeat;background-size:100%;display: flow-root;}

.con4_list li:nth-child(3){background: url(../images/ico4-bg122.png) no-repeat;display: flow-root;background-position: center ;width:100%;background-size: contain;text-align: center;}
.con4_list li:nth-child(3) img{height:190px}
.con4_list li:nth-child(2) .procTxt {padding: 20px 20px 20px 75px;}
.con4_list li:nth-child(5) .procTxt {padding: 10px 20px 20px 75px;}	



.con33 {background: url() #f2f1f1 center bottom no-repeat; padding: 30px 0 60px 0; margin-bottom:60px;}
.con33_img {float: right; position: relative; width: 38%;text-align: right;}
.con33_title {float: left; position: relative;width: 60%; padding:0 0 0 2%;}
.con33_img img{width:100%;}

.con33_list{ padding:0; float:left; width:100%; margin-top:20px;}
.con33_list li{ min-height:180px; padding-bottom:0;width: calc((100% - 30px)/4);margin-right:10px; text-align:center;}
.con33_list li:nth-child(4){margin-right:0px;}
.con33_list li:last-child{ min-height:160px;}
.con33_list li .t1{ padding:0; line-height:48px; margin-bottom:10px;}
.con33_list li .t1 em{ font-size:26px; line-height:51px; width:51px;}
.con33_list li p{ font-size:22px; line-height:1.12;}





.con6{ padding:60px 0;}
.con6_list{ margin-top:15px;}
.con6_list li { width: calc((100% - 0px)/3);margin-right:0px; position: relative;}
.con6_list li:nth-child(3n) { margin-right: 0;}
.con6_list li:nth-child(2n) .pico{ margin-left:0%;}



.con7{ background:url(../images/con7-bg.jpg) #f6fafe center center no-repeat; background-size:cover; padding:60px 0 60px 0;}
.con7 .grow .txt{width:83%;}
.con7 .grow p{line-height:1.6}

.con8{ padding:60px 0 70px 0;}
.con8 .titc{ width:100%; text-align:center;}
.con8 .titc p{ line-height:1.4;}
.con8 .titc p b{ display:inline;}
.con8 .titc p.m{ margin-top:5px;}
.con8_list{ width:100%; margin-top:10px;}
.con8_list ul li p{ height:58px; bottom:20px; line-height:1.3; font-size:22px;}
.con8_list ul li p font{ display:block;}

.con9{ padding:60px 0;}
.con9_c{ margin-top:15px;}



.con11{ background:url(../images/con11-bgm.jpg) #f6fafe center bottom no-repeat; background-size:100%; padding:60px 0 80px 0; background-position-x:center}
.con11_c{ padding:0 3.2%; margin-top:10px;}
.con11_list li.li1{ margin-top:120px;}
.con11_list li.li3{ margin-top:70px;}

.con12{ padding:60px 0;}
.con12_list{ margin-top:15px;}
.con12_list li{width: calc((100% - 0px)/3);margin-right:0px; float:left;margin-bottom: 0px;}
.con12_list li:nth-child(3n){margin-right: 0;}
.con12_list li:nth-child(16){display:none;}

.con13{ padding:0 0 60px 0;}
.con13_list{ width:102%;}
.con13_list li{ margin:2% 2% 0 0; width:48%;}
.con13_list li em{ font-size:120px; padding-left:15.625%;}
.con13_list li span{ font-size:26px; line-height:34px;}
.con13_list li p{ font-size:22px; line-height:28px;}

.con14{ padding:90px 0 500px 0; background:url(../images/bg14_m.jpg) #dfeefb center bottom no-repeat; background-size:100%; text-align:center;}
.con14 .w .t1{ font-size:22px;}
.con14 .w .t4{ font-size:22px;}
.con14 .w .t5 em{ font-size:22px;}

.con15{ padding:100px 0 125px 0;}
.con15_list{ width:100%; margin-top:-10px;}
.con15_list li{ padding:30px 0 0 0; margin-right:0; width:25%;}
.con15_list li i{ width:118px; height:118px;}
.con15_list li p{ font-size:24px; margin-top:12px; line-height:33px;}

.con16{ padding:60px 0 70px 0;}
.con16 .mes_form li{ padding-top:40px; width:100%;}
.m_intxt{ font-size:20px;}
.con16 .titc,.con16 .line,.con16 .mes_form{width:93.6%;}
.con16 .mores {width:100%;}

.con18{ padding:60px 0;}
.con18_list{width:100%;}
.con18_list li{width: calc((100% - 0px)/1); min-height:inherit; margin-top:60px; background-size:100%; margin-right:0px;}
.con18_list li:hover{margin-top:60px; box-shadow:inherit;}
.con18_list li:nth-child(3){background-image: url(../images/con18-3m.jpg);}
.con18_list li:nth-child(2){background-image: url(../images/con18-2m.jpg);}
.con18_list li:nth-child(1){background-image: url(../images/con18-1m.jpg);}

.con19{ padding:60px 0;}
.con19_list{ padding:60px 0 0 0;display: flex;flex-direction: row; justify-content: center;}
.con19_list li{ margin-top:60px; background-size:100%; margin-right:0px;width:33.33333%;}
.con19_list li .imgbg img { width: 140%;  height: 140%; z-index: 99;}
.con19_list li .img{position: absolute; text-align: center;}
.con19_list li .img img {/*width:auto; height:auto;*/ width:90px; height:auto;}
.con19_list  h2 { color: #fff; font-size: 22px; font-weight: 600;margin-top: 10px;}
.wdw1 {margin-top: -60px;}

.yinshua {overflow:hidden;}
.yinshua .swiper-slide img{width:100%;}

.con20{ padding:60px 0;}
.con20_list{ margin-top:30px;}
.con20_list li{width: calc((100% - 20px)/2);margin-right:20px; position:relative;margin-bottom:20px; background:#f8f8f8;  overflow:hidden}
.con20_list li img{width:100%; text-align:center;}
.con20_list li:nth-child(2n){margin-right: 0;}
.con20_list li .pic{ width:100%; float:left; border-radius:8px;display: flex;justify-content: center;}
.con20_list li .txt{ position:relative;left:0; right:0; bottom:0; float:left; width:100%;padding:30px 5px 20px 5px;}
.con20_list li .txt h3{padding-bottom:20px; position:relative;}
.con20_list li .txt h3 em{ display:inline-block;line-height:45px; font-size:24px; color:#333; font-weight:bold;}
.con20_list li .txtc{font-size:18px; line-height:1.2}
.con20_list li .txtc p:nth-child(2){padding:20px 0 0 0;}

/*首页*/
.bannerTxti {}
.bannerTxt_xia {font-weight: 600;}



.con22{ padding:0;margin:50px auto 20px;}
.con22_map {float:left;width:100%;}
.con22_right{width:100%;}
.con22_list li { font-size: 20px;width: calc((100% - 30px)/3);margin-right: 10px;}
.con22_list li:nth-child(1) {margin-left:0px;}
.con22_map img{ width:100%;}
/*pc*/
/*新闻*/
.newsList li {overflow: hidden;margin-bottom:15px; border-bottom:0px solid #bfbfbf;padding-bottom:15px;width: calc((100% - 0px)/1);margin-right:20px; float:left;}
.newsList li:nth-child(3n){overflow: hidden;margin-bottom:0px; border-bottom: 0px solid #bfbfbf;margin-right:0px;}
.newsList li .box .title { margin-top:8px;}
.newsList li .box .title a {}
.newsList li .box .desc { margin-top:3px;}
.newsList li .box .date {margin-top:15px;}

.RnewsList li {overflow: hidden;margin-bottom:15px; border-bottom:0px solid #bfbfbf;padding-bottom:15px;width: calc((100% - 0px)/1);margin-right:20px; float:left;}
.RnewsList li:nth-child(3n){overflow: hidden;margin-bottom:0px; border-bottom: 0px solid #bfbfbf;margin-right:0px;}
.RnewsList li .title {padding:0px; margin:auto; height:auto;-webkit-line-clamp: initial !important;font-size: 26px;}
.RnewsList .tit{width:100%; text-align:center; font-size:22px; margin-bottom:30px;}
.RproductsList li .title a{font-size: 26px;color: #3c3c3d;padding: 5px 0;height:auto;-webkit-line-clamp: initial !important;}
.RproductsList li .title span{display:flex;width: 35px;height: 35px;background: #0090ff;border-radius: 50%;display: flex;align-items: center;margin-right: 25px;color: #ffffff;justify-content: center;font-weight: bold;}
.RnewsList li .img img {
    width: 100%;
    display: block;
}
/*关于我们*/
.about_title .ti1 {width:100%;}
.about_txt {text-align: justify;}

.about1_list li{width: calc((100% - 30px)/4);margin-right: 15px; position: relative; float:left; margin-bottom:10px; margin-right:10px;}
.about1_list li:nth-child(4n) { margin-right: 0;}
/*产品*/

.pro1_list li {min-height:300px;}
.pro2 .txt {text-align: justify;}
.pro3_list li .img { width: 50%;}
.pro3_list li .box {width: calc(49%);}
.pro3_list li .box .title {margin-top:5px;}
.pro3_list li .box .desc {margin-top:1px;}
.pro3_list li .box .more { margin-top: 6px;}
.pro5_list li .box {width: calc(49%);}
.pro5_list li .box .title {margin-top:1px;line-height: 30px;}
.pro5_list li .box .desc {line-height: 1.5;margin-top:2px;}
.faq_list dl>dt {font-weight: 400;line-height: 1.5;}


.leftBox{float: left; position: relative; z-index: 1; width: 100%; margin-top: 46px;}
.leftMenu li {height:50px; line-height:50px;font-size: 20px;color: #333;font-weight: 600;padding-left: 25px;padding-right: 25px; text-align:left;text-align:center; float:left; margin-right:5px; margin-bottom:20px;}
.leftMenu li a {font-size: 16px;color: #333;}
.leftMenu li:hover {font-weight:600;color: #fff;background:#0081a9;border-radius:1000px;}
.leftMenu li:hover a{color: #fff;}
.leftMenu li.on {font-weight:600;color: #fff; background:#0081a9; border-radius:1000px;}
.leftMenu li.on a{font-weight:600;color: #fff;}
.leftMenu li.on::before,.leftMenu li:hover::before {content: '';display: block;width:0px; height: 66px;background-color: #04abf4;position: absolute;left: 0px; top: 0px;}

/*产品推荐*/
.Rproducts{float: right;width: calc(100% - 0px);margin-top:0px;}
.RproductsList li{width: calc((100% - 20px)/2);}
.RproductsList li:nth-child(4n) {margin-right:20px!important;}
.RproductsList li:nth-child(2n) { margin-right: 0 !important;}

.videoList li{float: left;width: calc((100% - 20px)/2);margin-right:20px;margin-bottom: 20px;text-align: center;display: inline-block; background: #ffffff; border-radius: 10px;}
.videoList li .imgbg{ float: inherit;}

.videoList li:nth-child(3n) {margin-right:20px!important;}
.videoList li:nth-child(2n) { margin-right: 0 !important;}


/*联系我们*/
.contact_left {width:100%;margin-top: 10px;}
.map { width:100%;margin-top: 20px;}
.map .box{height:450px;}
.map .box img{width:100%;}

/*FAQ*/
.faqbg .container { display: flex;flex-direction: column;}
.faq,.faqmap {width: 100%;}
.faq, .faqmap { margin-bottom: 40px;}
.faq dl>dt {font-size: 22px;}
.faqmap img { width:100%}

/*视频*/
.bannerTxt_shangtop{margin-top:150px;}
.procv img{width:100%!important; height:inherit!important;}
.procTxtv {margin: 12% 0;}

.video_map {margin: 20px 0; padding: 70px 20px;}
.video_map .box {margin-top: 40px;}

.fotherBanner{background-position: center left!important;}
.bannerTxt { margin: 36.5% 0;}
.bannerTxt_shang{width:100%;}
.fbannerTxt .top{margin-top:220px; max-width:1200px; border-top:1px solid #fff; padding-top:40px;}
.fbannerTxt_xia_but {float: left;}
/*foot style*********************************************************************/
.footer{ padding:40px 0 0 0;}
.foot1{ padding:50px 0 35px 0; border-bottom:none;}
.foot1 .f_lf{ width:100%;}
.foot1 .f_lf img{ height:131px; margin:0 auto;}
.foot1 .f_nav{ display:none;}
.foot2 .f_ewm{ position:static; right:auto; width:100%; top:auto; margin-top:0; width:100%; justify-content:center; align-items:center;}
.foot2 .f_ewm li{ width:150px; margin:0 15px;}
.foot2 .f_ewm li .e_pic .clear img{ width:140px; height:140px;}
.foot2 .f_ewm li p{ display:none;}
.foot2 .f_tell{ padding:0; width:100%; text-align:center;}
.foot2 .f_tell em{ font-size:22px;}
.foot2 .f_tell p{ font-size:30px; line-height:80px;}
.foot2 .f_adr{ text-align:left;width:33%;}
.foot2 .f_adr p{ font-size:14px; line-height:1.6;text-align: left;max-width: initial;}
.foot{font-size:1rem;}

/*右侧浮窗 style*********************************************************************/
#top{ position:relative; width:100%; height:110px;}
.right-menu{ left:0; bottom:0; width:100%; background:#e60002; height:110px;}
.right-menu .btn{ display:none;}
.right-menu .m{ color:#fff; width:50%; line-height:110px; font-size:36px;}
.right-menu .m:first-child{ background:#0a2132;}
}