.side-bar {position:fixed;top:calc(50% - 49px);right:10px;z-index:9999}
.side-bar a {display:block;cursor:pointer;width:46px;height:46px;background:#52aab6;position:relative;color:#fff;text-align:center;border-radius:5px}
.side-bar a+a {margin-top:6px}
.side-bar a i {display:inline-block;font-size:26px;line-height:46px}
.path {border-bottom:1px solid #eee;line-height:75px}
.path p {color:#999;font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.more1 {padding:0 40px;height:64px;display:inline-flex;justify-content:center;align-items:center;border:1px solid #dbe0e3;font-size:15px;color:#212121;font-weight:700}
.more1 span {width:13px;height:12px;background:#67a7b3;margin-right:10px}
.more1 span:last-child {margin-right:27px}
.more1:hover {background:#67a7b3;border-color:#67a7b3;color:#fff}
.more1:hover span {background:#fff}
.pro-list-banner {padding:60px 0 0px}
.pro-list-banner .t h3 {font-size:34px;color:#212121;font-weight:700;line-height:1;position:relative;z-index:20;}
.pro-list-banner .t h3::after {display:block;content:'';width:80px;height:2px;background:var(--btn-bg);margin:20px auto 0 0;}
.pro-list-banner .box {background:#67a7b3;display:flex;align-items:center;padding:50px 100px 45px}
.pro-list-banner .txt {flex:1;margin-right:140px}
.pro-list-banner .txt a {margin-top:20px;display:block;border-radius:10px;width:250px;height:42px;line-height:42px;background:#000;font-size:18px;color:#fff;font-weight:500;text-align:center;}
.pro-list-banner .txt h2 {font-size:27px;color:#fff;font-weight:700;line-height:1.6}
.pro-list-banner .txt p {margin:25px 0 0;font-size:17px;color:#fff;line-height:32px}
.pro-list-banner .list {width:350px}
.pro-list-banner .list .swiper-pagination-bullets {position:static;margin:20px 0 0}
.pro-list-banner .list .swiper-pagination-bullet {width:20px;height:4px;margin:0 8px;background:rgba(255,255,255,.4);border-radius:0;opacity:1}
.pro-list-banner .list .swiper-pagination-bullet-active {background:#fff}
.pro-list {padding:50px 0 0}
.pro-list .wp {padding-bottom:60px;border-bottom:1px solid #e9e9e9}
.pro-list .tit {text-align:center;height:75px;overflow:hidden;border-bottom:1px solid #eaedef}
.pro-list .tit h4 {color:#fff;font-size:98px;font-weight:700;line-height:1;text-shadow:rgba(210,217,221,.75) 1px 0 0,rgba(210,217,221,.75) 0 1px 0,rgba(210,217,221,.75) -1px 0 0,rgba(210,217,221,.75) 0 -1px 0}
.pro-list .top {margin:55px 0 0;display:flex;justify-content:space-between}
.pro-list .t {width:685px}
.pro-list .t h3 {font-size:34px;color:#212121;font-weight:700;line-height:1;position:relative;z-index:20}
.pro-list .t h3::after {display:block;content:'';width:80px;height:2px;background:var(--btn-bg);margin:20px auto 0 0}
.pro-list .t a {margin:34px 0 0}
.pro-list .top .txt {flex:1;margin-left:15px;font-size:17px;color:#666;line-height:36px}
.pro-list .tab {margin:50px 0 0}
.pro-list .tab ul {display:flex;justify-content:center}
.pro-list .tab ul li {font-size:20px;color:#212121;font-weight:700}
.pro-list .tab ul li:not(:last-child)::after {content:"/";font-size:20px;color:#212121;margin:0 10px}
.pro-list .tab ul li.active a {color:var(--active-color)}
.pro-list .list ul {margin:30px -20px 0;display:flex;flex-wrap:wrap}
.pro-list .list ul li {width:calc(100% / 5);padding:5px;}
.pro-list .list ul li .box {height:100%;text-align:center}
.pro-list .list ul li .pic {width:100%;display:block;box-shadow:0 0 10px rgba(63,62,62,0.1);}
.pro-list .list ul li .pic img {}
.pro-list .list ul li h5 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:17px;color:#212121;font-weight:600;line-height:1;margin:30px 0 0;}
.pro-list .list ul li p {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#666;line-height:22px;margin:25px 0 0;}
.pro-list .list ul li .box .tt .one {border:1px solid;margin-top:20px;display:block;border-radius:10px;height:42px;line-height:42px;font-size:18px;color:#000;font-weight:500;text-align:center;}
                                  
                                  
.pro-list2 {padding:65px 0;}
.pro-list2 .wp{display:flex;align-items:center;}
.pro-list2 .txt{padding-right:40px;flex:1;}
.pro-list2 .txt h3 {font-size:30px;color:#212121;font-weight:700;line-height:1;}
.pro-list2 .txt h3::after {display:block;content:'';width:80px;height:2px;background:var(--btn-bg);margin:20px auto 0 0}
.pro-list2 .t {margin:20px 0 0;font-size:18px;line-height:22px;}
.pro-list2 .t p+p{margin-top:10px;}

.pro-list2 .txt a{margin-top:20px;display:block;border-radius:10px;width:250px;height:42px;line-height:42px;background:#000;font-size:18px;color:#fff;font-weight:500;text-align:center;}

.pro-list2 .img {width:48%;}
                  
                 


.pro-list2 ul {margin:45px -20px 0;display:flex;justify-content:left;flex-wrap:wrap}
.pro-list2 ul li {width:33.3333%;padding:15px 20px}
.pro-list2 ul li>a {position:relative;overflow:hidden;display:block}
.pro-list2 ul li img {display:block;width:100%}
.pro-list2 ul li .txt {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;z-index:105;padding:0 34px 29px;transition:opacity .2s,transform .35s;display:flex;justify-content:flex-end;-webkit-flex-direction:column;flex-direction:column}
.pro-list2 ul li .txt::after {content:"";background:rgba(80,169,181,.85);height:0;position:absolute;left:0;right:0;bottom:0;transition:all .3s ease 0s}
.pro-list2 ul li .txt>* {position:relative;z-index:10}
.pro-list2 ul li .txt h6 {font-size:20px;font-weight:700;color:#fff;line-height:1}
.pro-list2 ul li .txt p {font-size:15px;color:#fff;line-height:28px;height:0;overflow:hidden;transition:all .5s ease 0s;margin:15px 0 0}
.pro-list2 ul li .txt .more {display:inline-block;font-size:14px;font-weight:500;color:#fff;margin:25px 0 0}
.pro-list2 ul li .txt .more i {color:#fff;font-size:12px;border-radius:50%;width:26px;height:26px;border:1px solid #fff;line-height:24px;display:inline-block;text-align:center;margin-right:20px}
.pro-list2 ul li:hover .txt::after {height:100%}
.pro-list2 ul li:hover .txt p {height:112px}
.pro-list2 ul li:hover .more i {background:#fafbfb;color:#4fa8b4;border-color:#fafbfb}
.pro-list3 {padding:50px 0}
.pro-list3 .tit {text-align:center;height:75px;overflow:hidden;border-bottom:1px solid #eaedef;height:100%}
.pro-list3 .tit h4 {color:#fff;font-size:98px;font-weight:700;line-height:1;text-shadow:rgba(210,217,221,.75) 1px 0 0,rgba(210,217,221,.75) 0 1px 0,rgba(210,217,221,.75) -1px 0 0,rgba(210,217,221,.75) 0 -1px 0}
.pro-list3 .top {margin:55px 0 0;display:flex;justify-content:space-between}
.pro-list3 .t {width:685px}
.pro-list3 .t h3 {font-size:34px;color:#212121;font-weight:700;line-height:1;position:relative;z-index:20}
.pro-list3 .t h3::after {display:block;content:'';width:80px;height:2px;background:#67a7b3;margin:20px auto 0 0}
.pro-list3 .t a {margin:34px 0 0}
.pro-list3 .top .txt {flex:1;margin-left:15px;font-size:17px;color:#666;line-height:36px}
.pro-list3 ul {margin:45px -19px 0;display:flex;justify-content:space-between;flex-wrap:wrap}
.pro-list3 ul li {width:50%;padding:15px 19px}
.pro-list3 ul li .item {display:flex;padding:38px;border:1px solid #e9e9e9;cursor:pointer;height:100%}
.pro-list3 ul li .ico {width:88px;height:88px;background:#67a7b3;border-radius:50%;display:flex;justify-content:center;align-items:center}
.pro-list3 ul li .ico img {}
.pro-list3 ul li .txt {flex:1;margin-left:40px}
.pro-list3 ul li .txt h6 {font-size:19px;font-weight:700;color:#67a7b3;line-height:1}
.pro-list3 ul li .txt p {font-size:16px;color:#666;line-height:30px;margin:23px 0 0}
.pro-list3 ul li:hover .item {border-color:#67a7b3;background:#67a7b3}
.pro-list3 ul li:hover .ico {background:rgba(255,255,255,.26)}
.pro-list3 ul li:hover .txt h6,.pro-list3 ul li:hover .txt p {color:#fff}
.indexC {padding:20px 0 50px;text-align:center}
.indexC h5 {font-size:34px;color:#212121;font-weight:700;line-height:1.47;position:relative;margin:50px 0 0}
.indexC h5::after {display:block;content:'Contact us';font-weight:700;white-space:nowrap;color:#fff;position:absolute;left:0;right:0;top:-35px;font-size:98px;line-height:1;z-index:-1;text-shadow:rgba(210,217,221,.75) 1px 0 0,rgba(210,217,221,.75) 0 1px 0,rgba(210,217,221,.75) -1px 0 0,rgba(210,217,221,.75) 0 -1px 0}
.indexC h5 strong {font-weight:600}
.indexC .form-box {margin:23px auto 0;width:620px;position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.indexC .submit_text {width:100%;height:80px;line-height:80px;color:#666;padding:0 90px 0 10px;font-size:17px;font-weight:500;background:#fff;border-bottom:2px solid #f0f0f0}
.indexC input::-webkit-input-placeholder,.indexC input::-moz-placeholder {color:#666;opacity:1}
.indexC .submit_btn {position:absolute;right:0;top:0;background:0 0;width:80px;height:80px;display:block;cursor:pointer;text-align:center}
.indexC .submit_btn i {font-size:35px;color:#50a9b5}
.pro-index5 {padding:50px 0}
.pro-index5 .tit {text-align:center;height:75px;overflow:hidden;border-bottom:1px solid #eaedef}
.pro-index5 .tit h4 {color:#fff;font-size:98px;font-weight:700;line-height:1;text-shadow:rgba(210,217,221,.75) 1px 0 0,rgba(210,217,221,.75) 0 1px 0,rgba(210,217,221,.75) -1px 0 0,rgba(210,217,221,.75) 0 -1px 0}
.pro-index5 .top {margin:55px 0 0;display:flex;justify-content:space-between}
.pro-index5 .t {width:685px}
.pro-index5 .t h3 {font-size:34px;color:#212121;font-weight:700;line-height:1;position:relative;z-index:20}
.pro-index5 .t h3::after {display:block;content:'';width:80px;height:2px;background:#67a7b3;margin:20px auto 0 0}
.pro-index5 .t a {margin:34px 0 0}
.pro-index5 .t p {margin:20px 0 0;line-height:32px;font-size:17px;color:#666}
.pro-index5 .top .txt {flex:1;margin-left:98px}
.pro-index5 .top .txt ul {}
.pro-index5 .top .txt ul li {border:1px solid #e9e9e9;padding:30px 30px 30px 75px;position:relative}
.pro-index5 .top .txt ul li+li {margin-top:29px}
.pro-index5 .top .txt ul li .star {}
.pro-index5 .top .txt ul li .star i {font-size:22px;color:#50a9b5}
.pro-index5 .top .txt ul li p {margin:20px 0 0;font-size:16px;color:#666;line-height:29px}
.pro-index5 .top .txt ul li p:nth-of-type(2) {font-size:17px;color:#999;font-weight:600}
.pro-index5 .top .txt ul li p:nth-of-type(2) span {margin-right:35px;color:#212121}
.pro-index5 .top .txt ul li .ico {position:absolute;top:20px;width:82px;left:-41px}
.pro-index5 .top .txt ul li .ico img {border-radius:50%}
.pro-index6 {padding:60px 0 100px}
.pro-index6 .top {display:flex;justify-content:space-between}
.pro-index6 .t {width:685px}
.pro-index6 .t h3 {font-size:34px;color:#212121;font-weight:700;line-height:1;position:relative;z-index:20}
.pro-index6 .t h3::after {display:block;content:'';width:80px;height:2px;background:#67a7b3;margin:20px auto 0 0}
.pro-index6 .t a {margin:34px 0 0}
.pro-index6 .top .txt {flex:1;margin-left:15px;font-size:17px;color:#666;line-height:36px}
.pro-index6 ul {margin:60px -12px 0;display:flex;justify-content:space-between;flex-wrap:wrap}
.pro-index6 ul li {width:50%;padding:0 12px}
.pro-index6 ul li .box {background:#67a7b3;padding:50px 40px;height:100%}
.pro-index6 ul li h5 {margin:30px 0 0;line-height:1;font-size:18px;color:#fff;font-weight:700}
.pro-index6 ul li p {margin:20px 0 0;line-height:26px;font-size:17px;color:#fff}
.pro-index6 ul li:hover .box {border-color:#67a7b3}
.pro-index-foot {background:url(../images/ibg3.jpg) no-repeat center;padding:90px 0}
.pro-index-foot .wp {display:flex;align-items:flex-end}
.pro-index-foot .info {flex:1;margin-right:98px;overflow:hidden}
.pro-index-foot .info h4 {font-size:23px;color:#fff;font-weight:500;margin-top:30px}
.pro-index-foot .info ul {margin-top:40px}
.pro-index-foot .info ul li {padding:30px 40px;background:rgba(80,169,181,.76);display:flex;justify-content:space-between;position:relative;z-index:10}
.pro-index-foot .info ul li+li {margin-top:23px}
.pro-index-foot .info ul li .ico {width:60px;height:60px;background:rgba(255,255,255,.16);border-radius:50%;display:flex;justify-content:center;align-items:center}
.pro-index-foot .info ul li .txt {flex:1;margin-left:40px}
.pro-index-foot .info ul li .txt h5 {font-size:13px;color:#fff;font-weight:500}
.pro-index-foot .info ul li .txt p {font-size:16px;color:#fff;line-height:30px;font-weight:500;margin:13px 0 0}
.pro-index-inquiry {width:43.86%;box-shadow:0 3px 14px rgba(0,0,0,.07);padding:60px 55px 40px;background:#fff;position:relative;z-index:10}
.pro-index-inquiry h3 {font-size:28px;line-height:1;color:#333;font-weight:700;width:100%;}
.pro-index-inquiry .inquirbox {margin:50px 0 0}
.pro-index-inquiry .inquirbox .row {margin-bottom:20px}
.pro-index-inquiry .inquirbox input[type=text],.pro-index-inquiry .inquirbox textarea {padding:19px 25px;background:#fafafa;font-size:15px;border:1px solid #eee;line-height:22px;color:#777}
.pro-index-inquiry .inquirbox .submit {width:100%;height:60px;line-height:60px;font-size:18px;color:#fff;font-weight:700;background:var(--btn-bg)}
.pro-index-inquiry .inquirbox .submit:hover {opacity:.7}

                                       
.pro_text {padding-bottom:30px;max-width:1440px;position:relative;margin:0 auto;}
.pro_text .pro-scroll .tit {padding-bottom:20px}
.pro_text .pro-scroll .tit h5 {font-size:30px;font-weight:700;color:#000;}
.pro-content {width:100% ! important;}
.pro-content {width:100% ! important;}
               
.rela-pro{padding:20px 0 70px;}                               
.rela-pro .tit {}
.rela-pro .tit h5{font-size:24px;font-weight:700;line-height:1;color:#000;}                               
                               
.rela-pro .list{position:relative;margin:30px 0 0;}
.rela-pro .swiper{margin:0 -10px;}                  
.rela-pro .swiper-slide{text-align:center;padding:10px;}
.rela-pro .swiper-slide .pic{display:block;overflow:hidden;box-shadow:0 0 10px rgba(63,62,62,0.1);}
.rela-pro .swiper-slide .pic img{width:100%;}
.rela-pro .swiper-slide h6{font-size:17px;color:#212121;line-height:24px;font-weight:700;margin:27px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

.rela-pro .bot{display:flex;align-items:center;width:980px;margin:50px auto 0;line-height:normal;}

.rela-pro .tips{flex:1;margin-left:20px;overflow:hidden;}
.rela-pro .swiper-pagination-progressbar.swiper-pagination-horizontal{position:static;width:100%;height:2px;background:#C9D2D7;}
.rela-pro .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000;top:0;height:2px;}

.rela-pro .bot .page{font-size:0;}
.rela-pro .swiper-button-prev,.rela-pro .swiper-button-next{position:static;width:20px;height:20px;line-height:20px;overflow:hidden;background:none;margin-top:0;text-align:center;color:#202020;display:inline-block;border-radius:0;}
.rela-pro .swiper-button-next::after,.rela-pro .swiper-button-prev::after {display:none;}
.rela-pro .swiper-button-prev i,.rela-pro .swiper-button-next i{color:inherit;font-size:18px;display:inline-block;}
.rela-pro .swiper-button-prev,.rela-pro .swiper-container-rtl .swiper-button-next{}
.rela-pro .swiper-button-next,.rela-pro .swiper-container-rtl .swiper-button-prev{margin-left:8px;}
.rela-pro .swiper-button-prev:hover,.rela-pro .swiper-button-next:hover{color:var(--active-color);}                                       
                                       
                                       
@media screen and (max-width:1500px) {
.pro-index5 .t {width:600px}
.pro-index-foot .info ul li {padding:25px 35px}
.pro-index-foot .info ul li+li {margin-top:20px}
}
                                                                                       
@media screen and (max-width:1441px) {
.indexC h5::after {font-size:90px}
.pro-index5 .tit h4,.pro-list .tit h4,.pro-list3 .tit h4 {font-size:90px}
.more1 {padding:0 35px}
.indexC h5 {font-size:32px}
.pro-list-banner .box {padding:50px 90px 45px}
.pro-index-foot .info {margin-right:80px}
.pro-index-foot .info h4 {font-size:22px}
.pro-index5 .top {display:block}
.pro-index5 .t {width:100%}
.pro-index5 .top .txt {margin:30px 0 0}
.pro-index5 .top .txt ul li {padding:25px 25px 25px 70px}
.pro-index5 .top .txt ul li p {line-height:27px}
}
                                      
@media screen and (max-width:1367px) {
.indexC h5::after {font-size:80px}
.pro-index5 .tit h4,.pro-list .tit h4,.pro-list3 .tit h4 {font-size:80px}
.indexC h5 {font-size:30px}
.pro-list .tit,.pro-list3 .tit,.pro-index5 .tit {height:65px}
.pro-list2 ul li .txt h6 {font-size:19px}
.pro-list2 ul li .txt p {line-height:26px}
.pro-index5 .t h3,.pro-index6 .t h3 {font-size:32px}
.pro-list-banner .box {padding:40px 80px 35px}
.pro-index-foot .info {margin-right:70px}
.pro-index-foot .info h4 {font-size:21px;margin-top:25px}
.pro-index-foot .info ul {margin-top:35px}
.pro-index-foot .info ul li .txt p {line-height:28px}
}
                       
@media screen and (max-width:1281px) {
.indexC h5::after {font-size:70px}
.pro-index5 .tit h4,.pro-list .tit h4,.pro-list3 .tit h4 {font-size:70px}
.indexC h5 {font-size:28px}
.pro-list .tit,.pro-list3 .tit,.pro-index5 .tit {height:60px}
.pro-index5 .t h3,.pro-index6 .t h3 {font-size:30px}
.pro-index-foot .info {margin-right:60px}
.pro-index-foot .info h4 {font-size:20px}
.pro-index-foot .info ul {margin-top:30px}
.pro-index-foot .info ul li {padding:25px 30px}
.pro-index-foot .info ul li .txt p {line-height:26px}
.pro-list-banner .box {padding:40px 70px 35px}
.pro-list2 ul li .txt {padding:0 25px 20px}
.pro-index5 .top .txt ul li .ico {width:70px;left:-35px}

.pro-list2 .txt a{width:230px;font-size:17px;}  
  
.pro-list2 .t{ont-size:17px;}
  
.pro-list-banner .t h3{font-size:32px;}  
  
}
                           
                           
@media screen and (max-width:1171px) {
 .indexC h5::after {font-size:60px}
.pro-index5 .tit h4,.pro-list .tit h4,.pro-list3 .tit h4 {font-size:60px}
.pro-list .tit,.pro-list3 .tit,.pro-index5 .tit {height:50px}
.pro-index6 ul {margin:50px -10px 0}
.pro-index6 ul li {width:50%;padding:10px}
.pro-list-banner .box {padding:40px 60px 35px}
.pro-list-banner .txt {margin-right:70px}
  
.rela-pro .bot{width:100%;}  
  
}
                                    
@media screen and (max-width:992px) {
.pro-list .t,.pro-list2 .t,.pro-list3 .t,.pro-index5 .t,.pro-index6 .t {width:100%}
.pro-index5 .top {margin:45px 0 0;display:block}
.pro-index5 .t {width:100%;text-align:center}
.pro-index5 .t h3::after {margin:15px auto 0}
.pro-index5 .top .txt {margin:30px 0 0 10px}
.pro-index6 .top {display:block}
.pro-index6 .t {text-align:center}
.pro-index6 .t h3::after {margin:15px auto 0}
.pro-index6 .top .txt {margin:15px 0 0;line-height:28px}
.pro-index-foot {padding:60px 0;background-size:cover}
.pro-index-foot .wp {display:block}
.pro-index-foot .info {margin-right:0}
.pro-index-foot .info .tit {text-align:center}
.pro-index-foot .info ul {margin-top:30px}
.pro-index-inquiry {width:100%;margin:40px 0 0;padding:40px 35px 20px}
.pro-list-banner .box {padding:40px 40px 35px}
.pro-list-banner .txt {margin-right:50px}
.pro-list-banner .txt h2 {font-size:23px;line-height:1.2}
.pro-list .top {margin:40px 0 0;display:block}
.pro-list .t {text-align:center}
.pro-list .t h3::after {margin:15px auto 0}
.pro-list .top .txt {margin:15px 0 0;line-height:28px}
.pro-list .tab ul li {font-size:18px}
                                                                        
.pro-list .list ul {margin:30px 0 0;}
.pro-list .list ul li{width:100%;padding:15px 0;}
.pro-list .list ul li .box{text-align:left;display:flex;align-items:center;}                               
.pro-list .list ul li .pic{width:30%;}               
.pro-list .list ul li .tt {flex:1;margin:0 0 0 30px;overflow:hidden;}
.pro-list .list ul li h5 {margin:0}
.pro-list .list ul li .box .tt .one{display:inline-block;font-size:16px;padding:0 30px;}                                                                        
                                                                        
.pro-list2 .wp{display:block;}
.pro-list2 .txt{padding-right:0;text-align:center;}       
.pro-list2 .txt h3::after{margin:20px auto 0;}                                                                        
.pro-list2 .txt a{margin:20px auto 0;}
.pro-list2 .img{width:60%;margin:20px auto 0;}

.pro-list2 .top {display:block}
.pro-list2 .t {text-align:center}
.pro-list2 .t h3::after {margin:15px auto 0}
.pro-list2 .top .txt {margin:15px 0 0;line-height:28px}
.pro-list2 ul {margin:35px -10px 0}
.pro-list2 ul li {padding:15px 10px}
.pro-list2 ul li .txt {padding:0 20px 18px}
.pro-list2 ul li .txt .more {display:none}
.pro-list3 .top {margin:40px 0 0;display:block}
.pro-list3 .t {text-align:center}
.pro-list3 .t h3::after {margin:15px auto 0}
.pro-list3 .top .txt {margin:15px 0 0;line-height:28px}
.pro-list3 ul {margin:30px 0 0}
.pro-list3 ul li {width:100%;padding:10px}
.pro-list .t h3,.pro-list2 .t h3,.pro-list2 .t h3,.pro-list3 .t h3 {font-size:30px}
}
  
@media screen and (max-width:768px) {
.more1 {padding:0 30px;height:50px}
.indexC h5::after {font-size:50px}
.pro-index5 .tit h4,.pro-list .tit h4,.pro-list3 .tit h4 {font-size:50px}
.indexC h5 {font-size:26px}
.pro-list .tit,.pro-list3 .tit,.pro-index5 .tit {height:45px}
.indexC {padding:20px 0 0}
.indexC .form-box {width:90%}
.indexC .submit_text {height:60px;line-height:60px;font-size:16px;padding:0 70px 0 10px}
.indexC .submit_btn {width:70px;height:60px}
 
                               
}
  
  
@media screen and (max-width:768px) {
.path {line-height:24px;padding:20px 0}
.main-left {width:100%;float:none}
.pro-index5 .t h3,.pro-index6 .t h3 {font-size:28px}
.pro-index5 .top .txt {margin:30px 0 0 15px}
.pro-index5 .top .txt ul li .ico {width:60px;left:-30px}
.pro-index5 .top .txt ul li p {line-height:24px;margin:15px 0 0}
.pro-index6 {padding:30px 0}
.pro-index6 .top .txt {line-height:24px}
.pro-index6 ul {margin:24px 0 0}
.pro-index6 ul li {width:100%;padding:6px 0}
.pro-index6 ul li .box {padding:25px 20px}
.pro-index6 ul li h5 {margin:20px 0 0;font-size:17px}
.pro-index6 ul li p {line-height:24px;font-size:16px}
.pro-index-foot {padding:30px 0}
.pro-index-foot .info h4 {font-size:18px;margin-top:20px}
.pro-index-foot .info ul {margin-top:25px}
.pro-index-foot .info ul li+li {margin-top:15px}
.pro-index-foot .info ul li {padding:25px 20px}
.pro-index-foot .info ul li .txt {margin-left:30px}
.pro-index-foot .info ul li .txt p {line-height:24px;margin:10px 0 0}
.pro-index-inquiry {margin:30px 0 0;padding:25px 20px 15px}
.pro-index-inquiry h3 {font-size:26px;text-align:center}
.pro-index-inquiry .inquirbox {margin:30px 0 0}
.pro-index-inquiry .inquirbox .row {margin-bottom:0}
.pro-index-inquiry .inquirbox input[type=text],.pro-index-inquiry .inquirbox textarea {padding:13px 15px}
.pro-index-inquiry .inquirbox .submit {height:50px;line-height:50px;font-size:17px}
.pro-list-banner {padding:30px 0 0}
.pro-list-banner .box {display:block;padding:35px 25px}
.pro-list-banner .txt {margin-right:0}
.pro-list-banner .txt h2 {font-size:24px;text-align:center;line-height:1.2}
.pro-list-banner .txt p {margin:20px 0 0;font-size:16px;line-height:24px}
.pro-list-banner .list {width:100%;margin:30px 0 0}
.pro-list-banner .list .swiper-slide {text-align:center}
.pro-list2 ul li .txt h6 {font-size:18px}
.pro-list {padding:30px 0 0}
.pro-list .tab ul {flex-wrap:wrap;text-align:center}
.pro-list .tab ul li {font-size:17px;width:50%;margin:10px 0 0}
.pro-list .tab ul li:not(:last-child)::after {display:none}
.pro-list .list ul li p {line-height:24px;margin:15px 0 0}
.pro-list2 {padding:30px 0 10px}
.pro-list2 ul {margin:25px -10px 0}
.pro-list2 ul li {width:50%;padding:10px}
.pro-list2 ul li .txt {padding:0 10px 5px}
.pro-list3 {padding:30px 0}
.pro-list3 ul li .item {padding:25px}

  
.pro-list-banner .t h3{font-size:30px;}  
.pro-list .t h3,.pro-list2 .txt h3,.rela-pro .tit h5{font-size:28px;}    
 
.pro-list .list ul li .box .tt .one{font-size:15px;padding:0 20px;height:38px;line-height:36px;}  
 
.pro-list2 .txt a{width:200px;height:38px;line-height:38px;font-size:16px;}  
.pro-list2 .img{width:70%;}
  
.rela-pro{padding:30px 0;}  
.rela-pro .bot{margin:30px auto 0;}  
.rela-pro .swiper-slide h6{font-size:16px;margin:20px 0 0;}
.rela-pro .list{margin:20px 0 0;}

.pro-list .wp{padding-bottom:30px;}  
.pro-list2 .t{font-size:16px;}  
  
}
                                     

                               
@media screen and (max-width:576px) {
.indexC h5 {font-size:24px}
.indexC h5::after {font-size:40px}
.pro-index5 .tit h4,.pro-list .tit h4,.pro-list3 .tit h4 {font-size:40px}
.pro-index5 .tit {height:35px}
.pro-index5 .t h3,.pro-index6 .t h3 {font-size:26px}
.pro-index5 .tit {height:35px}
.indexC .form-box {width:100%}
.pro-index5 .top .txt {margin:30px 0 0 25px}
.pro-index5 .top .txt ul li {padding:20px 20px 20px 45px}
.pro-list3 ul li .item {padding:20px}
.pro-list3 ul li .ico {width:70px;height:70px}
.pro-list3 ul li .ico img {max-width:50%;max-height:50%}
.pro-list3 ul li .txt {margin-left:30px}
.pro-list3 ul li .txt p {line-height:24px;margin:20px 0 0}
.pro-index-foot .info ul li {padding:20px 15px}
.pro-index-foot .info ul li .txt {margin-left:25px}
.pro-index-foot .info ul li .txt p {font-size:15px;margin:8px 0 0}
.pro-index-foot .info ul li .ico {width:50px;height:50px}
.pro-index-foot .info ul li .ico img {max-width:50%;max-height:50%}
.pro-list-banner .box {padding:30px 20px}

.pro-list-banner .t h3{font-size:28px;}                                      
.pro-list .t h3,.pro-list2 .txt h3,.rela-pro .tit h5{font-size:26px;}                                                                              
.pro-list .list ul li .pic{width:35%;}
.pro-list .list ul li .tt{margin: 0 0 0 20px;}
.pro-list .list ul li p{line-height:22px;margin:10px 0 0;}
.pro-list .list ul li .box .tt .one{margin-top:12px;}
  
.pro-list2 .img{width:80%;}                                      
                                      
}
                           
@media screen and (max-width:480px) {
.path h2 {font-size:22px}
.more1 {padding:0 25px}
.indexC h5::after {font-size:30px}
.indexC h5 {font-size:22px}
.pro-index5 .t h3,.pro-index6 .t h3 {font-size:24px}
.pro-index-inquiry h3 {font-size:22px}
.pro-index-foot .info .tit img {height:45px}
.pro-index-foot .info h4 {font-size:16px}
.pro-index-foot .info ul {margin-top:20px}
.pro-index-foot .info ul li .txt {margin-left:20px}

.pro-list-banner .t h3{font-size:26px;} 
.pro-list .t h3,.pro-list2 .txt h3,.rela-pro .tit h5{font-size:24px;}  
  
.pro-list .list ul li{padding:10px 0;} 
.pro-list .list ul li .box{text-align:center;display:block;}  
.pro-list .list ul li .pic{width:100%;}  
.pro-list .list ul li .tt{margin:20px 0 0;}  

.pro-list2 .img{width:100%;}
  
.rela-pro .list{margin:15px 0 0;}  
  
}
                   
@media screen and (max-width:420px) {
.path h2 {font-size:18px}
.path p {font-size:12px}

.pro-list-banner .t h3{font-size:24px;}
  
.pro-list .t h3,.pro-list2 .txt h3,.rela-pro .tit h5{font-size:22px;}  
  
}