﻿@media screen and (max-width:1600px){
}

@media screen and (max-width:1440px){
}

@media screen and (max-width:1300px){
}

@media screen and (max-width:1200px){
}

@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{ width:93.6%;}
.otherBanner ,.banner{ margin-top:auto;}
.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;*/height: 210px;}
.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;}










.con1{ padding:60px 0;}
.con1_list{ padding:0; margin-top:-15px;}
.con1_list li{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:35px;}
/*.con1_list li:nth-child(2n){ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}*/
.con1_list li .pic{/* border-radius:30px;*/}
.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;}

.con22{ padding:0 0 100px 0;overflow: hidden; width: 100%;display: block;}
.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%;}

.con2{ padding:0 0 60px 0;}
.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_img {float: left; position: relative; width: 38%; margin-top:20px;}
.con3_img img{width:100%;}
.con3_title {float: right; position: relative; width: 60%;}
.con3_list{ padding:0; float:left; width:100%;margin-top: 20px;}
.con3_list li{ min-height:180px; padding-bottom:0;width: calc((100% - 30px)/4);margin-right:10px; text-align:center;}
.con3_list li:nth-child(4){margin-right:0px;}
.con3_list li:nth-child(1){ margin-left:0px;}
.con3_list li:last-child{ min-height:160px;}
.con3_list li .t1{ padding:0; line-height:48px; margin-bottom:10px;}
.con3_list li .t1 em{ font-size:26px; line-height:51px; width:51px;}
.con3_list li p{ font-size:22px; line-height:1.12;}

.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;}

.con4{ padding:60px 0 70px 0;}
.con4_w{ position:relative; margin-top:15px; padding-bottom:158px;}
.con4_w .pic{ width:100%;}
.con4_c{ position:absolute; right:38px; left:28px; top:inherit; bottom:0; width:auto;}
.con4_c .swiper{ height:365px;}
.con4_c .swiper-slide{ padding:0 7%;}
.con4_c .swiper-slide .txt{ width:100%;}
.con4_c .swiper-slide .txt h3{ margin-bottom:30px; line-height:1.2;}
.con4_c .swiper-slide .txt h3 em{ display:block;}
.con4_c .swiper-slide .txt h3 i{ display:none;}
.con4_c .swiper-slide .txt p{ font-size:22px; line-height:1.772037914691943;}
.con4_c .swiper-pagination{ right:48px; left:auto; bottom:auto; top:50px; background:#fff;}
.con4_c .swiper-pagination .swiper-pagination-bullet{ font-size:26px; width:62px;}
.con4_c .swiper-pagination .swiper-pagination-bullet-active{ background:#0090ff;}

.con5{ background:url(../images/con5_bgm.jpg) #088eb6 center center no-repeat; background-size:100%;padding: 60px 0 100px 0;}
.con5 .txt{ padding:0 0 0 5.6%;}
.con5 .txt p{ font-size:22px; line-height:52px;}
.con5 .txt p em{ font-size:32px;}
.con5 .txt p:nth-child(1) { font-size: 28px; font-weight: bold; font-weight: 500;  color: #fff;line-height: 65px;}
.con5 .txt p:nth-child(2) { font-size: 18px; font-weight: bold;  color: #fff;  line-height: 35px;  margin-bottom: 20px; letter-spacing:-1px;}
.con5 .txt p:nth-child(3) { margin-left:3%; width:auto; margin-top:140px;}
.con5 .txt .com_but{ right:0px;}

.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;}

.con10{ padding:60px 0;}
.con10 .swiper-slide{ padding:35px 0 30px 0; margin-top:20px;}
.con10 ul li.hover{ transform:translateY(-0px);}

.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{ padding:0 8%;}
.con16 .mes_form li{ padding-top:40px; width:100%;}
.m_intxt{ font-size:20px;}

.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% - 40px)/3);margin-right:20px; position:relative;margin-bottom:20px; background:#f8f8f8;  overflow:hidden}
.con20_list li img{width:auto !important; text-align:center;}
.con20_list li:nth-child(3n){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;}

/*pc*/
/*新闻*/
.newsList li .img {width: 44%;}
.newsList li .box {width: calc(100% - 46%);}
.newsList li .box .title { margin-top:8px;}
.newsList li .box .title a {font-size: 17px;}
.newsList li .box .desc {font-size: 12px; margin-top:3px;}
.newsList li .box .date {margin-top:15px;}
/*关于我们*/
.Dimg {width: 100%;padding:0;}
.Ddesc .title {margin-bottom: 20px;}
/*产品*/

.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;}
.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;}
.rightBox {float: right;width: calc(100% - 0px);margin-top: 46px;}
.videoList li{float: left;width: calc((100% - 0px)/1);margin-right:20px;margin-bottom: 20px;text-align: center;display: inline-block; background: #ffffff; border-radius: 10px;}
.videoList li .imgbg{ float: inherit;}


.proList .pro li{float: left;width: calc((100% - 20px)/2);margin-right:20px;margin-bottom: 20px;text-align: center;display: inline-block; background: #f8f8f8; border-radius: 10px; padding:45px 0;}
.proList .pro li:nth-child(2n){margin-right: 0;}
.proList .pro li:nth-child(3n) {margin-right: 20px;}
.proList .pro li .title em {font-size:24px;}
.proList .pro li .title p{margin-left:15px;}

.jmlist li {overflow: inherit;}
.jmlist li:nth-child(1n) div {float: left;width: 100%;}
.jmlist li p {margin:inherit; padding:inherit; line-height:inherit;}
.jmlist li:nth-child(2n) p {margin:inherit; padding:inherit; line-height:inherit;}


/*联系我们*/
.contact_left {width:100%;}
.map { width:100%;margin-top: 20px;}
.map .box{height:450px;}
.map .box img{width:100%;}


/*foot style*********************************************************************/
.footer{ padding:40px 0 55px 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:60px; line-height:80px;}
.foot2 .f_adr{ padding:40px 0 50px 0; width:100%; text-align:center;}
.foot2 .f_adr p{ font-size:20px; line-height:1.6;text-align: left;padding: 0 27%;max-width: initial;}
.foot{ display:none;}

/*右侧浮窗 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;}
}